/* =====================================================================
   6 MUSHROOMS - PREMIUM HOME  (scoped to .six-rd)
   Larger confident type, real photography, video, map.
   ===================================================================== */
.six-rd{
  --f: var(--ap-font);
  --t-hero: clamp(30px, 3.4vw, 46px);
  --t-h2:   clamp(23px, 2.4vw, 32px);
  --t-h3:   clamp(17px, 1.3vw, 20px);
  --t-lead: clamp(16px, 1.2vw, 18px);
  --t-body: clamp(15px, 1vw, 16px);
  --t-eyebrow: 13px;
  /* every colour comes from the global tokens in chrome.css - never hardcode */
  --ink:var(--ap-ink); --ink-2:var(--ap-ink-2); --muted:var(--ap-mute); --faint:var(--ap-faint);
  --canvas:var(--ap-canvas); --paper:var(--ap-surface); --parch:var(--ap-parchment);
  --line:var(--ap-line); --line-soft:var(--ap-line-soft);
  --aub:var(--ap-dark); --aub-deep:var(--ap-dark-deep); --aub-tile:var(--ap-dark-tile);
  --aub-edge:var(--ap-dark-edge); --aub-abyss:var(--ap-dark-abyss);
  --plum:var(--ap-plum); --plum-h:var(--ap-plum-dark); --plum-d:var(--ap-plum-light);
  --mist:var(--ap-mist); --gold:var(--ap-gold-light);
  --on-dark:var(--ap-on-dark-2); --on-dark-mute:var(--ap-on-dark-mute);
  --hairline-dark:var(--ap-hairline-dark);
  --wrap:1240px; --text:940px; --gut:clamp(22px,5vw,64px); --sec:clamp(60px,6.5vw,100px);
  --r:20px; --rl:26px;
  --sh:0 2px 8px rgba(20,6,24,.05), 0 18px 44px rgba(20,6,24,.10);
  --sh-lift:0 10px 24px rgba(20,6,24,.08), 0 32px 64px rgba(20,6,24,.18);
  --e:cubic-bezier(.16,1,.3,1);
  font-family:var(--f); color:var(--ink);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.six-rd *{box-sizing:border-box;}
.six-rd section{padding-block:var(--sec); padding-inline:var(--gut); position:relative; overflow:clip;}
.six-rd .wrap{max-width:var(--wrap); margin-inline:auto; width:100%;}
.six-rd .wrap--text{max-width:var(--text);}
.six-rd h1,.six-rd h2,.six-rd h3{margin:0; font-weight:700; letter-spacing:-.028em; line-height:1.04; text-wrap:balance;}
.six-rd h2{font-size:var(--t-h2); letter-spacing:-.024em; line-height:1.06;}
.six-rd h3{font-size:var(--t-h3); letter-spacing:-.018em; line-height:1.2;}
.six-rd p{margin:0; font-size:var(--t-body); line-height:1.55; letter-spacing:-.011em;}
.six-rd .eyebrow{font-size:var(--t-eyebrow); font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--plum); margin:0 0 18px;}
.six-rd .eyebrow--light{color:var(--plum-d);}
.six-rd .lead{font-size:var(--t-lead); line-height:1.4; letter-spacing:-.014em; color:var(--muted); font-weight:400;}
.six-rd .lead--dark{color:var(--on-dark-mute);}
.six-rd .lead--muted{color:var(--muted);}
.six-rd .rd-head{text-align:center; max-width:var(--text); margin:0 auto clamp(48px,6vw,76px);}
.six-rd .rd-head .lead{margin-top:18px;}
.six-rd .rd-head--light h2{color:var(--canvas);}
.six-rd .rd-center{text-align:center; margin-top:clamp(40px,5vw,60px);}

/* buttons */
.six-rd .btn{display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:16px 34px;
  border-radius:9999px; font-size:18px; font-weight:700; letter-spacing:-.012em; text-decoration:none; border:0; cursor:pointer;
  transition:background-color .25s var(--e), transform .18s var(--e);}
.six-rd .btn-primary{background:var(--plum); color:var(--canvas);}
.six-rd .btn-primary:hover{background:var(--plum-h); color:var(--canvas); transform:translateY(-2px);}
.six-rd .btn-ghost{background:transparent; color:var(--plum-d); padding:16px 12px;}
.six-rd .btn-ghost--dark{color:var(--plum);}
.six-rd .btn-ghost:hover{text-decoration:underline;}

/* 1 HERO */
.six-rd .rd-hero{background:radial-gradient(130% 120% at 76% 6%, var(--aub-edge) 0%, var(--aub-deep) 52%, var(--aub-abyss) 100%);
  color:var(--on-dark); padding-block:clamp(64px,8vw,110px);}
.six-rd .rd-hero-glow{position:absolute; inset:auto -5% 10% 45%; width:70vw; height:70vw; max-width:880px; max-height:880px;
  background:radial-gradient(circle, color-mix(in srgb, var(--plum-d) 26%, transparent), transparent 62%); filter:blur(24px); pointer-events:none;}
.six-rd .rd-hero-inner{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,72px); align-items:center; position:relative;}
.six-rd .rd-hero h1{font-size:var(--t-hero); line-height:1.0; letter-spacing:-.035em; color:var(--canvas);}
.six-rd .rd-hero .lead{color:var(--mist); max-width:40ch; margin-top:26px;}
.six-rd .rd-cta{display:flex; gap:14px; flex-wrap:wrap; margin-top:38px; align-items:center;}
.six-rd .rd-hero-notes{list-style:none; margin:44px 0 0; padding:26px 0 0; border-top:1px solid var(--hairline-dark);
  display:flex; gap:clamp(24px,4vw,56px); flex-wrap:wrap;}
.six-rd .rd-hero-notes li{display:flex; flex-direction:column; gap:3px;}
.six-rd .rd-hero-notes strong{font-size:15px; font-weight:700; color:var(--canvas);}
.six-rd .rd-hero-notes span{font-size:14px; color:var(--on-dark-mute);}
.six-rd .rd-hero-media{display:flex; justify-content:center;}
.six-rd .rd-hero-img{width:100%; max-width:460px; height:auto; filter:drop-shadow(0 34px 60px rgba(0,0,0,.5));}

/* 2 TRUST */
.six-rd .rd-trust{background:var(--parch);}
.six-rd .rd-trust-row{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,3vw,48px);}
.six-rd .rd-pillar{text-align:center; padding:0 10px; position:relative;}
.six-rd .rd-pillar+.rd-pillar::before{content:""; position:absolute; left:calc(-1*clamp(12px,1.5vw,24px)); top:10px; bottom:10px; width:1px; background:var(--line);}
.six-rd .rd-pillar img{width:76px; height:76px; object-fit:contain; margin:0 auto 20px; display:block;}
.six-rd .rd-pillar h3{margin-bottom:10px;}
.six-rd .rd-pillar p{color:var(--muted); max-width:34ch; margin-inline:auto;}

/* 3 CATEGORIES */
.six-rd .rd-cats{background:var(--aub); color:var(--on-dark);}
.six-rd .rd-bento{display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:260px; gap:clamp(16px,1.8vw,24px);}
.six-rd .rd-cat{position:relative; border-radius:var(--rl); overflow:clip; background:var(--aub-tile); text-decoration:none; color:var(--canvas); display:block;}
@media(min-width:900px){ .six-rd .rd-cat--lg{grid-column:1; grid-row:1/span 2;} }
.six-rd .rd-cat-media{position:absolute; inset:0;}
.six-rd .rd-cat-img{width:100%; height:100%; object-fit:cover; opacity:.82; transition:transform .7s var(--e), opacity .4s;}
.six-rd .rd-cat::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,12,25,0) 35%,rgba(20,10,22,.9) 100%);}
.six-rd .rd-cat:hover .rd-cat-img{transform:scale(1.07); opacity:.95;}
.six-rd .rd-cat-label{position:absolute; left:26px; right:26px; bottom:24px; z-index:1; display:flex; flex-direction:column; gap:4px;}
.six-rd .rd-cat-name{font-size:22.4px; font-weight:700; letter-spacing:-.02em;}
.six-rd .rd-cat--lg .rd-cat-name{font-size:32px;}
.six-rd .rd-cat-count{font-size:15.2px; color:var(--mist);}

/* 4 FEATURED */
.six-rd .rd-featured{background:var(--canvas);}
.six-rd .rd-prod-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(18px,2vw,30px);}
.six-rd .rd-pcard-link{text-decoration:none; color:var(--ink); display:block;}
.six-rd .rd-pcard-media{display:block; aspect-ratio:1/1; border-radius:var(--r); overflow:clip; background:var(--paper);}
.six-rd .rd-pcard-media img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--e);}
.six-rd .rd-pcard:hover .rd-pcard-media img{transform:scale(1.06);}
.six-rd .rd-pcard-body{display:flex; flex-direction:column; gap:6px; padding:16px 4px 0;}
.six-rd .rd-stars{font-size:14.7px; color:var(--gold); font-weight:700;}
.six-rd .rd-stars em{color:var(--muted); font-style:normal; font-weight:400;}
.six-rd .rd-pcard-name{font-size:17.9px; font-weight:700; letter-spacing:-.015em; line-height:1.28;}
.six-rd .rd-pcard-price{color:var(--muted); font-size:16.3px;}
.six-rd .rd-pcard-price .amount{color:var(--ink); font-weight:700;}

/* 5 REVIEWS */
.six-rd .rd-reviews{background:var(--paper);}
.six-rd .rd-glogo{height:46px; width:auto; margin:0 auto 22px; display:block;}
.six-rd .rd-review-rail{display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:14px;}
.six-rd .rd-review-rail::-webkit-scrollbar{height:6px;}
.six-rd .rd-review-rail::-webkit-scrollbar-thumb{background:var(--line); border-radius:4px;}
.six-rd .rd-review{flex:0 0 clamp(290px,33%,400px); scroll-snap-align:start; background:var(--canvas); border:1px solid var(--line);
  border-radius:var(--r); padding:30px; margin:0; box-shadow:var(--sh);}
.six-rd .rd-stars--gold{color:var(--gold); font-size:16.8px; letter-spacing:3px; margin-bottom:16px;}
.six-rd .rd-review blockquote{margin:0; font-size:17.3px; line-height:1.55; color:var(--ink-2); letter-spacing:-.012em;}
.six-rd .rd-review figcaption{margin-top:20px; font-weight:700; font-size:16px; display:flex; align-items:center; gap:10px;}
.six-rd .rd-verified{font-size:11.5px; font-weight:700; color:var(--plum); background:var(--parch); padding:4px 10px; border-radius:99px;}

/* SPLIT layout (Why / Guide / Visit) */
.six-rd .rd-split{display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,5vw,80px); align-items:center;}
.six-rd .rd-split--rev .rd-split-media{order:2;}
.six-rd .rd-split-media img{width:100%; height:100%; max-height:640px; object-fit:cover; border-radius:var(--rl); display:block; box-shadow:var(--sh);}
.six-rd .rd-split-media--sticky{position:sticky; top:96px;}
.six-rd .rd-split-copy > p{margin-top:20px; color:var(--muted); max-width:56ch;}
.six-rd .rd-split-copy .btn{margin-top:32px;}

/* 6 WHY (dark) */
.six-rd .rd-why{background:var(--aub-deep); color:var(--on-dark);}
.six-rd .rd-why h2{color:var(--canvas);}
.six-rd .rd-why .rd-split-copy > p{color:var(--mist);}

/* 7 GUIDE */
.six-rd .rd-guide{background:var(--canvas);}
.six-rd .rd-guide header{margin-bottom:40px;}
.six-rd .rd-steps{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:clamp(26px,3vw,40px);}
.six-rd .rd-step{display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,2vw,30px); align-items:start;}
.six-rd .rd-step-num{font-size:clamp(38.4px,3.4vw,57.6px); font-weight:700; line-height:.9; letter-spacing:-.04em; color:var(--plum); opacity:.26;}
.six-rd .rd-step h3{margin-bottom:8px;}
.six-rd .rd-step p{color:var(--muted); max-width:56ch;}

/* 8 SCIENCE + VIDEO */
.six-rd .rd-science{background:var(--aub-deep); color:var(--on-dark);}
.six-rd .rd-science-bg{position:absolute; inset:0; background-image:var(--sci-bg); background-size:cover; background-position:center; opacity:.17; filter:saturate(.75);}
.six-rd .rd-science-bg::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(36,19,38,.72), rgba(21,11,23,.94));}
.six-rd .rd-science-inner{position:relative;}
.six-rd .rd-video{position:relative; max-width:1000px; margin:0 auto; aspect-ratio:16/9; border-radius:var(--rl); overflow:clip;
  box-shadow:0 30px 80px rgba(0,0,0,.55); cursor:pointer; background:#000;}
.six-rd .rd-video-poster{width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s var(--e), opacity .3s;}
.six-rd .rd-video:hover .rd-video-poster{transform:scale(1.03); opacity:.9;}
.six-rd .rd-play{position:absolute; inset:0; margin:auto; width:88px; height:88px; border-radius:50%; border:0; cursor:pointer;
  background:var(--ap-glass); color:var(--aub-deep); display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 40px rgba(0,0,0,.4); transition:transform .25s var(--e), background .25s;}
.six-rd .rd-play svg{width:38px; height:38px; margin-left:5px;}
.six-rd .rd-video:hover .rd-play{transform:scale(1.09); background:var(--canvas);}
.six-rd .rd-video iframe{width:100%; height:100%; border:0; display:block;}

/* 9 FAQ */
.six-rd .rd-faq{background:var(--canvas);}
.six-rd .rd-faq-list{border-top:1px solid var(--line);}
.six-rd .rd-faq-item{border-bottom:1px solid var(--line);}
.six-rd .rd-faq-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:28px 4px; font-size:clamp(18px,1.4vw,21px); font-weight:700; letter-spacing:-.016em; color:var(--ink);}
.six-rd .rd-faq-item summary::-webkit-details-marker{display:none;}
.six-rd .rd-chev{width:24px; height:24px; color:var(--plum); flex:0 0 auto; transition:transform .3s var(--e);}
.six-rd .rd-faq-item[open] .rd-chev{transform:rotate(180deg);}
.six-rd .rd-faq-a p{padding:0 4px 30px; color:var(--muted); line-height:1.68; max-width:76ch;}

/* 10 SHIPPING (was the store map - the storefront is closed) */
.six-rd .rd-visit{background:var(--parch);}
.six-rd .rd-visit .rd-split-media img{width:100%; height:auto; display:block; margin-inline:auto; max-width:420px;}
.six-rd .rd-visit-list{list-style:none; margin:28px 0 0; padding:0; display:flex; flex-direction:column; gap:14px;}
.six-rd .rd-visit-list li{display:flex; flex-direction:column; gap:3px; padding-bottom:14px; border-bottom:1px solid var(--line);}
.six-rd .rd-visit-list li:last-child{border-bottom:0; padding-bottom:0;}
.six-rd .rd-visit-list strong{font-size:14px; font-weight:700;}
.six-rd .rd-visit-list span{color:var(--muted); font-size:16px;}
.six-rd .rd-pay{height:38px; width:auto; margin-top:26px; display:block;}

/* responsive */
@media(max-width:960px){
  .six-rd .rd-hero-inner{grid-template-columns:1fr; text-align:left;}
  .six-rd .rd-hero-media{order:-1;}
  .six-rd .rd-hero-img{max-width:320px;}
  .six-rd .rd-trust-row{grid-template-columns:1fr; gap:34px;}
  .six-rd .rd-pillar+.rd-pillar::before{display:none;}
  .six-rd .rd-bento{grid-template-columns:repeat(2,1fr); grid-auto-rows:200px;}
  .six-rd .rd-cat--lg{grid-column:1/-1;}
  .six-rd .rd-prod-grid{grid-template-columns:repeat(2,1fr);}
  .six-rd .rd-split{grid-template-columns:1fr; gap:36px;}
  .six-rd .rd-split--rev .rd-split-media{order:0;}
  .six-rd .rd-split-media--sticky{position:static;}
  .six-rd .rd-play{width:68px; height:68px;}
  .six-rd .rd-play svg{width:30px; height:30px;}
}

/* motion */
.six-anim .six-rd [data-reveal]{opacity:0; transform:translateY(30px);
  transition:opacity .8s var(--e), transform .8s var(--e); transition-delay:calc(var(--i,0)*80ms);}
.six-anim .six-rd [data-reveal].in{opacity:1; transform:none;}
@media (prefers-reduced-motion:reduce){
  .six-anim .six-rd [data-reveal]{opacity:1 !important; transform:none !important;}
  .six-rd *{transition:none !important; animation:none !important;}
}

/* =====================================================================
   LIGHT THEME PASS
   The hero and the category band were dark aubergine. Both go light so the
   product photography carries the page, the way Shroomyz does it.
   ===================================================================== */
.six-rd .rd-hero{
  background:var(--parch) !important;
  color:var(--ink) !important;
}
.six-rd .rd-hero h1,
.six-rd .rd-hero-notes strong{ color:var(--ink) !important; }
.six-rd .rd-hero .lead{ color:var(--muted) !important; }
.six-rd .rd-hero-notes span{ color:var(--muted) !important; }
.six-rd .rd-hero-notes{ border-top-color:var(--line) !important; }
.six-rd .rd-hero .eyebrow--light{ color:var(--plum) !important; }
.six-rd .rd-hero-glow{ display:none; }
.six-rd .btn-ghost{ color:var(--plum) !important; }
.six-rd .rd-hero-img{ filter:none; }

/* ---------- CATEGORY CARDS: light tiles, product photo centred ---------- */
.six-rd .rd-cats{ background:var(--canvas) !important; color:var(--ink) !important; }
.six-rd .rd-cats .rd-head{ text-align:left; margin-inline:0; max-width:none; }
.six-rd .rd-cats .rd-head--light h2{ color:var(--ink) !important; }
.six-rd .rd-cats .eyebrow--light{ color:var(--plum) !important; }
.six-rd .rd-cats .lead--dark{ color:var(--muted) !important; }

/* even grid - no more bento, every category reads with equal weight */
.six-rd .rd-bento{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  grid-auto-rows:auto !important;
  gap:clamp(16px,1.8vw,24px) !important;
}
.six-rd .rd-cat,
.six-rd .rd-cat--lg{
  grid-column:auto !important; grid-row:auto !important;
  position:relative; display:flex !important; flex-direction:column;
  align-items:center; justify-content:flex-start; gap:0;
  background:var(--parch) !important;
  border-radius:var(--r) !important;
  padding:34px 20px 26px !important;
  overflow:hidden;
  transition:transform .3s var(--e), background-color .3s var(--e);
}
.six-rd .rd-cat:hover{ transform:translateY(-4px); background:var(--surface) !important; }
.six-rd .rd-cat-media{
  position:static !important; width:100%; aspect-ratio:1/1;
  display:flex; align-items:center; justify-content:center;
  max-width:190px; margin:0 auto;
}
.six-rd .rd-cat-img{
  width:100% !important; height:100% !important;
  object-fit:contain !important; opacity:1 !important;
  mix-blend-mode:multiply;   /* white product cut-outs sit on the tile cleanly */
  transition:transform .5s var(--e);
}
.six-rd .rd-cat:hover .rd-cat-img{ transform:scale(1.05); opacity:1 !important; }
.six-rd .rd-cat::after{ content:none !important; }   /* kill the dark scrim */
.six-rd .rd-cat-label{
  position:static !important; left:auto; right:auto; bottom:auto;
  align-items:center; text-align:center; margin-top:18px; gap:5px;
}
.six-rd .rd-cat-name{
  font-size:17px !important; font-weight:400 !important;
  letter-spacing:-.012em; color:var(--ink) !important;
}
.six-rd .rd-cat--lg .rd-cat-name{ font-size:17px !important; }
.six-rd .rd-cat-count{ font-size:13.5px !important; color:var(--muted) !important; }

@media(max-width:900px){ .six-rd .rd-bento{ grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:520px){ .six-rd .rd-bento{ grid-template-columns:repeat(2,1fr) !important; }
  .six-rd .rd-cat{ padding:22px 12px 18px !important; } }

/* Close the dead space under the hero: the hero carried its own generous
   bottom padding AND the trust row added a full section's worth on top, so
   the three pillars sat a screen away from the fold. */
.six-rd .rd-hero{ padding-block:clamp(48px,5vw,72px) clamp(28px,3vw,40px) !important; }
.six-rd .rd-trust{ padding-block:clamp(30px,3.2vw,44px) clamp(44px,5vw,68px) !important; }
.six-rd .rd-hero-notes{ margin-top:32px !important; padding-top:22px !important; }
/* the pillars themselves were set at hero scale */
.six-rd .rd-pillar img{ width:56px !important; height:56px !important; margin-bottom:14px !important; }
.six-rd .rd-pillar h3{ font-size:19px !important; margin-bottom:7px !important; }
.six-rd .rd-pillar p{ font-size:14.5px !important; line-height:1.5; }

/* ---------------------------------------------------------------------
   Remaining dark sections go light: "Quality you can trust" (.rd-why) and
   the psilocybin video band (.rd-science). The whole home page now reads as
   one light surface, alternating white and parchment for rhythm.
   ------------------------------------------------------------------- */
.six-rd .rd-why{ background:var(--parch) !important; color:var(--ink) !important; }
.six-rd .rd-science{ background:var(--canvas) !important; color:var(--ink) !important; }

.six-rd .rd-why h2, .six-rd .rd-why h3,
.six-rd .rd-science h2, .six-rd .rd-science h3,
.six-rd .rd-why .rd-head--light h2,
.six-rd .rd-science .rd-head--light h2{ color:var(--ink) !important; }

.six-rd .rd-why p, .six-rd .rd-why .lead, .six-rd .rd-why .lead--dark,
.six-rd .rd-science p, .six-rd .rd-science .lead, .six-rd .rd-science .lead--dark{
  color:var(--muted) !important;
}
.six-rd .rd-why .eyebrow, .six-rd .rd-why .eyebrow--light,
.six-rd .rd-science .eyebrow, .six-rd .rd-science .eyebrow--light{ color:var(--plum) !important; }

/* buttons inside those sections were styled for a dark ground */
.six-rd .rd-why .btn-ghost, .six-rd .rd-science .btn-ghost{ color:var(--plum) !important; }

/* the video keeps a soft frame rather than floating on black */
.six-rd .rd-video{ box-shadow:var(--sh) !important; background:var(--parch) !important; }

/* ---------------------------------------------------------------------
   Shipping block: photo removed and the four facts laid out as a compact
   grid instead of four full-width stacked rows. The section went from
   roughly a full screen to about a third of one.
   ------------------------------------------------------------------- */
.six-rd .rd-visit .rd-split{ display:block !important; }
.six-rd .rd-visit .rd-split-copy{ max-width:none; }
.six-rd .rd-visit{ padding-block:clamp(34px,3.6vw,52px) !important; }
.six-rd .rd-visit-list{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:20px 28px !important;
  margin-top:22px !important;
}
.six-rd .rd-visit-list li{
  padding-bottom:0 !important; border-bottom:0 !important; gap:2px !important;
}
.six-rd .rd-visit-list strong{ font-size:13px !important; font-weight:700 !important; }
.six-rd .rd-visit-list span{ font-size:14px !important; line-height:1.45; }
.six-rd .rd-pay{ height:30px !important; margin-top:22px !important; }

/* trim the whole page: every section was on a hero-sized rhythm */
.six-rd section{ padding-block:clamp(38px,4vw,60px) !important; }
.six-rd .rd-head{ margin-bottom:clamp(26px,3vw,40px) !important; }

@media(max-width:820px){ .six-rd .rd-visit-list{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .six-rd .rd-visit-list{ grid-template-columns:1fr; } }

/* the three trust pillars, now inside the hero under the CTA */
.six-rd .rd-hero-notes--3{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:22px !important;
  margin-top:34px !important; padding-top:24px !important;
}
.six-rd .rd-hero-notes--3 li{ gap:5px !important; }
.six-rd .rd-hero-notes--3 img{
  width:30px; height:30px; object-fit:contain; margin-bottom:4px; display:block;
}
.six-rd .rd-hero-notes--3 strong{ font-size:14px !important; font-weight:700 !important; }
.six-rd .rd-hero-notes--3 span{ font-size:13px !important; line-height:1.45; }
@media(max-width:760px){
  .six-rd .rd-hero-notes--3{ grid-template-columns:1fr; gap:14px !important; }
  .six-rd .rd-hero-notes--3 li{ flex-direction:row !important; align-items:center; gap:10px !important; flex-wrap:wrap; }
  .six-rd .rd-hero-notes--3 img{ margin-bottom:0; }
  .six-rd .rd-hero-notes--3 span{ flex:1 1 100%; }
}

/* FAQ questions were reading as bold headlines; regular weight is enough -
   the size and the divider already separate them from the answers. */
.six-rd .rd-faq-item summary,
.six-rd .rd-faq-item summary span,
.six-rd .rd-faq summary{
  font-weight:400 !important;
  font-size:17px !important;
  letter-spacing:-.012em !important;
}
.six-rd .rd-faq-a p, .six-rd .rd-faq-a{
  font-size:15.5px !important; font-weight:400 !important; line-height:1.65 !important;
}

/* FAQ width: the dividers ran the full 1180px wrap while the answers were
   capped at 76ch, so every answer stopped dead about halfway across and the
   block looked broken. Constrain the LIST instead, and let the answers fill
   it - now the question, the rule and the answer all share one measure.
   860px keeps answers to two or three lines rather than one 150-char ribbon. */
.six-rd .rd-faq-list{ max-width:860px; margin-inline:auto; }
.six-rd .rd-faq-a p{
  max-width:none !important;
  /* clear the chevron column so the text edge lines up with the question's */
  padding-right:48px !important;
}

/* =====================================================================
   HERO WITHOUT THE PRODUCT PHOTO
   The image column is gone from the markup, so the two-column grid has
   nothing to balance. Collapse to a single centred column and tighten
   the vertical rhythm so the categories sit close to the fold on both
   desktop and mobile - the shopper should see something buyable
   immediately rather than after a full screen of hero.
   ===================================================================== */
.six-rd .rd-hero-inner{
  grid-template-columns:1fr !important;
  max-width:820px; margin-inline:auto; text-align:center;
}
.six-rd .rd-hero{
  padding-block:clamp(34px,4vw,56px) clamp(24px,3vw,36px) !important;
}
.six-rd .rd-hero h1{
  font-size:clamp(34px,5vw,54px) !important;
  letter-spacing:-.03em; line-height:1.06;
}
.six-rd .rd-hero .lead{
  max-width:56ch; margin-inline:auto; margin-top:18px !important;
}
.six-rd .rd-hero .rd-cta{ justify-content:center; margin-top:26px; }
.six-rd .rd-hero-notes--3{
  margin-top:30px !important; padding-top:24px !important;
  max-width:none; text-align:left;
}
.six-rd .rd-hero-notes--3 li{ align-items:flex-start; }

/* the glow was positioned to sit behind the photo - recentre it */
.six-rd .rd-hero-glow{ inset:auto 0 0 0 !important; margin-inline:auto; }

@media (max-width:780px){
  .six-rd .rd-hero{ padding-block:26px 20px !important; }
  .six-rd .rd-hero h1{ font-size:31px !important; }
  .six-rd .rd-hero .lead{ font-size:15.5px !important; margin-top:14px !important; }
  .six-rd .rd-hero .rd-cta{ margin-top:20px; flex-wrap:wrap; gap:10px; }
  /* three pillars become one readable column instead of three cramped ones */
  .six-rd .rd-hero-notes--3{
    grid-template-columns:1fr !important;
    gap:14px !important; margin-top:24px !important; padding-top:18px !important;
  }
  /* icon in its own column, title and copy stacked beside it. The <li> is
     img + strong + span as flat siblings, so grid placement does this
     without touching the markup. */
  .six-rd .rd-hero-notes--3 li{
    display:grid !important;
    grid-template-columns:26px 1fr;
    grid-template-rows:auto auto;
    column-gap:12px; row-gap:2px; align-items:center;
  }
  .six-rd .rd-hero-notes--3 img{
    grid-column:1; grid-row:1 / span 2;
    width:26px !important; height:26px !important; align-self:start; margin-top:2px;
  }
  .six-rd .rd-hero-notes--3 li > strong{ grid-column:2; grid-row:1; }
  .six-rd .rd-hero-notes--3 li > span{ grid-column:2; grid-row:2; font-size:12.5px !important; }
}

/* =====================================================================
   HERO POLISH - the parchment block worked when a product photo sat on
   it; without one it read as a grey void with text floating in it.
   White sheet, tighter rhythm, pillars properly centred, so the page
   flows straight into the category tiles like Shroomyz.
   ===================================================================== */
.six-rd .rd-hero{
  background:var(--canvas) !important;
  padding-block:clamp(30px,3.5vw,48px) clamp(18px,2vw,28px) !important;
}
.six-rd .rd-hero .lead{ font-size:16.5px !important; max-width:52ch; }

/* three pillars: centred columns under a centred hero, hairline kept to
   the content width instead of running edge to edge */
.six-rd .rd-hero-notes--3{
  max-width:960px !important; margin-inline:auto !important;
  margin-top:34px !important; padding-top:26px !important;
  text-align:center !important;
  column-gap:clamp(24px,4vw,64px) !important;
}
.six-rd .rd-hero-notes--3 li{ align-items:center !important; }
.six-rd .rd-hero-notes--3 img{ margin-inline:auto; width:32px !important; height:32px !important; }
.six-rd .rd-hero-notes--3 strong{ margin-top:4px; }
.six-rd .rd-hero-notes--3 span{ max-width:24ch; margin-inline:auto; }

/* the categories section follows on the same white sheet */
.six-rd .rd-cats{ padding-top:clamp(10px,1.5vw,20px) !important; }

@media (max-width:780px){
  .six-rd .rd-hero{ padding-block:22px 14px !important; }
  /* mobile keeps the compact icon-beside-text rows, but centred as a block */
  .six-rd .rd-hero-notes--3{ max-width:320px !important; text-align:left !important; }
  .six-rd .rd-hero-notes--3 img{ margin-inline:0; width:26px !important; height:26px !important; }
  .six-rd .rd-hero-notes--3 span{ max-width:none; margin-inline:0; }
}

/* Pillars removed from the hero - shed the space they occupied so the hero
   is a tight block: eyebrow + heading + one line + buttons, then categories. */
.six-rd .rd-hero{ padding-block:clamp(28px,3vw,44px) clamp(20px,2vw,30px) !important; }
.six-rd .rd-cta{ margin-bottom:0 !important; }