/* ============================================================
   CROWDCARTS — B2 "GREEN SLABS"
   V3 layout + V3 type SCALE. What changes is the ground:
   full-bleed dark-green #123a2a and black bands alternating
   with cream, cart names reversed out in foil gold, photos
   mounted as bright plates inside the dark bands.
   display : Didot / Bodoni 72   prose : Optima   data : Helvetica Neue
   Gold on DARK only. Foil gold on the wordmark and as rules.
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
:root{
 --ink:#0d0d0d;--black:#08090a;--green:#123a2a;--green-d:#0b2419;--green-l:#1d5842;
 --gold:#ccaa62;--goldp:#ecdcb4;--goldd:#8a6a30;
 --foil:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%);
 --cream:#f5f3ee;--tint:#efece3;--line:#ddd8ca;--line2:#c6bfab;--mute:#4e4e47;
 --paper:#efe9d8;
 --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --cond:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --serif:"Optima","Palatino","Lucida Grande","Helvetica Neue",sans-serif;
 --disp:"Didot","Bodoni 72","Bodoni 72 Oldstyle","Hoefler Text",Garamond,"Times New Roman",serif;
 --pad:34px;
}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{overflow-wrap:break-word}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.wide{max-width:1560px;margin:0 auto;padding:0 var(--pad)}
/* the foil: background FIRST, then the clip, then the transparent fill */
.foil{background:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* ---------- micro labels (never below 11px) ---------- */
.eyebrow{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--goldd);display:block}
.eyebrow.on-dark{color:var(--gold)}

/* ---------- utility strip ---------- */
.util{background:#000;color:#b9b4a6;font-family:var(--cond);font-size:11px;font-weight:600;
 letter-spacing:.18em;text-transform:uppercase}
.util .wide{display:flex;align-items:center;justify-content:space-between;height:35px;gap:18px;
 white-space:nowrap;overflow:hidden}
.util a{color:#b9b4a6;transition:color .18s ease}
.util a:hover{color:var(--gold)}
.util-r{display:flex;gap:20px;align-items:center}

/* ---------- masthead ---------- */
.mast{background:#000;color:#fff;border-bottom:1px solid #1e1e18}
.mast .wide{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px var(--pad) 18px}
.wordmark{font-family:var(--disp);font-size:66px;line-height:.94;letter-spacing:-.012em;text-align:center;
 white-space:nowrap}
.wordmark b{font-weight:400}
.wordmark .w{color:#fff}
.wordmark .g{background:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mast-l{display:flex;align-items:center;gap:14px}
.mast-l .eyebrow{color:#8f8a7c;letter-spacing:.2em;line-height:1.8}
.mast-r{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.hsearch{display:flex;align-items:center;background:#131310;border:1px solid #34342b;height:40px;width:min(300px,100%);
 transition:border-color .2s ease,background .2s ease}
.hsearch:focus-within{border-color:var(--gold);background:#1b1b15}
.hsearch input{flex:1;min-width:0;background:none;border:0;color:#fff;font-family:var(--sans);font-size:13px;
 padding:0 12px;outline:none}
.hsearch input::placeholder{color:#8a8779}
.hsearch button{background:var(--gold);color:#111;border:0;height:100%;padding:0 14px;font-family:var(--cond);
 font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer}
.hsearch button:hover{background:var(--goldp)}
.burger{display:none;background:none;border:1px solid #3a3a30;color:#fff;height:40px;padding:0 13px;cursor:pointer;
 font-family:var(--cond);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.standfirst{background:#000;color:#c1bcab;border-top:1px solid #1e1e18;text-align:center;
 font-family:var(--serif);font-size:14.5px;padding:10px 20px 13px;line-height:1.5}
.standfirst b{color:var(--goldp);font-weight:400}

/* ---------- sticky nav ribbon ---------- */
.ribbon{background:var(--green);position:sticky;top:0;z-index:60;border-bottom:2px solid var(--gold);
 box-shadow:0 2px 0 rgba(0,0,0,.2)}
.ribbon .wide{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:nowrap}
.ribbon a.nv{color:var(--goldp);font-family:var(--cond);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
 font-weight:700;padding:14px 15px;display:block;transition:background .18s ease,color .18s ease;white-space:nowrap}
.nvitem{position:relative}
.ribbon a.nv:hover,.nvitem:hover>a.nv,.nvitem:focus-within>a.nv{background:var(--green-l);color:#fff}
.mega{position:absolute;left:0;top:100%;display:none;background:#fff;border:1px solid var(--line);
 border-top:3px solid var(--gold);box-shadow:0 22px 44px rgba(0,0,0,.2);width:min(760px,86vw);
 padding:20px 22px 22px;z-index:70}
.nvitem:hover .mega,.nvitem:focus-within .mega{display:block}
.nvitem.r .mega{left:auto;right:0}
.mega h4{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--goldd);margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 26px}
.mgrid a{display:flex;gap:10px;align-items:baseline;padding:6px 0;font-family:var(--serif);font-size:14.5px;
 line-height:1.3;border-bottom:1px solid #f0ece1;transition:color .18s ease}
.mgrid a:hover{color:var(--green-l)}
.mgrid a span{font-family:var(--cond);font-size:11px;font-weight:700;color:var(--goldd);letter-spacing:.08em;flex:0 0 26px}
.mega .allcat{margin-top:14px;display:inline-block;font-family:var(--cond);font-size:11px;font-weight:700;
 letter-spacing:.2em;text-transform:uppercase;color:var(--green);border-bottom:2px solid var(--gold);padding-bottom:2px}

/* ---------- mobile panel ---------- */
.mpanel{display:none;position:fixed;inset:0;background:var(--green-d);z-index:200;overflow-y:auto;
 -webkit-overflow-scrolling:touch;padding:0 0 60px}
.mpanel.open{display:block}
.mpanel .mhead{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;
 border-bottom:1px solid #1d4634;position:sticky;top:0;background:var(--green-d)}
.mpanel .mhead span{font-family:var(--disp);font-size:30px;color:#fff;line-height:1}
.mpanel .mhead span i{font-style:normal;color:var(--goldp)}
.mpanel button.x{background:none;border:1px solid #3a6b56;color:#fff;padding:8px 13px;font-family:var(--cond);
 font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.mpanel a{display:block;color:var(--goldp);padding:14px 20px;border-bottom:1px solid #17392a;
 font-family:var(--cond);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mpanel .mlabel{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--gold);padding:20px 20px 8px;border-bottom:1px solid #17392a;background:#08190f}
.mpanel .msub{color:#fff;font-family:var(--serif);text-transform:none;letter-spacing:0;font-size:15px;
 line-height:1.3;padding-left:34px}

/* ---------- search ---------- */
.sresults{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line2);
 border-top:3px solid var(--gold);box-shadow:0 24px 40px rgba(0,0,0,.22);max-height:62vh;overflow:auto;
 display:none;z-index:120;text-align:left}
.sresults.on{display:block}
.sresults a{display:flex;justify-content:space-between;gap:14px;padding:11px 15px;border-bottom:1px solid #f1ece1;
 font-family:var(--serif);font-size:15px;color:var(--ink);transition:background .15s ease}
.sresults a:hover{background:var(--tint)}
.sresults a em{font-family:var(--cond);font-style:normal;font-size:11px;font-weight:700;letter-spacing:.16em;
 text-transform:uppercase;color:var(--goldd);flex:0 0 auto;padding-top:3px}
.sresults .none{padding:16px;font-size:14px;color:var(--mute)}
.searchband{background:var(--black);border-bottom:3px solid var(--gold)}
.searchband .wrap{padding:26px var(--pad) 28px}
.sb-in{position:relative;display:flex;gap:0;max-width:940px;margin:0 auto}
.sb-in input{flex:1;min-width:0;height:56px;border:1px solid #35352b;border-right:0;background:#141410;
 padding:0 18px;font-family:var(--serif);font-size:17px;color:#fff;outline:none;transition:border-color .2s ease}
.sb-in input::placeholder{color:#8a8779}
.sb-in input:focus{border-color:var(--gold)}
.sb-in button{height:56px;padding:0 26px;background:var(--gold);color:#111;border:0;font-family:var(--cond);
 font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;cursor:pointer}
.sb-in button:hover{background:var(--goldp)}
.sb-hint{text-align:center;font-family:var(--serif);font-size:14px;color:#a19c8d;margin-top:12px}
.sb-hint strong{color:var(--goldp);font-weight:400}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.chip{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
 border:1px solid #3d3d32;background:none;color:#d9d4c4;padding:8px 13px;cursor:pointer;transition:all .18s ease}
.chip:hover{border-color:var(--gold);color:var(--goldp)}
.chip.on{background:var(--gold);color:#111;border-color:var(--gold)}
.chips.light .chip{border-color:var(--line2);color:var(--green);background:#fff}
.chips.light .chip:hover{border-color:var(--green)}
.chips.light .chip.on{background:var(--green);color:var(--goldp);border-color:var(--green)}

/* ============================================================
   THE SLABS — full-bleed grounds. Layout inside is unchanged.
   ============================================================ */
.slab{position:relative}
.slab.green{background:var(--green);color:var(--paper);border-top:3px solid var(--gold)}
.slab.black{background:var(--black);color:var(--paper);border-top:3px solid var(--gold)}
.slab.cream{background:var(--cream);color:var(--ink)}
.slab.hero>.wrap{padding-bottom:38px}
.cartbreak{margin-top:58px;border-top:2px solid var(--ink)}
.cartbar{background:var(--green);color:var(--goldp);text-align:center;padding:14px 16px 16px}
.slab.green>.cartbar,.slab.black>.cartbar{background:transparent;padding:40px 16px 18px;
 border-bottom:1px solid rgba(236,220,180,.28)}
.cartbar h2{font-family:var(--cond);font-size:20px;letter-spacing:.26em;text-transform:uppercase;font-weight:700;
 line-height:1.25;color:var(--goldp)}
.cartbar p{font-family:var(--serif);font-size:14.5px;color:#cfc7b1;margin-top:7px;max-width:760px;
 margin-left:auto;margin-right:auto;line-height:1.5}
.slab.green .cartbar p,.slab.black .cartbar p{color:#b9b2a0}
.aisle{padding-top:28px}
.slab.green .aisle,.slab.black .aisle{padding-bottom:56px}

/* dark-slab component overrides */
.slab.green a.more,.slab.black a.more{color:var(--goldp);border-bottom-color:var(--gold)}
.slab.green a.more:hover,.slab.black a.more:hover{color:#fff;border-bottom-color:var(--goldp)}
.slab.green .colhead,.slab.black .colhead{color:var(--gold);border-bottom-color:rgba(236,220,180,.26)}
.slab.green .eyebrow,.slab.black .eyebrow{color:var(--gold)}
.slab.green .split,.slab.black .split,.slab.green .tiers,.slab.black .tiers{border-top-color:var(--gold);
 border-bottom-color:rgba(236,220,180,.22)}
.slab.green .split>div,.slab.black .split>div,.slab.green .tiers>div,.slab.black .tiers>div{
 border-left-color:rgba(236,220,180,.22)}
.slab.green .split p,.slab.black .split p{color:#c3bda9}
.slab.green .ranked li,.slab.black .ranked li{border-bottom-color:rgba(236,220,180,.2)}
.slab.green .ranked a:hover,.slab.black .ranked a:hover{background:rgba(255,255,255,.05)}
.slab.green .ranked h4,.slab.black .ranked h4{color:var(--paper)}
.slab.green .ranked.carts h4,.slab.black .ranked.carts h4{color:var(--goldp)}
.slab.green .ranked .sub,.slab.black .ranked .sub{color:#a29b88}
.slab.green .ranked .sub b,.slab.black .ranked .sub b{color:var(--gold)}
.slab.green .ranked .rk,.slab.black .ranked .rk{color:var(--gold)}
.slab.green .ranked .th,.slab.black .ranked .th{background:#fff;border-color:rgba(236,220,180,.42)}
.slab.green .tiers h3,.slab.black .tiers h3{color:var(--goldp);border-bottom-color:rgba(236,220,180,.24)}
.slab.green .pchip h4,.slab.black .pchip h4{color:var(--paper)}
.slab.green .pchip .sq,.slab.black .pchip .sq{background:#fff;border-color:rgba(236,220,180,.4)}
.slab.green .pchip .pr,.slab.black .pchip .pr{color:var(--gold)}
.slab.green .chiprow,.slab.black .chiprow{border-top-color:rgba(236,220,180,.22)}
.slab.green .catindex,.slab.black .catindex{background:rgba(236,220,180,.22);border-color:rgba(236,220,180,.22)}
.slab.green .catindex a{background:var(--green)}
.slab.black .catindex a{background:var(--black)}
.slab.green .catindex a:hover{background:#164632}
.slab.black .catindex a:hover{background:#16170f}
.slab.green .catindex span,.slab.black .catindex span{color:var(--goldp)}
.slab.green .catindex b,.slab.black .catindex b{color:var(--gold)}
.slab.green .crit .no,.slab.black .crit .no{color:var(--gold)}
.slab.green .crit h3,.slab.black .crit h3{color:var(--goldp)}
.slab.green .crit .it,.slab.black .crit .it{border-top-color:rgba(236,220,180,.22)}
.slab.green .card,.slab.black .card{background:rgba(255,255,255,.04);border-color:rgba(236,220,180,.24)}
.slab.green .shead,.slab.black .shead{border-bottom-color:var(--gold)}
.slab.green .shead h2,.slab.black .shead h2{color:var(--goldp)}
.slab.green .shead .n,.slab.black .shead .n{color:#a29b88}
.slab.green p.small,.slab.black p.small{color:#bdb6a3}

/* ---------- mosaics: bright mounted plates ---------- */
.mosaic{display:grid;gap:2px;background:var(--line);border:1px solid var(--line)}
.mosaic.q{grid-template-columns:1fr 1fr}
.mosaic.s4{grid-template-columns:repeat(4,1fr)}
.mosaic.s3{grid-template-columns:repeat(3,1fr)}
.mcell{position:relative;aspect-ratio:1/1;background:var(--tint);overflow:hidden}
.mcell img{width:100%;height:100%;object-fit:contain;padding:7%;mix-blend-mode:multiply;transition:transform .3s ease}
a.mos:hover .mcell img{transform:scale(1.045)}
.slab.green .mosaic,.slab.black .mosaic{background:rgba(204,170,98,.55);border:0;gap:8px;padding:8px;
 box-shadow:0 28px 56px -26px rgba(0,0,0,.8)}
.slab.green .mcell,.slab.black .mcell{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}

/* ---------- equal-height column rows (V3 geometry, unchanged) ---------- */
.row3{display:grid;grid-template-columns:286px minmax(0,1fr) 312px;border-top:2px solid var(--ink);
 border-bottom:1px solid var(--line2)}
.row3.two{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-top:0}
.row3>section{display:flex;flex-direction:column;padding:24px 26px;border-left:1px solid var(--line);min-width:0}
.row3>section:first-child{border-left:0;padding-left:0}
.row3>section:last-child{padding-right:0}
.grow{flex:1 1 auto}
.aislelinks{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.aislelinks a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:9px 0;
 border-bottom:1px solid var(--line);font-family:var(--serif);font-size:14.5px;transition:color .18s ease}
.aislelinks a:hover{color:var(--green-l)}
.aislelinks a b{font-family:var(--cond);font-size:11px;font-weight:700;color:var(--goldd);letter-spacing:.08em}
.colhead{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--goldd);border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:14px}

/* ---------- the lead ---------- */
.lead h1{font-family:var(--disp);font-size:52px;line-height:1.02;letter-spacing:-.022em;font-weight:400;
 margin:16px 0 0;border-width:3px 0 0;border-style:solid;border-color:transparent;
 border-image:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%) 1;
 padding-top:16px}
.lead h1 a{transition:color .2s ease}
.lead h1 a:hover{color:var(--green-l)}
.lead .dek{font-family:var(--serif);font-size:16.5px;line-height:1.58;color:#33332d;margin-top:14px;max-width:62ch}
.lead .meta{margin-top:15px;display:flex;gap:16px;flex-wrap:wrap;font-family:var(--cond);font-size:11px;
 font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.lead .meta b{color:var(--green);font-weight:700}
.slab.green .lead .dek,.slab.black .lead .dek{color:#c3bda9}
.slab.green .lead h1 a,.slab.black .lead h1 a{color:var(--goldp)}
.slab.green .lead .meta,.slab.black .lead .meta{color:#a29b88}
.slab.green .lead .meta b,.slab.black .lead .meta b{color:var(--gold)}
.chiprow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;border-top:1px solid var(--line);
 padding-top:16px}
.pchip{display:flex;flex-direction:column;gap:8px}
.pchip .sq{aspect-ratio:1/1;background:#fff;border:1px solid var(--line);overflow:hidden}
.pchip .sq img{width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:multiply;transition:transform .3s ease}
.pchip:hover .sq img{transform:scale(1.05)}
.pchip h4{font-family:var(--serif);font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;
 -webkit-box-orient:vertical;overflow:hidden}
.pchip .pr{font-family:var(--cond);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--goldd)}

/* ---------- ranked lists ---------- */
.ranked{list-style:none;display:flex;flex-direction:column}
.ranked li{border-bottom:1px solid var(--line)}
.ranked li:last-child{border-bottom:0}
.ranked a{display:grid;grid-template-columns:32px 62px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;
 min-height:88px;transition:background .18s ease}
.ranked a:hover{background:#eae6da}
.ranked .rk{font-family:var(--disp);font-size:26px;line-height:1;color:var(--goldd);text-align:center;
 letter-spacing:-.02em}
.ranked .th{aspect-ratio:1/1;background:#fff;border:1px solid var(--line);overflow:hidden}
.ranked .th img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.ranked h4{font-family:var(--serif);font-size:14.5px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;
 -webkit-box-orient:vertical;overflow:hidden}
.ranked .sub{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mute);margin-top:4px}
.ranked .sub b{color:var(--goldd);font-weight:700}
/* cart-name rows: the NAME leads — display face, more weight, tighter tracking */
/* CART NAMES NEVER TRUNCATE. Product titles still clamp — those are 80-120 char
   Amazon listing names. Cart names are the headline and must wrap in full. */
.ranked.carts h4{font-family:var(--disp);font-size:17.5px;line-height:1.09;letter-spacing:-.015em;
 color:var(--green);display:block;-webkit-line-clamp:none;overflow:visible;text-overflow:clip}
.ranked.carts .rk{font-size:26px}
.ranked.carts a{min-height:96px;align-items:center}
/* the three narrow home-page rails: smaller ordinal + thumb buys the name ~18px of width */
.row3 .ranked.carts a{grid-template-columns:26px 54px minmax(0,1fr);gap:10px;min-height:90px}
.row3 .ranked.carts h4{font-size:16.5px;line-height:1.08}
.row3 .ranked.carts .rk{font-size:23px}

/* ---------- tabbed rail ---------- */
.tabs{display:flex;border-bottom:2px solid var(--ink);margin-bottom:2px}
.tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:9px 4px;cursor:pointer;
 font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mute);transition:color .2s ease,border-color .2s ease}
.tabs button.on{color:var(--green);border-bottom-color:var(--gold)}
.tabs button:hover{color:var(--green)}
.tabp{display:none}
.tabp.on{display:block}
.rail-sticky{position:sticky;top:70px}
.railcard{background:var(--green);color:#cfc7b1;padding:18px 20px 20px;margin-top:22px;border-top:3px solid var(--gold)}
.railcard p{font-family:var(--serif);font-size:13.5px;line-height:1.6;margin-top:9px}
.railcard .more{color:var(--goldp);border-color:var(--gold)}
.railcard .more:hover{color:#fff}

/* ---------- cart cards — the name reads first ---------- */
.cardgrid{display:grid;gap:1px;background:var(--line)}
.cardgrid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cardgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cardgrid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ccard{background:var(--cream);padding:0 0 18px;display:flex;flex-direction:column}
.cardgrid .ccard{padding:16px 16px 18px;background:var(--cream);transition:background .2s ease}
.cardgrid .ccard:hover{background:#eae6da}
.ccard .kick{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
 color:var(--goldd);margin-bottom:9px}
.ccard h3{font-family:var(--disp);font-size:24px;line-height:1.06;letter-spacing:-.018em;font-weight:400;
 margin-top:15px;padding-top:13px;border-width:2px 0 0;border-style:solid;border-color:transparent;
 border-image:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%) 1;
 display:block;overflow:visible;min-height:calc(1.06em * 3 + 13px)}
.ccard p{font-family:var(--serif);font-size:13.5px;line-height:1.5;color:#3d3d36;margin-top:9px;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccard .cmeta{margin-top:auto;padding-top:13px;font-family:var(--cond);font-size:11px;font-weight:600;
 letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;gap:13px;flex-wrap:wrap}
.ccard .cmeta b{color:var(--green);font-weight:700}
.slab.green .cardgrid,.slab.black .cardgrid{background:rgba(236,220,180,.22)}
.slab.green .cardgrid .ccard,.slab.black .cardgrid .ccard{background:transparent}
.slab.green .cardgrid .ccard:hover{background:rgba(255,255,255,.05)}
.slab.black .cardgrid .ccard:hover{background:rgba(255,255,255,.05)}
.slab.green .ccard h3 a,.slab.black .ccard h3 a{color:var(--goldp)}
.slab.green .ccard .kick,.slab.black .ccard .kick{color:var(--gold)}
.slab.green .ccard p,.slab.black .ccard p{color:#c3bda9}
.slab.green .ccard .cmeta,.slab.black .ccard .cmeta{color:#a29b88}
.slab.green .ccard .cmeta b,.slab.black .ccard .cmeta b{color:var(--gold)}
.more{display:inline-block;margin-top:12px;font-family:var(--cond);font-size:11px;font-weight:700;
 letter-spacing:.2em;text-transform:uppercase;color:var(--green);border-bottom:2px solid var(--gold);
 padding-bottom:3px;transition:color .18s ease,border-color .18s ease}
.more:hover{color:var(--goldd);border-color:var(--green)}

/* ---------- product tiles ---------- */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}
.pgrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ptile{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;
 transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}
.ptile:hover{box-shadow:0 14px 26px rgba(18,58,42,.16);transform:translateY(-3px);border-color:var(--line2)}
.ptile .sq{aspect-ratio:1/1;background:var(--tint);border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.ptile .sq img{width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:multiply;transition:transform .3s ease}
.ptile:hover .sq img{transform:scale(1.05)}
.ptile .bd{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1}
.ptile .br{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
 color:var(--goldd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptile h4{font-family:var(--serif);font-size:14.5px;line-height:1.34;margin-top:6px;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.34em * 2)}
.ptile .rw{display:flex;align-items:baseline;gap:9px;margin-top:9px}
.price{font-family:var(--cond);font-size:18px;font-weight:700;color:var(--ink)}
.was{font-size:12px;color:var(--mute);text-decoration:line-through}
.stars{font-size:12px;color:var(--mute);white-space:nowrap}
.stars i{color:var(--goldd);font-style:normal}
.ptile .cta{margin-top:auto;padding-top:11px;font-family:var(--cond);font-size:11px;font-weight:700;
 letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.ptile:hover .cta{color:var(--goldd)}
.badge{position:absolute;left:0;top:0;background:var(--green);color:var(--goldp);font-family:var(--cond);
 font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;z-index:2}
.slab.green .ptile,.slab.black .ptile{border-color:rgba(236,220,180,.4)}

/* ---------- crowd takeaway band ---------- */
.band{background:var(--black);color:#fff;border-top:3px solid var(--gold)}
.band .wrap{padding:46px var(--pad) 52px}
.band h2{font-family:var(--disp);font-size:42px;line-height:1.06;letter-spacing:-.02em;color:var(--goldp);
 max-width:22ch;font-weight:400}
.band .sub{font-family:var(--serif);font-size:16px;color:#b8b1a0;margin-top:12px;max-width:60ch;line-height:1.6}
.band .split{border-top:0;border-bottom:0}
.band .split>div{border-left-color:rgba(236,220,180,.22)}
.bars{display:flex;flex-direction:column;gap:13px;margin-top:6px}
.bar .bt{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-family:var(--cond);
 font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.bar .bt em{font-style:normal;font-family:var(--serif);font-size:13.5px;letter-spacing:0;text-transform:none;
 color:#b8b1a0;font-weight:400}
.bar .tr{height:8px;background:rgba(255,255,255,.14);margin-top:7px;overflow:hidden}
.bar .fl{height:100%;background:var(--gold)}
.bar.neg .fl{background:#6e7d73}
.srcline{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
 color:#9a9484;margin-top:16px}

/* ---------- page headers ---------- */
.phead{border-bottom:2px solid var(--ink);padding:30px 0 26px;margin-top:2px}
.phead .eyebrow a{border-bottom:1px solid currentColor}
.phead h1{font-family:var(--disp);font-size:56px;line-height:1.0;letter-spacing:-.024em;margin-top:14px;
 max-width:24ch;font-weight:400}
.phead .dek{font-family:var(--serif);font-size:17px;line-height:1.6;color:#33332d;margin-top:15px;max-width:66ch}
.phead .stats{display:flex;gap:0;flex-wrap:wrap;margin-top:24px;border-top:1px solid var(--line)}
.phead .stats div{padding:13px 24px 11px;border-right:1px solid var(--line)}
.phead .stats div:first-child{padding-left:0}
.phead .stats span{display:block;font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.2em;
 text-transform:uppercase;color:var(--mute)}
.phead .stats b{font-family:var(--disp);font-size:26px;font-weight:400;color:var(--green);line-height:1.15;
 display:block;margin-top:3px}
/* reversed page header, inside a dark slab */
.slab.green .phead,.slab.black .phead{border-bottom-color:var(--gold)}
.slab.green .phead h1,.slab.black .phead h1{color:var(--goldp)}
.slab.green .phead .dek,.slab.black .phead .dek{color:#c7c0ac}
.slab.green .phead .stats,.slab.black .phead .stats{border-top-color:rgba(236,220,180,.26)}
.slab.green .phead .stats div,.slab.black .phead .stats div{border-right-color:rgba(236,220,180,.26)}
.slab.green .phead .stats span,.slab.black .phead .stats span{color:#a29b88}
.slab.green .phead .stats b,.slab.black .phead .stats b{color:var(--goldp)}
.slab.green .phead .eyebrow a,.slab.black .phead .eyebrow a{color:var(--gold)}
.crumb{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
 color:var(--mute);padding:16px 0 0}
.crumb a{color:var(--goldd)}
.crumb a:hover{color:var(--green)}
.slab.green .crumb,.slab.black .crumb{color:#a29b88}
.slab.green .crumb a,.slab.black .crumb a{color:var(--gold)}

/* ---------- section head on light ---------- */
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);
 padding-bottom:11px;margin:56px 0 22px}
.shead h2{font-family:var(--cond);font-size:19px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;
 color:var(--green)}
.shead .n{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
 color:var(--mute);white-space:nowrap;padding-bottom:3px}

/* ---------- product page ---------- */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) 330px;border-top:2px solid var(--ink)}
.pdp>.main{padding:28px 40px 40px 0;min-width:0}
.pdp>.rail{padding:28px 0 40px 30px;border-left:1px solid var(--line2);min-width:0}
.railinner{position:sticky;top:76px}
.gal{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:36px;align-items:start}
.gmain{background:var(--tint);border:1px solid var(--line);aspect-ratio:1/1;overflow:hidden}
.gmain img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;margin-top:10px}
.thumbs button{background:var(--tint);border:1px solid var(--line);aspect-ratio:1/1;padding:0;cursor:pointer;
 transition:border-color .18s ease,box-shadow .18s ease}
.thumbs button.on{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--gold)}
.thumbs button:hover{border-color:var(--green-l)}
.thumbs img,.thumb{display:block;width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.buybox .brand{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--goldd)}
.buybox h1{font-family:var(--disp);font-size:32px;line-height:1.1;letter-spacing:-.016em;margin-top:10px;font-weight:400}
.buybox .prow{display:flex;align-items:baseline;gap:12px;margin-top:16px;flex-wrap:wrap}
.buybox .prow .price{font-family:var(--disp);font-size:38px;font-weight:400;line-height:1}
.save{background:var(--green);color:var(--goldp);font-family:var(--cond);font-size:11px;font-weight:700;
 letter-spacing:.14em;text-transform:uppercase;padding:5px 9px}
.buy{display:block;text-align:center;background:var(--gold);color:#141008;font-family:var(--cond);font-size:14px;
 letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:17px 20px;margin-top:20px;
 border:1px solid #8a6a30;transition:background .2s ease,transform .2s ease}
.buy:hover{background:var(--goldp);transform:translateY(-2px)}
.buynote{font-family:var(--serif);font-size:13px;color:var(--mute);margin-top:9px;line-height:1.5}
.thumbnote{font-family:var(--serif);font-size:13px;color:var(--mute);margin-top:9px;line-height:1.5}
.photobar{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-top:10px;padding-top:9px;
 border-top:1px solid var(--line);font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.16em;
 text-transform:uppercase;color:var(--mute)}
.photobar a{color:var(--goldd);border-bottom:1px solid rgba(138,106,48,.45)}
.photobar a:hover{color:var(--green)}
.vars{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.vars .vh{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
 color:var(--mute)}
.vlist{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.vlist a{font-family:var(--sans);font-size:13px;border:1px solid var(--line2);background:#fff;padding:7px 10px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .18s ease,background .18s ease}
.vlist a:hover{border-color:var(--green);background:var(--tint)}
.card{background:#fff;border:1px solid var(--line);padding:24px 26px 26px;margin-top:20px}
.card .lbl{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;
 color:var(--goldd);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:15px}
.card h2{font-family:var(--disp);font-size:26px;line-height:1.12;letter-spacing:-.014em;font-weight:400}
.card h3{font-family:var(--disp);font-size:19px;line-height:1.2;font-weight:400}
.card p{font-family:var(--serif);font-size:16px;line-height:1.66;color:#26261f;margin-top:12px}
.card p.small{font-family:var(--sans);font-size:14px;line-height:1.6;color:#3c3c34}
.kicker{margin-top:14px;padding-left:15px;border-left:3px solid var(--gold);font-family:var(--serif);font-size:16px;
 line-height:1.5;color:var(--green)}
.card.dark{background:var(--green);border-color:var(--green-d);color:#fff;border-top:3px solid var(--gold)}
.card.dark .lbl{color:var(--gold);border-bottom-color:rgba(236,220,180,.24)}
.card.dark h2,.card.dark h3{color:var(--goldp)}
.card.dark p{color:#d3cbb5}
.card .srcline{color:var(--mute)}
.crit{display:flex;flex-direction:column;margin-top:6px}
.crit .it{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.crit .it:first-child{border-top:0;padding-top:6px}
.crit .no{font-family:var(--disp);font-size:36px;line-height:.9;color:var(--goldd);letter-spacing:-.02em}
.crit h3{font-family:var(--cond);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
 color:var(--green)}
.crit .det{font-family:var(--sans);font-size:13px;color:var(--mute);margin-top:5px}
.gtk{list-style:none;display:flex;flex-direction:column}
.gtk li{padding:13px 0;border-top:1px solid var(--line);font-family:var(--serif);font-size:15px;line-height:1.6;
 color:#26261f}
.gtk li:first-child{border-top:0}
.gtk b{display:block;font-family:var(--cond);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
 color:var(--green);margin-bottom:4px;font-weight:700}
.railh{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--goldd);border-bottom:2px solid var(--ink);padding-bottom:9px;margin-bottom:4px}
.railh+.ranked{margin-bottom:26px}
.lightbars .bar .bt{color:var(--green)}
.lightbars .bar .bt em{color:var(--mute)}
.lightbars .bar .tr{background:#e3ded0}
.lightbars .bar .fl{background:var(--goldd)}
.lightbars .bar.neg .fl{background:#8d998f}

/* ---------- footer ---------- */
footer{background:#000;color:#a09a8c;border-top:3px solid var(--gold)}
footer .wide{padding:46px var(--pad) 30px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
footer h5{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
 color:var(--gold);margin-bottom:13px}
footer a{color:#a09a8c;font-size:13.5px;line-height:2;transition:color .18s ease}
footer a:hover{color:var(--goldp)}
footer .fw{font-family:var(--disp);font-size:42px;line-height:1;letter-spacing:-.02em}
footer .fw .w{color:#fff}
footer .fw .g{background:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
footer p{font-family:var(--serif);font-size:13.5px;line-height:1.65;margin-top:12px;max-width:44ch}
.fbot{border-top:1px solid #222219;margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;
 gap:18px;flex-wrap:wrap;font-size:12px}
.catindex{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--line);
 border:1px solid var(--line)}
.catindex a{background:var(--cream);padding:15px 16px;display:flex;justify-content:space-between;align-items:baseline;
 gap:10px;transition:background .18s ease}
.catindex a:hover{background:#eae6da}
.catindex span{font-family:var(--serif);font-size:15.5px;line-height:1.25}
.catindex b{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--goldd)}

/* ---------- split editorial ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-top:2px solid var(--ink);
 border-bottom:1px solid var(--line2)}
.split>div{padding:24px 30px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.split>div:first-child{border-left:0;padding-left:0}
.split>div:last-child{padding-right:0}
.split h3{font-family:var(--disp);font-size:38px;line-height:1.04;letter-spacing:-.022em;margin-top:15px;
 font-weight:400;padding-top:13px;border-width:2px 0 0;border-style:solid;border-color:transparent;
 border-image:linear-gradient(96deg,#8a6a30 0%,#c9a55e 16%,#f6e7bd 38%,#dcbd7a 56%,#a9853f 76%,#f1e0ac 100%) 1}
.split p{font-family:var(--serif);font-size:15.5px;line-height:1.6;color:#33332d;margin-top:12px}
.slab.green .split h3 a,.slab.black .split h3 a{color:var(--goldp)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink);
 border-bottom:1px solid var(--line2)}
.tiers>div{padding:22px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.tiers>div:first-child{border-left:0;padding-left:0}
.tiers>div:last-child{padding-right:0}
.tiers h3{font-family:var(--cond);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);
 border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px;font-weight:700}
.sticky-buy{display:none}
.pnote{font-family:var(--serif);font-size:16.5px;line-height:1.7;max-width:62ch;padding-bottom:52px}
.pnote a{border-bottom:2px solid var(--gold)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
 .wordmark{font-size:56px}
 .row3{grid-template-columns:250px minmax(0,1fr) 268px}
 .row3.two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 .lead h1{font-size:44px}
 .pdp{grid-template-columns:minmax(0,1fr) 300px}
 .split h3{font-size:32px}
}
@media (max-width:1024px){
 :root{--pad:24px}
 .row3{grid-template-columns:minmax(0,1fr) 300px}
 .row3.two{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
 .row3>section.shortlist{grid-column:1/-1;border-left:0;padding-left:0;padding-right:0;
  border-bottom:1px solid var(--line);order:3}
 .row3>section.leadcol{padding-left:0;order:1}
 .row3>section.railcol{order:2}
 .gal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
 .pdp{grid-template-columns:minmax(0,1fr)}
 .pdp>.main{padding-right:0}
 .pdp>.rail{border-left:0;border-top:2px solid var(--ink);padding-left:0}
 .railinner{position:static}
 .fgrid{grid-template-columns:1fr 1fr}
 .cardgrid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .phead h1{font-size:44px}
}
@media (max-width:820px){
 .burger{display:block}
 .mast-l .eyebrow{display:none}
 .util-r{display:none}
 .u-date{display:none}
 .util .wide{justify-content:center}
 .gal{grid-template-columns:minmax(0,1fr);gap:20px}
 .gmain{aspect-ratio:auto;height:min(56vh,400px)}
 .thumbs{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}
 .sb-in{flex-direction:column;gap:10px}
 .sb-in input,.sb-in button{width:100%;border-right:1px solid #35352b}
 .sb-in input{height:52px;font-size:16px}
 .sb-in button{height:48px;border:0}
 .sb-in .sresults{top:auto;margin-top:0}
 .searchband .wrap{padding:20px var(--pad) 24px}
 .mast .wide{grid-template-columns:auto 1fr auto;gap:12px;padding:16px var(--pad) 14px}
 .wordmark{font-size:min(12.5vw,46px)}
 .mast-r .hsearch{display:none}
 .ribbon{display:none}
 .row3,.row3.two{grid-template-columns:minmax(0,1fr)}
 .row3 .ranked.carts a{grid-template-columns:32px 62px minmax(0,1fr);gap:12px}
 .row3 .ranked.carts h4{font-size:18px}
 .row3 .ranked.carts .rk{font-size:26px}
 .row3>section{border-left:0;padding-left:0;padding-right:0;border-bottom:1px solid var(--line)}
 .row3>section:last-child{border-bottom:0}
 .rail-sticky{position:static}
 .split,.tiers{grid-template-columns:minmax(0,1fr)}
 .split>div,.tiers>div{border-left:0;padding-left:0;padding-right:0;border-bottom:1px solid var(--line)}
 .split>div:last-child,.tiers>div:last-child{border-bottom:0}
 .slab.green .split>div,.slab.black .split>div,.slab.green .tiers>div,.slab.black .tiers>div{
  border-bottom-color:rgba(236,220,180,.22)}
 .lead h1{font-size:38px}
 .phead h1{font-size:38px}
 .split h3{font-size:30px}
 .cardgrid.c3,.cardgrid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cartbar h2{font-size:16px;letter-spacing:.2em}
 .card{padding:20px}
 .band h2{font-size:32px}
 .sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:150;background:#000;padding:9px 14px;
  gap:12px;align-items:center;box-shadow:0 -6px 18px rgba(0,0,0,.35)}
 .sticky-buy .sp{color:#fff;font-family:var(--cond);font-size:17px;font-weight:700;flex:0 0 auto}
 .sticky-buy a{flex:1;text-align:center;background:var(--gold);color:#141008;font-family:var(--cond);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:13px 10px}
 body.haspdp{padding-bottom:64px}
 .fgrid{grid-template-columns:1fr}
 .crit .it{grid-template-columns:46px minmax(0,1fr);gap:13px}
 .crit .no{font-size:30px}
 .chiprow{grid-template-columns:1fr 1fr}
 .phead .stats div{padding:11px 16px 9px}
}
@media (max-width:430px){
 .pgrid,.pgrid.four{grid-template-columns:1fr 1fr;gap:12px}
 .thumbs{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}
 .cardgrid.c4,.cardgrid.c3,.cardgrid.c2{grid-template-columns:1fr}
 .ccard h3{min-height:0}
 .phead h1{font-size:33px}
 .lead h1{font-size:33px}
 .buybox h1{font-size:25px}
 .buybox .prow .price{font-size:32px}
 .card h2{font-size:21px}
 .ranked a{grid-template-columns:26px 52px minmax(0,1fr);gap:9px}
 .ranked .rk{font-size:22px}
 .ranked.carts .rk,.row3 .ranked.carts .rk{font-size:23px}
 .ranked.carts h4,.row3 .ranked.carts h4{font-size:16.5px}
 .catindex{grid-template-columns:1fr}
 .phead .stats div{padding:10px 14px 8px;flex:1 1 44%;border-right:0}
 .phead .stats b{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
 *{transition:none!important;animation:none!important}
 .ptile:hover{transform:none}
 .buy:hover{transform:none}
}