/** Shopify CDN: Minification failed

Line 32:4 All "@import" rules must come first

**/
#s-dc913e2c-c839-4912-8469-1eb2445d5c19{margin-top:-50px;margin-left:auto;margin-right:auto;text-align:left}.knr-c:before,.knr-c:after{content:" ";display:table}.knr-root{z-index:1;position:relative;isolation:isolate}.knr-root iframe{display:initial}#mc_embed_signup .clear{width:auto !important;height:auto !important;visibility:visible !important}.knr-clearfix:after{content:"";display:block;clear:both}.knr-image{max-width:100%;min-height:inherit;max-height:inherit;display:inline !important;border:0;vertical-align:middle}.knr-fw{margin-left:calc(50% - 50vw);width:100vw}.knr-fw .knr-fw{margin-left:auto;margin-right:auto;width:100%}div[data-knr-lightbox-switch]{cursor:pointer}.knr-lightbox{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.85)}.knr-lightbox.hidden{display:none !important}.knr-lightbox .knr-lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center}.knr-lightbox .knr-lightbox-close{position:absolute;right:0;padding:5px 0;color:#fff;font-size:45px;margin-right:10px;line-height:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;z-index:1}.knr-lightbox .knr-lightbox-image-container{padding:25px}.knr-lightbox .knr-lightbox-image{margin:auto;max-height:90vh;max-width:100%}.knr-lightbox .knr-lightbox-close:hover,.knr-lightbox .knr-lightbox-close:focus{color:#a2a2a2;text-decoration:none;cursor:pointer}.knr-lightbox .knr-lightbox-nav{cursor:pointer;position:absolute;top:50%;width:35px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(0%, -50%);z-index:1}.knr-lightbox .knr-lightbox-nav.hidden{display:none !important}.knr-lightbox .knr-lightbox-nav.knr-nav-left{left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==)}.knr-lightbox .knr-lightbox-nav.knr-nav-right{right:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+)}@media screen and (min-width: 769px){.knr-lightbox .knr-lightbox-image-container{padding:50px}}.knr-lazyload:not([src]),.knr-lazyloading:not([src]){opacity:0}.knr-lazyloaded{opacity:1;transition:opacity 300ms}.knr-root a:empty,.knr-root article:empty,.knr-root dl:empty,.knr-root h1:empty,.knr-root h2:empty,.knr-root h3:empty,.knr-root h4:empty,.knr-root h5:empty,.knr-root h6:empty,.knr-root p:empty,.knr-root section:empty,.knr-root ul:empty{display:unset}.knr-root div:empty:not(.shopify-section *):not([id^="wistia"]){display:inline-block}[data-animations*="enterviewport"][data-animations*="fadeIn"],[data-animations*="enterviewport"][data-animations*="zoomIn"]{opacity:0}.knr-form-error-msg,.knr-form-field-error-msg{display:flex;align-items:center;color:#dc143c}.knr-badge{margin-bottom:50px}.knr-badge-container{position:fixed;right:0;bottom:0;margin-bottom:-10px}


    #clr-section{
      --clr-paper:#f5f5f5;
      --clr-paper-warm:#f8f4ec;
      --clr-white:#ffffff;
      --clr-sand:#e7decf;
      --clr-sand-soft:#efe7d8;
      --clr-ink:#1c1a17;
      --clr-ink-soft:#6b665c;
      --clr-accent:#1972bc;
      --clr-accent-deep:#124e82;
      --clr-accent-tint:#e9f1f8;
      --clr-metal:#8a8f96;
      --clr-nylon:#c98a4b;
      --clr-r:6px;
      --clr-s1:0 1px 2px rgba(28,26,23,.05), 0 1px 1px rgba(28,26,23,.04);
      --clr-s2:0 6px 16px rgba(28,26,23,.08), 0 2px 6px rgba(28,26,23,.05);
      --clr-s3:0 20px 48px rgba(28,26,23,.14), 0 6px 16px rgba(28,26,23,.08);
      --clr-fd:'Oswald',sans-serif;
      --clr-fb-num:'Bebas Neue',sans-serif;
      --clr-fb:'Barlow',sans-serif;
      --clr-fc:'Barlow Condensed',sans-serif;
    }

    @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Bebas+Neue&family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700&display=swap');

    #clr-section, #clr-section *{ box-sizing:border-box; }
    #clr-section{
      background:
        radial-gradient(ellipse 1200px 600px at 15% -10%, var(--clr-paper-warm), transparent 60%),
        radial-gradient(ellipse 900px 700px at 100% 10%, #fbf8f1, transparent 55%),
        var(--clr-paper);
      color:var(--clr-ink);
      font-family:var(--clr-fb);
      padding:64px 24px 88px;
      line-height:1.5;
      -webkit-font-smoothing:antialiased;
    }
    #clr-section .clr-shell{ max-width:1180px; margin:0 auto; }

    /* ---------- reveal ---------- */
    #clr-section .clr-reveal{ opacity:0; transform:translateY(18px); transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
    #clr-section .clr-reveal.clr-in{ opacity:1; transform:translateY(0); }
    @media (prefers-reduced-motion: reduce){
      #clr-section .clr-reveal{ opacity:1; transform:none; transition:none; }
    }

    /* ---------- top grid ---------- */
    #clr-section .clr-grid{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
      gap:56px;
      align-items:start;
    }
    @media (max-width:900px){
      #clr-section .clr-grid{ grid-template-columns:1fr; gap:32px; }
    }

    /* ---------- gallery ---------- */
    #clr-section .clr-gallery-wrap{ position:sticky; top:24px; }
    @media (max-width:900px){ #clr-section .clr-gallery-wrap{ position:static; } }

    #clr-section .clr-gallery{
      position:relative;
      background:var(--clr-white);
      border:1px solid var(--clr-sand);
      border-radius:var(--clr-r);
      box-shadow:var(--clr-s3);
      overflow:hidden;
    }
    #clr-section .clr-track{
      display:flex;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    #clr-section .clr-track::-webkit-scrollbar{ display:none; }
    #clr-section .clr-slide{
      flex:0 0 100%;
      scroll-snap-align:start;
      aspect-ratio:1/1;
      display:flex; align-items:center; justify-content:center;
      background:var(--clr-white);
    }
    #clr-section .clr-slide img{ width:100%; height:100%; object-fit:contain; padding:28px; }

    #clr-section .clr-arrow{
      position:absolute; top:50%; transform:translateY(-50%);
      width:40px; height:40px; border-radius:50%;
      background:rgba(255,255,255,.85); backdrop-filter:blur(6px);
      border:1px solid var(--clr-sand);
      display:flex; align-items:center; justify-content:center;
      cursor:pointer; box-shadow:var(--clr-s1); transition:background .2s, transform .2s;
      color:var(--clr-ink);
    }
    #clr-section .clr-arrow:hover{ background:var(--clr-white); transform:translateY(-50%) scale(1.06); }
    #clr-section .clr-arrow-prev{ left:14px; }
    #clr-section .clr-arrow-next{ right:14px; }

    #clr-section .clr-counter{
      position:absolute; bottom:14px; right:14px;
      background:rgba(28,26,23,.72); color:#fff;
      font-family:var(--clr-fc); font-size:12px; letter-spacing:.06em;
      padding:4px 10px; border-radius:100px;
    }

    #clr-section .clr-thumbs{
      display:flex; gap:8px; margin-top:12px; overflow-x:auto; padding-bottom:2px; scrollbar-width:thin;
    }
    #clr-section .clr-thumb{
      flex:0 0 56px; width:56px; height:56px; border-radius:5px;
      border:1.5px solid var(--clr-sand); background:var(--clr-white); cursor:pointer;
      display:flex; align-items:center; justify-content:center; overflow:hidden;
      transition:border-color .2s;
    }
    #clr-section .clr-thumb img{ width:100%; height:100%; object-fit:contain; padding:6px; }
    #clr-section .clr-thumb.clr-active{ border-color:var(--clr-accent); }

    /* ---------- buy box ---------- */
    #clr-section .clr-eyebrow{
      font-family:var(--clr-fc); font-weight:600; font-size:12.5px; letter-spacing:.16em;
      text-transform:uppercase; color:var(--clr-accent);
      display:flex; align-items:center; gap:10px; margin-bottom:14px;
    }
    #clr-section .clr-eyebrow::after{
      content:''; flex:1; height:1px;
      background:linear-gradient(90deg, var(--clr-sand), transparent);
    }
    #clr-section .clr-title{
      font-family:var(--clr-fd); font-weight:600; text-transform:uppercase;
      font-size:clamp(30px,3.6vw,42px); line-height:1.06; letter-spacing:.005em;
      margin:0 0 12px;
    }
    #clr-section .clr-title em{ font-style:normal; color:var(--clr-accent); }
    #clr-section .clr-subtitle{
      font-size:16px; color:var(--clr-ink-soft); max-width:46ch; margin:0 0 24px;
    }

    #clr-section .clr-price-row{ display:flex; align-items:baseline; gap:12px; margin-bottom:26px; }
    #clr-section .clr-price{ font-family:var(--clr-fd); font-weight:600; font-size:28px; }
    #clr-section .clr-installment{ font-size:13px; color:var(--clr-ink-soft); }

    /* option groups */
    #clr-section .clr-option-group{ margin-bottom:22px; }
    #clr-section .clr-option-label{
      font-family:var(--clr-fc); font-weight:600; font-size:13px; letter-spacing:.06em;
      text-transform:uppercase; color:var(--clr-ink); margin-bottom:10px;
      display:flex; gap:6px;
    }
    #clr-section .clr-option-value{ color:var(--clr-ink-soft); font-weight:500; text-transform:none; letter-spacing:0; }
    #clr-section .clr-chips{ display:flex; flex-wrap:wrap; gap:8px; }
    #clr-section .clr-chip{
      font-family:var(--clr-fb); font-weight:600; font-size:13.5px;
      padding:10px 16px; border-radius:100px; border:1.5px solid var(--clr-sand);
      background:var(--clr-white); color:var(--clr-ink); cursor:pointer;
      display:flex; align-items:center; gap:6px; transition:all .18s;
    }
    #clr-section .clr-chip small{ font-family:var(--clr-fc); font-weight:500; color:var(--clr-ink-soft); font-size:11.5px; letter-spacing:.03em; }
    #clr-section .clr-chip:hover{ border-color:var(--clr-accent); }
    #clr-section .clr-chip.clr-active{ background:var(--clr-accent-tint); border-color:var(--clr-accent); color:var(--clr-accent-deep); }
    #clr-section .clr-chip.clr-active small{ color:var(--clr-accent-deep); opacity:.75; }

    #clr-section .clr-stock-row{
      display:flex; align-items:center; gap:9px; margin:20px 0 18px; font-size:13.5px; color:var(--clr-ink-soft);
    }
    #clr-section .clr-stock-dot{
      width:8px; height:8px; border-radius:50%; background:#2f9e58; flex:none;
      box-shadow:0 0 0 0 rgba(47,158,88,.5); animation:clr-pulse 2s infinite;
    }
    @keyframes clr-pulse{
      0%{ box-shadow:0 0 0 0 rgba(47,158,88,.45); }
      70%{ box-shadow:0 0 0 7px rgba(47,158,88,0); }
      100%{ box-shadow:0 0 0 0 rgba(47,158,88,0); }
    }
    #clr-section .clr-stock-row.clr-oos .clr-stock-dot{ background:#b3453f; animation:none; }

    #clr-section .clr-add-btn{
      width:100%; height:52px; border:none; border-radius:var(--clr-r);
      background:var(--clr-accent); color:#fff; font-family:var(--clr-fc);
      font-weight:700; font-size:14.5px; letter-spacing:.08em; text-transform:uppercase;
      cursor:pointer; display:flex; align-items:center; justify-content:center; gap:10px;
      box-shadow:var(--clr-s2); transition:background .2s, transform .2s;
    }
    #clr-section .clr-add-btn:hover{ background:var(--clr-accent-deep); transform:translateY(-1px); }
    #clr-section .clr-add-btn:disabled{ background:#b8b3a6; cursor:not-allowed; transform:none; }
    #clr-section .clr-add-btn.clr-added{ background:#2f9e58; }

    #clr-section .clr-guarantee{
      text-align:center; font-size:12.5px; color:var(--clr-ink-soft); margin-top:10px; font-family:var(--clr-fc); letter-spacing:.02em;
    }

    #clr-section .clr-trust-row{
      display:flex; flex-direction:column; gap:10px; margin-top:26px; padding-top:22px; border-top:1px solid var(--clr-sand);
    }
    #clr-section .clr-trust-item{ display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:var(--clr-ink); }
    #clr-section .clr-trust-item svg{ flex:none; margin-top:1px; color:var(--clr-accent); }

    /* klaviyo notify */
    #clr-section .clr-notify{
      margin-top:16px; padding:16px; background:var(--clr-accent-tint); border-radius:var(--clr-r); border:1px solid #cfe0ee;
    }
    #clr-section .clr-notify p{ margin:0 0 10px; font-size:13px; color:var(--clr-ink); font-weight:500; }
    #clr-section .clr-notify-row{ display:flex; gap:8px; }
    #clr-section .clr-notify-row input{
      flex:1; height:40px; border:1px solid var(--clr-sand); border-radius:5px; padding:0 12px; font-family:var(--clr-fb); font-size:13.5px;
    }
    #clr-section .clr-notify-row button{
      height:40px; padding:0 16px; border:none; border-radius:5px; background:var(--clr-ink); color:#fff;
      font-family:var(--clr-fc); font-weight:700; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; cursor:pointer;
    }
    #clr-section .clr-notify-msg{ font-size:12.5px; margin-top:8px; color:#2f9e58; display:none; }

    /* ---------- fit finder ---------- */
    #clr-section .clr-fit{
      margin-top:88px; background:var(--clr-white); border:1px solid var(--clr-sand); border-radius:var(--clr-r);
      box-shadow:var(--clr-s2); padding:44px clamp(20px,4vw,48px);
    }
    #clr-section .clr-fit-head{ text-align:center; max-width:560px; margin:0 auto 40px; }
    #clr-section .clr-fit-head .clr-eyebrow{ justify-content:center; }
    #clr-section .clr-fit-head .clr-eyebrow::after{ display:none; }
    #clr-section .clr-fit-head h2{
      font-family:var(--clr-fd); font-weight:600; text-transform:uppercase; font-size:clamp(24px,2.6vw,30px); margin:0 0 10px;
    }
    #clr-section .clr-fit-head p{ color:var(--clr-ink-soft); font-size:14.5px; margin:0; }

    #clr-section .clr-fit-body{ display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:start; }
    @media (max-width:820px){ #clr-section .clr-fit-body{ grid-template-columns:1fr; gap:36px; } }

    #clr-section .clr-compat-card{
      border:1px solid var(--clr-sand); border-radius:var(--clr-r); padding:20px 22px; margin-bottom:14px; background:var(--clr-paper-warm);
    }
    #clr-section .clr-compat-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
    #clr-section .clr-compat-swatch{ width:14px; height:14px; border-radius:50%; flex:none; }
    #clr-section .clr-compat-swatch.clr-swatch-max{ background:linear-gradient(135deg,#c9ccd1,#8a8f96); }
    #clr-section .clr-compat-swatch.clr-swatch-pro{ background:linear-gradient(135deg,#e2a869,var(--clr-nylon)); }
    #clr-section .clr-compat-name{ font-family:var(--clr-fc); font-weight:700; font-size:15px; letter-spacing:.02em; text-transform:uppercase; }
    #clr-section .clr-compat-list{ display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; }
    #clr-section .clr-compat-tag{
      font-family:var(--clr-fc); font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:uppercase;
      background:var(--clr-white); border:1px solid var(--clr-sand); border-radius:100px; padding:4px 10px; color:var(--clr-ink-soft);
    }

    #clr-section .clr-size-note{ font-size:13px; color:var(--clr-ink-soft); margin-top:14px; }
    #clr-section .clr-size-note strong{ color:var(--clr-ink); }

    #clr-section .clr-diagram{ text-align:center; }
    #clr-section .clr-diagram svg{ width:100%; max-width:360px; height:auto; }
    #clr-section .clr-diagram-caption{ font-family:var(--clr-fc); font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--clr-ink-soft); margin-top:10px; }

    /* ---------- specs strip ---------- */
    #clr-section .clr-specs{
      margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--clr-sand); border-radius:var(--clr-r);
      overflow:hidden; background:var(--clr-white);
    }
    #clr-section .clr-specs-cell{ padding:26px 18px; text-align:center; border-left:1px solid var(--clr-sand); }
    #clr-section .clr-specs-cell:first-child{ border-left:none; }
    #clr-section .clr-specs-num{ font-family:var(--clr-fb-num); font-size:38px; line-height:1; color:var(--clr-accent); }
    #clr-section .clr-specs-label{ font-family:var(--clr-fc); font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--clr-ink-soft); margin-top:6px; }
    @media (max-width:700px){
      #clr-section .clr-specs{ grid-template-columns:repeat(2,1fr); }
      #clr-section .clr-specs-cell:nth-child(3){ border-left:none; }
    }

    /* ---------- dark callout ---------- */
    #clr-section .clr-callout{
      margin-top:24px; background:#1c1a17; color:#f2efe8; border-radius:var(--clr-r);
      padding:48px clamp(24px,5vw,64px); display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center;
    }
    @media (max-width:820px){ #clr-section .clr-callout{ grid-template-columns:1fr; } }
    #clr-section .clr-callout h3{ font-family:var(--clr-fd); font-weight:600; text-transform:uppercase; font-size:clamp(22px,2.4vw,28px); margin:0 0 14px; }
    #clr-section .clr-callout p{ color:#c9c4b8; font-size:14.5px; line-height:1.7; margin:0; }
    #clr-section .clr-callout-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
    #clr-section .clr-callout-list li{ display:flex; gap:12px; align-items:flex-start; font-size:13.5px; color:#e8e4d9; }
    #clr-section .clr-callout-list svg{ flex:none; color:#e2a869; margin-top:2px; }
  
