/** Shopify CDN: Minification failed

Line 371:2 Unexpected "{"
Line 371:3 Expected identifier but found "%"
Line 371:54 Unexpected "{"
Line 371:60 Expected ":"
Line 371:63 Unexpected ","
Line 372:60 Expected identifier but found "%"

**/
/* START_SECTION:ce-cart-drawer (INDEX:3) */
/* Quick-add button used by product cards on the homepage and collection.
     Styles live here because this section is in the header group and therefore
     present on every template that renders a card. */
  /* Same object as the header's icon buttons (.ce-hd__ic): 38px circle, 20px
     stroked icon, #E4E0D8 hairline, near-black ink. Sizing is stated with
     flex-basis and min/max as well as width/height so a theme rule on `button`
     cannot stretch it. */
  /* The theme forces display:block on card links/buttons, which killed the flex
     centering and parked the icon in the top-left corner. Element+class raises
     specificity and !important guarantees the layout mode survives. */
  a.ce-qa,button.ce-qa{display:inline-flex !important;align-items:center;justify-content:center}
  /* Chat launcher sits bottom-right and was covering the sticky buy bar and the
     quick-add buttons on mobile. Lift it above the bar and shrink it slightly.
     Selectors cover the common launchers (Shopify Inbox, Tidio, Crisp, Gorgias)
     because the widget renders outside the theme and we cannot style it directly. */
  @media(max-width:749px){
    #ShopifyChat, .shopify-chat-container,
    #tidio-chat, #tidio-chat-iframe,
    .crisp-client .cc-1brb6, #gorgias-chat-container, #chat-button,
    iframe[title*="chat" i], iframe[id*="chat" i]{
      bottom: 84px !important;
      z-index: 55 !important;
    }
    /* when the review or picker is open, get the launcher out of the way entirely */
    body:has(.ce-vp:not([hidden])) #ShopifyChat,
    body:has(.ce-vp:not([hidden])) .shopify-chat-container,
    body:has(.ce-cd[data-open]) #ShopifyChat,
    body:has(.ce-cd[data-open]) .shopify-chat-container{ display:none !important; }
  }

  .ce-qa{position:absolute;right:10px;bottom:10px;
    width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;
    flex:0 0 38px;box-sizing:border-box;border-radius:50%;
    background:#fff;border:1px solid #E4E0D8;color:#141414;cursor:pointer;padding:0;margin:0;
    display:inline-flex;align-items:center;justify-content:center;z-index:3;
    box-shadow:0 2px 8px rgba(20,20,20,.12);text-decoration:none;line-height:0;
    transition:background .16s,color .16s,border-color .16s}
  .ce-qa svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;
    stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}
  .ce-qa:hover{background:#141414;border-color:#141414;color:#fff}
  .ce-qa:focus-visible{outline:2px solid #141414;outline-offset:2px}
  .ce-qa[disabled]{opacity:.5;cursor:default}
  .ce-qa[data-done]{background:#D6334D;border-color:#D6334D;color:#fff}
  @media(max-width:639px){
    .ce-qa{right:8px;bottom:8px;
      width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;flex:0 0 34px}
    .ce-qa svg{width:16px;height:16px;flex:0 0 16px}
  }
  @media(prefers-reduced-motion:reduce){.ce-qa{transition:none}}

  .ce-vp{position:fixed;inset:0;z-index:90}
  .ce-vp[hidden]{display:none}
  .ce-vp__scrim{position:absolute;inset:0;background:rgba(10,10,10,.5)}
  .ce-vp__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:min(92vw,400px);background:#fff;border-radius:16px;padding:22px 22px 20px;
    box-shadow:0 24px 60px rgba(0,0,0,.22)}
  .ce-vp__x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;
    border:1px solid #E4E0D8;background:#fff;color:#141414;cursor:pointer;padding:0;
    display:inline-flex;align-items:center;justify-content:center}
  .ce-vp__x svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .ce-vp__top{display:flex;gap:13px;align-items:center;margin-bottom:18px;padding-right:34px}
  .ce-vp__img{flex:0 0 62px;width:62px;height:62px;border-radius:10px;overflow:hidden;background:#EDEAE4}
  .ce-vp__img img{width:100%;height:100%;object-fit:cover;display:block}
  .ce-vp__t{font-size:.92rem;font-weight:700;color:#141414;line-height:1.25}
  .ce-vp__p{margin-top:.3rem;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;color:#141414}
  .ce-vp__p s{color:#8A857D;margin-left:.4rem}
  .ce-vp__optlab{display:block;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;
    letter-spacing:.2em;text-transform:uppercase;color:#8A857D;margin:0 0 8px}
  .ce-vp__row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
  .ce-vp__v{border:1px solid #CFC9BF;background:#fff;color:#141414;border-radius:999px;
    padding:9px 15px;font:600 .78rem/1 inherit;cursor:pointer}
  .ce-vp__v.on{background:#141414;color:#fff;border-color:#141414}
  .ce-vp__v[disabled]{color:#B3ADA4;text-decoration:line-through;cursor:not-allowed;background:#FAF9F7}
  .ce-vp__add{display:block;width:100%;background:#141414;color:#fff;border:0;border-radius:999px;
    padding:16px 24px;font:800 .76rem/1 inherit;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
  .ce-vp__add:hover{background:#000}
  .ce-vp__add[disabled]{opacity:.45;cursor:not-allowed}
  .ce-vp__err{margin:.7rem 0 0;font-size:.8rem;color:#B3261E;text-align:center}
  .ce-vp__x:focus-visible,.ce-vp__v:focus-visible,.ce-vp__add:focus-visible{
    outline:2px solid #141414;outline-offset:2px}

  .ce-cd{position:fixed;inset:0;z-index:80}
  .ce-cd[hidden]{display:none}
  .ce-cd__scrim{position:absolute;inset:0;background:rgba(10,10,10,.44);opacity:0;
    transition:opacity .24s ease}
  .ce-cd[data-open] .ce-cd__scrim{opacity:1}

  /* Capped, never full-bleed — the page stays visible behind it at every width. */
  .ce-cd__panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,420px);
    background:#fff;display:flex;flex-direction:column;
    transform:translateX(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);
    box-shadow:-18px 0 44px rgba(0,0,0,.13)}
  .ce-cd[data-open] .ce-cd__panel{transform:translateX(0)}
  @media(prefers-reduced-motion:reduce){
    .ce-cd__panel,.ce-cd__scrim{transition:none}
  }

  .ce-cd__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:16px 20px;border-bottom:1px solid #E4E0D8;flex:0 0 auto}
  .ce-cd__title{font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#141414}
  .ce-cd__n{font-family:ui-monospace,Menlo,monospace;color:#D6334D;font-size:.82rem}
  .ce-cd__x{width:36px;height:36px;border:1px solid #E4E0D8;background:none;border-radius:50%;
    cursor:pointer;color:#141414;display:flex;align-items:center;justify-content:center;padding:0}
  .ce-cd__x svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .ce-cd__x:hover{background:#F4F2EE}

  /* main column holds rewards + items + upsells + footer, and is the unit that
     the Section Rendering API refresh swaps wholesale */
  .ce-cd__main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}

  .ce-cd__rw{padding:16px 20px 17px;border-bottom:1px solid #E4E0D8;background:#FAF9F7;flex:0 0 auto}
  .ce-cd__rwmsg{margin:0 0 13px;font-size:.82rem;line-height:1.45;color:#5A554E}
  .ce-cd__rwmsg b{color:#141414;font-weight:700}
  /* 10px pins overhang the 4px track by 3px each side; the row is inset by that
     much so the end pin sits flush with the padding edge instead of clipping. */
  .ce-cd__track{position:relative;height:4px;background:#E4E0D8;border-radius:99px;
    margin-inline:3px}
  .ce-cd__fill{position:absolute;left:0;top:0;bottom:0;background:#D6334D;border-radius:99px;
    transition:width .45s cubic-bezier(.16,1,.3,1)}
  .ce-cd__pin{position:absolute;top:-3px;width:10px;height:10px;border-radius:50%;
    background:#fff;border:2px solid #E4E0D8;transform:translateX(-50%);box-sizing:border-box}
  .ce-cd__pin.on{border-color:#D6334D;background:#D6334D}
  .ce-cd__tiers{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
    margin-top:11px}
  .ce-cd__tier{font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.1em;
    text-transform:uppercase;color:#8A857D;white-space:nowrap}
  .ce-cd__tier:last-child{text-align:right}
  .ce-cd__tier.on{color:#D6334D}

  .ce-cd__ups{flex:0 0 auto;border-top:1px solid #E4E0D8;padding:14px 20px 4px}
  .ce-cd__upslab{display:block;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;
    letter-spacing:.22em;text-transform:uppercase;color:#8A857D;margin-bottom:10px}
  .ce-cd__uplist{list-style:none;margin:0;padding:0 0 12px;display:flex;gap:10px;
    overflow-x:auto;scrollbar-width:none}
  .ce-cd__uplist::-webkit-scrollbar{display:none}
  .ce-cd__up{flex:0 0 auto;width:212px;display:flex;align-items:center;gap:9px;
    border:1px solid #E4E0D8;border-radius:12px;padding:8px}
  .ce-cd__upimg{flex:0 0 44px;width:44px;height:44px;border-radius:8px;overflow:hidden;
    background:#EDEAE4;display:block}
  .ce-cd__upimg img{width:100%;height:100%;object-fit:cover;display:block}
  .ce-cd__upm{flex:1 1 auto;min-width:0}
  /* Two lines, not a one-line ellipsis — "Monkey Head Mirror" truncated to
     "Monkey ..." at 186px, which is not a product name anyone can act on. */
  .ce-cd__upt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;font-size:.74rem;font-weight:600;color:#141414;text-decoration:none;
    line-height:1.25}
  .ce-cd__upp{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;color:#5A554E}
  .ce-cd__upadd{flex:0 0 auto;border:1px solid #141414;background:#fff;color:#141414;
    border-radius:999px;padding:6px 11px;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;
    letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;line-height:1.4}
  .ce-cd__upadd:hover{background:#141414;color:#fff}
  .ce-cd__upadd[disabled]{opacity:.45;cursor:default}

  .ce-cd__body{flex:1 1 auto;overflow-y:auto;padding:6px 20px;position:relative}
  .ce-cd__body[data-busy]{opacity:.5;pointer-events:none}
  .ce-cd__items{list-style:none;margin:0;padding:0}
  .ce-cd__item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #EFECE6}
  .ce-cd__item:last-child{border-bottom:0}
  .ce-cd__thumb{flex:0 0 78px;width:78px;height:78px;border-radius:10px;overflow:hidden;
    background:#EDEAE4;display:block}
  .ce-cd__thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .ce-cd__meta{flex:1 1 auto;min-width:0}
  .ce-cd__t{font-size:.86rem;font-weight:600;color:#141414;text-decoration:none;display:block;
    line-height:1.3;letter-spacing:-.005em}
  .ce-cd__t:hover{text-decoration:underline}
  /* Option values arrive lowercase from Shopify ("pink"); the PDP swatch label
     uppercases them, so match that rather than showing two casings for one value. */
  .ce-cd__v{font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#8A857D;margin-top:.32rem}
  .ce-cd__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:.6rem}
  .ce-cd__qty{display:inline-flex;align-items:center;border:1px solid #CFC9BF;border-radius:999px;overflow:hidden}
  .ce-cd__qty button{width:30px;height:30px;border:0;background:none;cursor:pointer;color:#141414;
    font-size:1rem;line-height:1;font-family:inherit}
  .ce-cd__qty button:hover{background:#F4F2EE}
  .ce-cd__qty span{min-width:26px;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.8rem}
  .ce-cd__p{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;color:#141414;
    display:flex;gap:.4rem;align-items:baseline}
  .ce-cd__p s{color:#8A857D}
  .ce-cd__decline{margin-top:.5rem;background:none;border:0;padding:0;cursor:pointer;
    font-family:ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.14em;
    text-transform:uppercase;color:#8A857D}
  .ce-cd__decline:hover{color:#141414;text-decoration:underline}
  .ce-cd__reclaim{display:block;width:100%;margin:0 0 12px;background:#fff;border:1px solid #D6334D;
    color:#D6334D;border-radius:999px;padding:10px 14px;cursor:pointer;
    font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
  .ce-cd__reclaim:hover{background:#D6334D;color:#fff}
  /* Gift transition notice. Sits between the header and the scrolling body so a
     swap is announced without shifting the item list under the shopper's
     finger; it collapses to nothing when hidden. */
  .ce-cd__toast{margin:0;padding:11px 20px;background:#141414;color:#fff;
    font-size:.78rem;line-height:1.35;letter-spacing:-.005em}
  .ce-cd__toast[hidden]{display:none}
  .ce-cd__item--gift .ce-cd__p{color:#8A857D;text-decoration:line-through}
  .ce-cd__gift{display:inline-flex;align-items:center;background:#D6334D;color:#fff;
    border-radius:999px;padding:5px 11px;font-family:ui-monospace,Menlo,monospace;
    font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
  .ce-cd__rm{margin-top:.55rem;background:none;border:0;padding:0;cursor:pointer;
    font-family:ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.14em;
    text-transform:uppercase;color:#8A857D;text-decoration:none}
  .ce-cd__rm:hover{color:#141414;text-decoration:underline}

  .ce-cd__empty{text-align:center;padding:56px 10px}
  .ce-cd__eh{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;
    color:#141414;margin:0 0 1.1rem}
  .ce-cd__ecta{font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
    color:#141414;text-decoration:none;border-bottom:2px solid #141414;padding-bottom:3px}

  .ce-cd__foot{flex:0 0 auto;padding:18px 20px 22px;border-top:1px solid #E4E0D8;background:#fff}
  .ce-cd__sub{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .ce-cd__sublab{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:.24em;
    text-transform:uppercase;color:#8A857D}
  .ce-cd__subv{font-family:ui-monospace,Menlo,monospace;font-size:1.15rem;letter-spacing:-.02em;
    font-weight:700;color:#141414}
  .ce-cd__note{margin:.55rem 0 0;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;
    letter-spacing:.1em;text-transform:uppercase;color:#8A857D;line-height:1.6}
  .ce-cd__go{display:block;width:100%;margin-top:1rem;background:#141414;color:#fff;border:0;
    border-radius:999px;padding:17px 24px;font:800 .76rem/1 inherit;letter-spacing:.13em;
    text-transform:uppercase;cursor:pointer}
  .ce-cd__go:hover{background:#000}
  .ce-cd__cont{display:block;width:100%;margin-top:.75rem;background:none;border:0;cursor:pointer;
    font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.18em;
    text-transform:uppercase;color:#8A857D;padding:10px}
  .ce-cd__cont:hover{color:#141414}
  .ce-cd__x:focus-visible,.ce-cd__go:focus-visible,.ce-cd__cont:focus-visible,
  .ce-cd__qty button:focus-visible,.ce-cd__rm:focus-visible{outline:2px solid #141414;outline-offset:2px}
/* END_SECTION:ce-cart-drawer */
/* START_SECTION:ce-header (INDEX:7) */
/* Deliberately NO backdrop-filter. It establishes a containing block, which
     makes the mobile drawer's position:fixed resolve against the header and
     clips the drawer to the bar. The background is already 94% opaque, so the
     blur bought nothing and cost the drawer. */
  .ce-hd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);
    border-bottom:1px solid #E4E0D8}
  .ce-hd__in{max-width:1440px;margin-inline:auto;padding:14px clamp(16px,4vw,44px);
    display:flex;align-items:center;gap:clamp(12px,2vw,28px)}
  .ce-hd__logo{font-weight:800;letter-spacing:-.035em;font-size:1.05rem;text-transform:uppercase;
    color:#141414;text-decoration:none;flex:0 0 auto;display:flex;align-items:center}
  .ce-hd__logo img{display:block;width:auto;object-fit:contain}

  .ce-hd__ul{list-style:none;display:flex;gap:clamp(14px,1.7vw,26px);margin:0;padding:0;flex-wrap:wrap}
  .ce-hd__li{position:relative}
  .ce-hd__a{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#5A554E;
    text-decoration:none;white-space:nowrap;padding:6px 0;display:inline-block}
  .ce-hd__a:hover,.ce-hd__a.on{color:#141414}
  .ce-hd__a.on{box-shadow:inset 0 -2px 0 #141414}
  .ce-hd__toggle{display:none}
  .ce-hd__sub{position:absolute;top:100%;left:0;min-width:190px;background:#fff;
    border:1px solid #E4E0D8;border-radius:12px;padding:8px;margin:6px 0 0;list-style:none;
    box-shadow:0 12px 28px rgba(0,0,0,.09);opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:opacity .16s,transform .16s,visibility .16s}
  .ce-hd__li--has:hover .ce-hd__sub,.ce-hd__li--has:focus-within .ce-hd__sub{
    opacity:1;visibility:visible;transform:translateY(0)}
  .ce-hd__sub a{display:block;padding:9px 12px;font-size:.8rem;color:#5A554E;
    text-decoration:none;border-radius:8px;white-space:nowrap}
  .ce-hd__sub a:hover{background:#F4F2EE;color:#141414}

  .ce-hd__act{margin-left:auto;display:flex;align-items:center;gap:clamp(6px,1vw,14px);flex:0 0 auto}
  .ce-hd__ic{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
    color:#141414;text-decoration:none;position:relative;border-radius:50%}
  .ce-hd__ic:hover{background:#F4F2EE}
  .ce-hd__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round}
  .ce-hd__count{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;
    border-radius:999px;background:#D6334D;color:#fff;font-size:10px;font-weight:700;
    display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,monospace}
  .ce-hd__count[hidden]{display:none}
  .ce-hd__ic:focus-visible,.ce-hd__a:focus-visible,.ce-hd__logo:focus-visible{
    outline:2px solid #141414;outline-offset:2px}

  /* burger hidden on desktop */
  .ce-hd__burger{display:none;width:38px;height:38px;border:0;background:none;cursor:pointer;
    padding:9px 8px;flex-direction:column;justify-content:space-between;flex:0 0 auto}
  .ce-hd__burger span{display:block;height:2px;background:#141414;border-radius:2px;transition:transform .22s,opacity .22s}
  .ce-hd__scrim{position:fixed;inset:0;background:rgba(10,10,10,.42);z-index:55;border:0}
  .ce-hd__scrim[hidden]{display:none}

  /* drawer chrome is mobile-only */
  .ce-hd__dhead,.ce-hd__deb,.ce-hd__dfoot{display:none}

  @media(max-width:1023px){
    .ce-hd__burger{display:flex}
    .ce-hd__logo{order:2;margin-inline:auto}
    .ce-hd__act{order:3}
    .ce-hd__nav{position:fixed;inset:0 auto 0 0;width:min(86vw,360px);background:#fff;z-index:58;
      transform:translateX(-100%);transition:transform .26s cubic-bezier(.16,1,.3,1);
      padding:0;overflow-y:auto;border-right:1px solid #E4E0D8;
      display:flex;flex-direction:column}
    .ce-hd[data-open] .ce-hd__nav{transform:translateX(0)}

    .ce-hd__dhead{display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:16px 20px;border-bottom:1px solid #E4E0D8;position:sticky;top:0;background:#fff;z-index:2}
    .ce-hd__dwm{font-weight:800;letter-spacing:-.035em;font-size:1rem;text-transform:uppercase;color:#141414}
    .ce-hd__close{width:36px;height:36px;border:1px solid #E4E0D8;background:none;border-radius:50%;
      cursor:pointer;color:#141414;display:flex;align-items:center;justify-content:center;padding:0}
    .ce-hd__close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
    .ce-hd__close:hover{background:#F4F2EE}

    .ce-hd__deb{display:block;font-family:ui-monospace,Menlo,monospace;font-size:10px;
      letter-spacing:.24em;text-transform:uppercase;color:#8A857D;padding:22px 20px 10px}

    .ce-hd__ul{flex-direction:column;gap:0;align-items:stretch;padding-inline:20px}
    .ce-hd__li{border-bottom:1px solid #EFECE6;display:flex;flex-wrap:wrap;align-items:center}
    .ce-hd__li:last-child{border-bottom:0}
    .ce-hd__a{flex:1;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;padding:14px 0;
      color:#141414;position:relative}
    .ce-hd__a.on{box-shadow:none;color:#D6334D}
    .ce-hd__a.on::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);
      width:3px;height:18px;background:#D6334D;border-radius:0 2px 2px 0}

    .ce-hd__dfoot{display:block;margin-top:auto;padding:22px 20px 26px;border-top:1px solid #E4E0D8}
    .ce-hd__dcta{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#D6334D;
      color:#fff;border-radius:999px;padding:15px 22px;font-size:.74rem;font-weight:800;
      letter-spacing:.13em;text-transform:uppercase;text-decoration:none}
    .ce-hd__dcta:hover{background:#c02742}
    .ce-hd__dnote{margin:.9rem 0 0;font-family:ui-monospace,Menlo,monospace;font-size:10px;
      letter-spacing:.14em;text-transform:uppercase;color:#8A857D;text-align:center;line-height:1.6}
    .ce-hd__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;
      border:0;background:none;cursor:pointer;color:#141414}
    .ce-hd__toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;
      stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
    .ce-hd__toggle[aria-expanded=true] svg{transform:rotate(180deg)}
    .ce-hd__sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
      border:0;border-radius:0;flex:0 0 100%;margin:0;padding:0 0 10px 10px;display:none}
    .ce-hd__toggle[aria-expanded=true]+.ce-hd__sub{display:block}
  }
  @media(min-width:1024px){.ce-hd__scrim{display:none}}
  @media(prefers-reduced-motion:reduce){.ce-hd__nav{transition:none}}
/* END_SECTION:ce-header */
/* START_SECTION:ce-product (INDEX:11) */
.ce-pdp__in{max-width:1440px;margin-inline:auto;padding:clamp(16px,4vw,44px);
    display:grid;gap:clamp(24px,3.6vw,52px);grid-template-columns:1fr}
  @media(min-width:1000px){.ce-pdp__in{grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr)}}
  .ce-pdp__gal{position:relative;min-width:0}
  .ce-gal__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;
    scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
  .ce-gal__track::-webkit-scrollbar{display:none}
  .ce-gal__track figure{flex:0 0 86%;scroll-snap-align:center;margin:0;aspect-ratio:4/5;
    border-radius:14px;overflow:hidden;background:#EDEAE4}
  @media(min-width:700px){.ce-gal__track figure{flex:0 0 90%}}
  .ce-gal__track img{width:100%;height:100%;object-fit:cover}
  .ce-gal__none{width:100%;height:100%;background:#EDEAE4}
  .ce-gal__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
  .ce-gal__dots{display:flex;gap:7px}
  .ce-gal__dot{width:7px;height:7px;border-radius:50%;background:#CFC9BF;border:0;padding:0;
    cursor:pointer;transition:background .2s,transform .2s}
  .ce-gal__dot.on{background:#141414;transform:scale(1.25)}
  .ce-gal__count{font-family:ui-monospace,Menlo,monospace;font-size:.76rem;color:#8A857D}
  .ce-gal__nav{display:none;gap:8px}
  @media(min-width:700px){.ce-gal__nav{display:flex}}
  .ce-gal__nav button{width:34px;height:34px;border-radius:50%;border:1px solid #CFC9BF;
    background:#fff;color:#141414;cursor:pointer;font-size:.9rem;line-height:1}
  .ce-gal__nav button:disabled{opacity:.35;cursor:default}
  .ce-pdp__det{align-self:start;min-width:0}
  @media(min-width:1000px){.ce-pdp__det{position:sticky;top:74px}}
  .ce-pdp__code{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;letter-spacing:.1em;color:#8A857D}
  .ce-pdp__h1{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.02;letter-spacing:-.035em;
    font-weight:800;margin:.35rem 0 0;text-wrap:balance;color:#141414}
  .ce-lane{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.73rem;
    letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:7px 14px;
    border-radius:999px;background:#141414;color:#fff}
  {%- comment -%} Modifiers are composed as ce-lane--{{ lane }}, so they never appear
     literally in the markup. Do not "clean up" as unused. {%- endcomment -%}
  .ce-lane--b{background:transparent;color:#5A554E;border:1px solid #CFC9BF}
  .ce-lane--c{background:transparent;color:#8A857D;border:1px solid #CFC9BF}
  .ce-pdp__rating{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem}
  .ce-pdp__rating a{color:#5A554E;font-size:.84rem}
  .ce-pdp__stars{color:#141414;letter-spacing:.08em}
  .ce-pdp__price{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin:1.1rem 0 .3rem}
  .ce-pdp__now{font-size:1.7rem;font-weight:800;letter-spacing:-.025em;
    font-family:ui-monospace,Menlo,monospace;color:#141414}
  .ce-pdp__was{color:#8A857D;text-decoration:line-through;font-family:ui-monospace,Menlo,monospace}
  .ce-pdp__save{font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;padding:5px 10px;
    border-radius:999px;background:#F4F2EE;border:1px solid #CFC9BF;color:#5A554E}
  .ce-pdp__stock{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.83rem;color:#5A554E}
  .ce-dot{width:7px;height:7px;border-radius:50%;background:#8F5E0F;flex:0 0 auto}
  .ce-dot--out{background:#918A80}
  .ce-pdp__ship{margin-top:.5rem;font-size:.83rem;color:#5A554E}
  .ce-pdp__ship b{color:#141414;font-weight:600}
  .ce-pdp__eta{margin-top:.75rem;padding:.7rem .85rem;border:1px solid #E3DFD8;
    border-radius:8px;display:flex;flex-direction:column;gap:.15rem}
  .ce-pdp__eta-h{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;
    font-weight:700;color:#5A554E}
  .ce-pdp__eta-range{font-size:.95rem;font-weight:600;color:#141414}
  .ce-pdp__eta-note{font-size:.8rem;color:#5A554E}
  .ce-opt{margin-top:1.5rem}
  .ce-opt__lab{display:flex;align-items:center;justify-content:space-between;gap:10px;
    font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#8A857D;font-weight:600}
  .ce-opt__lab b{color:#141414;font-weight:700;letter-spacing:.04em}
  .ce-opt__vals{display:flex;gap:10px;margin-top:.6rem;flex-wrap:wrap}
  .ce-sw{width:56px;height:56px;border-radius:14px;overflow:hidden;border:1px solid #CFC9BF;
    padding:0;background:#EDEAE4;cursor:pointer;position:relative}
  .ce-sw img{width:100%;height:100%;object-fit:cover}
  .ce-sw.on{outline:2px solid #141414;outline-offset:2px;border-color:#141414}
  .ce-pill{border:1px solid #CFC9BF;background:#fff;color:#141414;border-radius:999px;
    padding:11px 18px;font:600 .8rem/1 inherit;cursor:pointer}
  .ce-pill.on{background:#141414;color:#fff;border-color:#141414}
  .ce-sw.ce-out img{opacity:.35}
  .ce-sw.ce-out::after{content:"";position:absolute;inset:0;
    background:linear-gradient(to top right,transparent 47%,#8A857D 47%,#8A857D 53%,transparent 53%)}
  .ce-pill.ce-out{color:#B3ADA4;text-decoration:line-through;cursor:not-allowed}
  .ce-sw:focus-visible,.ce-pill:focus-visible{outline:2px solid #141414;outline-offset:2px}
  .ce-buy{display:grid;gap:10px;margin-top:1.5rem}
  .ce-buy__row{display:grid;grid-template-columns:auto 1fr;gap:10px}
  .ce-qty{display:flex;align-items:center;border:1px solid #CFC9BF;border-radius:999px;overflow:hidden}
  .ce-qty button{background:none;border:0;color:#141414;width:46px;min-height:54px;font-size:1.1rem;
    cursor:pointer;font-family:inherit}
  .ce-qty button:hover{background:#F4F2EE}
  .ce-qty input{width:40px;background:none;border:0;color:#141414;text-align:center;
    font-family:ui-monospace,Menlo,monospace}
  .ce-btn{display:block;width:100%;border:1px solid #141414;background:transparent;color:#141414;
    font:600 .79rem/1 inherit;letter-spacing:.13em;text-transform:uppercase;padding:18px 24px;
    min-height:54px;cursor:pointer;border-radius:999px;text-align:center;transition:background .16s,color .16s}
  .ce-btn:hover{background:#141414;color:#fff}
  .ce-btn--solid{background:#141414;color:#fff}
  .ce-btn--solid:hover{background:#000}
  .ce-btn:disabled{opacity:.45;cursor:not-allowed}
  .ce-btn:focus-visible{outline:2px solid #141414;outline-offset:3px}
  .ce-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1.4rem}
  .ce-trust div{background:#F4F2EE;border:1px solid #E4E0D8;border-radius:14px;
    padding:18px 10px;text-align:center}
  .ce-trust svg{width:21px;height:21px;fill:#141414;opacity:.8;margin:0 auto .6rem;display:block}
  .ce-trust b{display:block;font-size:.68rem;font-weight:700;line-height:1.35;
    letter-spacing:.09em;text-transform:uppercase;color:#141414}
  .ce-specs{margin-top:1.1rem;border:1px solid #E4E0D8;border-radius:14px;overflow:hidden}
  .ce-specs dl{margin:0;display:grid;grid-template-columns:auto 1fr}
  .ce-specs dl>div{display:contents}
  .ce-specs dt,.ce-specs dd{margin:0;padding:13px 18px;font-size:.86rem;border-bottom:1px solid #E4E0D8}
  .ce-specs dt{color:#5A554E}
  .ce-specs dd{text-align:right;font-family:ui-monospace,Menlo,monospace;color:#141414}
  .ce-specs dl>div:last-child dt,.ce-specs dl>div:last-child dd{border-bottom:0}
  /* Boxed to match the specs table directly above it. Product descriptions are
     operator HTML and arrive with their own h2s and lists, which inherit theme
     display sizing and blow out this narrow column — everything inside is
     re-scaled to the column rather than left at document scale. */
  .ce-pdesc{margin-top:10px;border:1px solid #E4E0D8;border-radius:14px;overflow:hidden}
  .ce-pdesc__hd{padding:13px 18px;border-bottom:1px solid #E4E0D8;background:#FAF9F7;
    font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;color:#8A857D;font-weight:600}
  .ce-pdesc__b{padding:16px 18px;font-size:.89rem;color:#5A554E;line-height:1.65}
  .ce-pdesc__b>*:first-child{margin-top:0}
  .ce-pdesc__b>*:last-child{margin-bottom:0}
  .ce-pdesc__b h1,.ce-pdesc__b h2,.ce-pdesc__b h3,
  .ce-pdesc__b h4,.ce-pdesc__b h5,.ce-pdesc__b h6{
    font-size:.86rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;
    color:#141414;margin:0 0 .75rem;line-height:1.3}
  .ce-pdesc__b p{margin:0 0 .75rem}
  .ce-pdesc__b ul,.ce-pdesc__b ol{margin:0 0 .75rem;padding-left:1.05rem}
  .ce-pdesc__b li{margin-bottom:.42rem;padding-left:.1rem}
  .ce-pdesc__b li::marker{color:#CFC9BF}
  .ce-pdesc__b b,.ce-pdesc__b strong{color:#141414;font-weight:700}
  .ce-pdesc__b a{color:#141414;text-decoration:underline}
  .ce-pdesc__b img{max-width:100%;height:auto;border-radius:8px;margin:.5rem 0}
  .ce-pdesc__b table{width:100%;border-collapse:collapse;font-size:.85rem}
  .ce-pdesc__b td,.ce-pdesc__b th{padding:7px 0;border-bottom:1px solid #EFECE6;text-align:left}
  .ce-sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.97);
    border-top:1px solid #E4E0D8;box-shadow:0 -6px 22px rgba(0,0,0,.08);
    transform:translateY(100%);transition:transform .26s cubic-bezier(.16,1,.3,1)}
  .ce-sticky[hidden]{display:none}
  .ce-sticky[data-show]{transform:translateY(0)}
  .ce-sticky__in{max-width:1440px;margin-inline:auto;padding:10px clamp(16px,4vw,44px);
    display:flex;align-items:center;gap:16px}
  .ce-sticky__id{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}
  .ce-sticky__img{flex:0 0 46px;width:46px;height:46px;border-radius:10px;overflow:hidden;background:#EDEAE4}
  .ce-sticky__img img{width:100%;height:100%;object-fit:cover;display:block}
  .ce-sticky__meta{min-width:0}
  .ce-sticky__t{display:block;font-size:.86rem;font-weight:600;color:#141414;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ce-sticky__p{display:block;margin-top:.15rem;font-family:ui-monospace,Menlo,monospace;
    font-size:.82rem;color:#141414}
  .ce-sticky__p s{color:#8A857D;margin-left:.35rem}
  .ce-sticky__btn{flex:0 0 auto;background:#141414;color:#fff;border:0;border-radius:999px;
    padding:15px 30px;font:800 .74rem/1 inherit;letter-spacing:.13em;text-transform:uppercase;
    cursor:pointer;font-family:inherit}
  .ce-sticky__btn:hover{background:#000}
  .ce-sticky__btn:disabled{opacity:.45;cursor:not-allowed}
  .ce-sticky__btn:focus-visible{outline:2px solid #141414;outline-offset:3px}
  @media(max-width:639px){
    .ce-sticky__in{padding:9px 14px;gap:11px}
    .ce-sticky__img{display:none}
    .ce-sticky__btn{padding:14px 20px;font-size:.7rem}
  }
  @media(prefers-reduced-motion:reduce){.ce-sticky{transition:none}}
  .ce-rel{display:grid;gap:clamp(10px,1.4vw,18px);grid-template-columns:repeat(2,1fr)}
  @media(min-width:820px){.ce-rel{grid-template-columns:repeat(4,1fr)}}
/* END_SECTION:ce-product */
/* START_SECTION:ce-related (INDEX:12) */
.ce-relw{border-top:1px solid #E4E0D8;padding-block:clamp(34px,5vw,66px)}
  .ce-relw__in{max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}
  .ce-relw__h{font-size:.77rem;letter-spacing:.19em;text-transform:uppercase;color:#8A857D;
    font-weight:600;margin:0 0 1.4rem}
  .ce-rel{display:grid;gap:clamp(10px,1.4vw,18px);grid-template-columns:repeat(2,1fr)}
  @media(min-width:820px){.ce-rel{grid-template-columns:repeat(4,1fr)}}
  .ce-rel__c{text-decoration:none;color:inherit;display:block}
  .ce-rel__c figure{margin:0;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#EDEAE4}
  .ce-rel__c img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
  .ce-rel__c:hover img{transform:scale(1.04)}
  .ce-rel__t{font-size:.85rem;font-weight:600;margin-top:11px;color:#141414}
  .ce-rel__p{margin-top:.25rem;font-size:.83rem;display:flex;gap:.45rem;align-items:baseline;
    font-family:ui-monospace,Menlo,monospace;color:#5A554E}
  .ce-rel__p s{color:#8A857D}
/* END_SECTION:ce-related */
/* START_SECTION:ce-reviews (INDEX:13) */
.ce-rv{border-top:1px solid #E4E0D8;padding-block:clamp(38px,5.5vw,78px)}
  .ce-rv__in{max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}
  .ce-rv__head{margin-bottom:clamp(24px,3vw,42px)}
  .ce-rv__eb{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.22em;
    text-transform:uppercase;color:#D6334D}
  .ce-rv__h{font-size:clamp(2rem,5.4vw,3.4rem);font-weight:800;letter-spacing:-.03em;
    text-transform:uppercase;margin:.5rem 0 0;line-height:1;color:#141414}
  .ce-rv__h em{font-style:italic;color:#D6334D}
  .ce-rv__h p{margin:0}
  .ce-rv__grid{display:grid;gap:clamp(14px,1.8vw,26px);grid-template-columns:1fr}
  @media(min-width:700px){.ce-rv__grid{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:1040px){.ce-rv__grid{grid-template-columns:repeat(3,1fr)}}
  /* Flex column + auto-margin footer so name/location line up across cards
     regardless of how many lines the body runs to. */
  .ce-rv__c{position:relative;border:1px solid #E4E0D8;border-radius:4px;
    padding:30px 26px 22px;background:#fff;display:flex;flex-direction:column}
  .ce-rv__q{position:absolute;top:-16px;left:20px;font-size:2.6rem;line-height:1;font-weight:800;
    color:#D6334D;background:#fff;padding:0 8px}
  .ce-rv__stars{letter-spacing:.16em;font-size:.95rem;color:#D6334D}
  .ce-rv__t{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;
    margin:.7rem 0 .5rem;color:#141414}
  .ce-rv__b{font-size:.94rem;color:#5A554E;line-height:1.6;margin:0 0 1.3rem}
  .ce-rv__f{display:flex;justify-content:space-between;gap:12px;align-items:baseline;
    border-top:1px solid #E4E0D8;margin-top:auto;padding-top:.95rem;
    font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
  .ce-rv__n{font-weight:700;color:#141414}
  .ce-rv__l{color:#8A857D;text-align:right}
/* END_SECTION:ce-reviews */
/* START_SECTION:ce-ship-bar (INDEX:14) */
.ce-shipbar{background:#141414;color:#fff;text-align:center;
    padding:9px clamp(16px,4vw,44px);font-size:.76rem;letter-spacing:.11em;
    text-transform:uppercase;font-weight:700}
  .ce-shipbar__in{max-width:1440px;margin-inline:auto;display:flex;
    align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}
  .ce-shipbar__sep{opacity:.5}
/* END_SECTION:ce-ship-bar */
/* START_SECTION:footer-utilities (INDEX:26) */
.utilities {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);
    text-wrap: nowrap;
    border-top: var(--border-width) solid var(--color-border);
    color: var(--color-foreground-muted);

    @media screen and (min-width: 750px) {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      justify-content: center;
      gap: var(--gap);
      align-items: center;
      text-align: left;
    }
  }

  .utilities a {
    color: var(--color-foreground-muted);
  }

  .utilities > * {
    text-align: center;

    @media screen and (min-width: 750px) {
      text-align: left;
      justify-self: start;
    }
  }

  /* Dynamic positioning based on number of blocks */
  @media screen and (min-width: 750px) {
    /* 1 block: Single column, left aligned */
    .utilities--blocks-1 {
      grid-template-columns: 1fr;
      justify-content: start;
    }

    .utilities--blocks-1 > * {
      justify-self: start;
      text-align: left;
    }

    /* 2 blocks: Two equal columns, start and end aligned */
    .utilities--blocks-2 {
      grid-template-columns: 1fr 1fr;
    }

    .utilities--blocks-2 > *:nth-child(2) {
      justify-self: end;
      text-align: right;
    }

    /* 3 blocks: Three columns (1fr auto 1fr), start/center/end aligned */
    .utilities--blocks-3 {
      grid-template-columns: 1fr auto 1fr;
    }

    .utilities--blocks-3 > *:nth-child(2) {
      justify-self: center;
      text-align: center;
    }

    .utilities--blocks-3 > *:nth-child(3) {
      justify-self: end;
      text-align: right;
    }
  }
/* END_SECTION:footer-utilities */
/* START_BLOCK:footer-policy-list (INDEX:131) */
.policy-list-trigger {
    anchor-name: --terms-policies-trigger;
    cursor: pointer;
    font-size: var(--font-size, 0.75rem);
    text-transform: var(--text-transform, none);
  }

  .policy_list {
    li {
      border-radius: calc(var(--style-border-radius-popover) - 8px);

      a {
        color: var(--color-foreground);
        display: inline-block;
        padding: 8px;
        text-align: start;
        width: 100%;
        outline-color: #0000;
        font-size: var(--font-size, 0.75rem);
        text-transform: var(--text-transform, none);
      }

      &:is(:hover, :focus-within) {
        background: rgb(var(--color-foreground-rgb) / 0.15);
      }
    }
  }

  .terms-policies-popover {
    position-anchor: --terms-policies-trigger;
    inset: unset;
    bottom: calc(anchor(top) + 1rem);
    left: anchor(left);
    border-radius: var(--style-border-radius-popover);
    background: linear-gradient(var(--color-background) 0 100%),
      linear-gradient(rgb(var(--color-background-rgb) / 0.15) 0 100%);
    background-clip: padding-box, border-box;
    border: 1px solid #0000;
    box-shadow: var(--shadow-popover);
    padding: 8px;
    margin: 0;
    opacity: 0;
    scale: 0.94;
    translate: 0 6px;
    transform-origin: 3.9em 100%;
  }

  .terms-policies-popover.\:popover-open,
  .terms-policies-popover:popover-open {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }

  @media screen and (max-width: 749px) {
    .terms-policies-popover {
      left: anchor(center);
      transform: translate(-50%, 0);
      transform-origin: 0% 100%;
    }
  }

  @supports not (position-anchor: --account-button-trigger) {
    .terms-policies-popover {
      bottom: unset;
      top: calc(var(--anchor-top) * 1px);
      left: calc(var(--anchor-left) * 1px);
      transform: translate(0, calc(-100% - 1.25rem));
    }

    @media screen and (max-width: 749px) {
      .terms-policies-popover {
        left: calc((var(--anchor-left) + (var(--anchor-width) / 2)) * 1px);
        transform: translate(-50%, calc(-100% - 1.25rem));
      }
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .terms-policies-popover {
      transition-property: display, overlay, opacity, scale, translate;
      transition-behavior: allow-discrete;
      transition-duration: 0.3s;
      transition-timing-function: var(--ease-out-quad);
    }

    @starting-style {
      .terms-policies-popover.\:popover-open,
      .terms-policies-popover:popover-open {
        opacity: 0.7;
        translate: 0 6px;
        scale: 0.94;
      }
    }
  }
/* END_BLOCK:footer-policy-list */
/* START_BLOCK:social-links (INDEX:152) */
.social-icons__wrapper {
    display: flex;
    gap: var(--gap-sm);
    flex-wrap: wrap;
    justify-content: center;

    @media screen and (min-width: 750px) {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
  }

  .social-icons__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--icon-size-lg);
  }

  .social-icons__icon {
    display: flex;
    flex-shrink: 0;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
  }

  .social-icons__icon {
    display: none;
  }

  .social-icons__icon-wrapper:has(.social-icons__icon path) {
    width: var(--icon-size-lg);

    .social-icons__icon {
      display: block;
    }

    .social-icons__icon-label {
      display: none;
    }
  }

  /* Disabled state for editor */
  .shopify-design-mode .social-icons__icon-wrapper--disabled {
    opacity: var(--disabled-opacity, 0.5);
    cursor: not-allowed;
  }

  .shopify-design-mode .social-icons__icon-wrapper--disabled a {
    pointer-events: none;
  }
/* END_BLOCK:social-links */
/* START_SNIPPET:product-media-gallery-content-styles (INDEX:217) */
media-gallery:where(.media-gallery--grid) .media-gallery__grid {
    display: none;
  }

  media-gallery.media-gallery--grid .media-gallery__grid .product-media-container {
    /* Needed for safari to stretch to full grid height */
    height: 100%;
  }

  @media screen and (min-width: 750px) {
    .media-gallery--two-column .media-gallery__grid {
      grid-template-columns: repeat(2, 1fr);
    }

    /* Display grid view as a carousel on mobile, grid on desktop */
    media-gallery:is(.media-gallery--grid) slideshow-component {
      display: none;
    }

    media-gallery:where(.media-gallery--grid) .media-gallery__grid {
      display: grid;
    }
  }

  .product-media-container__zoom-button {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: var(--layer-flat);
    cursor: zoom-in;
    background-color: transparent;

    &:hover {
      background-color: transparent;
    }
  }

  slideshow-slide.product-media-container--tallest {
    content-visibility: visible;
  }

  .product-media__drag-zoom-wrapper {
    aspect-ratio: inherit;
    min-height: inherit;
    min-width: inherit;
    display: inherit;
    flex: inherit;
  }

  .media-gallery__mobile-controls {
    grid-area: auto;
  }

  .product-media-container--zoomable.product-media-container--image {
    cursor: zoom-in;
  }
/* END_SNIPPET:product-media-gallery-content-styles */
/* START_SNIPPET:quick-add-modal-styles (INDEX:221) */
#quick-add-dialog {
    display: contents;
  }

  @media screen and (min-width: 750px) {
    .quick-add-modal {
      width: var(--quick-add-modal-width);
      height: var(--quick-add-modal-height);
      max-width: none;
    }
  }

  .quick-add-modal {
    padding: 0;
    border: var(--style-border-popover);
    overflow: hidden;
    box-shadow: 0 5px 30px rgb(0 0 0 / var(--opacity-15));

    @media screen and (max-width: 749px) {
      position: fixed;
      margin: auto 0 0 0;
      min-height: unset;
      max-width: 100%;
      border-radius: 0;
      overflow: clip;
      height: fit-content;
    }
  }

  .quick-add-modal[open] {
    @media screen and (max-width: 750px) {
      border-top-left-radius: var(--style-border-radius-popover);
      border-top-right-radius: var(--style-border-radius-popover);
    }
  }

  .quick-add-modal[open] {
    @media screen and (min-width: 750px) {
      display: flex;
    }
  }

  .quick-add-modal .view-more-details__wrapper {
    @media screen and (max-width: 749px) {
      display: none;
    }
  }

  .quick-add-modal[open] {
    animation: modalSlideInTop var(--animation-speed) var(--animation-easing) forwards;
  }

  .quick-add-modal.dialog-closing {
    animation: modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards;
  }

  .quick-add-modal__close {
    position: absolute;
    top: var(--margin-2xs);
    right: var(--margin-2xs);
    transition: transform 0.15s var(--animation-timing-bounce);
    z-index: var(--layer-raised);
    overflow: visible;
    transform-origin: center;
  }

  .quick-add-modal__close:active {
    transform: scale(0.99) translateY(1px);
  }

  .quick-add-modal__close {
    &:focus-visible {
      outline: none;
    }

    &:focus-visible::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: calc(var(--style-border-radius-popover) - var(--margin-2xs));
      outline: var(--focus-outline-width) solid currentColor;
    }
  }

  .quick-add-modal__content {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 100% 1fr;
    position: relative;
    overflow-y: auto;
    max-height: 100vh;
    flex-grow: 1;

    @media screen and (max-width: 749px) {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      padding-inline: var(--padding-xl);
      padding-block: var(--padding-xl);
      gap: var(--gap-lg);
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      height: auto; /* Prevent a bug in Safari where height:fit-content is not respected */
      max-height: 100vh;
    }
  }

  .quick-add-modal__content .media-gallery--grid .media-gallery__grid {
    grid-template-columns: 1fr;
  }

  .quick-add-modal__content .media-gallery--grid.media-gallery--two-column .product-media-container:first-child {
    grid-column: auto;
  }

  .quick-add-modal__content {
    /* One column */
    .media-gallery--grid:not(.media-gallery--two-column) .product-media > *,
      /* Two column, small first image */
      .media-gallery--grid.media-gallery--two-column:not(.media-gallery--large-first-image)
      .product-media-container:nth-of-type(odd)
      .product-media > *,
      /* Two column, large first image */
      .media-gallery--grid.media-gallery--two-column.media-gallery--large-first-image
        .product-media-container:is(:first-of-type, :nth-of-type(even))
        .product-media > *,
        /* Carousel */
      .media-gallery--carousel slideshow-container {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  .quick-add-modal__content .view-more-details__wrapper {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }

  .view-more-details__wrapper .view-more-details {
    display: flex;
    align-items: center;
    width: fit-content;
  }

  .quick-add-modal__content .product-header {
    @media screen and (max-width: 749px) {
      display: flex;
      flex-direction: column;
      grid-column: 2 / -1;
      grid-row: 1;
      padding-right: var(--padding-2xl);
    }
  }

  .quick-add-modal__content .product-header a:not(product-price *) {
    @media screen and (max-width: 749px) {
      font-size: var(--font-size--md);
      font-weight: 500;
      color: inherit;
      width: fit-content;
    }
  }

  .quick-add-modal__content variant-picker,
  .quick-add-modal__content product-form-component {
    @media screen and (max-width: 749px) {
      grid-column: 1 / -1;
    }
  }

  .quick-add-modal__content .product-media-container__zoom-button {
    cursor: default;
  }

  .quick-add-modal__content .product-details {
    grid-column: 4 / -1;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    position: relative;

    dialog[open] & {
      animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;
      animation-delay: 0.1s;
    }

    @media screen and (max-width: 749px) {
      grid-column: 2 / span 2;
      grid-row: span 1;
      max-height: 100%;
      height: 100%;
    }
  }

  @property --quick-add-modal-mask-start {
    syntax: '<length>';
    initial-value: 0px;
    inherits: false;
  }

  @property --quick-add-modal-mask-end {
    syntax: '<length>';
    initial-value: 0px;
    inherits: true;
  }

  @keyframes detect-scroll {
    from,
    to {
      --can-scroll: ;
    }
  }

  @supports (animation-timeline: scroll(self)) {
    dialog[open] .quick-add-modal__content .product-details {
      mask-image: linear-gradient(to bottom, transparent 0%, #000 var(--quick-add-modal-mask-start), #000 100%);
      animation: 0.3s var(--animation-timing-fade-in) 0.1s both fadeSlideIn, scrollStart 1s linear both,
        scrollEnd 1s linear both, detect-scroll 1ms linear none;
      animation-timeline: auto, scroll(self), scroll(self), scroll(self);
      animation-range: normal, 0px 48px, calc(100% - 48px) 100%, 0% 100%;
    }
  }

  @keyframes scrollStart {
    from {
      --quick-add-modal-mask-start: 0px;
    }
    to {
      --quick-add-modal-mask-start: 48px;
    }
  }

  @keyframes scrollEnd {
    from {
      --quick-add-modal-mask-end: 0px;
    }
    to {
      --quick-add-modal-mask-end: 48px;
    }
  }

  .quick-add-modal__content .product-details > .group-block {
    flex-grow: 1;
    width: auto;
  }

  .quick-add-modal__content > * {
    min-height: 0;
  }

  .quick-add-modal__content .product-details :is(.view-product-title, .buy-buttons-block) {
    flex: 0 0 auto;
  }
  .quick-add-modal__content .product-details :is(.buy-buttons-block) {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    padding-bottom: var(--padding-3xl);
    background-color: var(--color-background);
    z-index: var(--layer-raised);

    &::before {
      --quick-add-modal-mask-end-progressive-enhanced: 0px;

      position: absolute;
      content: '';
      display: block;
      inset: auto 0 100% 0;
      pointer-events: none;
      height: min(var(--gap-2xl), var(--gap));
      background-color: inherit;
      mask-image: linear-gradient(
        to top,
        #000 0%,
        #000 calc(var(--gap-2xs)),
        transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),
        transparent
      );
    }
  }

  .quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form) {
    position: static;
    padding-bottom: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  .quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form) > product-form-component {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  .quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form) form {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  .quick-add-modal__content .product-details .buy-buttons-block:has(gift-card-recipient-form)::before {
    display: none;
  }

  .quick-add-modal__content .product-details .buy-buttons-block__bar {
    display: block;
    position: sticky;
    bottom: 0;
    margin-top: auto;
    padding-block: var(--gap-md) var(--padding-3xl);
    background-color: var(--color-background);
    z-index: var(--layer-raised);

    &::before {
      --quick-add-modal-mask-end-progressive-enhanced: 0px;

      position: absolute;
      content: '';
      display: block;
      inset: auto 0 100% 0;
      pointer-events: none;
      height: min(var(--gap-2xl), var(--gap));
      background-color: inherit;
      mask-image: linear-gradient(
        to top,
        #000 0%,
        #000 calc(var(--gap-2xs)),
        transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),
        transparent
      );
    }
  }

  @supports (animation-timeline: scroll(self)) {
    .quick-add-modal__content .product-details :is(.buy-buttons-block)::before,
    .quick-add-modal__content .product-details .buy-buttons-block__bar::before {
      --mask-if-scroll: var(--can-scroll) var(--quick-add-modal-mask-end);
      --mask-if-no-scroll: 48px;
      --quick-add-modal-mask-end-progressive-enhanced: var(--mask-if-scroll, var(--mask-if-no-scroll));
      height: calc(var(--gap-2xs) + 48px);
    }
  }

  .quick-add-modal__content .product-details .variant-picker {
    flex: 0 0 auto;

    padding-block: min(var(--gap-2xl), var(--gap));
    margin-block-end: calc(var(--focus-outline-offset) + var(--focus-outline-width));
  }

  .quick-add-modal__content .variant-option--swatches {
    padding-inline-start: var(--padding-2xs);
  }

  .quick-add-modal__content .variant-option--swatches legend {
    margin-inline-start: calc(-1 * var(--padding-2xs));
  }

  .quick-add-modal__content:not(:has(.product-information__media)) .product-details {
    grid-column: 1 / -1;
  }

  .quick-add-modal__content .view-product-title {
    display: flex;
    padding-block: 0;
    margin-block-end: 12px;

    /* Prevent overlap between title and close button */
    padding-inline-end: calc(var(--padding-2xl) + calc(var(--minimum-touch-target) / 2));
  }

  .quick-add-modal__content .view-product-title a {
    color: inherit;
    text-decoration: none;
    text-align: left;
    font-size: var(--font-size--2xl);
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s var(--animation-easing);
  }

  .quick-add-modal__content .product-details product-price {
    --text-align: left;
  }

  .quick-add-modal__content .product-details product-price.text-block--align-center {
    margin-inline: 0;
  }

  .quick-add-modal__content .product-details product-price.text-center {
    --text-align: left;
  }

  .quick-add-modal__content .product-details product-price > * {
    text-align: left;
  }

  .quick-add-modal__content
    .product-details
    *:not(
      .group-block,
      .group-block-content,
      .buy-buttons-block,
      .buy-buttons-block *,
      .view-product-title,
      .view-product-title *,
      variant-picker,
      variant-picker *,
      product-price,
      product-price *,
      product-inventory,
      product-inventory *,
      .view-more-details__wrapper,
      .view-more-details__wrapper *
    ) {
    @media screen and (min-width: 750px) {
      /* stylelint-disable-next-line declaration-no-important */
      display: none !important;
    }
  }

  .quick-add-modal__content
    .group-block:not(
      :has(
          .buy-buttons-block,
          .buy-buttons-block *,
          .view-product-title,
          .view-product-title *,
          variant-picker,
          variant-picker *,
          product-price,
          product-price *,
          product-inventory,
          product-inventory *,
          .view-more-details__wrapper,
          .view-more-details__wrapper *
        ),
      .buy-buttons-block
    ) {
    display: none;
  }

  @media screen and (min-width: 750px) {
    .quick-add-modal__content .group-block-content {
      gap: 0;
    }

    .quick-add-modal__content .media-gallery__grid {
      gap: min(var(--gap-2xs), var(--image-gap));
      border-radius: var(--style-border-radius-popover, 0);
    }

    .quick-add-modal__content .media-gallery--grid .product-media img {
      border-radius: 0;
    }
  }

  .quick-add-modal__content .product-details > .group-block {
    padding-block: var(--padding-3xl) 0;
  }

  .quick-add-modal__content :where(.product-details > .group-block > .group-block-content > *) {
    padding-inline: var(--padding-3xl);
  }

  .quick-add-modal__content slideshow-slide:not([aria-hidden='false']) {
    content-visibility: auto;
  }

  .quick-add-modal__content .product-information__media {
    width: 100%;
    grid-column: 1 / span 1;
    grid-row: 1;
    position: relative;
    top: 0;
    animation: fadeIn 0.4s var(--animation-timing-fade-in) both;

    @media screen and (min-width: 750px) {
      position: sticky;
      grid-column: 1 / 4;
      width: var(--quick-add-modal-gallery-width);
      overflow-y: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .quick-add-modal__content .product-information__media media-gallery {
    pointer-events: none;

    @media screen and (min-width: 750px) {
      position: absolute;
      inset: 0;
    }
  }

  .quick-add-modal media-gallery {
    padding: 0;
  }

  .quick-add-modal__content .product-information__media slideshow-arrows {
    display: none;
  }

  .quick-add-modal__content .product-information__media slideshow-container {
    display: block;
  }

  .quick-add-modal__content .product-information__media slideshow-slides {
    display: flex;
    flex-direction: column;
    gap: var(--gap-2xs);
    overflow: visible;
    scroll-snap-type: none;
  }

  .quick-add-modal__content .product-information__media slideshow-slide {
    width: 100%;
    flex: none;
    scroll-snap-align: unset;
    position: relative;
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s var(--animation-easing);
  }

  .quick-add-modal__content .product-information__media slideshow-slide[aria-hidden='true'] {
    @media screen and (max-width: 749px) {
      display: none;
    }
  }

  .quick-add-modal__content .product-information__media slideshow-slide:nth-child(1) {
    animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;
  }

  .quick-add-modal__content .product-information__media slideshow-slide:nth-child(2) {
    animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;
    animation-delay: 0.05s;
  }

  .quick-add-modal__content .product-information__media slideshow-slide:nth-child(3) {
    animation: fadeSlideIn 0.3s var(--animation-timing-fade-in) both;
    animation-delay: 0.1s;
  }

  .quick-add-modal__content .product-information__media :is(slideshow-controls, slideshow-controls[thumbnails]) {
    display: none;
  }

  .quick-add-modal__content .sticky-content,
  .quick-add-modal__content .sticky-content--desktop {
    top: 0;
  }

  .quick-add-modal__content .text-block.rte:not(product-price),
  .quick-add-modal__content .view-more-details__wrapper {
    display: none;
  }

  @keyframes fadeSlideIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
/* END_SNIPPET:quick-add-modal-styles */
/* START_SNIPPET:resource-card (INDEX:225) */
.resource-card {
    --resource-card-secondary-image-opacity: 0;
    --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity));

    display: flex;
    flex-direction: column;
    row-gap: var(--padding-xs);
    position: relative;
    text-decoration: none;
    height: 100%;
    opacity: 0;
    animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards;
  }

  .resource-card__link {
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .resource-card__content {
    display: flex;
    flex-direction: column;
    color: var(--color-foreground);
    gap: var(--padding-3xs);

    .price {
      font-weight: 500;
    }

    .volume-pricing-note {
      display: block;
      margin-top: var(--padding-3xs);
      font-family: var(--font-body--family);
      font-weight: normal;
      font-size: min(0.85em, var(--font-paragraph--size));
      line-height: normal;
      letter-spacing: normal;
      text-transform: none;
      color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    }
  }

  .resource-card[data-resource-type='article'] .resource-card__content,
  .resource-card[data-resource-type='page'] .resource-card__content {
    gap: var(--padding-xs);
  }

  .resource-card__image {
    aspect-ratio: var(--resource-card-aspect-ratio, auto);
    object-fit: cover;
    border-radius: var(--resource-card-corner-radius);
    opacity: var(--resource-card-primary-image-opacity);
  }

  .resource-card__image--secondary {
    position: absolute;
    top: 0;
    opacity: var(--resource-card-secondary-image-opacity);
    border-radius: var(--resource-card-corner-radius);
  }

  .resource-card__media:empty {
    display: none;
  }

  .resource-card__image-placeholder {
    padding: var(--padding-sm);
    font-size: var(--font-size--lg);
    line-height: var(--line-height--display-loose);
    word-break: break-word;
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    aspect-ratio: var(--resource-card-aspect-ratio, auto);
    border-radius: var(--resource-card-corner-radius);
    color: var(--color-foreground);
  }

  .resource-card__title {
    margin-block: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .resource-card__title.paragraph {
    line-height: 1.3;
  }

  .resource-card--overlay {
    height: 100%;

    &::before {
      content: '';
      position: absolute;
      inset: 50% 0 0;
      background: var(--gradient-image-overlay);
      border-radius: var(--resource-card-corner-radius);
      pointer-events: none;
      z-index: var(--layer-flat);
    }
  }

  .resource-card--overlay .resource-card__image {
    height: 100%;
  }

  .resource-card--overlay .resource-card__content {
    position: absolute;
    inset: auto 0 0;
    padding: var(--padding-lg) var(--padding-lg) var(--padding-sm);
    z-index: var(--layer-raised);
  }

  .resource-card--overlay .resource-card__title {
    color: var(--color-white);
  }

  /* Collection images */
  .resource-card__image-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-2xs);
  }

  .resource-card__collection-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2));
  }

  .resource-card__subtext {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    margin-block-start: 0;
  }

  .resource-card__subtext.paragraph {
    font-size: var(--font-size--body-sm);
    line-height: var(--line-height--body-tight);
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  }

  .resource-card:has(.resource-card__image--secondary) {
    &:hover,
    &:focus {
      --resource-card-secondary-image-opacity: 1;
    }
  }
/* END_SNIPPET:resource-card */
/* START_SNIPPET:search-modal (INDEX:230) */
/* Search modal style */
  .search-modal {
    --search-border-radius: var(--style-border-radius-popover);
    --search-border-width: var(--style-border-width);
  }

  .search-modal__content {
    /* Approx set the top so when the content is at max height, the modal is centered */
    --modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem);
    --modal-width: 66dvw;

    padding: 0;
    border: var(--style-border-popover);

    @media screen and (min-width: 750px) {
      width: var(--modal-width);
      margin-block-start: var(--modal-top-margin);
      overflow: hidden;
    }
  }

  /* Hide the default dialog backdrop on small screens */
  @media screen and (max-width: 749px) {
    .search-modal__content::backdrop {
      display: none;
    }
  }

  .dialog-modal[open].search-modal__content {
    transform-origin: bottom center;
    animation: search-element-slide-in-bottom 300ms var(--ease-out-quad) forwards;
    border-radius: var(--search-border-radius);
    box-shadow: var(--shadow-popover);

    @media screen and (max-width: 749px) {
      border-radius: 0;
    }
  }

  .dialog-modal.search-modal__content.dialog-closing {
    animation: search-element-slide-out-bottom 200ms var(--ease-out-quad) forwards;
  }

  .search-modal__content[open] {
    display: flex;
  }

  .search-modal__content :is(.predictive-search-dropdown, .predictive-search-form__content-wrapper) {
    position: relative;
  }

  .dialog-modal
    .predictive-search-form__header:has(
      .predictive-search__reset-button:not(.predictive-search__reset-button[hidden])
    )::before {
    content: '';
    position: absolute;
    right: calc(var(--padding-sm) + var(--minimum-touch-target));
    top: 0;
    bottom: 0;
    width: var(--border-width-sm);
    background-color: var(--color-border);
  }

  .dialog-modal
    .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))
    > .predictive-search__close-modal-button {
    &::before {
      content: none;
    }
  }

  @media screen and (min-width: 750px) {
    .dialog-modal
      .predictive-search-form__header:has(
        .predictive-search__reset-button:not(.predictive-search__reset-button[hidden])
      )::before {
      right: calc(var(--padding-2xl) * 2);
    }
  }

  predictive-search-component {
    --resource-card-corner-radius: var(--product-corner-radius);

    display: flex;
    width: 100%;
    position: relative;
    margin-inline: auto;
    align-items: center;
    background-color: var(--color-background);
    z-index: var(--layer-heightened);
  }

  .predictive-search-form__footer {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    @media screen and (min-width: 750px) {
      --to-top-gradient-background: linear-gradient(
        to top,
        rgb(var(--color-background-rgb) / var(--opacity-90)),
        rgb(var(--color-background-rgb) / var(--opacity-80)),
        rgb(var(--color-background-rgb) / var(--opacity-40)),
        transparent
      );

      padding-block: var(--padding-xs) var(--padding-lg);
      background-image: var(--to-top-gradient-background);
    }
  }

  predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results))
    .predictive-search-form__footer {
    display: block;
  }

  .predictive-search-form {
    position: relative;
    width: 100%;
    align-self: flex-start;
  }

  .predictive-search-form__content {
    max-height: 50dvh;
    overflow-y: auto;
    background-color: var(--color-background);

    /* Firefox */
    scrollbar-width: none;

    /* Webkit browsers */
    &::-webkit-scrollbar {
      display: none;
    }
  }

  .predictive-search-form__content-wrapper {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: var(--layer-raised);
    display: flex;
    flex-direction: column;
    border-radius: 0 0 var(--search-border-radius) var(--search-border-radius);
    transition: box-shadow var(--animation-speed) var(--animation-easing);
    transform: translateZ(0);
    will-change: transform, opacity;
    overflow: hidden;

    @media screen and (max-width: 749px) {
      border-radius: 0;
    }

    @media screen and (min-width: 750px) {
      max-height: var(--modal-max-height);
    }
  }

  /* Add new rule to apply bottom padding only when search button exists */
  .predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))
    > .predictive-search-form__content {
    padding-block-end: var(--padding-6xl);
  }

  .predictive-search-form__header-inner {
    background: var(--color-background);
    border: var(--search-border-width) solid var(--color-border);
    color: var(--color-foreground);
    border-radius: var(--style-border-radius-popover);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    @media screen and (max-width: 749px) {
      border-radius: var(--style-border-radius-inputs);
      border: none;
    }
  }

  .predictive-search-form__header-inner:focus-within {
    outline-offset: var(--focus-outline-offset);

    @media screen and (min-width: 750px) {
      outline: var(--focus-outline-width) solid var(--color-primary);
    }
  }

  .predictive-search-form__header {
    display: flex;
    position: sticky;
    top: 0;
    z-index: var(--layer-heightened);
    width: 100%;
    align-items: center;
    background-color: var(--color-input-background);
    border: var(--search-border-width) solid var(--color-border);
    border-radius: var(--style-border-radius-inputs);

    @media screen and (max-width: 749px) {
      padding: var(--padding-2xs) var(--padding-sm);
    }
  }

  .predictive-search-form__header:focus-within,
  .predictive-search-form__header-inner:focus-within,
  .predictive-search-form__header-inner:has(.search-input:is(:focus, :focus-visible)) {
    outline: none;
    box-shadow: none;
    /* stylelint-disable-next-line declaration-no-important */
    border-color: var(--color-border) !important;
  }

  input.search-input {
    border-radius: var(--style-border-radius-inputs);
    padding-block: var(--padding-sm);
    font-size: var(--font-size--md);
    width: 100%;
    color: var(--color-foreground);
    padding-inline: calc(var(--margin-lg) + var(--icon-size-lg)) 0;
    background: transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    outline: none;
    border: 0;
  }

  .search-input::placeholder {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  }

  .search-input,
  .search-input:is(:focus, :focus-visible, :focus-within),
  .predictive-search-form__header *:is(:focus, :focus-visible) {
    outline: none;
    box-shadow: none;
  }

  .search-input:hover {
    background-color: transparent;
  }

  .predictive-search__icon {
    position: absolute;
    left: var(--margin-xl);
    top: auto;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    color: rgb(var(--color-foreground-rgb) / var(--opacity-60));

    @media screen and (min-width: 750px) {
      left: var(--margin-md);
    }
  }

  .predictive-search__icon > svg {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
  }

  .predictive-search__reset-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--minimum-touch-target);
    height: var(--minimum-touch-target);
    padding: 0;
    margin-inline-end: var(--margin-md);
    background: transparent;
    color: var(--color-foreground);
    opacity: 0.68;
    transition: opacity var(--animation-speed-medium) var(--animation-timing-fade-out),
      visibility var(--animation-speed-medium) var(--animation-timing-fade-out);

    &:hover {
      color: var(--color-foreground);
    }

    &:active {
      transform: scale(0.9);
      transition: transform 100ms var(--animation-timing-active);
    }

    @media screen and (min-width: 750px) {
      margin-inline-end: var(--margin-2xs);
    }
  }

  .predictive-search__reset-button[hidden] {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .predictive-search__reset-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    transition: background-color var(--animation-speed-medium) ease-in-out,
      transform var(--animation-speed-medium) var(--animation-timing-bounce);
    border-radius: 50%;

    &:hover {
      background-color: rgb(var(--color-primary-hover-rgb) / var(--opacity-8));
    }
  }

  .predictive-search__reset-button:active .predictive-search__reset-button-icon {
    transform: scale(0.85);
    transition-timing-function: var(--animation-timing-active);
    transition-duration: 100ms;
  }

  .predictive-search__reset-button svg {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
  }

  .predictive-search__reset-button-text {
    display: none;
  }

  .predictive-search__search-button {
    margin: auto;
    z-index: var(--layer-raised);
    transition: transform var(--animation-speed-medium) var(--animation-timing-bounce),
      box-shadow var(--animation-speed-medium) var(--animation-timing-hover);
    transform-origin: center;

    &:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgb(0 0 0 / var(--opacity-5));
    }

    &:active {
      transform: scale(0.97);
      transition: transform 100ms var(--animation-timing-active);
      box-shadow: none;
    }
  }

  .predictive-search__close-modal-button {
    --button-color: var(--color-foreground);
    --button-background-color: transparent;

    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--minimum-touch-target);
    height: var(--minimum-touch-target);
    margin-inline-start: var(--margin-sm);
    padding: 0;
    box-shadow: none;

    &:active {
      transform: scale(0.8);
      transition: transform 100ms var(--animation-timing-active);
    }

    .svg-wrapper,
    svg {
      width: var(--icon-size-xs);
      height: var(--icon-size-xs);
    }
  }

  .predictive-search__close-modal-button:hover {
    --button-color: var(--color-foreground);
    --button-background-color: transparent;
  }
/* END_SNIPPET:search-modal */
/* START_SNIPPET:skip-to-content-link (INDEX:234) */
.skip-to-content-link {
    position: absolute;
    left: -99999px;
  }

  .skip-to-content-link:focus {
    z-index: var(--layer-temporary);
    overflow: auto;
    width: auto;
    height: auto;
    padding: var(--padding-lg) var(--padding-4xl);
    left: var(--margin-lg);
    top: var(--margin-lg);
    background-color: var(--color-background);
    box-shadow: 0 0 0 var(--focus-outline-offset) var(--color-background);
  }
/* END_SNIPPET:skip-to-content-link */