.page--article,
.page--articles {
	padding-top: 17.6rem; 
}

.container_progressbar {
    display: none !important; 
}
.articles-top {
    border-bottom: 1px solid #a7a7a7;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}
.articles-top h1{
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.articles-filters{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:24px;
    margin-bottom: 24px;
}
.articles-filters__filter{
    border: 1px solid #a7a7a7;
    border-radius: 10px;
    padding: 10px 24px;display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #737373;background: #eee;
}
.articles-filters__filter:hover{
    border-color: #cfa870;
}
.articles-filters__filter span{
    opacity: 0.4s;    
}
.articles-filters__filter._active{
    border-color: #cfa870;
    background:#cfa870;
    color: #fff;
}
.articles-top .title{
    font-size: 60px;
}
.articles-tags{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:1.2rem;
}
.articles-tags__tag{
    border: 1px solid #a7a7a7;
    border-radius: 10px;
    padding:5px  12px;
    background: #eee;font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    text-align: center;display: block;
    color: #737373;
}
.articles-tags__tag:hover{
    border-color: #cfa870;
} 
.articles-tags__tag._active{
    border-color: #cfa870;
    background:#cfa870;
    color: #fff;
}
.articles-list{
    margin-top: 6rem;
    margin-bottom: 10rem;
}
.articles-list__grid{
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}
.article-preview{
    position: relative;
    aspect-ratio: 382/500;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.article-preview__bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.article-preview__bg img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
    object-fit: cover;
}
.article-preview:hover .article-preview__bg img{
    transform: scale(1.1);
}
.article-preview__bg::after{
    display: block;
    content: '';
    width: 100%;
    bottom: 0;
    height: 60%;
    position: absolute;
    left: 0;
    background: linear-gradient(360deg, #070707 0%, rgba(7, 7, 7, 0) 100%);
}
.article-preview__content{
    margin-top: auto;
    padding: 24px;
    min-height: 187px;
    display: flex;
    flex-direction: column;
    position: relative;

}
.article-preview__title{
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 10px;
}
.article-preview__title::after{
    width: 100vmax;
    height: 100vmax;
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 10;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.article-preview__desc{
    margin-bottom: auto;
}
.article-preview__desc p{
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    color: #fff;
    opacity: 0.8; display: -webkit-box;
  -webkit-line-clamp: 2;      /* Количество строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-preview__bottom::after{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyOSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQyNl82MjgpIj4KPHBhdGggZD0iTTI4LjM3MjQgNC42NTgxNkMyOC41NjEyIDQuODQ2OTEgMjguNTYxMiA1LjE1Mjk0IDI4LjM3MjQgNS4zNDE2OUwyNS4yOTY2IDguNDE3NkMyNS4xMDc4IDguNjA2MzYgMjQuODAxOCA4LjYwNjM2IDI0LjYxMzEgOC40MTc2QzI0LjQyNDMgOC4yMjg4NSAyNC40MjQzIDcuOTIyODIgMjQuNjEzMSA3LjczNDA3TDI3LjM0NzIgNC45OTk5MkwyNC42MTMxIDIuMjY1NzdDMjQuNDI0MyAyLjA3NzAyIDI0LjQyNDMgMS43NzA5OSAyNC42MTMxIDEuNTgyMjRDMjQuODAxOCAxLjM5MzQ5IDI1LjEwNzggMS4zOTM0OSAyNS4yOTY2IDEuNTgyMjRMMjguMzcyNCA0LjY1ODE2Wk0wIDQuNTE2NTlIMjguMDMwN1Y1LjQ4MzI2SDBWNC41MTY1OVoiIGZpbGw9IndoaXRlIi8+CjwvZz4gCjwvc3ZnPgo=');
    width: 29px;
    height: 10px;
    margin-left: auto;
    display: block;
    content: '';
    background-repeat: no-repeat;
}
.article-preview__bottom{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.article-top__date,
.article-preview__date{
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #fff;
    padding-left: 16px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuMjU4NyAxMC4yNTg2SDIuNjk5NzNWNC4zMTk0MUgxMC4yNTg3TTguNjM4OTIgMC41Mzk5MTdWMS42MTk3N0g0LjMxOTUxVjAuNTM5OTE3SDMuMjM5NjVWMS42MTk3N0gyLjY5OTczQzIuMTAwNDEgMS42MTk3NyAxLjYxOTg3IDIuMTAwMzEgMS42MTk4NyAyLjY5OTYzVjEwLjI1ODZDMS42MTk4NyAxMC41NDUgMS43MzM2NCAxMC44MTk3IDEuOTM2MTUgMTEuMDIyMkMyLjEzODY3IDExLjIyNDcgMi40MTMzMyAxMS4zMzg1IDIuNjk5NzMgMTEuMzM4NUgxMC4yNTg3QzEwLjU0NTEgMTEuMzM4NSAxMC44MTk4IDExLjIyNDcgMTEuMDIyMyAxMS4wMjIyQzExLjIyNDggMTAuODE5NyAxMS4zMzg2IDEwLjU0NSAxMS4zMzg2IDEwLjI1ODZWMi42OTk2M0MxMS4zMzg2IDIuNDEzMjMgMTEuMjI0OCAyLjEzODU2IDExLjAyMjMgMS45MzYwNUMxMC44MTk4IDEuNzMzNTQgMTAuNTQ1MSAxLjYxOTc3IDEwLjI1ODcgMS42MTk3N0g5LjcxODc4VjAuNTM5OTE3TTkuMTc4ODUgNi40NzkxMUg2LjQ3OTIyVjkuMTc4NzVIOS4xNzg4NVY2LjQ3OTExWiIgZmlsbD0id2hpdGUiIC8+Cjwvc3ZnPg==');
}
@media(max-width:1300px){
    .articles-list__grid{ 
        grid-template-columns:  minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    }
}
@media(max-width:992px){
    .articles-list__grid{ 
        grid-template-columns:  minmax(0,1fr)  minmax(0,1fr);
    }
}
@media(max-width:600px){
    .articles-top .title{
        font-size: 36px;
    }
    .articles-filters{
        gap: 14px;
    }
    .articles-filters__filter { 
        padding: 6px 20px;
        font-size: 12px;
    }
    .article-preview__content{
        min-height: initial;
    }
    .articles-list__grid{ 
        grid-template-columns:  minmax(0,1fr);
    }
}
.article-top{
    position: relative;
    min-height: 426px;
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    margin-top: 40px;justify-content: center;
}
.article-top__bg{
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
   
}
.article-top__bg::after{
    background: linear-gradient(360deg, #070707 0%, rgba(7, 7, 7, 0) 100%); 
    width: 100%;
    height: 100%;    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 0;
}
.article-top__bg img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; object-fit: cover;
    height: 100%;
}
.article-top__content{
    color: #fff;
    position: relative;
    z-index: 3;
}
.article-top__content .title{
    font-size: 60px;
line-height: 85%;
color: #fff;
margin-bottom: 20px
}

.article-top__content .text-wrap p{
color: #c3c3c3;
line-height: 160%;
font-size: 20px;
}
.article-top__bottom{
    display: flex;
    flex-direction: row;
    margin-top: 72px;
    gap:24px;
}
.article-top__autor{
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #fff;
}
.article-menu{
    position: relative;
    padding: 40px 0;
}
.article-menu::before{
    background: #f2f2f2;
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100vw;
    height: 100%;
}
.article-menu__title{
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #070707;
    margin-bottom: 20px;
    font-family: 'Forum';
}
.article-menu__menu {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}

.article-menu__menu li a._active{
color: #cfa870;
    font-weight: 700;}
.article-menu__menu li a{
    font-size: 14px;
    line-height: 171%;
    text-decoration: none;
    text-decoration-skip-ink: none;
    color: #737373;
}
.article-menu__menu li a:hover{
    color: #cfa870;
}
.article-menu__menu li {
  counter-increment: item;
  margin-bottom: 8px;
}

.article-menu__menu li::before {
  content: counter(item) ". ";
  font-weight: bold; 
font-weight: 700;
font-size: 14px;
line-height: 171%; 
color: #cfa870;
margin-right: 5px;
}
.aritcle-block + .aritcle-block{
    border-top: 1px solid #a7a7a7;
}
.aritcle-block{
    padding-top: 60px;
    padding-bottom: 100px;
}
.aritcle-block h2{
    font-weight: 400;
    font-size: 60px;
    line-height: 107%;
    color: #070707;
    font-family: "Forum";
    margin-bottom: 20px;
}
.aritcle-blockquote{
    background: #f1f1f1;
    padding: 40px;
    display: block;
    margin-top: 100px;
    padding-left: 50px;
    margin: 0;
    position: relative;
}
.aritcle-blockquote::before{
    width: 3px;
    top: 40px;
    position: absolute;
    left: 40px;
    display: block;
    content: '';
    background: #cfa870;
    height: calc(100% - 80px);
}
.aritcle-blockquote__title{
    font-weight: 600;
 font-size: 24px;
line-height: 117%; 
color: #070707;
margin-bottom: 20px;
}
.aritcle-blockquote p{
    font-style: italic;
font-weight: 400;
font-size: 18px; 
line-height: 156%;
color: #737373;
}
.aritcle-block .text-wrap p{
   margin-bottom: 30px;
   font-size:18px;
}

.aritcle-block .text-wrap p a{
    color: #CFA870;
    font-weight: 700;
    text-decoration: underline;
}
.aritcle-block .text-wrap p a:hover{
    text-decoration: none;
}
.aritcle-block .text-wrap p b{
    font-weight: 700;
}
.aritcle-block .text-wrap ol {
        padding-left: 24px;
}
.aritcle-block .text-wrap ul li,
.aritcle-block .text-wrap ol li{
    font-weight: 300;
   font-size: 18px;
    line-height: 200%;
    color: #737373;
}
.aritcle-block .text-wrap p + ul,
.aritcle-block .text-wrap p + ol{
    margin-top: -30px;
}
.aritcle-block .text-wrap ul {
    padding-left: 20px;
}
.aritcle-block .text-wrap ul li{
    list-style: disc;
}

.article-gallery-3 {
    margin-top: 80px;
}
.article-gallery-2 {
    margin-top: 80px;
}
.article-gallery-3__item{
    aspect-ratio: 517/738;
    position: relative;
}
.article-gallery-2__item{
    aspect-ratio: 786/584;
    position: relative;
    margin-right: 20px;
}
.article-gallery-2 img,
.article-gallery-3 img{
    position: absolute;
    left: 0;
	object-fit: cover;
    top: 0;
    width: 100%;
    height: 100%;
}
.article-gallery-3__item{
    margin-right:clamp(14px,calc(100vw * 22 / 1920) ,22px);
}
.article-gallery-2{
    position: relative;
}

.article-video-grid{
    display: grid;
    grid-template-columns: 617fr 963fr ;
    gap:30px;
}
.article-video__front,
.article-video video,
.article-video iframe,
.article-video img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-video video:fullscreen {

    object-fit: contain; 
}
.article-video img{
    
    transition: transform 0.4s;
}.article-video iframe{
    display: none;
}
.article-video{
    aspect-ratio: 923/580;
    position: relative;
    overflow: hidden;
}
.article-video__front{
    z-index: 3;
    cursor: pointer;
}
.article-video__front::after{
    z-index: 4;
    background-size: 100%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ1IiBoZWlnaHQ9IjE0NSIgdmlld0JveD0iMCAwIDE0NSAxNDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE0NSAwSDBWMTQ1SDE0NVYwWk0xMDYuOTM4IDcyLjVMNDguOTM3NSAxMDUuMTI1VjM5Ljg3NUwxMDYuOTM4IDcyLjVaIiBmaWxsPSJ3aGl0ZSIgLz4KPC9zdmc+');
    width: 145px;
    height: 145px;
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    transition: transform 0.4s;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.aritcle-products  .recommended-slider{
    margin-bottom: 0 !important;
    width: 100% !important;
    margin-right: 20px !important;
}
.article-video:hover .article-video__front img{
        transform: scale(1.01);
}
.article-video:hover .article-video__front::after{
        transform: scale(1.1)  translateX(-50%) translateY(-50%);
}
.aritcle-block  .in_stock_nameplate{
    top: initial  !important;
}
.aritcle-products{
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 60px;
}
.aritcle-products{
    position: relative;
}
.article-persona__grid{
    display: grid;
    grid-template-columns: 119px auto;
    gap: 20px;
}
.article-persona__img{
    border-radius: 6px;
    width: 118px;
    height: 118px;
    object-fit: cover;
}
.article-persona__title{
    font-weight: 400;
    font-size: 30px;
    line-height: 107%;
    margin-bottom: 10px;
    color: #070707;
}
.article-persona__position{
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
    color: #676766;
    opacity: 0.4;
}
.article-persona__desc p{
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
    color: #737373;
}
.another-articles__slider,
.aritcle-products__slider,
.article-gallery-3__slider,
.article-gallery-2__slider{overflow: hidden !important;}

.anotaritcle-block .swiper(.swiper-container-initialized){
    display:none;
}
.article-links{
    display: flex;
    flex-direction: row;
    gap:60px;
}
.article-link__link span{
    font-weight: 400;
font-size: 20px;
line-height: 100%;
text-align: center;
color: #070707;
}
.article-link__link{
    padding: 0;
    border: 0 solid;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    gap: 8px;
}
.article-link__link-icon{
  background: #d0aa6e;  border-radius: 4px;
width: 39px;
height: 39px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.article-link__link-copy {
    background: #4e4e4e;
    color: #fff;
    padding: 6px 10px;
    border-radius: 23px;
    position: absolute;
    left: 41px;
    bottom: 100%;
    font-size: 12px;
    line-height: 100%;
    transition: transform 0.3s;
    transform: scale(0);
}
._сopied .article-link__link-copy {
    transform: scale(1);
}
.another-articles__slider-wrap{
    position: relative;
    margin-top: 60px;
}

.another-articles__slider .article-preview{
    display: flex;
}

.aritcle-block .slick-arrow{
    z-index: 100;
}
.aritcle-block .slick-arrow {
    z-index: 100;
    width: 74px;
    height: 74px;
}
.aritcle-block .slick-arrow::after {
    width: 28px;
    height: 10px;
}
.aritcle-products  .slick-arrow {
    top: 127px;
    transform: none;
}
.aritcle-block  .portfolio-block{
    padding-bottom: 0;
}
.aritcle-block .portfolio-block--arrows .portfolio-block__slider .slick-arrow{
    top: -100px;
}

.aritcle-products__pagi .swiper-pagination-bullet {   
     border-radius: 0.3rem;
    background-color: #e9e9e9;
    width: 13px;
    height: 13px;
    opacity: 1;
}
.aritcle-products__pagi .swiper-pagination-bullet:hover,
.aritcle-products__pagi .swiper-pagination-bullet.swiper-pagination-bullet-active{    background-color: #cfa870;}
.aritcle-products__pagi{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    gap:10px;
    display: none;
}
@media(max-width:576px){
    .another-articles__slider .article-preview{
    aspect-ratio: initial;
    min-height: 500px;
}
}
@media(max-width:992px){.page--article, .page--articles {
    padding-top: 10.6rem;
}
    .article-top {
        margin-top: 20px;
    }
    .article-menu{ 
    padding: 30px 0;
}
.aritcle-products__pagi{
    display: flex;
}
.article-gallery-3__item {
    min-width: 300px;
    max-width: 300px;
}
.article-video-grid{
    grid-template-columns: 1fr;
}
}
@media(max-width:767px){
       .category__subtitle.subtitle span {
        font-size: 3.846vw;
    }
    .article-vide video{
        position: relative;
        height: 400px;
        max-width: 100%;
    }
    .article-video__front{
        display: none;
    }
    .article-links{
        gap:40px
    }
    .article-link__link span{
        font-size: 16px;
    }
    .another-articles__slider-wrap{

    }
    
    .aritcle-block .text-wrap p + ul, .aritcle-block .text-wrap p + ol {
    margin-top: -20px;
}.article-video {
    aspect-ratio:initial;
    height: 400px;
}
.aritcle-products .slick-arrow{
    display: none !important;
}
    .aritcle-blockquote__title{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .article-video__front::after{
        width: 80px;
        height: 80px;
    }
    .aritcle-block .text-wrap ul li, .aritcle-block .text-wrap ol li{
        font-size: 15px;
    }
    .aritcle-blockquote p{
        font-size: 15px;
    }
.aritcle-block .text-wrap p {
    margin-bottom: 20px;
    font-size: 15px;
}
.article-persona__title{
    font-size: 25px;
    margin-bottom: 10px;
}
.article-persona__position{
    font-size: 18px;
}
.article-persona__desc p{
    font-size: 15px;
}
    .aritcle-block h2{
        margin-bottom: 20px;
font-size: 36px;
    }.aritcle-block {
    padding-top: 60px;
    padding-bottom: 60px;
}
    .article-top__content .title{
        font-size: 36px;
        margin-bottom: 20px;
    }
}

.page--article{
    overflow: hidden;
}

.article-preview__tag{
    border: 1px solid #a7a7a7;
    border-radius: 10px;
    padding: 4px 10px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #737373;
	margin: 0;	
	backdrop-filter: blur(4px);
	background: rgba(200,200,200, 0.4);

		    border-color: #cfa870;
    background: #cfa870;
    color: #fff;
}
.article-preview__tag._bg{
	    border-color: #cfa870;
    background: #cfa870;
    color: #fff;

}
.article-preview__tag._blur{


}
.article-preview__tags{
	position: relative;
	display: flex;
	
    justify-content: flex-end;
	flex-direction: row;
	flex-wrap: wrap;
	gap:10px;
	z-index: 3;    padding: 24px;
}
@media (max-width: 600px) {
   .article-preview__tag{
        padding: 6px 20px;
        font-size: 12px;
    }
}
.aritcle-products__pagi{
    transform: none !important;
    left: 0 !important;
}