/** Shopify CDN: Minification failed

Line 1341:32 Unexpected "{"
Line 1341:37 Expected ":"
Line 1341:41 Expected identifier but found ".2s"
Line 1343:31 Expected percentage but found "{"
Line 1343:40 Unexpected "{"
Line 1344:4 Unexpected "0%"
Line 1345:4 Unexpected "100%"

**/

                          .sf-pdp-custom *{ box-sizing:border-box; }
                          .sf-pdp-custom a{ color: inherit; text-decoration: none; }
                          .sf-pdp-custom a:hover{ text-decoration: underline; text-underline-offset: 3px; }

                          .sf-pdp-custom .sf-wrap{ padding-top: var(--sf-pt-m); padding-bottom: var(--sf-pb-m); }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-wrap{ padding-top: var(--sf-pt-d); padding-bottom: var(--sf-pb-d); }
                          }

                          .sf-pdp-custom .sf-inner{
                            width: 100%;
                            margin: 0 auto;
                            padding-left: var(--sf-gutter-m);
                            padding-right: var(--sf-gutter-m);
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-inner{ padding-left: var(--sf-gutter-d); padding-right: var(--sf-gutter-d); }
                          }

                          /* Layout */
.sf-pdp-custom .sf-grid{
  display: grid;
  gap: var(--sf-col-gap-m);
  align-items: start;
}
                          @media (min-width: 750px){
.sf-pdp-custom .sf-grid{
  grid-template-columns: minmax(0, 1fr) clamp(320px, 32vw, var(--sf-info-col-max));
  gap: var(--sf-col-gap-d);
}
                          }
                          /* Tablet: keep gallery wider, info narrower, gap smaller */
                          @media (min-width: 750px) and (max-width: 989px){
                          .sf-pdp-custom .sf-grid{
                            grid-template-columns: minmax(0, 1fr) clamp(260px, 28vw, 340px);
                            gap: 30px;
                          }
                        }


                          /* Gallery: mosaic */
                          .sf-pdp-custom .sf-gallery{ min-width:0; }
                          .sf-pdp-custom .sf-mosaic{ display:none; gap: var(--sf-tile-gap); }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-mosaic{
                              display:grid;
                              grid-template-columns: 1fr 1fr;
                              grid-auto-rows: 10px;
                            }
                          }

                          .sf-pdp-custom .sf-slider,
.sf-pdp-custom .sf-mosaic{
  position: relative;
}

.sf-pdp-custom .sf-gallery-feature-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 25;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 8px);
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #000;
  pointer-events: none;
  font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
  font-weight: 700;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .01em;
  text-transform: uppercase;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
 
}

.sf-pdp-custom .sf-gallery-feature-badge__dot{
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 999px;
  background: #C8102E;
  display: block;
}

.sf-pdp-custom .sf-gallery-feature-badge__text{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
   margin-bottom:2px;
}

.sf-pdp-custom .sf-gallery-feature-badge--mobile{
  display: inline-flex;
}

.sf-pdp-custom .sf-gallery-feature-badge--desktop{
  display: none;
}

@media (min-width: 750px){
  .sf-pdp-custom .sf-gallery-feature-badge--mobile{
    display: none;
  }

  .sf-pdp-custom .sf-gallery-feature-badge--desktop{
    display: inline-flex;
  }
  .sf-pdp-custom .sf-gallery-feature-badge__text{
     margin-bottom:0px;
  }
}

@media (min-width: 750px) and (max-width: 989px){
  .sf-pdp-custom .sf-gallery-feature-badge{
    top: 12px;
    left: 12px;
    padding: 7px 12px;
    gap: 6px;
    font-size: 10px;
    max-width: calc(100% - 24px);
  }

  .sf-pdp-custom .sf-gallery-feature-badge__dot{
    width: 8px;
    height: 8px;
    min-width: 8px;
  }
    .sf-pdp-custom .sf-gallery-feature-badge__text{
     margin-bottom:0px;
  }
}

@media (max-width: 749px){
  .sf-pdp-custom .sf-gallery-feature-badge{
    top: 10px;
    left: 10px;
    padding: 6px 9px;
    gap: 5px;
    font-size: 8px;
    max-width: calc(100% - 20px);
  }

  .sf-pdp-custom .sf-gallery-feature-badge__dot{
    width: 7px;
    height: 7px;
    min-width: 7px;
  }
    .sf-pdp-custom .sf-gallery-feature-badge__text{
     margin-bottom:0px;
  }
}

      .sf-pdp-custom .sf-mosaic-item{
        grid-row-end: span var(--sf-span, 1);
        border-radius: var(--sf-tile-radius);
        overflow:hidden;
        position:relative;
        background:#f6f6f6;
        cursor: default;
      }


                          /* =======================
                       Video pause/play overlay button
                       (fixes the “gap” + matches UI)
                    ======================= */
                    .sf-pdp-custom .sf-slide,
                    .sf-pdp-custom .sf-mosaic-item{
                      position: relative; /* ensure absolute button anchors correctly */
                    }

                    /* The overlay button */
                    .sf-pdp-custom .sf-vtoggle{
                      position: absolute;
                      top: 12px;
                      left: 12px;
                      z-index: 10;

                      width: 44px;
                      height: 44px;
                      border-radius: 999px;

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

                      border: 1px solid rgba(255,255,255,.45);
                      background: rgba(0,0,0,.18);
                      backdrop-filter: blur(10px);

                      color: #fff;
                      padding: 0;
                      margin: 0;
                      cursor: pointer;

                      -webkit-tap-highlight-color: transparent;
                    }

                    /* make sure it never creates layout space */
                    .sf-pdp-custom .sf-vtoggle{ float:none; }

                    /* Icon sizing */
                    .sf-pdp-custom .sf-vtoggle svg{
                      width: 18px;
                      height: 18px;
                      display: block;
                    }

                    /* Nice focus */
                    .sf-pdp-custom .sf-vtoggle:focus-visible{
                      outline: 2px solid rgba(255,255,255,.9);
                      outline-offset: 2px;
                    }

                    /* Optional: slightly larger on desktop */
                    @media (min-width: 750px){
                      .sf-pdp-custom .sf-vtoggle{
                        width: 48px;
                        height: 48px;
                      }
                    }

                    /* Safety: ensure videos fill the tile fully */
                    .sf-pdp-custom .sf-tile-media,
                    .sf-pdp-custom .sf-slide{
                      overflow: hidden;
                    }

                    .sf-pdp-custom .sf-slide video,
                    .sf-pdp-custom .sf-tile-media video{
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                      display: block;
                    }

                          .sf-pdp-custom .sf-mosaic-item.is-wide{ grid-column: 1 / span 2; }
                          .sf-pdp-custom .sf-mosaic-item.is-zoomed{ cursor: default; }
                          .sf-pdp-custom .sf-mosaic-item.has-video{ cursor: default; }
                          .sf-pdp-custom .sf-mosaic-item:not(.has-video){ cursor: none; }


                          .sf-pdp-custom .sf-tile-media{ width:100%; height:100%; position:relative; overflow:hidden; }
                          .sf-pdp-custom .sf-tile-media img,
                          .sf-pdp-custom .sf-tile-media video{
                            width:100%; height:100%; object-fit:cover; display:block;
                            transform: translate3d(var(--sf-pan-x, 0px), var(--sf-pan-y, 0px), 0) scale(var(--sf-scale, 1));
                            transform-origin: center;
                            will-change: transform;
                            user-select:none;
                            -webkit-user-drag:none;
                          }

                          /* HARD KILL any theme zoom / modal / icon buttons inside our PDP gallery */
                          .sf-pdp-custom .sf-gallery .product__media-toggle,
                          .sf-pdp-custom .sf-gallery .product__media-icon,
                          .sf-pdp-custom .sf-gallery .product__modal-opener,
                          .sf-pdp-custom .sf-gallery .media-zoom,
                          .sf-pdp-custom .sf-gallery .zoom,
                          .sf-pdp-custom .sf-gallery .icon-zoom,
                          .sf-pdp-custom .sf-gallery .icon-search,
                          .sf-pdp-custom .sf-gallery button.product__media-toggle,
                          .sf-pdp-custom .sf-gallery a.product__media-toggle,
                          .sf-pdp-custom .sf-gallery [data-media-id] .product__media-icon,
                          .sf-pdp-custom .sf-gallery [data-media-id] .media__icon,
                          .sf-pdp-custom .sf-gallery [data-media-id] .zoom-button,
                          .sf-pdp-custom .sf-gallery [data-media-id] .button--full-width,
                          .sf-pdp-custom .sf-gallery [data-media-id] > button:not(.sf-vtoggle):not(.sf-vplaybtn){
                            display:none !important;
                            opacity:0 !important;
                            visibility:hidden !important;
                          }

                          /* Custom cursor (+ / - in white circle) — replaces magnifying glass + hover button */
                          .sf-pdp-custom .sf-mosaic-item:not(.has-video){ position:relative; }
                          .sf-pdp-custom .sf-cursor{
                            position:absolute;
                            left: 50%;
                            top: 50%;
                            width: 44px;
                            height: 44px;
                            transform: translate(-50%, -50%);
                            border-radius: 999px;
                            background: rgba(255,255,255,.95);
                            box-shadow: 0 10px 24px rgba(0,0,0,.14);
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            color:#000;
                            pointer-events:none;
                            opacity: 0;
                            transition: opacity .12s ease;
                            z-index: 5;
                          }
                          @media (hover:hover){
                            .sf-pdp-custom .sf-mosaic-item:not(.has-video):hover .sf-cursor{ opacity: 1; }
                          }
                          .sf-pdp-custom .sf-cursor svg{ width:18px; height:18px; display:block; }
                          .sf-pdp-custom .sf-mosaic-item.is-zoomed .sf-cursor .sf-cur-plus{ display:none; }
                          .sf-pdp-custom .sf-mosaic-item:not(.is-zoomed) .sf-cursor .sf-cur-minus{ display:none; }

                        /* Mobile slider */
                          .sf-pdp-custom .sf-slider{ display:block; overflow:hidden; position:relative; }
                          @media (min-width: 750px){ .sf-pdp-custom .sf-slider{ display:none; } }
                          .sf-pdp-custom .sf-slider-viewport{ overflow-x:auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; background:#f6f6f6; }
                          /* Hide the horizontal scrollbar under the mobile gallery (keep swipe working) */
                  .sf-pdp-custom .sf-slider-viewport{
                    -ms-overflow-style: none;   /* IE/Edge legacy */
                    scrollbar-width: none;      /* Firefox */
                  }
                  .sf-pdp-custom .sf-slider-viewport::-webkit-scrollbar{
                    display:none;               /* Chrome/Safari */
                    width:0;
                    height:0;
                  }
                          .sf-pdp-custom .sf-slider-track{ display:flex; gap:0; }
.sf-pdp-custom .sf-slide{
  scroll-snap-align: start;
  flex: 0 0 100%;
  position: relative;
  background: #f6f6f6;
}
/* Mobile gallery first-slide badges */
.sf-pdp-custom .sf-mobile-gallery-badges{
  display: none;
}

@media (max-width: 749px){
  .sf-pdp-custom .sf-mobile-gallery-badges{
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 20;
    pointer-events: none;
  }

  .sf-pdp-custom .sf-mobile-gallery-badge{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
    font-weight: 700;
  }

  .sf-pdp-custom .sf-mobile-gallery-badge--offer{
    width: 192px;
    max-width: 192px;
    min-width: 192px;
    height: 20px;
    min-height: 20px;
    background: #EA4335;
    font-size: 8px;
  }

  .sf-pdp-custom .sf-mobile-gallery-badge--match{
    width: 130px;
    max-width: 130px;
    min-width: 130px;
    height: 20px;
    min-height: 20px;
    background: #000000;
    font-size: 7px;
  }
}

@media (min-width: 750px){
  .sf-pdp-custom .sf-mobile-gallery-badges{
    display: none !important;
  }
}
                          .sf-pdp-custom .sf-slide img, .sf-pdp-custom .sf-slide video{ width:100%; height:100%; object-fit:cover; display:block; }

                          .sf-pdp-custom .sf-slider-nav{
                            position:absolute; left:12px; right:12px; top:12px;
                            display:flex; align-items:center; justify-content:space-between; gap:10px;
                            z-index: 6; pointer-events:none;
                          }
                          .sf-pdp-custom .sf-slider-pill{
                            pointer-events:auto;
                            display:inline-flex; align-items:center; gap:10px;
                            border-radius:999px; padding:8px 12px;
                            background: rgba(0,0,0,.18);
                            backdrop-filter: blur(10px);
                            border: 1px solid rgba(255,255,255,.45);
                            color:#fff; font-family: var(--sf-b-family); font-size: 12px;
                          }
                          .sf-pdp-custom .sf-slider-arrows{ pointer-events:auto; display:flex; gap:10px; }
                          .sf-pdp-custom .sf-navbtn{
                            width:40px; height:40px; border-radius:999px;
                            border:1px solid rgba(255,255,255,.45);
                            background: rgba(0,0,0,.18);
                            backdrop-filter: blur(10px);
                            color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;
                          }
                          .sf-pdp-custom .sf-navbtn[disabled]{ opacity:.4; cursor:not-allowed; }
                          .sf-pdp-custom .sf-navbtn svg{ width:18px; height:18px; display:block; }

                          /* Info base */
                          .sf-pdp-custom .sf-info{ min-width:0; }
                          .sf-pdp-custom .sf-block{ padding-top: var(--sf-bpt-m, 0px); padding-bottom: var(--sf-bpb-m, 0px); }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-block{ padding-top: var(--sf-bpt-d, var(--sf-bpt-m, 0px)); padding-bottom: var(--sf-bpb-d, var(--sf-bpb-m, 0px)); }
                          }

                         @media (max-width: 749px){
                  .sf-pdp-custom .sf-hide-mobile{
                    display: none !important;
                  }
                }

                @media (min-width: 750px){
                  .sf-pdp-custom .sf-hide-desktop{
                    display: none !important;
                  }
                }

/* Reviews (Loox) */
.sf-pdp-custom .sf-rating{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top: 6px;
  gap: 6px;
  text-align:center;
}

.sf-pdp-custom .sf-rating .loox-rating{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 5px !important;
  color: #000000;
  font-size: 13px;
  line-height: 1;
  text-align:center;
}

/* Loox stars color */
.sf-pdp-custom .sf-rating .loox-rating svg,
.sf-pdp-custom .sf-rating .loox-rating svg path,
.sf-pdp-custom .sf-rating .loox-rating .loox-icon,
.sf-pdp-custom .sf-rating .loox-rating .loox-icon-star,
.sf-pdp-custom .sf-rating .loox-rating .loox-rating-stars,
.sf-pdp-custom .sf-rating .loox-rating .loox-rating-content {
  color: #FFB829 !important;
  fill: #FFB829 !important;
}

/* Loox review text */
.sf-pdp-custom .sf-rating .loox-rating-label,
.sf-pdp-custom .sf-rating .loox-rating-label a,
.sf-pdp-custom .sf-rating .loox-rating a {
  color: #000000 !important;
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Tighten star spacing */
.sf-pdp-custom .sf-rating .loox-rating-stars {
  display:inline-flex !important;
  align-items:center !important;
  gap: 1px !important;
}

/* Mobile */
@media (max-width: 749px){
  .sf-pdp-custom .sf-rating{
    margin-top: 6px;
  }

  .sf-pdp-custom .sf-rating .loox-rating{
    font-size: 13px;
  }

  .sf-pdp-custom .sf-rating .loox-rating-label,
  .sf-pdp-custom .sf-rating .loox-rating-label a,
  .sf-pdp-custom .sf-rating .loox-rating a {
    font-size: 13px !important;
  }
}

.sf-pdp-custom .sf-title + .sf-price-row{
  margin-top: 8px;
}                          
                          .sf-pdp-custom .sf-stars{ position:relative; display:inline-block; line-height:0; }
                          .sf-pdp-custom .sf-stars-layer{ display:flex; align-items:center; gap: var(--sf-star-gap, 3px); white-space:nowrap; }
                          .sf-pdp-custom .sf-stars-empty{ color: var(--sf-star-empty, #d8d8d8); }
                          .sf-pdp-custom .sf-stars-fill{ color: var(--sf-star-fill, #0b0b0b); position:absolute; left:0; top:0; overflow:hidden; height:100%; pointer-events:none; }
                          .sf-pdp-custom .sf-stars svg{ width: var(--sf-star-size-m, 14px); height: var(--sf-star-size-m, 14px); display:block; flex:0 0 auto; }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-stars svg{ width: var(--sf-star-size-d, 14px); height: var(--sf-star-size-d, 14px); }
                          }
                          .sf-pdp-custom .sf-revcount{
                            font-family: var(--sf-rev-font, var(--sf-b-family));
                            font-weight: var(--sf-rev-weight, 500);
                            color: var(--sf-rev-text, var(--sf-muted));
                            font-size: var(--sf-rev-size-m, 12px);
                            display:flex;
                            align-items:center;
                            line-height: 1;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-revcount{ font-size: var(--sf-rev-size-d, 12px); }
                          }
                          .sf-pdp-custom .sf-reviewlink{ text-decoration: underline; text-underline-offset: 2px; }

/* Title (block-scoped vars) */
.sf-pdp-custom .sf-title{
  font-family: "SF Helvetica Neue";
  font-weight: 500;
  font-size: 24px;
  line-height: 1.18;
  margin: 0;
  color: var(--sf-title-color, #0b0b0b);
  letter-spacing: -0.04em;
  text-align: center;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 750px){
  .sf-pdp-custom .sf-title{
    font-size: 24px;
    line-height: 1.18;
    max-width: 340px;
  }
}

                          /* Price + Save (block-scoped vars) */
    .sf-pdp-custom .sf-price-row{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      column-gap: var(--sf-price-save-gap, 10px);
      row-gap: 6px;
      padding-top: 8px;
    }

    @media (min-width: 750px) and (max-width: 989px){
      .sf-pdp-custom .sf-price-row{
        padding-top: 20px;
        row-gap: 2px;
        align-items: flex-start;
      }

      .sf-pdp-custom .sf-savewrap{
        margin-top: 5px;
        padding-top: 0;
      }
    }
                          .sf-pdp-custom .sf-price-left{ display:inline-flex; align-items:baseline; gap: var(--sf-price-gap, 10px); }
                          .sf-pdp-custom .sf-compare{
                            color: var(--sf-compare-color, var(--sf-muted));
                            text-decoration: line-through;
                            font-family: "SF Helvetica Neue";
                            font-weight: 300;
                            font-size: var(--sf-compare-size-m, 13px);
                          }
                          .sf-pdp-custom .sf-price{
                            color: var(--sf-price-color, var(--sf-black));
                            font-family: "SF Helvetica Neue";
                            font-weight:500;
                            font-size: var(--sf-price-size-m, 13px);
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-compare{ font-size: var(--sf-compare-size-d, 13px); }
                            .sf-pdp-custom .sf-price{ font-size: var(--sf-price-size-d, 13px); }
                          }

                          .sf-pdp-custom .sf-savewrap{ display:inline-flex; align-items:center; gap: var(--sf-save-gap, 10px); }
                          .sf-pdp-custom .sf-savepill{
                            display:inline-flex; align-items:center; justify-content:center;
                            padding: var(--sf-save-pill-pad-y, 6px) var(--sf-save-pill-pad-x, 10px);
                            border-radius: var(--sf-save-pill-radius, 999px);
                            background: var(--sf-save-pill-bg, #f3f4f6);
                            color: var(--sf-save-pill-text, #0b0b0b);
                            font-family: "SF Helvetica Neue";
                            font-weight: 500;
                            letter-spacing: .02em;
                            text-transform: uppercase;
                            font-size: var(--sf-save-pill-size-m, 12px);
                            line-height: 1;
                            white-space: nowrap;
                          }
                          .sf-pdp-custom .sf-savetxt{
                            font-family: "SF Helvetica Neue";
                            font-weight: 500;
                            font-size: var(--sf-save-text-size-m, 10px);
                            color: var(--sf-save-text-color, var(--sf-muted));
                            white-space: nowrap;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-savepill{ font-size: var(--sf-save-pill-size-d, 12px); }
                            .sf-pdp-custom .sf-savetxt{ font-size: var(--sf-save-text-size-d, 10px); }
                          }

                          /* Short desc (block-scoped vars) */
                          .sf-pdp-custom .sf-desc{
                            font-family: var(--sf-desc-family, var(--sf-b-family));
                            font-weight: var(--sf-desc-weight, 400);
                            color: #000;
                            font-size: var(--sf-desc-size-m, 14px);
                            line-height: 18px;
                            margin: 0;
                            max-width: 100%;
                            letter-spacing: -0.02em;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-desc{
                              font-size: var(--sf-desc-size-d, 16px);
                              max-width: var(--sf-desc-maxw-d, 360px);
                            }
                          }

                          /* Divider (block-scoped vars) */
                        /* Divider (HR) – force visible even if theme resets hr */
                        .sf-pdp-custom hr.sf-divider{
                          display: block !important;
                          width: 100% !important;
                          height: 0 !important;

                          border: 0 !important;
                          border-top: var(--sf-div-thick, 1px) solid var(--sf-div-color, rgba(0,0,0,.12)) !important;

                          margin: 12px 0 !important;   /* gives it space so you can SEE it */
                          opacity: 1 !important;
                        }
                          .sf-pdp-custom hr.sf-divider1{
                          display: block !important;
                          width: 100% !important;
                          height: 0 !important;

                          border: 0 !important;
                          border-top:  1px solid var(--sf-div-color, rgba(222, 222, 235, 1)) !important;

                          margin: 12px 0 !important;   /* gives it space so you can SEE it */
                          opacity: 1 !important;
                        }



                          /* Options base */
                          .sf-pdp-custom .sf-opt{ margin: 0; }
                          .sf-pdp-custom .sf-opt-head{
                            display:flex; align-items:baseline; justify-content:space-between; gap:12px;
                            margin-bottom: var(--sf-opt-head-gap, 10px);
                            padding-top: 15px;
                          }
                          .sf-pdp-custom .sf-opt-left{
                            display:flex; align-items:baseline; gap:6px; min-width:0;
                          }
                          .sf-pdp-custom .sf-opt-label{
                            font-family: var(--sf-opt-font, var(--sf-b-family));
                            font-weight: var(--sf-opt-label-weight, 400);
                            color: var(--sf-opt-label-color, var(--sf-black));
                            font-size: var(--sf-opt-label-size-m, 16px)!important;
                            letter-spacing: 0;
                          }
                          .sf-pdp-custom .sf-opt-selected{
                            font-family: var(--sf-opt-font, var(--sf-b-family));
                            font-weight: var(--sf-opt-selected-weight, 600);
                            color: var(--sf-opt-selected-color, var(--sf-black));
                            font-size: var(--sf-opt-selected-size-m, 16px) !important;
                            letter-spacing: 0;
                            style: medium;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-opt-label{ font-size: var(--sf-opt-label-size-d, 13px); }
                            .sf-pdp-custom .sf-opt-selected{ font-size: var(--sf-opt-selected-size-d, 13px); }
                          }

                          .sf-pdp-custom .sf-opt-link{
                            font-family: "SF Helvetica Neue", system-ui, sans-serif;
                            font-weight: 400;
                            color: #1E1E1E;
                            font-size: var(--sf-opt-link-size-m, 14px)!important;
                            white-space: nowrap;
                            text-decoration: underline;
                            text-underline-offset: 2px;
                            cursor:pointer;
                            background: transparent;
                            border: 0;
                            padding: 0;
                            line-height: 1;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-opt-link{ font-size: var(--sf-opt-link-size-d, 12px); }
                          }

                          /* Swatches (block vars) */
                          .sf-pdp-custom .sf-swatches{
                            display:flex;
                            gap: var(--sf-swatch-gap, 7px)!important;
                            flex-wrap:wrap;
                            margin-top: var(--sf-opt-vgap, 0px);
                          }
                          .sf-pdp-custom .sf-swatch{
                            width: var(--sf-swatch-h-m, 54px) !important;
                            height: var(--sf-swatch-h-m, 54px)!important;
                            border-radius: var(--sf-swatch-radius, 9px);
                            border: 1px solid transparent;
                            overflow:hidden;
                            background:#fff;
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            cursor:pointer;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-swatch{
                              width: var(--sf-swatch-h-d, 44px);
                              height: var(--sf-swatch-h-d, 44px);
                            }
                          }
                          .sf-pdp-custom .sf-swatch img{ width:100%; height:100%; object-fit:cover; display:block; }
                          .sf-pdp-custom .sf-swatch.is-selected{ border: var(--sf-swatch-active-w, 2px) solid var(--sf-swatch-active, var(--sf-black)); }

                          /* Chips (Size + Bands use same base) */
                          .sf-pdp-custom .sf-btngrid{
                            display:flex;
                            gap: var(--sf-chip-gap, 10px);
                            flex-wrap:wrap;
                            margin-top: var(--sf-opt-vgap, 0px);
                          }
                          .sf-pdp-custom .sf-chip{
                            min-width: 44px;
                            width: var(--sf-chip-w-m, auto);
                            height: var(--sf-chip-h-m, 42px);
                            border-radius: var(--sf-chip-radius, 4px);
                            border: 1px solid #e0e0e0;
                            background:#fff;
                            color: var(--sf-chip-text, var(--sf-black));
                            cursor:pointer;
                            display:inline-flex;
                            align-items:center;
                            justify-content:center;
                            font-family: var(--sf-chip-font, var(--sf-b-family));
                            font-weight: var(--sf-chip-weight, 500);
                            font-size: var(--sf-chip-size-m, 12px);
                            user-select:none;
                            position: relative;
                            padding: 0 var(--sf-chip-pad-x, 10px);
                            line-height: 1;
                          }

                          .sf-pdp-custom .sf-size-notify{
                            display:flex;
                            flex-wrap:wrap;
                            align-items:center;
                            gap:8px;
                            margin-top:12px;
                            font-family:"SF Helvetica Neue", sans-serif;
                            font-weight:400;
                            font-size:13px;
                            line-height:1.35;
                            color:#111;
                          }

                          .sf-pdp-custom .sf-size-notify[hidden]{
                            display:none !important;
                          }

                          .sf-pdp-custom .sf-size-notify__icon{
                            width:14px;
                            height:14px;
                            display:block;
                            flex:0 0 auto;
                          }

                          .sf-pdp-custom .sf-size-notify__btn{
                            display:inline-flex;
                            align-items:center;
                            border:0;
                            background:transparent;
                            padding:0;
                            color:#111;
                            cursor:pointer;
                            font:inherit;
                            text-decoration:underline;
                            text-underline-offset:2px;
                          }






/* Prevent uneven PDP loading / BOGO-first flash */
.sf-pdp-custom[data-sf-pdp-loading="true"] .sf-inner{
  opacity: 0;
  visibility: hidden;
}

.sf-pdp-custom.is-ready .sf-inner{
  opacity: 1;
  visibility: visible;
  transition: opacity .28s ease;
}

/* Keep BOGO hidden until its own JS state is ready */
.sf-pdp-custom .sf-bogo-wizard[data-sf-bogo-loading="true"]{
  opacity: 0;
  visibility: hidden;
}

.sf-pdp-custom .sf-bogo-wizard.is-ready{
  opacity: 1;
  visibility: visible;
}


  /* ===== BOGO step UI (alt theme) ===== */
  .sf-pdp-custom .sf-bogo-wizard{
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  /* BOGO top offer card */
/* BOGO top offer card */
.sf-pdp-custom .sf-bogo-offer-card{
  width: 100%;
  min-height: 50px;
  background: #FFECCF;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 9px 8px 9px 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 8px;
  margin-bottom:8px;
}

.sf-pdp-custom .sf-bogo-offer-card__left{
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  min-width: 0;
}
.sf-pdp-custom .sf-bogo-offer-card__dot{
  width: 14px;
  height: 14px;
  min-width: 14px;
  border-radius: 999px;
  background: #209653;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.sf-pdp-custom .sf-bogo-offer-card__dot::after{
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #ffffff;
  display: block;
}

.sf-pdp-custom .sf-bogo-offer-card__textwrap{
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}

.sf-pdp-custom .sf-bogo-offer-card__title-row{
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  flex-wrap: nowrap;
}

.sf-pdp-custom .sf-bogo-offer-card__title{
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000000;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.sf-pdp-custom .sf-bogo-offer-card__badge{
  height: 15px;
  padding: 2px 7px;
  border-radius: 100px;
  background: #209653;
  color: #ffffff;
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 7px;
  line-height: 1;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.sf-pdp-custom .sf-bogo-offer-card__subtext{
  margin-top: 4px;
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0;
  color: #000000;
}

.sf-pdp-custom .sf-bogo-offer-card__pricewrap{
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right;
  min-width: max-content;
}

.sf-pdp-custom .sf-bogo-offer-card__price{
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0;
  color: #000000;
  text-align: right;
}

.sf-pdp-custom .sf-bogo-offer-card__compare{
  font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
  font-weight: 400;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  color: #BBBBBB;
  text-align: right;
  text-decoration: line-through;
}

/* Small mobile safety */
/* Small mobile safety */
@media (max-width: 374px){
  .sf-pdp-custom .sf-bogo-offer-card{
    min-height: 48px;
    padding: 8px 7px 8px 8px;
    column-gap: 6px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__left{
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 6px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__dot{
    width: 12px;
    height: 12px;
    min-width: 12px;
    margin-top: 1px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__dot::after{
    width: 4px;
    height: 4px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__title-row{
    gap: 4px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__title{
    font-size: 12px;
    line-height: 14px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__badge{
    height: 14px;
    font-size: 6.5px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__subtext{
    font-size: 9px;
    line-height: 11px;
    margin-top: 3px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__price{
    font-size: 15px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__compare{
    font-size: 9px;
  }
}

/* Tablet and desktop */
@media (min-width: 750px){
  .sf-pdp-custom .sf-bogo-offer-card{
    min-height: 54px;
    padding: 10px 9px 10px 11px;
    column-gap: 10px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__left{
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 8px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__dot{
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-top: 1px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__dot::after{
    width: 5px;
    height: 5px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__title-row{
    gap: 7px;
    flex-wrap: nowrap;
  }

  .sf-pdp-custom .sf-bogo-offer-card__title{
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
  }

  .sf-pdp-custom .sf-bogo-offer-card__badge{
    height: 17px;
    padding: 2px 8px;
    font-size: 8px;
    line-height: 1;
  }

  .sf-pdp-custom .sf-bogo-offer-card__subtext{
    margin-top: 4px;
    font-size: 11px;
    line-height: 13px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__price{
    font-size: 18px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__compare{
    font-size: 10px;
  }
}

/* Narrow tablet / small desktop column safety */
@media (min-width: 750px) and (max-width: 989px){
  .sf-pdp-custom .sf-bogo-offer-card{
    min-height: 52px;
    padding: 9px 8px 9px 10px;
    column-gap: 8px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__title{
    font-size: 13px;
    line-height: 15px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__badge{
    height: 15px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 7px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__price{
    font-size: 17px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__compare{
    font-size: 9px;
  }
}

  .sf-pdp-custom .sf-bogo-stepbar{
    --sf-step-label-space: 92px;
    --sf-step-track-width: calc(100% - var(--sf-step-label-space));
    position: relative;
    width: 100%;
    height: 14px;
    padding-right: var(--sf-step-label-space);
  }

  .sf-pdp-custom .sf-bogo-stepbar__track{
    position: absolute;
    left: 0;
    top: 4px;
    width: var(--sf-step-track-width);
    height: 2px;
    border-radius: 999px;
    background: #d9d9d9;
    display: block !important;
    opacity: 1 !important;
    z-index: 1;
  }

  .sf-pdp-custom .sf-bogo-stepbar__progress{
    position: absolute;
    left: 0;
    top: 4px;
    width: calc(var(--sf-step-track-width) * 0.5);
    height: 2px;
    border-radius: 999px;
    background: #000;
    display: block !important;
    opacity: 1 !important;
    z-index: 2;
    transition: width .24s ease;
  }

  .sf-pdp-custom .sf-bogo-stepbar__dot{
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #d9d9d9;
    z-index: 3;
    transform: translateX(-50%);
  }

  .sf-pdp-custom .sf-bogo-stepbar__dot:nth-of-type(1){
    left: 0;
    transform: none;
  }

  .sf-pdp-custom .sf-bogo-stepbar__dot:nth-of-type(2){
    left: calc(var(--sf-step-track-width) * 0.5);
  }

  .sf-pdp-custom .sf-bogo-stepbar__dot:nth-of-type(3){
    left: var(--sf-step-track-width);
  }

  .sf-pdp-custom .sf-bogo-stepbar__dot.is-complete{
    background: #000;
  }

  .sf-pdp-custom .sf-bogo-stepbar__label{
    position: absolute;
    right: 0;
    top: -1px;
    font-family: "SF Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .04em;
    white-space: nowrap;
    color: #111;
  }

  .sf-pdp-custom .sf-bogo-wizard[data-sf-active-step="2"] .sf-bogo-stepbar__progress{
    width: var(--sf-step-track-width);
  }

  .sf-pdp-custom .sf-bogo-wizard[data-sf-active-step="2"] [data-sf-step-last-dot]{
    background: #000;
  }

  @media (max-width: 989px){
    .sf-pdp-custom .sf-bogo-stepbar{
      --sf-step-label-space: 82px;
    }

    .sf-pdp-custom .sf-bogo-stepbar__label{
      font-size: 10px;
      top: 0;
    }
  }



  .sf-pdp-custom .sf-bogo-wizard__intro{
    font-family:"SF Helvetica Neue", sans-serif;
    font-size:13px;
    line-height:1.3;
    color:#111;
  }
  .sf-pdp-custom .sf-bogo-summary-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
  }
.sf-pdp-custom .sf-bogo-summary-card{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  text-align:left;
  border:0.8px solid #111;
  border-radius:12px;
  background:#FFECCF;
  padding:9px 10px;
  cursor:pointer;
  transition:border-color .18s ease, opacity .18s ease, filter .18s ease, background .18s ease, box-shadow .18s ease;
}

/* Selected/unlocked pair, but not currently editing */
.sf-pdp-custom .sf-bogo-summary-card.is-active{
  border:1.2px solid #111;
  box-shadow:none;
}

/* Currently editing pair */
.sf-pdp-custom .sf-bogo-summary-card.is-current{
  border:1.8px solid #111;
  box-shadow:none;
}
.sf-pdp-custom .sf-bogo-summary-card.is-locked{
  opacity: .45;
  filter: grayscale(.65);
  pointer-events: none;
  cursor: not-allowed;
}
.sf-pdp-custom .sf-bogo-summary-card.is-pending{
  opacity: .56;
  filter: grayscale(.55);
  cursor: pointer;
}

.sf-pdp-custom .sf-bogo-summary-card.is-pending:hover{
  opacity: .72;
}
.sf-pdp-custom .sf-bogo-summary-card.is-invalid{
  border:1.8px solid #EA4335 !important;
  box-shadow: 0 0 0 0.2px #EA4335;
}

.sf-pdp-custom .sf-bogo-summary-card.is-invalid .sf-bogo-summary-card__media{
  border-color: #EA4335 !important;
}

.sf-pdp-custom .sf-bogo-summary-card.is-invalid.is-active{
  border-color: #EA4335 !important;
}
  .sf-pdp-custom .sf-bogo-summary-card__media{
    width:46px;
    height:46px;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #111;
    flex:0 0 auto;
    background:#f4efe6;
  }
  .sf-pdp-custom .sf-bogo-summary-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .sf-pdp-custom .sf-bogo-summary-card__content{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
  }
  .sf-pdp-custom .sf-bogo-summary-card__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:0 10px;
    border-radius:999px;
    font-family:"SF Helvetica Neue", sans-serif;
    font-weight:500;
    font-size:10px;
    line-height:1;
    width:max-content;
  }
 .sf-pdp-custom .sf-bogo-summary-card__badge--paid{
  background:#209653;
  color:#ffffff;
}
  .sf-pdp-custom .sf-bogo-summary-card__badge--free{ background:#000; color:#fff; }
  .sf-pdp-custom .sf-bogo-summary-card__title{
    font-family:"SF Helvetica Neue", sans-serif;
    font-weight:500;
    font-size:13px;
    line-height:1.15;
    color:#111;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .sf-pdp-custom .sf-bogo-step-panel{ display:none; }
  .sf-pdp-custom .sf-bogo-step-panel.is-active{ display:block; }
  .sf-pdp-custom .sf-bogo-wizard.is-shifting .sf-bogo-step-panel.is-active{
    animation:sfBogoPanelShift-{{ sid }} .2s ease;
  }
  @keyframes sfBogoPanelShift-{{ sid }} {
    0% { opacity:.72; transform:translateY(4px); }
    100% { opacity:1; transform:translateY(0); }
  }
  .sf-pdp-custom .sf-bogo-field-head,
  .sf-pdp-custom .sf-bogo-fieldset-title{
    font-family:"SF Helvetica Neue", sans-serif;
    color:#111;
  }
  .sf-pdp-custom .sf-bogo-fieldset-title{
    font-size:14px;
    line-height:1.15;
    font-weight:400;
    margin:0 0 10px;
  }
  .sf-pdp-custom .sf-bogo-field-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin:20px 0 10px;
  }
  .sf-pdp-custom .sf-bogo-field-head .sf-bogo-fieldset-title{ margin:0; }
  .sf-pdp-custom .sf-bogo-step-panel .sf-swatches,
  .sf-pdp-custom .sf-bogo-step-panel .sf-btngrid,
  .sf-pdp-custom .sf-bogo-step-panel .sf-bandgrid{ margin-top:0; }
  .sf-pdp-custom .sf-bogo-step-panel .sf-swatch.is-selected,
  .sf-pdp-custom .sf-bogo-step-panel .sf-chip.is-selected,
  .sf-pdp-custom .sf-bogo-step-panel .sf-bandbtn.is-selected{
    border-width:1px !important;
  }
  .sf-pdp-custom .sf-bogo-step-panel [data-sf-master-bands] > .sf-opt-head,
  .sf-pdp-custom .sf-bogo-step-panel .sf-bogo-band-mirror > .sf-opt-head{
    display:none !important;
  }
  .sf-pdp-custom .sf-bogo-step-panel [data-sf-master-bands] .sf-bandgrid,
  .sf-pdp-custom .sf-bogo-step-panel .sf-bogo-band-mirror .sf-bandgrid{
    margin-top:0;
  }
  .sf-pdp-custom .sf-bogo-step-panel [data-sf-master-bands] .sf-bandinfo,
  .sf-pdp-custom .sf-bogo-step-panel .sf-bogo-band-mirror .sf-bandinfo{
    margin-top:20px;
  }
  .sf-pdp-custom .sf-bogo-helper-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:12px;
    font-family:"SF Helvetica Neue", sans-serif;
    font-weight:400;
    font-size:13px;
    line-height:1.35;
    color:#111;
  }
  .sf-pdp-custom .sf-bogo-helper-row[hidden]{ display:none !important; }
  .sf-pdp-custom .sf-bogo-helper-row__btn{
    border:0;
    background:transparent;
    padding:0;
    color:#111;
    font:inherit;
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:2px;
  }
  .sf-pdp-custom .sf-bogo-step-panel .sf-opt-link{
    text-underline-offset:2px;
  }
  .sf-pdp-custom .sf-bogo-hidden-note{ display:none !important; }
  @media (max-width: 989px){
    .sf-pdp-custom .sf-bogo-stepbar{ --sf-step-label-space: 82px; }
    .sf-pdp-custom .sf-bogo-stepbar__label{ font-size:10px; }
    .sf-pdp-custom .sf-bogo-wizard__intro{ font-size:12px; }
    .sf-pdp-custom .sf-bogo-summary-grid{ gap:10px; }
   .sf-pdp-custom .sf-bogo-summary-card{ 
  padding:8px; 
  gap:8px; 
  border-width:0.8px; 
}

.sf-pdp-custom .sf-bogo-summary-card.is-active{
  border-width:1.2px;
}
.sf-pdp-custom .sf-bogo-summary-card.is-current{
  border-width:1.8px;
}
    .sf-pdp-custom .sf-bogo-summary-card__media{ width:38px; height:38px; border-radius:8px; border-width:1px; }
    .sf-pdp-custom .sf-bogo-summary-card__badge{ min-height:20px; padding:0 9px; font-size:9px; }
    .sf-pdp-custom .sf-bogo-summary-card__title{ font-size:12px; }
    .sf-pdp-custom .sf-bogo-fieldset-title{ font-size:14px; margin-bottom:8px; }
    .sf-pdp-custom .sf-bogo-field-head{ margin:18px 0 8px; }
    .sf-pdp-custom .sf-bogo-helper-row{ font-size:12px; margin-top:10px; }
  }




  .sf-pdp-custom [data-sf-pair2-band-slot] .sf-bandgrid{
    display:none !important;
  }

  .sf-pdp-custom [data-sf-pair2-band-slot] .sf-bandinfo{
    margin-top:10px;
  }

  .sf-pdp-custom .sf-bogo-band-mirror-single{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .sf-pdp-custom .sf-bogo-band-mirror-single .sf-bandgrid{
    display:flex !important;
    flex-wrap:nowrap;
  }

  .sf-pdp-custom .sf-bogo-band-mirror-single .sf-bandbtn{
    pointer-events: none;
    cursor: default;
    min-width: 0;
    opacity: 1 !important;
    border-color: var(--sf-band-active, var(--sf-black)) !important;
    background: transparent !important;
    color: var(--sf-band-text, var(--sf-black)) !important;
  }

  .sf-pdp-custom .sf-bogo-band-mirror-single .sf-bandbtn.is-selected{
    opacity: 1 !important;
    border-color: var(--sf-band-active, var(--sf-black)) !important;
    background: transparent !important;
    color: var(--sf-band-text, var(--sf-black)) !important;
    font-weight: var(--sf-band-weight, 400) !important;
  }










                           /* Limited announcement accordion block */
                          /* Limited announcement accordion block */
                          .sf-pdp-custom .sf-limited-acc{
                            border-top: 1px solid var(--sf-limited-acc-border, #E6E6E6);
                            border-bottom: 1px solid var(--sf-limited-acc-border, #E6E6E6);
                          }

                          .sf-pdp-custom .sf-limited-acc-item{
                            margin: 0;
                            padding: 0;
                          }

                          .sf-pdp-custom .sf-limited-acc-summary{
                            list-style: none;
                            cursor: pointer;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 16px;
                            padding:
                              var(--sf-limited-acc-head-pad-y-m, 20px)
                              var(--sf-limited-acc-head-pad-x-m, 18px);
                            margin: 0;
                          }

                          .sf-pdp-custom .sf-limited-acc-summary::-webkit-details-marker{
                            display: none;
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-limited-acc-summary{
                              padding:
                                var(--sf-limited-acc-head-pad-y-d, 20px)
                                var(--sf-limited-acc-head-pad-x-d, 18px);
                            }
                          }

                          .sf-pdp-custom .sf-limited-acc-left{
                            min-width: 0;
                            display: flex;
                            align-items: center;
                            gap: var(--sf-limited-acc-head-gap, 12px);
                            flex: 1 1 auto;
                          }

                          .sf-pdp-custom .sf-limited-acc-dot{
                            position: relative;
                            width: var(--sf-limited-acc-dot-size, 22px);
                            min-width: var(--sf-limited-acc-dot-size, 22px);
                            max-width: var(--sf-limited-acc-dot-size, 22px);
                            height: var(--sf-limited-acc-dot-size, 22px);
                            min-height: var(--sf-limited-acc-dot-size, 22px);
                            max-height: var(--sf-limited-acc-dot-size, 22px);
                            aspect-ratio: 1 / 1;
                            border-radius: 50%;
                            background: var(--sf-limited-acc-dot-outer, rgba(243, 55, 51, 0.10));
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            flex: 0 0 var(--sf-limited-acc-dot-size, 22px);
                            overflow: hidden;
                          }

                          .sf-pdp-custom .sf-limited-acc-dot::after{
                            content: "";
                            width: var(--sf-limited-acc-dot-inner-size, 12px);
                            min-width: var(--sf-limited-acc-dot-inner-size, 12px);
                            max-width: var(--sf-limited-acc-dot-inner-size, 12px);
                            height: var(--sf-limited-acc-dot-inner-size, 12px);
                            min-height: var(--sf-limited-acc-dot-inner-size, 12px);
                            max-height: var(--sf-limited-acc-dot-inner-size, 12px);
                            aspect-ratio: 1 / 1;
                            border-radius: 50%;
                            background: var(--sf-limited-acc-dot-inner, #F33733);
                            display: block;
                            flex: 0 0 auto;
                          }

                          .sf-pdp-custom .sf-limited-acc-title{
                            margin: 0;
                            font-family: var(--sf-limited-acc-title-family, "SF Inter", system-ui, sans-serif);
                            font-weight: var(--sf-limited-acc-title-weight, 600);
                            font-size: var(--sf-limited-acc-title-size-m, 11px);
                            line-height: var(--sf-limited-acc-title-line-m, 20.61px);
                            letter-spacing: var(--sf-limited-acc-title-ls, 0.37px);
                            text-transform: uppercase;
                            color: var(--sf-limited-acc-title-color, #000000);
                          }
                          .sf-pdp-custom .sf-limited-acc-title{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.sf-pdp-custom .sf-limited-acc-title-main{
  color: var(--sf-limited-acc-title-color, #000000);
}

.sf-pdp-custom .sf-limited-acc-title-highlight{
  color: var(--sf-limited-acc-title-highlight-color, #F33733);
}

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-limited-acc-title{
                              font-size: var(--sf-limited-acc-title-size-d, 11px);
                              line-height: var(--sf-limited-acc-title-line-d, 20.61px);
                            }
                          }

                          /* Chevron arrow */
                          .sf-pdp-custom .sf-limited-acc-icon{
                            width: var(--sf-limited-acc-icon-size, 22px);
                            height: var(--sf-limited-acc-icon-size, 22px);
                            min-width: var(--sf-limited-acc-icon-size, 22px);
                            min-height: var(--sf-limited-acc-icon-size, 22px);
                            position: relative;
                            flex: 0 0 auto;
                            color: var(--sf-limited-acc-icon-color, #000000);
                          }

                          .sf-pdp-custom .sf-limited-acc-icon::before,
                          .sf-pdp-custom .sf-limited-acc-icon::after{
                            content: "";
                            position: absolute;
                            top: 50%;
                            width: 11px;
                            height: 2px;
                            background: currentColor;
                            border-radius: 999px;
                            transition: transform .24s ease, opacity .24s ease;
                          }

                          /* CLOSED = top arrow / chevron up */
                          .sf-pdp-custom .sf-limited-acc-icon::before{
                            left: calc(50% - 9px);
                            transform: translateY(-50%) rotate(45deg);
                            transform-origin: center;
                          }

                          .sf-pdp-custom .sf-limited-acc-icon::after{
                            right: calc(50% - 9px);
                            transform: translateY(-50%) rotate(-45deg);
                            transform-origin: center;
                          }

                          /* OPEN = down arrow / chevron down */
                          .sf-pdp-custom details[open] > summary .sf-limited-acc-icon::before{
                            transform: translateY(-50%) rotate(-45deg);
                          }

                          .sf-pdp-custom details[open] > summary .sf-limited-acc-icon::after{
                            transform: translateY(-50%) rotate(45deg);
                          }

                          /* Animated body wrapper */
                          .sf-pdp-custom .sf-limited-acc-content{
                            display: grid;
                            grid-template-rows: 0fr;
                            transition: grid-template-rows .28s ease, opacity .22s ease;
                            opacity: 0;
                          }

                          .sf-pdp-custom details[open] > .sf-limited-acc-content{
                            grid-template-rows: 1fr;
                            opacity: 1;
                          }

                          .sf-pdp-custom .sf-limited-acc-content-inner{
                            overflow: hidden;
                          }

                          .sf-pdp-custom .sf-limited-acc-body{
                            padding:
                              0
                              var(--sf-limited-acc-body-pad-x-m, 18px)
                              var(--sf-limited-acc-body-pad-bottom-m, 20px)
                              var(--sf-limited-acc-body-pad-left-m, 58px);
                            transform: translateY(-6px);
                            transition: transform .28s ease;
                          }

                          .sf-pdp-custom details[open] > .sf-limited-acc-content .sf-limited-acc-body{
                            transform: translateY(0);
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-limited-acc-body{
                              padding:
                                0
                                var(--sf-limited-acc-body-pad-x-d, 18px)
                                var(--sf-limited-acc-body-pad-bottom-d, 20px)
                                var(--sf-limited-acc-body-pad-left-d, 58px);
                            }
                          }

                          .sf-pdp-custom .sf-limited-acc-text{
                            margin: 0;
                            font-family: var(--sf-limited-acc-body-family, "SF Helvetica Neue", system-ui, sans-serif);
                            font-weight: var(--sf-limited-acc-body-weight, 400);
                            font-size: var(--sf-limited-acc-body-size-m, 13px);
                            line-height: var(--sf-limited-acc-body-line-m, 19px);
                            letter-spacing: var(--sf-limited-acc-body-ls, 0.02em);
                            color: var(--sf-limited-acc-body-color, #000000);
                            max-width: var(--sf-limited-acc-body-maxw, 640px);
                          }
                          .sf-pdp-custom .sf-limited-acc-text strong,
.sf-pdp-custom .sf-limited-acc-text b{
  font-weight: 700;
}

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-limited-acc-text{
                              font-size: var(--sf-limited-acc-body-size-d, 13px);
                              line-height: var(--sf-limited-acc-body-line-d, 19px);
                            }
                          }

                          @media (prefers-reduced-motion: reduce){
                            .sf-pdp-custom .sf-limited-acc-icon::before,
                            .sf-pdp-custom .sf-limited-acc-icon::after,
                            .sf-pdp-custom .sf-limited-acc-content,
                            .sf-pdp-custom .sf-limited-acc-body{
                              transition: none;
                            }
                          }







                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-chip{
                              width: var(--sf-chip-w-d, auto);
                              height: var(--sf-chip-h-d, 40px);
                              font-size: var(--sf-chip-size-d, 12px);
                            }
                          }
                          .sf-pdp-custom .sf-chip.is-selected{
                            background: transparent;
                            border: var(--sf-chip-active-w, 2px) solid var(--sf-chip-active, var(--sf-black));
                            color: var(--sf-chip-text, var(--sf-black));
                            font-weight: var(--sf-chip-weight, 500); /* NO weight jump */
                          }
                          .sf-pdp-custom .sf-chip[data-sf-unavailable="true"]{

                    background:#fff;
                    border: 1px solid #e0e0e0;
                    background:#fff;
                    color: var(--sf-chip-text, var(--sf-black));
                    cursor: pointer;
                  }

                  .sf-pdp-custom .sf-chip[data-sf-unavailable="true"]::after{
                    display: none !important;
                  }

                  .sf-pdp-custom .sf-chip.is-selected[data-sf-unavailable="true"]{
                            background: transparent;
                            border: var(--sf-chip-active-w, 2px) solid var(--sf-chip-active, var(--sf-black));
                            color: var(--sf-chip-text, var(--sf-black));
                            font-weight: var(--sf-chip-weight, 500); /* NO weight jump */
                  }
                          /* Bands grid */
                          .sf-pdp-custom .sf-bandgrid{
                            display:flex;
                            gap: var(--sf-band-gap, 10px);
                            flex-wrap:wrap;
                            margin-top: var(--sf-opt-vgap, 0px);
                          }
.sf-pdp-custom .sf-bandbtn{
  height: var(--sf-band-h-m, 44px);
  border-radius: var(--sf-band-radius, 4px);
  box-sizing: border-box;
  border: var(--sf-band-active-w, 2px) solid #e0e0e0;
  width: var(--sf-bandbtn-w, max-content);
  min-width: max-content;
  background:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: var(--sf-band-inner-gap, 10px);
  padding: var(--sf-band-pad-y, 0px) var(--sf-band-pad-x, 10px);
  font-family: "SF Helvetica Neue", sans-serif;
  font-weight: var(--sf-band-weight, 400);
  font-size: var(--sf-band-size-m, 12px);
  color: var(--sf-band-text, var(--sf-black));
  user-select:none;
  position:relative;
  line-height: 1;
  max-height: 35px;
}
.sf-pdp-custom .sf-bandbtn > span:last-child{
  display: inline-block;
  white-space: nowrap;
  flex: 0 0 auto;
}
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-bandbtn{
                              height: var(--sf-band-h-d, 44px);
                              font-size: var(--sf-band-size-d, 12px);
                            }
                          }
                          .sf-pdp-custom .sf-bandbtn.is-selected{
                            background: transparent;
                            border-color: var(--sf-band-active, var(--sf-black));
                            color: var(--sf-band-text, var(--sf-black));
                            font-weight: var(--sf-band-weight, 400); /* NO weight jump */
                            max-height: 35px;
                          }
                          .sf-pdp-custom .sf-bandbtn[aria-disabled="true"]{ opacity:.45; cursor:not-allowed; }

                          .sf-pdp-custom .sf-bandico{
                            display:inline-flex;
                            align-items:center;
                            justify-content:center;
                            height: var(--sf-band-ico-h, 12px);
                            width: auto;
                            flex: 0 0 auto;
                            font-family: "SF Helvetica Neue", sans-serif;
                          }

                          .sf-pdp-custom .sf-bandico img{ height:100%; width:auto; object-fit:contain; display:block; }
                          .sf-pdp-custom .sf-bands-fallback{ display:inline-flex; gap:3px; align-items:center; justify-content:center; }
                          .sf-pdp-custom .sf-bands-fallback i{ width:2px; height:12px; background: currentColor; display:block; border-radius:2px; opacity:.95; }

/* Bands info (icon + dynamic text) */
.sf-pdp-custom .sf-bandinfo{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap: 7px;
  margin-top: var(--sf-bandinfo-top, 20px);
  margin-bottom:15px;
  color: #1E1E1E;
  font-family: "SF Helvetica Neue", sans-serif;
  font-weight: 400;
  letter-spacing: -0.03em;
  font-size: 14px;
  line-height: 1.25;
  padding-bottom: 1px;
}
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-bandinfo{ font-size: var(--sf-bandinfo-size-d, 12px); }
                          }
.sf-pdp-custom .sf-bandinfo-ico{
  width: var(--sf-bandinfo-ico, 18px);
  height: var(--sf-bandinfo-ico, 18px);
  flex: 0 0 var(--sf-bandinfo-ico, 18px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top: 0.18em;
}
                          .sf-pdp-custom .sf-bandinfo-ico img{ width:100%; height:100%; object-fit:contain; display:block; }

                          .sf-pdp-custom .sf-bandinfo [data-sf-bandinfo-text]{
  display:block;
  flex: 1 1 auto;
  min-width: 0;
}
                          /* ATC */
                          .sf-pdp-custom .sf-atc-btn{
                            width:100%;
                            border-radius: 10px;
                            border: 0;
                            background: var(--sf-atc-bg, var(--sf-black));
                            color: var(--sf-atc-text, #fff);
                            cursor:pointer;
                            font-family: var(--sf-atc-font, var(--sf-b-family));
                            font-weight: 700;
                            font-size: var(--sf-atc-size-m, 11px);
                            letter-spacing: .08em;
                            text-transform: uppercase;
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            gap: 10px;
                            padding: var(--sf-atc-pad-y-m, 18px) var(--sf-atc-pad-x-m, 18px);
                            line-height: 1;
                            transition: font-size .12s ease, background .12s ease, color .12s ease;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-atc-btn{
                              font-size: var(--sf-atc-size-d, 11px);
                              padding: var(--sf-atc-pad-y-d, 18px) var(--sf-atc-pad-x-d, 18px);
                            }
                          }
                          .sf-pdp-custom .sf-atc-btn:hover{
                            font-size: var(--sf-atc-hover-size-m, var(--sf-atc-size-m, 13px));
                            background: var(--sf-atc-bg-hover, var(--sf-atc-bg, var(--sf-black)));
                            color: var(--sf-atc-text-hover, var(--sf-atc-text, #fff));
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-atc-btn:hover{ font-size: var(--sf-atc-hover-size-d, var(--sf-atc-size-d, 11px)); }
                          }
                          .sf-pdp-custom .sf-atc-btn[disabled]{ background: var(--sf-atc-bg-disabled, rgba(11,11,11,.5)); cursor:not-allowed; }

                          .sf-pdp-custom .sf-atc-btn.is-notify{
  background: var(--sf-atc-bg-disabled, rgba(11,11,11,.5));
  cursor: pointer;
}

.sf-pdp-custom .sf-atc-btn.is-notify:hover{
  background: var(--sf-atc-bg-disabled, rgba(11,11,11,.5));
}

                          .sf-pdp-custom .sf-delivery{
            display:flex;
            justify-content: var(--sf-delivery-align, center);
            align-items:center;
            gap: 8px;
            margin-top: var(--sf-atc-del-gap, 10px);
            color: var(--sf-delivery-color, var(--sf-muted));
            font-family: "SF Helvetica Neue", sans-serif;
            font-weight: 400;
            font-size: var(--sf-delivery-size-m, 12px);
            line-height: 1.2;
            text-align: var(--sf-delivery-align, center);
          }

          .sf-pdp-custom [data-sf-delivery-config][style*="--sf-delivery-align: left"] .sf-delivery{
            justify-content: flex-start;
            text-align: left;
          }
          .sf-pdp-custom [data-sf-delivery-config][style*="--sf-delivery-align: center"] .sf-delivery{
            justify-content: center;
            text-align: center;
          }
          .sf-pdp-custom [data-sf-delivery-config][style*="--sf-delivery-align: right"] .sf-delivery{
            justify-content: flex-end;
            text-align: right;
          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-delivery{ font-size: var(--sf-delivery-size-d, 12px); }
                          }
    .sf-pdp-custom .sf-dot{
      width: 6px;
      height: 6px;
      min-width: 6px;
      min-height: 6px;
      max-width: 6px;
      max-height: 6px;
      flex: 0 0 6px;
      border-radius: 50%;
      display: inline-block;
    }


    .sf-pdp-custom .sf-limited-offer-note{
  margin-top: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  text-align: center;
}

.sf-pdp-custom .sf-limited-offer-note__icon{
  width: 14px;
  height: 14px;
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
}

.sf-pdp-custom .sf-limited-offer-note__text{
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 750px){
  .sf-pdp-custom .sf-limited-offer-note{
    margin-top: 10px;
    gap: 7px;
  }

  .sf-pdp-custom .sf-limited-offer-note__icon{
    width: 12px;
    height: 12px;
  }

  .sf-pdp-custom .sf-limited-offer-note__text{
    font-size: 9px;
  }
}

                          /* Trust + payments (block vars) */
                          .sf-pdp-custom .sf-perksbox{
                            margin-top: 0;
                            background: var(--sf-trust-bg, var(--sf-soft));
                            border-radius: var(--sf-trust-radius, 16px);
                            padding: var(--sf-trust-pad-y, 16px) 0; /* side padding handled separately */
                            overflow:hidden;
                          }
                          .sf-pdp-custom .sf-perks{
                            display:grid;
                            grid-template-columns: repeat(3, minmax(0,1fr));
                            gap: 10px;
                            text-align:center;
                            padding-left: var(--sf-trust-top-pad-x, 14px);
                            padding-right: var(--sf-trust-top-pad-x, 14px);
                          }
                          .sf-pdp-custom .sf-perk-ico{
                            width: var(--sf-trust-top-ico, 26px);
                            height: var(--sf-trust-top-ico, 26px);
                            margin: 0 auto 8px;
                          }
                          .sf-pdp-custom .sf-perk-ico img{ width:100%; height:100%; object-fit:contain; display:block; }
        .sf-pdp-custom .sf-perk-txt{
          font-family: "SF Helvetica Neue", sans-serif;
          font-weight: 400;
          padding-top: 10px;
          font-size: var(--sf-trust-text-size, 10px);
          line-height: 1.2;
          color: var(--sf-trust-text-color, var(--sf-black));
        }

        .sf-pdp-custom .sf-perk-label{
          display:block;
          white-space: pre-line;
          margin:0;
          padding:0;
        }

        .sf-pdp-custom .sf-perk-amount{
          display:block;
          margin:0;
          padding:0;
          font:inherit;
          color:inherit;
          line-height:inherit;
        }
                          .sf-pdp-custom .sf-pay-divider{
                            height: var(--sf-trust-div-thick, 1px);
                            background: var(--sf-trust-div-color, rgba(0,0,0,.10));
                            margin: var(--sf-trust-div-pad-y, 12px) 0;
                            width: 100%;
                          }
                          .sf-pdp-custom .sf-payments{
                            display:flex;
                            justify-content:center;
                            align-items:center;
                            gap: 8px;
                            flex-wrap: wrap;
                            padding-left: var(--sf-trust-pay-pad-x, 14px);
                            padding-right: var(--sf-trust-pay-pad-x, 14px);
                            padding-top:2px;
                          }
                          .sf-pdp-custom .sf-payments img{ height: var(--sf-trust-pay-ico, 16px); width:auto; display:block; }

                          /* Accordion (block vars) */
                          .sf-pdp-custom .sf-acc{ margin-top: 0; display:flex; flex-direction:column; gap: var(--sf-acc-gap, 0px); }
                          .sf-pdp-custom details.sf-acc-item{
                            margin: 0;
                            border: 0;
                            border-radius: 0;
                            padding: 0;
                            background: transparent;
                          }
                          .sf-pdp-custom summary.sf-acc-sum{
                            list-style:none;
                            cursor:pointer;
                            display:flex;
                            align-items:center;
                            justify-content:space-between;
                            gap: 16px;
                            padding: var(--sf-acc-pad-y, 14px) var(--sf-acc-pad-x, 0px);
                            background: transparent;
                            color: var(--sf-acc-title-color, var(--sf-black));
                            font-family: "SF Helvetica Neue", sans-serif;
                            font-weight: var(--sf-acc-title-weight, 400);
                            font-size: var(--sf-acc-title-size-m, 13px);
                            line-height: 1.2;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom summary.sf-acc-sum{ font-size: var(--sf-acc-title-size-d, 13px); }
                          }
                          .sf-pdp-custom summary.sf-acc-sum::-webkit-details-marker{ display:none; }

                          .sf-pdp-custom .sf-acc-ico{
                            width: var(--sf-acc-ico, 18px);
                            height: var(--sf-acc-ico, 18px);
                            color: var(--sf-acc-ico-color, var(--sf-muted));
                            flex:0 0 auto;
                            display:flex; align-items:center; justify-content:center;
                            font-size: var(--sf-acc-ico, 18px);
                            line-height: 1;
                            user-select:none;
                          }
                          .sf-pdp-custom details[open] .sf-acc-ico::before{ content:"-"; }
                          .sf-pdp-custom details:not([open]) .sf-acc-ico::before{ content:"+"; }

                          .sf-pdp-custom details[open] summary.sf-acc-sum{
                            border-bottom: 1px solid var(--sf-acc-border, var(--sf-border));
                          }
                          .sf-pdp-custom details:not([open]) summary.sf-acc-sum{ border-bottom: 0; }

                          .sf-pdp-custom .sf-acc-body{
                            padding: var(--sf-acc-body-pad-y, 14px) var(--sf-acc-pad-x, 0px);
                            font-family: var(--sf-acc-body-font, var(--sf-b-family));
                            font-weight: var(--sf-acc-body-weight, 400);
                            font-size: var(--sf-acc-body-size-m, 13px);
                            color: var(--sf-acc-body-color, var(--sf-black));
                            line-height: 1.5;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-acc-body{ font-size: var(--sf-acc-body-size-d, 13px);  margin-left: 14px; }
                          }

                          /* Tabs -> stacked rows (block vars) */
                          .sf-pdp-custom .sf-tabs{ margin-top: 0; }
                          .sf-pdp-custom .sf-tabhead{
                            display:flex;
                            gap: var(--sf-tabs-gap, 26px);
                            border-top: 1px solid var(--sf-tabs-border, var(--sf-border));
                            border-bottom: 1px solid var(--sf-tabs-border, var(--sf-border));
                          }
                          .sf-pdp-custom .sf-tabbtn{
                            padding: var(--sf-tabs-pad-y, 12px) 0;
                            border: 0;
                            background: transparent;
                            cursor:pointer;
                            font-family: var(--sf-tabs-font, var(--sf-b-family));
                            font-size: var(--sf-tabs-size-m, 12px);
                            color: var(--sf-tabs-muted, var(--sf-muted));
                            position: relative;
                            line-height: 1.2;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-tabbtn{ font-size: var(--sf-tabs-size-d, 12px); }
                          }
                          .sf-pdp-custom .sf-tabbtn.is-active{ color: var(--sf-tabs-active, var(--sf-black)); }
                          .sf-pdp-custom .sf-tabbtn.is-active::after{
                            content:"";
                            position:absolute;
                            left:0; right:0; bottom:-1px;
                            height: var(--sf-tabs-ind, 1px);
                            background: var(--sf-tabs-ind-color, var(--sf-black));
                          }
                          .sf-pdp-custom .sf-tabpanel{ display:none; padding-top: var(--sf-tabs-panel-pad, 14px); }
                          .sf-pdp-custom .sf-tabpanel.is-active{ display:block; }

                          .sf-pdp-custom .sf-recrow{
                            display:flex;
                            align-items:center;
                            gap: var(--sf-rec-gap, 12px);
                            padding: var(--sf-rec-pad-y, 12px) 0;
                            border-bottom: 1px solid var(--sf-rec-border, transparent);
                          }
                          .sf-pdp-custom .sf-recimg{
                            width: var(--sf-rec-img, 48px);
                            height: var(--sf-rec-img, 48px);
                            border-radius: 999px;
                            overflow:hidden;
                            background:#f2f2f2;
                            flex:0 0 auto;
                          }
                          .sf-pdp-custom .sf-recimg img{ width:100%; height:100%; object-fit:cover; display:block; }
                          .sf-pdp-custom .sf-recmeta{ min-width:0; flex:1; }
                          .sf-pdp-custom .sf-rectitle{
                            margin:0;
                            font-family: var(--sf-rec-title-font, var(--sf-b-family));
                            font-weight: 400;
                            font-size: var(--sf-rec-title-size-m, 14px);
                            color: var(--sf-rec-title-color, var(--sf-black));
                            line-height: 1.2;
                          }
                          .sf-pdp-custom .sf-recd{
                            margin:8px 0 0;
                            font-family: var(--sf-rec-desc-font, var(--sf-b-family));
                            font-size: var(--sf-rec-desc-size-m, 11px);
                            color: var(--sf-rec-desc-color, var(--sf-muted));
                            line-height: 1.25;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-rectitle{ font-size: var(--sf-rec-title-size-d, 12px); }
                            .sf-pdp-custom .sf-recd{ font-size: var(--sf-rec-desc-size-d, 12px); }
                          }
                          .sf-pdp-custom .sf-recadd{
                            border-radius: 999px;
                            border: 1px solid var(--sf-rec-btn-border, var(--sf-border));
                            background: var(--sf-rec-btn-bg, #fff);
                            color: var(--sf-rec-btn-text, var(--sf-black));
                            font-family: var(--sf-rec-btn-font, var(--sf-b-family));
                            font-size: var(--sf-rec-btn-size-m, 11px);
                            padding: var(--sf-rec-btn-pad-y, 8px) var(--sf-rec-btn-pad-x, 14px);
                            cursor:pointer;
                            white-space: nowrap;
                            line-height: 1;
                          }
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-recadd{ font-size: var(--sf-rec-btn-size-d, 11px); }
                          }
                          .sf-pdp-custom .sf-recadd[disabled]{ opacity:.55; cursor:not-allowed; }

                          /* Videos (metafield files) + custom scrollbar */
                          .sf-pdp-custom .sf-videos{ margin-top: 0; }

                      .sf-pdp-custom .sf-vtitle{
                        font-family: var(--sf-vtitle-font, var(--sf-b-family));
                        font-weight: var(--sf-vtitle-weight, 400);
                        font-size: var(--sf-vtitle-size-m, 16px);
                        color: var(--sf-vtitle-color, var(--sf-black));
                        margin: 0 0 var(--sf-vtitle-gap, 12px);
                        line-height: 1.2;
                      }

                      .sf-pdp-custom .sf-vtitle b{
                        font-family: var(--sf-vbold-font, var(--sf-vtitle-font, var(--sf-b-family)));
                        font-weight: var(--sf-vbold-weight, 700);
                      }



                          .sf-pdp-custom .sf-vtrack{
                            display:flex;
                            gap: var(--sf-vgap, 12px);
                            overflow-x:auto;
                            padding-bottom: 10px;
                            -webkit-overflow-scrolling: touch;
                            scroll-snap-type: x mandatory;
                            scrollbar-width: none;
                          }
                          .sf-pdp-custom .sf-vtrack::-webkit-scrollbar{ display:none; height:0; }

                          .sf-pdp-custom .sf-vtile{
                             flex: 0 0 calc((100% - (var(--sf-vgap, 12px) * 2))/3);
                            height: var(--sf-vh-d, 320px);
                            border-radius: 16px;
                            overflow:hidden;
                            position: relative;
                            background:#eaeaea;
                            scroll-snap-align: start;
                          }
                          @media (max-width: 749px){
                            .sf-pdp-custom .sf-vtile{
                              flex: 0 0 70%;
                              height: var(--sf-vh-m, 320px);
                            }
                               .sf-pdp-custom .sf-opt-head{
                                padding-top: 5px;
                               }
                          }

                          .sf-pdp-custom .sf-vtile video{ opacity: 1; }
                      .sf-pdp-custom .sf-vtile.is-paused video{ opacity: .85; }

                          .sf-pdp-custom .sf-vtile video{
                            width:100%;
                            height:100%;
                            object-fit:cover;
                            display:block;
                            background:#000;
                          }
                          .sf-pdp-custom .sf-vcenter{
                            position:absolute;
                            inset:0;
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            pointer-events:none;
                          }
                          .sf-pdp-custom .sf-vplaybtn{
                            width: 64px;
                            height: 64px;
                            border-radius: 999px;
                            border: 2px solid rgba(255,255,255,.9);
                            background: rgba(0,0,0,.20);
                            backdrop-filter: blur(6px);
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            pointer-events:auto;
                            cursor:pointer;
                          }
                          .sf-pdp-custom .sf-vplaybtn svg{ width:22px; height:22px; display:block; fill:#fff; }

                        .sf-pdp-custom .sf-vscrollwrap{ margin-top: var(--sf-vscroll-gap, 14px); }

                    /* Custom thin progress scrollbar (same as size guide) */
                    .sf-pdp-custom .sf-vscroll{
                      height: 3px;
                      border-radius: 999px;
                      background: rgba(0,0,0,.14);
                      position: relative;
                      overflow: hidden;
                    }

                    .sf-pdp-custom .sf-vthumb{
                      position: absolute;
                      left: 0; top: 0;
                      height: 100%;
                      width: 30%;                 /* JS overrides */
                      border-radius: 999px;
                      background: #000;
                      transform: translateX(0);
                      will-change: transform, width;
                      transition: transform 120ms linear, width 200ms ease;
                    }


                          /* Hide scrollbars in desktop gallery */
                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-gallery{ scrollbar-width: none; -ms-overflow-style: none; }
                            .sf-pdp-custom .sf-gallery::-webkit-scrollbar{ width: 0; height: 0; display: none; }
                              .sizefox-container{ display: none !important; }
                          }



                        /* STYLING FOR THE RATING */
                        .loox-rating .loox-icon {
                        color:#000 !important;
                        }


                        /* Loox rating count styling */
                      /* Loox rating count styling (dynamic) */
                     .sf-pdp-custom .sf-rating .loox-rating-label{
                    font-family: "SF Helvetica Neue";
                    font-size: var(--sf-rev-size-d, 12px) !important;
                    font-weight: var(--sf-rev-weight, 400) !important;
                    color: var(--sf-rev-text, #000) !important;
                    text-decoration: none !important;
                    display: inline-block !important;
                    padding-left: 5px !important;
                    padding-bottom: 1px !important;
                    background-image: linear-gradient(currentColor, currentColor) !important;
                    background-repeat: no-repeat !important;
                    background-position: 5px 100% !important;
                    background-size: calc(100% - 5px) 1px !important;
                    cursor: pointer;
                    white-space: nowrap;
                  }

                      /* add dynamic text after Loox number */
                      /* .loox-rating-label::after{
                        content: " Reviews";
                      } */

                      /* Mobile */
                      @media (max-width: 749px){
                        .sf-pdp-custom .sf-rating .loox-rating-label{
                      font-size: var(--sf-rev-size-m, 12px) !important;
                    }
                      }



                        /* STYLING FOR PRICE DICOUNT PILL AND DISCOUNT TEXT */
                        .sf-price-left{
                            padding-top: 0px;
                        }

                        /* Hide selected value text ONLY for Bands option */
                        .sf-pdp-custom .sf-opt--bands .sf-opt-selected{
                          display: none !important;
                        }
.sf-pdp-custom [data-sf-bandinfo-text]{
  margin-bottom: 3px;
}
                      /* Fix product description formatting inside accordion */
                      .sf-pdp-custom .sf-acc-body p{
                        margin: 0 0 14px 0;
                      }

                      .sf-pdp-custom .sf-acc-body ul{
                        margin: 0 0 14px 18px;
                        padding: 0;
                      }

                      .sf-pdp-custom .sf-acc-body li{
                        margin-bottom: 3px;
                      }

                      .sf-pdp-custom .sf-acc-body strong{
                        font-weight: 600;
                      }

                        .sizefox-container{ display: none !important; }
                      .css-soq6h3{
                       display: none !important;}

                       .sf-pdp-custom .sf-slider-nav{ display:none !important; }

                    /* Bottom-center dot navigation (active dot becomes a pill) */
                    .sf-pdp-custom .sf-dotnav{
                      position: absolute;
                      left: 0;
                      right: 0;
                      bottom: 38px;
                      z-index: 12;
                      display: flex;
                      justify-content: center;
                      pointer-events: none; /* only inner receives clicks */
                    }

                    .sf-pdp-custom .sf-dotnav-inner{
                      pointer-events: auto;
                      display: inline-flex;
                      align-items: center;
                      gap: 8px;
                      padding: 10px 14px;
                      border-radius: 999px;
                      background: rgb(255, 255, 255);
                      box-shadow: 0 10px 22px rgba(0,0,0,.12);
                    }

                    .sf-pdp-custom .sf-dot{
                      width: 7px;
                      height: 7px;
                      border-radius: 999px;
                      border: 0;
                      padding: 0;
                      margin: 0;
                      background: #E2E2E2;
                      cursor: pointer;
                      transition: width .18s ease, background .18s ease, opacity .18s ease;
                      -webkit-tap-highlight-color: transparent;
                    }

                    .sf-pdp-custom .sf-dot[aria-current="true"]{
                      width: 34px;              /* pill width */
                        background: #000000;
                    }

                    .sf-pdp-custom .sf-dot:focus-visible{
                      outline: 2px solid rgb(0, 0, 0);
                      outline-offset: 3px;
                    }
                    /* Mobile: make ONLY the gallery full-bleed (edge-to-edge) */
                    @media (max-width: 749px){
                      .sf-pdp-custom .sf-gallery{
                        /* cancel the .sf-inner left/right padding */
                        margin-left: calc(var(--sf-gutter-m) * -1);
                        margin-right: calc(var(--sf-gutter-m) * -1);

                        /* optional: ensure it truly spans */
                        width: calc(100% + (var(--sf-gutter-m) * 2));
                      }

                      /* if your slider background is showing a seam, keep it clean */
                      .sf-pdp-custom .sf-slider,
                      .sf-pdp-custom .sf-slider-viewport{
                        border-radius: 0;
                      }
                    }

                    .sf-pdp-custom .sf-delivery .sf-dot{
                      background: var(--sf-delivery-dot);
                    }


  @media (max-width: 1024px) and (min-width: 768px) {
    .sf-perk-txt{
      font-size: 10px;
    }
  }



  /* Hurry 50 pairs let progress bar and text css */
                            /* Stock urgency block */
                          .sf-pdp-custom .sf-stock-urgency{
                            width: 100%;
                          }

                          .sf-pdp-custom .sf-stock-urgency__text{
                            margin: 0 0 var(--sf-stock-gap, 14px);
                            text-align: center;
                            font-family: var(--sf-stock-text-family, "SF Inter", system-ui, sans-serif);
                            font-weight: var(--sf-stock-text-weight, 400);
                            font-size: var(--sf-stock-text-size-m, 12px);
                            line-height: var(--sf-stock-text-line-m, 1.2);
                            letter-spacing: var(--sf-stock-text-ls, 0px);
                            color: var(--sf-stock-text-color, #F33733);
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-stock-urgency__text{
                              font-size: var(--sf-stock-text-size-d, 12px);
                              line-height: var(--sf-stock-text-line-d, 1.2);
                            }
                          }

                          .sf-pdp-custom .sf-stock-urgency__bar{
                            width: 100%;
                            height: var(--sf-stock-bar-height, 12px);
                            background: var(--sf-stock-bar-empty, #E1E3E6);
                            border-radius: 999px;
                            overflow: hidden;
                            position: relative;
                          }

                          .sf-pdp-custom .sf-stock-urgency__fill{
                            position: absolute;
                            left: 0;
                            top: 0;
                            bottom: 0;
                            width: var(--sf-stock-fill, 50%);
                            background: var(--sf-stock-bar-fill, #F33733);
                            border-radius: 999px 0 0 999px;
                            transition: width .28s ease;
                          }

                          .sf-pdp-custom .sf-stock-urgency__fill.is-full{
                            border-radius: 999px;
                          }

                          .sf-pdp-custom .sf-stock-urgency[hidden]{
                            display: none !important;
                          }



                          /* LIMITED COLOR QUICK BUY BLOCK CSS */
                                                    /* Featured quick buy product card */
.sf-pdp-custom .sf-fqb{
  width: 100%;
  background: var(--sf-fqb-bg, #F8F8FA);
  border-radius: var(--sf-fqb-radius-m, 22px);
  padding: var(--sf-fqb-pad-y-m, 14px) var(--sf-fqb-pad-x-m, 14px);
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--sf-fqb-gap-m, 14px);
  align-items: center;
}

@media (min-width: 750px){
  .sf-pdp-custom .sf-fqb{
    border-radius: var(--sf-fqb-radius-d, 22px);
    padding: var(--sf-fqb-pad-y-d, 14px) var(--sf-fqb-pad-x-d, 14px);
    grid-template-columns: max-content minmax(0, 1fr);
    gap: var(--sf-fqb-gap-d, 14px);
  }
}
.sf-pdp-custom .sf-fqb__media{
  width: var(--sf-fqb-image-w-m, 88px);
  aspect-ratio: var(--sf-fqb-image-ratio, 1 / 1);
  border-radius: var(--sf-fqb-image-radius, 16px);
  overflow: hidden;
  background: #ececec;
  display: block;
  align-self: center;
  justify-self: start;
}

@media (min-width: 750px){
  .sf-pdp-custom .sf-fqb__media{
    width: var(--sf-fqb-image-w-d, 120px);
  }
}

                          .sf-pdp-custom .sf-fqb__media img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            display: block;
                          }

                          .sf-pdp-custom .sf-fqb__body{
                            min-width: 0;
                            display: grid;
                            grid-template-columns: minmax(0, 1fr);
                            gap: 0;
                            align-items: center;
                          }

                          .sf-pdp-custom .sf-fqb__main{
                            min-width: 0;
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                          }

                          .sf-pdp-custom .sf-fqb__top{
                            display: flex;
                            align-items: center;
                            gap: var(--sf-fqb-top-gap, 12px);
                            margin-bottom: var(--sf-fqb-top-bottom, 14px);
                            min-width: 0;
                          }

                          .sf-pdp-custom .sf-fqb__dot{
                            position: relative;
                            width: var(--sf-fqb-dot-outer, 34px);
                            height: var(--sf-fqb-dot-outer, 34px);
                            min-width: var(--sf-fqb-dot-outer, 34px);
                            min-height: var(--sf-fqb-dot-outer, 34px);
                            max-width: var(--sf-fqb-dot-outer, 34px);
                            max-height: var(--sf-fqb-dot-outer, 34px);
                            aspect-ratio: 1 / 1;
                            border-radius: 50%;
                            background: var(--sf-fqb-dot-outer-color, rgba(243,55,51,0.10));
                            flex: 0 0 var(--sf-fqb-dot-outer, 34px);
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            overflow: hidden;
                          }

                          .sf-pdp-custom .sf-fqb__dot::after{
                            content: "";
                            width: var(--sf-fqb-dot-inner, 18px);
                            height: var(--sf-fqb-dot-inner, 18px);
                            min-width: var(--sf-fqb-dot-inner, 18px);
                            min-height: var(--sf-fqb-dot-inner, 18px);
                            max-width: var(--sf-fqb-dot-inner, 18px);
                            max-height: var(--sf-fqb-dot-inner, 18px);
                            aspect-ratio: 1 / 1;
                            border-radius: 50%;
                            background: var(--sf-fqb-dot-inner-color, #F33733);
                            display: block;
                            flex: 0 0 auto;
                          }

                          .sf-pdp-custom .sf-fqb__eyebrow{
                            margin: 0;
                            font-family: var(--sf-fqb-eyebrow-family, "SF Inter", system-ui, sans-serif);
                            font-weight: var(--sf-fqb-eyebrow-weight, 600);
                            font-size: var(--sf-fqb-eyebrow-size-m, 11px);
                            line-height: var(--sf-fqb-eyebrow-line-m, 20.61px);
                            letter-spacing: var(--sf-fqb-eyebrow-ls, 0.37px);
                            text-transform: uppercase;
                            color: var(--sf-fqb-eyebrow-color, #111111);
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-fqb__eyebrow{
                              font-size: var(--sf-fqb-eyebrow-size-d, 11px);
                              line-height: var(--sf-fqb-eyebrow-line-d, 20.61px);
                            }
                          }

                          .sf-pdp-custom .sf-fqb__title{
                            margin: 0;
                            font-family: var(--sf-fqb-title-family, "SF Inter", system-ui, sans-serif);
                            font-weight: var(--sf-fqb-title-weight, 400);
                            font-size: var(--sf-fqb-title-size-m, 25px);
                            line-height: var(--sf-fqb-title-line-m, 1.06);
                            letter-spacing: var(--sf-fqb-title-ls, -0.02em);
                            color: var(--sf-fqb-title-color, #0b0b0b);
                            max-width: var(--sf-fqb-title-maxw-m, 100%);
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-fqb__title{
                              font-size: var(--sf-fqb-title-size-d, 28px);
                              line-height: var(--sf-fqb-title-line-d, 1.06);
                              max-width: var(--sf-fqb-title-maxw-d, 360px);
                            }
                          }

                          .sf-pdp-custom .sf-fqb__bottom{
                            margin-top: var(--sf-fqb-bottom-top, 14px);
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 14px;
                            width: 100%;
                            min-width: 0;
                          }

                          .sf-pdp-custom .sf-fqb__thumbs{
                            display: flex;
                            align-items: center;
                            gap: var(--sf-fqb-thumb-gap, 8px);
                            min-width: 0;
                            flex-wrap: nowrap;
                            overflow: hidden;
                          }

                          .sf-pdp-custom .sf-fqb__thumb{
                            width: var(--sf-fqb-thumb-size-m, 28px);
                            height: var(--sf-fqb-thumb-size-m, 40px);
                            min-width: var(--sf-fqb-thumb-size-m, 28px);
                            border-radius: var(--sf-fqb-thumb-radius, 8px);
                            overflow: hidden;
                            background: #ececec;
                            display: block;
                            flex: 0 0 auto;
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-fqb__thumb{
                              width: var(--sf-fqb-thumb-size-d, 28px);
                              height: var(--sf-fqb-thumb-height-d, 40px);
                            }
                          }

                          .sf-pdp-custom .sf-fqb__thumb img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            display: block;
                          }

                          .sf-pdp-custom .sf-fqb__more{
                            font-family: var(--sf-fqb-more-family, "SF Inter", system-ui, sans-serif);
                            font-weight: 500;
                            font-size: var(--sf-fqb-more-size, 12px);
                            color: var(--sf-fqb-more-color, #111111);
                            white-space: nowrap;
                          }

                          .sf-pdp-custom .sf-fqb__cta{
                            border: 0;
                            border-radius: var(--sf-fqb-btn-radius, 999px);
                            background: var(--sf-fqb-btn-bg, #000000);
                            color: var(--sf-fqb-btn-color, #ffffff);
                            min-height: var(--sf-fqb-btn-h-m, 60px);
                            padding: 0 var(--sf-fqb-btn-px-m, 28px);
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            gap: var(--sf-fqb-btn-gap, 12px);
                            cursor: pointer;
                            white-space: nowrap;
                            font-family: var(--sf-fqb-btn-family, "SF Inter", system-ui, sans-serif);
                            font-weight: var(--sf-fqb-btn-weight, 600);
                            font-size: var(--sf-fqb-btn-size-m, 18px);
                            line-height: 1;
                            letter-spacing: 0;
                            flex: 0 0 auto;
                            transition: transform .18s ease, opacity .18s ease, background .18s ease, color .18s ease;
                          }

                          .sf-pdp-custom .sf-fqb__cta:hover{
                            transform: translateY(-1px);
                          }

                          .sf-pdp-custom .sf-fqb__cta[disabled]{
                            opacity: .55;
                            cursor: not-allowed;
                            transform: none;
                          }

                          @media (min-width: 750px){
                            .sf-pdp-custom .sf-fqb__cta{
                              min-height: var(--sf-fqb-btn-h-d, 60px);
                              padding: 0 var(--sf-fqb-btn-px-d, 34px);
                              font-size: var(--sf-fqb-btn-size-d, 18px);
                            }
                          }

                          .sf-pdp-custom .sf-fqb__plus{
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: var(--sf-fqb-plus-size, 24px);
                            height: var(--sf-fqb-plus-size, 24px);
                            flex: 0 0 auto;
                            position: relative;
                          }

                          .sf-pdp-custom .sf-fqb__plus::before,
                          .sf-pdp-custom .sf-fqb__plus::after{
                            content: "";
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            width: var(--sf-fqb-plus-w, 18px);
                            height: var(--sf-fqb-plus-stroke, 2.5px);
                            border-radius: 999px;
                            background: currentColor;
                            transform: translate(-50%, -50%);
                          }

                          .sf-pdp-custom .sf-fqb__plus::after{
                            transform: translate(-50%, -50%) rotate(90deg);
                          }

                          .sf-pdp-custom .sf-fqb__btntext{
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            line-height: 1;
                          }

                          .sf-pdp-custom .sf-fqb__source{
                            display: none !important;
                          }
@media (max-width: 749px){
  .sf-pdp-custom .sf-fqb{
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: start;
  }

  .sf-pdp-custom .sf-fqb__bottom{
    flex-direction: column;
    align-items: flex-start;
  }

  .sf-pdp-custom .sf-fqb__cta{
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 750px) and (max-width: 989px){
  .sf-pdp-custom .sf-fqb__bottom{
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
  }

  .sf-pdp-custom .sf-fqb__thumbs{
    width: 100%;
    overflow: visible;
  }

  .sf-pdp-custom .sf-fqb__cta{
    width: 100%;
    justify-content: center;
  }
}

/* Extra free pair badge */
.sf-pdp-custom .sf-extra-free-pair-badge{
  width: var(--sf-efp-width-m, 206px);
  max-width: 100%;
  height: var(--sf-efp-height-m, 25px);
  min-height: var(--sf-efp-height-m, 25px);
  border-radius: var(--sf-efp-radius-m, 500px);
  background: var(--sf-efp-bg, #EA4335);

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

  margin: 0;
  padding: 0 12px;
  text-align: center;
  margin-top:2px;
}

.sf-pdp-custom .sf-extra-free-pair-badge__text{
  color: var(--sf-efp-text-color, #FFFFFF);
  font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
  font-weight: 700;
  font-size: var(--sf-efp-font-size-m, 9.8px);
  line-height: 1;
  letter-spacing: var(--sf-efp-letter-spacing, 0px);
  vertical-align: middle;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 750px) and (max-width: 989px){
  .sf-pdp-custom .sf-extra-free-pair-badge{
    width: var(--sf-efp-width-t, 420px);
    height: var(--sf-efp-height-t, 52px);
    min-height: var(--sf-efp-height-t, 52px);
    border-radius: var(--sf-efp-radius-t, 500px);
    padding: 0 24px;
  }

  .sf-pdp-custom .sf-extra-free-pair-badge__text{
    font-size: var(--sf-efp-font-size-t, 22px);
  }
}

@media (min-width: 990px){
  .sf-pdp-custom .sf-extra-free-pair-badge{
    width: var(--sf-efp-width-d, 520px);
    height: var(--sf-efp-height-d, 64px);
    min-height: var(--sf-efp-height-d, 64px);
    border-radius: var(--sf-efp-radius-d, 500px);
    padding: 0 32px;
  }

  .sf-pdp-custom .sf-extra-free-pair-badge__text{
    font-size: var(--sf-efp-font-size-d, 30px);
  }
}


/* LIMITED DROP STOCK CSS BLACK BOX */
.sf-limited-drop-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:start;
  column-gap:var(--sf-ltd-col-gap-d, 30px);
  row-gap:var(--sf-ltd-row-gap-d, 12px);
  background:var(--sf-ltd-bg, #0E0E0E);
  border-radius:var(--sf-ltd-radius-d, 14px);
  padding:var(--sf-ltd-pad-y-d, 24px) var(--sf-ltd-pad-x-d, 28px);
  color:#fff;
  overflow:hidden;
}

.sf-limited-drop-card__left{
  min-width:0;
}

.sf-limited-drop-card__right{
  min-width:160px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  text-align:right;
  height:100%;
}
.sf-limited-drop-card__stockrow{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:auto;
}
.sf-limited-drop-card__eyebrow{
  margin:0;
  font-family:var(--sf-font-helvetica, "SF Helvetica Neue", system-ui);
  font-weight:400;
  font-size:var(--sf-ltd-eyebrow-size-d, 12px);
  line-height:1.15;
  letter-spacing:-0.01em;
  color:var(--sf-ltd-eyebrow-color, #fff);
}

.sf-limited-drop-card__title{
  margin:10px 0 0;
  font-family:var(--sf-font-helvetica, "SF Helvetica Neue", system-ui);
  font-weight:700;
  font-size:var(--sf-ltd-title-size-d, 18px);
  line-height:1.05;
  letter-spacing:-0.05em;
  color:var(--sf-ltd-title-color, #fff);
  text-transform:uppercase;
}

.sf-limited-drop-card__divider{
  display:block;
  width:var(--sf-ltd-divider-w-d, 200px);
  height:1px;
  background:var(--sf-ltd-divider-color, rgba(255,255,255,0.32));
  margin-top:var(--sf-ltd-divider-gap-d, 10px);
}

.sf-limited-drop-card__bullets{
  margin-top:var(--sf-ltd-row-gap-d, 12px);
  display:flex;
  flex-direction:column;
  gap:2px;
}

.sf-limited-drop-card__bullet{
  font-family:var(--sf-font-helvetica, "SF Helvetica Neue", system-ui);
  font-weight:400;
  font-size:var(--sf-ltd-bullet-size-d, 10px);
  line-height:1.35;
  letter-spacing:0;
  color:var(--sf-ltd-bullet-color, #fff);
}

.sf-limited-drop-card__topline{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}

.sf-limited-drop-card__toplabel{
  font-family:var(--sf-font-helvetica, "SF Helvetica Neue", system-ui);
  font-weight:400;
  font-size:var(--sf-ltd-toplabel-size-d, 12px);
  line-height:1.15;
  letter-spacing:0;
  color:var(--sf-ltd-toplabel-color, #fff);
}

.sf-limited-drop-card__date{
  font-family:var(--sf-font-helvetica, "SF Helvetica Neue", system-ui);
  font-weight:500;
  font-size:var(--sf-ltd-date-size-d, 12px);
  line-height:1.15;
  letter-spacing:0;
  color:var(--sf-ltd-date-color, #fff);
}

.sf-limited-drop-card__stockrow{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.sf-limited-drop-card__stocklabel{
  font-family:var(--sf-font-inter, "SF Inter", system-ui);
  font-weight:400;
  font-size:var(--sf-ltd-stock-label-size-d, 8px);
  line-height:1.1;
  letter-spacing:-0.02em;
  color:var(--sf-ltd-stock-label-color, #fff);
}

.sf-limited-drop-card__stockpill{
  min-width:var(--sf-ltd-stock-pill-minw-d, 72px);
  height:var(--sf-ltd-stock-pill-h-d, 32px);
  padding:0 12px;
  border-radius:var(--sf-ltd-stock-pill-radius, 4px);
  background:var(--sf-ltd-stock-pill-bg, #D7253D);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:var(--sf-font-inter, "SF Inter", system-ui);
  font-weight:600;
  font-size:var(--sf-ltd-stock-pill-size-d, 12px);
  line-height:1;
  letter-spacing:-0.02em;
  color:var(--sf-ltd-stock-pill-color, #fff);
}

@media (max-width: 989px){
  .sf-limited-drop-card{
    grid-template-columns:minmax(0, 1fr);
  }

  .sf-limited-drop-card__right{
    min-width:0;
    width:100%;
    align-items:flex-start;
    text-align:left;
    gap:16px;
  }

  .sf-limited-drop-card__topline,
  .sf-limited-drop-card__stockrow{
    justify-content:flex-start;
  }
}

@media (max-width: 749px){
  .sf-limited-drop-card{
    grid-template-columns: minmax(0, 1fr) auto;
    border-radius: var(--sf-ltd-radius-m, 14px);
    padding: var(--sf-ltd-pad-y-m, 14px) var(--sf-ltd-pad-x-m, 16px);
    column-gap: var(--sf-ltd-col-gap-m, 12px);
    row-gap: var(--sf-ltd-row-gap-m, 10px);
    align-items: stretch;
  }

  .sf-limited-drop-card__left{
    min-width: 0;
  }

  .sf-limited-drop-card__right{
    min-width: max-content;
    width: auto;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right;
    height: 100%;
    gap: 10px;
  }

  .sf-limited-drop-card__eyebrow{
    font-size: var(--sf-ltd-eyebrow-size-m, 12px);
  }

  .sf-limited-drop-card__title{
    font-size: var(--sf-ltd-title-size-m, 18px);
    margin-top: 8px;
  }

  .sf-limited-drop-card__divider{
    width: var(--sf-ltd-divider-w-m, 160px);
    margin-top: var(--sf-ltd-divider-gap-m, 10px);
  }

  .sf-limited-drop-card__bullets{
    margin-top: var(--sf-ltd-row-gap-m, 10px);
  }

  .sf-limited-drop-card__bullet{
    font-size: var(--sf-ltd-bullet-size-m, 10px);
  }

  .sf-limited-drop-card__topline{
    justify-content: flex-end;
    gap: 8px;
  }

  .sf-limited-drop-card__toplabel{
    font-size: var(--sf-ltd-toplabel-size-m, 12px);
  }

  .sf-limited-drop-card__date{
    font-size: var(--sf-ltd-date-size-m, 12px);
  }

  .sf-limited-drop-card__stockrow{
    justify-content: flex-end;
    gap: 8px;
    margin-top: auto;
  }

  .sf-limited-drop-card__stocklabel{
    font-size: var(--sf-ltd-stock-label-size-m, 8px);
  }

  .sf-limited-drop-card__stockpill{
    min-width: var(--sf-ltd-stock-pill-minw-m, 72px);
    height: var(--sf-ltd-stock-pill-h-m, 32px);
    font-size: var(--sf-ltd-stock-pill-size-m, 12px);
  }
}
@media (max-width: 420px){
  .sf-limited-drop-card{
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-limited-drop-card__right{
    min-width: 0;
    width: 100%;
    align-items: flex-start;
    text-align: left;
    gap: 14px;
    margin-top: 6px;
  }

  .sf-limited-drop-card__topline,
  .sf-limited-drop-card__stockrow{
    justify-content: flex-start;
  }

  .sf-limited-drop-card__stockrow{
    margin-top: 0;
  }
}

/* Progress bar stock don miss out block css */
/* ===============================
   PRIVATE OFFER PROGRESS BLOCK
================================= */

.sf-private-offer{
  background: var(--sf-po-bg, #000);
  border-radius: var(--sf-po-radius-m, 16px);
  padding: var(--sf-po-pad-y-m, 16px) var(--sf-po-pad-x-m, 16px);
  color: var(--sf-po-text-color, #fff);
  width: 100%;
  overflow: hidden;
}

.sf-private-offer__top{
  display: grid;
  grid-template-columns: var(--sf-po-icon-size-w-m, 14px) minmax(0, 1fr);
  align-items: start;
  column-gap: var(--sf-po-top-gap-m, 12px);
}

.sf-private-offer__icon{
  width: var(--sf-po-icon-size-w-m, 14px);
  height: var(--sf-po-icon-size-h-m, 15px);
  color: var(--sf-po-icon-color, #fff);
  line-height: 0;
  margin-top: 1px;
}

.sf-private-offer__icon svg{
  width: 100%;
  height: 100%;
  display: block;
}

.sf-private-offer__text{
  color: var(--sf-po-text-color, #fff);
  font-family: var(--sf-font-inter, "Inter", system-ui, sans-serif);
  font-size: var(--sf-po-text-size-m, 11px);
  font-weight: var(--sf-po-text-weight, 300);
  line-height: var(--sf-po-text-line, 1.4);
  letter-spacing: 0;
}

.sf-private-offer__barwrap{
  position: relative;
  margin-top: var(--sf-po-bar-top-m, 16px);
  padding-top: 18px;
}

.sf-private-offer__bar{
  width: 100%;
  height: var(--sf-po-bar-h-m, 10px);
  background: var(--sf-po-bar-empty, #474747);
  border-radius: var(--sf-po-bar-radius, 999px);
  overflow: hidden;
}

.sf-private-offer__fill{
  display: block;
  width: var(--sf-po-progress, 84%);
  height: 100%;
  background: var(--sf-po-bar-fill, #fff);
  border-radius: inherit;
}

.sf-private-offer__bubble{
  position: absolute;
  top: 0;
  left: clamp(40px, var(--sf-po-progress, 84%), calc(100% - 40px));
  transform: translateX(-50%);
  background: var(--sf-po-bubble-bg, #fff);
  color: var(--sf-po-bubble-color, #000);
  border-radius: var(--sf-po-bubble-radius, 999px);
  padding: var(--sf-po-bubble-pad-y-m, 8px) var(--sf-po-bubble-pad-x-m, 12px);
  font-family: var(--sf-font-inter, "Inter", system-ui, sans-serif);
  font-size: var(--sf-po-bubble-size-m, 12px);
  font-weight: var(--sf-po-bubble-weight, 700);
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
  margin-top:7px;
}

@media (min-width: 750px){
  .sf-private-offer{
    border-radius: var(--sf-po-radius-d, 16px);
    padding: var(--sf-po-pad-y-d, 20px) var(--sf-po-pad-x-d, 20px);
  }

  .sf-private-offer__top{
    grid-template-columns: var(--sf-po-icon-size-w-d, 14px) minmax(0, 1fr);
    column-gap: var(--sf-po-top-gap-d, 14px);
  }

  .sf-private-offer__icon{
    width: var(--sf-po-icon-size-w-d, 14px);
    height: var(--sf-po-icon-size-h-d, 15px);
  }

  .sf-private-offer__text{
    font-size: var(--sf-po-text-size-d, 11px);
  }

  .sf-private-offer__barwrap{
    margin-top: var(--sf-po-bar-top-d, 18px);
  }

  .sf-private-offer__bar{
    height: var(--sf-po-bar-h-d, 10px);
  }

  .sf-private-offer__bubble{
    padding: var(--sf-po-bubble-pad-y-d, 10px) var(--sf-po-bubble-pad-x-d, 14px);
    font-size: var(--sf-po-bubble-size-d, 12px);
  }
}


/* ===== BOGO summary card states - final override ===== */

/* Base selected/unlocked pair */
.sf-pdp-custom .sf-bogo-summary-card.is-active{
  border: 0.8px solid #111 !important;
  box-shadow: none !important;
}

/* Currently editing pair = SUPER ACTIVE */
.sf-pdp-custom .sf-bogo-summary-card.is-current{
  border: 0.8px solid #111 !important;
  box-shadow: inset 0 0 0 1px #111 !important;
}

/* Pair 2 before user opens it */
.sf-pdp-custom .sf-bogo-summary-card.is-pending{
  opacity: .56;
  filter: grayscale(.55);
  cursor: pointer;
  box-shadow: none !important;
}

/* Hard locked state */
.sf-pdp-custom .sf-bogo-summary-card.is-locked{
  opacity: .45;
  filter: grayscale(.65);
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none !important;
}

/* Invalid/out of stock must beat active/current */
.sf-pdp-custom .sf-bogo-summary-card.is-invalid{
  border: 0.8px solid #EA4335 !important;
  box-shadow: inset 0 0 0 1px #EA4335 !important;
}

.sf-pdp-custom .sf-bogo-summary-card.is-invalid .sf-bogo-summary-card__media{
  border-color: #EA4335 !important;
}

/* BOGO notify state must look unavailable but stay clickable */
.sf-pdp-custom .sf-atc-btn.is-notify{
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.sf-pdp-custom .sf-atc-btn.is-notify:hover{
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.sf-pdp-custom .sf-atc-btn.is-out-of-stock,
.sf-pdp-custom .sf-atc-btn[disabled]:not(.is-notify){
  background: rgba(32, 150, 83, .55) !important;
  border-color: rgba(101, 205, 169, .65) !important;
  color: #ffffff !important;
  cursor: not-allowed !important;
  opacity: .65 !important;
  pointer-events: none !important;
}

.sf-pdp-custom .sf-atc-btn.is-notify[disabled]{
  pointer-events: auto !important;
  cursor: pointer !important;
}





/* Klaviyo Back In Stock button spacing fix */
.sf-pdp-custom .product-form button[data-a11y-identifier^="bis-button"],
.sf-pdp-custom .product-form button.needsclick[class*="kl-private-reset-css"] {
  width: 100% !important;
  min-height: 54px !important;
  height: auto !important;

  padding: 13px 28px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  white-space: normal !important;
  text-align: center !important;
  line-height: 1.25 !important;

  border-radius: 999px !important;
}

/* Smaller mobile screens */
@media (max-width: 749px) {
  .sf-pdp-custom .product-form button[data-a11y-identifier^="bis-button"],
  .sf-pdp-custom .product-form button.needsclick[class*="kl-private-reset-css"] {
    min-height: 52px !important;
    padding: 12px 20px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
  }
}

/* Very narrow phones */
@media (max-width: 380px) {
  .sf-pdp-custom .product-form button[data-a11y-identifier^="bis-button"],
  .sf-pdp-custom .product-form button.needsclick[class*="kl-private-reset-css"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 11px !important;
  }
}

/* Customer review + feature bullets block */
.sf-pdp-custom .sf-rf{
  width: 100%;
}

.sf-pdp-custom .sf-rf__review-wrap{
  width: 100%;
}

.sf-pdp-custom .sf-rf__track{
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 0;
}

.sf-pdp-custom .sf-rf__track::-webkit-scrollbar{
  display: none;
  width: 0;
  height: 0;
}

.sf-pdp-custom .sf-rf__card{
  flex: 0 0 100%;
  scroll-snap-align: start;
  width: 100%;
  margin: 0;
  border: 1px solid var(--sf-rf-card-border, #DFE4EC);
  background: var(--sf-rf-card-bg, #FFFFFF);
  border-radius: var(--sf-rf-card-radius-m, 8px);
  padding: var(--sf-rf-card-pad-y-m, 13px) var(--sf-rf-card-pad-x-m, 12px);

  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-height: 82px;
}
.sf-pdp-custom .sf-rf__review-title{
  margin: 0 0 14px;
  color: #000000;
  font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
  font-weight: 600;
  font-style: italic;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.01em;
}

.sf-pdp-custom .sf-rf__quote{
  margin: 0;
  color: #000000;
  font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
  font-weight: 400;
  font-style: italic;
  font-size: var(--sf-rf-review-size-m, 14px);
  line-height: var(--sf-rf-review-line, 1.2);
  letter-spacing: var(--sf-rf-review-ls, -0.01em);
}

.sf-pdp-custom .sf-rf__buyer{
  margin-top: 12px;
  padding-top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  gap: 5px;
  color: #000000;
  font-family: var(--sf-font-inter, "SF Inter", system-ui, sans-serif);
  font-weight: 600;
  font-size: var(--sf-rf-buyer-size-m, 10px);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.sf-pdp-custom .sf-rf__verified-icon{
  width: var(--sf-rf-buyer-icon, 12px);
  height: var(--sf-rf-buyer-icon, 12px);
  display: block;
  object-fit: contain;
}

.sf-pdp-custom .sf-rf__verified-fallback{
  width: var(--sf-rf-buyer-icon, 12px);
  height: var(--sf-rf-buyer-icon, 12px);
  border-radius: 999px;
  background: #3BA3FF;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  line-height: 1;
}

.sf-pdp-custom .sf-rf__dots{
  margin-top: var(--sf-rf-review-dot-gap, 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sf-rf-dot-gap, 5px);
}

.sf-pdp-custom .sf-rf__dot{
  width: var(--sf-rf-dot-size, 8px);
  height: var(--sf-rf-dot-size, 8px);
  min-width: var(--sf-rf-dot-size, 8px);
  min-height: var(--sf-rf-dot-size, 8px);
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: var(--sf-rf-dot-inactive, #DFE4EC);
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.sf-pdp-custom .sf-rf__dot[aria-current="true"]{
  background: var(--sf-rf-dot-active, #000000);
}

.sf-pdp-custom .sf-rf__dot:focus-visible{
  outline: 2px solid #000000;
  outline-offset: 3px;
}

.sf-pdp-custom .sf-rf__features{
  list-style: none;
  padding: 0;
  margin: var(--sf-rf-dots-features-gap, 20px) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--sf-rf-feature-row-gap, 7px);
}

.sf-pdp-custom .sf-rf__feature{
  display: flex;
  align-items: flex-start;
  gap: var(--sf-rf-feature-gap, 11px);
  color: #000000;
}

.sf-pdp-custom .sf-rf__feature-icon{
  width: var(--sf-rf-feature-icon, 18px);
  height: var(--sf-rf-feature-icon, 18px);
  min-width: var(--sf-rf-feature-icon, 18px);
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sf-pdp-custom .sf-rf__feature-icon-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.sf-pdp-custom .sf-rf__feature-fallback{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: #229B5A;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
}

.sf-pdp-custom .sf-rf__feature-text{
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  color: #000000;
  font-family: "SF Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: var(--sf-rf-feature-size-m, 16px);
  line-height: var(--sf-rf-feature-line-m, 23px);
  letter-spacing: var(--sf-rf-feature-ls, -0.02em);
}

/* Tablet/Desktop */
@media (min-width: 750px){
  .sf-pdp-custom .sf-rf__review-title{
  font-size: 12px;
}

.sf-pdp-custom .sf-rf__card{
  border-radius: var(--sf-rf-card-radius-d, 8px);
  padding: var(--sf-rf-card-pad-y-d, 14px) var(--sf-rf-card-pad-x-d, 14px);
  min-height: 86px;
}

  .sf-pdp-custom .sf-rf__quote{
    font-size: var(--sf-rf-review-size-d, 14px);
  }

  .sf-pdp-custom .sf-rf__buyer{
    font-size: var(--sf-rf-buyer-size-d, 10px);
  }

  .sf-pdp-custom .sf-rf__feature-text{
    font-size: var(--sf-rf-feature-size-d, 16px);
    line-height: var(--sf-rf-feature-line-d, 23px);
  }
}


.sf-pdp-custom .sf-klaviyo-bis-trigger{
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
@media (min-width: 750px) and (max-width: 989px){
  .sf-pdp-custom .sf-bogo-offer-card__title-row{
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }

  .sf-pdp-custom .sf-bogo-offer-card__badge{
    width: max-content;
  }

  .sf-pdp-custom .sf-bogo-offer-card__left{
    align-items: start;
  }

  .sf-pdp-custom .sf-bogo-offer-card__dot{
    margin-top: 2px;
  }
}