/* Native-Smokes.com styles (moved out of index.html on Nov 7, 2026 for speed).
   The first-screen part is copied into index.html automatically by tools/seo-build.cjs; edit styles here. */

/* ---- block ---- */

/* Layout: Muskoka outfitter. Deep pine chrome top and bottom, birch-white shelves in between,
   dusk lake scenes (drawn on canvas) as the only atmospheric moments. Single committed light look. */
:root{
  /* Muskoka palette (from the asset board): lake blue, granite grey, cedar brown, pine green, Muskoka red, mist white */
  --pine:#183b34; --pine-2:#21493f; --pine-3:#2b5a4d;
  --cedar:#7a553b; --cedar-2:#8f6646;
  --lake:#486a8f; --granite-2:#767980;
  --loon:#161b19; --ink:#1f2522; --granite:#5f6863;
  --birch:#f3f4f2; --paper:#ffffff; --line:#d9dad6; --mist:#e5e6e2;
  --muskoka:#992228; --gold:#d7a548;
  --ok:#2e6b45; --bad:#a3302a;
  --f-display:"Zilla Slab", "Rockwell", "Roboto Slab", Georgia, serif;
  --f-body:"Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif;
  --wrap:1240px; --gut:clamp(16px,3vw,32px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--birch);color:var(--ink);font:400 15px/1.55 var(--f-body);margin:0;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
svg.ic{width:20px;height:20px;flex:none}
.arrow::after{content:"";width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4.5 16H26M19 9l7 7-7 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4.5 16H26M19 9l7 7-7 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat}
.blk-h a.arrow{display:inline-flex;align-items:center;gap:6px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.08;text-wrap:balance;margin:0}
.eyebrow{font:600 11px/1.2 var(--f-body);letter-spacing:.18em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;border:0;cursor:pointer;text-decoration:none;
  font:700 12px/1 var(--f-body);letter-spacing:.12em;text-indent:.12em;text-transform:uppercase;padding:15px 22px;border-radius:2px;transition:background .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn-cedar{background:var(--cedar);color:#fff}.btn-cedar:hover{background:var(--cedar-2)}
.btn-pine{background:var(--pine);color:#fff}.btn-pine:hover{background:var(--pine-3)}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-line{background:var(--paper);color:var(--pine);box-shadow:inset 0 0 0 1.5px var(--pine)}.btn-line:hover{background:var(--mist)}
.btn[disabled]{opacity:.45;cursor:not-allowed}


/* warning bar */
.warn{background:var(--loon);color:#f1f1ec;font-size:12px;line-height:1.4}
.warn .wrap{display:flex;gap:14px;align-items:center;padding-block:8px;flex-wrap:wrap}
.warn b{background:#f5d23b;color:#111;padding:2px 7px;font-weight:700;letter-spacing:.06em}

/* header */
header.top{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}
.hdr{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding-block:14px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pine)}
.logo svg{width:46px;height:46px;flex:none}
.logo .wm{font:800 23px/1 var(--f-body);letter-spacing:-.01em;color:var(--pine);white-space:nowrap}
.logo .wm span{font-weight:500;color:var(--cedar);letter-spacing:0}
.logo .tg{font:600 8.5px/1 var(--f-body);letter-spacing:.26em;margin-top:6px;color:var(--granite);white-space:nowrap}
.hdr-mid{display:flex;align-items:center;gap:22px;min-width:0}
.hdr-claim{border-left:1px solid var(--line);padding-left:18px;font:600 10px/1.5 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--granite);white-space:nowrap}
.search{display:flex;flex:1;max-width:460px;margin-left:auto;min-width:0}
.search input{flex:1;min-width:0;border:1.5px solid var(--line);border-right:0;padding:10px 12px;background:var(--paper);border-radius:2px 0 0 2px}
.search input:focus{outline:none;border-color:var(--pine)}
.search button{background:var(--pine);color:#fff;border:0;width:46px;cursor:pointer;border-radius:0 2px 2px 0;display:grid;place-items:center}
.search{position:relative}
.sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 34px rgba(20,30,25,.18);max-height:min(70vh,520px);overflow:auto;padding:8px 0}
.sugg h5{margin:6px 14px 6px;font:700 10px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--granite)}
.sugg .chips{padding:2px 14px 8px}.sugg .chip{text-decoration:none;color:var(--ink)}
.sg-o{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 14px;text-decoration:none;color:var(--ink);cursor:pointer}
.sg-o.b{grid-template-columns:56px minmax(0,1fr)}
.sg-o img{width:56px;height:42px;object-fit:contain;background:#f5f5f7}
.sg-o .bt{width:56px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:2px}.sg-o .bt img{width:100%;height:100%;object-fit:cover;background:none}
.sg-o b{display:block;font-size:13.5px;line-height:1.25}.sg-o small{display:block;color:var(--granite);font-size:11.5px}.sg-o em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}
.sg-o mark{background:#f6e6c4;color:inherit;padding:0}
.sg-o[aria-selected=true],.sg-o:hover{background:#eef4ef}
.sg-all{display:block;margin:6px 14px 4px;font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--pine);text-decoration:none;padding:8px 0;border-top:1px solid var(--mist)}
.sg-none{padding:10px 14px;font-size:13.5px;color:var(--granite)}
.hdr-icons{display:flex;gap:6px}
.lang-btn{width:auto;min-width:40px;height:32px;padding:0 8px;border:1.5px solid var(--pine);border-radius:2px;font:700 12px/1 var(--f-body);letter-spacing:.08em;color:var(--pine);align-self:center;margin-right:2px}.lang-btn:hover{background:var(--pine);color:#fff}
.gate-lang{position:absolute;top:10px;right:10px;z-index:2;background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff;font:700 11px/1 var(--f-body);letter-spacing:.08em;padding:7px 9px;border-radius:2px;cursor:pointer}.gate-lang:hover{background:#fff;color:var(--pine)}
.icon-btn{position:relative;background:none;border:0;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;color:var(--loon);text-decoration:none}
.icon-btn svg{width:26px;height:26px;color:var(--pine)}
.badge{position:absolute;top:3px;right:1px;min-width:19px;height:19px;border-radius:10px;background:var(--pine);color:#fff;font:700 10px/19px var(--f-body);text-align:center;padding:0 5px}
nav.main{background:var(--pine);color:#fff}
nav.main .wrap{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
nav.main .wrap::-webkit-scrollbar{display:none}
nav.main a{flex:none;text-decoration:none;font:600 11px/1 var(--f-body);letter-spacing:.11em;text-transform:uppercase;padding:14px 12px;color:#e9efe9;border-bottom:3px solid transparent}
nav.main a:hover{color:#fff;background:var(--pine-2)}
@media (min-width:1081px){nav.main a{padding:14px 8px;letter-spacing:.08em}nav.main .flag{letter-spacing:.1em;padding-left:10px}}
nav.main a.on{border-bottom-color:var(--gold);color:#fff}
nav.main .flag{margin-left:auto;display:flex;align-items:center;gap:8px;font:600 10px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;padding-left:14px;white-space:nowrap}
.flag i{display:inline-block;width:26px;height:13px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 9600 4800%22%3E%3Cpath fill=%22%23d52b1e%22 d=%22m0 0h2400l99 99h4602l99-99h2400v4800h-2400l-99-99h-4602l-99 99H0z%22/%3E%3Cpath fill=%22%23fff%22 d=%22m2400 0h4800v4800h-4800zm2490 4430-45-863a95 95 0 0 1 111-98l859 151-116-320a65 65 0 0 1 20-73l941-762-212-99a65 65 0 0 1-34-79l186-572-542 115a65 65 0 0 1-73-38l-105-247-423 454a65 65 0 0 1-111-57l204-1052-327 189a65 65 0 0 1-91-27l-332-652-332 652a65 65 0 0 1-91 27l-327-189 204 1052a65 65 0 0 1-111 57l-423-454-105 247a65 65 0 0 1-73 38l-542-115 186 572a65 65 0 0 1-34 79l-212 99 941 762a65 65 0 0 1 20 73l-116 320 859-151a95 95 0 0 1 111 98l-45 863z%22/%3E%3C/svg%3E") center/100% 100% no-repeat}   /* official Canadian flag (Nov 9, owner) */

/* hero */
.hero{position:relative;color:#fff;overflow:hidden;background:#2a3a3c}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:end;min-height:500px;padding-block:56px 40px}
.hero h1{font-size:clamp(38px,5.2vw,66px);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero .lede{font:500 clamp(17px,1.6vw,21px)/1.45 var(--f-display);margin:16px 0 0;max-width:40ch;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.hero-copy{align-self:center;display:grid;gap:0}
.hero-trust{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:14px 28px;margin:26px 0 30px}
.hero-trust div{display:flex;gap:10px;align-items:center;font:700 10.5px/1.35 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.hero-trust small{display:block;font-weight:500;letter-spacing:.06em;opacity:.8;font-size:9.5px}
.hero-trust svg{width:26px;height:26px;flex:none;color:#f3f4f2}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-packs{position:relative;height:330px;align-self:end}
.hero-packs img{position:absolute;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45))}
.hero-packs .a{width:74%;right:20%;bottom:6%}
.hero-packs .b{width:60%;right:-4%;bottom:0}

/* trust strip */
.strip{background:var(--paper);border-bottom:1px solid var(--line)}
.strip .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.strip .wrap>div{display:flex;gap:14px;align-items:center;padding:20px 18px;border-left:1px solid var(--line);min-width:0}
.strip .wrap>div:first-child{border-left:0;padding-left:0}
.strip svg{width:32px;height:32px;flex:none;color:var(--pine)}
.strip b{display:block;font:700 12px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.strip span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--granite)}

/* sections */
section.blk{padding-block:44px 8px}
.blk-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.blk-h h2{font-size:clamp(24px,2.4vw,30px);text-transform:uppercase;letter-spacing:.01em}
.blk-h a{font:700 11px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--pine);white-space:nowrap}
.blk-h a:hover{text-decoration:underline}

.brands{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
@media (max-width:980px){.brands{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
.brands.home10{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:980px){.brands.home10{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:620px){.brands.home10{grid-template-columns:repeat(3,minmax(0,1fr))}}
.brand-tile{aspect-ratio:3/2;border-radius:2px;overflow:hidden;position:relative;text-decoration:none;background:var(--loon);display:grid;place-items:center;transition:transform .15s, box-shadow .15s}
.brand-tile:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,30,25,.18)}
.brand-tile img{width:100%;height:100%;object-fit:cover}
.brand-tile .txt{font:700 22px/1 var(--f-display);color:#fff;text-align:center;padding:8px;letter-spacing:.02em}
.brand-tile .soon{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.65);color:#fff;font:700 8.5px/1 var(--f-body);letter-spacing:.14em;padding:4px 6px;text-transform:uppercase}

.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feat a{display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--pine);border-radius:2px;color:var(--ink);text-decoration:none;overflow:hidden}
.feat .cap{padding:22px 22px 20px;display:grid;gap:6px;justify-items:start}
.feat h3{font-size:clamp(22px,2vw,28px);color:var(--pine)}
.feat p{margin:0;font-size:13.5px;color:var(--granite)}
.feat .btn{margin-top:10px;padding:12px 15px;font-size:10.5px}
.feat .stage{background:#f5f5f7;flex:1;display:grid;place-items:center}
.feat .stage img{width:100%;height:auto;display:block;transition:transform .3s}
.feat a:hover .stage img{transform:translateY(-3px)}
.feat a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.band{position:relative;color:#fff;margin-top:44px;min-height:260px;display:flex;align-items:center;overflow:hidden;background:#2a3a3c}
.band canvas{position:absolute;inset:0;width:100%;height:100%}
.band .wrap{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:48px}
.band h2{font-size:clamp(28px,3.4vw,44px);text-shadow:0 2px 16px rgba(0,0,0,.45)}
.band .sub{margin-top:10px;font:600 11px/1 var(--f-body);letter-spacing:.24em;text-transform:uppercase}
.band .box{border:1.5px solid rgba(255,255,255,.8);padding:18px 26px;font:600 11px/1.8 var(--f-body);letter-spacing:.2em;text-transform:uppercase;background:rgba(10,20,18,.35);backdrop-filter:blur(2px)}

.why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:28px;align-items:stretch}
.why ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.why li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
.why li svg{width:30px;height:30px;color:var(--pine)}
.why li b{display:block;font-weight:700;font-size:14px}
.why li span{font-size:13px;color:var(--granite)}
.ship-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--paper);border:1px solid var(--line)}
.ship-card .art{background:linear-gradient(180deg,#d9cbb3,#bfa682);display:grid;place-items:center;padding:22px;min-height:220px}
.ship-card .art svg{width:100%;max-width:300px;height:auto}
.ship-card .tx{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.ship-card h3{font-size:26px}
.ship-card p{margin:0;color:var(--granite);font-size:14px}

.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cat{position:relative;display:block;background:var(--paper);border:1px solid var(--line);text-decoration:none;overflow:hidden;border-radius:2px}
.cat img{aspect-ratio:4/3;width:100%;object-fit:contain;transition:transform .3s}
.cat:hover img{transform:scale(1.04)}
.cat span{display:flex;justify-content:space-between;align-items:center;background:var(--pine);color:#fff;font:700 11.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;padding:13px 14px}
.cat span em{font-style:normal;font-weight:500;opacity:.75;letter-spacing:.04em}

/* product grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;border-radius:2px;transition:box-shadow .15s}
.card:hover{box-shadow:0 10px 22px rgba(20,30,25,.1)}
.card a.im{display:block;position:relative;overflow:hidden}
.card a.im img{aspect-ratio:4/3;width:100%;object-fit:contain;padding:6px}
.card .tag{position:absolute;top:8px;left:8px;background:var(--pine);color:#fff;font:700 9px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;padding:5px 7px}
.card .tag.m{background:var(--lake)}
.card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.card .nm{font-weight:700;font-size:14px;text-decoration:none;line-height:1.3}
.card .nm:hover{text-decoration:underline}
.card .meta{font-size:12px;color:var(--granite)}
.card .pr{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px}
.card .pr b{font:700 20px/1 var(--f-display);font-variant-numeric:tabular-nums}
.card .pr span{font-size:11.5px;color:var(--granite)}
.card .btn{margin-top:10px;padding:12px;width:100%}

/* stay connected */
.news{background:var(--pine);color:#fff;margin-top:52px}
.news .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding-block:34px}
.news h2{font-size:34px}
.news p{margin:6px 0 0;opacity:.85}
.news form{display:flex;gap:0;flex-wrap:wrap}
.news input{flex:1 1 220px;min-width:0;padding:13px 14px;border:0;border-radius:2px 0 0 2px}
.news .msg{flex-basis:100%;font-size:13px;margin-top:8px;min-height:1.2em}

/* footer */
footer{background:var(--loon);color:#d6dcd6;font-size:13px}
.ft{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:24px;padding-block:44px 30px}
.ft h4,.ft h2.fh{margin:0 0 12px;font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ft a{text-decoration:none;color:#c8cfc9}.ft a:hover{color:#fff;text-decoration:underline}
.ft .logo{color:#f3f4f2;--logo-lake:#8fb0d2}.ft .logo .wm{color:#f3f4f2}.ft .logo .wm span{color:#d29a4a}.ft .logo .tg{color:#a9b3ab}
.ft p{color:#a9b3ab;max-width:36ch}
.health{border-top:1px solid #2c3430;border-bottom:1px solid #2c3430}
.health .wrap{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding-block:18px}
.health .w{background:#f5d23b;color:#111;font:700 13px/1.2 var(--f-body);padding:12px 14px;letter-spacing:.04em;max-width:280px}
.health p{margin:0;color:#c8cfc9;font-size:12.5px}
.legal .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:16px;font-size:12px;color:#8f9a92}

/* shop */
.page-hd{background:var(--paper);border-bottom:1px solid var(--line)}
.page-hd .wrap{padding-block:26px}
.crumbs{font-size:12px;color:var(--granite);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.page-hd h1{font-size:clamp(30px,3.6vw,44px)}
.page-hd p{margin:8px 0 0;color:var(--granite);max-width:70ch}
.shop{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding-block:28px 10px}
.filters{display:grid;gap:22px;align-content:start}
.filters fieldset{border:0;padding:0;margin:0}
.filters legend{font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;padding:0}
.filters label{display:flex;gap:9px;align-items:center;font-size:13.5px;padding:3px 0;cursor:pointer}
.filters label span{margin-left:auto;color:var(--granite);font-size:12px;font-variant-numeric:tabular-nums}
.filters input[type=checkbox]{accent-color:var(--pine);width:16px;height:16px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:var(--granite)}
.toolbar select{padding:9px 10px;border:1.5px solid var(--line);background:var(--paper);border-radius:2px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{background:var(--mist);border:0;padding:6px 10px;border-radius:20px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.chip:hover{background:var(--line)}
.empty{background:var(--paper);border:1px dashed var(--line);padding:40px;text-align:center;color:var(--granite)}
.ftoggle{display:none}

.brand-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center}
.brand-hero .logo-box{aspect-ratio:3/2;border-radius:2px;overflow:hidden;background:var(--loon);display:grid;place-items:center}
.brand-hero .logo-box img{width:100%;height:100%;object-fit:cover}

/* product page */
.pdp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 300px;gap:28px;padding-block:28px}
.pdp>*,.pdp-low>*{min-width:0}
.gal{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-content:start}
.thumbs{display:grid;gap:8px;align-content:start}
.thumbs button{border:1.5px solid var(--line);background:var(--paper);padding:3px;cursor:pointer;aspect-ratio:1;border-radius:2px}
.thumbs button.on{border-color:var(--pine)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.main-img{background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;cursor:zoom-in;position:relative}
.main-img img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.main-img.zoom img{transform:scale(1.8);cursor:zoom-out}
.pinfo{display:flex;flex-direction:column;gap:12px;min-width:0}
.pinfo .pill{align-self:flex-start;background:var(--pine);color:#fff;font:700 10px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px}
.pinfo h1{font-size:clamp(28px,2.8vw,36px)}
.pinfo .sub{font:500 19px/1.3 var(--f-display);color:var(--granite);margin-top:-4px}
.pinfo .lead{margin:0;font-size:14px}
.pinfo .links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.pinfo .links a{color:var(--cedar);font-weight:600}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:6px}
.facts div{padding:14px 6px;text-align:center;border-left:1px solid var(--line);font:700 10px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.facts div:first-child{border-left:0}
.facts b{display:block;font:700 20px/1.1 var(--f-display);letter-spacing:0;text-transform:none;margin-bottom:4px;color:var(--pine)}
.buy{background:var(--paper);border:1px solid var(--line);padding:20px;display:grid;gap:14px;align-content:start;position:sticky;top:150px}
.buy .price{font:700 34px/1 var(--f-display);font-variant-numeric:tabular-nums}
.buy .unit{font-size:13px;color:var(--granite);margin-top:4px}
.buy label.l{font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:7px}
.opts{display:grid;gap:8px}
.opt{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1.5px solid var(--line);padding:11px 12px;cursor:pointer;border-radius:2px;font-size:13.5px}
.opt input{accent-color:var(--pine)}
.opt:has(input:checked){border-color:var(--pine);background:#f1f5f1}
.opt b{font-variant-numeric:tabular-nums}
.opt small{display:block;color:var(--granite);font-size:11.5px}
.qty{display:inline-grid;grid-template-columns:40px 50px 40px;border:1.5px solid var(--line);border-radius:2px}
.qty button{background:var(--paper);border:0;cursor:pointer;height:40px;display:grid;place-items:center;color:var(--pine)}.qty button svg{width:16px;height:16px}
.qty input{border:0;border-inline:1.5px solid var(--line);text-align:center;font-weight:600;width:100%;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pts{display:flex;gap:10px;align-items:center;background:var(--birch);padding:10px 12px;font-size:12.5px}
.pts svg{width:28px;height:28px;flex:none;color:var(--cedar)}
.pts b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.idnote{font-size:12px;color:var(--granite);display:flex;gap:8px;align-items:flex-start}
.idnote svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--pine)}

.tabs{background:var(--paper);border:1px solid var(--line);margin-top:6px}
.tablist{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}
.tablist button{background:none;border:0;padding:15px 20px;font:700 11.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;color:var(--granite)}
.tablist button[aria-selected=true]{border-bottom-color:var(--pine);color:var(--ink)}
.tabpanel{padding:24px 26px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
.tabpanel.one{grid-template-columns:minmax(0,1fr)}
.tabpanel h3,.tabpanel h2.th{font-size:22px;margin-bottom:8px}
.tabpanel h4{margin:18px 0 6px;font-size:14px}
.tabpanel p{margin:0 0 10px;max-width:68ch;font-size:14px}
.ticks{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;font-size:14px}
.ticks li{display:flex;gap:9px}
.ticks li::before{content:"";width:17px;height:17px;flex:none;border-radius:50%;background:var(--pine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2' stroke-linecap='square' fill='none'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
table.spec{width:100%;border-collapse:collapse;font-size:13.5px}
table.spec th{text-align:left;font-weight:700;padding:8px 10px 8px 0;width:42%;vertical-align:top}
table.spec td{padding:8px 0;border-bottom:1px solid var(--mist);font-variant-numeric:tabular-nums}
table.spec th{border-bottom:1px solid var(--mist)}
details.faq{border-bottom:1px solid var(--line)}
details.faq summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
details.faq summary::after{content:"";width:14px;height:14px;flex:none;margin-top:3px;background:var(--pine);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 5v22M5 16h22' stroke='black' stroke-width='3.5' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 5v22M5 16h22' stroke='black' stroke-width='3.5' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat}
details.faq[open] summary::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 16h22' stroke='black' stroke-width='3.5' stroke-linecap='square'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 16h22' stroke='black' stroke-width='3.5' stroke-linecap='square'/%3E%3C/svg%3E")}
details.faq p{margin:0 0 14px;color:var(--granite);font-size:14px;max-width:72ch}
.side-art{position:relative;min-height:300px;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;background:#2a3a3c}
.side-art canvas{position:absolute;inset:0;width:100%;height:100%}
.side-art p{position:relative;font:700 22px/1.3 var(--f-display);letter-spacing:.08em;text-transform:uppercase;padding:20px;text-shadow:0 2px 12px rgba(0,0,0,.5);margin:0}
.pdp-low{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}

/* cart & checkout */
.cart{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding-block:28px}
.line{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:12px;margin-bottom:10px}
.line img{aspect-ratio:4/3;object-fit:contain;width:100%}
.line .n{font-weight:700;text-decoration:none}
.line .m{font-size:12.5px;color:var(--granite)}
.line .r{display:grid;gap:8px;justify-items:end}
.line .r b{font:700 19px/1 var(--f-display);font-variant-numeric:tabular-nums}
.acct-cur-a{display:flex;gap:8px;flex-wrap:wrap}
.acct-t .acct-ro{padding:8px 12px;font-size:10.5px;white-space:nowrap}
.ba-sub{margin:-6px 0 14px;color:var(--granite);font-size:13.5px}
.mcard.ba .ba-last{font-size:12px;color:var(--ink)}.mcard.ba .ba-last b{color:var(--pine)}
.mcard.ba .pr small{font:500 12px var(--f-body);color:var(--granite)}
section.ba-cart{padding-block:8px 40px}
.nf{background:var(--birch);border-bottom:1px solid var(--line)}
.nf-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,5vw,64px);align-items:center;padding-block:clamp(32px,6vw,72px)}
.nf-art{width:100%;max-width:300px;height:auto;display:block;margin-inline:auto}
.nf-tx{min-width:0}.nf .eyebrow{color:var(--cedar)}
.nf h1{font-size:clamp(34px,5vw,56px);color:var(--pine);margin:10px 0 12px}
.nf p{max-width:46ch;margin:0;color:var(--granite);font-size:16px}
.nf-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.nf-links{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:20px 0 0;font-size:13.5px}
.nf-links a{color:var(--pine);font-weight:600}
@media (max-width:700px){.nf-in{grid-template-columns:minmax(0,1fr);text-align:center}.nf-art{max-width:200px}.nf p{margin-inline:auto}.nf-cta,.nf-links{justify-content:center}}
.ntf label.ns-off{opacity:.45;cursor:not-allowed}
.wl-band{background:var(--cedar);color:#fff}
.wl-band .wrap{display:flex;align-items:center;gap:12px;padding-block:10px;flex-wrap:wrap}
.wl-band p{margin:0;flex:1;min-width:0;font-size:14px}.wl-band b{font-weight:700}
.wl-band code,.wl-su code,.wl-code code{font:700 .95em/1 var(--f-body);letter-spacing:.08em;background:rgba(255,255,255,.16);padding:3px 7px;border:1px dashed rgba(255,255,255,.7)}
.wl-tag{font:700 10.5px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;background:var(--pine);padding:6px 8px}
.wl-apply{background:#fff;color:var(--cedar);border:0;font:700 11px/1 var(--f-body);letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;padding:9px 12px;cursor:pointer;border-radius:2px}
.wl-x{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:3px 6px 1px;opacity:.85}
.wl-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4ece4;border:1px dashed var(--cedar);padding:9px 10px;font-size:13px;color:var(--ink)}
.wl-hint button{background:var(--cedar);color:#fff;border:0;font:700 10.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;cursor:pointer;flex:none}
.wl-su{display:grid;gap:2px;background:#f4ece4;border-left:4px solid var(--cedar);padding:10px 12px;font-size:13px;color:var(--granite);margin:-4px 0 4px}.wl-su b{color:var(--ink)}
.wl-su code{background:#fff;border-color:var(--cedar);color:var(--cedar)}
.wl-modal{position:fixed;inset:0;z-index:90;background:rgba(22,27,25,.62);display:grid;place-items:center;padding:16px}
.wl-card{position:relative;background:var(--paper);max-width:420px;width:100%;padding:28px 26px 22px;text-align:center;border-top:6px solid var(--cedar);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.wl-card .eyebrow{color:var(--cedar)}.wl-card h2{font-size:30px;color:var(--pine);margin:8px 0 8px}.wl-card p{margin:0;color:var(--granite);font-size:14.5px}
.wl-code{margin:16px 0}.wl-code code{display:inline-block;font-size:22px;padding:12px 18px;background:var(--birch);border:2px dashed var(--pine);color:var(--pine)}
.wl-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.wl-acts .btn{padding:13px 16px}
.wl-card small{display:block;margin-top:14px;color:var(--granite);font-size:12px}
.wl-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--granite)}
@media (max-width:600px){.wl-band p{font-size:13px}.wl-tag{display:none}}
.wl-short{display:none}
.card [data-add].added{background:var(--ok,#2e6b45);border-color:var(--ok,#2e6b45)}
.ba-hd{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ba-last{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;font-size:11px}.ba-last svg{width:16px;height:16px}
@media (max-width:600px){.ba-sec .blk-h{flex-wrap:wrap;gap:10px}.ba-hd{width:100%;justify-content:space-between}}
@media (max-width:600px){.wl-band .wl-long{display:none}.wl-band .wl-short{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-band .wrap{flex-wrap:nowrap;gap:8px;padding-block:7px}.wl-band code{padding:2px 5px;font-size:12px}.wl-apply{padding:9px 10px 7px;font-size:10.5px;white-space:nowrap}.wl-x{padding:3px 2px 1px}}
.sd-note{display:flex;gap:9px;align-items:flex-start;background:#e9f1ec;border:1px solid #cfe0d3;color:var(--ink);padding:9px 11px;font-size:13px;line-height:1.45}
.sd-note svg{width:18px;height:18px;flex:none;color:var(--pine);margin-top:1px}.sd-note b{color:var(--pine)}
.sd-left{color:var(--cedar);font-weight:700;font-style:normal;white-space:nowrap}
.sd-iv{max-width:860px;margin:0 auto 14px;font-size:14px}
.stock .sd-left{font-weight:600}
.eta-l{display:inline-block;margin-top:4px;color:var(--granite)}.eta-l b{color:var(--ink)}
.eta-p{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--granite);margin-top:6px}.eta-p svg{width:16px;height:16px;color:var(--pine)}.eta-p b{color:var(--ink)}
.eta-s{color:var(--granite)}
.dt-wrap{overflow-x:auto;max-width:440px}.dt{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.dt th{text-align:left;font:700 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--granite);padding:8px 10px 8px 0;border-bottom:2px solid var(--pine)}
.dt td{padding:10px 10px 10px 0;border-bottom:1px solid var(--line)}.dt-n{font-size:13px;color:var(--granite)}
.link-btn{background:none;border:0;color:var(--muskoka);cursor:pointer;font-size:12px;text-decoration:underline;padding:0}
.summary{background:var(--paper);border:1px solid var(--line);padding:20px;display:grid;gap:10px;align-content:start;position:sticky;top:150px}
.summary h3,.summary h2.sh3{font-size:22px;margin-bottom:4px}
.summary .row{display:flex;justify-content:space-between;font-size:14px;font-variant-numeric:tabular-nums}
.summary .row.t{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;font:700 20px/1 var(--f-display)}
.meter{height:6px;background:var(--mist);border-radius:3px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--pine)}
.note{font-size:12.5px;color:var(--granite)}
.form{background:var(--paper);border:1px solid var(--line);padding:24px;display:grid;gap:22px}
.form h3,.form h2.fstep{font-size:21px;display:flex;gap:10px;align-items:center}
.form h3 .n,.form h2.fstep .n{width:26px;height:26px;border-radius:50%;background:var(--pine);color:#fff;font:700 13px/26px var(--f-body);text-align:center}
.fgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.fld{display:grid;gap:5px;grid-column:span 6;min-width:0}
.fld.h{grid-column:span 3}.fld.t{grid-column:span 2}
.fld label{font:600 12px/1 var(--f-body)}
.fld input,.fld select{border:1.5px solid var(--line);padding:11px 12px;background:var(--paper);border-radius:2px;width:100%;min-width:0}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--pine)}
.fld.err input,.fld.err select{border-color:var(--bad)}
.fld .e{font-size:11.5px;color:var(--bad);min-height:0}
.pc-n{font-size:11.5px;color:var(--ok,#2e6b45)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}
.check input{accent-color:var(--pine);width:17px;height:17px;margin-top:2px;flex:none}
.alert{background:#fbf3df;border-left:4px solid var(--gold);padding:12px 14px;font-size:13px}
.alert.bad{background:#f8e7e4;border-color:var(--bad)}
.done{max-width:720px;margin:40px auto;background:var(--paper);border:1px solid var(--line);padding:36px;display:grid;gap:14px}
.done h1{font-size:36px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}
.steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:14px;counter-increment:s}
.steps li::before{content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--mist);font-weight:700;display:grid;place-items:center;font-size:12px}

/* content pages */
.content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;padding-block:32px}
.prose{background:var(--paper);border:1px solid var(--line);padding:30px}
.prose h2{font-size:26px;margin:22px 0 8px}.prose h2:first-child{margin-top:0}
.prose p,.prose li{max-width:68ch;font-size:14.5px}
.tier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.tier div{border:1px solid var(--line);padding:16px;background:var(--birch)}
.tier b{font:700 20px/1.1 var(--f-display);display:block}
.tier span{font-size:12.5px;color:var(--granite)}
.age-t{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}
.age-t th,.age-t td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--mist)}
.age-t td:last-child{font-variant-numeric:tabular-nums;font-weight:700}
.copy-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.copy-row code{background:var(--mist);padding:6px 9px;font-size:13px;user-select:all}

/* photo hero slideshow (H1, H3, H5) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hs{position:relative;background:var(--loon);overflow:hidden}
.slides{position:relative;width:100%;aspect-ratio:1366/400;max-height:470px;display:grid;container-type:size}
.sl{grid-area:1/1;margin:0;position:relative;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s;overflow:hidden}
.sl.on{opacity:1;visibility:visible}
.sl .bg{position:absolute;inset:-30px;background:center/cover no-repeat;filter:blur(22px) brightness(.55)}@media (max-width:460px){.sl .bg[style*="--bgm"]{display:none}}
.frame{position:relative;width:min(100cqw,calc(100cqh * var(--ar)));aspect-ratio:var(--ar)}
.frame img{width:100%;height:100%;display:block}
.frame{container-type:inline-size}
.shadeL{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,16,.62) 0%,rgba(8,18,16,.42) 30%,rgba(8,18,16,0) 50%)}
.hcopy{position:absolute;left:5.5%;top:50%;transform:translateY(-50%);width:35%;color:#fff;display:grid;gap:clamp(8px,1.1cqi,16px)}
.hcopy .eyebrow{font-size:clamp(10px,.95cqi,13px)}
.hcopy .h{font:700 clamp(26px,3.9cqi,56px)/1.04 var(--f-display);text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.hcopy p{margin:0;font-size:clamp(13px,1.35cqi,18px);line-height:1.45;max-width:36ch;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hcopy .hero-cta{margin-top:clamp(4px,.6cqi,10px)}
.hs .arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:var(--pine);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.hs .arr:hover{background:#fff}.hs .prev{left:14px}.hs .next{right:14px}
.dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.dots button{width:30px;height:5px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;border-radius:3px}
.dots button[aria-current=true]{background:var(--gold)}
.hs-m{display:none;background:var(--pine);color:#fff}
.hs-m .wrap{padding-block:24px 26px;display:grid;gap:14px}
.hs-m .h{font:700 30px/1.08 var(--f-display);text-wrap:balance}
.hs-m p{margin:0;font-size:14px;opacity:.9}
.hs-m .hero-trust{margin:4px 0}
/* rewards band */
.rew{background:linear-gradient(120deg,var(--pine) 0%,var(--pine-2) 55%,#1f4458 120%);color:#fff;margin-top:44px}
.rew .wrap{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:32px;align-items:center;padding-block:34px}
.rew .rbadge{width:200px;height:200px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.rew h2{font-size:clamp(28px,3vw,40px);margin:8px 0 14px}
.rl{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:9px 26px;font-size:14.5px}
.rl li{display:flex;gap:9px;align-items:center}
.rl li::before{content:"";width:18px;height:18px;flex:none;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23183b34' stroke-width='2.2' stroke-linecap='square' fill='none'/%3E%3C/svg%3E") center/13px no-repeat;border-radius:2px}
.rpanel{border:1.5px solid rgba(255,255,255,.7);background:rgba(8,18,16,.45);padding:20px 22px;display:grid;gap:12px}
.rpanel .eyebrow{text-align:center}
.rpanel .pts-big{display:flex;gap:12px;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px}
.rpanel .pts-big svg{width:40px;height:40px;color:#d29a4a}
.rpanel .pts-big b{font:700 30px/1 var(--f-display);display:block}
.rpanel .pts-big span{font:600 10px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.rpanel ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px}
.rpanel li{display:flex;gap:10px;align-items:center}
.rpanel li svg{width:18px;height:18px;flex:none;color:#fff;--logo-lake:#8fb0d2}
.rpanel li svg.c{width:20px;height:20px}
/* photo panels */
.band .photo{position:absolute;inset:0;background:center 58%/cover no-repeat}@media (max-width:800px){.band .photo[style*="canoe-sunset-1200"]{background-image:url(img/n/canoe-sunset-800.webp)!important}}
.band .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,16,.78) 0%,rgba(8,18,16,.35) 60%,rgba(8,18,16,.15))}
.side-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.side-art.pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,16,.1),rgba(8,18,16,.55))}
.side-art.pic p{z-index:1;align-self:flex-end}
.side-art.pic{align-items:flex-end}
.side-art.tall{min-height:0;display:block;align-self:start;background:var(--pine)}
.side-art.tall img{position:static;height:auto}
.ship-card .art{padding:0;background:var(--mist);min-height:240px;position:relative}
.ship-card .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:2px}
.feats div{display:grid;justify-items:center;gap:6px;text-align:center;font:700 10px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:8px 2px;border-left:1px solid var(--line)}
.feats div:first-child{border-left:0}
.feats svg{width:30px;height:30px;color:var(--pine)}
.stars{display:flex;gap:4px;margin:4px 0 10px}
.stars svg{width:22px;height:22px;color:var(--gold)}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 4px}
.figs figure,.hero-fig{margin:0;background:var(--mist);border:1px solid var(--line)}
.figs img,.hero-fig img{width:100%;aspect-ratio:16/10;object-fit:cover}
.hero-fig img{aspect-ratio:3/2}
.figs figcaption,.hero-fig figcaption{font-size:12px;color:var(--granite);padding:7px 10px}
.values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.values div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;background:var(--birch);padding:14px;border:1px solid var(--line)}
.values svg{width:32px;height:32px;color:var(--pine)}
.values b{display:block;font-size:14px}.values span{font-size:13px;color:var(--granite)}
.rew-top{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:10px}
.rew-top svg{width:150px;height:150px;filter:drop-shadow(0 8px 14px rgba(20,30,25,.25))}
.news .wrap{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr)}
.news .pic{width:200px;aspect-ratio:6/5;object-fit:cover;border:3px solid rgba(255,255,255,.85)}
@media (max-width:460px){.frame img[src*="img/n/hero-"]{object-position:50% 50%}}   /* phones get a crop already centred on DK's */
@media (max-width:800px){.gate-bg{background-image:url(img/n/canoe-sunset-gate-800.webp)!important;filter:none}}   /* phones (Nov 4): blur and darkening baked into the photo, so the phone has no full-screen filter to draw */
.gate-bg{position:fixed;inset:-20px;background:url(img/n/canoe-sunset-1200.webp) center 60%/cover no-repeat;filter:blur(3px) brightness(.5)}
@media (max-width:1080px){.rew .wrap{grid-template-columns:160px minmax(0,1fr)}.rew .rbadge{width:160px;height:160px}.rpanel{grid-column:1/-1}}
@media (max-width:860px){.news .wrap{grid-template-columns:minmax(0,1fr)}.news .pic{display:none}.values,.figs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .slides{aspect-ratio:auto;height:250px;max-height:none;container-type:normal}
  .sl{display:block}
  .frame{position:absolute;inset:0;width:auto;aspect-ratio:auto}
  .frame picture{display:contents}
  .frame img{object-fit:cover;object-position:84% 50%}
  .frame img[src*="hero-dock3-group"]{object-position:calc(50vw - 567px) 50%}   /* DK's pack centred on phones: banner is 250px tall here, so DK's centre sits 567px from the image's left edge */
}
@media (max-width:460px){.frame picture img[src*="img/n/hero-"]{object-position:50% 50%}   /* phones under 460px get the -m crop, already centred on DK's */
  .warn .wrap{display:flow-root}.warn b{float:left;margin:1px 10px 2px 0;line-height:1.35}

  .hs .arr,.hcopy,.shadeL{display:none}
  .hs-m{display:block}
  .rew .wrap{grid-template-columns:minmax(0,1fr);justify-items:start}
  .rew .rbadge{width:130px;height:130px}
  .rl{grid-template-columns:minmax(0,1fr)}
  .rpanel{width:100%}
  .rew-top{grid-template-columns:minmax(0,1fr)}.rew-top svg{width:120px;height:120px}
  .feats{grid-template-columns:repeat(2,minmax(0,1fr))}.feats div:nth-child(3){border-left:0}
}

.hcopy .btn-ghost,.hs-m .btn-ghost{background:#ffffff;color:var(--pine);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.hcopy .btn-ghost:hover,.hs-m .btn-ghost:hover{background:var(--birch)}
/* product page v2 (reference layout) */
.pdp-hero{position:relative;overflow:hidden;color:#fff;min-height:240px;display:flex;align-items:stretch;background:#2a2622}
.pdp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.pdp-hero .sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,14,.72) 0%,rgba(10,16,14,.35) 45%,rgba(10,16,14,.25) 70%,rgba(10,16,14,.55) 100%)}
.pdp-hero .wrap{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-block:22px}
.pdp-hero .crumbs,.pdp-hero .crumbs a{color:#fff;font-weight:600}
.pdp-hero .crumbs{font-size:12.5px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.pdp-hero .hrow{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.pdp-hero h2{font:600 clamp(26px,3.4vw,44px)/1.08 var(--f-display);margin:0;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.pdp-hero .pcc{font:600 clamp(13px,1.4vw,19px)/1.35 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.pdp2 .pdp{padding-block:26px 22px}
.pdp2 .gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pdp2 .thumbs{display:contents}
.pdp2 .thumbs>*{aspect-ratio:4/3;min-width:0;border-radius:2px}
.pdp2 .thumbs>:nth-child(1){grid-area:1/1}.pdp2 .thumbs>:nth-child(2){grid-area:2/1}.pdp2 .thumbs>:nth-child(3){grid-area:3/1}.pdp2 .thumbs>:nth-child(4){grid-area:4/1}
.pdp2 .thumbs>:nth-child(5){grid-area:4/2}.pdp2 .thumbs>:nth-child(6){grid-area:4/3}.pdp2 .thumbs>:nth-child(7){grid-area:4/4}
.pdp2 .gal .main-img{grid-area:1/2/4/5;aspect-ratio:auto;min-height:0}
.tph{border:1.5px dashed var(--line);background:#fafaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:4px;color:var(--granite)}
.tph span{font:700 10px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.tph small{font-size:9.5px;line-height:1.2}
.pdp2 .thumbs button{overflow:hidden;padding:4px;background:#f5f5f7}
.pdp2 .thumbs button img{object-fit:contain}
.pdp2 .thumbs button.lg img{object-fit:contain}
.pdp2 .thumbs button.on{border-color:var(--pine);box-shadow:0 0 0 1px var(--pine)}
.pdp2 .main-img{background:#f5f5f7;cursor:default;aspect-ratio:4/3;padding:14px 50px}
.pdp2 .main-img img{object-fit:contain;transition:transform .3s,object-position .3s}
.pdp2 .main-img.lg img{object-fit:contain}
.pdp2 .main-img .nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.18);display:grid;place-items:center;cursor:pointer}
.pdp2 .main-img .nav svg{width:16px;height:16px}
.pdp2 .main-img .prev{left:12px}.pdp2 .main-img .next{right:12px}
.pdp2 .main-img .nav:hover{background:var(--birch)}
.pdp2 .pinfo{gap:10px}
.pdp2 .pinfo h1{font-size:clamp(28px,2.6vw,36px)}
.pdp2 .tagl{font:500 21px/1.25 var(--f-display);color:var(--ink);margin-top:-4px}
.rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--granite)}
.rating a{color:var(--cedar);font-weight:600;text-decoration:underline}
.rating .sep{color:var(--line)}
.stars5{display:inline-flex;gap:2px}.stars5 svg{width:17px;height:17px;color:#c9cbc6;fill:none}
.rating.big .stars5 svg{width:22px;height:22px}
.pdp2 .lead{font-size:14px;line-height:1.6}
.feats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px;border-top:1px solid var(--line);padding-top:14px}
.feats4>div{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-left:1px solid var(--line);padding:4px 6px}
.feats4>div:first-child{border-left:0}
.feats4 svg{width:36px;height:36px;color:var(--ink)}
.feats4 span{font:700 10px/1.35 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.pdp2 .buy{gap:13px;border:0;border-left:1px solid var(--line);background:transparent;padding:0 0 0 24px}
.pdp2 .buy .price{font-size:30px}
.pdp2 .buy .unit{font:500 16px/1.3 var(--f-body);color:var(--ink);margin-top:6px}
.bulk{display:inline-block;margin-top:8px;font-size:13px;color:var(--cedar);font-weight:600;text-decoration:underline}
.tiers{margin-top:10px;border:1px solid var(--line);background:var(--paper);font-size:12.5px}
.tiers div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid var(--mist)}
.tiers div:first-child{border-top:0}.tiers small{color:var(--granite)}
.pdp2 .buy label.l{font:600 13px/1 var(--f-body);letter-spacing:0;text-transform:none;margin-bottom:8px}
.sel{position:relative}
.sel select{width:100%;appearance:none;-webkit-appearance:none;border:1.5px solid var(--line);background:var(--paper);padding:12px 38px 12px 12px;font:500 14px/1.2 var(--f-body);color:var(--ink);border-radius:2px;cursor:pointer}
.sel::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.addc{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;font-size:13px}
.addc svg{width:20px;height:20px}
.wishb{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-color:var(--ink);color:var(--ink)}
.wishb svg{width:18px;height:18px}
.wishb.on{border-color:var(--muskoka,#992228);color:var(--muskoka,#992228)}.wishb.on svg path{fill:currentColor}
.trust4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}
.trust4>div{display:flex;gap:16px;align-items:center;justify-content:center;padding:20px 14px;border-left:1px solid var(--line)}
.trust4>div:first-child{border-left:0}
.trust4 svg{width:36px;height:36px;flex:none;color:var(--ink)}
.trust4 b{display:block;font:700 14px/1.3 var(--f-body)}
.trust4 span{font-size:12.5px;color:var(--granite)}
.pdp2 .pdp-low{grid-template-columns:minmax(0,1fr) 300px}
.pdp2 .tabs{margin-top:0}
.pdp2 .tablist button{text-transform:uppercase;font-size:11.5px}
.pdp2 .tablist button[aria-selected=true]{border:1px solid var(--ink);border-bottom-color:var(--paper);margin-bottom:-1px;background:var(--paper)}
.pdp2 .tabpanel h3,.tabpanel h2.th{font-size:24px}
.pdp2 .side-art.pic{min-height:0;height:100%}
.also{padding:34px 0 40px}
.also h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 14px}
.mgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.mcard{background:var(--paper);border:1px solid var(--line);padding:10px 10px 12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.mcard .im img{mix-blend-mode:multiply}.np-remind{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--birch);border:1px solid var(--line);padding:14px 16px;margin-top:16px}.np-remind label{display:grid;gap:2px}.np-remind span{font-size:13px;color:var(--granite)}.np-remind select{border:1px solid var(--line);padding:10px 12px;background:#fff;font:600 14px var(--f-body)}.card .tag.lo{background:#b4461a}.card .tag.bk{background:#2e6b45}.np-notify{background:#fbefdc;box-shadow:0 0 0 1px #ecd9a8;padding:16px 18px;margin:4px 0 12px;display:flex;flex-direction:column;gap:6px}.np-notify b{font-size:15px}.np-notify span{font-size:13.5px;color:var(--granite)}.np-notify form{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.np-notify input{flex:1;min-width:180px;height:46px;border:1px solid var(--line);padding:0 12px;font:500 15px var(--f-body)}.np-notify .ok{margin:6px 0 0;color:#1f6b3a}.np-nt-msg{color:#a3302a}.cs-list{columns:2 220px;margin:0;padding-left:20px;line-height:1.9}.mcard .im{display:block;aspect-ratio:4/3;background:#f5f5f7;margin:-10px -10px 6px;overflow:hidden;padding:6px}
.mcard .im img{width:100%;height:100%;object-fit:contain}
.mcard .nm{font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;line-height:1.25}
.mcard .ty{font-size:12px;color:var(--granite)}
.mcard .rv{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--granite)}
.card .rv{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--granite);margin:4px 0 2px}.card .rv .stars5 svg{width:14px;height:14px}
.rvl{display:grid;gap:14px;margin-top:16px}.rvl.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.rvl.three{grid-template-columns:minmax(0,1fr)}}
.rvi{margin:0;background:var(--paper);border:1px solid var(--line);padding:16px 18px}.rvi .stars5 svg{width:15px;height:15px}
.rvi blockquote{margin:8px 0 10px;font-size:15px;line-height:1.5;color:var(--ink)}.rvi figcaption{font-size:12.5px;color:var(--granite)}.rvi figcaption b{color:var(--ink)}
.rvi .vb{color:var(--ok,#2e6b45);font-weight:600}.rv-home .rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--granite)}
.mcard .rv .stars5 svg{width:13px;height:13px}
.mcard .pr{font:700 19px/1.2 var(--f-display);margin-top:2px}
.mcard .btn{margin-top:auto;padding:10px 8px;font-size:10.5px}
.band5{background:var(--pine);color:#fff}
.band5 .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.band5 .wrap>div{display:flex;gap:14px;align-items:center;padding:24px 14px;border-left:1px solid rgba(255,255,255,.22)}
.band5 .wrap>div:first-child{border-left:0;padding-left:0}
.band5 svg{width:38px;height:38px;flex:none;color:#fff}
.band5 b{display:block;font:700 14px/1.3 var(--f-body)}
.band5 span{font-size:12.5px;opacity:.85}
/* footer art */
footer .ft{position:relative}
.ft-art{position:relative;height:150px;margin-top:-20px;overflow:hidden;pointer-events:none}
.ft-art svg{position:absolute;right:0;bottom:0;height:150px;width:auto;max-width:100%}
.ft-art .scr{position:absolute;right:6%;bottom:46px;font:400 40px/1 'Allura',cursive;color:#fff;transform:rotate(-12deg);text-shadow:0 2px 10px rgba(0,0,0,.4)}
.ft-pc{display:flex;gap:12px;align-items:center;line-height:1.5}
@media (min-width:1081px){footer .ft{grid-template-columns:minmax(300px,380px) repeat(4,max-content);column-gap:clamp(36px,4.5vw,72px)}}
.ft-pc img,.ft-pc svg{width:34px;height:auto;flex:none}
@media (max-width:1180px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.band5 .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.band5 .wrap>div:nth-child(4){border-left:0;padding-left:0}}
@media (max-width:1080px){.pdp2 .buy{border-left:0;padding:20px;border:1px solid var(--line);background:var(--paper)}}
@media (max-width:860px){.trust4{grid-template-columns:repeat(2,minmax(0,1fr))}.trust4>div{justify-content:flex-start;border-left:0;border-top:1px solid var(--line)}.trust4>div:nth-child(-n+2){border-top:0}
 .pdp2 .pdp-low{grid-template-columns:minmax(0,1fr)}.pdp2 .side-art.pic{min-height:300px}}
@media (max-width:700px){
 .pdp-hero{min-height:150px}.pdp-hero .pcc{display:none}.pdp-hero .crumbs{font-size:11.5px}
 .pdp2 .gal{gap:6px}.tph small{display:none}.tph span{font-size:8.5px}
 .feats4 svg{width:28px;height:28px}.feats4 span{font-size:9px}
 .mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .band5 .wrap{grid-template-columns:minmax(0,1fr)}.band5 .wrap>div{border-left:0;padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}.band5 .wrap>div:first-child{border-top:0}
 .trust4{grid-template-columns:minmax(0,1fr)}.trust4>div{border-top:1px solid var(--line)!important;padding:12px 0}.trust4>div:first-child{border-top:0!important}
 .ft-art{height:110px}.ft-art svg{height:110px}.ft-art .scr{font-size:30px;bottom:34px}
}


/* footer v3: light, photo background */
.ft-light{position:relative;background:#f4f5f2;color:var(--ink);overflow:hidden;border-top:1px solid var(--line)}
@media (max-width:860px){html.ft-in .ft-light .ftbg{background-image:url(img/n/footer-shore-800.webp)!important}}
html.ft-in .ft-light .ftbg{background-image:url(img/n/footer-shore-1200.webp)}
/* Speed (Nov 4): the lower photos wait until the top photo is on screen, so they don't share the phone's connection with it */html:not(.ns-bg) .band .photo,html:not(.ns-bg) .ftbg{background-image:none!important}
.ft-light .ftbg{position:absolute;top:120px;bottom:0;right:0;width:64%;background:70% 62%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 28%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 28%,#000 55%)}
.ft-light .ftbg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f4f5f2 0%,rgba(244,245,242,.7) 22%,rgba(244,245,242,0) 48%)}
.ft-light .ft{position:relative;padding-block:44px 190px}
.ft-light .ft h4,.ft h2.fh{color:var(--pine)}
.ft-light .ft a{color:var(--ink)}.ft-light .ft a:hover{color:var(--pine)}
.ft-light .ft li{color:var(--ink)}
.ft-light .ft p{color:#3f4744}
.ft-light .ft .logo{color:var(--pine);--logo-lake:#486a8f}.ft-light .ft .logo .wm{color:var(--pine)}.ft-light .ft .logo .wm span{color:var(--cedar)}.ft-light .ft .logo .tg{color:var(--granite)}
.ft-light .ft-pc b{color:var(--pine)!important}.ft-light .ft-pc span{color:#3f4744!important}
.ft-light .scr{position:absolute;right:5%;bottom:48px;display:flex;align-items:flex-end;gap:10px;color:#fff;pointer-events:none}
.ft-light .scr span{font:400 46px/1 'Allura',cursive;transform:rotate(-12deg);text-shadow:0 2px 12px rgba(0,0,0,.45)}
.ft-light .scr svg{width:30px;height:30px;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}
footer .legal{background:var(--pine)}
footer .legal .wrap{align-items:center}
footer .legal .mk{display:inline-flex;align-items:center;gap:12px;color:#d6dcd6}
footer .legal .mk svg{width:26px;height:26px;color:#f3f4f2;--logo-lake:#8fb0d2}
footer .legal .mk{text-decoration:none}footer .legal span a{color:#d6dcd6}footer .legal span a:hover{color:#fff}footer .legal .mkw{font:800 15px/1 var(--f-body);letter-spacing:-.01em;color:#f3f4f2;white-space:nowrap}footer .legal .mkw span{color:#d29a4a;font-weight:500}
@media (max-width:1080px){.ft-light .ftbg{top:auto;height:240px;width:100%;background-position:72% 72%;-webkit-mask-image:none;mask-image:none}.ft-light .ftbg::after{background:linear-gradient(180deg,#f4f5f2 0%,rgba(244,245,242,0) 45%)}.ft-light .ft{padding-bottom:230px}}
@media (max-width:700px){.ft-light .ft{padding-bottom:200px}.ft-light .ftbg{height:210px}.ft-light .scr{bottom:34px;right:16px}.ft-light .scr span{font-size:34px}.ft-light .ftbg{background-position:75% 80%}}
/* footer v4: tidy grid, photo as bottom strip */
.ft-light .ftbg{top:auto;left:0;right:0;bottom:0;width:auto;height:180px;background-position:62% 66%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 30%,#000 60%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 30%,#000 60%)}
.ft-light .ftbg::after{display:none}
.ft-light .ft{padding-block:40px 175px;grid-template-columns:minmax(300px,1.6fr) repeat(4,minmax(0,1fr));column-gap:clamp(24px,3vw,44px);row-gap:28px}
.ft-light .ft>div:first-child{padding-right:clamp(0px,2vw,24px);border-right:1px solid var(--line)}
.ft-light .ft p{margin:14px 0 16px;font-size:13px;line-height:1.6}
.ft-light .ft h4,.ft h2.fh{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ft-light .ft ul{gap:9px}
.ft-light .ft-pc{gap:10px}.ft-light .ft-pc b{font-size:10.5px!important;white-space:nowrap}
.ft-light .scr{bottom:30px;right:4%}.ft-light .scr span{font-size:40px}
@media (max-width:1080px){.ft-light .ft{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:150px}.ft-light .ft>div:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.ft-light .ftbg{height:180px;background-position:68% 70%}}
@media (max-width:700px){.ft-light .ft{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:150px}.ft-light .ftbg{height:160px;background-position:75% 78%}.ft-light .scr span{font-size:30px}.ft-light .scr{bottom:22px}}
/* footer v5: text over photo */
.ft-light .ft{padding-block:30px!important;row-gap:22px}
.ft-light .ft p{margin:10px 0 12px}
.ft-light .ft h4,.ft h2.fh{margin-bottom:10px;padding-bottom:8px}
.ft-light .ft ul{gap:6px}
.ft-light .ftbg{background-position:62% 60%!important}
@media (max-width:700px){.ft-light .ft{padding-block:26px!important}}
.ft-light{background:#183b34;border-top:0}
.ft-light .ftbg{inset:0;height:auto;width:auto;background-position:62% 72%;-webkit-mask-image:none;mask-image:none}
.ft-light .ftbg::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,40,35,.6) 0%,rgba(16,40,35,.35) 30%,rgba(16,40,35,0) 55%),linear-gradient(180deg,rgba(16,40,35,.88) 0%,rgba(16,40,35,.74) 50%,rgba(16,40,35,.30) 82%,rgba(16,40,35,.15) 100%)}
.ft-light .ft{padding-block:44px 120px}
.ft-light .ft h4,.ft h2.fh{color:#fff;border-bottom-color:rgba(255,255,255,.22)}
.ft-light .ft a,.ft-light .ft li{color:#e6ebe7}.ft-light .ft a:hover{color:#fff}
.ft-light .ft p{color:#d3dbd5}
.ft-light .ft>div:first-child{border-right-color:rgba(255,255,255,.22)}
.ft-light .ft .logo,.ft-light .ft .logo .wm{color:#fff}.ft-light .ft .logo .tg{color:#c3cdc6}.ft-light .ft .logo .dc{color:#d29a4a}
.ft-light .ft-pc b{color:#fff!important}.ft-light .ft-pc span{color:#d3dbd5!important}
.ft-light .ft a,.ft-light .ft li,.ft-light .ft p{text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ft-light .scr{bottom:26px}
@media (max-width:1080px){.ft-light .ft>div:first-child{border-bottom-color:rgba(255,255,255,.22)}.ft-light .ft{padding-bottom:110px}.ft-light .ftbg{background-position:68% 78%}}
@media (max-width:700px){.ft-light .ft{padding-bottom:100px}.ft-light .ftbg{background-position:72% 85%}.ft-light .ftbg::after{background:linear-gradient(180deg,rgba(16,40,35,.9) 0%,rgba(16,40,35,.78) 60%,rgba(16,40,35,.3) 100%)}}


/* ---- recommended additions ---- */
.hdr-icons .icon-btn{position:relative}
@media (max-width:520px){.hdr-icons{gap:0}.hdr-icons .icon-btn{width:36px}.hdr-icons .icon-btn svg{width:22px;height:22px}}
@media (max-width:380px){.hdr-icons .icon-btn{width:32px}header .logo .wm{font-size:16px}header .logo svg{width:32px;height:32px}}
.savings{margin-top:10px;background:#eef4ef;border-left:3px solid var(--pine);padding:8px 10px;font-size:12.5px;line-height:1.4;color:var(--ink)}
.savings b{color:var(--pine)}
.stock{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--ink)}
.stock .dot{width:9px;height:9px;border-radius:50%;background:#2f8a4a;box-shadow:0 0 0 3px rgba(47,138,74,.18);flex:none}
.stock span{display:inline-flex;align-items:center;gap:7px}
.stock em{font-style:normal;color:var(--granite);font-size:11px}
.shipbar{font-size:12.5px;display:grid;gap:7px}
.shipbar .tr{height:7px;background:var(--mist);border-radius:4px;overflow:hidden}
.shipbar .tr i{display:block;height:100%;background:linear-gradient(90deg,var(--pine),#3d7d6c);border-radius:4px;transition:width .4s}
.cart .shipbar{background:var(--paper);border:1px solid var(--line);padding:14px 16px;margin-bottom:14px}
.sbar{display:flex;align-items:center;gap:8px}
.sbar .segs{display:inline-grid;grid-template-columns:repeat(5,22px);gap:3px}
.sbar i{height:8px;background:var(--mist);border:1px solid var(--line)}
.sbar i.on{background:var(--pine);border-color:var(--pine)}
.sbar .sbl{font:700 9.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--granite)}
.strength-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.strength-row .lb{font:700 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.spec .sbar .segs{grid-template-columns:repeat(5,16px)}
.mcard .sbar{margin-top:1px}.mcard .sbar .segs{grid-template-columns:repeat(5,12px);gap:2px}.mcard .sbar i{height:6px}.mcard .sbar .sbl{display:none}
.mcard .unw{margin-top:6px;background:none;border:0;color:var(--granite);font-size:11.5px;text-decoration:underline;cursor:pointer;padding:0;align-self:flex-start}
.recent{padding:0 0 40px}
.recent h2{font-size:clamp(22px,2.2vw,26px);margin:0 0 14px}
.recent .empty{padding:22px}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.12);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .25s}
.sticky-buy.show{transform:none}
html.has-chat .sticky-buy{padding-right:96px}
.chat-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;width:88px;height:88px;border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));transition:transform .2s;animation:fabIn .5s ease-out both}
.chat-fab:hover{transform:translateY(-3px) scale(1.04)}
.chat-fab:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:18px}
.chat-fab svg{width:100%;height:100%;display:block}
.chat-fab[hidden]{display:none}
.chat-fab .badge{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--muskoka);color:#fff;font:700 12px/22px var(--f-body);display:none;box-shadow:0 0 0 2px #fff}
.chat-fab.unread .badge{display:block}
.chat-fab.unread{animation:fabPulse 1.6s ease-in-out infinite}
@keyframes fabIn{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
@keyframes fabPulse{50%{transform:scale(1.07)}}
.chat-tip{position:fixed;right:18px;bottom:calc(118px + env(safe-area-inset-bottom,0px));z-index:80;width:300px;max-width:calc(100vw - 24px);box-sizing:border-box;background:#fff;color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.2);padding:13px 38px 14px 15px;font-size:13.5px;line-height:1.4;cursor:pointer;animation:fabIn .35s ease-out both}
.chat-tip b{display:block;font-size:15px;margin-bottom:3px;color:var(--pine)}
.chat-tip .promo{display:block;margin-top:9px;padding:8px 10px;background:#f6f1e4;border:1px solid #ead9b0;font-size:13px;font-weight:600;color:var(--ink)}
.chat-tip .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.chat-tip .chips button.go{background:var(--gold);border-color:var(--gold);color:var(--loon)}.chat-tip .chips button.go:hover,.chat-tip .chips button.go:focus-visible{background:#c8922f;border-color:#c8922f;color:var(--loon)}
.chat-tip .chips button{min-height:38px;border:1.5px solid var(--pine);background:#fff;color:var(--pine);font:600 12.5px/1.2 var(--f-body);padding:8px 12px;border-radius:19px;cursor:pointer;text-align:left}
.chat-tip .chips button:hover,.chat-tip .chips button:focus-visible{background:var(--pine);color:#fff;outline:none}
.chat-tip::after{content:"";position:absolute;right:34px;bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.chat-tip .x{position:absolute;top:2px;right:2px;width:32px;height:32px;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--granite)}
@media (max-width:860px){.chat-fab{width:72px;height:72px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.chat-tip{right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}.chat-tip::after{right:26px}}
@media (prefers-reduced-motion:reduce){.chat-fab,.chat-tip,.chat-fab.unread{animation:none}}
.chat-cta{display:none;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;background:#f6f1e4;border:1px solid #e6d3a6;border-left:4px solid var(--gold);font-size:13px;line-height:1.35}html.has-chat .chat-cta{display:flex}.chat-cta svg{width:26px;height:26px;flex:none;color:var(--pine)}.chat-cta b{display:block;font-size:14px;color:var(--ink)}.chat-cta .btn{margin-left:auto;padding:10px 14px;font-size:11px;white-space:nowrap}
.chat-li{display:none}html.has-chat .chat-li{display:list-item}
.sticky-buy img{width:52px;height:39px;object-fit:contain;background:#f5f5f7;flex:none}
.sticky-buy .t{flex:1;min-width:0}
.sticky-buy .t b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy .t span{font:700 16px/1.2 var(--f-display)}
.sticky-buy .btn{padding:12px 14px;font-size:11px;white-space:nowrap;display:flex;gap:7px;align-items:center}.sticky-buy .btn svg{width:16px;height:16px}
@media (max-width:860px){.sticky-buy{display:flex}}
/* review highlights (sample only) */
body.showchg .chg{outline:2px dashed #d29a4a;outline-offset:4px;position:relative}
body.showchg .chg::before{content:attr(data-chg);position:absolute;top:-12px;left:8px;z-index:5;background:#d29a4a;color:#1b1b1b;font:700 9.5px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:2px;white-space:nowrap;pointer-events:none}
#chgT{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:8px;background:#1b1b1b;color:#fff;border:0;border-radius:20px;padding:9px 14px;font:600 12px/1 var(--f-body);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#chgT i{width:10px;height:10px;border-radius:2px;border:2px dashed #d29a4a}
@media (max-width:860px){#chgT{bottom:84px;left:12px}}


.keyf{list-style:none;margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:7px;font-size:13.5px}
.keyf li{display:flex;gap:9px;align-items:flex-start}
.keyf li::before{content:"";width:16px;height:16px;flex:none;margin-top:2px;border-radius:50%;background:var(--pine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2' stroke-linecap='square' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}
.pinfo .strength-row{padding-top:12px;border-top:1px solid var(--line)}
.qrow .addc{white-space:nowrap;font-size:11.5px;letter-spacing:.1em;gap:8px}
/* tighter gallery column */
.pdp2 .pdp{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 290px;align-items:start}
.gcol{display:grid;gap:16px;align-content:start;min-width:0}
.feats4.under{margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.gcol .strength-row{justify-content:center}
.qrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:end}
.qrow .addc{height:44px;padding:0 12px}
.qrow .qty{grid-template-columns:36px 44px 36px}.qrow .qty button{height:40px}
.pdp2 .buy{gap:11px}
@media (max-width:1080px){.pdp2 .pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:860px){.pdp2 .pdp{grid-template-columns:minmax(0,1fr)}}


/* round 3 tweaks */
.pdp2 .pdp>.feats4.span2{grid-column:1/3;grid-row:2}
.pdp2 .pdp>.buy{grid-column:3;grid-row:1/3}
.pdp2 .pdp{row-gap:18px}
@media (max-width:1080px){.pdp2 .pdp>.buy{grid-column:1/-1;grid-row:auto}.pdp2 .pdp>.feats4.span2{grid-column:1/-1;grid-row:auto}}
@media (max-width:860px){.pdp2 .pdp>.feats4.span2{order:3}.pdp2 .pdp>.buy{order:2}}

.pdp-hero{min-height:120px}
.pdp-hero .wrap{padding-block:16px;gap:6px}
.pdp-hero h2{font-size:clamp(22px,2.4vw,32px)}
.pdp-hero>img{object-position:center 62%}
.pdp2 .gal.few .main-img{grid-area:1/1/2/5;aspect-ratio:4/3}
.pdp2 .gal.few .thumbs>:nth-child(1){grid-area:2/1}.pdp2 .gal.few .thumbs>:nth-child(2){grid-area:2/2}.pdp2 .gal.few .thumbs>:nth-child(3){grid-area:2/3}.pdp2 .gal.few .thumbs>:nth-child(4){grid-area:2/4}
.buy .stock{flex-wrap:wrap;gap:3px 6px;margin-top:8px;font-size:12.5px;line-height:1.35}
.buy .stock>span:not([data-shipday]){color:#9aa19c}
.sbar .sbl{font:700 9.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--granite)}
.strength-row{flex-wrap:nowrap}.strength-row>span:last-child{white-space:nowrap}
.mixm{display:flex;gap:9px;align-items:flex-start;margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--ink)}
.mixm svg{width:18px;height:18px;flex:none;color:var(--pine);margin-top:1px}
.about-brand{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:20px;margin-top:28px}
.ab-logo{display:grid;place-items:center;aspect-ratio:3/2;overflow:hidden;border-radius:2px;text-decoration:none}
.ab-logo img{width:100%;height:100%;object-fit:cover}.ab-logo span{color:#fff;font:700 26px/1 var(--f-display)}
.ab-k{font:700 10.5px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--cedar)}
.about-brand h2{font-size:26px;margin:6px 0 6px}.about-brand p{margin:0 0 12px;font-size:14px;max-width:62ch;color:#3f4744}
@media (max-width:700px){.about-brand{grid-template-columns:minmax(0,1fr);gap:14px}.ab-logo{max-width:220px}.pdp-hero{min-height:96px}.pdp-hero h2{font-size:20px}.buy .stock{font-size:11.5px}}


.remember{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--granite);cursor:pointer;background:var(--mist);padding:10px 12px;border-radius:2px}
.remember input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--pine);flex:none}
.remember b{display:block;color:var(--ink);font-size:13px}
.gate .gate-card .msg:empty{min-height:0;margin:-8px 0}

.gate .gate-card{border-top:0;padding-top:0;overflow:hidden}
.gate .gate-card .gate-hd{background:var(--pine);margin:0 -28px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.gate .gate-card .logo{color:#f3f4f2;--logo-lake:#8fb0d2;justify-content:flex-start;min-width:0}
.gate .gate-card .logo .wm{color:#f3f4f2}.gate .gate-card .logo .wm span{color:#d29a4a}.gate .gate-card .logo .tg{color:#c3cdc6}


/* horizontal logo (approved): tree · wordmark over justified tagline · vertical .com */
.logo{gap:0;align-items:center}
.logo svg{margin-right:10px}
.logo .lt{display:inline-grid;row-gap:5px}
.logo .wm{line-height:.82}
.logo .lt .tg{font-weight:500;letter-spacing:.19em;margin-top:0;text-align:justify;text-align-last:justify;text-justify:inter-word;width:100%}
.logo .dc{writing-mode:vertical-rl;font:500 15px/1 var(--f-body);letter-spacing:.02em;color:var(--cedar);margin-left:6px;align-self:center}
.ft .logo .dc{color:var(--cedar)}
.gate .gate-card .logo .dc{color:#d29a4a}
@media (max-width:620px){.logo .dc{font-size:12px;margin-left:4px}.logo .lt{row-gap:4px}.logo .lt .tg{font-size:6.6px;letter-spacing:.14em}}
@media (max-width:380px){header .logo .dc{font-size:11px}}


/* ---- accounts & invoice ---- */
.acct-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;padding-block:26px 44px;align-items:start}
.acct-card,.form.acct-card{background:var(--paper);border:1px solid var(--line);padding:24px;display:grid;gap:14px;align-content:start}
.acct-card>.btn{justify-self:stretch}
.acct-card>.fld,.acct-card>*{grid-column:1/-1}
.acct-card{grid-template-columns:minmax(0,1fr)}
.acct-card h2{margin:0;font-size:24px}.acct-card h3{margin:0;font-size:19px}
.acct-perks div{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--granite);background:var(--mist);padding:12px}
.acct-perks b{display:block;color:var(--ink);font-size:13px}
.acct-t{width:100%;border-collapse:collapse;font-size:13.5px}
.acct-t th{text-align:left;font:700 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--granite);padding:8px 8px 8px 0;border-bottom:2px solid var(--pine)}
.acct-t td{padding:12px 8px 12px 0;border-bottom:1px solid var(--mist);white-space:nowrap}
.acct-t a{color:var(--cedar);font-weight:700}
.st{font:700 10.5px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:2px}
.st.ok,.iv b.ok{color:#1f6b3a}.st.ok{background:#e4f1e7}.st.due,.iv b.due{color:#992228}.st.due{background:#f7e3e3}
.acct-rw{grid-template-columns:auto minmax(0,1fr);align-items:center}
.acct-rw small,.iv-rw small{display:block;font:700 10.5px/1 var(--f-body);letter-spacing:.16em;color:var(--cedar)}
.acct-rw b,.iv-rw b{display:block;font:700 24px/1.2 var(--f-display);color:var(--pine);margin:4px 0}
.acct-rw span,.iv-rw span{font-size:12.5px;color:var(--granite)}
.acct-d{margin:0;font-size:14px;line-height:1.6}
.acct-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px) minmax(0,340px);gap:18px;align-items:stretch;margin-top:6px}
.acct-hi{align-self:center}.acct-hi h1{margin:0}.acct-hi p{margin:8px 0 0;line-height:1.7}.acct-hi p span{font-weight:700;color:var(--ink)}
.acct-det{gap:10px;padding:18px}.acct-det .btn{padding:10px 14px;font-size:11px}
.acct-hd .acct-rw{padding:18px;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.acct-hd .acct-rw>*{grid-column:auto}
.acct-main{padding-block:24px 44px}
.acct-main{display:grid;gap:22px}
.acct-cur{max-width:860px;width:100%;margin-inline:auto}
.acct-cur-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.acct-cur-h h2{margin:0;font-size:24px}.acct-cur-h .btn{padding:10px 14px;font-size:11px}
.acct-prev{max-width:860px;width:100%;margin-inline:auto;box-sizing:border-box}
.acct-prev summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.acct-prev summary::-webkit-details-marker{display:none}
.acct-cnt{font:700 11px/1 var(--f-body);background:var(--mist);color:var(--granite);padding:5px 8px;border-radius:20px}
.acct-prev summary svg{width:18px;height:18px;margin-left:auto;color:var(--pine);transform:rotate(90deg);transition:transform .2s}.acct-prev[open] summary svg{transform:rotate(-90deg)}

@media (max-width:900px){.acct-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.acct-hi{grid-column:1/-1}}
@media (max-width:600px){.acct-top{grid-template-columns:minmax(0,1fr)}}

.iv-wrap{max-width:760px;padding-block:22px 0}
.iv-note{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#eef4ef;border:1px solid #cfe0d3;padding:12px 16px;margin-bottom:16px}
.iv-note>svg{width:22px;height:22px;color:var(--pine);flex:none}
.iv-note>div:first-of-type{flex:1;min-width:220px;font-size:13px}.iv-note b{display:block}.iv-note span{color:var(--granite)}
.iv-act{display:flex;gap:8px;flex-wrap:wrap}.iv-act .btn{padding:11px 14px;font-size:11px}
.iv{background:#fff;border:1px solid var(--line);box-shadow:0 2px 10px rgba(24,59,52,.08);overflow:hidden;font-size:14px}
.iv-hd{background:var(--pine);padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.iv-logo{color:#f3f4f2}.iv-logo .wm{color:#f3f4f2}.iv-logo .tg{color:#c3cdc6}.iv-logo .dc{color:#d29a4a}
.iv-no{text-align:right;color:#f3f4f2}.iv-no span{display:block;font:700 10.5px/1 var(--f-body);letter-spacing:.18em;color:#c3cdc6}.iv-no b{font:700 24px/1.2 var(--f-display)}
.iv-in{padding:24px 30px 0}
.iv-in h1{margin:0 0 8px;font-size:clamp(22px,3vw,28px);color:var(--pine)}.iv-in>p{margin:0;color:#3f4744}
.iv-paid{margin:20px 30px 0;display:flex;gap:10px;align-items:center;background:#e4f1e7;color:#1f6b3a;padding:14px 16px;font-size:14px}.iv-paid svg{width:20px;height:20px;flex:none}
.iv-pay{margin:20px 30px 0;border:2px solid var(--pine);overflow:hidden}
.iv-pay-h{background:var(--pine);color:#f3f4f2;padding:10px 16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.iv-pay-h span:first-child{font-weight:700;letter-spacing:.16em;font-size:11px}.iv-pay-h span:last-child{color:#c3cdc6}
.iv-pay-g{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
.iv small{display:block;font:700 10.5px/1.3 var(--f-body);letter-spacing:.14em;color:#5f6863}
.iv-pay-g b{display:block;font-size:15px;color:var(--pine);word-break:break-word}.iv b.big{font:700 24px/1.15 var(--f-display);color:var(--pine)}
.iv-pay-g em{display:block;font-style:normal;font-size:12px;color:#5f6863}
.iv-steps{margin:0;padding:14px 16px 14px 36px;background:var(--mist);display:grid;gap:6px;font-size:13px}
.iv-meta{padding:22px 30px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-size:13px}.iv-meta span,.iv-meta b{display:block;color:#3f4744}.iv-meta b{color:var(--ink)}.iv-meta small{margin-bottom:4px}
.iv-t{width:100%;border-collapse:collapse;font-size:13px}
.iv-t th{text-align:left;font:700 10.5px/1 var(--f-body);letter-spacing:.12em;color:#5f6863;padding:8px 0;border-bottom:2px solid var(--pine)}
.iv-t th:nth-child(n+2),.iv-t td:nth-child(n+2){text-align:right}.iv-t th:nth-child(2),.iv-t td:nth-child(2){text-align:center}
.iv-t td{padding:11px 0;border-bottom:1px solid #e3e5e1;vertical-align:top}.iv-t td span{display:block;font-size:12px;color:#5f6863}
.iv-sum{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px}
.iv-rw{display:flex;gap:12px;align-items:center}
.iv-save{margin-top:18px;border:2px solid #1f6b3a;border-radius:4px;overflow:hidden;display:grid;grid-template-columns:200px minmax(0,1fr)}
.sv-t{background:#1f6b3a;color:#fff;padding:16px 18px;display:flex;flex-direction:column;justify-content:center}.sv-t small{font:700 10.5px/1.2 var(--f-body);letter-spacing:.18em;color:#cfe8d6}.sv-t b{font:700 36px/1.05 var(--f-display)}.sv-t span{font-size:11.5px;color:#cfe8d6}
.sv-l{background:#eef6f0;padding:12px 18px;display:grid;gap:8px;align-content:center;font-size:13px}
.sv-r{display:flex;justify-content:space-between;gap:12px;align-items:center}.sv-r+.sv-r{border-top:1px solid #cfe0d3;padding-top:8px}.sv-r span b{display:block;color:var(--pine)}.iv .sv-r small{display:block;font:400 12px/1.4 var(--f-body);letter-spacing:0;color:#5f6863}.sv-r>b{color:#1f6b3a;font-size:15px;white-space:nowrap}
@media (max-width:560px){.iv-save{grid-template-columns:minmax(0,1fr)}}
.iv-vol{display:flex;gap:10px;align-items:center;background:#eef4ef;border:1px solid #cfe0d3;padding:10px 12px;margin-top:12px;font-size:13px}.iv-vol svg{width:18px;height:18px;flex:none;color:var(--pine)}.iv-vol b{color:var(--pine)}
.iv-tot{width:280px;max-width:100%;display:grid;gap:6px;font-size:13px}
.iv-tr{display:flex;justify-content:space-between;gap:10px}.iv-tr span:first-child{color:#3f4744}
.iv-tr.b{border-top:2px solid var(--pine);padding-top:8px;margin-top:4px;align-items:baseline}.iv-tr.b span:first-child{font-weight:700;color:var(--ink)}
.iv-help{padding-bottom:22px;font-size:13px;color:#3f4744}.iv-help a{color:var(--cedar)}
.iv-warn{background:#f6d33c;color:#1b1b1b;padding:12px 30px;font-size:12px;font-weight:700;display:flex;gap:10px;align-items:center}.iv-warn svg{width:20px;height:20px;flex:none}
@media (max-width:760px){.acct-grid{grid-template-columns:minmax(0,1fr)}.iv-meta{grid-template-columns:minmax(0,1fr)}.iv-pay-g{grid-template-columns:minmax(0,1fr)}.iv-hd,.iv-in,.iv-meta{padding-inline:18px}.iv-pay,.iv-paid{margin-inline:18px}.iv-warn{padding-inline:18px}}
@media print{header,footer,nav.main,.topbar,.iv-note,.page-hd,#toast,.note{display:none!important}body{background:#fff}.iv{box-shadow:none;border:0}.iv-wrap{max-width:none;padding:0}}

.pay-opt{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--pine);background:#f1f5f1;padding:14px;margin-top:12px;font-size:13.5px;cursor:pointer}.pay-opt input{accent-color:var(--pine);margin-top:3px}.pay-opt b{display:block;font-size:14.5px}
.voltab{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);margin-top:8px}
.voltab div{padding:8px 6px;text-align:center;border-left:1px solid var(--line)}.voltab div:first-child{border-left:0}
.voltab small{display:block;font:700 10px/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--granite)}.voltab b{display:block;font:700 17px/1.2 var(--f-display);color:var(--pine);margin-top:3px}
.volnote{display:flex;gap:10px;align-items:flex-start;background:#eef4ef;border:1px solid #cfe0d3;padding:10px 12px;font-size:12.5px;margin-top:10px}.volnote svg{width:18px;height:18px;flex:none;color:var(--pine);margin-top:1px}.volnote b{color:var(--pine)}
.iv-sbar{display:flex;align-items:center;gap:10px;margin-top:16px;background:#1f6b3a;color:#fff!important;text-decoration:none;padding:11px 16px;border-radius:3px;font-size:14px}
.iv-sbar svg{width:18px;height:18px;flex:none;color:#cfe8d6}.iv-sbar span{flex:1}.iv-sbar b{font:700 18px/1 var(--f-display)}.iv-sbar u{font-size:12.5px;font-weight:700;color:#cfe8d6;text-underline-offset:3px;white-space:nowrap}
.iv-sbar:hover u{color:#fff}
.iv-no b{display:block}.iv-stag{display:inline-block;margin-top:6px;font:700 11px/1 var(--f-body);font-style:normal;letter-spacing:.06em;background:#1f6b3a;color:#fff;padding:5px 8px;border-radius:2px}
.psave{margin-top:12px;border:1.5px solid #1f6b3a;background:#eef6f0;padding:10px 12px;display:grid;gap:5px;font-size:12.5px}
.ps-h{display:flex;align-items:center;gap:7px;font:700 10.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#1f6b3a;margin-bottom:2px}.ps-h svg{width:15px;height:15px}
.ps-r{display:flex;justify-content:space-between;gap:10px;align-items:center}.ps-r span{line-height:1.3}.ps-r small{display:block;color:#5f6863;font-size:11.5px;margin-top:1px}.ps-r b{color:#1f6b3a;white-space:nowrap}.ps-r.mute b{color:#5f6863;font-weight:600}
.ps-t{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #cfe0d3;padding-top:6px;margin-top:2px}.ps-t span{font-weight:700;color:var(--pine)}.ps-t b{font:700 20px/1 var(--f-display);color:#1f6b3a}
.voltab div.on{background:var(--pine)}.voltab div.on small{color:#cfe8d6}.voltab div.on b{color:#fff}
.volnext{font-size:12px;color:var(--granite);margin-top:6px}.volnext b{color:var(--pine)}
.rf-hd h1{margin:4px 0 8px}.rf-eyebrow{font:700 11px/1 var(--f-body);letter-spacing:.2em;color:var(--cedar)}
.rw-flow{display:flex;gap:10px;align-items:center;font-size:15px;margin:0}.rw-flow b{color:var(--pine)}.rw-flow span{color:var(--cedar)}
.rw-sre,.rf-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.rw-sre>div,.rf-step{background:var(--paper);border:1px solid var(--line);padding:20px;position:relative}
.rw-sre svg,.rf-step svg{width:30px;height:30px;color:var(--pine)}.rw-sre h3,.rf-step h3,.rw-sre h2.sc,.rf-step h2.sc{margin:10px 0 6px;font-size:20px;color:var(--pine)}.rw-sre p,.rf-step p{margin:0;font-size:13.5px;color:#3f4744;line-height:1.55}
.rf-n{position:absolute;top:16px;right:18px;font:700 34px/1 var(--f-display);color:#e3e7e2}
.rw-ref{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;background:var(--pine);color:#fff;text-decoration:none;padding:18px 22px}
.rw-ref small{display:block;font:700 10.5px/1.2 var(--f-body);letter-spacing:.18em;color:#d29a4a}.rw-ref b{display:block;font:700 24px/1.2 var(--f-display);margin:4px 0}.rw-ref span{font-size:13px;color:#c3cdc6}.rw-ref u{font-weight:700;font-size:13px;text-underline-offset:3px;white-space:nowrap}
.rw-ref:hover u{color:#d29a4a}.acct-ref{margin:0}.acct-ref b{font-size:20px}
/* Affiliate program card (My Account) */
.af-card>small{font:700 10.5px/1.2 var(--f-body);letter-spacing:.18em;color:var(--cedar)}.af-card h2{margin:0}
.af-rules{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:13.5px;line-height:1.5}
.af-join{display:grid;gap:12px}.af-join details summary,.af-list summary{cursor:pointer;font-weight:700;color:var(--pine)}
.af-pay{border:1px solid var(--line);padding:10px 12px;margin:0;display:grid;gap:8px}.af-pay legend{font-weight:700;font-size:13px;padding:0 4px}
.af-pay label,.af-agree{display:flex;gap:8px;align-items:flex-start;font-size:14px}.af-pay input[type=email]{width:100%;padding:10px;border:1px solid var(--line);font:inherit}
.af-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.af-tiles div{padding:10px;text-align:center;border-left:1px solid var(--line)}.af-tiles div:first-child{border-left:0}
.af-tiles b{display:block;font:700 20px/1.2 var(--f-display);color:var(--pine)}.af-tiles span{font-size:12px;color:var(--granite)}.af-tiles .hi{background:#f1f5f1}
.af-get{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.af-get .note{margin:0}
.af-app{display:grid;gap:10px;border:1px solid var(--line);background:#f1f5f1;padding:14px}.af-app b{display:block;color:var(--pine)}.af-app span{font-size:13px;color:var(--granite)}
/* Referral Partners: home band and page (shown only while the program is on) */
.ppb{padding:48px 0}.ppb-in{background:var(--pine);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;padding:44px 56px;overflow:hidden}
.ppb .eyebrow,.pp-hd .eyebrow{color:#d7a548}.ppb h2{font:700 clamp(32px,4vw,46px)/1.05 var(--f-display);margin:12px 0 14px;color:#fff;text-transform:none}
.ppb p,.pp-ht p{font-size:16px;line-height:1.6;color:#d7dfda;max-width:520px;margin:0}.ppb p b,.pp-ht p b{color:#fff}.ppb .pq-n{font-size:1.15em}
.ppb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px;margin-top:20px}.ppb-facts div{border:1px solid #3c5f54;border-radius:10px;padding:12px}
.ppb-facts b{display:block;font:700 22px/1.1 var(--f-display);color:#d7a548}.ppb-facts span{font-size:12px;color:#c9d3cd}
.ppb-acts,.pp-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px}.ppb-acts .pq-b,.pp-join{padding:0 28px;display:inline-flex}.ppb-acct{color:#fff;font-weight:700;font-size:14px}
.pp-cta span{font-size:13px;color:#c9d3cd}
.pp-phone{position:relative;width:262px;height:544px;flex:none;box-sizing:border-box;border-radius:48px;padding:3px;background:linear-gradient(145deg,#8a8f93,#3b3f42 30%,#c9ccce 52%,#4a4e51 75%,#9a9ea1);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.4);transform:rotate(-4deg)}
.pp-phone::before{content:"";position:absolute;inset:3px;border-radius:45px;background:#050607}
.pp-scr{position:absolute;inset:10px;border-radius:38px;overflow:hidden;background:#183b34}
.pp-island{position:absolute;z-index:2;top:9px;left:50%;width:74px;height:21px;margin-left:-37px;border-radius:11px;background:#000}
.pp-fit{width:390px;height:844px;transform:scale(.6205);transform-origin:0 0;pointer-events:none}.pp-fit .pq-in{height:844px;min-height:0;padding:60px 26px 44px}.pp-fit .pq-qr{width:232px;padding:16px}.pp-fit .pq-sp{min-height:14px}
.pp-btn{position:absolute;width:3px;border-radius:2px;background:linear-gradient(#6f7478,#2f3336)}.pp-b1{left:-2px;top:96px;height:26px}.pp-b2{left:-2px;top:140px;height:46px}.pp-b3{left:-2px;top:196px;height:46px}.pp-b4{right:-2px;top:160px;height:72px}
.g-quick{border:1px solid var(--line);border-left:0;background:#f1f5f1;padding:16px 18px;margin:0 0 22px}.g-quick b{display:block;font:700 11px/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pine);margin-bottom:8px}.g-quick ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:15px;line-height:1.5}
.pp-hd{background:var(--pine);color:#fff;padding:24px 0 56px}.pp-hd .crumbs,.pp-hd .crumbs a{color:#c9d3cd}
.pp-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;margin-top:24px}
.pp-ht h1{font:700 clamp(38px,5vw,56px)/1.02 var(--f-display);margin:12px 0 16px;color:#fff;text-transform:none}
.pp-body{padding:48px 0 64px}.pp-body h2{font:700 32px/1.1 var(--f-display);color:var(--pine);margin:44px 0 18px}.pp-body h2:first-child{margin-top:0}
.pp-hiw{text-align:center}.pp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:860px;margin:0 auto}.pp-step{border:1px solid var(--line);border-radius:12px;padding:22px 20px;display:grid;gap:8px;align-content:start;justify-items:center;text-align:center}
.pp-sn{width:40px;height:40px;font-size:17px;border-radius:18px;background:var(--pine);color:#fff;font-weight:700;display:grid;place-items:center}.pp-step h3{margin:0;font-size:18px;color:var(--pine)}.pp-step p{margin:0;font-size:14px;line-height:1.5;color:var(--granite);max-width:230px}
.pp-ex{background:var(--birch);border-radius:12px;padding:24px 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pp-ex small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--granite)}.pp-ex b{display:block;font:700 26px/1.2 var(--f-display);color:var(--pine);margin-top:6px}
.pp-rules{padding-left:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:10px;font-size:15px;line-height:1.55;color:var(--granite)}
.pp-end{margin-top:40px;border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.pp-end b{display:block;font:700 26px/1.2 var(--f-display);color:var(--pine)}.pp-end span{font-size:14px;color:var(--granite)}
@media(max-width:860px){.ppb-in,.pp-hero{grid-template-columns:minmax(0,1fr);padding:32px 22px;gap:28px}.pp-hero{padding:0}.pp-phone{margin:0 auto;transform:none}.pp-steps{max-width:420px}.pp-steps,.pp-ex,.pp-rules{grid-template-columns:minmax(0,1fr)}.ppb{padding:32px 0}}
@media(max-width:480px){.ppb-facts{grid-template-columns:minmax(0,1fr)}}
/* Referral Partner QR screen (the partner's app opens on it); below the age gate (z-index 100) */
html.pq-open{overflow:hidden}
.pq{position:fixed;inset:0;z-index:95;background:#183b34;color:#fff;overflow:auto;font-family:var(--f-body)}
.pq-in{container-type:inline-size;min-height:100%;box-sizing:border-box;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:calc(28px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}
.pq-logo{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:3.4cqw;text-decoration:none;color:#f3f4f2;min-height:44px}
.pq-tile{width:17cqw;height:17cqw;flex:none;border-radius:4.4cqw;border:1px solid #4f6d63;background:linear-gradient(#3f6458,#24493f 55%,#1b3a32);box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25);display:grid;place-items:center}.pq-tile svg{width:11.5cqw;height:11.5cqw;color:#f3f4f2}
.pq-lt{display:inline-flex;flex-direction:column}.pq-wm{font:800 7.75cqw/1 var(--f-body);letter-spacing:-.01em;white-space:nowrap}
.pq-tg{width:0;min-width:100%;font:600 2.6cqw/1 var(--f-body);letter-spacing:.1em;margin-top:1.9cqw;color:#a9b3ab;text-align:justify;text-align-last:justify}
.pq-dc{writing-mode:vertical-rl;font:500 4.6cqw/1 var(--f-body);color:#d29a4a;align-self:center}
.pq-h{text-transform:none;margin:26px 0 0;font:700 clamp(30px,9.5vw,38px)/1.05 var(--f-display);text-align:center;color:#fff}.pq-h.pq-fit1{font-size:min(48px,12.9cqw);line-height:1.04;white-space:nowrap}
.pq-n{font-size:1.25em;line-height:.8}
.pq-qr{margin-top:0;background:#fff;border-radius:18px;padding:18px;width:min(250px,64vw);aspect-ratio:1;box-sizing:border-box;display:grid;place-items:center}.pq-qr img{width:100%;height:100%;display:block}
.pq-scan{margin:10px 0 0;font-size:13px;color:#c9d3cd}
.pq-off{margin-top:0;font:700 30px/1.1 var(--f-display);color:#d7a548;text-align:center}
.pq-code{margin-top:10px;border:1.5px dashed #d7a548;border-radius:10px;padding:9px 22px;font:700 22px/1.2 var(--f-body);letter-spacing:3px}
.pq-sp{flex:1;min-height:18px}
.pq-btns{width:100%;display:grid;gap:14px}.pq-row{display:flex;gap:14px}.pq-row>*{flex:1}
.pq-b{min-height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font:700 13px var(--f-body);letter-spacing:1px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.gl{position:relative;overflow:hidden}.gl::after{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.06));border-radius:inherit;pointer-events:none}.gl:active{transform:translateY(1px);filter:brightness(.96)}
.pq-b.gold{border:1px solid #b8862f;background:linear-gradient(#ecc56f,#d7a548 55%,#c08f35);color:#183b34}
.pq-b.pine{border:1px solid #4f6d63;background:linear-gradient(#3f6458,#24493f 55%,#1b3a32);color:#fff}
.pq-b.white{border:1px solid #d9dad6;background:linear-gradient(#fff,#eef0ec 55%,#dfe3de);color:#183b34}
.pq-fine{margin:16px 0 0;font-size:11px;line-height:1.45;color:#a9b8b0;text-align:center}.pq-fine.pq-fit1{font-size:min(13.3px,3.48cqw);white-space:nowrap}.pq-in .pq-fine{margin-top:14px}
@media(max-width:560px){.af-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.af-tiles div:nth-child(3){border-left:0}.af-tiles div:nth-child(n+3){border-top:1px solid var(--line)}}
.rf-wrap{padding-block:22px 44px}
.rf-welcome{display:flex;gap:10px;align-items:center;background:#e4f1e7;color:#1f6b3a;border:1px solid #cfe0d3;padding:12px 16px;font-size:14px}.rf-welcome svg{width:20px;height:20px;flex:none}.rf-welcome a{color:var(--pine);font-weight:700}
.rf-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.rf-code{display:flex;gap:10px;align-items:center;border:1.5px dashed var(--pine);background:#f1f5f1;padding:10px 12px}.rf-code b{flex:1;font:700 24px/1 var(--f-display);color:var(--pine);letter-spacing:.04em}
.rf-code .btn{padding:10px 14px;font-size:11px}.rf-link{border-style:solid;border-color:var(--line);background:#fff}.rf-link span{flex:1;font-size:13px;color:#3f4744;word-break:break-all}
.rf-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.rf-track div{padding:10px;text-align:center;border-left:1px solid var(--line)}.rf-track div:first-child{border-left:0}.rf-track b{display:block;font:700 22px/1.1 var(--f-display);color:var(--pine)}.rf-track span{font-size:11.5px;color:var(--granite)}
.rf-in{display:flex;gap:8px}.rf-in input{flex:1;min-width:0;padding:12px;border:1.5px solid var(--line);font:600 15px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em}.rf-in input::placeholder{text-transform:none;letter-spacing:0;font-weight:400}.rf-friend .e{color:#992228;font-size:12.5px}
.rf-rules{margin-top:22px;background:var(--paper);border:1px solid var(--line);padding:22px 24px}.rf-rules h2{margin:0 0 8px;font-size:21px}.rf-rules ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;color:#3f4744}
@media (max-width:760px){.rw-sre,.rf-steps,.rf-grid{grid-template-columns:minmax(0,1fr)}.rf-code b{font-size:20px}}
.ntf{display:flex;gap:8px;flex-wrap:wrap}.ntf label{white-space:nowrap;display:flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;padding:9px 12px;font-size:13.5px;cursor:pointer}.ntf label:has(input:checked){border-color:var(--pine);background:#f1f5f1}.ntf input{accent-color:var(--pine)}.ntf-n{font-size:11.5px;color:var(--granite)}
.sms{max-width:420px;margin:0 auto 16px;background:#f2f2f4;border-radius:18px;padding:14px 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sms-h{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#6b6b70;margin-bottom:8px}.sms-h small{font-weight:700;letter-spacing:.1em}
.sms-b{background:#e5e5ea;color:#111;border-radius:16px 16px 16px 4px;padding:10px 13px;font-size:14px;line-height:1.4;word-break:break-word}
.sms-f{font-size:11px;color:#6b6b70;margin-top:6px}
@media print{.sms{display:none}}
.faq-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}.faq-jump a{border:1.5px solid var(--line);background:#fff;padding:7px 12px;font-size:12.5px;font-weight:600;text-decoration:none;color:var(--pine)}.faq-jump a:hover{border-color:var(--pine)}
.hs.single .arr,.hs.single .dots{display:none}
.hs.single .hcopy{gap:clamp(4px,.55cqi,9px);width:44%}
.hs.single .hcopy .h{line-height:.98;white-space:nowrap;font-size:clamp(26px,3.6cqi,52px)}
.hs.single .hcopy p{line-height:1.35;max-width:none}
.hs.single .hcopy .hero-cta{margin-top:clamp(4px,.5cqi,8px)}
@media (max-width:1279px){nav.main a{padding:14px 6px;letter-spacing:.05em}nav.main .flag{letter-spacing:.08em;padding-left:8px;gap:6px}}
@media (max-width:1180px){nav.main a{padding:14px 5px;font-size:10.5px;letter-spacing:.03em}}
@media (max-width:1120px){nav.main .flag{display:none}}
.ft-soc{display:flex;align-items:center;gap:10px;margin-top:16px}.ft-soc span{font:700 10.5px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:#c3cdc6;margin-right:4px}
.ft-light .ft .ft-soc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);color:#fff;text-shadow:none;transition:background .15s,border-color .15s}
.ft-light .ft .ft-soc a:hover{background:#fff;color:var(--pine);border-color:#fff}.ft-soc svg{width:18px;height:18px}
.hdr-soc{display:flex;align-items:center;gap:2px;padding-right:10px;margin-right:6px;border-right:1px solid var(--line)}
.hdr-soc a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--pine);transition:background .15s,color .15s}.hdr-soc a:hover{background:var(--pine);color:#fff}.hdr-soc svg{width:19px;height:19px}
.hdr-icons{display:flex;align-items:center}
@media (max-width:900px){.hdr-soc{display:none}}
.trk-wrap{padding-block:26px 44px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.trk-form{background:var(--paper);border:1px solid var(--line);padding:24px;display:grid;gap:14px}
.trk-form h2{margin:0;font-size:24px}.trk-form p{margin:0;color:var(--granite);font-size:14px}
.trk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:10px;align-items:end}
.trk-res{background:var(--paper);border:1px solid var(--line);margin-top:16px}
.trk-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}
.trk-hd small{display:block;font:700 10.5px/1 var(--f-body);letter-spacing:.16em;color:var(--granite)}.trk-hd b{font:700 24px/1.2 var(--f-display);color:var(--pine)}
.trk-steps{list-style:none;margin:0;padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:t}
.trk-steps li{position:relative;display:grid;justify-items:center;text-align:center;gap:8px;font-size:12.5px;color:var(--granite);counter-increment:t}
.trk-steps li::before{content:counter(t);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mist);color:var(--granite);font:700 13px/1 var(--f-body);position:relative;z-index:1}
.trk-steps li::after{content:"";position:absolute;top:15px;left:calc(50% + 18px);right:calc(-50% + 18px);height:3px;background:var(--mist)}
.trk-steps li:last-child::after{display:none}
.trk-steps li.ok::before{content:"✓";background:var(--pine);color:#fff}.trk-steps li.ok::after{background:var(--pine)}
.trk-row .fld{grid-column:auto}.trk-ship svg{width:26px;height:26px;color:var(--pine);flex:none}.trk-ship span{flex:1;min-width:180px}
.trk-steps li.now::before{background:var(--gold);color:#1b1b1b}
.trk-steps li b{color:var(--ink);font-size:13px}.trk-steps li.cx::before{content:"×";background:#b3261e;color:#fff}
.trk-body{padding:0 20px 20px;display:grid;gap:12px;font-size:14px}
.trk-body .sd-note{margin:0}
.trk-ship{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--birch);padding:12px 14px}.trk-ship b{font-variant-numeric:tabular-nums}
.trk-items{font-size:13.5px;color:var(--granite);margin:0;padding-left:18px}
@media (max-width:860px){.trk-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.trk-row{grid-template-columns:minmax(0,1fr)}.trk-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.trk-steps li:nth-child(2)::after{display:none}}
.adm{background:#eef1ee;min-height:70vh}
.adm-top{background:var(--pine);color:#fff}.adm-top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:20px}
.adm-top small{font:700 10.5px/1 var(--f-body);letter-spacing:.18em;color:#c3cdc6}.adm-top h1{margin:4px 0 0;font-size:30px;color:#fff}
.adm-who{display:flex;align-items:center;gap:12px;font-size:13px;color:#c3cdc6;flex-wrap:wrap}.adm-who b{color:#fff}.adm-who .btn{padding:9px 12px;font-size:10.5px;background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.adm-demo{background:var(--gold);color:#1b1b1b;font:700 10px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:2px}
.adm-body{padding-block:20px 36px}
.ak-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ak{background:#fff;border:1px solid var(--line);border-top:4px solid var(--pine);padding:14px 16px}.ak small{display:block;font:700 10.5px/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--granite)}
.ak b{display:block;font:700 30px/1.1 var(--f-display);color:var(--pine);margin:6px 0 2px}.ak span{font-size:12px;color:var(--granite)}
.ak.due{border-top-color:#c58a1d}.ak.od{border-top-color:#b3261e}.ak.od b{color:#b3261e}.ak.pd{border-top-color:#2d6fb0}.ak.sh{border-top-color:#1f6b3a}
.adm-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.adm-list,.adm-det{background:#fff;border:1px solid var(--line)}
.at-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:12px;border-bottom:1px solid var(--line)}
.at{border:1.5px solid var(--line);background:#fff;padding:7px 10px;font:600 12px/1 var(--f-body);color:var(--ink);cursor:pointer;display:flex;gap:6px;align-items:center}
.at i{font-style:normal;background:var(--mist);border-radius:10px;padding:2px 6px;font-size:11px}.at.on{border-color:var(--pine);background:var(--pine);color:#fff}.at.on i{background:rgba(255,255,255,.2)}
.adm-q{margin-left:auto;min-width:200px;padding:8px 10px;border:1.5px solid var(--line);font:13px var(--f-body)}
.adm-tw{overflow-x:auto}.adm-t{width:100%;border-collapse:collapse;font-size:13px}
.adm-t th{text-align:left;font:700 10px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--granite);padding:10px 12px;border-bottom:2px solid var(--pine);white-space:nowrap}
.adm-t td{padding:11px 12px;border-bottom:1px solid #eef0ee;white-space:nowrap;vertical-align:top}.adm-t td span{display:block;font-size:11.5px;color:var(--granite)}
.adm-t tbody tr{cursor:pointer}.adm-t tbody tr:hover{background:#f6f8f6}.adm-t tbody tr.on{background:#eaf2ec;box-shadow:inset 3px 0 0 var(--pine)}
.as{display:inline-block;font:700 10.5px/1 var(--f-body);letter-spacing:.04em;padding:5px 8px;border-radius:2px;white-space:nowrap}
.as.due{background:#fbefdc;color:#8a5a1c}.as.od{background:#f7e0de;color:#b3261e}.as.pd{background:#e3edf8;color:#2d5f96}.as.sh{background:#e4f1e7;color:#1f6b3a}.as.cx{background:#eee;color:#666}
.adm-det{position:sticky;top:12px}
.ad-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.ad-h small{display:block;font:700 10px/1 var(--f-body);letter-spacing:.16em;color:var(--granite)}.ad-h b{font:700 22px/1.2 var(--f-display);color:var(--pine)}
.ad-s{padding:12px 16px;border-bottom:1px solid #eef0ee}.ad-s h4{margin:0 0 6px;font:700 10.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cedar)}.ad-s p{margin:0;font-size:13px;line-height:1.55}
.ad-n{font-size:12px;color:var(--granite)}
.ad-l{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0}.ad-l small{display:block;font-size:11.5px;color:var(--granite)}.ad-l.t{color:var(--granite)}.ad-l.big{color:var(--ink);font-weight:700;border-top:1px solid var(--line);margin-top:4px;padding-top:6px}.ad-l.big b{font:700 18px/1 var(--f-display);color:var(--pine)}
.ad-sv{margin-top:6px;font-size:12px;font-weight:700;color:#1f6b3a}
.ad-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ad-a .btn{padding:10px 12px;font-size:11px}.ad-x{color:#b3261e;border-color:#e3b5b1}
.od-t{color:#b3261e}
.ad-f{display:flex;gap:8px}.ad-f select,.ad-f input{padding:9px 10px;border:1.5px solid var(--line);font:13px var(--f-body);min-width:0}.ad-f input{flex:1}
.ad-tl{margin:0;padding-left:16px;font-size:12.5px;color:#3f4744;display:grid;gap:3px}
.ad-link{display:block;padding:12px 16px;font-weight:700;color:var(--cedar);font-size:13px}
@media (max-width:980px){.adm-grid{grid-template-columns:minmax(0,1fr)}.adm-det{position:static}.ak-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.adm-q{margin-left:0;width:100%}.adm-t th:nth-child(2),.adm-t td:nth-child(2),.adm-t th:nth-child(4),.adm-t td:nth-child(4){display:none}}
.adm-t td span.as{display:inline-block;font-size:10.5px;color:inherit}.adm-t td span.as.due{color:#8a5a1c}.adm-t td span.as.od{color:#b3261e}.adm-t td span.as.pd{color:#2d5f96}.adm-t td span.as.sh{color:#1f6b3a}.adm-t td span.as.cx{color:#666}
/* age gate */
.gate{position:fixed;inset:0;z-index:100;display:flex;padding:20px;overflow:auto}.gate>.gate-card{margin:auto}
.gate canvas{position:fixed;inset:0;width:100%;height:100%}
.gate-card{position:relative;background:var(--paper);max-width:460px;width:100%;padding:30px 28px;display:grid;gap:16px;box-shadow:0 30px 70px rgba(0,0,0,.4);border-top:5px solid var(--pine)}
.gate-card .logo{justify-content:center}
.gate-card h2{font-size:26px;text-align:center}
.gate-card p{margin:0;text-align:center;font-size:13.5px;color:var(--granite)}
.dob{display:grid;grid-template-columns:1fr 1.4fr 1.1fr;gap:8px}
.gate-card select{border:1.5px solid var(--line);padding:11px 10px;background:var(--paper);border-radius:2px;width:100%}
.gate-card .msg{font-size:13px;color:var(--bad);text-align:center;min-height:1.2em}
.gate-card .fine{font-size:11.5px;text-align:center;color:var(--granite)}

.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;background:var(--loon);color:#fff;padding:13px 18px;border-radius:2px;font-size:13.5px;z-index:90;transition:.25s;display:flex;gap:14px;align-items:center;max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast a{color:var(--gold);font-weight:700}

@media (max-width:1080px){
  .hdr-claim{display:none}
  .pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .buy{grid-column:1 / -1;position:static}
  .ft{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft > div:first-child{grid-column:1 / -1}
}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr;min-height:0;padding-block:40px 20px}
  .hero-packs{height:220px}
  .strip .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
  .strip .wrap>div{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .strip .wrap>div:nth-child(-n+2){border-top:0}
  .feat{grid-template-columns:1fr}
  .why,.news .wrap,.pdp-low,.cart,.content{grid-template-columns:minmax(0,1fr)}
  .ship-card{grid-template-columns:1fr}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop{grid-template-columns:minmax(0,1fr)}
  .filters{display:none;background:var(--paper);border:1px solid var(--line);padding:16px}
  .filters.open{display:grid}
  .ftoggle{display:inline-flex}
  .pdp{grid-template-columns:minmax(0,1fr)}
  .tabpanel{grid-template-columns:minmax(0,1fr)}
  .summary{position:static}
  .brand-hero{grid-template-columns:minmax(0,1fr)}
  .brand-hero .logo-box{max-width:260px}
}
@media (max-width:620px){
  .hdr{grid-template-columns:1fr auto;gap:10px}
  .hdr-mid{grid-column:1 / -1;order:3}
  .search{max-width:none}
  .logo .wm{font-size:18px}.logo .tg{font-size:7.5px;letter-spacing:.2em}.logo svg{width:38px;height:38px}
  .hero-trust{grid-template-columns:1fr}
  .gal{grid-template-columns:minmax(0,1fr)}
  .thumbs{grid-auto-flow:column;grid-auto-columns:64px;order:2}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div:nth-child(3){border-left:0}
  .facts div:nth-child(n+3){border-top:1px solid var(--line)}
  .line{grid-template-columns:84px minmax(0,1fr)}
  .line .r{grid-column:1 / -1;grid-auto-flow:column;justify-content:space-between;align-items:center}
  .fld.h,.fld.t{grid-column:span 6}
  .tier{grid-template-columns:1fr}
  .ft{grid-template-columns:repeat(2,minmax(0,1fr))}
  .health .wrap{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card .bd{padding:10px}
  .card .pr{flex-wrap:wrap;gap:2px 8px}
  .prose{padding:20px}
}
@media (max-width:700px){
  .strip .wrap{grid-template-columns:minmax(0,1fr)}
  .strip .wrap>div,.strip .wrap>div:nth-child(-n+2){padding:12px 0;border-top:1px solid var(--line)}
  .strip .wrap>div:first-child{border-top:0}
  .strip b{display:block}.strip span{text-transform:none;letter-spacing:0;font-size:12.5px}
}

/* French: longer labels */
html[lang^=fr] nav.main a{letter-spacing:.03em;padding-inline:7px}
@media (min-width:1081px){html[lang^=fr] nav.main a{padding-inline:6px;font-size:10.5px}}
html[lang^=fr] .qrow .addc{letter-spacing:.03em;font-size:10.5px;padding:0 8px}
html[lang^=fr] .voltab small{letter-spacing:.02em}

/* audit fixes (16 Oct) */
#app{min-height:100vh}
footer .legal span{color:#b9c2bb}footer .legal span a{display:inline-block;padding:6px 0}
.lang-sw{display:inline-flex;flex:none;align-self:center;border:1.5px solid var(--pine);border-radius:3px;overflow:hidden;margin-right:4px}
.lang-sw button{border:0;background:transparent;color:var(--pine);font:700 12px/1 var(--f-body);letter-spacing:.08em;height:32px;min-width:36px;padding:0 8px;cursor:pointer}
.lang-sw button+button{border-left:1.5px solid var(--pine)}
.lang-sw button[aria-pressed="true"]{background:var(--pine);color:#fff;cursor:default}
.lang-sw button[aria-pressed="false"]:hover{background:#e7ece9}
.lang-sw.on-dark{border-color:rgba(255,255,255,.8);margin:0}
@media (max-width:520px){.hdr-icons .lang-sw{margin-right:2px}.hdr-icons .lang-sw button{min-width:27px;height:28px;padding:0 4px;font-size:11px;letter-spacing:.04em}}
@media (max-width:400px){.hdr-icons .icon-btn{width:31px}}
@media (max-width:400px){.hdr{gap:6px}.hdr .logo{gap:6px}.hdr .logo .wm{font-size:15px}.hdr .logo svg{width:32px;height:32px}.hdr .logo .tg{font-size:6px;letter-spacing:.08em}.hdr .logo .dc{font-size:9px}.hdr-icons .icon-btn{width:30px}.hdr-icons .lang-sw button{min-width:24px;padding:0 3px}}
@media (max-width:345px){.hdr-icons .icon-btn[href="#wishlist"]{display:none}.hdr .logo .wm{font-size:13.5px}.hdr .logo svg{width:28px;height:28px}}
.lang-sw.on-dark button{color:#fff;height:34px;min-width:40px}
.lang-sw.on-dark button+button{border-left-color:rgba(255,255,255,.8)}
.lang-sw.on-dark button[aria-pressed="true"]{background:#fff;color:var(--pine)}
.lang-sw.on-dark button[aria-pressed="false"]:hover{background:rgba(255,255,255,.14)}
@media (max-width:420px){.gate .gate-card .gate-hd{padding:16px 16px;gap:10px}.gate .gate-card .logo svg{width:34px;height:34px}.gate .gate-card .logo .wm{font-size:17px}.gate .gate-card .logo .tg{font-size:7px;letter-spacing:.14em}.lang-sw.on-dark button{min-width:34px;padding:0 6px}}
.card .nm{display:block;padding:3px 0}
.blk-h a{padding:6px 0}.mcard .nm{display:block;padding:3px 0}.line .n{display:inline-block;padding:3px 0}.buy .bulk{padding:3px 0}table.spec a{display:inline-block;padding:3px 0}
.check input,.ntf input,.pay-opt input,.remember input{width:20px!important;height:20px!important}
.buy .stock>span[aria-hidden]{color:var(--granite)!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* ---- block id="nov3" ---- */
.ns-co-top{display:none}
@media (max-width:860px){.ns-co-top{display:flex;align-items:baseline;gap:10px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--pine);padding:12px 14px;margin-bottom:14px;text-decoration:none;color:var(--ink)}.ns-co-top span{font-size:13px;color:var(--granite)}.ns-co-top b{font-size:19px}.ns-co-top u{margin-left:auto;font-size:13px;color:var(--cedar);font-weight:600}}
@media (max-width:760px){.sticky-buy{bottom:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:10px;padding-right:88px;z-index:69}.sticky-buy.ft-near{transform:translateY(calc(110% + 70px))}}
.dl-wrap,.g-wrap{padding-block:24px 48px;display:grid;gap:26px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.dl-grid a{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);padding:12px 14px;text-decoration:none}.dl-grid a b{font-size:15px}.dl-grid a span{font-size:12.5px;color:var(--granite)}.dl-grid a:hover{border-color:var(--pine)}
.dl-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0}.dl-facts div{background:#fff;border:1px solid var(--line);padding:12px 14px}.dl-facts dt{font:700 10.5px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--cedar)}.dl-facts dd{margin:6px 0 0;font-weight:600}.dl-note{margin:-12px 0 0;font-size:13px;color:var(--granite)}
.dl-faq details{background:#fff;border:1px solid var(--line);padding:12px 16px;margin-top:8px}.dl-faq summary{font-weight:700;cursor:pointer}.dl-faq p{margin:8px 0 0}
.g-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.g-list a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);padding:16px 18px;text-decoration:none}.g-list b{font-size:17px}.g-list span{font-size:14px;color:var(--granite)}
.g-by{margin:0;font-size:13px;color:var(--granite)}.dl-more{line-height:2}.b-about{display:grid;gap:14px;max-width:880px}.b-about .g-t td,.b-about .g-t th{font-size:14px}
.g-art{max-width:780px;display:grid;gap:12px;line-height:1.65}.g-art h2{margin-top:10px}.g-t{border-collapse:collapse;width:100%;background:#fff}.g-scroll{overflow-x:auto;max-width:100%}.g-scroll .g-t th[scope=row]{text-align:left;white-space:nowrap}.g-t th,.g-t td{border:1px solid var(--line);padding:8px 12px;text-align:left}.g-t th{background:var(--birch)}.g-steps{padding-left:22px;display:grid;gap:10px}.g-warn{background:#1f2522;color:#f1f1ec;padding:12px 14px;font-size:13px}.g-warn b{background:#f5d23b;color:#111;padding:2px 6px;margin-right:6px}.g-shop,.g-more{font-size:14px}
.np-pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}.np-pills button{border:1px solid var(--line);background:#fff;padding:8px 13px;font:600 13px var(--f-body);cursor:pointer;color:var(--ink)}.np-pills button span{color:var(--granite);font-weight:500;margin-left:2px}.np-pills button.on{background:var(--pine);border-color:var(--pine);color:#fff}.np-pills button.on span{color:#cfe0d3}.np-pill-fl{font-size:13px;font-weight:600;color:var(--cedar);margin-left:4px}
@media (max-width:760px){.np-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.np-pills button{flex:none}.np-pill-fl{flex:none}}
.card .pr{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.np-cmp-t{margin-left:auto;border:1px solid var(--line);background:#fff;font:600 11px var(--f-body);letter-spacing:.04em;padding:4px 8px;cursor:pointer;color:var(--granite)}.np-cmp-t::before{content:"";display:inline-block;width:10px;height:10px;border:1.5px solid currentColor;margin-right:5px;vertical-align:-1px}.np-cmp-t.on{color:var(--pine);border-color:var(--pine)}.np-cmp-t.on::before{background:var(--pine);box-shadow:inset 0 0 0 2px #fff}
.np-cmp-bar{position:fixed;left:0;right:0;bottom:0;z-index:85;background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.14);border-top:3px solid var(--pine);padding:10px 0}.np-cmp-bar .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.np-cmp-ims{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.np-cmp-ims span{display:inline-flex;align-items:center;gap:6px;background:var(--birch);padding:4px 6px 4px 4px;font-size:13px;font-weight:600}.np-cmp-ims img{width:40px;height:30px;object-fit:contain;background:#fff}.np-cmp-ims button{border:0;background:none;font-size:18px;line-height:1;cursor:pointer;color:var(--granite)}.np-cmp-ims em{font-size:12px;color:var(--granite)}
.np-cmp-a{display:flex;gap:8px}.np-cmp-a .btn{padding:10px 16px}.np-cmp-a a[aria-disabled="true"]{opacity:.5}
@media (max-width:760px){.np-cmp-bar{bottom:calc(60px + env(safe-area-inset-bottom,0px))}.np-cmp-ims span{font-size:0;padding:3px}}
.np-cmpv{padding-block:24px 40px}.np-g-tw{overflow-x:auto}.np-cmp-t2{border-collapse:collapse;width:100%;min-width:560px;background:#fff}.np-cmp-t2 th,.np-cmp-t2 td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;font-size:14px}.np-cmp-t2 thead th{vertical-align:bottom}.np-cmp-t2 thead img{width:160px;height:120px;object-fit:contain;display:block;margin-bottom:6px}.np-cmp-t2 tbody th{width:170px;background:var(--birch);font-weight:600}.np-cmp-rm{display:block;border:0;background:none;color:var(--cedar);text-decoration:underline;cursor:pointer;padding:4px 0;font:inherit;font-size:12px}.np-ch-note{color:var(--granite);font-size:14px}
.np-smp-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.np-smp-page{padding-block:24px 40px}.np-smp{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.np-smp-im{position:relative;height:170px;background:linear-gradient(180deg,#fff,var(--birch));overflow:hidden}.np-smp-im img{position:absolute;width:52%;bottom:14px;left:calc(var(--i)*12% - 2%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.np-smp-im.pk{display:flex;justify-content:center;align-items:flex-end;height:auto;min-height:0;padding:24px 0 18px;container-type:inline-size}.np-smp-im.pk img{position:static;width:auto;height:min(150px,35cqw);max-width:none;flex:none;margin-left:-5.5cqw;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22))}.np-smp-im.pk img:first-child{margin-left:0}.np-smp-im.ct{height:auto;container-type:inline-size;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 6px;padding:26px 10px 22px}.np-smp-im.ct img{position:static;width:31cqw;height:auto;flex:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22))}.np-smp-im.ct img:nth-child(4),.np-smp-im.ct img:nth-child(5){width:40cqw}
.np-smp-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.np-smp-k{font:700 10.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cedar)}.np-smp-b h3{margin:0;font-size:20px}.np-smp-b p{margin:0;font-size:13.5px;color:var(--granite)}.np-smp-b ul{margin:2px 0 4px;padding-left:18px;font-size:13px;line-height:1.6}.np-smp-b ul a{color:inherit}.np-smp-f{display:flex;align-items:baseline;gap:8px;margin-top:auto}.np-smp-f b{font-size:20px}.np-smp-f span{font-size:12.5px;color:var(--granite)}.np-smp-b .btn{margin-top:6px}
@media (max-width:1000px){.np-smp-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.np-smp-home .np-smp-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);scrollbar-width:none}.np-smp-home .np-smp{flex:0 0 82%;scroll-snap-align:start}.np-smp-page{grid-template-columns:1fr}}
.acct-why{margin:4px 0 14px;padding-left:20px;line-height:1.8}.acct-btns{display:flex;gap:8px;flex-wrap:wrap}#svForm,#edForm{margin-bottom:22px}#svForm .cf-go{justify-self:start}
.lnk{background:none;border:0;padding:0;color:var(--cedar);text-decoration:underline;font:inherit;cursor:pointer}
.acct-det .acct-btns .btn{padding:10px 14px;font-size:11px}
.acct-bday{margin:10px 0 0;padding:10px 14px;background:var(--birch);font-size:13.5px}
.rf-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.rf-list li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}.rf-list .st{margin-left:auto}


/* ---- block id="polish-2026-10-26" ---- */

/* ---- Design polish, Oct 26 2026 ---- */
/* 1. "Indigenous Owned" badge was clipped ~10px at the right of the green menu on desktop */
@media (min-width:1280px){nav.main a{padding:14px 6px;letter-spacing:.06em}nav.main .flag{letter-spacing:.1em;padding-left:8px;gap:7px}}
/* 2. phone header tagline was 6-7.5px (unreadable): 8px down to 401px, hidden below that */
@media (max-width:620px){.hdr .logo .tg{font-size:8px;letter-spacing:.12em}}
@media (max-width:400px){.hdr .logo .tg{display:none}}
/* 3. "People · Culture · Community" box: one line, no dangling dot */
.band .box{white-space:nowrap;text-indent:.2em}
@media (max-width:620px){.band .box{letter-spacing:.12em;text-indent:.12em;padding:16px 18px;font-size:10.5px}}
/* 4. search placeholder was cut off ("…flavours, S") on desktop */
.search input::placeholder{font-size:12.5px}
@media (min-width:1081px){.search input{padding-inline:11px}}
/* header too tight for logo + claim + search + icons below 1280px: the claim repeats the menu's "Indigenous Owned" badge, so it gives way */
@media (max-width:1279px){.hdr-claim{display:none}}
/* 5. bigger tap areas on phones without changing the look */
@media (max-width:520px){.hdr-icons .lang-sw button{height:32px}
  .hdr-icons .icon-btn:not(:last-child)::before{content:"";position:absolute;inset:0 -5px}
  .hdr-icons .icon-btn:last-child::before{content:"";position:absolute;inset:0 0 0 -5px}
  .wl-x{padding:9px 9px 7px;margin:-6px -7px -6px 0}}
/* 6. footer and "View all" links: taller tap rows on phones */
@media (max-width:620px){.ft ul{gap:0}.ft li a{display:inline-block;padding:6px 0}
  .blk-h a{padding:10px 0;margin:-4px 0}.crumbs a{display:inline-block;padding:6px 0;margin:-6px 0}}
/* 7. phone menu bar: soft fade on the right shows it scrolls sideways */
@media (max-width:1080px){nav.main{position:relative}
  nav.main::after{content:"";position:absolute;top:0;right:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(90deg,rgba(24,59,52,0),var(--pine))}}
/* 9. tiny labels up to a readable 10px */
.card .tag{font-size:10px}.brand-tile .soon{font-size:10px}
/* coming-soon page */
.cs-page{padding-block:28px 44px;display:grid;gap:44px}
#suggest{scroll-margin-top:150px}
.cs-note{margin:-6px 0 16px;color:var(--granite)}
.cs-suggest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:start;border-top:1px solid var(--line);padding-top:36px}
.cs-suggest h2{font-size:clamp(24px,2.4vw,30px);text-transform:uppercase;margin-bottom:10px}
.cs-suggest p{color:var(--granite);margin:0}
.cs-suggest textarea{border:1.5px solid var(--line);padding:11px 12px;background:var(--paper);border-radius:2px;width:100%;font:inherit;resize:vertical}
.cs-suggest textarea:focus{outline:none;border-color:var(--pine)}
.cs-fine{font-size:12px;margin-top:10px!important}
.cs-suggest .fld .e:empty{display:none}
.cs-cta{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--birch);border:1px solid var(--line);padding:18px 20px}
.cs-cta b{display:block;font:700 15px/1.3 var(--f-body)}.cs-cta span{font-size:13.5px;color:var(--granite)}.cs-cta .btn{margin:0}
@media (max-width:860px){.cs-suggest{grid-template-columns:minmax(0,1fr)}.cs-suggest .fld.h{grid-column:span 6}}
/* product buy box: stock + delivery lines read as sentences (were split into columns) */
.buy .stock span[data-shipday]{display:block;flex:1 1 180px}
.buy .eta-p{display:block;position:relative;padding-left:24px}
.buy .eta-p svg{position:absolute;left:0;top:1px}
.buy .eta-p .eta-s{white-space:nowrap;margin-left:.3em}
.buy .shipbar .st{letter-spacing:.03em}
/* ---- Logo: badge mark (approved Oct 26 2026) ----
   Tree 25% wider with spaced tiers, inside a 52px rounded square (tree 43px); green on light
   backgrounds, gold on dark ones. Name Extra Bold 25px; tagline lined up with the N; sideways .com 700. */
.logo > svg{box-sizing:border-box;width:52px;height:52px;padding:4.5px;background:var(--pine);color:#fff;border-radius:7px;margin-right:12px}
.ft .logo > svg,.gate .gate-card .logo > svg,.iv-logo > svg{background:var(--gold);color:#163a33}
.logo .wm{font-weight:800;font-size:25px}
.logo .lt .tg{font-weight:600;font-size:9px;letter-spacing:.17em;color:#3d4642;margin-left:.111em;width:calc(100% + .028em)}
.ft .logo .lt .tg,.gate .gate-card .logo .lt .tg,.iv-logo .lt .tg{color:#d7ddd8}
.logo .dc{font-weight:700;font-size:16px}
@media (max-width:620px){.logo > svg{width:40px;height:40px;padding:3.5px;border-radius:5.5px;margin-right:9px}.logo .wm{font-size:18px}.logo .dc{font-size:12px}.logo .lt .tg{font-size:7px}.hdr .logo .tg{font-size:8px}}
@media (max-width:420px){.gate .gate-card .logo > svg{width:38px;height:38px;padding:3.3px}}
@media (max-width:400px){.hdr .logo > svg{width:34px;height:34px;padding:3px;border-radius:5px;margin-right:8px}.hdr .logo .wm{font-size:15px}.hdr .logo .dc{font-size:10px}}
@media (max-width:370px){.hdr .logo > svg{width:32px;height:32px;padding:2.8px;margin-right:7px}.hdr .logo .wm{font-size:14.5px}}
@media (max-width:345px){.hdr .logo > svg{width:30px;height:30px;padding:2.6px}.hdr .logo .wm{font-size:13.5px}}
/* ---- Scan to your phone (Oct 26 2026): small button docked on the live chat badge; pops out a QR code of this page ---- */
.scan-fab{position:fixed;right:42px;bottom:calc(114px + env(safe-area-inset-bottom,0px));z-index:80;width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);background:var(--pine);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.28);transition:transform .2s;animation:fabIn .5s ease-out both}
.scan-fab:hover{transform:translateY(-2px) scale(1.06)}
.scan-fab:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.scan-fab svg{width:22px;height:22px}
.scan-fab .tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ink,#1f2522);color:#fff;font:700 11px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .15s}
.scan-fab:hover .tip,.scan-fab:focus-visible .tip{opacity:1}
.scan-fab[aria-expanded="true"] .tip{opacity:0}
.scan-pop{position:fixed;right:120px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:81;width:300px;background:#fff;border-radius:6px;box-shadow:0 18px 44px rgba(10,20,16,.32);overflow:hidden;animation:fabIn .25s ease-out both;color:var(--ink,#1f2522)}
.scan-pop[hidden]{display:none}
.scan-pop .hd{background:var(--pine);color:#fff;padding:14px 44px 13px 16px;position:relative}
.scan-pop .hd b{display:block;font:600 19px/1.15 var(--f-display)}
.scan-pop .hd span{display:block;font-size:12.5px;color:#cfd8d2;margin-top:3px}
.scan-pop .x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;background:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.85}
.scan-pop .x:hover{opacity:1}
.scan-pop .qr{margin:18px auto 6px;width:208px;height:208px;padding:2px;border:1px solid var(--line,#dcdcd8);border-radius:4px;background:#fff}
.scan-pop .qr svg{width:100%;height:100%;display:block}
.scan-pop ol{margin:10px 18px 4px 36px;padding:0;font-size:13px;line-height:1.55}
.scan-pop .url{margin:8px 16px 16px;font-size:11.5px;color:var(--granite,#5f6863);text-align:center;word-break:break-all}
.scan-pop .url b{color:var(--pine)}
@media (max-width:860px),(hover:none),(pointer:coarse){.scan-fab,.scan-pop{display:none!important}}
.chat-fab[hidden]~.scan-fab,.chat-fab[hidden]~.scan-pop{display:none}
.scan-pop .bring{display:flex;align-items:center;gap:8px;margin:14px 16px 0;padding:9px 11px;background:var(--birch,#f1efe8);border:1px solid var(--line,#dcdcd8);border-radius:3px;font-size:13px;font-weight:600;cursor:pointer}
.scan-pop .bring[hidden]{display:none}
.scan-pop .bring input{width:16px;height:16px;accent-color:var(--pine);margin:0}
.scan-pop .bring+.qr{margin-top:12px}

/* ---- Security & Encryption page + notes (Nov 2 2026) ---- */
.sec-page{padding-block:24px 56px}
.sec-hero{display:flex;gap:18px;align-items:center;border-radius:6px;padding:22px 24px;color:#fff;background:linear-gradient(135deg,#1f4a41,var(--pine) 60%,#0f2722)}
.sec-shield{flex:none;width:64px;height:64px;border-radius:6px;background:var(--gold);display:grid;place-items:center}.sec-shield svg{width:34px;height:34px;color:var(--pine)}
.sec-hero b{display:block;font:700 clamp(20px,2.4vw,26px)/1.2 var(--f-display)}.sec-hero span{display:block;margin-top:4px;color:#d6e2dc;font-size:15px}
.sec-spec{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 8px}
.sec-spec div{background:var(--pine);color:#fff;border-radius:6px;padding:16px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:4px solid var(--gold)}
.sec-spec b{font:700 clamp(19px,2vw,25px)/1 var(--f-display);color:var(--gold)}.sec-spec span{font-size:12.5px;line-height:1.35;color:#c9d6cf}
.sec-body{max-width:860px}.sec-body h2{display:flex;gap:12px;align-items:center;margin-top:30px}
.sec-body h2 i{flex:none;font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--cedar);color:#fff;display:grid;place-items:center;font:700 15px/1 var(--f-body)}
.np-secure{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:11px 13px;border-radius:4px;background:#eef3f0;border:1px solid #d3e0d9;color:var(--ink);font-size:13px;line-height:1.45;text-align:left}
.np-secure svg{flex:none;width:20px;height:20px;color:var(--pine);margin-top:1px}
.np-secure a{color:var(--cedar);font-weight:700;white-space:nowrap}
.ft-sec{display:inline-flex;align-items:center;gap:5px;font-weight:700;margin-right:6px;white-space:nowrap}.ft-sec svg{width:14px;height:14px}
.ft-secl{font-weight:700}
@media(max-width:1000px){.sec-spec{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sec-spec{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-hero{padding:18px}.sec-shield{width:52px;height:52px}}

/* ---- "Get the app" prompt (Nov 2 2026): phones only, never inside the installed app ---- */
.npa-card{display:flex;gap:14px;align-items:center;border-radius:6px;padding:14px 14px 14px 14px;color:#fff;position:relative;background:linear-gradient(135deg,#235247,var(--pine) 60%,#10291f);box-shadow:0 18px 36px -18px rgba(0,60,100,.55);text-align:left}
.npa-card>img{width:56px;height:56px;border-radius:14px;flex:none;box-shadow:0 6px 14px rgba(0,0,0,.22)}
.npa-card>.npa-ic{position:relative;flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 6px 14px rgba(0,0,0,.30)}.npa-card>.npa-ic img{display:block;width:56px;height:56px;border-radius:14px}
.npa-card>.npa-ic::after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,0) 50%,rgba(0,0,0,.18) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 4px rgba(0,0,0,.30)}
.npa-card b{display:block;font:800 16.5px/1.2 var(--f-display);color:#fff}.npa-card span{display:block;font:600 13px/1.35 var(--f-body);color:#d6e2dc;margin-top:3px}
.npa-card .npa-go{margin-left:auto;flex:none;background:var(--cedar);color:#fff;border:0;border-radius:4px;padding:11px 15px;font:800 13.5px/1 var(--f-body);cursor:pointer;white-space:nowrap}
.npa-card .npa-x{position:absolute;right:6px;top:4px;background:none;border:0;color:#d6e2dc;font:600 22px/1 var(--f-body);padding:4px 7px;cursor:pointer}
.npa-bar{position:fixed;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:75;animation:npaIn .35s ease-out both}
.npa-bar .npa-card{padding-right:14px}.npa-acts{margin-left:auto;flex:none;display:grid;gap:6px;justify-items:center}.npa-card .npa-acts .npa-go{margin-left:0}.npa-card .npa-x{position:static;font:600 12.5px/1.2 var(--f-body);color:#d6e2dc;text-decoration:underline;text-underline-offset:3px;padding:6px 4px}.npa-card .npa-x:hover{color:#fff}
@keyframes npaIn{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
body.npa-on .chat-fab{display:none!important}
.npa-dim{position:fixed;inset:0;z-index:90;background:rgba(11,21,51,.5);display:flex;align-items:flex-end;animation:npaIn .25s ease-out both}
.npa-sheet{width:100%;background:#fff;border-radius:10px 10px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom,0px));color:var(--cedar)}
.npa-sheet .hd{display:flex;gap:14px;align-items:center}.npa-sheet .hd img{width:60px;height:60px;border-radius:14px;flex:none}
.npa-sheet .hd b{display:block;font:800 19px/1.2 var(--f-display)}.npa-sheet .hd span{font:600 13px/1.35 var(--f-body);color:var(--granite)}
.npa-st{display:flex;gap:12px;align-items:center;margin-top:14px;background:#f1f2ee;border-radius:14px;padding:12px 14px;font:700 14.5px/1.35 var(--f-body)}
.npa-st i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--pine);color:#fff;font:800 14px/28px var(--f-body);text-align:center;font-style:normal}
.npa-st svg{flex:none;width:26px;height:26px;margin-left:auto}
.npa-st .row{flex:1;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;padding:9px 11px;font-weight:600}
.npa-ok{display:block;width:100%;margin-top:16px;min-height:48px;border:0;border-radius:4px;background:var(--cedar);color:#fff;font:800 15px/1 var(--f-body);cursor:pointer}
.npa-point{text-align:center;margin-top:12px;font:700 13px/1.3 var(--f-body);color:var(--pine)}
@media print{.npa-card,.npa-bar,[data-app-slot]{display:none!important}}
/* ---- App buttons + "encrypted" notes (Nov 2 2026) ---- */
@media (max-width:1440px){.hdr-app span{display:none}.hdr-app{padding:0 8px!important;width:34px;justify-content:center}}
.hdr-app{display:inline-flex;align-items:center;gap:6px;margin-left:6px;height:34px;padding:0 12px 0 9px;border:0;border-radius:4px;background:var(--cedar);color:#fff;font:700 12.5px/1 var(--f-body);cursor:pointer;white-space:nowrap;transition:background .15s}
.hdr-app:hover{background:var(--pine)}.hdr-app svg{width:18px;height:18px}
.hdr-app-m{display:none}
@media (max-width:900px){.hdr-app-m{display:grid}}
.hdr-app-m svg{width:22px;height:22px}
.ft-app{display:inline-flex;align-items:center;gap:7px;margin-left:4px;height:36px;padding:0 14px 0 10px;border:1.5px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:700 13px/1 var(--f-body);cursor:pointer;white-space:nowrap}
.ft-light .ft .ft-app{color:var(--cedar);border-color:var(--cedar)}.ft-light .ft .ft-app:hover{background:var(--cedar);color:#fff}
.ft-app svg{width:18px;height:18px}
.ft-soc{flex-wrap:wrap}
.npa-qr{display:flex;gap:18px;align-items:center;margin-top:16px;background:#f1f2ee;border-radius:16px;padding:14px}
.npa-qr img{width:150px;height:150px;flex:none;border-radius:10px;background:#fff;padding:6px}
.npa-qr p{margin:0;font:600 14px/1.45 var(--f-body)}
.npa-sec{display:flex;gap:8px;align-items:center;margin-top:12px;font:600 12.5px/1.35 var(--f-body);color:var(--granite)}.npa-sec svg{width:16px;height:16px;flex:none;color:var(--pine)}
@media (min-width:701px){.npa-dim{align-items:center;justify-content:center}.npa-sheet{max-width:460px;border-radius:10px}}

/* ---- 404: search, popular row (Nov 2 2026) ---- */
.nf-lead{font:700 clamp(19px,2.2vw,24px)/1.25 var(--f-display)!important;color:var(--cedar)!important;margin:0 0 8px!important}
.nf-search{display:flex;max-width:460px;margin:18px 0 0;border:2px solid var(--pine);border-radius:4px;background:#fff}
.nf-in .nf-search{margin-inline:0}
.nf-search input{flex:1;min-width:0;border:0;padding:12px 14px;font:500 15px/1 var(--f-body);outline:0;background:none}
.nf-search button{flex:none;width:50px;border:0;background:var(--pine);color:#fff;display:grid;place-items:center;cursor:pointer}.nf-search button svg{width:21px;height:21px}
@media(max-width:700px){.nf-search{margin-inline:auto}}
.nf-pop{padding-top:6px}

/* ---- branded empty states (Nov 2 2026) ---- */
.np-empty-card{border:1px solid var(--line);border-top:4px solid var(--gold);background:linear-gradient(180deg,#fff,#f6f5f1);padding:clamp(26px,5vw,44px) 18px;text-align:center;border-radius:4px}
.np-empty{display:flex;flex-direction:column;align-items:center}
.np-empty-art{width:min(170px,44vw);height:auto;display:block}
.np-empty h2{font:700 clamp(26px,3.6vw,38px)/1.05 var(--f-display);color:var(--pine);margin:14px 0 0}
.np-empty p{max-width:46ch;margin:10px auto 0;color:var(--granite);font-size:15px;text-align:center}
.np-empty-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.np-empty-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:16px 0 0;list-style:none;padding:0}
.np-nores-h h2{font:700 24px/1.2 var(--f-display);margin:18px 0 0;color:var(--pine)}

/* ---- phone polish (Nov 2 2026): menu bar, tap-to-open footer, smaller chat, swipe rows ---- */
.np-tabbar{display:none}
@media (max-width:760px){
 .np-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.08);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
 .np-tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font:700 10.5px/1 var(--f-body);color:var(--granite);text-decoration:none;padding:4px 0;letter-spacing:.02em}
 .np-tabbar svg{width:24px;height:24px}.np-tabbar a.on{color:var(--pine)}
 .np-tb-n{position:absolute;top:0;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:var(--cedar);color:#fff;font:800 11px/18px var(--f-body);font-style:normal;text-align:center;padding:0 4px}
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 .chat-fab{width:56px!important;height:56px!important;right:10px!important;bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:700px){
 .feat{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gut,16px));padding:4px var(--gut,16px) 14px;scrollbar-width:none}
 .feat::-webkit-scrollbar{display:none}.feat>*{scroll-snap-align:start}
 .ft-light .ft{grid-template-columns:minmax(0,1fr)!important;row-gap:0!important}
 .ft>div.ft-acc{border-bottom:1px solid var(--line)}
 .ft>div.ft-acc .fh{display:flex;justify-content:space-between;align-items:center;margin:0!important;padding:15px 0!important;border:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .ft>div.ft-acc .fh::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
 .ft>div.ft-acc.open .fh::after{transform:rotate(-135deg) translate(-2px,-2px)}
 .ft>div.ft-acc>ul,.ft>div.ft-acc>:not(.fh){display:none}
 .ft>div.ft-acc.open>ul,.ft>div.ft-acc.open>:not(.fh){display:grid;padding-bottom:14px}
 .ft li a{display:flex!important;align-items:center;min-height:36px;padding:0}
 .ft ul{gap:4px}
}

/* Justified text for longer paragraphs (owner, Nov 3): guides, delivery, brand "About", policy pages, product descriptions and FAQs.
   Headings, buttons, prices, cards, tables, link lists and the health warning stay left-aligned. Hyphens keep phone lines even. */
.prose p,.prose li,.g-art p,.g-art li,.b-about>p,.dl-wrap section>p,.dl-wrap>p,.dl-faq p,details.faq p,.tabpanel p,.pinfo p.lead,.ship-card .tx p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.prose p.dl-more,.g-art p.g-more,.g-art p.g-shop,.b-about>p.dl-more,.dl-wrap p.dl-more,.b-about>p.sm,.g-warn,p.g-by,.prose .dt-n{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* Owner's notes, Nov 3 (printed phone screenshot): glossy tree buttons, Canadian flag as tall as its two lines, justified footer text, modern "Add App" button */
header .logo svg,.gate .logo svg{background-color:#183b34;background-image:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,0) 50%,rgba(0,0,0,.18) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 4px rgba(0,0,0,.30),0 4px 10px rgba(0,0,0,.30);border-radius:25%!important}
footer .logo svg{background-color:#d7a548;background-image:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 45%,rgba(255,255,255,0) 50%,rgba(90,55,0,.20) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.30),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 4px rgba(80,50,0,.30),0 4px 10px rgba(0,0,0,.35);border-radius:25%!important}
.ft-pc{align-items:center}.ft-pc img{height:3em;width:auto;flex:none;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
footer .logo+p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}

@media (max-width:420px){header .logo .wm{letter-spacing:-.035em}}

/* icon previews */
.ns-tip{position:fixed;z-index:300;left:0;top:0;padding:9px 12px;border-radius:8px;background:#14302a;color:#f3f4f2;font:500 13px/1.4 var(--f-body);box-shadow:0 10px 24px rgba(0,0,0,.28);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;pointer-events:none}
.ns-tip.on{opacity:1;transform:none}.ns-tip::before{content:"";position:absolute;left:var(--ax,50%);width:10px;height:10px;background:inherit;transform:translateX(-50%) rotate(45deg)}
.ns-tip[data-side=below]::before{top:-5px}.ns-tip[data-side=above]::before{bottom:-5px}
#chatFab,[data-app-btn],header .icon-btn{-webkit-touch-callout:none}

/* Health-warning bar (owner, Nov 3): label as a tidy badge with a warning sign, text justified beside it (wording unchanged) */
.warn{font-size:12.5px;line-height:1.5;border-bottom:2px solid #f5d23b}
.warn .wrap{display:flex!important;align-items:center;gap:14px;flex-wrap:nowrap;padding-block:10px}
.warn b{float:none;margin:0;flex:none;display:inline-flex;align-items:center;gap:7px;background:#f5d23b;color:#111;padding:7px 11px 7px 9px;border-radius:5px;font:800 12px/1 var(--f-body);letter-spacing:.09em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.14)}
.warn b::before{content:"";width:15px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 1 23 21H1z' fill='%23111'/%3E%3Cpath d='M12 8v6' stroke='%23f5d23b' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.4' r='1.4' fill='%23f5d23b'/%3E%3C/svg%3E") center/contain no-repeat}
.warn span{flex:1;min-width:0;text-align:justify;text-justify:inter-word;hyphens:none;-webkit-hyphens:none}
@media (max-width:620px){.warn .wrap{align-items:stretch}.warn b{justify-content:center}.warn span{margin-block:-.25em}}
@media (max-width:420px){.warn{font-size:11.5px;line-height:1.45}}
@media (max-width:420px){.warn .wrap{gap:11px}.warn b{flex-direction:column;gap:5px;padding:8px 8px 7px;font-size:10.5px;letter-spacing:.07em;max-width:84px;white-space:normal;text-align:center;line-height:1.15}.warn b::before{width:18px;height:17px}}

/* Bottom strip (owner, Nov 3): one item per line, centred and evenly spaced on phones; small glossy logo button; NATIVE-SMOKES.COM all capitals at one height, .COM in the light weight */
footer .legal .wrap{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:18px;padding-block:18px}
footer .legal .lg-l{display:grid;gap:4px;justify-items:start}
footer .legal .lg-row{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;line-height:1.4}
footer .legal .lg-row i{font-style:normal;opacity:.6}
footer .legal .lg-row a,footer .legal .lg-row .ft-sec{padding:5px 0}
footer .legal .ft-sec{margin-right:0}
footer .legal .mk{gap:10px}
footer .legal .mk svg{box-sizing:border-box;width:32px;height:32px;padding:5px;color:#fff;border-radius:25%!important;background-color:#183b34;background-image:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,0) 50%,rgba(0,0,0,.18) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 4px rgba(0,0,0,.30),0 3px 8px rgba(0,0,0,.30)}
footer .legal .mkw{font:800 15px/1 var(--f-body)!important;letter-spacing:.01em;text-transform:uppercase}
footer .legal .mkw span{font-weight:400!important;font-size:1em!important;letter-spacing:.02em;color:#d29a4a}
@media (max-width:700px){footer .legal .wrap{flex-direction:column;justify-content:center;gap:14px;text-align:center}footer .legal .lg-l{justify-items:center;gap:2px}footer .legal .lg-row{justify-content:center}}

/* Bottom strip, version B (owner to compare, Nov 3): brand first, copyright last. Phones: stacked and centred. Computers: one line. */
footer .legal.lgB .wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px 22px;text-align:left;padding-block:18px}
footer .legal.lgB .lg-copy{margin-left:auto;font-size:11.5px;opacity:.85}
footer .legal.lgB .lg-trust,footer .legal.lgB .lg-links{justify-content:flex-start}
@media (max-width:900px){footer .legal.lgB .wrap{flex-direction:column;justify-content:center;gap:0;text-align:center;padding-block:16px 22px}footer .legal.lgB .mk{margin-bottom:8px}footer .legal.lgB .lg-row{justify-content:center;line-height:1.3}footer .legal.lgB .lg-row a,footer .legal.lgB .lg-row .ft-sec{padding:3px 0}footer .legal.lgB .lg-copy{margin:2px 0 0}}

/* Help & FAQ (Nov 3): search, topic counts, contact ways */
.faq-search{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:0 12px;margin:6px 0 12px}.faq-search svg{width:18px;height:18px;color:var(--granite);flex:none}.faq-search input{flex:1;min-width:0;border:0;outline:0;font:500 15px/1 var(--f-body);padding:13px 0;background:transparent}.faq-search span{font-size:12px;color:var(--granite);white-space:nowrap}
.faq-search:focus-within{border-color:var(--pine);box-shadow:0 0 0 3px rgba(24,59,52,.12)}
.faq-jump .fj-n{display:inline-block;min-width:18px;padding:1px 5px;margin-left:4px;border-radius:9px;background:var(--mist);font-size:11px;text-align:center}
.faq-none{padding:14px;border:1px dashed var(--line);border-radius:8px;text-align:center}
.faq-more{margin-top:26px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.faq-more h2{margin:0 0 6px}.faq-more p{text-align:left!important}
.cw{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cw li{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--birch)}
.cw svg{width:22px;height:22px;color:var(--pine);flex:none;margin-top:1px}.cw div{display:grid;gap:3px;font-size:13.5px}.cw b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--granite)}.cw a{color:var(--pine);font-weight:700;word-break:break-all}.cw-soon{color:var(--granite)}
.cw-chat{justify-self:start;border:0;border-radius:6px;background:var(--pine);color:#fff;font:700 13px/1 var(--f-body);padding:9px 12px;cursor:pointer}

/* Nov 3 retail upgrades: Your usual, post office pickup, address suggestions, delivery steps, phone alerts */
.nu-sec .blk-h{flex-wrap:wrap;gap:10px}.nu-last{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;font-size:11px}.nu-last svg{width:16px;height:16px}
.nu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.nu-card{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;gap:6px 12px;align-items:center;background:var(--paper,#fff);border:1px solid var(--line);padding:10px;min-width:0}
.nu-im img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}.nu-tx{display:grid;gap:3px;min-width:0}.nu-nm{font-weight:700;font-size:14px;line-height:1.25;color:var(--ink);text-decoration:none}.nu-pr{font-size:12.5px;color:var(--granite)}
.nu-add{grid-column:1/-1;padding:11px 12px;font-size:11px;min-height:44px}
@media (max-width:600px){.nu-grid{grid-template-columns:1fr 1fr}.nu-card{grid-template-columns:1fr;justify-items:start}.nu-im img{width:56px;height:56px}.nu-last{width:100%;justify-content:center}}
.ns-pk{border:0;margin:16px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.ns-pk>*{grid-column:1/-1}.ns-pk .pay-opt{margin-top:0}.ns-pk legend{font-weight:600;font-size:13px;margin-bottom:8px;padding:0}.ns-pk .pay-opt b{display:block}
.ac-fld{position:relative}.ac-list{position:absolute;left:0;right:0;top:100%;z-index:30;margin:2px 0 0;padding:4px 0;list-style:none;background:#fff;border:1.5px solid var(--pine);border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.14);max-height:320px;overflow:auto}
.ac-list li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;min-height:44px;justify-content:center;cursor:pointer;font-size:14px}.ac-list li span{font-size:12.5px;color:var(--granite)}
.ac-list li[aria-selected="true"],.ac-list li[data-i]:hover{background:var(--mist)}.ac-list .ac-src{min-height:0;padding:6px 12px 4px;font-size:11px;color:var(--granite);cursor:default;border-top:1px solid var(--line)}
.nt-box{border:1px solid var(--line);background:#fff;padding:14px 16px;margin:0 0 14px}.nt-box h3{margin:0 0 10px;font-size:16px}
.nt{list-style:none;margin:0;padding:0}.nt li{position:relative;padding:0 0 14px 28px;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--granite)}
.nt li:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;border:2px solid #c3cdc6;background:#fff;box-sizing:border-box}.nt li:after{content:"";position:absolute;left:7px;top:19px;bottom:1px;width:2px;background:var(--line)}.nt li:last-child:after{display:none}
.nt li.on{color:var(--ink)}.nt li.on:before{background:var(--pine);border-color:var(--pine)}.nt li.on:after{background:var(--pine)}.nt li.held:before{background:var(--gold,#d7a548);border-color:var(--gold,#d7a548)}.nt li span{font-size:12.5px;color:var(--granite)}
.nt-ev{font-size:13px}.nt-ev summary{cursor:pointer;font-weight:600;color:var(--pine);min-height:32px}.nt-ev div{display:flex;flex-direction:column;padding:6px 0;border-top:1px solid var(--line)}.nt-ev span{font-size:12px;color:var(--granite)}
.nu-push .btn{margin-top:4px}

/* forgiving search notes */
.sg-fix{padding:10px 14px 2px;font-size:12.5px;color:var(--granite)}.sg-fix b{color:var(--pine)}.sr-fix{margin:0 0 4px;font-size:13.5px;color:var(--granite)}.sr-fix b{color:var(--pine)}

/* Accessibility (Nov 4): footer headings open with a real button; sampler product links and the bottom-strip links get room for a finger */
.ft .fh-b{all:unset;flex:1;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.ft .fh-b:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
@media (min-width:701px){.ft .fh-b{cursor:default}}
.np-smp-b ul a{display:inline-block;padding:2px 0}
footer .legal .lg-row{row-gap:6px}
footer .legal .lg-row a{display:inline-flex;align-items:center;min-height:24px}

/* Product page (Nov 4): savings under each volume price, and the fewest cartons that ship free */
.voltab em{display:block;font:600 10.5px/1.2 var(--f-body);font-style:normal;color:#1f6b3a;margin-top:2px}
.vfree{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;background:#eef5ef;border:1px solid #cfe3d3;font-size:13px;line-height:1.35;color:var(--pine)}
.vfree svg{width:20px;height:20px;flex:none}

/* Nov 4 (from Nicotine-Pouches): Add + remind me, Helpful guides, cigarette finder, Top 10 */
.remb{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;margin-top:8px;width:100%}
.remb svg{width:18px;height:18px}
.hguides{margin:28px 0}.hguides h2{margin:0 0 12px}
.hguides-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.hguides-g a{display:block;padding:14px 16px;border:1px solid var(--line);background:#fff;color:inherit;text-decoration:none}
.hguides-g a:hover{border-color:var(--pine)}.hguides-g b{display:block;margin-bottom:4px;color:var(--pine)}.hguides-g span{font-size:13.5px;color:var(--granite)}
.ns-fd{max-width:820px;margin:10px auto 40px}.ns-fd h2{margin:12px 0 16px}
.ns-fd-st{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--granite)}.ns-fd-st i{width:28px;height:5px;background:var(--line)}.ns-fd-st i.on{background:var(--cedar)}.ns-fd-st span{margin-left:8px}
.ns-fd-a{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ns-fd-a button{padding:18px 16px;border:1.5px solid var(--line);background:#fff;font:700 16px/1.3 var(--f-body);color:var(--ink);cursor:pointer;text-align:left}
.ns-fd-a button:hover,.ns-fd-a button:focus-visible{border-color:var(--pine);background:#f3f6f4}
.ns-fd-back{margin-top:14px;background:none;border:0;color:var(--granite);font:600 14px var(--f-body);cursor:pointer;padding:6px 0}
.ns-fd-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ns-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:10px auto 40px}
.ns-top-l h2{margin:0 0 10px}.ns-top-l ol{list-style:none;margin:0;padding:0}
.ns-top-l li{display:grid;grid-template-columns:28px 56px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.ns-top-l .rk{font:700 18px/1 var(--f-display);color:var(--cedar);text-align:center}.ns-top-l img{width:56px;height:42px;object-fit:contain}
.g-note{margin:18px 0;padding:14px 16px;background:#fff7e0;border-left:4px solid #e0a800;line-height:1.5}
.ns-top-l .nm{color:inherit;text-decoration:none;font-weight:700;line-height:1.3}.ns-top-l .nm small{display:block;font-weight:400;color:var(--granite);font-size:12.5px}
/* Nov 6 2026 logo: MADE BY US ······ SOLD BY US, COM reads upward, glossy pine tile everywhere */
.logo .lt .tg{display:flex;align-items:center;justify-content:space-between;text-align:left;text-align-last:auto;letter-spacing:.2em;margin-left:0;width:100%}
.logo .lt .tg .tgw{flex:none;margin-right:-.2em}
.logo .lt .tg b{font-weight:inherit;color:var(--cedar)}
.logo .lt .tg .tgd{flex:1;display:flex;justify-content:space-between;align-items:center;margin:0 1.1em;min-width:2.6em}
.logo .lt .tg .tgd i{display:block;width:.34em;height:.34em;border-radius:50%;background:currentColor}
.ft .logo .lt .tg b,.gate .gate-card .logo .lt .tg b,.iv-logo .lt .tg b,.ft-light .ft .logo .lt .tg b{color:#d7a548}
.logo .dc{transform:rotate(180deg);font-weight:600;letter-spacing:.12em}
.logo .lt .tg{width:0;min-width:100%;overflow:visible}
@media (max-width:400px){.hdr .logo .lt .tg{display:none}}
@media (max-width:620px){.logo .lt .tg{letter-spacing:.1em}.logo .lt .tg .tgw{margin-right:-.1em}.logo .lt .tg .tgd{margin:0 .7em;min-width:2em}}
.ft .logo > svg,.gate .gate-card .logo > svg,.iv-logo > svg,footer .logo svg{background-color:#183b34;color:#f3f4f2;background-image:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,0) 50%,rgba(0,0,0,.18) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 4px rgba(0,0,0,.30),0 4px 10px rgba(0,0,0,.35);border-radius:25%!important}
.ft .logo .dc,.ft-light .ft .logo .dc,.gate .gate-card .logo .dc,.iv-logo .dc{color:#d7a548}
.pq-tg{display:flex;align-items:center;justify-content:space-between;text-align:left;text-align-last:auto;letter-spacing:.2em}
.pq-tg .tgw{flex:none;margin-right:-.2em}.pq-tg b{font-weight:inherit;color:#d7a548}
.pq-tg .tgd{flex:1;display:flex;justify-content:space-between;align-items:center;margin:0 1.1em;min-width:2.6em}.pq-tg .tgd i{display:block;width:.3em;height:.3em;border-radius:50%;background:currentColor}
.pq-dc{transform:rotate(180deg);font-weight:600;letter-spacing:.12em;color:#d7a548}
.nf-in{grid-template-columns:minmax(0,420px) minmax(0,1fr)}
.nf-pic{display:flex;align-items:center;justify-content:center;min-height:540px}
.nf-pack{height:460px;width:auto;max-width:none;transform:rotate(22.5deg);filter:drop-shadow(14px 22px 18px rgba(22,27,25,.28))}
@media (max-width:700px){.nf-in{grid-template-columns:minmax(0,1fr)}.nf-pic{min-height:330px}.nf-pack{height:270px}}
.g-sc{display:inline-flex;gap:2px;vertical-align:middle;margin-right:8px}.g-sc i{width:10px;height:8px;background:var(--line)}.g-sc i.on{background:var(--pine)}
.g-topics{display:flex;flex-wrap:wrap;gap:8px}
.g-topics a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--pine);color:var(--pine);text-decoration:none;font-weight:600;font-size:14px;background:#fff}
.g-topics a:hover{background:#f3f6f4}
.g-topics small{font-size:12px;color:var(--granite);font-weight:600}
.g-sec{display:grid;gap:14px;scroll-margin-top:140px}
.g-sec h2{margin:6px 0 0}
.g-rel{display:grid;gap:14px;margin-top:18px;padding-top:22px;border-top:1px solid var(--line)}
.g-rel h2{margin:0}
.g-rel .g-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.g-all{margin:0}.g-all a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--pine)}
.g-fig{margin:10px 0 6px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--pine);padding:0 clamp(12px,3vw,22px) clamp(10px,2vw,16px)}.g-fig svg{width:100%;height:auto;display:block}
.gfx-slot{min-height:220px}
/* Nov 7: phones get their own stacked layout of each illustration */
.g-fig .gfm{display:none}
@media (max-width:560px){.g-fig.has-m .gfd{display:none}.g-fig.has-m .gfm{display:block}.g-fig{padding-left:12px;padding-right:12px}}
/* Nov 7: branded illustrations outside the guides */
.sec-fig,.rw-fig{max-width:820px;margin:22px auto 6px}.cart-fig{max-width:820px;margin:28px auto}.sub-w .g-fig,.dl-wrap>.g-fig,.dl-wrap .g-fig{max-width:820px}.sub-w{margin-top:28px}.g-fig text{font-family:var(--f-body)}.g-fig figcaption{font-size:13.5px;line-height:1.5;color:var(--granite);margin-top:12px;padding-top:10px;border-top:1px solid var(--mist)}
.g-fig figcaption .g-cy{white-space:nowrap;color:#8a918c;font-size:12px}
/* Taste profiles (Nov 7, 2026) */
.tp{margin-block:28px 8px;display:grid;gap:16px}
.tp-hd{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;justify-content:space-between}
.tp-hd h2{margin:0}.tp-hd a{font-weight:600;font-size:14px;color:var(--pine)}
.tp-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:stretch}
.tp-chip2{background:var(--birch);color:var(--pine);border:1px solid var(--line)}
.tp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tp-t{background:#fff;border:1px solid var(--line);padding:16px;display:grid;gap:8px;align-content:start}
.tp-t b{font:700 11px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--granite)}
.tp-t>span:last-child{font-size:14px;color:var(--ink);line-height:1.4}
.tp-m{display:inline-flex;gap:4px}.tp-m i{width:22px;height:10px;background:var(--line)}.tp-m i.on{background:var(--pine)}
.tp-d{display:flex;flex-wrap:wrap;gap:4px}.tp-d em{font-style:normal;font-size:12px;font-weight:600;padding:4px 8px;background:var(--birch);color:var(--granite);border:1px solid var(--line)}.tp-d em.on{background:var(--pine);color:#fff;border-color:var(--pine)}
.tp-v{display:block;height:10px;background:var(--line)}.tp-v i{display:block;height:100%;background:#4f86b8}
.tp-chip{justify-self:start;font-size:13px;font-weight:700;padding:4px 10px;background:var(--pine);color:#fff}
.tp-rows{margin:0;background:#fff;border:1px solid var(--line);padding:4px 18px;display:grid;align-content:space-evenly}
.tp-rows div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid var(--mist)}.tp-rows div:last-child{border-bottom:0}
.tp-rows dt{font-weight:700;font-size:14px}.tp-rows dd{margin:0;font-size:14px}.tp-rows dd a{color:var(--ink)}
.tp-suit,.tp-note{margin:0;font-size:15.5px;line-height:1.55;background:#f1f5f1;border:1px solid var(--line);padding:14px 16px}.tp-suit b,.tp-note b{color:var(--pine);margin-right:6px}
.tp-try{display:grid;gap:10px}.tp-try>b{font-size:15px}
.tp-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.tp-a{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:8px 12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;line-height:1.3}
.tp-a:hover{border-color:var(--pine)}.tp-a img{width:56px;height:42px;object-fit:contain;flex:none}.tp-a small{display:block;font-weight:500;font-size:12px;color:var(--granite)}
.tp-by{margin:0;font-size:12.5px;color:var(--granite)}
.br{display:grid;gap:12px;margin:8px 0 18px}.br h3{margin:0}
.br-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.br-c{background:#fff;border:1px solid var(--line);padding:14px;display:grid;gap:8px;align-content:start}
.br-h{display:grid;gap:6px;margin-bottom:4px}.br-h b{font-size:14px}.br-c a{font-size:14px;color:var(--pine)}.br-0{font-size:13px;color:var(--granite)}
.br-o{font-size:14px}.br-o a{color:var(--pine)}.br-o small{color:var(--granite)}
@media (max-width:620px){.br-s{grid-template-columns:minmax(0,1fr)}.tp-rows div{grid-template-columns:96px 1fr}.tp-tiles{grid-template-columns:minmax(0,1fr)}.tp-t{grid-template-columns:minmax(0,1fr)}}
.gl-jump{display:flex;flex-wrap:wrap;gap:6px}.gl-jump a{min-width:36px;text-align:center;padding:7px 8px;border:1.5px solid var(--pine);color:var(--pine);font-weight:700;text-decoration:none;background:#fff}
.gl{margin:6px 0 0;display:grid}.gl div{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:6px 18px;padding:12px 0;border-bottom:1px solid var(--line);scroll-margin-top:140px}.gl dt{font-weight:700}.gl dd{margin:0}
@media (max-width:620px){.gl div{grid-template-columns:minmax(0,1fr)}}
.sub-date{flex-basis:100%;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;border-top:1px dashed var(--line);padding-top:12px;margin-top:2px}.sub-date[hidden]{display:none}.sub-date input{border:1px solid var(--line);padding:9px 12px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}.sub-date .sub-inv{grid-column:1/-1;margin:0;font-size:13px;color:var(--granite)}@media(max-width:560px){.sub-date{grid-template-columns:1fr}.sub-date input{width:100%}}
/* Nov 7: shop by taste, quick view, build your own sampler, finder notes, coming soon notify */
.f-taste{display:grid;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.f-taste:not(:has(fieldset)){display:none}.f-th{font:700 15px/1.2 var(--f-display);color:var(--pine);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.f-th a{font:600 12px/1 var(--f-body);color:var(--cedar)}
.card{position:relative}.qv-t{position:absolute;top:8px;right:8px;z-index:2;background:rgba(255,255,255,.94);border:1px solid var(--line);color:var(--pine);font:700 10px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:7px 9px;cursor:pointer}.qv-t:hover,.qv-t:focus-visible{background:var(--pine);color:#fff;border-color:var(--pine)}
@media(hover:hover){.qv-t{opacity:0;transition:opacity .15s}.card:hover .qv-t,.qv-t:focus-visible{opacity:1}}
body.qv-on{overflow:hidden}.qv{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px}.qv-bg{position:absolute;inset:0;background:rgba(22,27,25,.62)}
.qv-box{position:relative;background:var(--paper);width:min(880px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;grid-template-columns:1fr 1.1fr;box-shadow:0 20px 60px rgba(0,0,0,.35);outline:none}
.qv-x{position:absolute;top:8px;right:8px;z-index:1;width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);cursor:pointer;color:var(--ink)}.qv-x svg{width:14px;height:14px}
.qv-im{background:var(--birch);display:grid;place-items:center;padding:20px}.qv-im img{width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
.qv-b{padding:26px 26px 22px;display:grid;gap:12px;align-content:start}.qv-k{font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--cedar)}.qv-b h2{margin:0;font-size:26px;padding-right:36px}
.qv-pr{margin:0;color:var(--granite);font-size:14px}.qv-pr b{font-size:22px;color:var(--ink);margin-right:4px}
.qv-tp{border:1px solid var(--line);padding:12px 14px}.qv-l{display:block;font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pine);margin-bottom:8px}
.qv-tp dl{margin:0;display:grid}.qv-tp dl>div{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--mist);font-size:14px}.qv-tp dl>div:first-child{border-top:0}.qv-tp dt{color:var(--granite)}.qv-tp dd{margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.qv-s{margin:10px 0 0;font-size:13.5px;color:var(--granite)}.qv-s b{color:var(--ink)}.qv-a{display:flex;flex-wrap:wrap;gap:10px}.qv-a .btn{flex:1 1 200px;white-space:nowrap;letter-spacing:.08em;padding-inline:12px}.qv-out{margin:0}.qv-more{font-size:14px;font-weight:700;color:var(--cedar)}
@media(max-width:720px){.qv{padding:0;align-items:end}.qv-box{grid-template-columns:1fr;max-height:92vh}.qv-im{padding:10px 40px}.qv-im img{max-height:30vh}.qv-b{padding:18px 16px 20px}.qv-b h2{font-size:22px}.qv-tp dl>div{grid-template-columns:120px 1fr}}
.fd-why{font-size:12.5px;font-weight:700;color:var(--pine);margin-top:2px}
.byo-w{padding-block:12px 40px}.byo-i{margin:-6px 0 18px;color:var(--granite);max-width:760px}
.byo-tray{position:sticky;top:var(--byo-top,8px);z-index:5;background:var(--paper);border:2px solid var(--pine);padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px 18px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.byo-slots{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.byo-s{position:relative;border:1.5px dashed var(--line);background:var(--birch);min-height:92px;display:grid;place-items:center;padding:6px;font:inherit;color:var(--granite)}
.byo-s em{font-style:normal;font:700 18px/1 var(--f-display);opacity:.5}.byo-s.on{border:1.5px solid var(--pine);background:#fff;cursor:pointer;gap:2px}.byo-s img{width:100%;max-width:90px;aspect-ratio:4/3;object-fit:contain}.byo-s span{font-size:11px;line-height:1.2;text-align:center;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.byo-s i{position:absolute;top:2px;right:6px;font-style:normal;font-weight:700;color:var(--bad)}
.byo-sum{display:grid;gap:2px}.byo-sum b{font:700 18px/1.2 var(--f-display);color:var(--pine)}.byo-sum span{font-size:13px;color:var(--granite)}.byo-act{display:flex;gap:12px;align-items:center}.byo-act .btn[disabled]{opacity:.55;cursor:not-allowed}.byo-act .lnk{background:none;border:0;color:var(--cedar);font-weight:700;cursor:pointer;text-decoration:underline}
.byo-pills{margin:16px 0 8px}.byo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:0 22px}
.byo-list li{display:grid;grid-template-columns:64px 1fr auto 44px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.byo-list img{width:64px;aspect-ratio:4/3;object-fit:contain}.byo-list a{font-weight:700;text-decoration:none;color:var(--ink);font-size:14px}.byo-list small{display:block;font-size:12px;color:var(--granite);margin-top:2px}.byo-list b{font-size:14px}
.byo-p{width:44px;height:44px;border:1.5px solid var(--pine);background:#fff;color:var(--pine);font:700 22px/1 var(--f-body);cursor:pointer;display:grid;place-items:center}.byo-p:hover{background:var(--pine);color:#fff}.byo-p.on{background:var(--pine);color:#fff}.byo-p i{font-style:normal;font-size:16px}.byo-p[disabled]{opacity:.4;cursor:not-allowed}
@media(max-width:640px){.byo-tray{grid-template-columns:1fr;padding:10px;position:static}.byo-slots{gap:5px}.byo-s{min-height:70px;padding:4px}.byo-s span{display:none}.byo-act{flex-wrap:wrap}.byo-act .btn{flex:1}.byo-list{grid-template-columns:1fr}.byo-list li{grid-template-columns:52px 1fr auto 44px;gap:10px}.byo-list img{width:52px}}
.cs-ntf{margin-top:2px;justify-self:start;background:none;border:1.5px solid var(--pine);color:var(--pine);font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;cursor:pointer}.cs-ntf:hover{background:var(--pine);color:#fff}
.cs-nf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:2px}.cs-nf input{flex:1 1 100%;min-width:0;border:1px solid var(--line);padding:9px 10px;font:inherit;font-size:16px}.cs-nf .btn{padding:10px 14px}.cs-nm{flex-basis:100%;font-size:13px;color:var(--bad)}.cs-nm:empty{display:none}.cs-ok{margin:2px 0 0;font-size:13px;color:var(--ok);font-weight:600}
.cs-list.cs-ntl{columns:auto;list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 22px;line-height:1.4}.cs-ntl li{display:grid;gap:6px;border-bottom:1px solid var(--line);padding:8px 0 12px}.cs-ntl li>span{font-weight:700}
.cl{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--cedar);padding:24px 26px;margin:6px 0 30px}.cl h2{margin:0 0 14px}.cl-in{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start}.cl p{text-align:left}.cl-tx p{margin:0 0 12px;line-height:1.65}.cl-f{margin:0;display:grid;border:1px solid var(--line);background:var(--birch)}.cl-f>div{padding:10px 14px;border-top:1px solid var(--line)}.cl-f>div:first-child{border-top:0}.cl-f dt{font:700 10.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cedar);margin-bottom:5px}.cl-f dd{margin:0;font-size:14.5px;font-weight:600}
.cl-src{font-size:13px;color:var(--granite);margin:16px 0 6px}.cl-src a{color:var(--pine)}.cl-by{font-size:13px;color:var(--granite);margin:0}.cl-by a{color:var(--cedar);font-weight:700}@media(max-width:760px){.cl{padding:18px 16px}.cl-in{grid-template-columns:1fr;gap:16px}}
.sup-h{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--pine);padding:14px 18px;margin:0 0 18px}.sup-h div{display:grid;gap:2px}.sup-h b{font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--cedar)}.sup-h span{font-weight:700;font-size:16px}.sup-h small{font-size:13px;color:var(--granite)}.sup-h em{font-style:normal;font-weight:700;font-size:13px;padding:6px 10px;background:var(--mist);color:var(--granite)}.sup-h em.on{background:#e3f0e7;color:var(--ok)}
/* Nov 7: card quantity, offers bar, shop menu */
.cq{display:grid;gap:7px;margin-top:10px}.cq-o{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.cq-o button{background:#fff;border:0;padding:7px 4px;font:700 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--granite);cursor:pointer}.cq-o button+button{border-left:1px solid var(--line)}.cq-o button.on{background:var(--pine);color:#fff}
.cq-n{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.cq-n button{border:1px solid var(--line);background:#fff;padding:8px 0;font:700 14px/1 var(--f-body);font-variant-numeric:tabular-nums;color:var(--ink);cursor:pointer;min-height:36px}.cq-n button:hover{border-color:var(--pine)}.cq-n button.on{border-color:var(--pine);box-shadow:inset 0 0 0 1px var(--pine);color:var(--pine);background:#eef4f1}
.cq-s{margin:0;font-size:12px;color:var(--granite);min-height:16px;line-height:1.35}.cq-s b{color:var(--ink)}.cq-s em{font-style:normal;color:var(--ok);font-weight:700}.card .cq+.btn{margin-top:8px;white-space:nowrap;letter-spacing:.08em;padding-inline:6px}.offers a{white-space:nowrap}
.offers{background:var(--birch);border-bottom:1px solid var(--line)}.offers ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:10px}.offers li{flex:1 1 0;text-align:center}.offers li+li{border-left:1px solid var(--line)}.offers a{display:inline-flex;align-items:center;gap:8px;padding:9px 6px;text-decoration:none;color:var(--pine);font:600 12px/1.2 var(--f-body);letter-spacing:.02em}.offers a:hover{color:var(--cedar);text-decoration:underline}.offers .ic{width:16px;height:16px;flex:none;color:var(--cedar)}
@media(max-width:899px){.offers li{display:none;border:0!important}.offers li.on{display:block}.offers.rot li.on{animation:ofIn .4s ease}.offers a{padding:8px 4px}@keyframes ofIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}}
.mm{position:absolute;left:0;right:0;z-index:45;background:var(--paper);border-bottom:3px solid var(--pine);box-shadow:0 18px 40px rgba(0,0,0,.16)}header.top{position:sticky}.mm[hidden]{display:none}
.mm-in{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:30px;padding-block:24px 26px;max-height:calc(100vh - 190px);overflow:auto}.mm h2{font:700 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--cedar);margin:0 0 12px}.mm h3{font:600 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--granite);margin:12px 0 8px}.mm-t:first-of-type h3{margin-top:0}
.mm-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px}.mm-b{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);padding:4px;border-radius:2px}.mm-b:hover{background:var(--birch)}.mm-l{width:44px;height:30px;flex:none;display:grid;place-items:center;border-radius:2px;overflow:hidden}.mm-l img{width:100%;height:100%;object-fit:contain;padding:3px}.mm-l i{font:700 12px/1 var(--f-display);color:#fff;font-style:normal}.mm-b span{font-weight:700;font-size:13.5px;line-height:1.2}.mm-b small,.mm section>a small{display:block;font-weight:400;font-size:11.5px;color:var(--granite)}
.mm section>a{display:block;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;padding:7px 0;border-bottom:1px solid var(--mist)}.mm section>a:hover{color:var(--cedar)}.mm-all{margin:14px 0 0;display:flex;gap:18px;font-size:13px}.mm-all a{color:var(--cedar);font-weight:700}.mm-help{background:var(--birch);margin:-8px -10px;padding:8px 14px}
.hseo-in{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;background:var(--paper);border:1px solid var(--line);padding:28px 30px}.hseo h2{margin:0 0 12px}.hseo p{line-height:1.65;margin:0 0 12px;text-align:left}.hseo-l{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px!important}.hseo-l a{color:var(--cedar);font-weight:700;font-size:14px}.hseo .dl-faq{margin:0}.hseo .dl-faq h2{font-size:20px}@media(max-width:820px){.hseo-in{grid-template-columns:1fr;padding:20px 16px;gap:18px}}

/* Nov 9: product gallery always shows the big photo on top with thumbnails in rows below; studio renders on the homepage and brand pages */
.pdp2 .gal.few .thumbs>:nth-child(5){grid-area:3/1}.pdp2 .gal.few .thumbs>:nth-child(6){grid-area:3/2}.pdp2 .gal.few .thumbs>:nth-child(7){grid-area:3/3}.pdp2 .gal.few .thumbs>:nth-child(8){grid-area:3/4}
.pdp2 .gal.few .main-img{padding:8px 44px}
.feat .stage.r{background:#fff}
.brand-hero.pic{grid-template-columns:260px minmax(0,1fr) minmax(0,340px)}
.brand-hero .bh-pic{display:block;background:#fff;border:1px solid var(--line);border-radius:2px}
.brand-hero .bh-pic img{width:100%;height:auto;display:block}
@media (max-width:1080px){.brand-hero.pic{grid-template-columns:200px minmax(0,1fr) minmax(0,260px)}}
@media (max-width:860px){.brand-hero.pic{grid-template-columns:minmax(0,1fr)}.brand-hero .bh-pic{max-width:420px}}
/* Nov 9 (owner's printout): Taste profile moves up beside the buy box, under the photos and the four icons, so both
   columns end together. Extra height from the tall buy box goes to the last row, not between the photos and the icons. */
.pdp2 .pdp{grid-template-rows:auto 1fr}
.pdp2 .pdp>.buy{grid-row:1/3}
.pdp2 .pdp>.tp-side{grid-column:1/3;grid-row:2;margin:0;align-self:start}
.tp-side .tp-in{grid-template-columns:minmax(0,1fr);gap:12px}
.tp-side .tp-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.tp-side .tp-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:4px 18px}
.tp-side .tp-rows div{grid-template-columns:92px 1fr;border-bottom:0}
.tp-side .tp-rows div:nth-child(-n+2){border-bottom:1px solid var(--mist)}
.tp-side .tp-tl{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.tp-side .tp-a{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 8px}
.tp-side .tp-a img{width:96px;height:72px}
@media (max-width:1080px){.pdp2 .pdp{grid-template-rows:none}.pdp2 .pdp>.buy{grid-row:auto}.pdp2 .pdp>.tp-side{grid-column:1/-1;grid-row:auto;order:5}}
@media (max-width:620px){.tp-side .tp-tiles{grid-template-columns:minmax(0,1fr)}.tp-side .tp-rows{grid-template-columns:minmax(0,1fr)}.tp-side .tp-rows div{border-bottom:1px solid var(--mist)}.tp-side .tp-rows div:last-child{border-bottom:0}
 .tp-side .tp-tl{grid-template-columns:minmax(0,1fr)}.tp-side .tp-a{flex-direction:row;text-align:left;padding:8px 12px}.tp-side .tp-a img{width:64px;height:48px}}
/* Nov 9 (owner's printout 3): six trust points in one row (the four product icons merged in, duplicates removed),
   a thinner Description panel, a sampler beside About the brand, even 24px gaps and tighter Helpful guides. */
.trust4.six{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:24px}
.trust4.six>div{gap:12px;padding:16px 10px;justify-content:flex-start}
.trust4.six svg{width:30px;height:30px}
.trust4.six b{font-size:13.5px}.trust4.six span{font-size:12px;line-height:1.35;display:block}
@media (max-width:1180px){.trust4.six{grid-template-columns:repeat(3,minmax(0,1fr))}.trust4.six>div:nth-child(4){border-left:0}.trust4.six>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:860px){.trust4.six{grid-template-columns:repeat(2,minmax(0,1fr))}.trust4.six>div{border-left:0;border-top:1px solid var(--line)}.trust4.six>div:nth-child(-n+2){border-top:0}.trust4.six>div:nth-child(even){border-left:1px solid var(--line);padding-left:14px}}
.pdp2 .pdp{padding-block:26px 24px}
.pdp2 .pdp-low{align-items:stretch}
.pdp2 .pdp-low .tabpanel{padding-block:18px}
.pdp2 table.spec th,.pdp2 table.spec td{padding-block:5px}
.pdp2 .pdp-low .tabpanel p{margin:0 0 8px}
.pdp2 .about-brand{margin-top:24px;grid-template-columns:220px minmax(0,1fr) minmax(0,340px)}
.pdp2 .hguides{margin:24px 0}
.pdp2 .hguides h2{margin:0 0 10px}
.pdp2 .hguides-g a{padding:12px 14px}
.pdp2 .hguides-g span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.ab-smp{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px 14px}
.ab-smp-im{position:relative;height:96px}
.ab-smp-im img{position:absolute;bottom:0;left:calc(var(--i)*24px);height:92px;width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.ab-smp-im.ct img{height:auto;width:110px;left:calc(var(--i)*9px);bottom:calc(var(--i)*8px)}
.ab-smp-b{display:grid;gap:3px}.ab-smp-b small{font:700 10.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--granite)}
.ab-smp-b b{font:700 16px/1.25 var(--f-display);color:var(--pine)}.ab-smp-b span{font-size:13px;color:#3f4744}
.ab-smp-a{display:flex;gap:12px;align-items:center;margin-top:6px}.ab-smp-a .btn{padding:9px 12px;font-size:10.5px}.ab-smp-a a{font-size:13px;font-weight:600;color:var(--pine)}
@media (max-width:1080px){.pdp2 .about-brand{grid-template-columns:180px minmax(0,1fr)}.pdp2 .about-brand .ab-smp{grid-column:1/-1}}
@media (max-width:700px){.pdp2 .about-brand{grid-template-columns:minmax(0,1fr)}}
/* Nov 9: a wider buy column wraps less, and the chat box puts its button underneath, so the buy box ends with the taste profile */
@media (min-width:1081px){.pdp2 .pdp{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) 330px}}
.pdp2 .chat-cta{display:none;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;padding:12px 14px}
html.has-chat .pdp2 .chat-cta{display:grid}
.pdp2 .chat-cta .btn{grid-column:1/-1;justify-self:stretch;padding:10px}
.pdp2 .chat-cta b{display:block}
.pdp2 .pdp>.ab-side{grid-column:1/3;grid-row:3;margin:0;align-self:start;grid-template-columns:150px minmax(0,1fr) minmax(0,300px);gap:18px;padding:16px}
.pdp2 .pdp>.ab-side .ab-logo{min-height:0}
.pdp2 .pdp{grid-template-rows:auto auto 1fr}
.pdp2 .pdp>.buy{grid-row:1/4}
@media (max-width:1080px){.pdp2 .pdp>.ab-side{grid-column:1/-1;grid-row:auto;order:6;grid-template-columns:150px minmax(0,1fr)}.pdp2 .pdp>.ab-side .ab-smp{grid-column:1/-1}}
@media (max-width:700px){.pdp2 .pdp>.ab-side{grid-template-columns:minmax(0,1fr)}}
.pdp2 .also{padding-top:0}
.pdp2 .also h2{font-size:clamp(22px,2vw,26px);margin:0 0 12px}
.ab-side .ab-smp{grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 12px}
.ab-side .ab-smp-im{height:84px}.ab-side .ab-smp-im img{height:80px;left:calc(var(--i)*18px)}
.ab-smp-a{flex-wrap:wrap;gap:6px 12px}.ab-smp-a .btn{white-space:nowrap}.ab-smp-a a{white-space:nowrap}
/* Nov 9: the picture beside the Description shows the product itself on the lake photo (rendered products) */
.side-art.prod{align-items:flex-start}
.side-art.prod p{align-self:flex-start;font-size:19px;padding:22px 16px 0}
.side-art img.sa-pk{position:absolute;inset:auto;left:50%;bottom:6%;width:74%;height:auto;max-height:66%;object-fit:contain;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.4))}
.side-art.prod::after{background:linear-gradient(180deg,rgba(8,18,16,.55),rgba(8,18,16,.1) 45%,rgba(8,18,16,.25))}
/* Nov 9: single standing pack on the suggestion cards; lifestyle picture fills the side panel */
.tp-a img.pk1{width:auto;height:84px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}
@media (max-width:620px){.tp-side .tp-a img.pk1{height:56px;width:auto}}
.side-art.prod::after{background:linear-gradient(180deg,rgba(8,18,16,.55),rgba(8,18,16,0) 38%)}
/* Nov 9: angled open packs on the suggestion cards; short label and name sit at the bottom of every card */
.tp-side .tp-a{justify-content:flex-start;gap:8px;padding:12px 8px 12px}
.tp-side .tp-a img.pk1{height:104px}
.tp-side .tp-a>span{margin-top:auto;display:grid;gap:2px;font-size:13.5px;line-height:1.25}
.tp-side .tp-a small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--granite)}
@media (max-width:620px){.tp-side .tp-a{gap:12px;padding:8px 12px}.tp-side .tp-a img.pk1{height:64px}.tp-side .tp-a>span{margin-top:0}}
/* Nov 9: bigger pack on the suggestion cards */
.tp-side .tp-a{padding:8px 6px 12px;gap:6px}
.tp-side .tp-a img.pk1{height:150px;max-width:100%;object-fit:contain}
@media (max-width:1180px){.tp-side .tp-a img.pk1{height:124px}}
/* Nov 9: open packs in You may also like */
.mcard.opk .im{background:#fff;padding:10px 6px 4px;display:flex;justify-content:center;align-items:flex-end}
.mcard.opk .im img{width:auto;height:100%;mix-blend-mode:normal;filter:drop-shadow(0 4px 5px rgba(0,0,0,.18))}
/* Nov 9: smaller Live Chat button on computers so it doesn't cover the buy box prices */
@media (min-width:1081px){.chat-fab{width:62px;height:62px;right:12px;bottom:14px}.scan-fab{right:23px;bottom:88px}.chat-tip{bottom:88px}.scan-pop{right:86px;bottom:14px}}
@media (max-width:1080px){.pdp2 .pdp>.buy{grid-row:auto}}
@media (max-width:860px){.pdp2 .side-art.prod{height:auto;min-height:0;aspect-ratio:4/5;max-width:480px;width:100%;justify-self:center}}
@media (min-width:1081px){.tp-side .tp-a img.pk1{height:128px}.pdp2 .tp-side{gap:12px}.pdp2 .pdp>.ab-side{padding:12px 16px}}
/* Postal-code price bar and area-price rules (Nov 9) */
.summary .btn.is-off{opacity:.45;pointer-events:none}
.zl .buy .voltab,.zl .buy .savings,.zl .buy .vfree,.zl .buy .bulk+.savings,.zl .wl-hint,.zl .wl-modal,.zl .np-smp-f span{display:none!important}
.zmin{background:#fff4e5!important;border-color:#f0c48a!important}
.zl .buy .volnext,.zl .buy .mixm,.zl .ns-promo,.zl .np-sub{display:none!important}
/* Age gate: keeping kids safe (Nov 9) */
.gate-kids{text-align:left;display:flex;gap:12px;align-items:flex-start;background:#eef6f1;border:1px solid #bcd8c6;border-left:4px solid var(--pine);padding:12px 14px;font-size:13px;line-height:1.45;color:var(--ink)}
.gate-kids svg{width:26px;height:26px;flex:none;color:var(--pine);margin-top:1px}
.gate-kids p{margin:0}.gate-kids b{display:block;font-size:13.5px;color:var(--pine);margin-bottom:2px}
/* Age gate paragraphs: justified both sides (owner, Nov 9) */
.gate-kids p,.gate .remember span{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.gate-kids b,.gate .remember b{text-align:left}
@media (max-width:520px){.gate-kids svg{display:none}.gate-kids{border-left-width:4px}}

/* Pay now: copy buttons and "Pick your bank" (Nov 9) */
.iv-cp{margin-top:6px;border:1px solid var(--pine);background:#fff;color:var(--pine);font:700 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;cursor:pointer}.iv-cp:hover{background:var(--pine);color:#fff}
.iv-bank{border-top:1px solid #dfe3df;padding:14px 16px 16px}
.iv-bank-h>b{display:block;font:700 15px/1.3 var(--f-display);color:var(--pine)}.iv-bank-h span{display:block;font-size:12.5px;color:#4d5651;margin-top:3px}
.iv-bank-g{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.iv-bank-g a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #cdd3ce;background:#fff;color:var(--ink);font-weight:600;font-size:13px;text-decoration:none;line-height:1.2}
.iv-bank-g a:hover,.iv-bank-g a:focus-visible{border-color:var(--pine);background:var(--mist)}
.iv-bank-g a.on{border:2px solid var(--pine);background:var(--mist)}.iv-bank-g a small{font-size:9.5px;letter-spacing:.12em;color:var(--cedar,#7a4f33);margin:0 0 2px}
.iv-bank-o{margin:10px 0 0;font-size:12px;color:#5f6863}
.iv-bank-m{margin-top:8px}.iv-bank-m summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--pine);padding:6px 0}.iv-bank-m[open] summary{margin-bottom:6px}
@media (max-width:520px){.iv-bank-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.iv-bank,.iv-cp{display:none}}
.iv-float{display:flex;align-items:center;gap:14px;padding:0 16px 14px}.iv-float .btn{flex:none;padding:10px 16px;font-size:11px}.iv-float span{font-size:12px;color:#5f6863}
@media (pointer:coarse),(max-width:900px){.iv-float{display:none}}
@media print{.iv-float{display:none}}

/* In-store pricing messages (Nov 9) */
.card .pr s.was{font-size:12px;color:#7b827e;margin-left:6px}.card .pr .isp{color:#1f6b3a;font-weight:700}
.instore{display:flex;gap:10px;align-items:flex-start;margin:10px 0 2px;padding:10px 12px;background:#e4f1e7;color:#1f4f33;font-size:13px;line-height:1.4}.instore svg{width:18px;height:18px;flex:none;margin-top:1px;color:#1f6b3a}.instore s{color:#6b726e}
.wl-band.is-band{background:#1f4f33}.wl-band.is-band .wl-tag{background:#f2c14e;color:#1d2420}.wl-band.is-band a.wl-apply{text-decoration:none;display:inline-flex;align-items:center}

/* Phones (Nov 10): left-aligned text reads better than justified on narrow screens (no big gaps between words) */
@media (max-width:560px){.warn span,.gate-kids p,.gate .remember span,.prose p,.prose li,.g-art p,.g-art li,.b-about>p,.dl-wrap section>p,.dl-wrap>p,.dl-faq p,details.faq p,.tabpanel p,.pinfo p.lead,.ship-card .tx p,footer .logo+p{text-align:left}}
/* Product page on phones (Nov 10): no slogan banner, gallery as main photo with a row of thumbnails, minimum-order note under Add to cart */
.minq{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--ink);background:#fbf3e4;border:1px solid #ecd9b5;padding:8px 10px;border-radius:2px}.minq svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--cedar)}
@media (max-width:700px){.pdp-hero{display:none}
 .pdp2 .gal{display:flex!important;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%}
 .pdp2 .gal>*{min-width:0;max-width:100%}
 .pdp2 .gal .main-img{order:1;aspect-ratio:4/3!important;min-height:0;padding:8px 40px}
 .pdp2 .gal .thumbs{order:2;display:flex!important;gap:6px;overflow-x:auto;scrollbar-width:none}
 .pdp2 .gal .thumbs::-webkit-scrollbar{display:none}
 .pdp2 .gal .thumbs button{flex:0 0 58px;width:58px;height:58px;aspect-ratio:1}
 .pdp2 .pdp{padding-top:14px}}
.wl-band.is-band .wl-short{white-space:normal;overflow:visible;line-height:1.3}
@media (max-width:760px){.sticky-buy .t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.25}.sticky-buy .t span{font-size:15px}.sticky-buy .btn{padding:12px 12px;letter-spacing:.08em}.sticky-buy img{width:44px}}

/* Quick pick on product pages (Nov 10): one tap to 2, 5, 20 or 40 cartons, with the price each and the saving */
.qpick{margin:4px 0 12px}.qpick .l{display:block;margin-bottom:6px}
.qpick .qp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qpick button{border:1.5px solid var(--line);background:var(--paper);border-radius:6px;padding:8px 4px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;font:inherit;color:var(--ink);line-height:1.15}
.qpick button b{font:700 19px/1 var(--f-display)}.qpick button small{font-size:11px;color:var(--muted,#6b6b6b)}
.qpick button span{font-size:12.5px;font-weight:600}.qpick button em{font-style:normal;font-size:11px;font-weight:700;color:var(--pine)}
.qpick button:hover{border-color:var(--pine)}.qpick button.on{border-color:var(--pine);background:var(--pine);color:#fff}.qpick button.on small,.qpick button.on em{color:#e9efe9}

/* Face ID / fingerprint sign-in (Nov 10) */
.pk-alt{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:4px}.pk-alt>span{text-align:center;font-size:12px;color:var(--muted,#6b6b6b);text-transform:uppercase;letter-spacing:.12em}
.pk-alt .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px}
.pk-line{margin:12px 0 0;font-size:13.5px;line-height:1.5}.pk-line .btn{width:100%;margin-bottom:4px}.pk-line small{display:block;color:var(--muted,#6b6b6b)}