/** Shopify CDN: Minification failed

Line 118:16 Expected identifier but found whitespace
Line 118:17 Unexpected "400"

**/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

.latest_product_page_new .product__media-list {
    border-radius: 10px !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
    height: 485px;
}



.latest_product_page_new .product__media-wrapper .slider-mobile-gutter .slider-button {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 8px;
    width: 31px;
    height: 31px;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.08);
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.latest_product_page_new .product__media-wrapper .slider-mobile-gutter .slider-button.slider-button--next {
    right: -10px;
    left: auto;
}

.latest_product_page_new .product__media-wrapper .slider-mobile-gutter .slider-button.slider-button--prev {
    left: -10px;
    right: auto;
}

.latest_product_page_new .product-media-container.constrain-height.media-fit-contain {
    width: 100% !important;
}

@media screen and (min-width: 990px) {

    .latest_product_page_new .product--medium:not(.product--no-media) .product__info-wrapper,
    .latest_product_page_new .product--small:not(.product--no-media) .product__media-wrapper {
        max-width: 55% !important;
        width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2) !important;

    }

    .latest_product_page_new .product--small:not(.product--no-media) .product__info-wrapper {
        max-width: 45% !important;
        width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2) !important;
    }

    .latest_product_page_new .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
        width: calc(20% - .8rem);
        height: 97px;
        border-radius: 8px;
        background: #FFF;
        overflow: hidden;
        box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.08);
    }

    .latest_product_page_new .product-media-container.constrain-height .media {
        height: 485px;
        padding: 0;
    }
}

.rating-wrapper_latest {                                                                                                                 
      display: flex;                                                                                                                       
      align-items: center;                                                                                                                 
      width: 100%;
      gap: 8px;
      margin-top: 3px !important;                                                                                                          
      margin-bottom: 23px !important;
      font-family: 'Lato', sans-serif;                                                                                                     
  }                                                         
                                                                                                                                           
  .gs-stars-svg {                                           
      width: 108px;
      height: 21px;                                                                                                                        
      flex-shrink: 0;
  }                                                                                                                                        
                                                            
  .gs-rating-count {
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      color: #888;                                                                                                                         
      font-size: 15px;
  }                                                                                                                                        
                                                            
  .gs-rating-divider {                                                                                                                     
      font-family: 'Lato', sans-serif;
      font-size: 15px;                                                                                                                     
      color: #ccc;                                          
      font-weight: 300;
  }                                                                                                                                        
   
  .gs-rating-score {                                                                                                                       
      font-family: 'Lato', sans-serif;                      
      font-weight: 400;
      color: #1a1a1a;
      font-size: 15px;
  }                                                                                                                                        
   
  @media screen and (max-width: 768px) {                                                                                                   
      .rating-wrapper_latest {                              
          margin-top: 20px !important;
          margin-bottom: 10px !important;
      }                                                                                                                                    
  }
    font-weight: 400;
    color: #888;
    font-size: 13px;
}

.latest_product_page_new .product__title {
    margin-bottom: 26px;
    margin-top: 0px;
}

.latest_product_page_new .product__title h1 {                                                                                            
      color: #000;                                                                                                                         
      font-family: 'Cormorant Garamond', Georgia, serif;                                                                                   
      font-size: 34px;                                                                                                                     
      font-style: normal;                                   
      font-weight: 400;                                                                                                                    
      line-height: 55px;                                    
      /* 161.765% */
      text-transform: none;
  }

.latest_product_page_new .product__title+.product__text.caption-with-letter-spacing {
    color: #5C5C5C;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0 !important;
}

.latest_product_page_new .price .price-item {
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0px !important;
}

.latest_price {
    margin-top: 7px !important;
    margin-bottom: 13px !important;
}

.latest_product_page_new .price--on-sale .price-item--regular {
    color: #969696;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: normal;
    text-decoration-line: line-through;
    margin: 0px;
    margin-left: 10px !important;
    position: relative;
    top: -3px;
}


.availability-contact-section {
    padding-bottom: 19px;
    margin-top: 13px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.Availability {
    color: #5C5C5C;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 10px;
    display: inline-block;
}

.availability {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 19px;
}

.green-dot {
    width: 9px;
    height: 9px;
}

.availability-text {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.contact-heading {
    color: #5C5C5C;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.contact-details {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.contact-details a {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none;
    cursor: pointer;
}

.chat-now-link {
    color: #000;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration-line: underline !important;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.layout-selector {
    padding: 0px 0;
    margin: 22px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.layout-title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.title-contianer {
    display: flex;
    gap: 12px;
    align-items: center;
}

.more-info {
    color: #000;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 343.75% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
    display: flex;
    gap: 8px;
    align-items: center;
}

.layout-title .cout_ {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1.5px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    text-transform: uppercase;
}

.layout-group {
    margin-bottom: 28px;
}

.layout-group h4 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 19px;
}

.layout-options {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.layout-option {
    border-radius: 5px;
    border: 1.2px solid #DFDFDF;
    cursor: pointer;
    width: 90px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s;
}

.layout-option.active {
    border: 1.5px solid #C7A382;
}

.layout-option img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.custom-options-section {
    padding-bottom: 21px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.custom-options-section .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}


.custom-options-section .option-block h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
}

.custom-options-section .option-block h4 .step {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1.5px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    text-transform: uppercase;
}

.color-swatches {
    display: flex;

    flex-wrap: wrap;
    gap: 14px;
}

.custom-options-section .color-swatch-label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1.2px solid #DFDFDF;
    background: #FFF;
    width: 90px;
    height: 70px;
    cursor: pointer;
}

.custom-options-section .color-swatch {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12) inset, 0 0 2px 0 rgba(0, 0, 0, 0.13) inset;
}

input:checked+.color-swatch-label {
    border-color: #C7A382;
}

.custom-options-section .btn-options {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 21px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    padding-bottom: 21px;
}

.custom-options-section .option-btn-label {
    display: inline-block;
}
.custom-options-section .btn-option span {
    display:block;
  font-weight:normal;
  font-size:90%;
}
.custom-options-section .btn-option {
    padding: 9px 26px;
    min-width: 129px;
    border-radius: 5px;
    border: 1.5px solid #DFDFDF;
    background: white;
    cursor: pointer;
    display: inline-block;
    color: #000;
    text-align: left;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.option-btn-label input:checked+.btn-option {
    border-color: #C7A382;
}

.optionsize_opop_box {
    display: flex;
    align-items: center;
    color: #000;
    text-align: right;
    gap: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
    cursor: pointer;
}

.font-system,
.shopify-installments-cta {
    color: #000 !important;
}

.font-system,
.affirm-as-low-as,
.shopify-installments-cta,
#shopify-installments-content {
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.affirm-as-low-as {
    color: #939393 !important;
}

.latest_product_page_new .product__text {
    color: #939393;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.gp-cart-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
    margin: 36px 0;
}

.add_to_new_cart {
    display: flex;
    flex: 1 1 0;
    width: auto;
    justify-content: center;
    gap: 6px;
    align-items: center;
    min-height: 59px;
    border-radius: 5px;
    background: #C7A382;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 !important;
}

.gp-buy-now-btn {
    flex: 0 0 auto;
    width: 36%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    border-radius: 5px;
    background: #1a1a1a;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.gp-buy-now-btn:hover { opacity: 0.85; }
.gp-buy-now-btn:disabled { opacity: 0.5; cursor: not-allowed; }


.shipping-icons-wrapper {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 34px !important;
}

.shipping-icons-top {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 34px;
    gap: 16px;
    padding: 0 25px;
    flex-wrap: wrap;
}

.shipping-icon-block {
    flex: 1 1 auto;
}

.shipping-icon-block img {
    max-width: 100%;
    height: 37px;
    margin: 0 auto;
    display: block;
}

.shipping-icon-text {
    margin-top: 14px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 187.5% */
    text-transform: capitalize;
}

.shipping-icon-text span {
    display: block;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 187.5% */
    text-transform: capitalize;
}

.shipping-pickup-box {
    display: none;
    border-radius: 15px;
    padding: 30px 20px;
    background: #F5F5F5;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.shipping-link {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    padding-left: 11px;
    border-left: 1px solid #000;
    margin-left: 11px;
}

.accordion .icon-accordion {
    width: 29px !important;
    height: 29px !important;
}

.accordion__title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
}

.accordion {
    border-top: none !important;
}
.image_size.hide {
    display:none;
}
.image_size {
    max-width: 546.363px;
    width: 100%;
    padding-left: 54px;
    margin-top: 96px;
    padding-right: 20px;
}


.swatch-order-section {
    text-align: left;
    padding: 2rem 0rem;
    margin: 0px !important;
    margin-top: 16px !important;
    padding-top: 0px;
}

.swatch-order-heading {
    color: #4C4C4C;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 21px !important;
}

.swatch-order-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 3px;
    background: rgba(199, 163, 130, 0.28);
    padding: 12px 17px;
    padding-bottom: 15px;
    text-decoration: none;
    color: #4F4F4F;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    transition: background 0.3s;
}

.swatch-order-button:hover {
    background-color: #e5d6ca;
}

.swatch-icon {
    width: 29px;
    height: auto;
}

@media screen and (max-width: 768px) {
    .latest_product_page_new .product__media-wrapper .slider-mobile-gutter .slider-button {
        width: 50px;
        height: 50px;
        z-index: 2;
        top: -14% !important;
    }

    .latest_product_page_new .product__media-wrapper .slider-mobile-gutter .slider-button.slider-button--next {
        right: 5px;
    }

    .latest_product_page_new .product__media-wrapper .slider-mobile-gutter .slider-button.slider-button--prev {
        left: 5px;
        transform: rotate(180deg);
    }

    .latest_product_page_new .product__media-list {
        border-radius: 0px !important;
        overflow: hidden !important;
        margin-bottom: 1rem !important;
        height: auto;
    }

    .latest_product_page_new .product-media-container.constrain-height.media-fit-contain {
        height: 100%;
    }

    .image_size {
        max-width: 100%;
        width: 100%;
        padding-left: 20px;
        margin-top: 0px;
        padding-right: 20px;
    }

    .latest_product_page_new .product__title h1 {                                                                                            
      font-family: 'Cormorant Garamond', Georgia, serif;                                                                                   
      font-size: 23px;                                                                                                                     
      font-style: normal;                                                                                                                  
      font-weight: 400;                                     
      line-height: 38px;                                                                                                                   
  }

    .latest_product_page_new .price .price-item {
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
    }

    .layout-title .cout_ {
        width: 20px;
        height: 20px;
        border: 1px solid #000;
        font-size: 12px;
        font-style: normal;
        line-height: 18px;
    }

    .layout-title {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 28px;
    }

    .more-info {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        gap: 8px;
    }

    .layout-group h4 {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 19px;
    }

    .layout-option {
        width: 65px;
        height: 50px;
    }

    .optionsize_opop_box {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
    }

    .custom-options-section .option-block h4 .step {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 28px;
    }

    .custom-options-section .option-block h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 23px;
    }

    .custom-options-section .btn-option {
        padding: 7px 20px;
        min-width: 100px;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .custom-options-section .color-swatch-label {
        border-radius: 4px;
        width: 70px;
        height: 55px;
    }

    .custom-options-section .color-swatch {
        width: 30px;
        height: 30px;
    }

    .gp-cart-row {
        flex-direction: column;
        gap: 8px;
        margin: 22px 0;
    }

    .add_to_new_cart {
        flex: none;
        width: 100%;
        gap: 6px;
        min-height: 40px;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600;
        margin: 0 !important;
    }

    .gp-buy-now-btn {
        flex: none;
        width: 100%;
        min-height: 40px;
        font-size: 15px;
    }

    .shipping-icon-block img {
        max-width: 100%;
        height: 24px;
    }

    .shipping-icon-text {
        margin-top: 10px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

    .shipping-icon-text span {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
    }

    .shipping-icon-block {
        flex: 1 1 auto;
    }

    .shipping-icons-top {
        margin-bottom: 34px;
        gap: 10px;
        padding: 0 0px;
        flex-wrap: wrap;
    }

    .shipping-pickup-box {
        border-radius: 10px;
        padding: 20px 10px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .shipping-link {
        font-size: 12px;
        padding-left: 9px;
        margin-left: 9px;
    }

    .accordion .icon-accordion {
        width: 22px !important;
        height: 22px !important;

    }

    .accordion__title {
        font-size: 14px;
        line-height: 28px;
    }

    .swatch-order-heading {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 18px !important;
    }
}


.customer-video-slider .swiper {}

.customer-video-slider .swiper-slide {
    border-radius: 10px;
    background: rgba(199, 163, 130, 0.28);
    overflow: hidden;
    text-align: center;
    padding-bottom: 17px;
}

.customer-video-slider video {
    width: 100%;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    aspect-ratio: 700.564/320;
    object-fit: cover;
}

.customer-video-slider h3 {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin: 5px 0 5px;
}

.customer-video-slider p {
    margin: 0;
    color: #735743;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 188.889% */
}

.customer-video-slider .verified {
    color: #735743;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 10px;
    padding: 6px 9px;
    border-radius: 20px;
    display: flex;
    gap: 6px;
    align-items: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #735743;
}

.swiper-button-prev,
.swiper-button-next {
    color: #000;
}

.video_box {
    position: relative;
}

.button_play {
    position: absolute;
    inset: 0;
    width: max-content;
    height: max-content;
    margin: auto;
    z-index: 1;
    cursor: pointer;
}

.star_svg_box {
    margin: 13px auto;
    margin-bottom: 9px;
    display: flex;
    justify-content: center;
}

.customer-video-slider h2 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 39px;
}

.customer-video-slider .swiper-button-next:after,
.customer-video-slider .swiper-button-prev:after {
    display: none !important;
}

.customer-video-slider .swiper-button-next,
.customer-video-slider .swiper-button-prev {
    width: 53px !important;
    height: 53px !important;
    top: 13% !important;
    bottom: 0 !important;
    margin: auto !important;
    z-index: 2 !important;
}

.customer-video-slider .swiper-button-next svg,
.customer-video-slider .swiper-button-prev svg {
    filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.13));
}

.customer-video-slider .swiper-button-prev {
    left: 20px !important;
    right: auto;
}

.customer-video-slider .swiper-button-next {
    right: 20px !important;
    left: auto;
}

@media screen and (max-width: 768px) {
    .customer-video-slider h2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0;
        margin-bottom: 24px;
    }

    .customer-video-slider .swiper-button-prev {
        left: 0px !important;
    }

    .customer-video-slider .swiper-button-next {
        right: 0px !important;
    }

    .customer-video-slider .swiper-button-next,
    .customer-video-slider .swiper-button-prev {
        width: 35px !important;
        height: 35px !important;
        /* display: none !important; */
    }

    .customer-video-slider .swiper {
        overflow: visible !important;
    }

    .customer-video-slider {
        overflow: hidden;
    }

    .customer-video-slider h3 {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin: 5px 0;
    }

    .customer-video-slider p {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
    }
}




.feature-section {
    text-align: center;
    padding-bottom: 111px;
    padding-top: 84px;
}

.feature-heading {
    color: #000;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 86px;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 89px 20px;
    justify-items: center;
}

.feature-item {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.feature-item img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px;
}

.feature-item p {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


@media screen and (max-width: 768px) {
    .feature-section {
        margin: 29px 0 !important;
        padding-bottom: 40px !important;
        padding-top: 40px !important;
    }

    .feature-heading {
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        margin-bottom: 48px;
    }

    .feature-item img {
        height: 32px;
        width: auto !important;
    }

    .feature-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 30px 15px;
        justify-items: center;
    }

    .feature-item img {
        margin-bottom: 14px;
    }

    .feature-item p {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
}

.double-video-section {
    padding-top: 51px;
    padding-bottom: 51px;
}

.double-video-section .video-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7.35px;
}

.video-block {
    position: relative;
    overflow: hidden;
}

.bg-video {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.video-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2.5vw;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .double-video-section .video-wrapper {
        grid-template-columns: 1fr;
    }
}



.image-with-text__heading {
    color: #000;
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.image-with-text__text p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}

.image-with-text__content>*+* {
    margin-top: 11px !important;
}

.height-slider-section {
    margin-top: 51px;
    margin-bottom: 26px;
}

.height-slider-wrapper {
    width: 100%;
    max-width: 602px;
    text-align: center;
}

.height-labels {
    display: flex;
    justify-content: space-between;
    color: #604633;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.381px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.height-labels .active {
    font-weight: 700;
}

.custom-range-bar {
    height: 7px;
    border-radius: 14px;
    background: #ECECEC;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.custom-range-fill {
    height: 100%;
    display: block !important;
    background-color: #604633;
    transition: width 0.3s ease-in-out;
}

.image-with-text__text ul li {
    position: relative;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}

.image-with-text__text ul {
    padding-left: 45px;
    display: flex;
    gap: 18px;
    flex-direction: column;
}

.image-with-text__text ul li::after {
    content: '';
    position: absolute;
    left: -45px;
    top: 0;
    width: 31px;
    height: 31px;
    bottom: 0;
    right: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cpath d='M12.2782 19.4176C12.1151 19.5817 11.8535 19.6193 11.6446 19.5114L2.1578 14.5889C2.01504 14.5147 1.87697 14.4834 1.74879 14.4834C1.49401 14.4834 1.27831 14.6065 1.13659 14.7579C0.92297 14.986 0.782815 15.3909 1.09074 15.7817L11.9515 29.5581C12.236 29.9185 12.6726 30.1115 13.1394 30.0861C13.612 30.0607 14.0215 29.8228 14.2617 29.4325L29.9571 3.96395C30.2447 3.49749 30.0118 3.0999 29.7257 2.90111C29.4402 2.70329 29.002 2.62466 28.6295 2.99831L12.2782 19.4176Z' fill='%23C7A382'/%3E%3C/svg%3E");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.image-with-text__text p {
    margin-bottom: 26px !important;
}

@media screen and (min-width: 768px) {
    .latest_image_with_text .left_box {
        width: calc(31% - var(--grid-desktop-horizontal-spacing) / 2);
        border-radius: 15px !important;
        overflow: hidden !important;
    }

    .latest_image_with_text .right_box {
        width: calc(33% - var(--grid-desktop-horizontal-spacing) / 2);
    }

    .latest_image_with_text .image-with-text__content {
        padding: 6rem 1rem 7rem 6rem;
    }
}


@media screen and (max-width: 768px) {
    .height-labels {
        font-size: 12px;
        line-height: 30.381px;
        margin-bottom: 5px;
    }

    .custom-range-bar {
        height: 5px;
    }

    .double-video-section {
        padding-top: 29px;
        padding-bottom: 29px;
    }

    .height-slider-section {
        margin-top: 29px;
        margin-bottom: 20px;
    }

    .latest_image_with_text .image-with-text__content {
        padding: 2rem calc(0rem / var(--font-body-scale)) 2rem !important;
    }

    .image-with-text__heading {
        font-size: 20px;
    }

    .image-with-text__text p {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }

    .image-with-text__text p {
        margin-bottom: 11px !important;
    }

    .latest_image_with_text {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .image-with-text__text ul li {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }

    .image-with-text__text ul {
        padding-left: 24px;
        gap: 0px;
    }

    .image-with-text__text ul li:after {
        position: absolute;
        left: -22px;
        top: 10px;
        width: 14px;
        height: 15px;
        bottom: 0;
        right: auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cpath d='M12.2782 19.4176C12.1151 19.5817 11.8535 19.6193 11.6446 19.5114L2.1578 14.5889C2.01504 14.5147 1.87697 14.4834 1.74879 14.4834C1.49401 14.4834 1.27831 14.6065 1.13659 14.7579C0.92297 14.986 0.782815 15.3909 1.09074 15.7817L11.9515 29.5581C12.236 29.9185 12.6726 30.1115 13.1394 30.0861C13.612 30.0607 14.0215 29.8228 14.2617 29.4325L29.9571 3.96395C30.2447 3.49749 30.0118 3.0999 29.7257 2.90111C29.4402 2.70329 29.002 2.62466 28.6295 2.99831L12.2782 19.4176Z' fill='%23C7A382'/%3E%3C/svg%3E");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
}





.comparison-section {
    background: #FFF;
    padding-top: 3.53125em;
    padding-bottom: 3.53125em;
    font-size: 16px;
}

@media screen and (max-width: 1440px) {
    .comparison-section {
        font-size: 1.1vw;
    }
}

.comparison-section .title {
    color: #000;
    text-align: center;
    font-size: 2.375em;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 2.18421053em;
}

.comparison-grid {
    display: flex;
    align-items: center;
}

.comparison-rows {
    flex: unset;
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 16em;
}

.comparison-row {
    padding: 0 0.88888889em;
    color: #000;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 700;
    line-height: 2em;
    width: 14.27777778em;
    height: 3.22222222em;
    display: flex !important;
    align-items: center;
}

.comparison-color {
    background: #F6F0EB;
}

.highlighted .comparison-color {
    background: transparent !important;
}

.comparison-columns {
    flex: 1;
    display: flex;
    gap: 0px;
}

.brand-column {
    display: flex;
    flex-direction: column;
    gap: 0px;
    background: #FFF;
    width: 15em;
    justify-content: center;
}



.brand-column.highlighted {
    border-radius: 0.9375em;
    color: #FFF;
    width: 18.25em;
    flex: none !important;
    padding: 0 2.5em;
    padding-top: 1.25em;
    padding-bottom: 3.75em;
    background: linear-gradient(180deg, #C7A382 0%, #DAC1AA 20.19%, #D6B89C 56.25%, #DAC1AA 80.29%, #C7A382 100%);
}

.brand-name {
    color: #4C4C4C;
    text-align: center;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
    min-height: 1.88888889em;
}


.brand-value {
    text-align: center;
    height: 3.22222222em;
    color: #4C4C4C;
    text-align: center;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-column.highlighted .brand-name {
    color: #FFF;
    text-align: center;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.85em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 1.85em;
    min-height: unset !important;
}

.brand-column.highlighted .brand-value {
    color: #FFF;
    text-align: center;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33333333em;
}

.comparison-row_frst {
    height: 2.05555556em;
}


@media screen and (max-width: 768px) {
    .comparison-section .page-width {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .comparison-grid {
        overflow: auto;
    }

    .comparison-section {
        font-size: 2.243vw;
    }

    .brand-column.highlighted .brand-name {
        color: #fff;
        text-align: center;
        font-size: 1.24em;
        font-style: normal;
        font-weight: 700;
        line-height: 1.85em;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 1.85em;
        min-height: unset !important;
    }
}




.fabric-section {
    display: flex;
    flex-wrap: wrap;
    gap: 77px;
    align-items: center;

}

.fabric-images {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fabric-images img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

.fabric-content {
    flex: 1;
}

.fabric-content h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.fabric-content p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.fabric-content a {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 0px;
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
}

.image_frst {
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: -47%;
    margin: auto;
    max-width: 64% !important;
    height: auto !important;
}

@media screen and (max-width: 990px) {
    .fabric-section {
        flex-direction: column !important;
        gap: 30px;
    }

    .image_frst {
        right: auto;
        left: -35%;
        margin: auto;
        max-width: 57% !important;
    }

    .fabric-content h2 {
        font-size: 20px;
        font-style: normal;
    }

    .fabric-content p {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}



.finance-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}


.finance-text {
    flex: 1 1 30%;
}

.finance-text h2 {
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: 65px;
    margin-bottom: 37px;
    margin-top: 0px;
}

.finance-image {
    flex: 1 1 43%;
}

.finance-logos {
    display: flex;
    gap: 37px;
    align-items: center;
    margin-top: 37px;
    margin-bottom: 55px;
}

.finance-logo {
    height: 43px;
}

.finance-logo.frest {
    height: 37px;
}

.finance-info {
    display: flex;
    gap: 53px;
    margin-bottom: 47px;
    padding: 0rem 0;
    justify-content: space-between;
    text-align: center;
}

.finance-info div {
    flex: 1;

}

.finance-info div strong {
    color: #000;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 150% */
}

.finance-info div p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 155.556% */
}

.finance-buttons {
    display: flex;
    gap: 11px;
}

.finance-btn {
    padding: 15px 20px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    text-decoration: none;
    width: calc(50% - 5px);
    border-radius: 5px;
}

.finance-btn.filled {
    border: none;
}

.finance-btn.outline {
    background: transparent;
}

.divider {
    width: 1px;
    background: #000;
    display: block !important;
}

@media (max-width: 768px) {
    .finance-flex {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .finance-buttons {
        flex-direction: column;
    }

    .finance-text,
    .finance-image {
        flex: none;
        width: 100%;
    }

    .finance-section {
        padding: 29px 0 !important;
    }

    .finance-text h2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: 32px;
        margin-bottom: 2px;
        margin-top: 0;
    }

    .finance-logos {
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 24px;
    }

    .finance-logo.frest {
        height: 24px;
    }

    .finance-logo {
        height: 30px;
    }

    .finance-info {
        gap: 14px;
        margin-bottom: 24px;
        padding: 0rem 0;
    }

    .finance-info div strong {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px;
    }

    .finance-info div p {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
    }

    .finance-btn {
        padding: 15px 20px;
        font-size: 14px;
        width: 100%;
    }
}


.image-slider-section .swiper {
    padding: 20px 10px;
}

.image-slider-section .slide-img {
    aspect-ratio: 1;
    padding: 0 2.5px;

}

.image-slider-section .slide-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}

.custom-prev svg,
.custom-next svg {
    filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.13));
}


.custom-prev,
.custom-next {
    width: 53px !important;
    height: 53px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

.custom-prev {
    left: 24px;
    right: auto;
}

.custom-next {
    right: 24px;
    left: auto;
}

.slick-prev,
.slick-next {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .custom-next {
        right: 0px;
        left: auto;
    }

    .custom-prev {
        left: 0px;
        right: auto;
    }

    .image-slider-section {
        padding: 29px 0 !important;
    }
}

.uk-text-right {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    color: #000;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.ecb-block.uk-height-1-1 {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}


.announcement-bar {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap !important;
}

.announcement-bar__message {
    display: flex;
    width: max-content;
    animation: scroll-left 15s linear infinite;
    white-space: nowrap;
}

.announcement-bar__message span {
    padding-right: 24px;
    flex-shrink: 0;
}

.announcement-bar__message {
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px !important;
    /* 458.333% */
    text-transform: uppercase !important;
}

.announcement-bar__message {
    padding: 8px 0 !important;
    min-height: 34px !important;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}


@media screen and (max-width: 768px) {
    .announcement-bar__message span {
        padding-right: 10px;
        flex-shrink: 0;
    }

    .ecb-block.uk-height-1-1 {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .header {
        padding: 10px 0rem 8px 2rem !important;
    }
    .header__heading-logo {
        max-width: 77% !important;
        margin: auto;
    }
    .latest_product_page_new {
        padding-top: 0px !important;
    }
    .latest_product_page_new .price--on-sale .price-item--regular {
        top: 0;
        font-size: 16px !important;
        margin-left: 5px !important;
    }
}


.more-info-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 98;
}

.more-info-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 500px;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.more-info-content {
    position: relative;
}

.close-more-info {
    position: absolute;
    top: -22px;
    right: -10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.more-info-content .heading {
    margin: 14px 0;
    margin-top: 0px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-transform: capitalize;
}

.size-chart-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 998;
}

.size-chart-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 25px;
    z-index: 999;
    width: 90%;
    max-width: 600px;
    max-height:80%;
    overflow-y:auto;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.size-chart-content {
    position: relative;
}

.size-chart-close {
    position: absolute;
    top: -12px;
    right: -2px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    z-index:5;
}

.size-chart-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: block;
}

.size-chart-text {
    font-size: 14px;
    color: #333;
}
.color-value {
    text-align:center;
    margin-top:5px;
}

.image_size {
  cursor: zoom-in;
  transition: transform 150ms ease;
  /* Optional: prevent layout shift */
  will-change: transform;
}

.image_size.zoomed {
  transform: scale(2);              /* tweak to taste */
  cursor: zoom-out;
  z-index: 2;
}

/* If images are inside a container, consider clipping overflow */
.image-clip {
  overflow: hidden;
  position: relative;
}

.zoom-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.zoom-overlay.open { display: flex; }

.zoom-overlay-img {
  max-width: 100vw;
  scale:1.25;
  max-height: 90vh;
  object-fit: contain;
  cursor: zoom-out;
  user-select: none;
}
[class*="ai-availability-contact__status-dot"] {                                                                                         
      background-color: #22c55e !important;                                                                                                
  }