@charset "UTF-8";


:root {
    --second-family: "Russo One";

    --gray-color: #F0F1F3;
    --gray2-color: #C7CDCD;
    --gray3-color: #6c7a88;
    --gray4-color: #EAECF2;
    --gray5-color: #7B7975;
    --gray6-color: #D5D7DF;
    --gray-dark-color: #323232;
    --gray-dark2-color: #2E2C2F;
    --gray-dark3-color: #4F595E;
    
    --white-color: #fff;
    --black-color: #000;
    
    --red-color: #C8284E;
    --red2-color: #ED2E5C;
    
    --blue-color: #32A2A8;
    --blue-light-color: #C8F1F3;

    --primary1-color: #7FD4D8;
    --primary2-color: #158289;

    --bg-color: #fff;

    --gap: 20px;
    --section-margin-20: 20px;
    --section-margin-40: 40px;
    --section-margin-60: 60px;

    --brdr-radius-8: 8px;

    --product-slider-height: 720px;
}

/** По центру **/
.cntr_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** По вертикали **/
.cntr_vert {
    display: flex;
    align-items: center;
}

.scroll-hidden {
    overflow: hidden !important;
}


/*
    Кнопки
*/
.btn {letter-spacing: inherit; text-align: center; text-decoration: none; padding: 8px 20px; height: 46px; min-width: 1px; cursor: pointer; will-change: transform;
    font-size: 16px;
    font-weight: 500;

    color: var(--white-color);
    border-radius: var(--brdr-radius-8);

    background-color: var(--primary2-color);
    border: 1px solid var(--primary2-color);

    -webkit-background-clip: padding-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn:is(:hover, :active) { text-decoration: none;
    background-color: var(--primary1-color);
    border-color: var(--primary1-color);
    color: var(--white-color);
}

.btn2 {
    background-color: transparent;
    border-color: var(--primary2-color);
    color: var(--primary2-color);
}


.blck-hidden {display: none;}


/*
    Header
*/
.header {
    background-color: var(--white-color);
    margin-bottom: var(--section-margin-20);

    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.header.is-fixed {
    box-shadow: 2px 2px 8px 0 rgba(180, 185, 198, 0.6);
}


/*** header-middle ***/
.header-middle {}
.header-middle-inner {position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 40px;
}

/** header-middle__col1 **/
.header-middle__col1 {
    gap: 20px;
}

/* header-catalog */
.header-catalog {}
.header-catalog .btn.is-active {
    background-color: var(--primary1-color);
    border-color: var(--primary1-color);
}

/* 
    Каталог меню 
*/
.h-catalog-menu-wrap {position: absolute; top: calc(100% + 8px); left: 0; z-index: 2; padding: 20px 15px;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);
    background-color: var(--white-color);
    box-shadow: 2px 8px 12px 0 rgba(46, 44, 47, 0.2);
}

.h-catalog-menu-wrap:not(.is-active) {display: none;}

.catalog-menu-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap)
}

.catalog-menu-item {font-size: 16px; padding: 0 16px; min-width: 180px;}
.catalog-item__title {font-size: 16px; margin: 0 0 12px;}

.catalog-nav {}
.catalog-nav > li {margin: 0 0 20px; }
.catalog-nav li:last-child {margin-bottom: 0;}
.catalog-nav > li > a {}

.submenu {margin: 16px 0 0;}
.submenu li {margin: 0 0 12px; padding-left: 14px;
    background: url('../img/catalog-arrow.svg') no-repeat center left;
}
.submenu a {
    color: var(--gray5-color);
}
.submenu a:hover {
    color: var(--primary1-color);
}


/* header-search */
.header-search {position: relative;}
.header-search-input {font-weight: 400; font-size: 16px; padding: 8px 12px; height: 48px; width: 100%;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);
}
.header-search-btn {position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}


/* header__logo */
.header__logo {max-width: 352px; width: 100%;}


@media screen and (max-width: 991px) {

    .header {padding: 16px 20px; z-index: 6;
        background-color: var(--white-color);

        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }

    .header-middle-inner {
        flex-wrap: wrap;
    }

    .header-middle__col1 {width: 100%;
        gap: 8px;

        order: 2;
    }
    .header-middle__col2 {width: 100%;
        order: 1;
    }

    .header__logo {max-width: 230px;}

    .header-search {
        flex-grow: 1;
    }

    .header-middle__col3 {display: none;}

}



/*
    Мобильная меню панель
*/
.mobile-sidebar-menu {display: none; position: fixed; right: 0; bottom: 0; left: 0; z-index: 10;
    box-shadow: 2px -2px 8px 0 rgba(180, 185, 198, 0.6);
    border-top: 1px solid var(--gray2-colo);
    background: var(--white-color);
}

.mobile-sidebar-menu__inner {
    display: flex;
    align-items: center;
    gap: var(--gap);
}

.mobile-sidebar-menu__inner li {text-align: center; padding: 10px 0; width: 100%; 
    flex-grow: 1;
}
.mobile-sidebar-menu__inner a {display: block; padding: 10px 0;}
.mobile-sidebar-menu__inner svg {} 

@media screen and (max-width: 991px) {
    .mobile-sidebar-menu {display: block;}
}


/*
    Мобильное меню
*/
.fixed-mobile-menu {display: none; position: fixed; inset: 0; z-index: 7;
    background-color: var(--white-color);
    
    display: flex;
    flex-direction: column;
}
.fixed-mobile-menu:not(.is-active) {display: none;}

/*** fixed-mobile-menu-head ***/
.fixed-mobile-menu-head {padding: 14px 28px; min-width: 1px;
    border-bottom: 1px solid var(--gray2-color);

    justify-content: space-between;
    gap: var(--gap);

    flex-shrink: 0;
}

.fixed-mobile-menu-head span {font-size: 20px;}
.fixed-mobile-menu-head a {text-decoration: none;}


/*** fixed-mobile-menu-body ***/
.fixed-mobile-menu-body {min-width: 1px;
    flex-grow: 1;

    overflow-x: hidden;
    overflow-y: auto;
}

/* fixed-mobile-menu__section */
.fixed-mobile-menu__section {padding: 0 28px;
    border-bottom: 1px solid var(--gray2-color);
}
.fixed-mobile-menu__section:last-child {margin-bottom: 0;}

.mobile-menu__title {font-size: 16px; line-height: 1.25; padding: 16px 0 0;
    color: var(--gray5-color);
}
.mobile-menu__nav {font-size: 16px; line-height: 1.25;}
.mobile-menu__nav li {padding: 16px 0;}
.mobile-menu__nav li a {}

.fixed-mobile-menu__btns {padding: 16px;}
.fixed-mobile-menu__btns .btn {width: 100%;}


/** fix-catalog-nav **/
.fix-catalog-nav {padding: 0 28px;}
.fix-catalog-nav__item {}

.fix-catalog-nav__item > li {padding: 16px 0;}
.fix-catalog-nav__item > li > a svg {display: inline-block; margin-left: 6px;}
.fix-catalog-nav__item > li:not(.has-submenu) > a svg {display: none;}

.fix-catalog-nav__item > li.is-active > a svg,
.fix-catalog-nav__item > li:hover > a svg {transform: rotate(180deg);}

.fix-catalog-nav__item > li:hover > a,
.fix-catalog-nav__item > li.is-active > a {
    color: var(--primary2-color);
}

.fix-catalog-nav__item > li:hover > a svg path,
.fix-catalog-nav__item > li.is-activesvg path {
    stroke: var(--primary2-color);
}

/* fix-catalog-submenu */
.fix-catalog-nav__item > li:not(.is-active) .fix-catalog-submenu {display: none;}

.fix-catalog-submenu {padding-left: 40px;}
.fix-catalog-submenu > li {padding: 16px 0;}

.fix-catalog-submenu ul {margin: 16px 0 0;}
.fix-catalog-submenu ul li {margin: 0 0 12px; padding-left: 14px;
    background: url('../img/catalog-arrow.svg') no-repeat center left;
}
.fix-catalog-submenu ul a {
    color: var(--gray5-color);
}
.fix-catalog-submenu ul a:hover {
    color: var(--primary1-color);
}

@media screen and (min-width: 992px) {
    #fixed-mob-catalog.fixed-mobile-menu {display: none;}
}
@media screen and (max-width: 991px) {
    #catalog-menu.h-catalog-menu-wrap {display: none;}
}



/*** page-head ***/
.page-head {
    margin-bottom: var(--section-margin-20);
}
.page-head .page-title {font-size: 36px; text-transform: uppercase;}


/*
    section style
*/
.section {
    margin-bottom: var(--section-margin-60);
}

.section-main-inner {}

/** section-head **/
.section-head {
    margin-bottom: var(--section-margin-20);

    justify-content: space-between;
    gap: var(--gap);
}

.section__title {font-weight: 400; font-size: 36px; line-height: 1.11111; text-transform: uppercase;

    flex-grow: 1;
}

.section__right {
    flex-shrink: 0;
}

.title {line-height: 1.14286;
    font-family: var(--second-family), sans-serif;
}

/** section__btns **/
.section__btns {text-align: center;
    margin-top: var(--section-margin-20);
}
.section__btns .btn {}


@media screen and (max-width: 991px) {

    .section {
        --section-margin-60: 20px;
    }

    .section-head {
        flex-direction: column;
        justify-content: inherit;
        align-items: flex-start;
    }

    .section__title {font-size: 28px;}
}


/*
    Стандартный слайдер
*/
.slider-main-wrap {
    margin-bottom: var(--section-margin-20);
}

.slider-wrap {position: relative;}

.swiper:not(.swiper-initialized) {padding: 16px 0; overflow: hidden;}
.swiper:not(.swiper-initialized):before {content: ""; display: block; position: absolute; inset: 0; z-index: 2;
    background-color: var(--bg-color);
}
.swiper:not(.swiper-initialized):after {content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%,-50%);
    background: url("../img/icon/spinner.svg") no-repeat center center / contain;
}

.swiper-slide img {max-width: 100%;}

.slider-arrows {position: relative;
	gap: 20px;
}
.swiper-button-prev,
.swiper-button-next {width: 32px; height: 32px; border-radius: 100px; position: static; margin: 0;
    background-color: var(--bg-color);
    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid var(--gray-color);
	
	-webkit-background-clip: padding-box;
}

.swiper-button-prev {background-image: url("../images/icon/arrow-left.svg");}
.swiper-button-next {background-image: url("../images/icon/arrow-right.svg");}

.swiper-button-prev:after,
.swiper-button-next:after {display: none;}

.swiper-horizontal .swiper-pagination {position: static; margin: 20px 0 0;
    gap: 12px;
}
.swiper-pagination-bullet {width: 15px; height: 15px; opacity: 1;
    background-color: var(--bg-color);
	border: 1px solid var(--bg-color);
}
.swiper-pagination-bullet-active {
    background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {pointer-events: initial;}


.swiper-scrollbar-drag {opacity: 0.7;
    background-color: var(--primary1-color);
}

.arrows-top-style {
    gap: 8px;
}
.arrows-top-style > div {padding: 10px; width: 60px; height: 44px; border: none;
    border-radius: var(--brdr-radius-8);
    background: var(--primary2-color);
}
.arrows-top-style svg {width: initial; height: initial;}

.arrows-top-style .swiper-button-next.swiper-button-disabled,
.arrows-top-style .swiper-button-prev.swiper-button-disabled {opacity: 1;
    background: var(--gray4-color);
}
.arrows-top-style .swiper-button-next.swiper-button-disabled path,
.arrows-top-style .swiper-button-prev.swiper-button-disabled path {
    stroke: #7E8183;
}


/*** slider-items ***/
.slider-items {}

.slider__slide {}


@media screen and (max-width: 991px) {
    .arrows-top-style {display: none;}
    .slider-main-wrap img {width: 100%;}
}

@media only screen and (max-width: 800px){
    .slider-arrows {overflow: hidden;}
}




/*
    Блок товара
*/
.tovar-item {min-width: 1px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/*** tovar-item-top ***/
.tovar-item-top {position: relative; overflow: hidden; min-width: 1px;
    border-radius: var(--brdr-radius-8);
    border: 4px solid transparent;
    background-color: var(--gray4-color);

    flex-shrink: 0;
}
.tovar-item-top:hover {
    border-color: var(--primary1-color);
}

/** tovar-item-tags **/
.tovar-item-tags {position: absolute; top: 8px; left: 8px; z-index: 4;}

.tovar-tag {font-size: 12px; padding: 4px; margin-bottom: 4px; display: table;
    border-radius: 4px;
}
.tag-khit {
    background-color: var(--primary1-color);
}
.tag-sale {
    background-color: var(--red-color);
    color: var(--white-color);
}
.tag-new {
    background-color: var(--primary2-color);
    color: var(--white-color);
}

/** tovar-item-compare **/
.tovar-item-compare {position: absolute; top: 8px; right: 8px; z-index: 4;}
.add-compare {text-decoration: none;}

.add-compare.is-active svg path,
.add-compare:hover svg path {
    fill: var(--red-color);
}

/** tovar-item-gallery **/
.tovar-item-gallery {position: relative; z-index: 2; display: block;}

.tovar-item-img {position: relative; z-index: 1;}
.tovar-item-img img {max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.tovar-item-gallery-slider {position: absolute; z-index: 2; inset: 0;
    display: flex;
}
.tovar-item-slider-item {position: relative; z-index: 2;
    flex-grow: 1;
}
.tovar-item-slider-item:hover {}

.tovar-item-slider-dots {position: absolute; left: 14px; bottom: 12px; z-index: 1;
    gap: 4px;
}
.tovar-item-slider-dots span {width: 8px; height: 4px;
    background-color: var(--gray2-color);
}
.tovar-item-slider-dots span.is-active {
    background-color: var(--primary2-color);
}


/*** tovar-item-bottom ***/
.tovar-item-bottom {min-width: 1px;
    flex-grow: 1;
}

/** tovar-item-price-cart  **/
.tovar-item-price-cart {margin-bottom: 4px;
    gap: var(--gap);
}

/* tovar-item-price */
.tovar-item-price {font-weight: 400; font-size: 20px; min-width: 1px;
    flex-grow: 1;
}

.sale-price {
    color: var(--red2-color);
}

.tovar-price-current {
    font-family: var(--second-family);
}
.tovar-price-current:after {content: '₽'; display: inline;
    font-family: Inter, sans-serif;
}
.tovar-price-old {font-size: 16px; text-decoration: line-through;
    color: var(--gray5-color);
}

/* tovar-item-cart */
.tovar-item-cart { min-width: 1px;
    flex-shrink: 0;
}
.add-cart {width: 50px; height: 52px;
    border-radius: var(--brdr-radius-8);
    background-color: var(--primary2-color);
}
.add-cart svg {max-width: 100%; max-height: 100%;}

.add-cart:hover {
    background-color: var(--primary1-color);
}

/** tovar-item-name **/
.tovar-item-name {font-size: 16px;}
.tovar-item-name a {}
.tovar-item-name a:hover {text-decoration: underline;}

/** tovar-item-categ-brand **/
.tovar-item-categ-brand {font-size: 14px; margin: 6px 0 0;
    color: var(--gray5-color);
}
.tovar-item-categ-brand a {font-size: inherit;}


/** tovar-item-btns **/
.tovar-item-btns {margin: 13px 0 0; display: none;}


@media screen and (max-width: 991px) {

}


/*
    Каталог на главной странице
*/
.catalog-main {}


/*** catalog-main__category ***/
.catalog-main__category {padding: 2px;
    border: 1px solid var(--gray2-color);
    border-radius: var(--brdr-radius-8);
}

.catalog-main__category-item {font-size: 16px; padding: 6px 8px;
    border-radius: 6px;
    color: var(--gray3-color);
}

.catalog-main__category-item:hover,
.catalog-main__category-item.is-active {
    background-color: var(--primary1-color);
    color: var(--gray-dark-color);
}


/*** catalog-main-wrapper ***/
.catalog-main-wrapper {}

.catalog-main-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--gap);
}


@media screen and (max-width: 991px) {
    .catalog-main-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: var(--gap);
    }
}

@media screen and (max-width: 800px) {
    .catalog-main-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--gap) 8px;
    }

    .tovar-item-cart {display: none;}
    .tovar-item-btns {display: flex;}

    .tovar-item-name {font-size: 14px;}
}


/*
    Экипировка
*/
.ekipirivka-section-main {}

.ekipirivka-wrap {padding: 20px;
    border-radius: var(--brdr-radius-8);
    background-color: var(--blue-light-color);

    display: grid;
    grid-template-columns: 240px 1fr 1fr 1fr;
    grid-gap: var(--gap);
}

/* ekipirivka-info */
.ekipirivka-info {min-width: 1px; padding: 22px 0 0;}

.ekipirivka__title {font-size: 28px; text-transform: uppercase; margin: 0 0 8px;}
.ekipirivka__descr {font-weight: 500; font-size: 16px; line-height: 1.3;}
.ekipirivka__logos {margin: 22px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}


/* ekipirivka-item */
.ekipirivka-item {min-width: 1px; position: relative; text-decoration: none; overflow: hidden;
    border-radius: var(--brdr-radius-8);

    aspect-ratio: 4 / 3;
}

.ekipirivka-item img {position: absolute;  inset: 0; z-index: 1; width: 100%; height: 100%;
    object-fit: cover;
    object-position: center center;
}

.ekipirivka-item:before {content: ''; position: absolute; inset: 0; z-index: 2;
    background: rgba(0, 0, 0, 0.4);
}
.ekipirivka-item span {font-weight: 400; font-size: 24px; text-transform: uppercase; text-align: center; position: relative; z-index: 3;
    font-family: var(--second-family);
    color: var(--white-color);
}

.ekipirivka-item:hover:before {opacity: 0.4;}


@media screen and (max-width: 991px) {
    .ekipirivka-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 700px) {
    .ekipirivka-wrap {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .ekipirivka-info {padding: 0 0 12px;}
}


/*
    Категории на главной
*/
.category-section-main {}

/*** category-main-grid ***/
.category-main-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

/* Все элементы */
.categ-grid-item {
    flex: 0 0 calc(20% - var(--gap)); /* 5 колонок (20%) */
    box-sizing: border-box;
}

/* Элементы 6, 7, 8 — делаем шире (33.33%) */
.categ-grid-item:nth-child(6),
.categ-grid-item:nth-child(7),
.categ-grid-item:nth-child(8) {
    flex: 0 0 calc(33.333% - var(--gap)); /* 3 колонки (33.33%) */
}


/** category-main-item **/
.category-main-item {min-width: 1px; position: relative; text-decoration: none; overflow: hidden; min-height: 340px;
    border-radius: var(--brdr-radius-8);

    aspect-ratio: 4 / 3;
}


.category-main-item img {position: absolute;  inset: 0; z-index: 1; width: 100%; height: 100%;
    object-fit: cover;
    object-position: center center;
}

.category-main-item:before {content: ''; position: absolute; inset: 0; z-index: 2;
    background: rgba(0, 0, 0, 0.4);
}
.category-main-item span {font-weight: 400; font-size: 24px; text-transform: uppercase; text-align: center; position: relative; z-index: 3;
    font-family: var(--second-family);
    color: var(--white-color);
}

.category-main-item:hover:before {opacity: 0.4;}
 

/** category-main-info **/
.category-main-info {padding: 20px;
    border-radius: var(--brdr-radius-8);
    background: var(--blue-light-color);
}

.category-main-info__title {font-size: 28px; text-transform: uppercase; margin-bottom: 20px;}

.category-info-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.category-info-list li {font-weight: 500; font-size: 16px; line-height: 1.25; min-width: 1px;}
.category-info-list img {display: block; margin-bottom: 4px;}


@media screen and (max-width: 991px) {
    .category-main-grid {
        gap: 8px;
    }

    .categ-grid-item {
        flex: 0 0 calc(33.333% - 6px) !important;
    }

    .categ-grid-item:nth-child(7),
    .categ-grid-item:nth-child(8) {
        flex: 0 0 calc(50% - 6px) !important;
    }
}

@media screen and (max-width: 800px) {
    .categ-grid-item {min-height: 240px;
        flex: 0 0 calc(50% - 4px) !important;
    }

    .categ-grid-item:nth-child(7),
    .categ-grid-item:nth-child(8) {
        flex: 0 0 100% !important;
    }

    .categ-grid-item:nth-child(7) {min-height: 160px;
        aspect-ratio: 6 / 2.5;
    }

    .category-main-item img {
        object-position: top center;
    }
}


/*
    Видео блок
*/
.video-main-section {}

.video-wrap {}
.video-player {max-width: 100%;
    margin-bottom: var(--section-margin-20);
}

.video-descr {
    display: flex;
    gap: var(--gap);
}

.video-descr__left {
    flex-grow: 1;
}
.video-descr-title {font-size: 36px; text-transform: uppercase; margin-bottom: 8px;}
.video-descr-title span {
    color: var(--primary2-color);
}
.video-descr-subtitle {font-size: 16px;}

.video-descr__right {
    flex-shrink: 0;
}


@media screen and (max-width: 760px) {

    .video-descr {
        flex-direction: column;
    }
    .video-descr-title {font-size: 28px;}
    .video-descr__right {text-align: center;}
}



/*
    Что о нас говорят
*/
.reviews-main-section {overflow: hidden;}

.reviews-main-slider {position: relative;}

.slider-reviews {overflow: visible;}

.reviews-item {padding: 20px 28px; position: relative; text-decoration: none; overflow: hidden;
    border-radius: var(--brdr-radius-8);
    border: 4px solid transparent;

    display: flex;
    flex-direction: column;

    aspect-ratio: 3 / 4;
}
.reviews-item:before {content: ''; position: absolute; inset: 0; z-index: 2; opacity: 0.8;
    background:
        linear-gradient(
            to top,
            rgba(29, 27, 29, 1) 0%,
            rgba(29, 27, 29, 1) 43%,
            rgba(29, 27, 29, 0) 100%
        ),
        linear-gradient(
            to top,
            rgba(29, 27, 29, 1) 0%,
            rgba(29, 27, 29, 0) 45%
        );
}
.reviews-item:hover {
    border-color: var(--primary1-color);
}

.reviews-slide-img {position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
}
.reviews-slide-quote {position: absolute; top: 28px; right: 28px; z-index: 3;}

.reviews-slide-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.reviews-slide-play svg {}

.reviews-slide-info {position: relative; z-index: 4; margin-top: auto;}
.reviews-slide__title {font-size: 18px; text-transform: uppercase; margin: 0 0 1px;
    color: var(--primary1-color);
}
.reviews-slide__subtitle {font-size: 14px; line-height: 1.14286;
    color: var(--gray2-color);
}
.reviews-slide__txt {font-size: 14px; line-height: 1.14286; margin: 20px 0 0; overflow: hidden;
    color: var(--white-color);

    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}


@media screen and (max-width: 991px) {
    .reviews-item {height: 440px;
        aspect-ratio: initial;
    }
}



/*
    Индивидуальные условия
*/
.uslovia-main-section {}

.uslovia-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px 40px;
}

.uslovia-grid__item {min-width: 1px; overflow: hidden;
    border-radius: var(--brdr-radius-8);
    background-color: var(--gray-dark2-color);

    display: flex;
    flex-direction: column;
}

.uslovia-item__img {position: relative; height: 280px;
    flex-shrink: 0;
}
.uslovia-item__img img {position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1;
    object-fit: cover;
    object-position: center center;
}
.uslovia-item__tag {font-weight: 500; font-size: 12px; position: absolute; top: 10px; left: 10px; z-index: 2; padding: 5px 4px;
    background-color: var(--primary1-color);
    border-radius: var(--brdr-radius-8);
}

/** uslovia-item__info **/
.uslovia-item__info {padding: 20px;
    color: var(--white-color);

    display: flex;
    flex-direction: column;

    flex-grow: 1;
}
.uslovia-item__info > * {min-width: 1px;}
.uslovia-item__title {font-size: 28px; line-height: 1.14286; margin: 0 0 12px;
    color: var(--primary1-color);
}
.uslovia-item__descr {font-weight: 500; font-size: 16px; line-height: 1.25; margin-bottom: 20px; min-height: 60px;}

.uslovia-item__list {margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}
.uslovia-item__list li {min-width: 1px;}
.uslovia-item__list img {display: block; margin: 0 0 10px;}
.uslovia-item__list-title {font-weight: 700; font-size: 16px; text-transform: uppercase; margin: 0 0 7px;}
.uslovia-item__list-descr {font-weight: 500; font-size: 16px; line-height: 1.25;}

.uslovia-item__btns {margin-top: auto;}
.uslovia-item__btns .btn {
    border-color: var(--primary1-color);
    color: var(--primary1-color);
}
.uslovia-item__btns .btn:hover {
    color: var(--white-color);
}


@media screen and (max-width: 991px) {
    .uslovia-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 700px) {
    .uslovia-item__img {height: 140px;}
    .uslovia-item__img img {
        object-position: top center;
    }

    .uslovia-item__title {font-size: 18px;}
    .uslovia-item__descr {min-height: initial;}

    .uslovia-item__list li {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }
    .uslovia-item__list img {
        flex-shrink: 0;
    }
    .uslovia-item__list-title  {
        align-self: center;
        flex-grow: 1;
    }
    .uslovia-item__list-descr {width: 100%;}
}

@media screen and (max-width: 550px) {
    .uslovia-item__list {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
}


/*
    Где нас найти
*/
.ploshadki-main-section {}

.ploshadki-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--gap);
}
.ploshadki-list__item {height: 100px; padding: 10px; text-decoration: none;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);
}

.ploshadki-list__item img {max-width: 100%;}

.ploshadki-list__item:hover {
    border-color: var(--primary2-color);
}


@media screen and (max-width: 700px) {
    .ploshadki-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px;
    }
    .ploshadki-list__item {height: 77px;}
    .ploshadki-list__item img {max-height: 32px;}
}


/*
    Преимущества
*/
.advanteg-main-section {}


.advanteg-main-info {padding: 20px 28px;
    border-radius: var(--brdr-radius-8);
    background: var(--gray4-color);
}
.advanteg-main-info__img {max-width: 293px; margin-bottom: 16px; display: block;}
.advanteg-main-info__title {font-size: 20px; text-transform: uppercase; margin-bottom: 20px;
    color: var(--primary2-color);
}

.advanteg-info-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.advanteg-info-list li {font-weight: 500; font-size: 16px; line-height: 1.25; min-width: 1px;}
.advanteg-info-list .title {font-size: 18px; text-transform: uppercase; margin: 0 0 6px;}
.advanteg-info-list img {display: block; margin-bottom: 10px;}


@media screen and (max-width: 700px) {
    .advanteg-info-list {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .advanteg-main-info__title {font-size: 16px;}
    .advanteg-info-list .title {font-size: 16px;}
}



/*
    Страница каталога товаров
*/
.catalog-page {}

.catalog-wrap {}

.catalog-row {
    display: flex;
    gap: var(--gap)
}
 
/*** catalog-sidebar ***/
.catalog-sidebar {min-width: 1px; width: 285px; padding-bottom: 20px;
    border-radius: var(--brdr-radius-8);
    background-color: var(--gray4-color);
    
    flex-shrink: 0;
}


/** catalog-filter **/
.catalog-filter {
    position: -webkit-sticky;
    position: sticky;
    top: var(--header-height);
}

.filter-section {padding: 20px 0 0;}
.filter-section__ttl {font-size: 16px; font-weight: 700; padding: 0 20px 20px;}
 

/* filter-category */
.filter-category {}

.filter-category-item {font-size: 16px; font-weight: 500; padding: 8px 20px;
    border-bottom: 1px solid var(--gray2-color);
    
    gap: 8px
}
.filter-category-item img {width: 1px; width: 20px;
    flex-shrink: 0;
}
.filter-category-item span {width: 1px;
    flex-grow: 1;
}

.filter-category-item.is-active,
.filter-category-item:hover {color: inherit;
    background-color: var(--primary1-color);
}

/* filter-brands */
.filter-brands {padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.filter-brands__item {font-weight: 500; font-size: 16px; padding: 7px 12px; display: block; cursor: pointer;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--gray2-color);
}
.filter-brands__item.is-active {
    background-color: var(--primary1-color);
    border: 2px solid var(--primary2-color);
}
.filter-brands__item img {max-width: 100%; max-height: 16px; display: block;}


/* filter-items-list */
.filter-items-list {padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-item-checkbox {}
.filter-item-checkbox input[type="checkbox"] {display: none;}

.filter-item {font-weight: 500; font-size: 16px; padding: 7px 12px; cursor: pointer;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--gray2-color);

    display: inline-flex;
    align-items: center;
    gap: 4px;
}
input[type="checkbox"]:checked + .filter-item {
    background-color: var(--blue-light-color);
    border: 2px solid var(--primary2-color);
}

input[type="checkbox"]:checked + .filter-item:after {content: ''; display: inline-block; width: 14px; height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 0C10.3533 0 13.3333 2.98 13.3333 6.66667C13.3333 10.3533 10.3533 13.3333 6.66667 13.3333C2.98 13.3333 0 10.3533 0 6.66667C0 2.98 2.98 0 6.66667 0ZM9.06 3.33333L6.66667 5.72667L4.27333 3.33333L3.33333 4.27333L5.72667 6.66667L3.33333 9.06L4.27333 10L6.66667 7.60667L9.06 10L10 9.06L7.60667 6.66667L10 4.27333L9.06 3.33333Z' fill='%23158289'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

input[type="checkbox"]:disabled + .filter-item {
    color: var(--gray6-color);
}


/*
    Фильтр в мобильной версии
*/
.filter-popup {position: fixed; inset: 0; z-index: 20; padding: 0;
    background-color: var(--white-color);

    overflow-y: auto;
    overflow-x: hidden;
}
.filter-popup:not(.is-active) {display: none;}

/*** filter-popup-head ***/
.filter-popup-head {padding: 15px 20px;
    border-bottom: 1px solid var(--gray2-color);
    
    justify-content: space-between;
    gap: var(--gap);
}

.filter-popup-head__title {font-size: 20px;}
.cls-popup-filtr {font-size: 16px; text-decoration: underline;
    color: var(--primary2-color);
}

/*** filter-popup-body ***/
.filter-popup-body {}
.filter-popup-body .catalog-sort-reset {margin: 20px 20px 0;}

/*** filter-popup-footer ***/
.filter-popup-footer {padding: 20px 20px; margin-top: 20px;
    border-top: 1px solid var(--gray2-color);
}
.filter-popup-footer .btn {width: 100%;}


@media screen and (max-width: 991px) {
    .catalog-sidebar {display: none;}
}


/*** catalog-content ***/
.catalog-content {min-width: 1px;
    flex-grow: 1;
}


/** catalog-empty **/
.catalog-empty {text-align: center;
    margin-bottom: var(--section-margin-60);
}
.catalog-empty img {max-width: 100px;
    margin-bottom: var(--section-margin-20);
}
.catalog-empty__title {font-size: 28px; margin-bottom: 4px;}
.catalog-empty__txt {font-weight: 500; font-size: 16px;
    margin-bottom: var(--section-margin-20);
}
.catalog-empty__btn {}


/** slider-catalog **/
.slider-catalog {
    margin-bottom: var(--section-margin-20);
}
.slider-catalog img {width: 100%;}


/** catalog-content-head **/
.catalog-content-head {
    margin-bottom: var(--section-margin-20);

    gap: 10px;
}

.catalog-sort {font-weight: 500; font-size: 16px; padding: 0 12px; height: 32px; cursor: pointer;
    background-color: var(--white-color);
    border: 1px solid var(--gray2-color);
    border-radius: 16px;

    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.catalog-sort-select {padding-right: 30px;
    background: url(../img/sort-catalog.png) no-repeat right 12px center;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.catalog-sort-reset {
    border: 1px solid var(--primary1-color)
}

.catalog-sort-mobile {display: none; position: relative;}

.catalog-sort-btn {padding: 4px; width: 48px; height: 36px; pointer-events: none;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);
}
.sort-select {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2;}


/** catalog-grid **/
.catalog-grid {
    margin-bottom: var(--section-margin-40);

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap);
}

/* catalog__btns */
.catalog__btns {
    text-align: center;
    margin-top: var(--section-margin-20);
}

/* catalog-pagination */
.catalog-pagination {
    margin-top: var(--section-margin-20);

    justify-content: center;
    gap: 12px;
}

.catalog-pagination__item {width: 36px; height: 36px;
    border-radius: var(--brdr-radius-8);
    border: 1px solid transparent
}

.next-item {
    border-color: var(--primary1-color);
}


@media screen and (max-width: 991px) {
    .catalog-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: var(--gap);
    }

    .catalog-content-head .catalog-sort {display: none;}
    .catalog-sort-mobile {display: block;}
}

@media screen and (max-width: 800px) {
    .catalog-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--gap) 8px;
    }
}




/*
    Детальная страница товара
*/
.tovar-page {}


.tovar-wrap {}
.tovar-row {}


/**** tovar-top ****/
.tovar-top {
    margin-bottom: var(--section-margin-20);

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--gap);
}

/*** tovar-images ***/
.tovar-images {min-width: 1px;
    display: flex;
    align-items: stretch;
    gap: var(--gap);
}

.tovar-images img {display: block;}

.tovar-images > [class^="product-slider__"] {min-width: 1px;
    max-height: var(--product-slider-height);
}

/** product-slider__thumbnails **/
.product-slider__thumbnails {width: 75px; position: relative;
    flex-shrink: 0;
}
.product__thumbnails-slide {overflow: hidden; position: relative; cursor: pointer; 
    border-radius: var(--brdr-radius-8);
    border: 4px solid transparent;
    background-color: var(--gray4-color);
}

.product__thumbnails-slide.swiper-slide-thumb-active {
    border-color: var(--primary1-color);
}

.product__thumbnails-slide img {position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover;
    object-position: center center;
}

.thumbnail-arrow-prev,
.thumbnail-arrow-next {position: absolute; width: 100%; height: 40px; z-index: 2; cursor: pointer;
    background-color: var(--white-color);
    border: 1px solid var(--primary1-color);
    border-radius: var(--brdr-radius-8);
}

.thumbnail-arrow-prev.swiper-button-disabled,
.thumbnail-arrow-next.swiper-button-disabled {display: none;}

.thumbnail-arrow-prev {top: 0; left: 0;}
.thumbnail-arrow-next {bottom: 0; left: 0;}

/** product-slider__main **/
.product-slider__main {
    border-radius: var(--brdr-radius-8);
    background-color: var(--gray4-color);

    flex-grow: 1;
}
.product__slider-slide {cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*** tovar-info ***/
.tovar-info {min-width: 1px;
    display: flex;
    flex-direction: column;
}
.tovar-info > * {min-width: 1px; margin-bottom: 12px;}
.tovar-info > *:last-child {margin-bottom: 0;
    flex-grow: 1;
}

/** tovar-tags **/
.tovar-tags {
    gap: 8px;
}
.tovar-tags .tovar-tag {margin: 0;}

/** tovar-title **/
.tovar-title {}

/** tovar-brand-price **/
.tovar-brand-price {margin-bottom: 12px;
    justify-content: space-between;
    gap: var(--gap);
}

.tovar-brand-logo {}
.tovar-brand-logo img {max-width: 100px;}

.tovar-price-wrap {}
.tovar-price-wrap .tovar-item-price {font-size: 28px;}
.tovar-price-wrap .tovar-price-old {font-size: 20px;}

/** tovar-property **/
.tovar-property {padding: 20px;
    border-radius: var(--brdr-radius-8);
    background-color: var(--gray4-color);
}

.tovar-property .property__title {font-size: 16px; margin-bottom: 8px;
    color: var(--gray-dark3-color);
}

/* property-bottom */
.property-bottom {
    gap: var(--gap);
}

.property-bottom .property-tovar-counter {width: 140px;
    flex-shrink: 0;
}
.property-bottom .tovar-compare {width: 60px; height: 44px;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);

    flex-shrink: 0;
}
.property-bottom .btn {
    flex-grow: 1;
}

/* tovar-articul */
.tovar-articul {font-size: 16px;
    margin-bottom: var(--section-margin-20);

    display: flex;
}
.tovar-articul__ttl {
    color: var(--gray-dark3-color);
}
.tovar-articul__doted {
    border-bottom: 1px dotted var(--black-color);

    flex-grow: 1;
}
.tovar-articul__value {}

.tovar-doptxt {font-size: 14px; line-height: 1.25;}
.tovar-doptxt > * {line-height: inherit; margin-bottom: 4px;}
.tovar-doptxt b {font-weight: 700; font-size: 16px;}


/**** tovar-bottom ****/
.tovar-bottom {padding: 20px;
    border-radius: var(--brdr-radius-8);
    background-color: var(--gray4-color);

    display: flex;
    gap: var(--gap);
}

.tovar-description {min-width: 1px;
    flex-grow: 1;
}

.tovar-bottom__ttl {font-weight: 700; font-size: 16px; line-height: 1.25;  margin-bottom: 12px;}

.tovar-bottom__txt {font-size: 16px; line-height: 1.25; margin-bottom: 10px;}
.tovar-bottom__txt * {font-size: inherit; line-height: inherit;}
.tovar-bottom__txt > *:not(:last-child) {margin-bottom: 10px;}
.tovar-bottom__txt li {list-style: initial; margin-left: 15px;}

.tovar-dopdescr {min-width: 1px;
    flex-grow: 1;
}


@media screen and (max-width: 991px) {
    .tovar-top {
        grid-template-columns: 1fr;
    }
    .product-slider__thumbnails {display: none;}

    .tovar-title {font-size: 28px;}

    .property-bottom .property-tovar-counter {width: 120px;}

    .tovar-bottom {
        flex-wrap: wrap;
    }
}


/*
    Всплывающая галерея товара на детальной странице
*/
.tovar-galery-popup {position: fixed; inset: 0; z-index: 20;
    background-color: var(--white-color);
}
.tovar-galery-popup:not(.is-active) {display: none;}

.tovar-galery-inner {height: 100%;
    display: flex;
    gap: var(--gap);

    overflow-y: scroll;
    overflow-x: hidden;
}

.cls-galery-popup {position: absolute; top: 20px; right: 20px; z-index: 4; width: 44px; height: 44px;
    border-radius: 100px;
    background-color: var(--gray4-color);
}
.cls-galery-popup:hover {
    background-color: var(--gray3-color);
}


/*** tovar-galery-left ***/
.tovar-galery-left {min-width: 1px; width: 135px; padding: 20px;
    background-color: var(--gray3-color);

    flex-shrink: 0;
}

/** galery-slider__thumbnails **/
.galery-slider__thumbnails {width: 75px; position: relative; 
    height: 100%;

    flex-shrink: 0;
}
.galery__thumbnails-slide {overflow: hidden; position: relative; cursor: pointer; 
    border-radius: var(--brdr-radius-8);
    border: 4px solid transparent;
    background-color: var(--gray4-color);
}

.galery__thumbnails-slide.swiper-slide-thumb-active {
    border-color: var(--primary1-color);
}

.galery__thumbnails-slide img {position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover;
    object-position: center center;
}

.galery-arrow-prev,
.galery-arrow-next {position: absolute; width: 100%; height: 40px; z-index: 2; cursor: pointer;
    background-color: var(--white-color);
    border: 1px solid var(--primary1-color);
    border-radius: var(--brdr-radius-8);
}

.galery-arrow-prev.swiper-button-disabled,
.galery-arrow-next.swiper-button-disabled {display: none;}

.galery-arrow-prev {top: 0; left: 0;}
.galery-arrow-next {bottom: 0; left: 0;}


/*** tovar-galery-right ***/
.tovar-galery-right {min-width: 1px; padding: 40px;
    height: 100%;

    flex-grow: 1;
}

/** galery-slider__main **/
.galery-slider__main {max-width: 520px; margin: 0 auto;
    border-radius: var(--brdr-radius-8);
    background-color: var(--gray4-color);

    flex-grow: 1;
}
.galery__slider-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.galery-arrows {
    margin-top: var(--section-margin-40);

    justify-content: center;
}

@media screen and (max-width: 991px) {
    .tovar-galery-inner {
        flex-direction: column;
    }

    .tovar-galery-left {width: 100%;
        background-color: transparent;

        order: 2;
    }
    .tovar-galery-right {width: 100%; height: initial; padding: 100px 20px 0;
        order: 1;
    }

    .galery-slider__thumbnails {height: initial; width: 100%;}
    .galery__thumbnails-slide img {position: static; width: initial; height: initial;
        object-fit: initial;
    }
    .galery-arrow-next,
    .galery-arrow-prev {display: none;}
}


/*
    Как ты носишь
*/
.tovar-preview-section {overflow: hidden;}
.slider-preview {overflow: visible;}

.preview-slide {}
.preview-slide a {display: block; overflow: hidden;
    border: 4px solid transparent;
    border-radius: var(--brdr-radius-8);
}
.preview-slide img {display: block; width: 100%;}
.preview-slide:hover a {
    border-color: var(--primary1-color);
}


/*
    Отзывы товара
*/
.tovar-reviews-section {}

.tovars-reviews-list {}

/** tovar-reviews-item **/
.tovar-reviews-item {padding: 20px;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--gray2-color);
    margin-bottom: var(--section-margin-20);

    display: flex;
    gap: var(--gap);
}

/* tovar-reviews-left */
.tovar-reviews-left {min-width: 200px;
    flex-shrink: 0;
}

.tovar-reviews__name {font-weight: 400; font-size: 18px; line-height: 1.33333; text-transform: uppercase;
    color: var(--blue-color);
}
.tovar-reviews__date {font-weight: 500; font-size: 14px; line-height: 1.14286;}
.tovar-reviews__stars {margin-top: 12px;}

/* review-stars-list */
.review-stars-list {
    gap: 4px;
}

/* tovar-reviews-info */
.tovar-reviews-info {min-width: 1px;
    flex-grow: 1px;
}

.tovar-reviews-info svg {display: block; margin-bottom: 8px;}
.tovar-reviews__txt {font-weight: 400; font-size: 16px; line-height: 1.25;}


@media screen and (max-width: 991px) {
    .tovar-reviews-item {
        flex-direction: column;
    }   
}


/*
    ВСПЛЫВАЮЩИЕ ОКНА
*/
[id$="-popup--clone"].popup-window,
[id$="-popup"].popup-window {width: 100%; padding: 20px; display: none;
    background-color: var(--white-color);
    border-radius: var(--brdr-radius-8);
}
.popup-window.fancybox__content {max-width: 368px;}

.popup-window .is-close-btn,
.popup-window .carousel__button.is-close {display: none;}

.popup-window .btn {width: 100%;}

/** popup-header **/
.popup-header {margin: 0 0 20px;
    justify-content: space-between;
    gap: 10px;
}
.popup-title {font-size: 18px;
    flex-grow: 1;

    gap: 10px;
}
.popup-close {position: absolute; top: 20px; right: 20px;
    flex-shrink: 0;
}
.popup-close svg {display: block;}
.popup-close:hover svg * {
    stroke: var(--red-color);
}

/** popup-body **/
.popup-body {}

/** popup-footer **/
.popup-footer {}
.popup-footer .btn {}


/*
    Всплывающее отзывов на главной
*/
.popup-window.reviews-popup {max-width: 722px;}

.reviews-popup-content {
    display: flex;
    align-items: flex-start;
    gap: var(--gap);
}

/* reviews-popup__img */
.reviews-popup__img {width: 320px; overflow: hidden;
    border-radius: var(--brdr-radius-8);

    flex-shrink: 0;
}
.reviews-popup__img img {max-width: 100%;}

/* reviews-popup__info */
.reviews-popup__info {
    flex-grow: 1;
}

.reviews-popup__title {font-size: 18px; text-transform: uppercase; margin: 0 0 1px;
  color: var(--blue-color);
}
.reviews-popup__subtitle {font-size: 14px; line-height: 1.14286;
    color: var(--gray5-color);
}
.reviews-popup__quote {margin-top: 40px;}
.reviews-popup__quote svg {max-width: 28px;}
.reviews-popup__txt {font-size: 16px; line-height: 1.25; margin: 8px 0 0;}

@media screen and (max-width: 900px) {
    .reviews-popup-content {
        flex-direction: column;
    }
    .reviews-popup__img {width: initial;
        align-self: center;
    }
}


/*
    Всплывающее окошко для товара с цветами и размерами
*/
.popup-window.tovar-info-popup {}

.tovar-popup-content {}

/** tovar-content-top **/
.tovar-content-top {margin-bottom: 20px;
    justify-content: space-between;
    gap: var(--gap);
}

.tovar-content-top a {font-size: 16px; line-height: 1.25; text-decoration: underline;
    color: var(--primary2-color);
}


/** tovar-content-bottom **/
.tovar-content-bottom {}

.property-blck {margin-bottom: 20px;}
.property__title {font-weight: 400; font-size: 14px; line-height: 1.14286; margin-bottom: 4px;
    color: var(--gray5-color);
}

/* property-grid */
.property-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
}

.property-item {min-width: 1px;
    flex-shrink: 0;
}

.property-item__radio {display: none;}

.property-item__label {font-weight: 700; font-size: 16px; line-height: 1.25; width: 44px; height: 44px; padding: 4px; cursor: pointer; position: relative;
    border: 1px solid var(--gray2-color);
    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.property-item__radio:checked + .property-item__label,
.property-item__label:hover {
    border-color: var(--primary2-color);
}

.property-item__label span {width: 100%; height: 100%;
    border-radius: 4px;
}


/* property checked */
.property-size .property-item__radio:checked + .property-item__label {
    background-color: var(--blue-light-color);
}
.property-color .property-item__radio:checked + .property-item__label:before {content: ''; width: 27px; height: 20px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjI2NjQgMTYuMTYzTDIuNzA3NzUgMTAuNjQ0MUMyLjA4NzQ4IDEwLjAyMzkgMS4wODU0OSAxMC4wMjM5IDAuNDY1MjA5IDEwLjY0NDFDLTAuMTU1MDcgMTEuMjY0NCAtMC4xNTUwNyAxMi4yNjY0IDAuNDY1MjA5IDEyLjg4NjdMNy4xMTMzMiAxOS41MzQ4QzcuNzMzNiAyMC4xNTUxIDguNzM1NTkgMjAuMTU1MSA5LjM1NTg2IDE5LjUzNDhMMjYuMTgyOSAyLjcwNzc1QzI2LjgwMzIgMi4wODc0NyAyNi44MDMyIDEuMDg1NDkgMjYuMTgyOSAwLjQ2NTIwOUMyNS41NjI2IC0wLjE1NTA3IDI0LjU2MDYgLTAuMTU1MDcgMjMuOTQwNCAwLjQ2NTIwOUw4LjIyNjY0IDE2LjE2M1oiIGZpbGw9IiNGNEYyRjUiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
}

/* property disabled */
.property-item__radio:disabled + .property-item__label {font-weight: 400; pointer-events: none;
    color: var(--gray6-color);
}
.property-color .property-item__radio:disabled + .property-item__label:before {content: ''; width: 20px; height: 20px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAgMEM0LjQ4IDAgMCA0LjQ4IDAgMTBDMCAxNS41MiA0LjQ4IDIwIDEwIDIwQzE1LjUyIDIwIDIwIDE1LjUyIDIwIDEwQzIwIDQuNDggMTUuNTIgMCAxMCAwWk0yIDEwQzIgNS41OCA1LjU4IDIgMTAgMkMxMS44NSAyIDEzLjU1IDIuNjMgMTQuOSAzLjY5TDMuNjkgMTQuOUMyLjU5MTYzIDEzLjUwMzIgMS45OTYyMyAxMS43NzY5IDIgMTBaTTEwIDE4QzguMTUgMTggNi40NSAxNy4zNyA1LjEgMTYuMzFMMTYuMzEgNS4xQzE3LjQwODQgNi40OTY3OSAxOC4wMDM4IDguMjIzMDkgMTggMTBDMTggMTQuNDIgMTQuNDIgMTggMTAgMThaIiBmaWxsPSIjMkUyQzJGIiAvPgo8L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
}

.property-color .property-item__radio:disabled + .property-item__label span {opacity: 0.5;}


/* property-tovar-counter */
.property-tovar-counter {max-width: 200px; padding: 12px 20px; height: 44px;
    border: 1px solid var(--primary1-color);
    border-radius: var(--brdr-radius-8);
    background-color: var(--white-color);
}

.property-tovar-counter a {font-weight: 500; font-size: 16px; line-height: 1.25; text-decoration: none; min-width: 1px; width: 20px;
    color: var(--primary1-color);

    flex-shrink: 0;
}
.property-tovar-counter input {font-weight: 500; font-size: 16px; line-height: 1.25; text-align: center; text-decoration: none; min-width: 1px; border: none;
    flex-grow: 1;
}

.property-tovar-counter__minus {text-align: left;}
.property-tovar-counter__plus {text-align: right;}
.property-tovar-counter__value {}



/* tovar-content-btns */
.tovar-content-btns {}
.tovar-content-btns .btn {max-width: 200px;}


/*
    Окошко оставить отзыв
*/
.reviews-tovar-popup.popup-window {max-width: 600px;}

.reviews-form {}
.reviews-form-row {
    margin-bottom: var(--section-margin-20);
}
.reviews-form__label {font-weight: 500; font-size: 14px; line-height: 1.14286; display: block; margin-bottom: 10px;}
.reviews-form__input {width: 100%; height: 40px;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);
}
.reviews-form__text {width: 100%; min-height: 140px; max-height: 300px; resize: vertical;
    border-radius: var(--brdr-radius-8);
    border: 1px solid var(--primary1-color);
}

.reviews-form__raiting {}
.reviews-form__raiting li {margin-bottom: 12px;
    gap: 8px;
}
.reviews-form__raiting li:last-child {margin-bottom: 0;}
.rait-label {cursor: pointer;
    gap: 8px;
}



/*********/
.d-none{
	display: none;
}
.product-card .swiper-container{
	height: 24.25em;
}

.catalog-items.grid4 .product-card .swiper-container {
    height: 20.4em;
}

/* костыль, чтобы у карточек было плюс-минус одинаковые соотношения (когда разное кол-во в ряд) */
/* высота нижней панели = высоте верхней + 6em */
.catalog-items.grid4 .product-card .swiper-container {
    height: 21.1em;
}
.catalog-items.grid4 .product-card__bottom {
    padding-top: 27.1em;
}
@media screen and (max-width:992px) {
    /* 3 в ряд */
    .catalog-items.grid4 .product-card .swiper-container {
        height: 21.2em;
    }
    .catalog-items.grid4 .product-card__bottom {
        padding-top: 27.2em;
    }
}
@media screen and (max-width:768px) {
    /* 2 в ряд */
    .catalog-items.grid4 .product-card .swiper-container {
        height: 32.3em;
    }
    .catalog-items.grid4 .product-card__bottom {
        padding-top: 38.3em;
    }
}
@media screen and (max-width:576px) {
    /* 1 в ряд */
    .catalog-items.grid4 .product-card .swiper-container {
        height: 30.4em;
    }
    .catalog-items.grid4 .product-card__bottom {
        padding-top: 36.4em;
    }
}

/* карточка в мобильной версии должна быть раскрыта */
@media (pointer: coarse) {
    .catalog-items.grid4 .product-card__bottom {
        padding-top: 0;
    }
    .swiper-slide .product-card__bottom {
        padding-top: 0;
    }
}

.product-gallery .swiper-wrapper {
	height: auto;
}

.swiper-nav .swiper-button {
	height: 44px;
}
.swiper-nav .swiper-button.swiper-button-disabled {
	display: none;
}

/* взято за основу из .header-search*/
.filter-item-search__btn {
    display: none
}

.filter-item-search__field {
    max-width: 100%;
    border: 1px solid var(--gray6-color);
}

.filter-item-search__field input {
    padding-left: 2.11em
}

.filter-item-search__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .44em
}

/* label из бутстрапа жирный и со смещением, а в ТЗ дизайна нормальный */
label {
    font-weight: unset;
    margin-bottom: unset;
}

/* на сайте цвета в виде блоков, а в ТЗ дизайна в виде картинок */
/*
.catalog-color__item {
    display: block;
    width: 3em;
    height: 3em;
    margin: .5em .875em 0 0
}
*/

.catalog-color__item > label {
    display: flex;
    width: 100%;
    height: 100%;
}

.item-color__select > label {
    display: flex;
}

/* ширина картинки в корзине может быть 0 и стандартной */
.cart-card__img {
    /*width: unset;*/
    align-self: center;
}

.cart-card__check {
    align-self: center;
}

.select_regions__container{
	position: relative;
}

.select_regions{
	display: none;
    position: absolute;
    flex-direction: column;
    gap: 8px;
    background: #eaecf2;
    padding: 8px;
    z-index: 10000;
    left: -8px;
    font-size: 16px;
}
.select_regions .select-span{
	cursor: pointer;
}
.select_regions__container:hover .select_regions{
	display: flex;
	width: max-content;
    padding: 15px;
}


.color-field input:checked~label .select-img{
	border: 1px solid #000;
}

#gallery{
    position: relative;
	.product-card__badges{
		gap: 5px;
	}
}
#quntity-container{
	margin-top: 20px;
}


@media screen and (max-width:992px) {
    .d-m-none{
        display: none;
    }

    .d-m-block{
        display: block;
    }

    .d-m-flex{
        display: flex;
    }
    
    .catalog-item__inner{
        gap: 0;
    }
}

@media screen and (min-width:993px) {
    .d-d-none{
        display: none;
    }
    
    .d-d-block{
        display: block;
    }
    
    .d-d-flex{
        display: flex;
    }
}

.pb-1{
    padding-bottom: 1rem;
}
#city_list_select li{
	padding: 5px 10px;
	cursor: pointer;
}

.slider-title{
    padding-top: 100px;
	max-width: 700px;
}

.main-banner__video{
	justify-content: center;
	align-items: center;   
	video{
		width: 100%;
		object-fit: cover;         /* заполнение контейнера */
		object-position: center;   
	}

	._view1{
		display: none;
	}
	._view2{
		display: block;
	}
	@media screen and (min-width:993px) {
		._view1{
			display: block;
		}
		._view2{
			display: none;
		}
	}
}

@media screen and (max-width: 576px) {
    .main-banner__video {
        height: 100%;
    }
}