/* After Dark shop: category pages (/shop.html, brand pages) and search results. Ported from v2 concept (.sh-head, .lu-dark,
   .fb/.pill, .hc, .empty) with the ad- prefix, plus the compare-to-scale drawer. Mobile-first; tokens from ad-tokens.css. */

/* ---------- page frame ---------- */
.ad-shop-page .page-wrapper{overflow-x:clip}
.ad-shop-page .page-main{padding-top:0}
.ad-shop-page .column.main{padding-bottom:0}
/* A brand page's bar (heritage gt-brands.css) flips .page-main to the brand's light paper; After Dark keeps it dark. */
body.ad-shop-page:has([data-gt-brand]) .page-main{--gt-paper:var(--ad-night);--gt-paper-2:var(--ad-night-2);--gt-card:var(--ad-night-2);--gt-line:var(--ad-rule-2);
 --gt-ink:var(--ad-smoke);--gt-ink-2:#d3c8b7;--gt-muted:var(--ad-ash);--gt-bronze:var(--ad-gold);--gt-bronze-ink:var(--ad-gold-2);
 --gt-espresso:var(--ad-night-3);--gt-espresso-2:#262019;--gt-serif:var(--ad-serif);--gt-action:var(--ad-gold);--gt-action-hover:var(--ad-gold-2);
 --gt-on-dark:#efe7d9;--gt-on-dark-2:#b9ad97;--gt-on-dark-accent:var(--ad-gold-2);--gt-on-dark-line:var(--ad-rule-2)}
.ad-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.ad-wrap{width:100%;max-width:var(--ad-max);margin:0 auto;padding:0 var(--ad-g);box-sizing:border-box}
.ad-shop,.ad-sh,.ad-empty,.ad-cmp{font-family:var(--ad-serif);color:var(--ad-smoke)}
.ad-shop *,.ad-sh *,.ad-cmp *{box-sizing:border-box}
.ad-shop ul,.ad-shop ol,.ad-sh ol,.ad-cmp ul{margin:0;padding:0;list-style:none}
.ad-shop p,.ad-sh p,.ad-shop h1,.ad-sh h1,.ad-shop h2,.ad-shop h3,.ad-cmp h2,.ad-cmp p{margin:0}
.ad-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.ad-shop :focus-visible,.ad-sh :focus-visible,.ad-cmp :focus-visible,.ad-empty :focus-visible{outline:2px solid var(--ad-gold);outline-offset:3px;border-radius:2px}
#gt-cigars{scroll-margin-top:var(--ad-hd)}

/* ---------- type + buttons ---------- */
.ad-dsp{font-family:var(--ad-serif);font-weight:300;letter-spacing:-.035em;line-height:.95;font-size:clamp(44px,6.6vw,116px);color:var(--ad-smoke)}
.ad-dsp em{font-style:italic;font-weight:300;color:var(--ad-gold-2)}
.ad-lede{font-size:clamp(18px,1.45vw,22px);line-height:1.55;color:var(--ad-ash);max-width:44ch}
.ad-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 28px;border-radius:999px;border:1px solid transparent;
 font:600 14px/1 var(--ad-sans);letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.ad-btn:hover{text-decoration:none}
.ad-btn-gold,.ad-btn-gold:visited{background:var(--ad-gold);color:#1a120b}.ad-btn-gold:hover{background:var(--ad-gold-2);color:#1a120b}
.ad-btn-line,.ad-btn-line:visited{border-color:var(--ad-rule-2);color:var(--ad-smoke);background:transparent}.ad-btn-line:hover{border-color:var(--ad-smoke);color:var(--ad-smoke);background:rgba(236,228,214,.05)}
.ad-ib{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid var(--ad-rule-2);border-radius:999px;background:none;color:var(--ad-smoke);cursor:pointer;transition:background .25s,border-color .25s}
.ad-ib:hover{background:rgba(236,228,214,.08);border-color:var(--ad-smoke)}
.ad-ib svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ---------- head (.sh-head) ---------- */
.ad-sh{position:relative;padding-top:28px;background:radial-gradient(60% 50% at 70% 0%,#2a1d1366,transparent 70%),var(--ad-night)}
.ad-sh-in{position:relative;z-index:1}
.ad-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;font:12.5px/1.6 var(--ad-sans);color:var(--ad-ash)}
.ad-crumbs li+li:before{content:"/";margin-right:8px;opacity:.5}
.ad-crumbs a,.ad-crumbs a:visited{color:inherit;text-decoration:none}.ad-crumbs a:hover{color:var(--ad-smoke);text-decoration:none}
.ad-crumbs [aria-current]{color:var(--ad-smoke)}
.ad-sh-title{display:grid;gap:20px;margin-top:28px}
.ad-sh-title h1{font-size:clamp(68px,12vw,220px);line-height:.85;letter-spacing:-.05em;margin:0}
.ad-sh-title .ad-dsp-s{font-size:clamp(44px,7vw,120px);line-height:.92;overflow-wrap:anywhere}
/* Brand band colour (v2 brand.band). Unknown brands stay on the house night. */
[data-ad-band="luis-cuao"],[data-ad-band="luis-cuao-cigars"]{--ad-band:#0b1733;--ad-accent:#c9ced6}
[data-ad-band="big-bertha"],[data-ad-band="big-bertha-cigars"]{--ad-band:#1c130b;--ad-accent:#d6b16a}
.ad-sh[data-ad-band]{background:radial-gradient(70% 60% at 75% 0%,color-mix(in srgb,var(--ad-band,var(--ad-night-3)) 70%,#2a3f78),transparent 72%),var(--ad-band,var(--ad-night))}
.ad-sh[data-ad-band="big-bertha"]{background:radial-gradient(70% 60% at 75% 0%,color-mix(in srgb,var(--ad-band) 70%,#6b4a1e),transparent 72%),var(--ad-band)}  /* warm glow, not the navy */
.ad-sh[data-ad-band="big-bertha"] :is(.ad-crumbs ol,.ad-lede,.ad-lu-foot){color:#c8b48d}
.ad-sh[data-ad-band="big-bertha"] .ad-lu-ruler span{border-color:rgba(214,177,106,.14);color:#9c8562}
/* brand logo over the logo-free scene (brand-hero.phtml): same place and size for every brand, never cropped */
.ad-bh--logo .ad-bh-media img{object-position:72% 50%;opacity:.6}
.ad-bh-logo{position:absolute;top:clamp(40px,4vw,56px);right:var(--ad-g);z-index:0;width:clamp(112px,17vw,260px);aspect-ratio:1;margin:0;display:grid;place-items:center;pointer-events:none}
.ad-bh-logo:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--ad-band,var(--ad-night)) 78%,transparent),transparent)}
.ad-bh-logo img{max-width:100%;max-height:100%;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}
/* mission strip under the title (a brand's 'mission' in brand-hero.phtml) */
.ad-bh-mission{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;margin-top:clamp(24px,3vw,40px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid rgba(214,177,106,.28)}
.ad-bh-mission-h{grid-column:1 / -1;margin:0;font:300 clamp(36px,4vw,60px)/1 var(--ad-serif);letter-spacing:-.02em;color:#f1e6cf}
.ad-bh-mission-h i{font-size:.72em;color:var(--ad-gold-2)}
.ad-bh-mission-t{margin:0;max-width:64ch;font:600 12px/1.7 var(--ad-sans);letter-spacing:.16em;text-transform:uppercase;color:#cdbb95}
.ad-bh-mission-t b{color:var(--ad-gold-2);font-weight:700}
.ad-bh-mission-i{width:52px;height:39px;fill:none;stroke:var(--ad-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ad-bh-mission-a{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 11.5px/1.4 var(--ad-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ad-gold-2);text-decoration:none;border-bottom:1px solid rgba(228,200,145,.4)}
.ad-bh-mission-a:hover{color:#fff;border-color:#fff}
.ad-shop .ad-sh[data-ad-band]{background:linear-gradient(var(--ad-band,var(--ad-night)) 0,var(--ad-band,var(--ad-night)) 55%,var(--ad-night) 100%)}
.ad-sh[data-ad-band] .ad-crumbs ol,.ad-sh[data-ad-band] .ad-lede{color:var(--ad-lc-ash)}
.ad-sh[data-ad-band] .ad-dsp,.ad-sh[data-ad-band] .ad-crumbs [aria-current]{color:var(--ad-lc-ink)}
/* brand hero: the category photo behind the band */
.ad-bh{overflow:hidden;padding-bottom:clamp(36px,5vw,64px);min-height:clamp(320px,42vw,520px);display:flex;flex-direction:column}
.ad-bh .ad-sh-in{margin-top:auto;margin-bottom:0}
.ad-bh .ad-crumbs{margin-bottom:auto}
.ad-bh-media{position:absolute;inset:0;z-index:0}
.ad-bh-media img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;opacity:.55}
.ad-bh:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,var(--ad-band,var(--ad-night)) 8%,color-mix(in srgb,var(--ad-band,var(--ad-night)) 60%,transparent) 55%,transparent),linear-gradient(transparent 55%,var(--ad-band,var(--ad-night)))}
.ad-bh .ad-sh-in{display:flex;flex-direction:column;flex:1;padding-top:0}
.ad-bh .ad-sh-title{margin-top:auto;padding-top:clamp(48px,6vw,96px)}
.ad-bh .ad-sh-title h1{font-size:clamp(56px,9vw,160px)}

/* ---------- shelf (.lu.lu-dark) ---------- */
.ad-lu{--k:40px;--pad:44px;position:relative}
.ad-lu-stage{position:relative}
.ad-lu-ruler{position:absolute;inset:0;pointer-events:none}
.ad-lu-ruler span{position:absolute;left:var(--ad-g);right:var(--ad-g);bottom:calc(var(--pad) + var(--i) * var(--k));border-top:1px dashed rgba(236,228,214,.09);padding-top:6px;
 font:10.5px/1 var(--ad-sans);letter-spacing:.12em;text-transform:uppercase;color:#7d7264}
.ad-sh[data-ad-band] .ad-lu-ruler span{border-color:rgba(201,210,226,.12);color:#7f8aa3}
.ad-lu-scroll{overflow-x:auto;overflow-y:hidden;padding:80px 0 var(--pad);scrollbar-width:none;cursor:grab;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ad-lu-scroll::-webkit-scrollbar{display:none}
.ad-lu-scroll.is-drag{cursor:grabbing;scroll-behavior:auto}
.ad-lu-scroll:focus-visible{outline-offset:-4px}
.ad-shop .ad-lu-row{display:flex;align-items:flex-end;gap:calc(var(--k) * .26);width:max-content;margin:0 auto;padding:0 calc(var(--ad-g) + 40px);position:relative}
.ad-lu-row:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(rgba(0,0,0,.4),transparent);border-top:1px solid rgba(236,228,214,.18)}
.ad-lu-i{position:relative;flex:none;margin:0}
.ad-lu-c{display:block;position:relative;height:calc(var(--L) * var(--k));width:calc(var(--R) / 64 * var(--k));transition:transform .6s var(--ad-ease)}
.ad-lu-rot{position:absolute;left:50%;top:50%;width:calc(var(--L) * var(--k));height:calc(var(--R) / 64 * var(--k));transform:translate(-50%,-50%) rotate(90deg)}
.ad-lu-rot img{position:absolute;max-width:none;filter:drop-shadow(0 -6px 8px rgba(0,0,0,.6))}
.ad-lu-rot img.ad-fit-contain,.ad-cmp-fig img.ad-fit-contain{inset:0;width:100%;height:100%;object-fit:contain}
.ad-lu-i:hover .ad-lu-c,.ad-lu-i:focus-within .ad-lu-c{transform:translateY(-22px)}
.ad-lu-c:focus-visible{outline-offset:6px}
/* Brand chips over the shelf (/shop.html): the picked brand's cigars rise, glow in its colour and get a bar on the shelf */
.ad-lu-brands{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 24px;padding-top:8px}
.ad-shop .ad-lu-brands fieldset{border:0;margin:0;padding:0;min-width:0}
.ad-shop .ad-lu-brands legend{padding:0;margin-bottom:10px;font:600 10.5px var(--ad-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ad-ash)}
.ad-lu-chips{display:flex;flex-wrap:wrap;gap:8px}
.ad-lu-chip{position:relative;margin:0}
.ad-shop .ad-lu-chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.ad-lu-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ad-rule-2);border-radius:999px;background:var(--ad-night-2);font:500 14px var(--ad-sans);color:var(--ad-smoke);transition:background .25s,color .25s,border-color .25s}
.ad-lu-chip input:hover+span{border-color:var(--ad-gold)}
.ad-lu-chip input:checked+span{background:var(--ad-gold);border-color:var(--ad-gold);color:var(--ad-night)}
.ad-lu-chip input:focus-visible+span{outline:2px solid var(--ad-gold);outline-offset:2px}
.ad-lu-only{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 12px var(--ad-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ad-gold);text-decoration:none}
.ad-lu-only[hidden]{display:none}
.ad-lu-only:hover{text-decoration:underline;text-underline-offset:4px}
.ad-lu-i{--hl:var(--ad-gold)}
.ad-lu-i[data-brand="luis-cuao-cigars"]{--hl:#8fa6d8}
.ad-lu-i[data-brand="big-bertha-cigars"]{--hl:#d6b16a}
.ad-lu-i:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-10px;height:3px;border-radius:2px;background:var(--hl);opacity:0;transform:scaleX(.4);transition:opacity .4s,transform .5s var(--ad-ease)}
.ad-lu-i.is-hl:after{opacity:1;transform:none}
.ad-lu-i.is-hl .ad-lu-c{transform:translateY(-10px)}
.ad-lu-i.is-hl .ad-lu-rot img{filter:drop-shadow(0 -6px 8px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,var(--hl) 45%,transparent))}
.ad-lu-i.is-off .ad-lu-c{opacity:.18;filter:grayscale(1);transition:transform .6s var(--ad-ease),opacity .5s,filter .5s}
.ad-lu-i.is-off:hover .ad-lu-c{opacity:.55}
.ad-lu-i:hover .ad-lu-c,.ad-lu-i:focus-within .ad-lu-c{transform:translateY(-22px)}
.ad-lu-i.is-cmp .ad-lu-c:after{content:"";position:absolute;left:50%;bottom:-24px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--ad-gold)}
.ad-lu-tip{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%,10px);opacity:0;pointer-events:none;white-space:nowrap;z-index:3;
 display:flex;align-items:center;gap:14px;background:var(--ad-smoke);color:var(--ad-night);padding:10px 10px 10px 16px;border-radius:10px;
 font:12.5px/1.35 var(--ad-sans);text-align:left;transition:opacity .35s,transform .5s var(--ad-ease)}
.ad-lu-tip:after{content:"";position:absolute;left:0;right:0;top:100%;height:24px}
.ad-lu-tip b{display:block;font:400 19px/1.15 var(--ad-serif);letter-spacing:-.01em}
.ad-lu-i:hover .ad-lu-tip,.ad-lu-i:focus-within .ad-lu-tip{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ad-lu-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:28px;font:13px/1.5 var(--ad-sans);color:var(--ad-ash)}
.ad-sh[data-ad-band] .ad-lu-foot{color:var(--ad-lc-ash)}
.ad-lu-nav{display:flex;gap:8px}
.ad-lu-nav[hidden]{display:none}

/* ---------- filter bar (.fb, .pill) ---------- */
.ad-fb{position:sticky;top:var(--ad-hd);z-index:40;background:var(--ad-night);border-block:1px solid var(--ad-rule)}
.ad-fb-row{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none}
.ad-fb-row::-webkit-scrollbar{display:none}
.ad-pill{flex:none}
.ad-pill summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 18px;border:1px solid var(--ad-rule-2);border-radius:999px;list-style:none;cursor:pointer;
 font:500 14px/1 var(--ad-sans);color:var(--ad-smoke);white-space:nowrap;transition:background .25s,border-color .25s,color .25s}
.ad-pill summary::-webkit-details-marker{display:none}
.ad-pill summary::marker{content:""}
.ad-pill summary:hover{border-color:var(--ad-smoke)}
.ad-pill summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s}
.ad-pill[open] summary{background:var(--ad-smoke);color:var(--ad-night);border-color:var(--ad-smoke)}
.ad-pill[open] summary svg{transform:rotate(180deg)}
.ad-pill.is-on summary{border-color:var(--ad-gold);color:var(--ad-gold-2)}
.ad-pill.is-on[open] summary{color:var(--ad-night)}
.ad-pill-n{min-width:20px;height:20px;border-radius:10px;background:var(--ad-gold);color:var(--ad-night);font:700 11px/20px var(--ad-sans);text-align:center;padding:0 6px}
.ad-pill-pop{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--ad-night-3);border-top:1px solid var(--ad-rule-2);border-radius:20px 20px 0 0;
 padding:18px 20px calc(16px + env(safe-area-inset-bottom));max-height:78vh;overflow:auto;box-shadow:0 -30px 60px rgba(0,0,0,.6);animation:ad-sheet .45s var(--ad-ease)}
@keyframes ad-sheet{from{transform:translateY(40px);opacity:0}}
body.ad-sheet-open:after{content:"";position:fixed;inset:0;z-index:80;background:rgba(5,4,3,.6)}
body.ad-sheet-open .ad-fb{z-index:95}
.ad-pill-h{font:300 30px/1.1 var(--ad-serif);letter-spacing:-.02em;margin-bottom:10px;color:var(--ad-smoke)}
.ad-opt{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--ad-rule);font:15px/1.3 var(--ad-sans);color:var(--ad-smoke);text-decoration:none}
.ad-opt:visited{color:var(--ad-smoke)}
.ad-opt:hover{color:var(--ad-gold-2);text-decoration:none}
.ad-box{width:20px;height:20px;border:1px solid var(--ad-rule-2);border-radius:5px;flex:none;display:grid;place-items:center;transition:.2s}
.ad-opt:hover .ad-box{border-color:var(--ad-gold)}
.ad-opt.is-on .ad-box{background:var(--ad-gold);border-color:var(--ad-gold)}
.ad-opt.is-on .ad-box:after{content:"";width:9px;height:5px;border-left:2px solid var(--ad-night);border-bottom:2px solid var(--ad-night);transform:rotate(-45deg) translate(1px,-1px)}
.ad-opt-t{flex:1}
.ad-cnt{font:12.5px var(--ad-sans);color:var(--ad-ash)}
.ad-pill-done{width:100%;margin-top:16px}
.ad-pill-done[hidden]{display:none}
.ad-sort{flex:none;display:block}
.ad-sort select{appearance:none;-webkit-appearance:none;height:44px;min-height:44px;border:1px solid var(--ad-rule-2);border-radius:999px;color:var(--ad-smoke);box-shadow:none;
 background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M3 4.5l3 3 3-3' fill='none' stroke='%23a99c8b' stroke-width='1.6'/></svg>") no-repeat right 14px center;
 padding:0 36px 0 18px;font:500 14px/1 var(--ad-sans);cursor:pointer}
.ad-sort select:hover{border-color:var(--ad-smoke)}
.ad-sort select option{background:var(--ad-night-2);color:var(--ad-smoke)}
.ad-sort-links{display:flex;gap:6px;flex:none}
.ad-sort-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--ad-rule-2);border-radius:999px;font:500 13px var(--ad-sans);color:var(--ad-smoke);text-decoration:none}
.ad-sort-links [aria-current]{border-color:var(--ad-gold);color:var(--ad-gold-2)}
.ad-fb-n{margin:0 0 0 auto!important;padding-left:12px;font:13px var(--ad-sans);color:var(--ad-ash);white-space:nowrap}
.ad-fb-n b{color:var(--ad-smoke);font-weight:600}

/* ---------- results ---------- */
.ad-res{padding-top:24px;padding-bottom:clamp(44px,5vw,88px)}
.ad-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px!important}
.ad-chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--ad-rule-2);border-radius:999px;background:var(--ad-night-2);
 font:13.5px var(--ad-sans);color:var(--ad-smoke);text-decoration:none}
.ad-chips a:hover{border-color:var(--ad-gold);text-decoration:none;color:var(--ad-smoke)}
.ad-chips b{font-weight:300;font-size:18px;line-height:1;color:var(--ad-ash)}
.ad-chip-k{color:var(--ad-ash)}
.ad-chips .ad-chips-clr{border:0;background:none;color:var(--ad-gold);text-decoration:underline;text-underline-offset:3px}
.ad-hgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}

/* ---------- card (.hc) ---------- */
.ad-hc{position:relative;display:flex;flex-direction:column;height:100%;background:var(--ad-night-2);border:1px solid var(--ad-rule);
 border-radius:8px;overflow:hidden;color:var(--ad-smoke);transition:border-color .5s,transform .6s var(--ad-ease),box-shadow .6s;animation:ad-up .7s var(--ad-ease) backwards}
@keyframes ad-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.ad-hc:hover,.ad-hc:focus-within{border-color:var(--ad-rule-2);transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.ad-hc.is-cmp{border-color:var(--ad-gold)}
.ad-hc-a,.ad-hc-a:visited,.ad-hc-a:hover{display:flex;flex-direction:column;flex:1;color:var(--ad-smoke);text-decoration:none}
.ad-hc-a:focus-visible{outline-offset:-3px}
.ad-hc-m{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;
 background:radial-gradient(85% 75% at 50% 50%,color-mix(in srgb,var(--ad-band,var(--ad-night-3)) 82%,#fff 14%) 0%,var(--ad-band,var(--ad-night-3)) 55%,color-mix(in srgb,var(--ad-band,var(--ad-night-3)) 55%,#000) 100%)}
.ad-hc-m:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ad-accent,var(--ad-gold));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ad-ease)}
.ad-hc:hover .ad-hc-m:after,.ad-hc-a:focus-visible .ad-hc-m:after{transform:scaleX(1)}
.ad-hc-m img{width:88%;height:auto;transform:rotate(-9deg);filter:drop-shadow(0 22px 16px rgba(0,0,0,.5));transition:transform 1s var(--ad-ease)}
.ad-hc:hover .ad-hc-m img{transform:rotate(-3deg) translateX(3%) scale(1.06)}
.ad-hc-size{position:absolute;left:14px;top:14px;font:600 11px var(--ad-sans);letter-spacing:.14em;color:rgba(255,255,255,.82)}
.ad-hc-b{display:flex;flex-direction:column;gap:4px;padding:20px 20px 14px;flex:1}
.ad-hc-mk{font:600 10.5px/1.5 var(--ad-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ad-ash)}
.ad-hc-n{font:300 30px/1.04 var(--ad-serif);letter-spacing:-.025em;color:var(--ad-smoke)}
.ad-hc-v{font-style:italic;color:var(--ad-ash);font-size:16px}
.ad-hc-at{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px!important;font:500 13px/1.4 var(--ad-sans);color:var(--ad-smoke)}
.ad-hc-mm{color:var(--ad-ash);font-weight:400}
.ad-hc-or{display:inline-flex;align-items:center;gap:8px;color:var(--ad-ash)}
.ad-hc-or:before{content:"";width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(236,228,214,.35)}
.ad-hc-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin:0 20px;padding:14px 0 18px;border-top:1px solid var(--ad-rule);font:13px/1.4 var(--ad-sans);color:var(--ad-ash)}
.ad-hc-soon{flex-basis:100%;color:var(--ad-ash)}  /* status on its own row, links below: the same for every brand */
.ad-hc-links{display:flex;gap:4px 16px;flex-wrap:wrap}
.ad-hc-links a,.ad-hc-links a:visited{display:inline-flex;align-items:center;min-height:44px;color:var(--ad-gold-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(228,200,145,.4)}
.ad-hc-links a:hover{color:var(--ad-smoke)}
.ad-hc-foot .gt-pack-form{width:100%}

/* ---------- compare toggle ---------- */
.ad-cmp-t{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;
 background:rgba(13,10,8,.55);color:#fff;font:600 12px/1 var(--ad-sans);letter-spacing:.06em;cursor:pointer;transition:background .25s,border-color .25s,opacity .25s}
.ad-cmp-t[hidden]{display:none}
.ad-cmp-t:hover{border-color:#fff;background:rgba(13,10,8,.8)}
.ad-hc .ad-cmp-t{position:absolute;right:10px;top:10px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ad-cmp-box{width:16px;height:16px;border:1.5px solid currentColor;border-radius:4px;display:grid;place-items:center;flex:none}
.ad-cmp-t[aria-pressed="true"]{background:var(--ad-gold);border-color:var(--ad-gold);color:#1a120b}
.ad-cmp-t[aria-pressed="true"] .ad-cmp-box:after{content:"";width:8px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)}
.ad-cmp-t[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.ad-cmp-t--tip{border-color:rgba(13,10,8,.3);background:transparent;color:var(--ad-night)}
.ad-cmp-t--tip:hover{border-color:var(--ad-night);background:rgba(13,10,8,.06)}

/* ---------- compare drawer ---------- */
.ad-cmp{position:fixed;left:0;right:0;bottom:0;z-index:85;background:var(--ad-night-3);border-top:1px solid var(--ad-rule-2);border-radius:20px 20px 0 0;
 box-shadow:0 -30px 60px rgba(0,0,0,.6);padding:16px 0 calc(16px + env(safe-area-inset-bottom));max-height:70vh;overflow:auto;animation:ad-sheet .45s var(--ad-ease)}
.ad-cmp[hidden]{display:none}
.ad-cmp-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ad-cmp-head h2{font:300 24px/1.1 var(--ad-serif);letter-spacing:-.02em;color:var(--ad-smoke);margin:0 auto 0 0}
.ad-cmp-head h2 em{font-style:italic;color:var(--ad-gold-2)}
.ad-cmp-head .ad-btn{min-height:44px;padding:0 20px}
.ad-cmp-stage{position:relative;margin-top:14px}
.ad-cmp-row{display:grid;gap:6px;margin-bottom:14px}
.ad-cmp-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font:13px/1.4 var(--ad-sans);color:var(--ad-ash)}
.ad-cmp-meta a,.ad-cmp-meta a:visited{display:inline-flex;align-items:center;min-height:32px;font:400 19px/1.15 var(--ad-serif);color:var(--ad-smoke);text-decoration:underline;text-decoration-color:var(--ad-rule-2);text-underline-offset:4px}
.ad-cmp-meta a:hover{text-decoration-color:var(--ad-gold)}
.ad-cmp-fig{position:relative;overflow:visible}
.ad-cmp-fig img{position:absolute;max-width:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.ad-cmp-ruler{position:relative;height:30px;border-top:1px solid var(--ad-rule-2);margin-top:4px}
.ad-cmp-ruler i{position:absolute;top:0;width:1px;height:6px;background:var(--ad-rule-2)}
.ad-cmp-ruler i.in{height:12px;background:var(--ad-ash)}
.ad-cmp-ruler span{position:absolute;top:14px;white-space:nowrap;transform:translateX(-50%);font:10.5px/1 var(--ad-sans);letter-spacing:.08em;color:var(--ad-ash)}
.ad-cmp-delta{margin-top:10px!important;font:14px/1.5 var(--ad-sans);color:var(--ad-smoke)}
.ad-cmp-delta b{color:var(--ad-gold-2);font-weight:600}
.ad-cmp-hint{font:13px/1.5 var(--ad-sans);color:var(--ad-ash);margin-top:6px!important}
body.ad-cmp-on{padding-bottom:var(--ad-cmp-h,0)}

/* ---------- empty / no results ---------- */
.ad-empty{padding:80px 0;text-align:center}
.ad-empty .ad-dsp{font-size:clamp(40px,5vw,72px);margin-bottom:16px;color:var(--ad-smoke)}
.ad-empty p{color:var(--ad-ash);font-size:18px;line-height:1.6}
.ad-empty a:not(.ad-btn){color:var(--ad-gold);text-decoration:underline;text-underline-offset:3px}
.ad-empty-act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px!important}
.ad-empty--search{padding-left:var(--ad-g);padding-right:var(--ad-g)}
.ad-sh--search{padding-bottom:clamp(28px,4vw,48px)}

/* ---------- pager (Magento html/pager.phtml) ---------- */
.ad-pager{margin-top:40px}
.ad-pager .pages{display:flex;justify-content:center}
.ad-pager .pages .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ad-pager .pages .items{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:0}
.ad-pager .pages .item{margin:0;font:500 14px/1 var(--ad-sans)}
.ad-pager .pages .item a,.ad-pager .pages .item strong{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--ad-rule-2);
 border-radius:999px;color:var(--ad-smoke);background:none;text-decoration:none;box-shadow:none}
.ad-pager .pages .item a:hover{border-color:var(--ad-smoke)}
.ad-pager .pages .item.current strong{background:var(--ad-smoke);border-color:var(--ad-smoke);color:var(--ad-night)}
.ad-pager .pages .action:before{display:none}
.ad-pager .pages .action span:not(.label){position:static;width:auto;height:auto;clip:auto;overflow:visible}

/* ---------- ≥ 720 ---------- */
@media (min-width:720px){
 .ad-hgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .ad-pill{position:relative}
 .ad-pill-pop{position:absolute;left:0;right:auto;bottom:auto;top:calc(100% + 12px);min-width:300px;max-height:min(60vh,520px);border:1px solid var(--ad-rule-2);border-radius:16px;
  padding:16px 18px;animation:ad-pop .35s var(--ad-ease)}
 @keyframes ad-pop{from{transform:translateY(-6px);opacity:0}}
 .ad-pill-h{font-size:24px}
 .ad-pill-done{display:none}
 body.ad-sheet-open:after{display:none}
 .ad-fb-row{overflow:visible;flex-wrap:wrap}
 .ad-lu{--k:42px}
 .ad-cmp{left:50%;right:auto;width:min(960px,calc(100vw - 32px));transform:translateX(-50%);padding-top:20px;animation:none}
}
/* ---------- ≥ 1024 ---------- */
@media (min-width:1024px){
 .ad-lu{--k:44px}
 .ad-hgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ad-sh-title{grid-template-columns:auto 1fr;align-items:end;gap:48px}
 .ad-sh-title .ad-lede{padding-bottom:18px}
 .ad-bh .ad-sh-title{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
 .ad-bh-mission{grid-template-columns:auto minmax(0,1fr) auto auto;gap:0 32px}
 .ad-bh-mission-h,.ad-bh-mission-a{grid-column:auto}
 .ad-bh-mission-t{padding-left:32px;border-left:1px solid rgba(214,177,106,.45)}
}
@media (min-width:1440px){.ad-hgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){
 .ad-hc,.ad-pill-pop,.ad-cmp{animation:none}
 .ad-hc,.ad-hc-m img,.ad-lu-c,.ad-lu-tip,.ad-hc-m:after{transition:none}
 .ad-hc:hover,.ad-hc:focus-within{transform:none}
 .ad-hc:hover .ad-hc-m img{transform:rotate(-9deg)}
}