/* PouchesZone design system v1.0
   Scoped to .pz-* classes so it never fights the Flatsome theme. */
:root{
  --pz-ink:#12263a;          /* deep can-ink navy: text, headers */
  --pz-ink-2:#2b4157;
  --pz-muted:#4f6274;
  --pz-frost:#eef5f3;        /* frosted lid: section backgrounds */
  --pz-frost-2:#e1ecea;
  --pz-steel:#c6d1d3;        /* can rim: borders */
  --pz-white:#ffffff;
  --pz-mint:#13a383;         /* light strength / primary action */
  --pz-mint-soft:#d3f1e8;
  --pz-citrus:#f2b23a;       /* strong */
  --pz-ember:#ec7434;        /* extra strong */
  --pz-berry:#cf365d;        /* strongest / warnings */
  --pz-s1:#13a383; --pz-s2:#6fb85a; --pz-s3:#f2b23a; --pz-s4:#ec7434; --pz-s5:#cf365d;
  --pz-radius-lg:28px; --pz-radius:14px; --pz-radius-sm:8px;
  --pz-display:"Bricolage Grotesque", "Atkinson Hyperlegible", system-ui, sans-serif;
  --pz-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pz-max:1180px;
}

/* ---------- base for our blocks ---------- */
.pz-page,.pz-desc,.pz-cat,.pz-guide,.pz-cat-bottom{font-family:var(--pz-body);color:var(--pz-ink);line-height:1.62;font-size:17px}
.pz-page *{box-sizing:border-box}
.pz-page h1,.pz-page h2,.pz-page h3,.pz-desc h1,.pz-desc h2,.pz-desc h3,.pz-guide h1,.pz-guide h2,.pz-guide h3,.pz-cat-bottom h2,.pz-cat-bottom h3{
  font-family:var(--pz-display);color:var(--pz-ink);letter-spacing:-.015em;line-height:1.12;margin:1.6em 0 .55em}
.pz-desc h1,.pz-guide h1{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.6rem);font-weight:800;margin-top:.2em}
.pz-desc h2,.pz-guide h2,.pz-cat-bottom h2,.pz-page h2{font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);font-weight:750}
.pz-desc h3,.pz-guide h3,.pz-cat-bottom h3,.pz-page h3{font-size:1.18rem;font-weight:700}
.pz-desc p,.pz-guide p,.pz-cat-bottom p,.pz-page p{margin:0 0 .85em;max-width:72ch}
.pz-desc a,.pz-guide a,.pz-cat-bottom a,.pz-cat a,.pz-page a{color:#0b7d64;text-decoration-thickness:1px;text-underline-offset:3px}
.pz-desc a:hover,.pz-guide a:hover,.pz-cat-bottom a:hover,.pz-page a:hover{color:var(--pz-ink)}
.pz-desc :focus-visible,.pz-guide :focus-visible,.pz-page :focus-visible,.pz-cat-bottom :focus-visible{outline:3px solid var(--pz-citrus);outline-offset:2px;border-radius:4px}

/* ---------- tables ---------- */
.pz-specs,.pz-compare,.pz-cat-table{width:100%;border-collapse:separate;border-spacing:0;margin:1.1em 0 1.6em;font-size:.95rem;background:var(--pz-white);border:1px solid var(--pz-steel);border-radius:var(--pz-radius);overflow:hidden}
.pz-specs th,.pz-specs td,.pz-compare th,.pz-compare td,.pz-cat-table th,.pz-cat-table td{padding:.7em .9em;text-align:left;border-bottom:1px solid var(--pz-frost-2);vertical-align:top}
.pz-specs tr:last-child th,.pz-specs tr:last-child td,.pz-compare tbody tr:last-child td,.pz-cat-table tbody tr:last-child td{border-bottom:0}
.pz-specs th{width:38%;background:var(--pz-frost);font-weight:700;color:var(--pz-ink-2)}
.pz-compare thead th,.pz-cat-table thead th{background:var(--pz-ink);color:var(--pz-white);font-family:var(--pz-display);font-weight:650;font-size:.9rem}
.pz-compare tbody tr:first-child td{background:var(--pz-mint-soft);font-weight:700}
.pz-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){
  .pz-compare,.pz-cat-table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ---------- lists ---------- */
.pz-steps{counter-reset:pz;list-style:none;padding:0;margin:1em 0 1.4em}
.pz-steps li{counter-increment:pz;position:relative;padding:.55em 0 .55em 3.1em;border-bottom:1px dashed var(--pz-steel)}
.pz-steps li::before{content:counter(pz);position:absolute;left:0;top:.45em;width:2.1em;height:2.1em;border-radius:50%;background:var(--pz-ink);color:var(--pz-white);display:grid;place-items:center;font-family:var(--pz-display);font-weight:700;font-size:.9rem}
.pz-packs{list-style:none;padding:0;margin:1em 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6em}
.pz-packs li{background:var(--pz-frost);border:1px solid var(--pz-frost-2);border-radius:var(--pz-radius-sm);padding:.7em .9em;font-weight:600}
.pz-quick{list-style:none;padding:0;margin:.6em 0;display:grid;gap:.35em}
.pz-quick li{padding-left:1.4em;position:relative}
.pz-quick li::before{content:"";position:absolute;left:0;top:.55em;width:.65em;height:.65em;border-radius:50%;background:var(--pz-mint)}
.pz-warn-mini{font-size:.82rem;font-weight:700;color:var(--pz-ink);border-left:4px solid var(--pz-berry);padding:.35em .7em;background:#fff4f6;margin-top:.6em}

/* ---------- callouts ---------- */
.pz-warning{margin:2em 0 0;padding:1em 1.2em;border:2px solid var(--pz-ink);border-radius:var(--pz-radius-sm);font-weight:700;background:var(--pz-white);max-width:none!important}
.pz-callout{background:var(--pz-frost);border-left:6px solid var(--pz-mint);border-radius:0 var(--pz-radius) var(--pz-radius) 0;padding:1em 1.2em;margin:1.2em 0}
.pz-callout p:last-child{margin-bottom:0}
.pz-takeaways{background:var(--pz-ink);color:var(--pz-white);border-radius:var(--pz-radius-lg);padding:1.3em 1.6em;margin:1.4em 0 2em}
.pz-takeaways h2{color:var(--pz-white)!important;margin-top:.2em!important;font-size:1.3rem!important}
.pz-takeaways ul{margin:0;padding-left:1.1em}
.pz-takeaways li{margin:.35em 0}
.pz-takeaways a{color:var(--pz-mint-soft)!important}
.pz-fig{margin:1.6em 0;text-align:center}
.pz-fig img{max-width:min(420px,100%);height:auto;border-radius:var(--pz-radius);background:var(--pz-frost);padding:12px}
.pz-fig figcaption{font-size:.9rem;color:var(--pz-muted);margin-top:.4em}

/* ---------- chips ---------- */
.pz-chips{display:flex;flex-wrap:wrap;gap:.5em;margin:1.2em 0}
.pz-chips a{display:inline-block;padding:.45em .95em;border-radius:999px;border:1.5px solid var(--pz-ink);color:var(--pz-ink)!important;text-decoration:none!important;font-weight:700;font-size:.92rem;background:var(--pz-white);transition:background .15s,color .15s}
.pz-chips a:hover,.pz-chips a:focus-visible{background:var(--pz-ink);color:var(--pz-white)!important}

/* ---------- FAQ accordion (details/summary, no JS needed) ---------- */
.pz-faq{border-top:2px solid var(--pz-ink);margin:1em 0 1.6em}
.pz-faq details{border-bottom:1px solid var(--pz-steel)}
.pz-faq summary{cursor:pointer;list-style:none;padding:1em 2.6em 1em 0;position:relative;font-family:var(--pz-display);font-weight:650;font-size:1.06rem;color:var(--pz-ink)}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq summary::after{content:"";position:absolute;right:.4em;top:50%;width:1.3em;height:1.3em;margin-top:-.65em;border-radius:50%;background:var(--pz-frost) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 4v12M4 10h12' stroke='%2312263a' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/62% no-repeat;transition:transform .2s ease}
.pz-faq details[open] summary::after{transform:rotate(45deg);background-color:var(--pz-mint-soft)}
.pz-faq details > *:not(summary){padding:0 0 1em;margin:0;color:var(--pz-ink-2)}
.pz-faq details[open]{background:linear-gradient(var(--pz-white),var(--pz-white))}

/* ---------- category top/bottom content ---------- */
.pz-cat{max-width:78ch;margin:0 0 1.4em}
.pz-cat p{margin:0 0 .6em}
.pz-cat-bottom{max-width:var(--pz-max);margin:3em auto 1em;padding:2.2em clamp(1em,3vw,2.4em);background:var(--pz-white);border-top:6px solid var(--pz-ink);border-radius:0 0 var(--pz-radius-lg) var(--pz-radius-lg)}
.pz-cat-bottom > *{max-width:78ch}
.pz-cat-bottom .pz-cat-table,.pz-cat-bottom .pz-faq{max-width:none}

/* ---------- strength dots (used everywhere strength is shown) ---------- */
.pz-dots{display:inline-flex;gap:4px;vertical-align:middle}
.pz-dots i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--pz-ink);display:block}
.pz-dots[data-level="1"] i:nth-child(-n+1){background:var(--pz-s1);border-color:var(--pz-s1)}
.pz-dots[data-level="2"] i:nth-child(-n+2){background:var(--pz-s2);border-color:var(--pz-s2)}
.pz-dots[data-level="3"] i:nth-child(-n+3){background:var(--pz-s3);border-color:var(--pz-s3)}
.pz-dots[data-level="4"] i:nth-child(-n+4){background:var(--pz-s4);border-color:var(--pz-s4)}
.pz-dots[data-level="5"] i:nth-child(-n+5){background:var(--pz-s5);border-color:var(--pz-s5)}

/* =========================================================
   LANDING / PAGES
   ========================================================= */
.pz-page{font-size:17px;background:var(--pz-white)}
.pz-wrap{max-width:var(--pz-max);margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.pz-sec{padding:clamp(48px,7vw,96px) 0}
.pz-sec--frost{background:var(--pz-frost)}
.pz-sec--ink{background:var(--pz-ink);color:var(--pz-white)}
.pz-sec--ink h2,.pz-sec--ink h3{color:var(--pz-white)}
.pz-sec--ink a{color:var(--pz-mint-soft)}
.pz-sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1em;margin-bottom:1.6em}
.pz-sec-head h2{margin:0;font-size:clamp(1.7rem,1.2rem + 2vw,2.7rem)!important;font-weight:800;max-width:20ch}
.pz-sec-head p{margin:0;max-width:46ch;color:var(--pz-muted)}
.pz-sec--ink .pz-sec-head p{color:#c9d6e0}

.pz-btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.4em;border-radius:999px;font-weight:700;text-decoration:none!important;border:2px solid var(--pz-ink);font-family:var(--pz-display);font-size:1rem;cursor:pointer;transition:transform .12s ease,background .15s}
.pz-btn--solid{background:var(--pz-ink);color:var(--pz-white)!important}
.pz-btn--solid:hover{background:var(--pz-mint);border-color:var(--pz-mint)}
.pz-btn--ghost{background:transparent;color:var(--pz-ink)!important}
.pz-btn--ghost:hover{background:var(--pz-white)}
.pz-btn:active{transform:translateY(1px)}

/* ---------- HERO: strength dial ---------- */
.pz-hero{background:var(--pz-frost);padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,72px);position:relative;overflow:hidden}
.pz-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:center}
.pz-hero h1{font-size:clamp(2.3rem,1.4rem + 4vw,4.6rem);font-weight:800;line-height:.98;margin:0 0 .35em;letter-spacing:-.03em;max-width:12ch}
.pz-hero__lead{font-size:1.15rem;max-width:44ch;color:var(--pz-ink-2)}
.pz-hero__ctas{display:flex;flex-wrap:wrap;gap:.7em;margin:1.4em 0 1.2em}
.pz-hero__facts{display:flex;flex-wrap:wrap;gap:.4em 1.4em;padding:0;margin:0;list-style:none;font-size:.95rem;color:var(--pz-ink-2)}
.pz-hero__facts li{display:flex;align-items:center;gap:.45em}
.pz-hero__facts li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pz-mint)}

.pz-dial{position:relative;display:grid;justify-items:center;gap:18px}
.pz-lid{--lv:var(--pz-s1);position:relative;width:min(420px,82vw);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,var(--pz-white) 0 54%,var(--pz-frost-2) 54.5% 56%,var(--pz-white) 56.5% 68%,var(--pz-steel) 68.5% 70%,var(--pz-white) 70.5%);
  box-shadow:0 0 0 10px var(--lv),0 30px 60px -30px rgba(18,38,58,.45);display:grid;place-items:center;text-align:center;transition:box-shadow .35s ease}
.pz-lid__inner{width:62%;display:grid;gap:.35em;justify-items:center}
.pz-lid__mg{font-family:var(--pz-display);font-weight:800;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);line-height:1;letter-spacing:-.03em}
.pz-lid__tier{font-family:var(--pz-display);font-weight:700;font-size:1.05rem}
.pz-lid__brands{font-size:.88rem;color:var(--pz-muted);min-height:2.6em}
.pz-lid .pz-dots i{width:14px;height:14px}
.pz-dial__ctrl{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.pz-dial__ctrl button{width:46px;height:46px;border-radius:50%;border:2px solid var(--pz-ink);background:var(--pz-white);font-family:var(--pz-display);font-weight:800;font-size:1rem;color:var(--pz-ink);cursor:pointer;transition:background .15s,color .15s,transform .15s}
.pz-dial__ctrl button[aria-pressed="true"]{background:var(--pz-ink);color:var(--pz-white);transform:scale(1.08)}
.pz-dial__ctrl button:focus-visible{outline:3px solid var(--pz-citrus);outline-offset:3px}
.pz-dial__label{font-size:.9rem;color:var(--pz-muted);text-align:center}
.pz-dial__go{margin-top:2px}

/* ---------- brand shelf ---------- */
.pz-tabs__list{display:flex;gap:.4em;flex-wrap:wrap;margin-bottom:1.2em}
.pz-tabs__list button{border:2px solid var(--pz-ink);background:transparent;color:inherit;border-radius:999px;padding:.55em 1.1em;font-weight:700;font-family:var(--pz-display);cursor:pointer}
.pz-sec--ink .pz-tabs__list button{border-color:var(--pz-white)}
.pz-tabs__list button[aria-selected="true"]{background:var(--pz-ink);color:var(--pz-white)}
.pz-sec--ink .pz-tabs__list button[aria-selected="true"]{background:var(--pz-white);color:var(--pz-ink)}
.pz-tabs__panel[hidden]{display:none}
.pz-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;list-style:none;padding:0;margin:0}
.pz-shelf a{display:grid;place-items:center;text-align:center;aspect-ratio:1;border-radius:50%;background:var(--pz-white);color:var(--pz-ink)!important;text-decoration:none!important;
  box-shadow:inset 0 0 0 6px var(--pz-frost-2),inset 0 0 0 7px var(--pz-steel);padding:14%;transition:transform .2s ease,box-shadow .2s}
.pz-shelf a:hover,.pz-shelf a:focus-visible{transform:rotate(-6deg);box-shadow:inset 0 0 0 6px var(--pz-mint-soft),inset 0 0 0 7px var(--pz-mint)}
.pz-shelf b{font-family:var(--pz-display);font-size:1.15rem;line-height:1.05}
.pz-shelf small{display:block;font-size:.78rem;color:var(--pz-muted);margin-top:.3em}

/* ---------- flavor rail ---------- */
.pz-flavors{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;list-style:none;margin:0}
.pz-flavors li{scroll-snap-align:start;flex:0 0 auto}
.pz-flavors a{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;text-decoration:none!important;color:var(--pz-ink)!important;font-family:var(--pz-display);font-weight:750;text-align:center;line-height:1.1;padding:12px;background:var(--fl,#dfe9e7);box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}
.pz-flavors a:hover,.pz-flavors a:focus-visible{outline:3px solid var(--pz-ink);outline-offset:3px}
.pz-f-mint{--fl:#c9efe3}.pz-f-wintergreen{--fl:#f6d5dd}.pz-f-peppermint{--fl:#d6ecf7}.pz-f-spearmint{--fl:#d8f3cf}.pz-f-citrus{--fl:#fde7a8}.pz-f-berry{--fl:#e9d3f0}
.pz-f-fruit{--fl:#ffd9c2}.pz-f-coffee{--fl:#e7d6c6}.pz-f-cinnamon{--fl:#f3c9a9}.pz-f-unflavored{--fl:#e9eef0}.pz-f-watermelon{--fl:#ffd1d6}.pz-f-mango{--fl:#ffe2a1}.pz-f-spicy{--fl:#ffc4b0}.pz-f-menthol{--fl:#cfe8f7}.pz-f-apple{--fl:#dcf2b8}

/* ---------- formats ---------- */
.pz-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pz-format{background:var(--pz-white);border:1.5px solid var(--pz-steel);border-radius:var(--pz-radius-lg);padding:24px;display:grid;gap:10px;align-content:start}
.pz-format__shape{height:90px;display:grid;place-items:center}
.pz-format__shape span{display:block;background:var(--pz-frost-2);border:2px solid var(--pz-ink);border-radius:12px}
.pz-format--mini .pz-format__shape span{width:56px;height:34px}
.pz-format--slim .pz-format__shape span{width:110px;height:34px}
.pz-format--large .pz-format__shape span{width:110px;height:56px}
.pz-format h3{margin:0!important}
.pz-format p{margin:0;font-size:.97rem;color:var(--pz-ink-2)}

/* ---------- value strip ---------- */
.pz-values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--pz-ink);border-bottom:2px solid var(--pz-ink)}
.pz-values > div{padding:22px 20px;border-right:1px solid var(--pz-steel)}
.pz-values > div:last-child{border-right:0}
.pz-values h3{margin:0 0 .3em!important;font-size:1.05rem!important}
.pz-values p{margin:0;font-size:.95rem;color:var(--pz-ink-2)}

/* ---------- prose block ---------- */
.pz-prose{max-width:74ch}
.pz-prose h2{margin-top:1.4em}

/* ---------- guides hub ---------- */
.pz-filter{display:flex;flex-wrap:wrap;gap:.5em;margin:0 0 1.2em}
.pz-filter button{border:1.5px solid var(--pz-ink);background:var(--pz-white);border-radius:999px;padding:.45em .95em;font-weight:700;cursor:pointer;color:var(--pz-ink)}
.pz-filter button[aria-pressed="true"]{background:var(--pz-ink);color:var(--pz-white)}
.pz-search{width:100%;max-width:520px;padding:.8em 1em;border:2px solid var(--pz-ink);border-radius:999px;font-size:1rem;margin:0 0 1em;font-family:var(--pz-body)}
.pz-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;list-style:none;padding:0;margin:0}
.pz-guides li[hidden]{display:none}
.pz-guide-card{display:grid;gap:.5em;height:100%;padding:22px;border-radius:var(--pz-radius);background:var(--pz-white);border:1.5px solid var(--pz-steel);text-decoration:none!important;color:var(--pz-ink)!important}
.pz-guide-card:hover,.pz-guide-card:focus-visible{border-color:var(--pz-ink)}
.pz-guide-card b{font-family:var(--pz-display);font-size:1.12rem;line-height:1.2}
.pz-guide-card span{font-size:.92rem;color:var(--pz-muted)}
.pz-guide-card em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--pz-mint)}

/* ---------- FAQ page ---------- */
.pz-faqpage .pz-faq-group{margin-bottom:2.2em}
.pz-faqpage .pz-faq-group[hidden]{display:none}
.pz-faqpage details[hidden]{display:none}
.pz-faq-empty{display:none;padding:1em;background:var(--pz-frost);border-radius:var(--pz-radius)}
.pz-faq-empty.is-on{display:block}

/* ---------- calculator ---------- */
.pz-calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--pz-white);border:2px solid var(--pz-ink);border-radius:var(--pz-radius-lg);padding:clamp(18px,3vw,32px)}
.pz-calc label{display:grid;gap:.35em;font-weight:700;font-size:.95rem}
.pz-calc input,.pz-calc select{padding:.7em .8em;border:1.5px solid var(--pz-steel);border-radius:var(--pz-radius-sm);font-size:1rem;font-family:var(--pz-body)}
.pz-calc__out{background:var(--pz-frost);border-radius:var(--pz-radius);padding:20px;display:grid;gap:.5em;align-content:start}
.pz-calc__big{font-family:var(--pz-display);font-weight:800;font-size:2.6rem;line-height:1}
.pz-calc__note{font-size:.9rem;color:var(--pz-muted)}

/* ---------- A-Z brands ---------- */
.pz-az{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.pz-az li[hidden]{display:none}
.pz-az a{display:flex;justify-content:space-between;gap:1em;align-items:center;padding:14px 16px;border:1.5px solid var(--pz-steel);border-radius:var(--pz-radius);text-decoration:none!important;color:var(--pz-ink)!important;background:var(--pz-white)}
.pz-az a:hover,.pz-az a:focus-visible{border-color:var(--pz-ink)}
.pz-az b{font-family:var(--pz-display)}
.pz-az small{color:var(--pz-muted);white-space:nowrap}

/* ---------- age gate ---------- */
.pz-age{position:fixed;inset:0;z-index:99999;background:rgba(18,38,58,.86);display:grid;place-items:center;padding:16px}
.pz-age[hidden]{display:none}
.pz-age__box{background:var(--pz-white);max-width:440px;width:100%;border-radius:var(--pz-radius-lg);padding:32px 28px;text-align:center;font-family:var(--pz-body);color:var(--pz-ink)}
.pz-age__box h2{font-family:var(--pz-display);font-size:1.7rem;margin:.2em 0 .4em}
.pz-age__box p{margin:0 0 1em;color:var(--pz-ink-2)}
.pz-age__btns{display:grid;gap:.6em}
.pz-age__warn{font-size:.8rem;font-weight:700;border:2px solid var(--pz-ink);padding:.6em;margin-top:1em;border-radius:var(--pz-radius-sm)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .pz-hero__grid{grid-template-columns:1fr}
  .pz-hero h1{max-width:none}
  .pz-formats{grid-template-columns:1fr}
  .pz-values{grid-template-columns:1fr 1fr}
  .pz-values > div:nth-child(2){border-right:0}
  .pz-values > div:nth-child(-n+2){border-bottom:1px solid var(--pz-steel)}
  .pz-calc{grid-template-columns:1fr}
}
@media (max-width:520px){
  .pz-page,.pz-desc,.pz-guide,.pz-cat-bottom{font-size:16px}
  .pz-values{grid-template-columns:1fr}
  .pz-values > div{border-right:0;border-bottom:1px solid var(--pz-steel)}
  .pz-shelf{grid-template-columns:repeat(2,1fr)}
  .pz-dial__ctrl button{width:42px;height:42px}
}
@media (prefers-reduced-motion:reduce){
  .pz-page *,.pz-lid,.pz-shelf a,.pz-faq summary::after{transition:none!important;animation:none!important}
}