/** Shopify CDN: Minification failed

Line 210:18 Unexpected "{"
Line 210:27 Expected ":"
Line 211:31 Expected identifier but found whitespace
Line 211:33 Unexpected "{"
Line 211:42 Expected ":"
Line 211:81 Expected identifier but found "!"
Line 212:38 Expected identifier but found whitespace
Line 212:40 Unexpected "{"
Line 212:49 Expected ":"
Line 212:94 Expected identifier but found "!"
... and 4 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:article-editorial (INDEX:2) */
.article-editorial {
    --ae-canvas:#F8F7F2; --ae-surface:#FFF; --ae-surface-2:#F0EFEA; --ae-ink:#101820;
    --ae-ink-muted:#5B6066; --ae-accent:#F6B700; --ae-pink:#F3DFD5;
    --ae-border:rgba(16,24,32,.12); --ae-rcard:16px; --ae-rbtn:999px;
    --ae-navh:58px;
    --ae-display:CustomPrimaryFont,var(--font-primary),'Helvetica Neue',Arial,sans-serif;
    --ae-bodyfont:var(--font-primary),CustomPrimaryFont,'Helvetica Neue',Arial,sans-serif;
    background:var(--ae-canvas); color:var(--ae-ink); font-family:var(--ae-bodyfont); line-height:1.65;
  }
  .article-editorial a{color:inherit}
  .article-editorial .ae-shopbtn,.article-editorial .ae-bundle{color:#fff}
  .article-editorial .ae-btn{color:var(--ae-ink)}
  .article-editorial .ae-eyebrow{font-family:var(--ae-display);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}
  .article-editorial .ae-eyebrow .ae-sq,.article-editorial .ae-shophead .ae-sq{display:inline-block;width:9px;height:9px;background:var(--ae-accent);margin-right:9px;vertical-align:middle}
  .ae-cover{position:relative;min-height:62vh;display:flex;align-items:flex-end;padding:calc(var(--header-height,3rem) + 40px) 26px 48px;background:radial-gradient(130% 120% at 82% 14%,#FAD54E 0%,var(--ae-accent) 26%,var(--ae-pink) 56%,#221d19 100%);overflow:hidden}
  .ae-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,32,0) 40%,rgba(16,24,32,.66) 100%)}
  .ae-cover__inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;width:100%;color:#fff}
  .ae-cover h1{font-family:var(--ae-display);font-weight:800;letter-spacing:-.025em;line-height:1.0;font-size:clamp(36px,6vw,64px);margin:16px 0 12px;max-width:18ch}
  .ae-dek{font-size:clamp(16px,2.2vw,20px);max-width:54ch;color:#EDEFF1;margin:0 0 16px}
  .ae-byline{font-size:13px;color:#D7DADD}.ae-byline b,.ae-byline a{color:#fff}
  .ae-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .ae-chips span{font-family:var(--ae-display);font-weight:700;font-size:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#fff;padding:7px 13px;border-radius:var(--ae-rbtn)}
  .ae-chips span b{color:var(--ae-accent);font-weight:800}
  .ae-pnav{position:sticky;top:calc(var(--header-height,3rem) + 1.5rem);z-index:5;background:#febf1a;color:var(--ae-ink);width:100%;max-width:100vw;margin-inline:auto;border-radius:0;transition:width .35s ease,max-width .35s ease,border-radius .35s ease,margin-top .35s ease,box-shadow .35s ease}
  .ae-pnav.is-stuck{width:calc(100vw - 4rem);max-width:77.5rem;border-radius:.75rem;margin-top:.5rem;box-shadow:0 4px 10px #0000000d;overflow:hidden}
  @media (prefers-reduced-motion:reduce){.ae-pnav{transition:none}}
  .ae-pnav__row{max-width:1180px;margin:0 auto;height:var(--ae-navh);display:flex;align-items:center;gap:18px;padding:0 26px}
  .ae-ptitle{font-family:var(--ae-display);font-weight:700;font-size:14px;white-space:nowrap;margin-right:auto}
  .ae-pnav nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
  .ae-pnav nav::-webkit-scrollbar{display:none}
  .ae-pnav nav a{font-size:13px;text-decoration:none;color:rgba(16,24,32,.66);padding:7px 12px;border-radius:var(--ae-rbtn);white-space:nowrap;font-weight:600}
  .ae-pnav nav a.is-active{color:#fff;background:var(--ae-ink);font-weight:700}
  .ae-shopbtn{flex:0 0 auto;background:var(--ae-ink);color:#fff;font-family:var(--ae-display);font-weight:700;font-size:13px;text-decoration:none;padding:8px 16px;border-radius:var(--ae-rbtn)}
  .ae-progress{height:3px;background:rgba(255,255,255,.5)}
  .ae-progress span{display:block;height:100%;width:0;background:#fff;transition:width .08s linear}
  .ae-body{max-width:1180px;margin:0 auto;padding:46px 26px 80px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:46px;align-items:start}
  .ae-body article{min-width:0}
  .ae-body article :is(p){font-size:18px;margin:0 0 20px}
  .ae-body article > p:first-child{font-size:21px}
  .ae-body article > p:first-child::first-letter{font-family:var(--ae-display);font-weight:800;float:left;font-size:72px;line-height:.72;padding:6px 12px 0 0}
  .ae-body article :is(h2){font-family:var(--ae-display);font-weight:800;letter-spacing:-.01em;font-size:clamp(23px,3vw,30px);margin:42px 0 12px;scroll-margin-top:calc(var(--header-height,3rem) + 1.5rem + var(--ae-navh) + 22px)}
  .ae-body article ul{list-style:disc !important;margin:16px 0;padding-left:22px}
  .ae-body article ol{list-style:decimal !important;margin:16px 0;padding-left:22px}
  .ae-body article li{display:list-item;margin:9px 0;font-size:17px}
  .ae-body article :is(a):not(.ae-btn):not(.ae-uses):not(.ae-chip){text-decoration:underline;text-decoration-color:var(--ae-accent);text-decoration-thickness:2px;text-underline-offset:2px;font-weight:600}
  .ae-body article :is(blockquote){margin:34px 0;padding:24px 0;border:0;border-top:2px solid var(--ae-accent);border-bottom:1px solid var(--ae-border);font-family:var(--ae-display);font-weight:700;font-size:clamp(22px,3.2vw,28px);line-height:1.22}
  .ae-need{background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-rcard);padding:20px 22px;margin:0 0 30px}
  .ae-body .ae-need h2{margin:0 0 10px;font-size:20px}
  .ae-need-sub{color:var(--ae-ink-muted);font-size:14px;margin:0 0 14px}
  .ae-needlist{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
  .ae-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--ae-display);font-weight:700;font-size:13px;font-style:normal;text-decoration:underline;text-decoration-color:var(--ae-accent);text-decoration-thickness:2px;text-underline-offset:2px;background:var(--ae-surface-2);padding:8px 14px;border-radius:var(--ae-rbtn);color:var(--ae-ink)}
  .ae-body .ae-need-grab p{color:var(--ae-ink-muted);font-size:15px;margin:0}
  .ae-body .ae-steps-h{margin:0 0 6px}
  .ae-steps-intro{margin:0 0 18px;color:var(--ae-ink-muted);font-size:16px}
  .ae-step{position:relative;background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-rcard);padding:26px 26px 24px 86px;margin:0 0 16px}
  .ae-step__n{position:absolute;left:24px;top:26px;width:48px;height:48px;border-radius:50%;background:var(--ae-accent);color:var(--ae-ink);font-family:var(--ae-display);font-weight:800;font-size:23px;display:flex;align-items:center;justify-content:center}
  .ae-body .ae-step h2{margin:0 0 8px;font-size:21px}
  .ae-uses{display:inline-flex;align-items:center;gap:8px;font-family:var(--ae-display);font-weight:700;font-size:13px;text-decoration:none;background:var(--ae-surface-2);padding:7px 13px;border-radius:var(--ae-rbtn);color:var(--ae-ink)}
  .ae-uses .ae-dot,.ae-dot{width:8px;height:8px;border-radius:50%;background:var(--ae-accent)}
  .ae-tip{background:var(--ae-pink);border-radius:var(--ae-rcard);padding:22px 24px;margin:26px 0}
  .ae-tip__lbl{font-family:var(--ae-display);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin:0 0 6px}
  .ae-faq details{background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:12px;padding:14px 18px;margin-bottom:10px}
  .ae-faq summary{font-family:var(--ae-display);font-weight:600;cursor:pointer;font-size:16px}
  .ae-faq details .ae-rte{margin-top:10px;color:var(--ae-ink-muted)}
  .ae-cta{background:var(--ae-ink);color:#fff;border-radius:var(--ae-rcard);padding:30px;margin-top:40px}
  .ae-cta .ae-eyebrow{color:var(--ae-accent)}
  .ae-cta h3{font-family:var(--ae-display);font-weight:800;font-size:25px;margin:10px 0 8px}
  .ae-cta p{color:#C9CDD2;margin:0 0 18px}
  .ae-btn{display:inline-block;background:var(--ae-accent);color:var(--ae-ink);font-family:var(--ae-display);font-weight:700;text-decoration:none;padding:12px 24px;border-radius:var(--ae-rbtn);font-size:15px}
  .ae-shop{position:sticky;top:calc(var(--header-height,3rem) + 1.5rem + var(--ae-navh) + 1rem);max-height:calc(100vh - var(--header-height,3rem) - 1.5rem - var(--ae-navh) - 3rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
  .ae-shophead{font-family:var(--ae-display);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:8px}
  .ae-pcard{position:relative;display:block;background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ae-ink);margin-bottom:12px}
  .ae-pimg{aspect-ratio:16/10;background:var(--ae-surface-2);display:flex;align-items:center;justify-content:center;padding:14px}
  .ae-pimg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
  .ae-pinfo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
  .ae-pname{font-family:var(--ae-display);font-weight:700;font-size:14px;line-height:1.2}
  .ae-ppill{font-family:var(--ae-display);font-weight:700;font-size:12px;color:var(--ae-ink);background:var(--ae-accent);padding:6px 12px;border-radius:var(--ae-rbtn);white-space:nowrap}
  .ae-pcard__tag{position:absolute;top:10px;left:10px;background:var(--ae-ink);color:#fff;font-family:var(--ae-display);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:var(--ae-rbtn)}
  .ae-bundle{display:block;text-align:center;text-decoration:none;background:var(--ae-ink);color:#fff;font-family:var(--ae-display);font-weight:700;font-size:13px;padding:12px;border-radius:14px}
  .ae-bundle small{display:block;font-weight:500;color:#AEB3B9;font-size:11px;margin-top:2px}
  @media (max-width:900px){.ae-body{grid-template-columns:1fr;gap:30px}.ae-shop{position:static;order:2}}
  @media (max-width:767px){.ae-cover{padding-left:1rem;padding-right:1rem}.ae-body{padding:32px 1rem 60px}.ae-pnav__row{padding:0 1rem}.ae-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:6px;align-items:center;padding:20px 18px}.ae-step .ae-step__n{position:static;width:40px;height:40px;font-size:20px}.ae-body .ae-step h2{margin:0}.ae-step .ae-rte,.ae-step .ae-uses{grid-column:1 / -1}}
/* END_SECTION:article-editorial */

/* START_SECTION:article-how-to (INDEX:4) */
.article-how-to {
    --hw-canvas:#F8F7F2; --hw-surface:#FFF; --hw-surface-2:#F0EFEA; --hw-ink:#101820;
    --hw-ink-muted:#5B6066; --hw-accent:#F6B700; --hw-pink:#F3DFD5;
    --hw-border:rgba(16,24,32,.12); --hw-rcard:16px; --hw-rbtn:999px;
    --hw-navh:58px;
    --hw-display:CustomPrimaryFont,var(--font-primary),'Helvetica Neue',Arial,sans-serif;
    --hw-bodyfont:var(--font-primary),CustomPrimaryFont,'Helvetica Neue',Arial,sans-serif;
    background:var(--hw-canvas); color:var(--hw-ink); font-family:var(--hw-bodyfont); line-height:1.65;
  }
  .article-how-to a{color:inherit}
  .article-how-to .hw-shopbtn,.article-how-to .hw-bundle{color:#fff}
  .article-how-to .hw-btn{color:var(--hw-ink)}
  .article-how-to .hw-eyebrow{font-family:var(--hw-display);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}
  .article-how-to .hw-eyebrow .hw-sq,.article-how-to .hw-shophead .hw-sq{display:inline-block;width:9px;height:9px;background:var(--hw-accent);margin-right:9px;vertical-align:middle}
  .hw-cover{position:relative;min-height:62vh;display:flex;align-items:flex-end;padding:calc(var(--header-height,3rem) + 40px) 26px 48px;background:radial-gradient(130% 120% at 82% 14%,#FAD54E 0%,var(--hw-accent) 26%,var(--hw-pink) 56%,#221d19 100%);overflow:hidden}
  .hw-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,32,0) 40%,rgba(16,24,32,.66) 100%)}
  .hw-cover__inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;width:100%;color:#fff}
  .hw-cover h1{font-family:var(--hw-display);font-weight:800;letter-spacing:-.025em;line-height:1.0;font-size:clamp(36px,6vw,64px);margin:16px 0 12px;max-width:18ch}
  .hw-dek{font-size:clamp(16px,2.2vw,20px);max-width:54ch;color:#EDEFF1;margin:0 0 16px}
  .hw-byline{font-size:13px;color:#D7DADD}.hw-byline b,.hw-byline a{color:#fff}
  .hw-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .hw-chips span{font-family:var(--hw-display);font-weight:700;font-size:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#fff;padding:7px 13px;border-radius:var(--hw-rbtn)}
  .hw-chips span b{color:var(--hw-accent);font-weight:800}
  .hw-pnav{position:sticky;top:calc(var(--header-height,3rem) + 1.5rem);z-index:5;background:#febf1a;color:var(--hw-ink);width:100%;max-width:100vw;margin-inline:auto;border-radius:0;transition:width .35s ease,max-width .35s ease,border-radius .35s ease,margin-top .35s ease,box-shadow .35s ease}
  .hw-pnav.is-stuck{width:calc(100vw - 4rem);max-width:77.5rem;border-radius:.75rem;margin-top:.5rem;box-shadow:0 4px 10px #0000000d;overflow:hidden}
  @media (prefers-reduced-motion:reduce){.hw-pnav{transition:none}}
  .hw-pnav__row{max-width:1180px;margin:0 auto;height:var(--hw-navh);display:flex;align-items:center;gap:18px;padding:0 26px}
  .hw-ptitle{font-family:var(--hw-display);font-weight:700;font-size:14px;white-space:nowrap;margin-right:auto}
  .hw-pnav nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
  .hw-pnav nav::-webkit-scrollbar{display:none}
  .hw-pnav nav a{font-size:13px;text-decoration:none;color:rgba(16,24,32,.66);padding:7px 12px;border-radius:var(--hw-rbtn);white-space:nowrap;font-weight:600}
  .hw-pnav nav a.is-active{color:#fff;background:var(--hw-ink);font-weight:700}
  .hw-shopbtn{flex:0 0 auto;background:var(--hw-ink);color:#fff;font-family:var(--hw-display);font-weight:700;font-size:13px;text-decoration:none;padding:8px 16px;border-radius:var(--hw-rbtn)}
  .hw-progress{height:3px;background:rgba(255,255,255,.5)}
  .hw-progress span{display:block;height:100%;width:0;background:#fff;transition:width .08s linear}
  .hw-body{max-width:1180px;margin:0 auto;padding:46px 26px 80px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:46px;align-items:start}
  .hw-body article{min-width:0}
  .hw-body article :is(p){font-size:18px;margin:0 0 20px}
  .hw-body article > p:first-child{font-size:21px}
  .hw-body article > p:first-child::first-letter{font-family:var(--hw-display);font-weight:800;float:left;font-size:72px;line-height:.72;padding:6px 12px 0 0}
  .hw-body article :is(h2){font-family:var(--hw-display);font-weight:800;letter-spacing:-.01em;font-size:clamp(23px,3vw,30px);margin:42px 0 12px;scroll-margin-top:calc(var(--header-height,3rem) + 1.5rem + var(--hw-navh) + 22px)}
  .hw-body article ul{list-style:disc !important;margin:16px 0;padding-left:22px}
  .hw-body article ol{list-style:decimal !important;margin:16px 0;padding-left:22px}
  .hw-body article li{display:list-item;margin:9px 0;font-size:17px}
  .hw-body article :is(a):not(.hw-btn):not(.hw-uses):not(.hw-chip){text-decoration:underline;text-decoration-color:var(--hw-accent);text-decoration-thickness:2px;text-underline-offset:2px;font-weight:600}
  .hw-body article :is(blockquote){margin:34px 0;padding:24px 0;border:0;border-top:2px solid var(--hw-accent);border-bottom:1px solid var(--hw-border);font-family:var(--hw-display);font-weight:700;font-size:clamp(22px,3.2vw,28px);line-height:1.22}
  .hw-need{background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:var(--hw-rcard);padding:20px 22px;margin:0 0 30px}
  .hw-body .hw-need h2{margin:0 0 10px;font-size:20px}
  .hw-need-sub{color:var(--hw-ink-muted);font-size:14px;margin:0 0 14px}
  .hw-needlist{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
  .hw-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--hw-display);font-weight:700;font-size:13px;font-style:normal;text-decoration:underline;text-decoration-color:var(--hw-accent);text-decoration-thickness:2px;text-underline-offset:2px;background:var(--hw-surface-2);padding:8px 14px;border-radius:var(--hw-rbtn);color:var(--hw-ink)}
  .hw-body .hw-need-grab p{color:var(--hw-ink-muted);font-size:15px;margin:0}
  .hw-body .hw-steps-h{margin:0 0 6px}
  .hw-steps-intro{margin:0 0 18px;color:var(--hw-ink-muted);font-size:16px}
  .hw-step{position:relative;background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:var(--hw-rcard);padding:26px 26px 24px 86px;margin:0 0 16px}
  .hw-step__n{position:absolute;left:24px;top:26px;width:48px;height:48px;border-radius:50%;background:var(--hw-accent);color:var(--hw-ink);font-family:var(--hw-display);font-weight:800;font-size:23px;display:flex;align-items:center;justify-content:center}
  .hw-body .hw-step h2{margin:0 0 8px;font-size:21px}
  .hw-uses{display:inline-flex;align-items:center;gap:8px;font-family:var(--hw-display);font-weight:700;font-size:13px;text-decoration:none;background:var(--hw-surface-2);padding:7px 13px;border-radius:var(--hw-rbtn);color:var(--hw-ink)}
  .hw-uses .hw-dot,.hw-dot{width:8px;height:8px;border-radius:50%;background:var(--hw-accent)}
  .hw-tip{background:var(--hw-pink);border-radius:var(--hw-rcard);padding:22px 24px;margin:26px 0}
  .hw-tip__lbl{font-family:var(--hw-display);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin:0 0 6px}
  .hw-faq details{background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:12px;padding:14px 18px;margin-bottom:10px}
  .hw-faq summary{font-family:var(--hw-display);font-weight:600;cursor:pointer;font-size:16px}
  .hw-faq details .hw-rte{margin-top:10px;color:var(--hw-ink-muted)}
  .hw-cta{background:var(--hw-ink);color:#fff;border-radius:var(--hw-rcard);padding:30px;margin-top:40px}
  .hw-cta .hw-eyebrow{color:var(--hw-accent)}
  .hw-cta h3{font-family:var(--hw-display);font-weight:800;font-size:25px;margin:10px 0 8px}
  .hw-cta p{color:#C9CDD2;margin:0 0 18px}
  .hw-btn{display:inline-block;background:var(--hw-accent);color:var(--hw-ink);font-family:var(--hw-display);font-weight:700;text-decoration:none;padding:12px 24px;border-radius:var(--hw-rbtn);font-size:15px}
  .hw-shop{position:sticky;top:calc(var(--header-height,3rem) + 1.5rem + var(--hw-navh) + 1rem);max-height:calc(100vh - var(--header-height,3rem) - 1.5rem - var(--hw-navh) - 3rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
  .hw-shophead{font-family:var(--hw-display);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:8px}
  .hw-pcard{position:relative;display:block;background:var(--hw-surface);border:1px solid var(--hw-border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--hw-ink);margin-bottom:12px}
  .hw-pimg{aspect-ratio:16/10;background:var(--hw-surface-2);display:flex;align-items:center;justify-content:center;padding:14px}
  .hw-pimg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
  .hw-pinfo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
  .hw-pname{font-family:var(--hw-display);font-weight:700;font-size:14px;line-height:1.2}
  .hw-ppill{font-family:var(--hw-display);font-weight:700;font-size:12px;color:var(--hw-ink);background:var(--hw-accent);padding:6px 12px;border-radius:var(--hw-rbtn);white-space:nowrap}
  .hw-pcard__tag{position:absolute;top:10px;left:10px;background:var(--hw-ink);color:#fff;font-family:var(--hw-display);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:var(--hw-rbtn)}
  .hw-bundle{display:block;text-align:center;text-decoration:none;background:var(--hw-ink);color:#fff;font-family:var(--hw-display);font-weight:700;font-size:13px;padding:12px;border-radius:14px}
  .hw-bundle small{display:block;font-weight:500;color:#AEB3B9;font-size:11px;margin-top:2px}
  @media (max-width:900px){.hw-body{grid-template-columns:1fr;gap:30px}.hw-shop{position:static;order:2}}
  @media (max-width:767px){.hw-cover{padding-left:1rem;padding-right:1rem}.hw-body{padding:32px 1rem 60px}.hw-pnav__row{padding:0 1rem}.hw-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:6px;align-items:center;padding:20px 18px}.hw-step .hw-step__n{position:static;width:40px;height:40px;font-size:20px}.hw-body .hw-step h2{margin:0}.hw-step .hw-rte,.hw-step .hw-uses{grid-column:1 / -1}}
/* END_SECTION:article-how-to */

/* START_SECTION:collections (INDEX:9) */
.collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--collection-card-size), 100%), 1fr));
    gap: var(--grid-gap);
  }
  .collections--compact {
    --collection-card-size: 160px;
  }
  .collections--full {
    --collection-card-size: 280px;
  }
  .collection-card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
/* END_SECTION:collections */

/* START_SECTION:search (INDEX:41) */
#shopify-section-{{ section.id }} .plp-card {
    --plp-cardbackground-color: {{ section.settings.plp_card_background_color }} !important;
    --plp-card-hover-background-color: {{ section.settings.plp_card_hover_background_color }} !important;
    --plp-card-media-background-color: {{ section.settings.product_card_media_background_color }} !important;
  }
  /* Search Results Summary */
  .search-results-summary {
    background: color-mix(in srgb, var(--text-color) 5%, transparent);
  }


  /* Search Results Layout */

  .search-filtered-results {
    margin-top: var(--spacing-element, 1rem);
  }

  .search-result-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .search-section {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-element, 1.5rem);
  }

  .search-section__title {
    font-size: var(--font-size-lg, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
    margin: 0;
    padding-bottom: var(--spacing-sm, 0.5rem);
    border-bottom: var(--border-width-thin, 0.0625rem) solid var(--color-neutral-200, #e5e7eb);
  }

  /* Collections Grid */
  .search-collections-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--spacing-element, 1rem);
  }

  .search-collection-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border: var(--border-width-thin, 0.0625rem) solid var(--color-neutral-200, #e5e7eb);
    border-radius: var(--radius-md, 0.5rem);
    overflow: hidden;
    background: var(--color-variant-background, #ffffff);
    transition: all var(--animate-duration-fast, 150ms) var(--animation-easing, ease);
  }

  .search-collection-card:hover {
    border-color: var(--color-interactive-hover, #0056b3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }

  .search-collection-card__image {
    width: 100%;
    height: 150px;
    object-fit: cover;
  }

  .search-collection-card__content {
    padding: var(--spacing-element, 1rem);
  }

  .search-collection-card__content h3 {
    margin: 0 0 var(--spacing-xs, 0.5rem) 0;
    font-size: var(--font-size-md, 1rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
  }

  .search-collection-card__content p {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6c757d);
    line-height: 1.4;
  }

  /* Articles Grid */
  .search-articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--spacing-element, 1rem);
  }

  .search-article-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border: var(--border-width-thin, 0.0625rem) solid var(--color-neutral-200, #e5e7eb);
    border-radius: var(--radius-md, 0.5rem);
    overflow: hidden;
    background: var(--color-variant-background, #ffffff);
    transition: all var(--animate-duration-fast, 150ms) var(--animation-easing, ease);
  }

  .search-article-card:hover {
    border-color: var(--color-interactive-hover, #0056b3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }

  .search-article-card__image {
    width: 100%;
    height: 180px;
    object-fit: cover;
  }

  .search-article-card__content {
    padding: var(--spacing-element, 1rem);
    flex: 1;
  }

  .search-article-card__content h3 {
    margin: 0 0 var(--spacing-xs, 0.5rem) 0;
    font-size: var(--font-size-md, 1rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
  }

  .search-article-card__meta {
    margin: 0 0 var(--spacing-xs, 0.5rem) 0;
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-text-tertiary, #9ca3af);
  }

  .search-article-card__content p:last-child {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6c757d);
    line-height: 1.4;
  }

  /* Pages Grid */
  .search-pages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-element, 1rem);
  }


  /* Show More Button */
  .search-section__show-more {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-element, 1rem);
  }

  .search-show-more-btn {
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
    background: var(--color-interactive, #0056b3);
    color: var(--color-interactive-text, #ffffff);
    border: none;
    border-radius: var(--radius-md, 0.5rem);
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--animate-duration-fast, 150ms) var(--animation-easing, ease);
  }

  .search-show-more-btn:hover {
    background: var(--color-interactive-hover, #004494);
    transform: translateY(-1px);
  }

  .search-show-more-btn:active {
    transform: translateY(0);
  }

  /* Hidden items (for show more functionality) */
  .search-item--hidden {
    display: none;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .search-collections-grid,
    .search-articles-grid,
    .search-pages-grid {
      grid-template-columns: 1fr;
    }

    .search-products-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
/* END_SECTION:search */

/* CSS from block stylesheet tags */
/* START_BLOCK:email-form (INDEX:58) */
.form-message {
    display: none;
    padding: 0.5rem 0;
    margin-top: 0.5rem;
  }

  .form-message.success {
    display: block
  }

  .form-message.error {
    display: block;
    color: var(--color-error, #ef4444);
  }

  klaviyo-form {
    display: block;
    width: 100%;
  }
/* END_BLOCK:email-form */

/* START_BLOCK:swatches (INDEX:81) */
product-swatches {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    gap: 0;
    flex-shrink: 0;
  }

  swatches-variant-picker-component {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: var(--product-swatches-alignment-mobile);

    @media (min-width: 750px) {
      justify-content: var(--product-swatches-alignment);
    }
  }

  swatches-variant-picker-component .variant-option--swatches {
    padding-block: calc(
        var(--product-swatches-padding-block-start) + var(--focus-outline-offset) + var(--focus-outline-width)
      )
      calc(var(--product-swatches-padding-block-end) + var(--focus-outline-offset) + var(--focus-outline-width));
    padding-inline: calc(
        var(--product-swatches-padding-inline-start) + var(--focus-outline-offset) + (1.5 * var(--focus-outline-width))
      )
      calc(var(--product-swatches-padding-inline-end) + var(--focus-outline-offset) + var(--focus-outline-width));
  }

  .variant-option--swatches {
    overflow-list::part(list) {
      gap: var(--gap-sm);
    }

    overflow-list[defer]::part(list) {
      flex-wrap: nowrap;
    }
  }

  .hidden-swatches__count {
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;

    &::before {
      /* This doesn't work in Safari without the counter-reset. https://stackoverflow.com/a/40179718 */
      counter-reset: overflow-count var(--overflow-count);
      content: '+' counter(overflow-count);
      line-height: 1;
      cursor: pointer;
    }
  }

  .hidden-swatches__count:hover {
    color: var(--color-foreground-rgb);
  }
/* END_BLOCK:swatches */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:_horizon_search (INDEX:90) */
.search-action {
      --search-border-radius: var(--style-border-radius-inputs);
      --search-border-width: var(--style-border-width-inputs);
      width: 100%;
      /* height: 100%; */
      display: flex;
    }
  
    .header__column--center .search-action {
      width: auto;
      flex-grow: 1;
    }
  
    :is(.header__column--left, .header__column--center) .search-action {
      @media screen and (width >= 750px) {
        margin-inline: calc(var(--padding-lg) * -1);
      }
    }
  
    .header__column--right .search-action {
      @media screen and (width >= 750px) {
        margin-inline: calc(var(--gap-md) * -1) calc(var(--gap-xs) * -1);
      }
    }
/* END_SNIPPET:_horizon_search */

/* START_SNIPPET:predictive-search-resource-carousel (INDEX:193) */
.predictive-search-results__wrapper slideshow-slides {
      /* Add padding to prevent hover animations from being clipped in slideshow
         15px accommodates:
         - Scale effect (9px on each side from 1.03 scale)
         - Lift effect (4px upward movement)
         - Shadow (15px spread with -5px offset)
         Using 16px for better alignment with our spacing scale */
      padding: 16px;
      margin-block: -16px;
    }
/* END_SNIPPET:predictive-search-resource-carousel */

/* START_SNIPPET:predictive-search (INDEX:194) */
predictive-search-component {
    &:has([data-search-results]):not(:has(.predictive-search-results__no-results)) {
      .predictive-search-form__footer {
        display: flex;
      }
    }
  }

  .predictive-search-form__footer {
    display: none;
  }
/* END_SNIPPET:predictive-search */

/* START_SNIPPET:quick-add-modal (INDEX:198) */
.quick-add-modal {
    padding: 0;
    border: var(--style-border-popover);
    height: fit-content;
    overflow: hidden;
    min-height: 500px;
    box-shadow: 0 5px 30px rgb(0 0 0 / var(--opacity-15));

    @media screen and (max-width: 750px) {
      position: fixed;
      display: block;
      margin: auto 0 0 0;
      min-height: unset;
      max-width: 100%;
      border-radius: 0;
    }
  }

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

  .quick-add-modal .view-more-details__wrapper {
    @media screen and (max-width: 750px) {
      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);
  }

  .quick-add-modal__close:active {
    transform: scale(0.8);
  }

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

    @media screen and (max-width: 750px) {
      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: 750px) {
      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: 750px) {
      grid-column: 1 / -1;
    }
  }

  .quick-add-modal__content .variant-picker__form {
    display: block;
  }

  .quick-add-modal__content .variant-option + .variant-option {
    margin-top: var(--padding-lg);
  }

  .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;
    height: 100%;
    min-height: 0;

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

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

  .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 .variant-picker {
    --product-swatches-padding-block-end: 0px;

    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    padding-block-end: calc(
      var(--product-swatches-padding-block-end) + 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;
    /* Prevent overlap between title and close button */
    padding-inline: 0 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 .view-product-title {
    display: flex;
  }

  .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: min(var(--gap-2xl), var(--gap));
    }

    .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 .media-gallery--grid .product-media-container:first-child {
      border-top-right-radius: var(--style-border-radius-popover, 0);
    }

    .quick-add-modal__content .media-gallery--grid .product-media-container:last-child {
      border-bottom-right-radius: var(--style-border-radius-popover, 0);
    }
  }

  .quick-add-modal__content .product-details > .group-block {
    padding: var(--padding-2xl);
    max-height: 100%;
  }

  .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;
      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: 750px) {
      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 slideshow-controls {
    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 */

/* START_SNIPPET:resource-card (INDEX:199) */
.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: 1;
  }

  .resource-card__content {
    display: flex;
    flex-direction: column;
  }

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

  .resource-card__media {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: var(--resource-card-aspect-ratio, auto) !important;
    border-radius: var(--resource-card-corner-radius);
    background-color: var(--plp-card-media-background-color);
  }
  .resource-card__media:hover {
    background-color: var(--plp-card-hover-background-color);
  }

  .resource-card__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    position: absolute !important;
    inset: 0 !important;
    border-radius: var(--resource-card-corner-radius);
    opacity: var(--resource-card-primary-image-opacity);
  }

  .resource-card__image--secondary {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    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(from var(--color-foreground) r g b / 5%);
    aspect-ratio: var(--resource-card-aspect-ratio, auto);
    border-radius: var(--resource-card-corner-radius);
    width: 100%;
    height: 100%;
  }

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

  .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);
  }

  .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: rgba(from var(--color-foreground) r g b / var(--opacity-subdued-text));
    margin-block-start: 0;
  }

  .resource-card:has(.resource-card__image--secondary) {
    &:hover,
    &:focus {
      --resource-card-secondary-image-opacity: 1;
    }
  }
/* END_SNIPPET:resource-card */

/* START_SNIPPET:search-modal (INDEX:201) */
/* Search modal style */
  .search-modal {
    --search-border-radius: var(--style-border-radius-popover);
    --search-border-width: var(--style-border-width);
  }

  .search-modal__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

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

    @media screen and (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 (width < 750px) {
    .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);
    /* height: 100%;
    max-height: 80dvh; */
    /* overflow: scroll; */
    border-radius: 8px;
    @media screen and (width < 750px) {
      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;
  }

  .search-modal .predictive-search-results__card .resource-card__media {
    aspect-ratio: var(--predictive-search-image-aspect-ratio);
    position: relative;
    overflow: hidden;
    border-radius: var(--resource-card-corner-radius, var(--product-corner-radius));
  }

  .search-modal .predictive-search-results__card .resource-card__image,
  .search-modal .predictive-search-results__card .resource-card__image-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    inset: 0;
  }

  .search-modal .predictive-search-results__card .resource-card__image--secondary {
    position: absolute;
    inset: 0;
  }

  /* Predictive search header tweaks for small screens */
  @media screen and (width < 750px) {
    .dialog-modal{
      max-width: 100%;
      width: 100dvh;
      max-height: 100%;
      height: 100dvh;
    }
    .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;
      }
    }
  }
/* END_SNIPPET:search-modal */

/* START_SNIPPET:search (INDEX:202) */
.search-action {

      width: 100%;
      display: flex;
    }
  
    .header__column--center .search-action {
      width: auto;
      flex-grow: 1;
    }
  
    :is(.header__column--left, .header__column--center) .search-action {
      @media screen and (width >= 750px) {
        margin-inline: calc(var(--padding-lg) * -1);
      }
    }
  
    .header__column--right .search-action {
      @media screen and (width >= 750px) {
        margin-inline: calc(var(--gap-md) * -1) calc(var(--gap-xs) * -1);
      }
    }
/* END_SNIPPET:search */

/* START_SNIPPET:variant-main-picker (INDEX:214) */
.variant-picker {
    width: 100%;
  }

  .variant-picker__form {
    display: flex;
    flex-direction: column;
    gap: var(--padding-lg);
    width: 100%;
  }

  .variant-picker[data-shopify-visual-preview] {
    min-width: 300px;
    padding-inline-start: max(4px, var(--padding-inline-start));
  }

  .variant-option {
    --options-border-radius: var(--variant-picker-button-radius);
    --options-border-width: var(--variant-picker-button-border-width);
    --variant-option-padding-inline: var(--padding-md);
  }

  .variant-option--swatches {
    --options-border-radius: var(--variant-picker-swatch-radius);

    width: 100%;
  }

  .variant-option--swatches-disabled {
    pointer-events: none;
    cursor: not-allowed;
  }

  .variant-option--swatches > overflow-list {
    justify-content: var(--product-swatches-alignment);

    @media (max-width: 749px) {
      justify-content: var(--product-swatches-alignment-mobile);
    }
  }

  .variant-option--buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    border: none;
    max-height: fit-content;
  }
  

  .variant-option--buttons legend {
    padding: 0;
    margin: 0 0 1rem 0;
    float: left;
    width: 100%;
    line-height: 1;
  }

  .variant-option__swatch-value {
    padding-inline-start: var(--padding-xs);
    color: rgb(var(--color-foreground-rgb) / var(--opacity-70));
  }

  .variant-option__button-label {
    --variant-picker-stroke-color: var(--color-variant-border);

    display: flex;
    flex: 0 0 calc(3ch + 1.3em);
    align-items: center;
    position: relative;
    padding-block: var(--padding-sm);
    padding-inline: var(--padding-lg);
    border: var(--style-border-width) solid var(--color-variant-border);
    overflow: clip;
    justify-content: center;
    min-height: calc(3ch + 1.3em);
    min-width: fit-content;
    white-space: nowrap;
    background-color: var(--color-variant-background);
    color: var(--color-variant-text);
    transition: background-color var(--animation-speed) var(--animation-easing),
      border-color var(--animation-speed) var(--animation-easing);

    max-height: fit-content;
    margin: 5px;
    &:hover {
      background-color: var(--color-variant-hover-background);
      border-color: var(--color-variant-hover-border);
      color: var(--color-variant-hover-text);
    }

    @media screen and (min-width: 750px) {
      padding: var(--padding-xs) var(--variant-option-padding-inline);
    }
  }

  .variant-option__button-label input[type="radio"] {
    border: none
  }

  .variant-option__button-label__text {
    text-align: left;
    text-wrap: auto;
  }

  .variant-option--equal-width-buttons {
    --variant-min-width: clamp(44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100%);

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--variant-min-width), 1fr));

    .variant-option__button-label {
      min-width: var(--variant-min-width);
    }

    .variant-option__button-label__text {
      text-align: center;
      text-wrap: balance;
    }
  }

  .variant-option__button-label:has(:focus-visible) {
    --variant-picker-stroke-color: var(--color-foreground);

    border-color: var(--color-foreground);
    outline: var(--focus-outline-width) solid var(--color-foreground);
    outline-offset: var(--focus-outline-offset);
  }

  .variant-option__button-label--has-swatch {
    --focus-outline-radius: var(--variant-picker-swatch-radius);

    padding: 0;
    border: none;
    display: block;
    flex-basis: auto;
    min-height: auto;
    max-height: fit-content;
  }

  /* .variant-option__button-label:has(:checked:not(:disabled)) {
    color: var(--color-selected-variant-text);
    background-color: var(--color-selected-variant-background);
    border-color: var(--color-selected-variant-border);
    transition: background-color var(--animation-speed) var(--animation-easing),
      border-color var(--animation-speed) var(--animation-easing);

    &:hover {
      background-color: var(--color-selected-variant-hover-background);
      border-color: var(--color-selected-variant-hover-border);
      color: var(--color-selected-variant-hover-text);
    }
  } */

  .variant-option__button-label:has([data-option-available='false']) {
    color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch {
    --focus-outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));

    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) .swatch {
    --focus-outline: var(--focus-outline-width) solid currentcolor;

    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) {
    outline: none;
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover {
    outline: none;
  }

  .variant-option__button-label--has-swatch:hover {
    outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    outline-offset: var(--focus-outline-offset);
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) {
    --focus-outline: none;
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) .swatch {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  .variant-option__button-label--has-swatch:has(:checked),
  .variant-option__button-label--has-swatch.selected_variant {
    --focus-outline: var(--focus-outline-width) solid var(--color-foreground);

    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }
  .variant-option--diamond .variant-option__button-label--has-swatch.variant-option__button-label--has-diamond:has(:checked), 
  .variant-option--diamond .variant-option__button-label--has-swatch.variant-option__button-label--has-diamond.selected_variant,
  .variant-option--diamond .variant-option__button-label--has-swatch.variant-option__button-label--has-diamond span {
    border: 0 !important;
    outline: 0;
  }
  .variant-picker .variant-option--buttons label.variant-option__button-label--has-diamond:has(.swatch) {
    opacity: .5;
    outline: 0;
    --variant-picker-swatch-width: 2rem;
    --variant-picker-swatch-height: 2rem;
  }

  
  /* This triggers iOS < 16.4. The outline bug is not recognized as a lack of @supports */
  @supports not (background-color: rgb(from red 150 g b / alpha)) {
    /** There is a bug in safari < 16.4 that causes the outline to not follow the elements border radius. This is a workaround. **/
    .variant-option__button-label--has-swatch:has(:checked),
    .variant-option__button-label:has(:focus-visible) .swatch,
    .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch {
      outline: none;
      position: relative;
      overflow: visible;
    }

    .variant-option__button-label--has-swatch:has(:checked)::after,
    .variant-option__button-label:has(:focus-visible) .swatch::after,
    .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch::after {
      content: '';
      position: absolute;
      inset: calc(-1 * var(--focus-outline-offset));
      border: var(--focus-outline);
      border-radius: var(--focus-outline-radius, 50%);
      background-color: transparent;
      display: inherit;
    }
  }

  .variant-option__button-label:has([data-option-available='false']):has(:checked:not(:disabled)) {
    --variant-picker-stroke-color: var(--text-color);
    background-color: var(--text-color);
    color: var(--background-color);
    border-color: var(--text-color);
  }

  .variant-option__button-label input,
  .variant-option--images input {
    /* remove the checkbox from the page flow */
    position: absolute;

    /* set the dimensions to match those of the label */
    inset: 0;

    /* hide it */
    opacity: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .variant-option__button-label svg {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    pointer-events: none;
    stroke-width: var(--style-border-width);
    stroke: var(--variant-picker-stroke-color);
  }

  .variant-option__select-wrapper {
    display: flex;
    position: relative;
    border: var(--style-border-width-inputs) solid var(--color-border);
    border-radius: var(--style-border-radius-inputs);
    align-items: center;
    margin-top: var(--margin-2xs);
    overflow: clip;
    transition: background-color var(--animation-speed) var(--animation-easing),
      border-color var(--animation-speed) var(--animation-easing);
  }

  .variant-option__select-wrapper:has(.swatch) {
    --variant-picker-swatch-width: 20px;
    --variant-picker-swatch-height: 20px;
  }

  .variant-option__select-wrapper:hover {
    border-color: var(--color-variant-hover-border);
  }

  .variant-option__select:focus-visible {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: var(--focus-outline-offset);
  }

  .variant-option__select {
    padding-block: var(--padding-md);
    padding-inline: var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs));
    appearance: none;
    border: 0;
    width: 100%;
    margin: 0;
    cursor: pointer;
  }

  .variant-option__select-wrapper .icon {
    position: absolute;
    right: var(--padding-md);
    top: 50%;
    transform: translateY(-50%);
    width: var(--icon-size-2xs);
    height: var(--icon-size-2xs);
    pointer-events: none;
  }

  .variant-option__select--has-swatch {
    padding-inline-start: calc((2 * var(--padding-sm)) + var(--variant-picker-swatch-width));
  }

  .variant-option__select-wrapper .swatch {
    position: absolute;
    top: 50%;
    left: var(--padding-md);
    transform: translateY(-50%);
  }

  .variant-picker--center,
  .variant-picker--center .variant-option {
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .variant-picker--right,
  .variant-picker--right .variant-option {
    text-align: right;
    justify-content: right;
  }

  /* Sizes */
  .variant-option--buttons:not(.variant-option--swatches),
  .variant-option--buttons[data-option-key='size'] {
    gap: 0;
  }
  .variant-option__button-label:not(.variant-option__button-label--has-swatch),
  .variant-option__button-label[data-option-key="size"]  {
    margin: 0;
    padding: 0;
    min-width: unset;
    min-height: unset;
    text-align: left;
    flex: none;
    display: inline-block;
    /* From Acne Studios */
    background-color: #fff;
    border: 1px solid #c2c2c2;
    color: var(--text-color);
    margin: -1px 0 0 -1px;
    min-width: 65px;
    padding: 4px 19px 19px 9px;
    text-align: left;
    font-size: 12px;
  }
/* END_SNIPPET:variant-main-picker */