/** Shopify CDN: Minification failed

Line 1158:15 Expected ":"
Line 2693:10 Expected ":"

**/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Syne:wght@400;700&display=swap');


*{
    box-sizing: border-box;
}

/* === Design tokens === */
:root {
  --font-syne: "Syne", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-inter: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;

  --h1: 88px;
  --h2: 64px;
  --h3: 56px;
  --h4: 40px;
  --h5: 32px;
  --h6: 20px;

  --body-l: 16px;
  --body-m: 14px;
  --body-s: 12px;

  --lh-100: 1;
  --lh-110: 1.10;
  --lh-112: 1.12;
  --lh-120: 1.20;
  --lh-130: 1.30;
  --lh-140: 1.40;
  --lh-150: 1.50;
}





@media (max-width: 1440px) {
  :root {
    --h1: 64px; --h2: 48px; --h3: 36px; --h4: 30px; --h5: 24px; --h6: 18px;
  }
}
/* Tablet (≤1024px) */
@media (max-width: 991px) {
  :root {
    --h1: 56px; 
    --h2: 48px;
    --h3: 32px;
    --h4: 24px;
    --h5: 20px;
    --h6: 18px; 
  }
}




/* === Utilities === */
.syne { font-family: var(--font-syne); }
.inter { font-family: var(--font-inter); }
.uppercase { text-transform: uppercase; }

/* ========== Headings (Syne) ========== */
/* H1 */
.h1--bold {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h1);
  line-height: var(--lh-100);
}
.h1--regular {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: var(--h1);
  line-height: var(--lh-100);
}
.h1--bold-allcaps {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h1);
  line-height: var(--lh-112);
  text-transform: uppercase;
}

/* H2 */
.h2--bold {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h2);
  line-height: var(--lh-100);
}
.h2--regular {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: var(--h2);
  line-height: var(--lh-110);
}
.h2--bold-allcaps {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h2);
  line-height: var(--lh-120);
  text-transform: uppercase;
}

/* H3 */
.h3--bold {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h3);
  line-height: var(--lh-120);
}
.h3--regular {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: var(--h3);
  line-height: var(--lh-100);
}
.h3--bold-allcaps {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h3);
  line-height: var(--lh-120);
  text-transform: uppercase;
}

/* H4 */
.h4--bold {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h4);
  line-height: var(--lh-120);
}
.h4--regular {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: var(--h4);
  line-height: var(--lh-120);
}
.h4--bold-allcaps {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h4);
  line-height: var(--lh-100);
  text-transform: uppercase;
}

/* H5 */
.h5--bold {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h5);
  line-height: var(--lh-120);
}
.h5--regular {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: var(--h5);
  line-height: var(--lh-120);
}
.h5--bold-allcaps {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h5);
  line-height: var(--lh-120);
  text-transform: uppercase;
}

/* H6 */
.h6--bold {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h6);
  line-height: var(--lh-120);
}
.h6--regular {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: var(--h6);
  line-height: var(--lh-140);
}
.h6--bold-allcaps {
  font-family: var(--font-syne);
  font-weight: 700;
  font-size: var(--h6);
  line-height: var(--lh-120);
  text-transform: uppercase;
}

/* ========== Paragraph / Quote ========== */
/* p quote (Syne Regular 48px / 140%) */
.quote {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: 48px;
  line-height: var(--lh-140);
  /* необязательно, просто приятная подача цитаты */
  margin: 0;
  padding-left: 1rem;
  border-left: 4px solid currentColor;
}

/* Body text — Inter Regular */
.body-l {
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: var(--body-l);
  line-height: var(--lh-140);
}
.body-m {
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: var(--body-m);
  line-height: var(--lh-130);
}
.body-s {
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: var(--body-s);
  line-height: var(--lh-120);
}

/* Body text — Inter Bold */
.body-l--bold {
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: var(--body-l);
  line-height: var(--lh-150);
}
.body-m--bold {
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: var(--body-m);
  line-height: var(--lh-130);
}
.body-s--bold {
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: var(--body-s);
  line-height: var(--lh-150);
}

/* ========== Buttons (Syne Regular) ========== */
.btn-lg {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: 24px;
  line-height: 24px; /* по ТЗ — абсолютный */
  letter-spacing: 0;
}
.btn-md {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.btn-sm {
  font-family: var(--font-syne);
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

/* (Опционально) базовые кнопки без визуальных стилей */
.btn-lg, .btn-lg,
.btn-md, .btn-md,
.btn-sm, .btn-sm {
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}

/* ========== Links (Inter) ========== */
.link {
  font-family: var(--font-inter);
  font-weight: 400; /* action */
  font-size: 16px;
  line-height: 24px; /* абсолютный по ТЗ */
  text-decoration: underline;
}
.link--bold {
  font-family: var(--font-inter);
  font-weight: 700; /* bold */
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}





.button--light{
    padding: 24px;
    display: flex;
    align-items: center;
    gap:8px;
    background: #F4F2F1;
    cursor: pointer;
    color: black;
    justify-content: center;
    transition: 0.2s  linear;
}

.button--light:hover{
    background: #DCDCDC
}

.button--light:enabled{
    background: #F2F2F2;
}



.button--outline-dark{
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap:8px;
    border: 2px solid #100E0D;
     color: black;
    justify-content: center;

    transition: 0.2s linear;
}

.button--outline-dark:hover{
    background: #100E0D;
    color: #fff;
}

.button--outline-dark:hover svg  path{
    stroke: #fff;
}

.button--outline-light{
  padding: 16px 24px;
    display: flex;
    align-items: center;
    gap:8px;
    border: 2px solid #F4F2F1;
    color: #fff;
    justify-content: center;
    transition: 0.2s linear;

}


.button--outline-light:hover svg g path{
    stroke: #100E0D;
}
.button--outline-light:hover{
    background: #F4F2F1;
    color: #100E0D;
}

.container{
    max-width: 1920px;
    padding: 0px 64px;
    margin: 0 auto;
}

@media(max-width: 1440px){
    .container{
        padding: 0px 32px;
    }
   
}
@media(max-width: 991px){
    .container{
        padding: 0px 16px;
    }
   
}

.container--full{
    padding: 0;
}

.custom-hero{
    color: #fff;
    background-size: cover;
    background-position:  center;
    background-repeat: no-repeat;
}


.custom-hero__inner{
    height: 100vh;
    min-height: 780px;
    display: flex; 
    align-items: flex-end;
    padding-bottom: 70px;
    justify-content: space-between;
    gap: 32px;
}

.custom-hero__left{
    max-width: 760px;
}

.custom-hero__left .h5--regular{
    margin-bottom: 15px;
}

.custom-hero__right{
    max-width: 650px;
}

.custom-hero__right .h5--regular{
    margin-bottom: 64px;
}

.custom-hero__right .button--light{
    width: 100%;
}

@media(max-width: 991px){
    .btn-lg{
        font-size: 20px;
    }
    .custom-hero__inner{
        flex-direction: column;
        gap: 40px;
          justify-content: flex-end;
          align-items: flex-start;
    }

     .custom-hero .h5--regular p{
        margin: 0;
    }
    .custom-hero .h5--regular{
        margin-bottom: 32px;
    }
}


.custom-products{
    padding: 96px 0;
}

.custom-products{
    color: black;
}

.custom-products__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--Neutral-200, #B9B9B9);
    margin-bottom: 32px; 
}

.product-card{
    padding: 4px;
}
.custom-products__header .h6--regular{
    margin-bottom: 14px;
    color: #727272;
}

.custom-products .arrow-left, .custom-products .arrow-right{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.custom-products .arrow-left {
    left: 0;
}

.custom-products .arrow-right {
    right: 0;
}

.product-card a{
    text-decoration: none;
}
.product-card img{
    width: 100%;
    aspect-ratio: 12/16;
    object-fit: cover;
    display: block;
}

.product-card__img{
    margin-bottom:  16px;
    position: relative;
}

.custom-products .swiper {
    overflow: visible;
}

@media screen and (max-width: 768px) {
    .product-card__content {
        display: none;
    }
}

.product-card__content-line{
    display: flex;
    align-items: center;
    gap:64px;
    color: black;
    margin-bottom: 8px;
    justify-content: space-between;
}
.product-card__content-line a{
    color: #2F2F2F;
}

.product-card__content-line .h6--bold{
    color: #727272;
}

.product-card__content-line a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media(min-width: 992px){
    .custom-products .mobile-only{
        display: none;
    }
}

.custom-products{
    overflow: hidden;
}

@media(max-width: 991px){


.custom-products .h2--regular{
    font-size: 32px;
}
    .custom-products .btn-md{
        margin-top: 20px;
    }
    .custom-products__header  .btn-md{
            display: none
    }
    .custom-products{
        padding: 32px 0;
    }
}

.full-banner{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.full-banner__inner{
    min-height: 1024px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items:  center;
    justify-content: center;
    gap: 48px;
}

.full-banner__inner .h2--regular{
    color: #fff;
    max-width: 700px;
    text-align: center;
}

@media(max-width: 991px){
    .full-banner__inner .h2--regular{
        max-width: 500px;
    }

    .full-banner__inner{
        height: 720px;
        min-height: 0;
    }
}

.feature-product{
    padding: 96px 0px;
}

@media(max-width: 991px){
.feature-product{
    padding: 32px 0px;
}
}
.feature-product__grid{
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}

.feature-product__grid .feature-product__gallery{
    width: 50%;
    height: max-content;
}

.feature-product__swiper-main img{
    display: block;
    width: 100%;
    aspect-ratio: 928/1008;
    object-fit: cover;
}

.feature-product__swiper-thumbs img{
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.feature-product__gallery{
    position: relative;
}

.feature-product__info{
    width: 50%;
}

.feature-product__swiper-thumbs {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 64px;
   width: calc(100% - 180px);
}

.feature-product__swiper-thumbs .swiper-slide:not(.swiper-slide-thumb-active){
filter: brightness(0.6);
}


.feature-product__header{
    display: flex;
    align-items: center;
    gap: 32px;
    color: black;
    padding-bottom: 32px;
    margin-bottom: 48px;
    border-bottom: 1px solid #B9B9B9;
    justify-content: space-between;
}

.price__current{
    color: #2F2F2F;
}

.feature-product__option{
    padding: 0;
    border: none;
}

.feature-product__option-label, .feature-product__qty label{
    color: var(--Text_light-background-Seconary, #727272);
    font-family: Inter;
    font-size: var(--Body-1, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    display: block;
    margin-bottom: 8px;
}

.feature-product__qty-controls{
    display: flex;
    align-items: center;
    border: 1px solid var(--Neutral-100, #DCDCDC);
    width: max-content;
}

.feature-product__qty-controls button{
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}

.feature-product__qty-controls input{
    text-align: center;
    border: 1px solid #DCDCDC;
    border-top: none;
    border-bottom: none;
    padding: 0;
    width: 64px;
    height: 56px;
    appearance: none;
    color: var(--Text_light-background-Primary, #2F2F2F);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Syne;
    font-size: var(--button-small, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */

}

.feature-product__option-values{
    display: flex;
    align-items: center;
    gap: 16px;
}

.feature-product__option-values input{
    display: none;
}

.feature-product__option-values label{
    color: #2F2F2F;
    font-family: Syne;
    font-size: var(--p-M, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 16px; 
    padding: 16px;
    min-width: 100px;
    cursor: pointer;
    border: 1px solid var(--Neutral-100, #DCDCDC);
    text-align: center;
    display: block;
}

.feature-product__option{
    margin: 48px 0;
}
.feature-product__option-values input:checked + label{
border: 1px solid var(--Primary_brand-Primary_brand_main, #100E0D);
background: var(--Primary_brand-Primary_brand_main, #100E0D);
color: #fff;
}


.feature-product__actions{
    margin: 48px 0px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.feature-product__actions button{
    flex: 0 0 50%;
}

.feature-product__btn-add {
    background: #100E0D;
    color: #fff;
    padding: 16px 24px;
    max-height: 60px;

    transition: 0.2s linear;
}

.feature-product__btn-add:hover{
    background: #71625B;
}


.feature-product__description *{
    color: #100E0D !important;
}

@media(min-width: 992px){
    .feature-product .container{
        padding-left: 0;
    }
}


@media(max-width: 1440px){
    .feature-product__grid{
        gap: 24px;
    }
}

@media(max-width: 991px){
     .feature-product__grid{
        flex-direction: column;
     }
     .feature-product .container{
        padding: 0;
     }
     .feature-product__info{
        padding: 32px 16px;
     }
     .feature-product__grid .feature-product__gallery, .feature-product__info{
        width: 100%;
     }

     .feature-product__option{
        margin: 24px 0px;
     }

      .feature-product__actions{
        margin: 24px 0px;
    }

     .feature-product__top-title {
        font-size: 32px;
     }

     .feature-product__header{
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
        margin-bottom: 24px;
     }

     .feature-product__swiper-thumbs{
        width: 100%;
        overflow: visible;
     }

     .feature-product__gallery{
        overflow: hidden;
     }

     .feature-product__option-values{
        flex-wrap: wrap;
     }


       .feature-product__actions{
        flex-direction: column;
        gap: 16px;
    }
    .feature-product__actions button{
        flex: 0 0 100%;
        width: 100%;
    }

    .feature-product__header a{
        width: 100%;
    }

    .feature-product__swiper-main img{
        aspect-ratio: 430/664;
    }

    .feature-product__qty{
        display: flex;
        justify-content: center;
    }

    .feature-product__actions button{
        min-height: 72px;
        max-height: 100%;
    }

}





.custom-reviews{
    padding: 64px 0px;
    background: #1C1917;
}

.custom-reviews .h6--regular, .custom-reviews .h2--regular{
    text-align: center;
    color: #F2F2F2;
}

.custom-reviews .h6--regular{
    color: #B9B9B9;
}

.custom-reviews__grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    padding-top: 32px;
}


.custom-reviews__grid-item{
    padding: 48px;
    border: 1px solid var(--Text_light-background-Primary, #F2F2F2);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-reviews__grid-item .text{
    margin: 24px 0px;

    color: var(--Text_light-background-Primary, #F2F2F2);
    text-align: center;
    font-family: Inter;
    font-size: var(--Body-1, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */

}

.custom-reviews__grid-item .author{
    margin-bottom: 8px;
}


.custom-reviews__grid-item .stars{
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: center;
}
.custom-reviews__grid-item .position{
    color: var(--Text_light-background-Primary, #F2F2F2);
    text-align: center;
    font-family: Inter;
    font-size: var(--p-M, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
}


@media(max-width: 1440px){
    .custom-reviews__grid{
        grid-template-columns: 1fr 1fr;
    }
}
@media(max-width: 767px){
    .custom-reviews__grid{
        grid-template-columns: 1fr;
    }

      .custom-reviews__grid-item{
        padding: 24px;
      }

      .custom-reviews__inner .h2--regular{
        font-size: 32px;
      }
}


.custom-collections__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.custom-collections__list img{
    aspect-ratio: 12/16;
    display: block;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    height: auto;
}

.custom-collections__list-item{
    position: relative;
}

.custom-collections__list span{
    color: #fff;
    position: absolute;
    left:0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
        z-index: 2;
}

@media(max-width: 991px){
    .custom-collections__list{
        grid-template-columns: 1fr;
    }
}

.faq-with-icons h2, .faq-with-icons h3, .faq-with-icons h5, .faq-with-icons h4, .faq-with-icons h6{
    margin: 0;
}

.faq-with-icons{
    padding: 96px 0px;
}

.faq-with-icons .h2--regular{
padding-bottom: 64px;
margin-bottom: 32px;
border-bottom: 1px solid var(--Neutral-200, #B9B9B9);
}

.faq-with-icons .faq-item button{
    background: none;
    outline: none;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
    cursor: pointer;
}

.faq-with-icons .faq-item button::after{
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%232F2F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
}

.faq-with-icons .faq-item[data-state="open"] button::after{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%232F2F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.faq-with-icons .faq-item {
    padding: 24px 0px;
    border-bottom: 1px solid var(--Neutral-400, #727272);
    text-align: left;
    outline: none
}

.faq-item__content {
    padding-top: 16px;

    color: var(--Text_light-background-Seconary, #727272);
    font-family: Inter;
    font-size: var(--Body-1, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}



.faq-features{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    padding-top: 96px;
}

.faq-feature{
    padding: 24px;
    background: var(--BG-background_toning, #F4F2F1);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    text-align: center;
}


@media(max-width: 991px){
    .faq-with-icons{
        padding: 32px 0px;
    }

    .faq-with-icons .h2--regular{
        padding-bottom: 24px;
        margin-bottom: 20px;
        font-size: 32px;
    }
    .faq-features{
        grid-template-columns: 1fr;
        padding-top: 32px;
    }
}

.faq-features--no-faq {
  padding-top: 0;
}


.footer{
    padding: 64px 0px;
    padding-bottom: 120px;
    background: var(--csk-403-a-34900, #1C1A17);
}

.footer .footer__menu li a{
    padding: 12px 16px;

    color: var(--Text_light-background-Primary, #F2F2F2);
    font-family: Syne;
    font-size: var(--p-M, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */

    text-decoration: none;

}

.footer .footer__menu{
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 0;
}

.footer .footer__row{
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.footer .socials{
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer__bottom{
     display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    padding-top: 64px;
}

.footer__bottom a, .footer__bottom .copyright{
    color: var(--Text_light-background-Seconary, #B9B9B9);
    font-size: var(--p-M, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    text-decoration: none
}
.payments{
    display: flex;
    align-items center;
    gap: 16px;
}

footer{
    position: relative;
    overflow: hidden;
}

footer .float-logo{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

@media(max-width: 991px){
    .footer .footer__row{
        flex-direction: column;
    }
    .footer__bottom{
        flex-direction: column-reverse;
        text-align: center;
    }

    .footer .footer__menu{
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer__bottom{
        padding-top: 32px;
    }
}

@media(max-width: 767px){
    footer .float-logo{
        width: 100%;
    }
}

.header-overlay__bar{
    position: absolute !important;
    top: 0;
    width: 100%;
    left: 0;
}

.header-action svg{
    width: 40px;
    height: 40px;
}

.header-action{
    position: relative;
    padding: 0 !important;
}

.cart-count{
    position: absolute;
    right: 0;
    top: 0;

    color: var(--Secondary-BG-light, var(--BG-light, #F2F2F2));
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 12px */

    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50px;
background: var(--Text_Dark-background-Primary, #2F2F2F);

}

.header-select{
    color: var(--Text_light-background-Primary, #F2F2F2);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Syne;
    font-size: var(--button-small, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    background: none;
    border: none
}

.header-select option{
    color: black;
}

.mega-top__logo img{
    filter: invert(1);
    width: 290px;
}

.header-search-svg {
    color: #F2F2F2;
}

.header-account-svg {
    color: #F2F2F2;
}

.header-cart-svg {
    color: #F2F2F2;
}

.header-burger-svg {
    color: #F2F2F2;
}

.header-overlay__bar-white {
    background: #FFF !important;
    position: relative !important;
}

.header-overlay__bar-white .header-select {
    color: #2F2F2F;
}

.header-overlay__bar-white .header-search-svg {
    color: #2F2F2F;
}

.header-overlay__bar-white .header-account-svg {
    color: #2F2F2F;
}

.header-overlay__bar-white .header-cart-svg {
    color: #2F2F2F;
}

.header-overlay__bar-white .header-burger-svg {
    color: #2F2F2F;
}

/* custom about */
.custom-about {
    padding: 53px 0;
    background: #F4F2F1;
}

@media screen and (max-width: 768px) {
    .custom-about {
        padding: 48px 0 16px;
    }
}

.custom-about .container {
    padding-left: 0;
}

.custom-about.reverse .container {
    padding-right: 0;
    padding-left: 64px;
}

@media screen and (max-width: 1200px) {
    .custom-about .container {
        padding: 32px !important;
    }
}

@media screen and (max-width: 768px) {
    .custom-about .container {
        padding: 16px !important;
    }
}

.custom-about-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

@media screen and (max-width: 1200px) {
    .custom-about-wrapper {
        flex-direction: column-reverse;
    }
}

.custom-about.reverse .custom-about-wrapper {
    flex-direction: row-reverse;
}

@media screen and (max-width: 1200px) {
    .custom-about.reverse .custom-about-wrapper {
        flex-direction: column;
    }
}

.custom-about-left {
    max-height: 640px;
    max-width: 970px;
}

@media screen and (max-width: 1200px) {
    .custom-about-left {
        max-width: 100%;
    }
}

.custom-about-left-mobile {
    display: none;
}

.custom-about-left-desktop{
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .custom-about-left-desktop {
        display: none;
    }

    .custom-about-left-mobile {
        display: block;
        width: 100%;
        height: auto;
    }
}

.custom-about-right {
    padding-right: 48px;
    max-width: 700px;
    flex-shrink: 0;
}

@media screen and (max-width: 1200px) {
    .custom-about-right {
        max-width: 100%;
        padding-right: 0;
    }
}

.custom-about.reverse .custom-about-right {
    padding-right: 0;
    padding-left: 48px;
    max-width: 700px;
    flex-shrink: 0;
}

@media screen and (max-width: 1200px) {
    .custom-about.reverse .custom-about-right {
        max-width: 100%;
        padding-left: 0;
    }
}

.custom-about-right h2 {
    color: #2F2F2F;
    font-family: Syne;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1px;
    padding-bottom: 32px;
    margin-bottom: 32px;
    margin-top: 0;
    position: relative;
}

@media screen and (max-width: 768px) {
    .custom-about-right h2 {
        font-size: 48px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

.custom-about-right h2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #71625B;
    width: 64px;
    height: 2px;
    content: '';
}

.custom-about-right p {
    color: #2F2F2F;
    font-family: Syne;
    font-size:32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
    .custom-about-right p {
        font-size:20px;
        margin-bottom: 32px;
    }
}

.custom-about-right a {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #100E0D;
    border: 1px solid #100E0D;
    color: #F2F2F2;
    font-family: Syne;
    font-size:24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: all 0.4s;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .custom-about-right a {
        font-size:20px;
    }
}

.custom-about-right a:hover {
    background: transparent;
    border: 1px solid #100E0D;
    color: #100E0D;
}

/* about-text */
.about-text {
    padding: 96px 0;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .about-text {
        padding: 32px 0;
    }
}

.about-text-wrapper {
    max-width: 1160px;
    margin: 0 auto;
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .about-text-wrapper {
        padding: 14px 0;
        gap: 14px;
    }
}

.about-text-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 2px;
    background: #71625B;
}

@media screen and (max-width: 768px) {
    .about-text-wrapper::after {
        width: 100px;
    }
}

.about-text-wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 2px;
    background: #71625B;
}

@media screen and (max-width: 768px) {
    .about-text-wrapper::before {
        width: 100px;
    }
}

.about-text-wrapper h2 {
    color: #2F2F2F;
    font-family: Syne;
    font-size:48px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .about-text-wrapper h2 {
        font-size:24px;
    }
}

.about-text-wrapper p {
    color:  #2F2F2F;
    text-align: center;
    font-family: Syne;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .about-text-wrapper p {
        font-size:20px;
    }
}

.custom-product-main {
    padding: 16px 0 96px;
}

.custom-product-main .container {
    padding-left: 0;
}

@media screen and (max-width: 1200px) {
    .custom-product-main .container {
        padding-left: 32px;
    }
}

@media (max-width: 991px) {
    .custom-product-main .container {
        padding: 0px 16px;
    }
}

.custom-product-main__grid {
    display: flex;
    gap: 64px;
}

@media screen and (max-width: 1200px) {
    .custom-product-main__grid {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .custom-product-main__grid {
        gap: 32px;
    }
}

.custom-product-main__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (max-width: 768px) {
    .custom-product-main__breadcrumbs {
        display: none;
    }

    .custom-product-main__title {
        display: none;
    }

    .custom-product-main__price {
        display: none;
    }
}

.custom-product-main__crumb-link {
    color: #2F2F2F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.custom-product-main__crumb-current {
    color: #2F2F2F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.custom-product-main__gallery {
    width: 50%;
}

@media screen and (max-width: 1200px) {
    .custom-product-main__gallery {
        width: 100%;
    }
}

.custom-product-main__gallery-main {
  margin-bottom: 24px;
  max-height: 1000px;
}

.custom-product-main__gallery-main .swiper-wrapper{
  height: 100%;
  max-height: 1000px;
}

.custom-product-main__gallery-main .swiper-wrapper .swiper-slide{
  height: 100%;
  max-height: 1000px;
}

.custom-product-main__gallery-main .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  max-height: 1000px;
}

.custom-product-main__gallery-thumbs {
    padding: 0 38px;
}

@media screen and (max-width: 768px) {
    .custom-product-main__gallery-thumbs {
        padding: 0;
    }

    .custom-product-main__gallery-thumbs-wrap {
        position: relative;
        margin-left: -16px;
        width: calc(100% + 32px);
    }
}

.custom-product-main__gallery-thumbs .swiper-slide {
    max-height: 150px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    aspect-ratio: 1/1;
}

.custom-product-main__gallery-thumbs .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 150px;
    aspect-ratio: 1/1;
}

.custom-product-main__gallery-thumbs .swiper-slide-thumb-active,
.custom-product-main__gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  border: 4px solid #DCDCDC;
}

.custom-product-main__gallery-thumbs .swiper-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.40) 0%,
        rgba(0, 0, 0, 0.40) 100%
    );
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.2s ease;
}

/* Для активного слайда — убираем затемнение */
.custom-product-main__gallery-thumbs .swiper-slide-thumb-active::after,
.custom-product-main__gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
    opacity: 0;
}

.custom-product-main__info {
    width: 50%;
}

@media screen and (max-width: 1200px) {
    .custom-product-main__info {
        width: 100%;
    }
}

.custom-product-main-accordions {
    margin-top: 48px;
}

.custom-product-main-accordion {
    padding: 26px 0;
    border-top: 1px solid  #727272;
    border-bottom: 1px solid  #727272;
}

.custom-product-main-accordion:first-child {
    padding-top: 0;
    border-top: 0;
    border-bottom: 0;
}

.custom-product-main-accordion:last-child {
    border-top: 0;
}

.custom-product-main-accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #2F2F2F;
    font-family: Syne;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
    margin: 0;
}

.custom-product-main-accordion-minus {
    display: none;
}

.custom-product-main-accordion.active .custom-product-main-accordion-minus {
    display: block;
}

.custom-product-main-accordion.active .custom-product-main-accordion-plus {
    display: none;
}

.custom-product-main-accordion-content {
    display: none;
    color:  #727272;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 0;
}

.custom-product-main-accordion.active .custom-product-main-accordion-content {
    display: block;
    margin-top: 16px;
}

.custom-product-main-accordion-content p{
    margin: 0;
}

.custom-product-main__title-mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .custom-product-main__title-mobile {
        display: block;
        color: #2F2F2F;
        text-align: center;
        font-family: Syne;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
}

.custom-product-main__price-mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .custom-product-main__price-mobile {
        display: flex;
        justify-content: center;
        margin-bottom: 32px;
    }
}

.custom-product-main__thumb-prev,
.custom-product-main__thumb-next {
  border: none;
  background: #F2F2F2;
  padding: 12px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (max-width: 768px) {
  .custom-product-main__thumb-prev,
  .custom-product-main__thumb-next {
    display: inline-flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }

  .custom-product-main__thumb-prev {
    left: 16px; 
  }
  .custom-product-main__thumb-next {
    right: 16px; 
  }

  .custom-product-main__gallery-thumbs {
    flex: 1 1 auto;
  }
}

@media (max-width: 768px) {
    .custom-product-main .feature-product__option-values {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

/* custom collection banner */
.custom-collection-banner {
    padding: 53px 0;
}

@media screen and (max-width: 768px) {
    .custom-collection-banner {
        padding: 48px 0 16px;
    }
}

.custom-collection-banner .container {
    padding-left: 0;
}

@media screen and (max-width: 1200px) {
    .custom-collection-banner .container {
        padding: 32px !important;
    }
}

@media screen and (max-width: 768px) {
    .custom-collection-banner .container {
        padding: 0 !important;
    }
}

.custom-collection-banner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

@media screen and (max-width: 1200px) {
    .custom-collection-banner-wrapper {
        flex-direction: column;
    }
}

.custom-collection-banner-left {
    max-height: 640px;
    max-width: 970px;
}

@media screen and (max-width: 1200px) {
    .custom-collection-banner-left {
        max-width: 100%;
    }
}

.custom-collection-banner-left-mobile {
    display: none;
}

.custom-collection-banner-left-desktop{
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .custom-collection-banner-left-desktop {
        display: none;
    }

    .custom-collection-banner-left-mobile {
        display: block;
        width: 100%;
        height: auto;
    }
}

.custom-collection-banner-right {
    padding-right: 48px;
    max-width: 700px;
    flex-shrink: 0;
}

@media screen and (max-width: 1200px) {
    .custom-collection-banner-right {
        max-width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .custom-collection-banner-right {
        padding: 0 16px;
    }
}

.custom-collection-banner-right h2 {
    color: #2F2F2F;
    font-family: Syne;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1px;
    margin-bottom: 24px;
    margin-top: 0;
    position: relative;
}

@media screen and (max-width: 768px) {
    .custom-collection-banner-right h2 {
        font-size: 48px;
        margin-bottom: 16px;
    }
}

.custom-collection-banner-right p {
    color: #2F2F2F;
    font-family: Syne;
    font-size:32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
    .custom-collection-banner-right p {
        font-size:20px;
        margin-bottom: 32px;
    }
}

.custom-collection-banner-right > a {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #100E0D;
    border: 1px solid #100E0D;
    color: #F2F2F2;
    font-family: Syne;
    font-size:24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: all 0.4s;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .custom-collection-banner-right > a {
        font-size:20px;
    }
}

.custom-collection-banner-right > a:hover {
    background: transparent;
    border: 1px solid #100E0D;
    color: #100E0D;
}

.collection-banner-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .collection-banner-breadcrumbs {
        margin-bottom: 16px;
    }
}

.collection-banner-breadcrumbs__link {
    color: #2F2F2F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.collection-banner-breadcrumbs__current {
    color: #2F2F2F;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

/* custom collection grid */
.custom-collection-grid {
    padding: 40px 0;
    background: #fff;
}

.custom-collection-grid__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
}

@media screen and (max-width: 1200px) {
    .custom-collection-grid__items {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__items {
        gap: 50px;
    }
}

.custom-collection-grid__inset {
    grid-column: 1 / -1;
    padding: 16px 0;
    margin: 14px 0;
    color: #2F2F2F;
    font-family: Syne;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__inset {
        margin: 0;
        font-size: 24px;
    }
}

.custom-collection-grid__inset::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 2px;
    background: #71625B;
}

.custom-collection-grid__inset::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 2px;
    background: #71625B;
}

.custom-collection-grid__inset p {
    margin: 0;
}

.custom-collection-grid__item {
    display: flex;
    flex-direction: column;
}

.custom-collection-grid__product-link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

.custom-collection-grid__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__media {
        margin-bottom: 50px;
    }
}

.custom-collection-grid__image {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.custom-collection-grid__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 8px;
    background: #100E0D;
    color: #FFF;
    font-family: Syne;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__badge {
        font-size: 14px;
        line-height: 20px;
    }
}

.custom-collection-grid__info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.custom-collection-grid__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.custom-collection-grid__product-title {
    color: #2F2F2F;
    font-family: Syne;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1px;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__product-title {
        font-size: 20px;
    }
}

.custom-collection-grid__product-subtitle {
    color: #2F2F2F;
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__product-subtitle {
        font-size: 14px;
    }
}

.custom-collection-grid__price {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    text-align: right;
    font-family: Syne, system-ui, sans-serif;
}

.custom-collection-grid__price-current {
    display: block;
    color:  #2F2F2F;
    font-family: Syne;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1px;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__price-current {
        font-size: 20px;
    }
}

.custom-collection-grid__price-compare {
    display: block;
    color: #727272;
    font-family: Syne;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1px;
}

@media screen and (max-width: 768px) {
    .custom-collection-grid__price-compare {
        font-size: 14px;
    }
}

/* PAGINATION */

.custom-collection-grid__pagination {
    margin-top: 64px;
    text-align: center;
}

.custom-collection-grid__pagination-inner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.custom-collection-grid__pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-collection-grid__pagination-list {
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-collection-grid__pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 7px 11px;
    width: 32px;
}

.custom-collection-grid__pagination-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:  #2F2F2F;
    text-align: center;
    font-family: Inter;
    font-size:14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
}

.custom-collection-grid__pagination-item--current {
    border-bottom: 3px solid #100E0D;
}

.custom-collection-grid__pagination-item--current .custom-collection-grid__pagination-link {
    color:  #2F2F2F;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.custom-collection-filters-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #B9B9B9;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-top {
        flex-direction: column-reverse;
    }
}

.custom-collection-filters-top-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-top-right {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.custom-collection-filters-top-right-sort-form {
    padding: 0 16px;
    border: 2px solid #100E0D;
    max-height: 48px;
}

.custom-collection-filters-top-right-sort {
    padding: 12px 0;
    border: none;
    color: #0A0A0A;
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: transparent;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-top-right-sort {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        line-height: 24px;
        width: 100%;
    }
}

.custom-collection-filters-top-right-filter-toggle {
    padding: 10px 16px;
    border: 2px solid #100E0D;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0A0A0A;
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: transparent;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-top-right-filter-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        line-height: 24px;
    }
}

.custom-collection-filters-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.custom-collection-filters-count {
    color: #999;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.custom-collection-filters-remove {
    padding: 14px 16px;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0A0A0A;
    font-family: Syne;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: transparent;
    cursor: pointer;
}

.custom-collection-filters-top-left-wrapper {
    width: 100%;
}

.custom-collection-filters-top-left {
  max-width: 80%;
  display: none;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-top-left {
        max-width: 100%;
    }
}

.custom-collection-filters--open .custom-collection-filters-top-left {
  display: block;
}

.custom-collection-filters-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-groups {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
    }
}

.custom-collection-filters-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  min-width: 100px;
  min-height: 48px;
  border-radius: 0;
  border: 1px solid #DCDCDC;
  background: #FFFFFF;
  color: #2F2F2F;
  font-family: Syne, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  cursor: pointer;
  transition: background .4s ease, color .4s ease, border-color .4s ease;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-chip {
       font-size: 12px;
    }
}

.custom-collection-filters-chip__icon {
  display: inline-flex;
  margin-left: 8px;
}

.custom-collection-filters-chip--active {
  background: #100E0D;
  border-color: #100E0D;
  color: #F2F2F2;
}

.custom-collection-filters-chip--active .custom-collection-filters-chip__icon svg path {
  stroke: #F2F2F2;
}

.custom-collection-filters-chip:hover {
  border: 1px solid #100E0D;
}

/* отступ между группами (size / color) */
.custom-collection-filters-chip--group-start {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .custom-collection-filters-chip--group-start {
       margin-left: 0;
    }
}


.contact-section__inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contact-section__inner  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-section__content{
    padding-left: 180px;
    padding-top: 80px;
    padding-bottom: 80px;
    background: var(--BG-background_toning, #F4F2F1);
    padding-right: 64px;
}

.contact-section__content .contact-section__title{
    margin-bottom: 64px;
    margin-top: 0;
}

.contact-section__row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.contact-section__content form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-section__content form input{
    padding: 17px 16px;
    border-radius: var(--7, 48px);
    background: var(--BG-background_paper, #FFF);
}


.contact-section__content form input, 
.contact-section__content form textarea{
    color: var(--Text_light-background-Seconary, #727272);
    font-family: "Inter";
    font-size: var(--Body-1, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    outline: none;
    border: none;
    width: 100%;
    resize: none;
   border-radius: var(--7, 48px);
}

.contact-section__content form textarea{
    border-radius: 8px;
    padding: 20px 16px;
    height: 80px;
}


.contact-section__content form button{
    outline: none;
    outline: none;
    padding: 24px;
background: var(--Primary_brand-Primary_brand_main, #100E0D);

color: var(--Text_Dark-background-Primary, #F2F2F2);
font-variant-numeric: lining-nums proportional-nums;
font-family: Syne;
font-size: var(--button-lager, 24px);
font-style: normal;
font-weight: 400;
line-height: 24px; /* 100% */

}


@media(max-width: 1200px){
    .contact-section__content {
        padding: 64px 32px;
    }
}

@media(max-width: 767px){
    .contact-section__inner {
       display: flex;
       flex-direction: column-reverse;
    }

     .contact-section__content{
        padding: 32px 16px;
     }
     .contact-section__content .contact-section__title{
        margin-bottom: 32px;
     }
     .contact-section__row{
        grid-template-columns: 1fr;
     }
     .contact-section__content form button{
        font-size: 20px;
     }
}

.services-section .h6--regular, .services-section .h2--regular{
    margin 0;
    text-align: center;
}


.services-section{
    padding: 60px 0;
    background: #F4F2F1;
}

.services-section__grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.services-section__grid img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
}

.services-section__grid  .h5--regular{
    margin-top: 24px;
    margin-bottom: 8px;
}

.services-section__grid  p{
    margin: 0;
}

.services-section .h2--regular{
    margin-top: 14px;
    margin-bottom: 80px;
}

@media(max-width: 767px){
    .services-section__grid {
        grid-template-columns: 1fr;
    }
    .services-section .h2--regular{
        margin-bottom: 32px;
        font-size: 32px;
    }
}