/* prod:hok_b2g1_strip */

  #hok-ps-template--28594037817707__hok_b2g1_strip {
    display: block; text-decoration: none;
    background: #000000;
    padding: 10px 14px;
    
  }
  #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__in {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 7px; max-width: 1200px; margin: 0 auto; text-align: center;
  }
  #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__txt {
    font-size: 12px; font-weight: 900 !important;
    letter-spacing: 1px; text-transform: uppercase;
    color: #ffffff; line-height: 1.35; margin: 0;
  }
  #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__pill {
    display: inline-block; font-size: 12px; font-weight: 900 !important;
    letter-spacing: 1px; text-transform: uppercase;
    background: #FFFFFF; color: #000000;
    padding: 3px 9px; border-radius: 4px; line-height: 1.35;
  }
  #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__msg {
    display: none; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px;
    transition: opacity .3s ease; opacity: 1;
  }
  #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__msg.is-on { display: inline-flex; }
  #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__arrow {
    width: 14px; height: 14px;
    fill: #ffffff; flex-shrink: 0;
    transition: transform .18s ease;
  }
  
  #hok-ps-template--28594037817707__hok_b2g1_strip:hover .hok-ps__arrow { transform: translateX(3px); }
  
  @media (max-width: 749px) {
    #hok-ps-template--28594037817707__hok_b2g1_strip { padding: 9px 10px; }
    #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__in { gap: 5px; }
    #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__txt,
    #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__pill { font-size: 11px; }
    #hok-ps-template--28594037817707__hok_b2g1_strip .hok-ps__pill { padding: 2px 7px; }
  }

/* prod:main */

  .shop-product-section {
      letter-spacing: var(--letter-spacing-body);
      background-color: #f9fcfd;
      color: #333333;
      --accent-color: #000000;
  }
  /* Added container class to handle the margin without affecting other sections */
  .shop-product-info {
      gap: 4px;
      color: #333333;
  }
  .shop-thumbnail {
      border: 1px solid #eeeeee;
  }
  .shop-thumbnail.active {
      border-color: #000000;
  }
  .shop-indicator-dot {
      background-color: ;
  }
  .shop-indicator-dot.active {
      background-color: ;
  }
  .shop-nav-arrow {
      background-color: #ffffff;
      border: 1px solid #eeeeee;
  }
  .shop-product-title {
      color: ;
  }
  .shop-product-price {
      color:  !important;
  }
  .shop-compare-price {
      color:  !important;
  }
  .shop-save-price {
      background-color:  !important;
      color:  !important;
  }
  .shop-product-description {
      color: ;
  }
  .shop-read-more, .shop-read-less {
      color: #000000;
  }
  .shop-custom-content {
      color: ;
  }
  
  /* Style for the add to cart button */
  .shop-add-to-cart-button {
      background-color: 
                           
                          !important;
      color: 
               
              !important;
  }
  
  /* Add to cart button from blocks */
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
      .shop-product-section .shop-add-to-cart-button,
      .shop-add-to-cart-wrapper .shop-add-to-cart-button,
      form .shop-add-to-cart-button {
        background-color: 
                             
                               #121212 /* Theme - Accent Color */
                             
                            !important;
        color: 
                 
                   #F6F3EF
                 
                !important;
      }
      .shop-product-section .shop-add-to-cart-button:hover,
      .shop-add-to-cart-wrapper .shop-add-to-cart-button:hover,
      form .shop-add-to-cart-button:hover {
        background-color: 
                             
                               #050505
                             
                            !important;
      }
    
  
    
  
    
  
    
  
    
  
    
  
    
  
  @media (min-width: 768px) {
      .shop-carousel-container {
          max-width: %;
      }
  }

  

  /* Tablet and mobile specific styles */
  @media (max-width: 799px) {
      .shop-product-info {
          gap: 6px;
      }
  }
  @media (max-width: 767px) {
      .shop-product-info {
          gap: 6px;
      }
  }

  /* Added CSS for block-level styling */
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
    
  
.shop-product-section .nbb-sub-desc {
  color: #333333;
}

/* prod:main */

  .td-product__badge {
 position: absolute;
    top: 15px;
    left: 20px;
    color: #86817c;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 3px;
    background-color:transparent;
    z-index: 1;
}

.td-badge__unisex {
  color: #86817c;
}

.td-badge__men {
  color: #86817c;
}

.td-badge__women {
 color: #86817c;
}

.product-gallery-wrapper {
  position: relative;
}


/* prod:main */

/* Site-wide buy-button layout (Jai 2026-09-13): icon – ADD TO CART on one centered line */
.shop-add-to-cart-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px;line-height:1 !important}
.shop-add-to-cart-button .button-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;margin:0}
.shop-add-to-cart-button .button-icon svg{display:block;width:20px;height:20px}
.shop-add-to-cart-button .button-sep{display:inline-block;font-weight:800;line-height:1;opacity:.95}
.shop-add-to-cart-button .button-text{display:inline-flex;align-items:center;font-weight:800 !important;line-height:1 !important;letter-spacing:.02em}
.shop-add-to-cart-button .button-text .compare-price,.shop-add-to-cart-button .hok-atc-member,.shop-add-to-cart-button .hok-atc-strike{display:none !important}
/* Same look as the Bundle & Save button (Jai 2026-09-13): gold pill, white bold uppercase */
button.shop-add-to-cart-button,.shop-product-info .shop-add-to-cart-button{
  background-color:#B17743 !important;color:#ffffff !important;border:0 !important;border-radius:40px !important;
  min-height:52px;padding:16px 24px !important;font-size:16px !important;font-weight:800 !important;
  text-transform:uppercase !important;letter-spacing:1px !important;box-shadow:0 6px 16px rgba(177,119,67,.35) !important;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
button.shop-add-to-cart-button:hover,.shop-product-info .shop-add-to-cart-button:hover{background-color:#9c6737 !important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(177,119,67,.45) !important}
button.shop-add-to-cart-button:disabled,button.shop-add-to-cart-button.sold-out{background-color:#d4d4d4 !important;color:#8c8c8c !important;transform:none;box-shadow:none !important}

/* prod:main */

/* Using very specific selectors to avoid style conflicts */
.unique-rating-component-wrapper {
  font-family: var(--font-body-family-override) !important;
  letter-spacing: -0.3px !important;
  box-sizing: border-box !important;
}
.unique-rating-stars-container {
  display: inline-flex !important;
  align-items: center !important;
  background: linear-gradient(to right, #ffffff, #ffffff) !important;
  padding: 2px 0px !important;
  border-radius: 4px !important;
  border: 1px solid #ffffff !important;
}
.unique-rating-component-wrapper .unique-star,
.unique-rating-component-wrapper .unique-star-half span:first-child {
  color: #ffe24d !important;
  font-style: normal !important;
  text-decoration: none !important;
}
.unique-rating-component-wrapper .unique-star-half span:last-child {
  color: #d3d3d3 !important;
  font-style: normal !important;
  text-decoration: none !important;
}
.unique-rating-component-wrapper .unique-rating-text {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  color: #555555 !important;
}
@media (max-width: 768px) {
  .unique-rating-stars-container {
    padding: 2px 0px !important;
  }
  
  .unique-rating-component-wrapper .unique-star,
  .unique-rating-component-wrapper .unique-star-half {
    font-size: 18.5px !important;
  }
  
  .unique-rating-component-wrapper .unique-rating-text {
    font-size: 12px !important;
  }
}

/* prod:main */

  

/* prod:main */

        .custom-text-block-custom_text_wy7Knq {
          margin-top: -12px;
          margin-bottom: -12px;
          text-align: left;
          width: 100%;
          
        }
        
        .custom-text-block-custom_text_wy7Knq .custom-text-wrapper {
          width: 100%;
        }

        .custom-text-block-custom_text_wy7Knq .custom-text-with-divider {
          display: flex;
          align-items: center;
          width: 100%;
          gap: 12px;
        }

        .custom-text-block-custom_text_wy7Knq .divider-line {
          flex: 1;
          height: 1px;
          min-height: 1px;
          min-width: 20px;
          background-color: #e0e0e0;
          border: none;
          margin: 0;
          display: block;
          
        }

        .custom-text-block-custom_text_wy7Knq .custom-text-main {
          display: flex;
          align-items: flex-end;
          gap: 8px;
          font-size: 12px;
          font-weight: var(--font-weight-regular)
          ;
          
            width: 100%;
            
              justify-content: flex-start;
            
          
          flex-shrink: 0;
        }
        
        .custom-text-block-custom_text_wy7Knq .custom-text-icon {
          flex-shrink: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #333333;
          width: 20px;
          height: 20px;
        }
        
        .custom-text-block-custom_text_wy7Knq .custom-text-icon svg {
          width: 100%;
          height: 100%;
          fill: currentColor;
          stroke: currentColor;
        }
        
        .custom-text-block-custom_text_wy7Knq .custom-text-content {
          color: #333333;
          margin: 0;
          width: 100%;
        }

        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content {
          
            text-align: left;
            width: 100%;
          
          font-weight: var(--font-weight-regular)
          ;
        }

        /* Ensure paragraph tags inherit the text alignment and font weight */
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content p {
          text-align: inherit;
          font-weight: inherit;
        }
        
        /* Ensure strong tags within the custom text also respect the font weight setting */
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content strong,
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content b {
          font-weight: var(--font-weight-semibold)
          ;
        }
        
        
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content p {
          margin-top: 0;
          margin-bottom: px;
        }
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content p:last-child {
          margin-bottom: 0;
        }
        
        
        .custom-text-block-custom_text_wy7Knq .custom-text-description {
          font-size: 10px;
          margin-top: 4px;
          color: #121212;
          opacity: 0.8;
          font-weight: var(--font-weight-regular)
          ;
          text-align: left;
        }
        
        /* Ensure strong tags within the description also work properly */
        .custom-text-block-custom_text_wy7Knq .custom-text-description strong,
        .custom-text-block-custom_text_wy7Knq .custom-text-description b {
          font-weight: var(--font-weight-semibold)
          ;
        }
        
        
        .custom-text-block-custom_text_wy7Knq .custom-text-description p {
          margin-top: 0;
          margin-bottom: px;
        }
        .custom-text-block-custom_text_wy7Knq .custom-text-description p:last-child {
          margin-bottom: 0;
        }
        

        /* Special handling for center alignment with divider */
        
      
/* prod:main */

        /* Ensure strong and bold tags always display as bold */
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content strong,
        .custom-text-block-custom_text_wy7Knq .custom-text-main-text-content b,
        .custom-text-block-custom_text_wy7Knq .custom-text-description strong,
        .custom-text-block-custom_text_wy7Knq .custom-text-description b {
          font-weight: var(--font-weight-bold) !important;
        }
        
        /* Override font weight inheritance for non-bold elements only */
        .custom-text-block-custom_text_wy7Knq *:not(strong):not(b) {
          font-weight: inherit;
        }
        
        /* Ensure all text elements respect the custom font weight (except strong/b tags) */
        .custom-text-block-custom_text_wy7Knq span:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq div:not(.custom-text-icon):not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq p:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq h1:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq h2:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq h3:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq h4:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq h5:not(strong):not(b),
        .custom-text-block-custom_text_wy7Knq h6:not(strong):not(b) {
          font-weight: var(--font-weight-regular)
          ;
        }
      
/* prod:main */

  .benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px !important;
    max-width: 450px;
    margin-top: -5px;
    margin-bottom: 5px;
    padding: 0px;
    padding-top: 15px;
    padding-right: 10px;
  }
  
  .benefit-item {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  
  .benefit-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .benefit-icon svg {
    width: 24px;
    height: 24px;
  }
  
  .benefit-text {
    font-family: var(--font-body-family-override);
      font-weight: var(--font-weight-semibold) !important;
    letter-spacing: var(--letter-spacing-body);
    line-height: 1.3;
  }
  
  @media (max-width: 768px) {
    .benefits-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px !important;
    }
  }

/* prod:main */

                #block-price .shop-product-price-block {
                  font-size: 28px !important;
                  font-weight: 600 !important;
                  color: #202329 !important;
                }

                #block-price .shop-product-price-block.on-sale {
                  color: #202329 !important;
                }

                #block-price .shop-compare-price {
                  color: #c2c2c2 !important;
                  font-size: 21px !important;
                }

                #block-price .shop-save-price {
                  background-color: #fdeeee !important;
                  color: #ff0029 !important;
                  font-size: 12px !important;
                  padding: 5px 6px !important;
                  
                }

                @media (max-width: 767px) {
                  #block-price .shop-product-price-block {
                    font-size: 24px !important;
                  }

                  #block-price .shop-compare-price {
                    font-size: 19px !important;
                  }
                }
      
/* prod:main */

  .hok-tip{ position:relative; display:inline-flex; vertical-align:middle; margin-left:6px; }
  .hok-tip__btn{ width:16px; height:16px; border-radius:50%; border:1.2px solid rgba(13,14,15,.4); background:none; color:rgba(13,14,15,.65); font-size:10.5px; font-weight:700; line-height:1; display:grid; place-items:center; cursor:pointer; padding:0; }
  .hok-tip__btn:hover{ border-color:#0d0e0f; color:#0d0e0f; }
  .hok-tip__pop{ display:none; position:absolute; bottom:calc(100% + 8px); left:0; z-index:60; width:min(270px, 78vw); background:#fff; border:1px solid rgba(13,14,15,.1); border-radius:12px; box-shadow:0 14px 40px rgba(0,0,0,.16); padding:14px 16px; font-size:12.5px; line-height:1.55; color:#2c2d2e; font-weight:400; text-transform:none; letter-spacing:normal; text-align:left; }
  .hok-tip__pop strong{ display:block; margin-bottom:6px; color:#0d0e0f; font-size:13px; }
  .hok-tip__pop p{ margin:0 0 8px; } .hok-tip__pop p:last-child{ margin:0; }
  .hok-tip.is-open .hok-tip__pop{ display:block; }
  .hok-strength-head{ display:flex; align-items:center; gap:7px; margin:0 0 3px; }
      .hok-size-head{ margin:0 0 8px; }
  .hok-strength-micro{ margin:0 0 10px; font-size:12px; color:rgba(13,14,15,.6); font-family:'Inter',system-ui,sans-serif; }
  .hok-sv-strength .simple-variant-picker__values{ overflow:visible; padding-top:10px; gap:10px; flex-wrap:wrap; }
  .hok-sv-strength .simple-variant-picker__value{ display:flex; flex-direction:column; align-items:center; gap:3px; position:relative; overflow:visible; border-width:1.5px; border-color:#b6b0a5; padding-top:10px; padding-bottom:10px; min-width:158px; line-height:1.25; }
  .hok-sv-strength .simple-variant-picker__value:hover{ border-color:#0d0e0f; background:rgba(13,14,15,.035); }
  .hok-sv-strength .simple-variant-picker__value:active{ transform:scale(.97); }
  .hok-sv-strength .simple-variant-picker__radio:checked + .simple-variant-picker__value:hover{ background:var(--selected-bg-color); }
  .hok-sv__name{ display:inline-flex; align-items:center; gap:6px; font-weight:600; }
  .hok-sv__plus{ font-size:11.5px; font-weight:700; color:#b17742; }
  .hok-sv-strength .simple-variant-picker__radio:checked + .simple-variant-picker__value .hok-sv__plus{ color:inherit; opacity:.85; }
  .hok-sv-strength .simple-variant-picker__radio:checked + .simple-variant-picker__value .hok-sv__sub{ color:#ffffff; opacity:1; }
  .hok-sv__sub{ font-size:11px; opacity:.6; white-space:nowrap; }
  .hok-sv__badge{ position:absolute; top:-10px; right:-6px; background:#b17742; color:#fff; font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:100px; white-space:nowrap; }
  @media (max-width:380px){
    .hok-sv-strength .simple-variant-picker__value{ min-width:140px; }
    .hok-sv__sub{ font-size:10px; }
  }
  .hok-strength-label{ font-size:13.5px; font-weight:700; letter-spacing:.02em; color:#0d0e0f; font-family:'Inter',system-ui,sans-serif; }
  .hok-strength-head .hok-tip{ margin-left:0; }
  .hok-strength-head .hok-tip__pop{ left:0; transform:none; }

/* prod:main */

      .simple-variant-picker {
        margin-bottom: 0px;
        margin-left: var(--container-margin-left);
        margin-right: var(--container-margin-right);
      }
      
      .simple-variant-picker__label {
        display: var(--show-labels);
        font-size: var(--label-size);
        font-weight: var(--font-weight-bold);
        color: var(--label-color);
        margin-bottom: 10px;
        width: 100%;
        letter-spacing: var(--letter-spacing-body);
      }
      
      .simple-variant-picker__option {
        margin-bottom: 15px;
        width: 100%;
        clear: both;
        display: block;
      }
      
      /* Adjust spacing when labels are hidden */
      .simple-variant-picker[style*="--show-labels: none"] .simple-variant-picker__option {
        margin-bottom: 10px;
      }
      
      .simple-variant-picker__values {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }
      
      /* Size options should have a smaller gap */
      .option--size .simple-variant-picker__values {
        gap: 8px;
      }
      
      /* Color options can have slightly larger gap */
      .option--color .simple-variant-picker__values {
        gap: 15px;
      }
      
      .simple-variant-picker__value-container {
        position: relative;
      }
      
      .simple-variant-picker__radio {
        position: absolute;
        opacity: 0;
        height: 0;
        width: 0;
        cursor: pointer;
      }
      
      .simple-variant-picker__value {
        display: inline-block;
        padding: var(--option-padding-vertical) var(--option-padding-horizontal);
        background-color: var(--option-bg-color);
        border: 1px solid var(--option-border-color);
        border-radius: var(--option-border-radius);
        color: var(--option-text-color);
        font-size: var(--option-font-size);
        cursor: pointer;
        transition: all 0.2s ease;
        text-align: center;
        min-width: 44px;
      }
      
      .simple-variant-picker__radio:checked + .simple-variant-picker__value {
        background-color: var(--selected-bg-color);
        color: var(--selected-text-color);
        border-color: var(--selected-border-color);
      }
      
      /* Size option styling */
      .value--size .simple-variant-picker__value.size-value {
        min-width: 32px;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-weight: var(--font-weight-regular);
        text-transform: uppercase;
        font-size: 13px;
        margin: 0;
      }
      
      /* Improve size variant layout */
      .value--size {
        margin-right: 0;
      }
      
      /* Color swatch styling */
      .simple-variant-picker__color-swatch {
        display: block;
        width: var(--swatch-size);
        height: var(--swatch-size);
        border-radius: 50%;
        transition: all 0.2s ease;
        cursor: pointer;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
      }
      
      /* Add an outer circle that's 5px larger */
      .simple-variant-picker__color-swatch::before {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
        border-radius: 50%;
        border: 1px solid var(--outline-color);
        pointer-events: none;
      }
      
      [data-white-swatch] {
      }
      
      .simple-variant-picker__radio:checked + .simple-variant-picker__color-swatch {
        transform: scale(1.0);
      }
      
      .simple-variant-picker__radio:checked + .simple-variant-picker__color-swatch::before {
        border-color: var(--selected-border-color);
      }

      /* Ensure variant images always take priority over default swatches */
      .simple-variant-picker__color-swatch[style*="background-image"] {
        background-color: transparent !important;
      }

      /* Force variant images to override any external swatch system */
      .simple-variant-picker__color-swatch[style*="url"] {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
      }
      
      /* Maximum priority override for variant images */
      .simple-variant-picker .simple-variant-picker__color-swatch[data-image-url] {
        background-image: attr(data-image-url url) !important;
        background-color: transparent !important;
      }

      /* Prevent any external CSS from overriding our variant images */
      .simple-variant-picker__color-swatch[style*="background-image"] {
        background-color: unset !important;
        background: none !important;
      }

      /* THEME OVERRIDE: Prevent global swatch CSS from interfering */
      .simple-variant-picker .simple-variant-picker__color-swatch.swatch,
      .simple-variant-picker .simple-variant-picker__color-swatch {
        background: none !important;
        background-color: transparent !important;
      }

      /* Force our background images to take priority over theme swatch system */
      .simple-variant-picker .simple-variant-picker__color-swatch[style*="background-image"] {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-origin: padding-box !important;
      }

      /* Override any CSS custom properties that might interfere */
      .simple-variant-picker .simple-variant-picker__color-swatch {
        --swatch--background: none !important;
      }

      /* Specific override for variant images */
      .simple-variant-picker__color-swatch[style*="url"] {
        background: var(--variant-image-url) !important;
        --swatch--background: none !important;
      }
      
      .simple-variant-picker__swatch-label {
        display: none;
      }
      
      .option--color .simple-variant-picker__values {
        align-items: flex-start;
      }
      
      .value--color {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      
      .simple-variant-picker__value.unavailable,
      .simple-variant-picker__color-swatch.unavailable {
        opacity: 0.5;
        cursor: not-allowed;
      }
      
      .simple-variant-picker__value.unavailable {
        text-decoration: line-through;
      }
      
      .simple-variant-picker__color-swatch.unavailable {
        position: relative;
      }
      
      .simple-variant-picker__color-swatch.unavailable::before {
        border-color: rgba(0, 0, 0, 0.2);
      }
      
      .simple-variant-picker__color-swatch.unavailable::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -2px;
        right: -2px;
        height: 2px;
        background-color: rgba(0, 0, 0, 0.5);
        transform: rotate(-45deg);
      }
      
      .simple-variant-picker__value.non-existent,
      .simple-variant-picker__color-swatch.non-existent {
        display: none;
      }
      
      .simple-variant-picker__selected {
        margin-top: 15px;
        font-size: 14px;
      }
      
      .simple-variant-picker__selected-variant {
        font-weight: var(--font-weight-regular);
        display: inline;
      }
      
      .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      /* ADDITIONAL THEME OVERRIDES - Maximum specificity */
      .simple-variant-picker .simple-variant-picker__color-swatch.has-variant-image {
        background-color: transparent !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-origin: padding-box !important;
      }

      /* Override any potential CSS custom property interference */
      .simple-variant-picker {
        --swatch--background: none !important;
        --swatch-input--background: none !important;
      }

      /* Ensure our swatches don't inherit theme swatch properties */
      .simple-variant-picker .simple-variant-picker__color-swatch {
        background-origin: padding-box !important;
        forced-color-adjust: none !important;
      }

      /* Final override for stubborn theme CSS */
      [class*="simple-variant-picker"] .simple-variant-picker__color-swatch[data-image-url] {
        background-image: var(--variant-image-url) !important;
      }
    
/* prod:main */

  .modern-quantity-selector {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    width: fit-content;
    padding: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
    margin-bottom: 12px;
  }

  body[data-apply-button-radius-to-all="true"] .modern-quantity-selector {
    border-radius: var(--buttons-radius-outset, 50px);
  }

  .modern-quantity-selector .qty-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border: none;
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    cursor: pointer;
    transition: all 0.2s ease;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0;
    line-height: 1;
  }
  
  /* Let the theme's button radius styling apply to our buttons */
  body[data-apply-button-radius-to-all="true"] .modern-quantity-selector .qty-button {
    border-radius: var(--buttons-radius, 50%);
  }

  .modern-quantity-selector .qty-button:hover {
    background-color: #f2f2f2;
  }

  .modern-quantity-selector .qty-button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .modern-quantity-selector .quantity-input {
    width: 40px;
    height: 30px;
    border: none;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    color: #000000;
    -moz-appearance: textfield;
    padding: 0;
  }

  .modern-quantity-selector .quantity-input::-webkit-outer-spin-button,
  .modern-quantity-selector .quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .modern-quantity-selector .quantity-input:focus {
    outline: none;
  }

/* prod:main */

.aov {
  margin-top: 8px;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  font-size: 17px;
  display: block; /* ensures it spans full width */
}

.kit-threshold {
  text-decoration-line: underline;
}

.aov:hover {
  cursor: pointer;
}

/* prod:main */

        /* Ensure form takes full width */
        #product-form-template--28594037817707__main,
        .form {
          width: 100% !important;
          display: block;
        }
        .shop-add-to-cart-button .path {
          stroke: #FFFFFF;
        }
      
/* prod:main */

  .guarantee-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: -5px;
    margin-bottom: 10px;
    font-size: 11px;
    letter-spacing: var(--letter-spacing-body);
  color: #000000 !important;
    width: 100%;
    flex-direction: row;
  }
  
  .guarantee-item {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
  }
  
  .guarantee-icon {
    width: 20px;
    height: 20px;
    stroke: #00C7FF;
    margin-bottom: 1px;
  }
  
  .guarantee-text {
    font-weight: 500;
    letter-spacing: var(--letter-spacing-body);
  }
  
  @media (max-width: 480px) {
    .guarantee-container {
      flex-direction: row;
      
      justify-content: center;
      margin-top: -5px;
    }
  }

/* prod:main */
.payment-icon svg.pi-std{width:35px;height:22px;display:block}
/* prod:main */

  .payment-icons {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  .payment-icons__wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 0 auto;
  }
  
  .payment-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .payment-icon svg {
    height: 22px;
    width: auto;
  }
  
  .payment-icon--custom {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .payment-icon--custom svg {
    max-height: 100%;
    max-width: 40px;
    width: auto;
    height: auto;
  }
  
  .payment-override-image {
    max-width: 100%;
    height: auto;
  }
  
  @media screen and (max-width: 749px) {
    .payment-icons__wrapper {
      gap: 4px;
    }
    
    .payment-icon svg {
      height: 18px;
    }
    
    .payment-icon--custom {
      height: auto !important;
    }
    
    .payment-icon--custom svg {
      max-height: 18px;
      max-width: 35px;
    }
    
    .payment-override-image {
      max-width: 160px;
      height: auto;
    }
  }

/* prod:main */

.product-faq {
  width: 100%;
  margin: 10px auto 10px;
  font-size: 95%;
}

.faq-container {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 0;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  font-weight: var(--font-weight-regular);
  position: relative;
  color: #000000;
  background-color: transparent;
  font-size: 15px;
  line-height: 1.3;
}

.faq-question-image {
  margin-right: 12px;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-question-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faq-question-text {
  flex: 1;
}

.faq-toggle {
  font-size: 18px;
  font-weight: var(--font-weight-regular);
  transition: transform 0.3s ease;
  margin-left: 10px;
  flex-shrink: 0;
}

.faq-answer {
  padding: 0 16px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  color: #666666;
  background-color: transparent;
  font-size: 14px;
  line-height: 1.4;
}

.faq-item.active .faq-toggle {
  transform: rotate(45deg);
}

.faq-item.active .faq-answer {
  max-height: 150px;
  padding: 0 16px 12px;
  overflow-y: auto;
}

/* Custom scrollbar styling for FAQ answers */
.faq-answer::-webkit-scrollbar {
  width: 6px;
}
.faq-answer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.faq-answer::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.faq-answer::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* Media queries for responsive design */
@media screen and (max-width: 768px) {
  .product-faq {
    font-size: 90%;
    width: 100%;
  }
  
  .faq-question {
    padding: 10px 14px;
    font-size: 14px;
  }
  
  .faq-question-image {
    width: 26.25px;
    height: 26.25px;
    margin-right: 10px;
  }
  
  .faq-toggle {
    font-size: 16px;
  }
  
  .faq-answer {
    padding: 0 14px;
    font-size: 14px;
  }
  
  .faq-item.active .faq-answer {
    max-height: 120px;
    padding: 0 14px 10px;
  }

  /* Smaller scrollbar on mobile */
  .faq-answer::-webkit-scrollbar {
    width: 4px;
  }
}

@media screen and (max-width: 480px) {
  .product-faq {
    font-size: 85%;
    width: 100%;
    margin: 8.0px auto 8.0px;
  }
  
  .faq-question {
    padding: 8px 12px;
    font-size: 14px;
  }
  
  .faq-question-image {
    width: 22.5px;
    height: 22.5px;
    margin-right: 8px;
  }
  
  .faq-toggle {
    font-size: 14px;
  }
  
  .faq-answer {
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.3;
  }
  
  .faq-item.active .faq-answer {
    max-height: 100px;
    padding: 0 12px 8px;
  }

  /* Even smaller scrollbar on small mobile */
  .faq-answer::-webkit-scrollbar {
    width: 3px;
  }
}

/* Card style (14 Oct 2026, faq_style = pills): matches the body-butter lander accordion — each question its own
   soft-cornered card, bold question, plain thin plus that rotates to a cross. */
.product-faq--pills .faq-container { border: 0; border-radius: 0; background: transparent; overflow: visible; display: grid; gap: 10px; }
.product-faq--pills .faq-item { border: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-radius: 10px; background: #ffffff; overflow: hidden; }
.product-faq--pills .faq-item:last-child { border-bottom: 1px solid #e3e3e3; }
.product-faq--pills .faq-question { padding: 17px 20px; font-size: 15.5px; font-weight: 600; color: #121212; line-height: 1.3; gap: 14px; }
.product-faq--pills .faq-toggle { width: 18px; height: 18px; margin-left: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; font-weight: 300; color: #121212; transition: transform .2s; }
.product-faq--pills .faq-item.active .faq-toggle { transform: rotate(45deg); }
.product-faq--pills .faq-answer { padding: 0 20px; font-size: 14.5px; line-height: 1.65; color: #454545; }
.product-faq--pills .faq-item.active .faq-answer { padding: 0 20px 18px; max-height: 320px; }
@media screen and (max-width: 768px) {
  .product-faq--pills .faq-container { gap: 10px; }
  .product-faq--pills .faq-question { padding: 15px 16px; font-size: 14px; }
  .product-faq--pills .faq-answer { padding: 0 16px; font-size: 14px; }
  .product-faq--pills .faq-item.active .faq-answer { padding: 0 16px 16px; max-height: 320px; }
}
@media screen and (max-width: 480px) {
  .product-faq--pills .faq-question { padding: 14px 16px; font-size: 14px; }
  .product-faq--pills .faq-answer { padding: 0 16px; }
  .product-faq--pills .faq-item.active .faq-answer { padding: 0 16px 14px; }
}

/* prod:main */

.custom-money-back-guarantee {
  background: linear-gradient(135deg, 
    #f4edd9 0%, 
    #f3ede6 100%);
  border-radius: 6px;
  padding: 3px 10px 3px 10px;
  margin: -10px 0 0px 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
  max-height: none;
  position: relative;
  border: 1px dotted #000000;
  overflow: hidden;
  letter-spacing: var(--letter-spacing-heading);
  width: 100%;
}


.custom-money-back-guarantee::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: 1;
  animation: custom-shine-animation 6s ease-in-out infinite;
  transform: skewX(-20deg);
  pointer-events: none;
}

@keyframes custom-shine-animation {
  0% {
    left: -100%;
  }
  30%, 100% {
    left: 150%;
  }
}


.custom-money-back-guarantee::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 5px;
}

.custom-guarantee-content {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 1;
}

.custom-badge-container {
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 3px;
}

.custom-badge-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.custom-badge-svg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-badge-svg svg {
  width: 100%;
  height: 100%;
}

.custom-guarantee-text {
  flex: 1;
  letter-spacing: var(--letter-spacing-body);
}

.custom-guarantee-text h3 {
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  margin: 0 0 2px 0;
  line-height: 1.2;
  color: #000000 !important;
  letter-spacing: var(--letter-spacing-body);
}

.custom-guarantee-text p {
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
  color: #000000 !important;
  letter-spacing: var(--letter-spacing-body);
}

@media screen and (max-width: 450px) {
  .custom-badge-container {
    width: 80px !important;
    height: 80px !important;
    min-width: 32px;
  }
  
  .custom-guarantee-text h3 {
    font-size: 15px;
    letter-spacing: var(--letter-spacing-body);
  }
  
  .custom-guarantee-text p {
    font-size: 13px;
    letter-spacing: var(--letter-spacing-body);
  }
}

/* Desktop full width styling */
@media screen and (min-width: 750px) {
  .custom-money-back-guarantee {
    width: 100%;
    max-width: none;
  }
}

/* prod:main */

  .customer-review-card {
    display: flex;
    padding: clamp(12px, 1%, 24px);
    background: linear-gradient(to bottom, #f4edd9, #f3ede6);
    border: 1px dashed #fdffff;
    border-radius: 8px;
    font-family: var(--font-body-family-override);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    letter-spacing: var(--letter-spacing-heading);
    box-sizing: border-box;
    align-items: flex-start;
    gap: clamp(10px, 3%, 20px);
    width: 100%;
  }
  
  .customer-review-avatar-container {
    position: relative;
    width: clamp(65px, 10%, 91px);
    flex: 0 0 auto;
    align-self: flex-start;
  }
  
  /* This pseudo-element ensures the container remains square */
  .customer-review-avatar-container::before {
    content: "";
    display: block;
    padding-top: 100%; /* Creates a 1:1 aspect ratio */
  }

  .customer-review-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
  }
  
  .customer-review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 50px;
    background-color: #f5f5f5;
  }
  
  .customer-review-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; /* Allows content to shrink below its minimum content size */
  }
  
  .customer-review-header {
    display: flex;
    align-items: center;
    margin-bottom: clamp(4px, 1.5%, 8px);
    flex-wrap: nowrap;
  }
  
  .customer-review-name {
    font-weight: var(--font-weight-bold) !important;
    font-size: clamp(14px, 1.5vw, 16px);
    color: #000000;
    display: flex;
    align-items: center;
    letter-spacing: var(--letter-spacing-body);
    flex-shrink: 0;
    margin-right: 0;
  }
  
  .customer-review-verified {
    margin-left: 5px;
    margin-right: 6px;
    position: relative;
    top: -1px;
    flex-shrink: 0;
    width: clamp(14px, 1.2vw, 16px);
    height: clamp(14px, 1.2vw, 16px);
  }
  
  .customer-review-stars {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
  }
  
  .customer-review-star {
    margin-right: -3px;
    fill: #D8D8D8;
    height: clamp(16px, 1.5vw, 18px);
    width: clamp(16px, 1.5vw, 18px);
    flex-shrink: 0;
  }
  
  .customer-review-star--filled {
    fill: #121212;
  }
  
  .customer-review-text {
    margin: 0;
    font-size: 11px;
    color: #666666;
    letter-spacing: var(--letter-spacing-body);
    line-height: 1.4;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    max-height: none; /* Allow content to expand based on text amount */
  }
  
  /* Add responsive sizing for shorter reviews */
  .customer-review-text:empty {
    display: none;
  }
  
  .customer-review-text:only-child {
    margin-top: 0;
  }
  
  @media (max-width: 480px) {
    .customer-review-card {
      padding: 10px;
      gap: 8px;
    }
    
    .customer-review-avatar-container {
      width: 45px;
      /* The padding-top percentage in the ::before element 
      ensures it remains square at all widths */
    }
    
    .customer-review-header {
      margin-bottom: 3px;
    }
    
    .customer-review-name {
      font-size: 13px;
    }
    
    .customer-review-verified {
      width: 12px;
      height: 12px;
    }
    
    .customer-review-star {
      width: 15px;
      height: 15px;
    }
    
    .customer-review-text {
      font-size: 11px;
      line-height: 1.3;
    }
  }
  
  /* Add specific styles for very small screens */
  @media (max-width: 410px) {
    .customer-review-avatar-container {
      width: 40px; /* Slightly smaller but still maintains square ratio */
    }
  }

/* prod:main */

  .divider-container {
    width: 100%;
    box-sizing: border-box;
    display: block;
    clear: both;
  }
  
  .divider-line {
    padding: 0;
    background: none;
  }

/* prod:product_benefits_WYkTD8 */

  /* Dynamic styles that use Liquid variables */
  .custom-benefits-section-wrapper {
    
      background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%) !important;
    
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px;
  }

  /* Enhanced specificity for global accent text */
  .custom-benefits-section .global-accent-text,
  .custom-benefits-section-wrapper .global-accent-text {
    
      color: #121212 !important;
    
    
    font-style: normal !important;
    
  }

  /* Enhanced specificity for custom accent text */
  .custom-benefits-section .custom-accent-text,
  .custom-benefits-section-wrapper .custom-accent-text {
    
      background: linear-gradient(45deg, #ff3556 0%, #ff6b9d 100%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      background-clip: text !important;
      color: transparent !important;
    
    margin-left: 0px !important;
    
    font-style: normal !important;
    
  }
  
  /* Enhanced specificity for heading */
  .custom-benefits-section .product-benefits-heading,
  .custom-benefits-section-wrapper .product-benefits-heading,
  .custom-benefits-section-wrapper h2.product-benefits-heading {
    font-size: 27px !important;
    color: #000000 !important;
    letter-spacing: var(--letter-spacing-heading) !important;
    line-height: 1.1 !important;
    font-weight: var(--font-weight-bold) !important;
    margin-top: 0px !important;
    margin-bottom: 12px !important;
  }
  
  /* Enhanced specificity for subtitle */
  .custom-benefits-section .custom-subtitle,
  .custom-benefits-section-wrapper .custom-subtitle {
    font-size: 13px !important;
    color: #000000 !important;
  }
  
  /* Enhanced specificity for benefit titles */
  .custom-benefits-section .custom-benefit-title,
  .custom-benefits-section-wrapper .custom-benefit-title,
  .custom-benefits-section-wrapper h3.custom-benefit-title {
    font-size: 14px !important;
    letter-spacing: var(--letter-spacing-body) !important;
    margin-bottom: 0px !important;
    font-weight: var(--font-weight-bold) !important;
  }
  
  /* Force benefit title colors to override inline styles */
  
    
      
        .custom-benefits-section [data-block-id="benefit_364fR3"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_364fR3"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_364fR3"] h3.custom-benefit-title {
          color: #121212 !important;
        }
      
    
      
        .custom-benefits-section [data-block-id="benefit_gzBBjd"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_gzBBjd"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_gzBBjd"] h3.custom-benefit-title {
          color: #121212 !important;
        }
      
    
      
        .custom-benefits-section [data-block-id="benefit_Cym7yN"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_Cym7yN"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_Cym7yN"] h3.custom-benefit-title {
          color: #121212 !important;
        }
      
    
      
        .custom-benefits-section [data-block-id="benefit_dULkL4"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_dULkL4"] .custom-benefit-title,
        .custom-benefits-section-wrapper [data-block-id="benefit_dULkL4"] h3.custom-benefit-title {
          color: #121212 !important;
        }
      
    
  
  
  /* Universal benefit title color overrides */
  
    html body .custom-benefits-section .custom-benefit-title,
    html body .custom-benefits-section-wrapper .custom-benefit-title,
    html body .custom-benefits-section-wrapper h3.custom-benefit-title,
    html body .custom-benefits-section .custom-benefit-item .custom-benefit-title,
    html body .custom-benefits-section-wrapper .custom-benefit-item .custom-benefit-title {
      color: #121212 !important;
    }
    
    /* Individual benefit color overrides */
    
      
    
      
    
      
    
      
    
  
  
  /* Enhanced specificity for benefit descriptions */
  .custom-benefits-section .custom-benefit-description,
  .custom-benefits-section-wrapper .custom-benefit-description {
    font-size: 12px !important;
  }
  
  /* Enhanced specificity for benefits list */
  .custom-benefits-section .custom-benefits-list,
  .custom-benefits-section-wrapper .custom-benefits-list {
    
    background: linear-gradient(to bottom, #f4edd9, #f3ede6) !important;
    
    border-radius: 6px !important;
    padding: 20px !important;
    max-width: 450px !important;
    margin: 0 auto !important;
    border: 1px solid #fafaf8 !important;
  }
  
  @media screen and (min-width: 768px) {
    .custom-benefits-section .product-benefits-heading,
    .custom-benefits-section-wrapper .product-benefits-heading,
    .custom-benefits-section-wrapper h2.product-benefits-heading {
      font-size: 28px !important;
      letter-spacing: var(--letter-spacing-heading) !important;
    }
    
    .custom-benefits-section .custom-subtitle,
    .custom-benefits-section-wrapper .custom-subtitle {
      font-size: 13px !important;
    }
    
    .custom-benefits-section .custom-benefit-title,
    .custom-benefits-section-wrapper .custom-benefit-title,
    .custom-benefits-section-wrapper h3.custom-benefit-title {
      font-size: 14px !important;
    }
    
    .custom-benefits-section .custom-benefit-description,
    .custom-benefits-section-wrapper .custom-benefit-description {
      font-size: 12px !important;
    }
  }

/* prod:product_comparison_TtdfAG */

  /* Dynamic styles that use Liquid variables */
  .section-template--28594037817707__product_comparison_TtdfAG {
    
      background-color: #ffffff;
    
    /* Theme color for background is handled by the div's inline style */
  }

  .section-template--28594037817707__product_comparison_TtdfAG .comparison-container {
    max-width: px;
  }

  /* Text Colors - Conditional */
   /* Custom Colors when use_theme_colors is false */

    .section-template--28594037817707__product_comparison_TtdfAG .global-accent-text { /* Title Part 2 with custom color */
      
        color: #000000;
      
      font-weight: bold;
      font-style: normal;
      margin-left: 0px;
      
      
        font-style: normal !important;
      
      
      padding-right: 4px !important;
      display: inline-block !important;
    }

    /* Enhanced specificity for custom accent text */
    .section-template--28594037817707__product_comparison_TtdfAG .custom-accent-text {
      
        color:  !important;
      
      
      
      
      padding-right: 4px !important;
      display: inline-block !important;
    }

    /* .section-template--28594037817707__product_comparison_TtdfAG .comparison-subheading {
      color: #000000;
    } */

    /* Unhighlighted Product Column Text */
    /* .section-template--28594037817707__product_comparison_TtdfAG .product-header:not(.highlighted) .comparison-product-title {
      color: #000000;
    }
    .section-template--28594037817707__product_comparison_TtdfAG .product-header:not(.highlighted) .product-subtitle {
      color: #000000;
    } */

    /* Highlighted Product Column Text */
    /* .section-template--28594037817707__product_comparison_TtdfAG .product-header.highlighted .comparison-product-title {
      color: #121212 !important;
    }
    .section-template--28594037817707__product_comparison_TtdfAG .product-header.highlighted .product-subtitle {
      color: #121212 !important;
    } */
    
    /* Feature Row - Feature Name (general, not column specific) */
    /* .section-template--28594037817707__product_comparison_TtdfAG .feature-name {
      color: #000000; /* Or a more general feature_name_color if added */
    } */

    /* Feature Row Icons (general, not column specific) */
    .section-template--28594037817707__product_comparison_TtdfAG .feature-icon {
      color: #202329;
    }

    /* Feature Row Values - Unhighlighted Column */
    .section-template--28594037817707__product_comparison_TtdfAG .value-cell:not(.highlighted) .check-yes {
      color: #202329;
    }
    .section-template--28594037817707__product_comparison_TtdfAG .value-cell:not(.highlighted) .check-no {
      color: #f00028;
    }

    /* Feature Row Values - Highlighted Column */
    .section-template--28594037817707__product_comparison_TtdfAG .value-cell.highlighted .check-yes {
      color: #121212 !important;
    }
    .section-template--28594037817707__product_comparison_TtdfAG .value-cell.highlighted .check-no {
      color: #f00028 !important;
    }

  

  /* General Sizing - Not color dependent */
  .section-template--28594037817707__product_comparison_TtdfAG .comparison-heading {
    font-size: 32px;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .comparison-subheading {
    font-size: 16px;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .comparison-product-title {
    font-size: 21px;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .product-subtitle {
    font-size: 12px;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .feature-name {
    font-size: 16px;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .text-value {
    font-size: 14px;
    letter-spacing: var(--letter-spacing-body);
  }

  /* Borders and Highlight Background - Mostly independent of text color logic but uses theme colors for BG */
  .section-template--28594037817707__product_comparison_TtdfAG .table-header th,
  .section-template--28594037817707__product_comparison_TtdfAG .feature-row td {
    border-bottom: 1px solid #eeeeee;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .product-header.highlighted:before,
  .section-template--28594037817707__product_comparison_TtdfAG .value-cell.highlighted:before {
    
      border: 1px solid #121212;
    
    
      
        
          
            background: linear-gradient(45deg, #f4edd9 0%, #f3ede6 100%);
          
        
      
        
      
        
      
        
      
        
      
        
      
    
  }

  /* Border radius for highlighted column */
  .section-template--28594037817707__product_comparison_TtdfAG .product-header.highlighted:before {
    border-radius: 8px 8px 0 0;
  }

  .section-template--28594037817707__product_comparison_TtdfAG tr:last-child .value-cell.highlighted:before {
    border-radius: 0 0 8px 8px;
  }

  .section-template--28594037817707__product_comparison_TtdfAG .product-header.highlighted:after { /* Assuming :after is used for overlay or similar, ensure radius matches */
    border-radius: 8px 8px 0 0;
  }

  .section-template--28594037817707__product_comparison_TtdfAG tr:last-child .value-cell.highlighted:after {
    border-radius: 0 0 8px 8px;
  }

  /* Column-specific styles - These may have their own color logic */
  
    
      .section-template--28594037817707__product_comparison_TtdfAG .column-1-img {
        max-height: 200px;
      }
      
      .section-template--28594037817707__product_comparison_TtdfAG .column-1 .subtitle-icon {
        
        
          color: #121212 !important;
        
      }
      
      .section-template--28594037817707__product_comparison_TtdfAG .column-1 .product-subtitle {
        
      }
    
  
    
      .section-template--28594037817707__product_comparison_TtdfAG .column-2-img {
        max-height: 130px;
      }
      
      .section-template--28594037817707__product_comparison_TtdfAG .column-2 .subtitle-icon {
        
        
          color: #000000 !important;
        
      }
      
      .section-template--28594037817707__product_comparison_TtdfAG .column-2 .product-subtitle {
        
          background: rgba(255, 255, 255, 0.2);
          border: 1px solid rgba(255, 255, 255, 0.3);
        
      }
    
  
    
  
    
  
    
  
    
  

  /* Mobile text sizes - These use !important, so they will override previous font-size rules */
  @media (max-width: 767px) {
    .section-template--28594037817707__product_comparison_TtdfAG .comparison-product-title {
      font-size: 16px !important;
    }
    
    .section-template--28594037817707__product_comparison_TtdfAG .product-subtitle {
      font-size: 10px !important;
    }
    
    .section-template--28594037817707__product_comparison_TtdfAG .feature-name {
      font-size: 12px !important;
    }
    
    .section-template--28594037817707__product_comparison_TtdfAG .text-value {
      font-size: 11px !important;
    }
    
    /* Column-specific mobile image sizes */
    
      
        .section-template--28594037817707__product_comparison_TtdfAG .column-1-img {
          max-height: 80px;
        }
      
    
      
        .section-template--28594037817707__product_comparison_TtdfAG .column-2-img {
          max-height: 60px;
        }
      
    
      
    
      
    
      
    
      
    
  }

  /* Tablet-specific styles */
  @media (max-width: 991px) {
    /* Column-specific tablet image sizes */
    
      
        .section-template--28594037817707__product_comparison_TtdfAG .column-1-img {
          max-height: 80px;
        }
      
    
      
        .section-template--28594037817707__product_comparison_TtdfAG .column-2-img {
          max-height: 80px;
        }
      
    
      
    
      
    
      
    
      
    
  }

  /* Enhanced specificity for global accent text */
  .custom-comparison-section .global-accent-text,
  .custom-comparison-section-wrapper .global-accent-text {
    
      color: #121212 !important;
    
    
    
    
    padding-right: 4px !important;
    display: inline-block !important;
  }

/* prod:results_hcKXfL */
.section-template--28594037817707__results_hcKXfL-padding {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  @media screen and (min-width: 750px) {
    .section-template--28594037817707__results_hcKXfL-padding {
      padding-top: 24px;
      padding-bottom: 24px;
    }
  }

  .color-scheme-template--28594037817707__results_hcKXfL.color-custom {
    --color-background: 255, 255, 255;
    --gradient-background: #ffffff;
    
    --color-foreground: 46, 42, 57;
    --accent-color: 221, 29, 29;
    --color-button: 221, 29, 29;
    --color-button-text: 255, 255, 255;
    --color-base-outline-button-labels: 221, 29, 29;
  }
  

/* prod:collection_grid_Lx6edy */

  /* Dynamic styles for section */
  .section-template--28594037817707__collection_grid_Lx6edy {
    padding: 35px 0 0px;
    background-color: #ffffff;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
  }
  
  /* Override global star styles with section-specific styling */
  .section-template--28594037817707__collection_grid_Lx6edy .star {
    width: 16px;
    height: 16px;
    margin: 0;
    display: inline-block;
    align-content: center;
    margin-right: -3px !important;
    line-height: 1;
    position: relative;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .star svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .star-filled {
    color: #ffc107;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .star-empty {
    color: #e0e0e0;
    opacity: 0.5;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .star-half {
    position: relative;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .star-half .star-bg {
    position: absolute;
    top: 0;
    left: 0;
    color: #e0e0e0;
    opacity: 0.5;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .star-half .star-fill {
    position: relative;
    z-index: 1;
    color: #ffc107;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .section-heading {
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px;
    color: #000000 !important;
  }
  
  /* Product card dynamic styles */
  .section-template--28594037817707__collection_grid_Lx6edy .product-card {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  /* Product image container */
  .section-template--28594037817707__collection_grid_Lx6edy .product-image-container {
    background: #f8f8f8;
    position: relative;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .product-image {
    object-fit: contain;
  }
  
  /* Sale badge */
  .section-template--28594037817707__collection_grid_Lx6edy .sale-badge {
    background: #ffeae6;
    color: #ff3c16;
    border-radius: 4px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .badge-gradient {
    background: linear-gradient(135deg, #ffeae6, #666666);
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .sale-badge-icon svg {
    fill: #ff3c16;
  }
  
  /* Product navigation dots */
  .section-template--28594037817707__collection_grid_Lx6edy .dot {
    width: 8px;
    height: 8px;
    background: #cccccc;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .dot.active {
    background: #000000;
  }
  
  /* Product info section dynamic styles */
  .section-template--28594037817707__collection_grid_Lx6edy .product-title {
    font-size: 20px;
    color: #000000 !important;
    margin-top: 0px;
    font-weight: var(--font-weight-bold) !important;
    margin-bottom: 3px;
    line-height: 1.3;
    min-height: unset;
    height: auto;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .collection-product-info {
    display: flex;
    flex-direction: column;
    padding: 10px 12px 15px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .product-description {
    font-size: 13px;
    color: #666666;
    margin: 8px 0;
    line-height: 1.4;
    overflow: hidden;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .collection-product-price {
    font-size: 16px;
    margin-top: auto;
    padding-top: 4px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .collection-regular-price {
    color: #999999;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .collection-current-price {
    color: #000000;
  }
  
  /* Product rating dynamic styles */
  .section-template--28594037817707__collection_grid_Lx6edy .product-rating {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .stars {
    color: #ffc107;
    font-size: 13px;
  }
  
  /* Product description styles */
  .section-template--28594037817707__collection_grid_Lx6edy .product-description {
    font-size: 13px;
    color: #666666;
    margin: 8px 0;
    line-height: 1.4;
    overflow: hidden;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .rating-number {
    color: #777777;
    font-size: 14px;
    font-weight: normal;
  }
  
  /* View All button */
  .section-template--28594037817707__collection_grid_Lx6edy .view-all-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .view-all-button:hover {
    background-color: transparent !important;
    color: #000000 !important;
    border-color: #000000 !important;
  }
  
  /* Product metadata dynamic styles */
  .section-template--28594037817707__collection_grid_Lx6edy .product-metadata {
    font-size: 12px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-item {
    display: flex;
    align-items: center;
    margin: 4px 0;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-icon {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    color: #666666;
    flex-shrink: 0;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-icon svg {
    width: 100%;
    height: 100%;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-label {
    color: #666666;
    font-weight: bold;
    margin-right: 4px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-value {
    color: #333333;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-rating-value {
    color: #333333;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .metadata-stars {
    color: #ffc107;
    font-size: 12px;
  }
  
  /* View Product button styles */
  .section-template--28594037817707__collection_grid_Lx6edy .collection-view-product {
    margin-top: 12px;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .collection-view-product-btn {
    width: 100%;
    padding: 10px 16px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .collection-view-product-btn:hover {
    background-color: transparent;
    color: #000000;
    transform: translateY(-1px);
  }
  
  /* Product card link styles */
  .section-template--28594037817707__collection_grid_Lx6edy .product-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
    width: 100%;
  }
  
  .section-template--28594037817707__collection_grid_Lx6edy .product-card-link:hover {
    color: inherit;
  }
  
  /* Responsive dynamic styles */
  @media (max-width: 767px) {
    .section-template--28594037817707__collection_grid_Lx6edy .product-grid {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 15px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .product-metadata {
      font-size: 11px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .product-description {
      font-size: 12px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .stars {
      font-size: 12px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .rating-number {
      font-size: 12px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .star {
      width: 14px;
      height: 14px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .product-title {
      font-size: 19px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .collection-product-price {
      font-size: 16px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .metadata-stars {
      font-size: 11px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .dot {
      width: 6px;
      height: 6px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .collection-view-product-btn {
      padding: 8px 12px;
      font-size: 12px;
      letter-spacing: 0.3px;
    }
  }
  
  @media (max-width: 484px) {
    .section-template--28594037817707__collection_grid_Lx6edy .product-grid {
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 10px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .product-metadata {
      font-size: 10px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .product-description {
      font-size: 11px;
      margin: 6px 0;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .metadata-stars {
      font-size: 10px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .stars {
      font-size: 10px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .rating-number {
      font-size: 10px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .star {
      width: 12px;
      height: 12px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .product-title {
      font-size: 17px !important;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .collection-product-price {
      font-size: 16px;
    }
    
    .section-template--28594037817707__collection_grid_Lx6edy .collection-view-product-btn {
      padding: 8px 10px;
      font-size: 11px;
      letter-spacing: 0.2px;
    }
  }

/* prod:store_faq_WcgqEj */

  .store-faq-section {
    padding: 20px 0;
    overflow-x: hidden; /* Prevent horizontal overflow at section level */
  }
  
  .store-faq-container {
    width: 100%;
    max-width: 1200px; /* Set max-width here instead of inline */
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  
  .faq-flex-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
  }
  
  .faq-header-column {
    margin-bottom: 30px;
    width: 100%;
    max-width: 100%;
  }
  
  .faq-content-column {
    width: 100%;
    max-width: 100%;
  }
  
  .store-faq-heading {
    margin-bottom: 15px;
    letter-spacing: var(--letter-spacing-heading);
    font-size: 36px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .store-faq-subtitle {
    line-height: 1.5;
    max-width: 90%;
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-body);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .store-faq {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .store-faq .faq-container {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .store-faq .faq-item {
    width: 100%;
    box-sizing: border-box;
  }
  
  .store-faq .faq-item:last-child {
    border-bottom: none !important;
  }
  
  .store-faq .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .store-faq .faq-question span {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word; /* Allow breaking at any character if needed */
    max-width: calc(100% - 30px); /* Leave room for toggle */
  }
  
  .store-faq .faq-toggle {
    font-size: 20px;
    font-weight: 300;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    display: block;
    width: 20px;
    text-align: center;
  }
  
  .store-faq .faq-answer {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word; /* For extremely long strings */
  }
  
  .store-faq .faq-item.active .faq-toggle {
    transform: rotate(45deg);
  }
  
  .store-faq .faq-item.active .faq-answer {
    max-height: 300px; /* Reduced for better mobile experience */
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px 16px;
    box-sizing: border-box;
  }
  
  /* Target all possible children of faq-answer */
  .store-faq .faq-answer > * {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word; /* Handle extremely long strings */
    box-sizing: border-box;
  }
  
  .store-faq .faq-answer p {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word; /* For extremely long strings */
    margin-top: 0;
    margin-bottom: 1em;
  }
  
  .store-faq .faq-answer p:last-child {
    margin-bottom: 0;
  }
  
  /* Apply mobile styles when the faq-mobile-view class is present */
  .faq-mobile-view .store-faq .faq-question {
    font-size: 14px !important;
  }
  
  .faq-mobile-view .store-faq .faq-answer {
    font-size: 13px !important;
  }
  
  @media screen and (min-width: 750px) {
    .faq-flex-container {
      flex-direction: row;
      align-items: flex-start;
      gap: 40px;
    }
    
    .faq-header-column {
      flex: 0 0 48%;
      margin-bottom: 0;
      padding-top: 20px;
      max-width: 48%;
    }
    
    .faq-content-column {
      flex: 0 0 48%;
      display: flex;
      justify-content: center;
      max-width: 48%;
    }
    
    .store-faq {
      width: 100%;
    }
    
    .store-faq .faq-question {
      padding: 13px 17px;
    }
    
    .store-faq .faq-toggle {
      font-size: 17px;
    }
    
    .store-faq .faq-answer {
      padding: 0 17px;
    }
    
    .store-faq .faq-item.active .faq-answer {
      padding: 0 17px 14px;
      max-height: 400px; /* Slightly larger on desktop */
    }
  }
  
  @media screen and (max-width: 749px) {
    .store-faq-section {
      padding: 13.333333333333334px 0;
    }
    
    .faq-header-column {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }
    
    .store-faq-heading {
      font-size: 30px !important;
      line-height: 1.2;
      letter-spacing: var(--letter-spacing-heading);
    }
    
    .store-faq-subtitle {
      font-size: 14px !important;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .store-faq .faq-question {
      padding: 10px 12px;
      font-size: 14px !important;
    }
    
    .store-faq .faq-question.mobile-font {
      font-size: 14px !important;
    }
    
    .store-faq .faq-toggle {
      font-size: 18px;
    }
    
    .store-faq .faq-answer {
      font-size: 13px !important;
    }
    
    .store-faq .faq-answer.mobile-font {
      font-size: 13px !important;
    }
    
    .store-faq .faq-item.active .faq-answer {
      padding: 0 12px 10px;
    }
  }

/* prod:custom_liquid_code_EkdkGp */
.section-template--28594037817707__custom_liquid_code_EkdkGp-padding {
    padding-top: calc(28px * 0.75);
    padding-bottom: calc(12px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--28594037817707__custom_liquid_code_EkdkGp-padding {
      padding-top: 28px;
      padding-bottom: 12px;
    }
  }
/* prod:custom_liquid_code_EkdkGp */

.hok-trust-benefits {
  --ht-background: #ffffff;
  --ht-ink: #111111;
  width: 100%;
  padding: 52px 24px;
  background: var(--ht-background);
  color: var(--ht-ink);
  font-family: var(--font-body-family, Arial, sans-serif);
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}

.hok-trust-benefits,
.hok-trust-benefits * {
  box-sizing: border-box;
}

.hok-trust-benefits .ht__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  align-items: start;
  gap: 44px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.hok-trust-benefits .ht__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

.hok-trust-benefits .ht__icon {
  display: block;
  flex: 0 0 auto;
  width: 69px;
  height: 69px;
  margin: 0 0 16px;
  color: var(--ht-ink);
}

.hok-trust-benefits .ht__title {
  margin: 0 0 12px;
  padding: 0;
  color: var(--ht-ink);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
}

.hok-trust-benefits .ht__copy {
  max-width: 320px;
  margin: 0;
  padding: 0;
  color: var(--ht-ink);
  font-family: inherit;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
}

.hok-buybox-cta {
  width: 100%;
  max-width: 560px;
  margin: 32px auto 0;
  text-align: center;
}

.hok-buybox-cta .hok-buybox-cta__button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 70px;
  margin: 0;
  padding: 20px 14px;
  border: 0;
  border-radius: 999px;
  background: #111111;
  color: #f7f7f7;
  font-family: var(--font-body-family, Arial, sans-serif);
  font-size: clamp(12px, 3.65vw, 18px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .03em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  appearance: none;
}

.hok-buybox-cta .hok-buybox-cta__button::before,
.hok-buybox-cta .hok-buybox-cta__button::after {
  content: none;
}

.hok-buybox-cta .hok-buybox-cta__button:hover {
  background: #292929;
}

.hok-buybox-cta .hok-buybox-cta__button:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 4px;
}

.hok-buybox-cta .hok-buybox-cta__message {
  margin: 12px 0 0;
  font: inherit;
  font-size: 14px;
}

.hok-buybox-cta .hok-buybox-cta__message[hidden] {
  display: none;
}

@media (max-width: 749px) {
  .hok-trust-benefits {
    padding: 44px 24px;
  }

  .hok-trust-benefits .ht__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 44px;
  }

  .hok-trust-benefits .ht__icon {
    width: 63px;
    height: 63px;
    margin-bottom: 14px;
  }

  .hok-trust-benefits .ht__title {
    font-size: 15px;
  }
}

/* prod:facebook_testimonials_iHE6t8 */
.section-template--28594037817707__facebook_testimonials_iHE6t8-padding {
    padding-top: 21px;
    padding-bottom: 3px;
  }

  @media screen and (min-width: 750px) {
    .section-template--28594037817707__facebook_testimonials_iHE6t8-padding {
      padding-top: 28px;
      padding-bottom: 4px;
    }
  }

  .color-scheme-template--28594037817707__facebook_testimonials_iHE6t8.color-custom {
    --color-background: 255, 255, 255;
    --gradient-background: #ffffff;
    
    --color-foreground: 46, 42, 57;
  }
  

  .facebook-testimonials-template--28594037817707__facebook_testimonials_iHE6t8 .fb-post {
    --color-background: 255, 255, 255;
    --color-foreground: 16, 16, 16;
    --comment-bg-color: #ffffff;
    --separator-color: #ffffff;
    --border-color: #ffffff;
    --border-thickness: 1px;
    --border-opacity: 1;
  }