/* SUPHERB / Edition 03 — the botanical cover and collectible Atlas. */
:root{--s-bone:#f4e6d5;--s-moss:#b6d9b9;--s-brass:#e8ba7f;--s-rose:#edb0c5}
body{background-color:#211922}
body .site-header.signature-header{background-image:
  linear-gradient(100deg,#53263eec 0%,#312335f5 48%,#1b3932f7 100%),
  url('assets/supherb-terpene-pattern.svg');
  background-size:cover,350px 157px;background-position:center,right top;
  border-bottom:1px solid #e9c598;box-shadow:0 10px 34px #0a0b1180,inset 0 -1px 0 #9fcdbb46}
body .site-header.signature-header::after{content:'';top:-31px;right:7%;left:auto;width:184px;height:180px;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;opacity:.25;transform:rotate(22deg);pointer-events:none}
body .site-header.signature-header .signature-nav a{position:relative;border-radius:2px}
body .site-header.signature-header .signature-nav a:hover,
body .site-header.signature-header .signature-nav a[aria-current=location]{background:linear-gradient(150deg,#f7cf9b24,#aedbc01b);border-color:#eccd9b82}
body .site-header.signature-header .signature-nav a[aria-current=location]::before{content:'';position:absolute;left:9px;right:9px;bottom:4px;height:2px;background:linear-gradient(90deg,#e6b786,#a2d7b5)}
.signature-seal{background:radial-gradient(circle,#b76b833d 5%,#281c30b5 76%),url('assets/supherb-terpene-pattern.svg') center/180px auto}
.signature-shop-link{background:linear-gradient(115deg,#f4d9b5,#e3b59b 56%,#b8d8b9);border-color:#f9e8c6;box-shadow:3px 3px 0 #bbd3bd3f}
.signature-bag-open{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:8px 11px;
  background:#e7c9af14;color:#f5ddc2;border:1px solid #e4bb8eac;cursor:pointer;transition:background .2s}
.signature-bag-open:hover{background:#e7c9af39}
.signature-bag-open>span{font-size:26px;line-height:1;transform:rotate(-7deg)}
.signature-bag-open b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;
  background:#dfbb91;border-radius:50%;color:#342139;font:800 10px 'DM Sans',sans-serif}

/* Connect four previously detached hero fragments into one editorial cover. */
#discover{padding:22px 5% 104px;background:
  radial-gradient(ellipse 52% 24% at 90% 5%,#ca80a141,transparent 75%),
  radial-gradient(ellipse 48% 27% at 8% 18%,#a15f8e52,transparent 80%),
  radial-gradient(ellipse 59% 30% at 93% 70%,#408c7645,transparent 74%),
  linear-gradient(130deg,#2f2034 0%,#221c2a 50%,#172c2a 100%)}
#discover::before{content:'';position:absolute;right:-110px;top:165px;width:min(680px,60vw);height:740px;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;opacity:.16;transform:rotate(-13deg);pointer-events:none}
#discover::after{content:'';position:absolute;left:-185px;top:1250px;width:500px;height:560px;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;opacity:.055;transform:rotate(24deg);pointer-events:none}
#discover>.atlas-intro-strip,#discover>.finder-heading,#discover>.atlas-count-ribbon,
#discover>.atlas-digital-intro,#discover>.finder-note,#discover>.atlas-kind-filters,
#discover>.atlas-photo-categories,#discover>.finder-toolbar,#discover>.finder-search-row,#discover>.finder-grid{position:relative;z-index:1}
#discover .atlas-intro-strip{display:flex;min-height:48px;margin:0;padding:11px 24px;gap:18px;
  border:1px solid #dcb18d8f;border-bottom:0;box-shadow:none;
  background:linear-gradient(90deg,#4b2b40,#3a3040 51%,#304a43);}
#discover .atlas-intro-strip::before,#discover .atlas-intro-strip::after{display:none}
#discover .atlas-intro-strip .atlas-seal{display:none}
#discover .atlas-intro-strip>span{font-size:9px;color:#f3dfbf;letter-spacing:2px}
#discover .atlas-intro-strip>span:nth-of-type(2){color:#b9d9c4}
#discover .finder-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  align-items:center;gap:clamp(28px,3vw,58px);min-height:395px;margin:0;padding:36px clamp(24px,3.2vw,55px) 28px;
  border:1px solid #e0b78e80;border-bottom:0;
  background:radial-gradient(ellipse at 4% 20%,#b2638342,transparent 60%),
  radial-gradient(ellipse at 87% 85%,#50887547,transparent 65%),
  linear-gradient(115deg,#3d2440ed 0%,#2c2536ee 59%,#224039e9 100%);
  box-shadow:inset 0 0 0 9px #ffefdb07}
#discover .finder-heading>div:first-child{position:relative;min-width:0}
#discover .finder-heading>div:first-child::before{content:'✳  THE CULTIVAR CHRONICLES';display:block;
  margin-bottom:20px;color:#a8d2b3;font:700 9px 'DM Sans',sans-serif;letter-spacing:2.5px}
#discover .finder-heading .eyebrow{font-size:9px;letter-spacing:2.4px;color:#e9c29f}
#discover .finder-heading h2{font-size:clamp(67px,7.1vw,114px);margin:14px 0 0;
  line-height:.96;max-width:840px;letter-spacing:-.065em;text-wrap:balance}
#discover .finder-heading h2 em{font-size:.88em;white-space:normal;
  background:linear-gradient(102deg,#f6d9aa,#efb8c7 56%,#acd9c3);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#discover .atlas-intro-copy{max-width:none;padding:0;position:relative;align-self:center}
#discover .atlas-intro-copy>p{color:#eee0da;max-width:440px;font-size:14px;line-height:1.8;margin:0 auto 20px}
#discover .atlas-intro-links{display:flex;flex-wrap:wrap;gap:11px}
#discover .atlas-intro-links a{font-size:10px;min-height:40px;display:inline-flex;align-items:center;letter-spacing:.35px}
#discover .atlas-mini-gallery{height:175px;margin:16px auto 0;justify-content:center;filter:drop-shadow(0 15px 20px #100a18c0)}
#discover .atlas-mini-gallery img{height:147px;width:111px;border:2px solid #f4ddbc}
#discover .atlas-mini-gallery img:nth-child(2){height:164px}
#discover .atlas-count-ribbon{margin:0 0 30px;border:1px solid #e0b78e80;border-top:1px solid #f0c79c65;
  background:linear-gradient(97deg,#57314aeb,#4c3b43f1,#265347e9)}
#discover .atlas-count-ribbon span{min-height:67px;padding:10px 13px;color:#f6e7d8}
#discover .atlas-count-ribbon strong{font-size:30px;color:#f8d6a3}

/* More visible collectible edition CTA and a calmer browsing hierarchy. */
#discover .atlas-digital-intro{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:20px;
  align-items:center;margin:17px 0 27px;padding:20px 26px;border:1px solid #ead4ad;
  background:radial-gradient(ellipse at 100% 0%,#d9baab96,transparent 70%),
  linear-gradient(110deg,#e9ddc9,#c4d9c7 55%,#ecd1c2);color:#2a2430;
  box-shadow:0 11px 26px #11101a42}
.atlas-digital-symbol{display:grid;place-items:center;width:73px;height:73px;border-radius:50%;
  border:1px solid #805e62;box-shadow:inset 0 0 0 6px #fff9ea66;color:#6d3d59;font:italic 59px Georgia,serif}
.atlas-digital-intro>div:nth-child(2){display:flex;flex-direction:column;gap:5px}
.atlas-digital-intro>div:nth-child(2)>span{color:#78536b;font:800 9px 'DM Sans',sans-serif;letter-spacing:2px}
.atlas-digital-intro strong{color:#2d2632;font:normal clamp(26px,3vw,40px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.045em}
.atlas-digital-intro strong em{color:#8c4d6b}
#discover .atlas-digital-intro p{margin:4px 0 0;color:#584a54;font-size:12px;line-height:1.6;max-width:590px}
.atlas-digital-intro>a{display:grid;place-items:center;padding:13px 18px;min-height:50px;border:1px solid #3c3d36;
  background:#2e3532;color:#f8e7c9!important;text-decoration:none;white-space:nowrap;font:700 10px 'DM Sans',sans-serif;letter-spacing:.6px}
.atlas-digital-intro>a:hover{background:#4f6555}
#discover .finder-note{margin:22px 0 12px;color:#ead3c1;font-size:10px;letter-spacing:.7px}
#discover .atlas-kind-filters,#discover .atlas-photo-categories{background-image:
  linear-gradient(95deg,#53344de8,#34483ff0),url('assets/supherb-terpene-pattern.svg');background-size:cover,380px 170px;
  border:1px solid #cda986a1;box-shadow:inset 0 1px 0 #ffe3be1c}
#discover .finder-toolbar{padding:17px 16px;margin:0 0 13px;border:1px solid #cda98670;
  background-image:linear-gradient(110deg,#322537e8,#234338e8),url('assets/supherb-terpene-pattern.svg');
  background-size:cover,380px 170px;background-position:center,left center}
#discover .finder-toolbar .filter-label{color:#d2e3c9}
#discover .finder-search-row{margin-top:17px}
.finder-card .finder-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid #d3ad9658;padding-top:17px}
.finder-links .finder-compare,.finder-links .finder-view{display:grid;place-items:center;min-height:41px;
  background:#ffffff06;border:1px solid #d5bca45e;text-align:center;text-decoration:none;padding:9px 6px;
  color:#f0dfd0;font:600 10px 'DM Sans',sans-serif;cursor:pointer}
.finder-links .finder-compare:hover,.finder-links .finder-view:hover{background:#ffffff16;border-color:var(--card-accent)}
.finder-links .finder-digital-add{grid-column:1/-1;display:flex;justify-content:center;align-items:center;
  min-height:46px;padding:11px 13px;border:1px solid #e8c48b;background:linear-gradient(105deg,#edd4ac,#c8dec5);
  color:#332632;font:800 11px 'DM Sans',sans-serif;letter-spacing:.65px;cursor:pointer;
  box-shadow:inset 0 -3px 0 #83675224;transition:filter .2s,transform .2s}
.finder-links .finder-digital-add:hover{filter:brightness(1.06);transform:translateY(-2px)}
.finder-links .finder-digital-add::before{content:'✧';font:20px Georgia,serif;margin-right:11px;color:#78506a}
.finder-links .finder-source{grid-column:1/-1;justify-self:end;min-height:31px;padding:5px 10px;
  font-size:9px;letter-spacing:1.1px;border-color:#a38b8a9e;color:#dec4bc}
.finder-lineage{color:#e5c6ac}
.finder-card .finder-deep-dive[open]{background:linear-gradient(90deg,#ddc1a609,transparent)}
.merch-cart-item .merch-bag-thumb{width:57px;height:72px;object-fit:contain;flex:0 0 57px;
  background:#171b21;border:1px solid #cfab9770;padding:2px}
.merch-cart-item .merch-bag-thumb+div{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.merch-cart-item .merch-bag-thumb+div strong{font-size:19px}
.merch-cart-item>div:last-child{flex-shrink:0}
.merch-cart-dialog{background-image:linear-gradient(110deg,#2b2030dd,#2b2030e9),
  url('assets/supherb-terpene-pattern.svg')!important;background-size:cover,380px 170px!important}
#shop.shop-section{background-image:radial-gradient(ellipse at 10% 10%,#9c5d8372,transparent 50%),
  radial-gradient(ellipse at 85% 65%,#357d6540,transparent 50%),
  linear-gradient(120deg,#261c2c 0%,#182d28 100%)}
#shop::before{content:'';top:45px;right:-65px;width:min(620px,54vw);height:750px;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;opacity:.12}
.poster-room-nav{background-image:linear-gradient(110deg,#5b2a4fea,#2c4d47ee),url('assets/supherb-terpene-pattern.svg');background-size:cover,380px 170px}

@media(max-width:1100px){
 #discover .finder-heading{grid-template-columns:1fr 360px;min-height:360px;gap:23px;padding:33px 28px 26px}
 #discover .finder-heading h2{font-size:clamp(62px,7.3vw,94px)}
 #discover .atlas-mini-gallery img{height:126px;width:93px}#discover .atlas-mini-gallery img:nth-child(2){height:142px}
 #discover .atlas-digital-intro{grid-template-columns:60px 1fr;gap:15px}
 #discover .atlas-digital-intro>a{grid-column:2;justify-self:start}
 .atlas-digital-symbol{width:60px;height:60px;font-size:45px}
}
@media(max-width:1020px){
 body .site-header.signature-header .signature-shop-link>span:first-child{display:block}
 .signature-shop-link{min-height:44px;padding:8px 11px}
 .signature-bag-open{min-height:44px;padding:7px 9px}
}
@media(max-width:840px){
 #discover{padding:17px 4.5% 75px}
 #discover .finder-heading{grid-template-columns:1fr;min-height:0;gap:17px;padding:33px 27px 25px}
 #discover .finder-heading h2{font-size:clamp(65px,11vw,105px)}
 #discover .atlas-intro-copy{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px 20px;align-items:center}
 #discover .atlas-intro-copy>p{margin:0;grid-column:1}
 #discover .atlas-intro-links{grid-column:1;grid-row:2}
 #discover .atlas-mini-gallery{grid-column:2;grid-row:1/3;margin:0;height:150px}
 #discover .atlas-mini-gallery img{height:123px;width:91px}#discover .atlas-mini-gallery img:nth-child(2){height:138px}
 #discover::before{width:530px;right:-215px;top:70px;opacity:.115}
}
@media(max-width:650px){
 body .site-header.signature-header::after{right:-70px;opacity:.16}
 .signature-actions{gap:5px}
 .signature-shop-link{min-height:40px;padding:7px 8px;font-size:8px;letter-spacing:.5px}
 .signature-bag-open{min-height:40px;padding:6px 7px;gap:4px}
 .signature-bag-open>span{font-size:18px}
 .signature-bag-open b{min-width:17px;height:17px;font-size:9px}
 #discover .atlas-intro-strip{gap:8px;padding:10px 13px;min-height:42px}
 #discover .atlas-intro-strip>span{font-size:8px;letter-spacing:1.2px}
 #discover .atlas-intro-strip>span:nth-of-type(2),#discover .atlas-intro-strip>a{display:none}
 #discover .finder-heading{padding:26px 17px 22px;gap:19px}
 #discover .finder-heading>div:first-child::before{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}
 #discover .finder-heading h2{font-size:clamp(56px,13.1vw,80px);line-height:.95}
 #discover .atlas-intro-copy{display:flex;flex-direction:column;gap:12px;align-items:stretch}
 #discover .atlas-intro-copy>p{font-size:12px;line-height:1.7;margin:0}
 #discover .atlas-intro-links{gap:9px}
 #discover .atlas-mini-gallery{margin:6px auto 0;height:135px;align-self:center}
 #discover .atlas-mini-gallery img{height:112px;width:86px}#discover .atlas-mini-gallery img:nth-child(2){height:129px}
 #discover .atlas-count-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 23px}
 #discover .atlas-count-ribbon span{justify-content:start;min-height:60px;font-size:8px;gap:7px;padding:11px 9px}
 #discover .atlas-count-ribbon span:nth-child(2){border-right:0}
 #discover .atlas-count-ribbon span strong{font-size:24px}
 #discover .atlas-digital-intro{grid-template-columns:45px minmax(0,1fr);padding:16px 13px;gap:12px;margin:12px 0 23px}
 .atlas-digital-symbol{width:45px;height:45px;font-size:33px;align-self:start}
 .atlas-digital-intro>div:nth-child(2)>span{font-size:8px;letter-spacing:1px}
 .atlas-digital-intro strong{font-size:26px}
 .atlas-digital-intro p{font-size:11px}
 #discover .atlas-digital-intro>a{grid-column:1/-1;width:100%;min-height:43px;font-size:9px}
 #discover .finder-toolbar{padding:13px 10px}
 .merch-cart-item .merch-bag-thumb{width:43px;height:60px;flex-basis:43px}
 .merch-cart-item .merch-bag-thumb+div strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.finder-links .finder-digital-add{transition:none}}
