.site-main__content.articles-page-content{background:transparent!important;padding:30px 0!important}.site-main__content.articles-page-content .articles-tags{width:100%;display:flex;justify-content:left;gap:15px;flex-wrap:wrap;margin-bottom:50px}.site-main__content.articles-page-content .articles-tags .articles-tag{display:inline-flex;align-items:center;color:#393939!important;text-decoration:none!important;padding:10px 20px;text-align:center;font-size:16px;font-weight:500;border-radius:30px;background-color:#fff;box-shadow:0 0 7px -2px #223c500f;transition:all .3s ease}.site-main__content.articles-page-content .articles-tags .articles-tag:hover{box-shadow:0 4px 10px -2px #223c501f;transform:translateY(-2px)}.site-main__content.articles-page-content .articles-tags .articles-tag.active{background-color:#5384a3;color:#fff!important}.site-main__content.articles-page-content .articles-tags .articles-tag.active .article-tag-img{filter:brightness(0) invert(1)}.site-main__content.articles-page-content .articles-tags .articles-tag.articles-tag--reset{background-color:#5384a3;color:#fff!important;padding-top:4px;padding-bottom:4px}.site-main__content.articles-page-content .articles-tags .articles-tag .articles-tag__close{font-size:28px;line-height:1}.site-main__content.articles-page-content .articles-tags .articles-tag .article-tag-img{height:auto;width:20px;margin-right:10px}.site-main__content.articles-page-content .articles-tags-dropdown{display:none;position:relative;width:100%;margin-bottom:30px}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tags-dropdown__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;background:#fff;border:1px solid #e6e6e6;border-radius:16px;font-size:16px;font-weight:500;color:#8a8a8a;cursor:pointer;box-shadow:0 0 7px -2px #223c500f}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tags-dropdown__icon{flex-shrink:0;transition:transform .25s ease}.site-main__content.articles-page-content .articles-tags-dropdown.open .articles-tags-dropdown__icon{transform:rotate(90deg)}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tags-dropdown__menu{position:absolute;top:100%;left:0;z-index:1000;width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;background:#fff;border-radius:16px;box-shadow:0 8px 24px -6px #223c5047;max-height:312px;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.site-main__content.articles-page-content .articles-tags-dropdown.open .articles-tags-dropdown__menu{display:flex;position:absolute;z-index:1000;width:100%;opacity:1;visibility:visible;transform:translateY(0)}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;color:#393939!important;text-decoration:none!important;padding:10px 16px;font-size:16px;font-weight:500;border-radius:12px;background-color:#f6f7f8;transition:background-color .2s ease}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag:hover{background-color:#e9ecef}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag.active{background-color:#5384a3;color:#fff!important}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag.active .article-tag-img{filter:brightness(0) invert(1)}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag.articles-tag--reset{background-color:transparent;color:#5384a3!important;border:1px solid #5384a3;justify-content:center}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag .articles-tag__close{font-size:28px;line-height:1}.site-main__content.articles-page-content .articles-tags-dropdown .articles-tag .article-tag-img{height:auto;width:20px;margin-right:10px}.site-main__content.articles-page-content .articles-container{width:100%;display:flex;justify-content:flex-start;gap:2%;flex-wrap:wrap}.site-main__content.articles-page-content .articles-container .article-card{width:23.5%;position:relative;margin-bottom:25px;overflow:hidden;height:350px;background-color:#fff;border-radius:25px;box-shadow:0 0 7px -2px #223c5042;display:block;text-decoration:none!important;color:inherit}.site-main__content.articles-page-content .articles-container .article-card .article-img{width:100%;height:150px;background-image:url(images/articles/apparatnaya_kosmetologiya_foto.jpg);background-position:center;background-repeat:no-repeat;background-size:100%;transition:background-size .3s ease;will-change:background-size}.site-main__content.articles-page-content .articles-container .article-card:hover .article-img,.site-main__content.articles-page-content .articles-container .article-card:active .article-img{background-size:108%}.site-main__content.articles-page-content .articles-container .article-card .article-tag{position:absolute;top:15px;left:15px;display:inline-flex;align-items:center;color:#393939!important;text-decoration:none!important;padding:7px 13px 8px;text-align:center;font-size:14px;font-weight:500;border-radius:30px;background-color:#fff}.site-main__content.articles-page-content .articles-container .article-card .article-tag .article-tag-img{height:auto;width:20px;margin-right:10px}.site-main__content.articles-page-content .articles-container .article-card .article-tag .article-tag-name{margin:2px 0 0;font-size:14px}.site-main__content.articles-page-content .articles-container .article-card .article-texts{padding:0 15px;margin-top:15px}.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-date{opacity:.4;font-size:15px;margin-bottom:6px!important}.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-title{font-size:22px;font-weight:600;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;line-height:1.1}.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-preview{text-align:left;line-height:1.3;margin:0;opacity:.4;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1280px){.site-main__content.articles-page-content .articles-container .article-card{width:32%}.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-title{font-size:20px}}@media(max-width:920px){.site-main__content.articles-page-content .articles-container .article-card{width:49%;margin-bottom:16px}.site-main__content.articles-page-content .articles-tags{gap:10px;margin-bottom:30px}.site-main__content.articles-page-content .articles-tags .articles-tag{font-size:14px;padding:8px 16px}}@media(max-width:600px){.site-main__content.articles-page-content .articles-tags{display:none}.site-main__content.articles-page-content .articles-tags-dropdown{display:block}}@media(max-width:637px)and (min-width:481px){.site-main__content.articles-page-content .articles-container .article-card .article-img{background-size:132%}}@media(max-width:480px){.site-main__content.articles-page-content .articles-container .article-card{width:100%;height:auto;padding-bottom:18px}.site-main__content.articles-page-content .articles-container .article-card .article-img{height:200px;background-size:125%}.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-title{font-size:19px}.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-date,.site-main__content.articles-page-content .articles-container .article-card .article-texts .article-preview{font-size:14px}.site-main__content.articles-page-content .articles-container .article-card .article-tag{font-size:13px}}