:root{--ink:#172019;--muted:#647069;--cream:#f6f4ed;--paper:#fffefa;--sage:#edf5ed;--green:#86aa8d;--green2:#739b7b;--green3:#4e7458;--line:#e3e2da;--shadow:0 18px 45px rgba(25,38,30,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--green2);color:#fff;text-align:center;padding:10px 16px;font-size:.88rem}nav{position:sticky;top:0;z-index:20;background:rgba(255,254,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.03em}.mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--sage);border:1px solid #cfdfd0}.mark svg{width:30px;height:30px}.mark svg path:first-child{fill:none;stroke:var(--green3);stroke-width:2.5;stroke-linejoin:round}.mark svg path:last-child{fill:var(--green)}.links{display:flex;gap:21px;align-items:center;font-size:.93rem}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;padding:13px 18px}.nav-cta,.btn.primary{background:var(--green2);color:#fff}.btn.secondary{border:1px solid #d7ddd8;background:#fff}.hero{padding:58px 0 34px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.kicker{display:inline-block;background:var(--sage);color:var(--green3);font-size:.77rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;padding:8px 12px;border-radius:999px}h1{font-size:clamp(3.2rem,6vw,5.35rem);line-height:.95;letter-spacing:-.065em;margin:20px 0}.hero p,.muted{color:var(--muted)}.hero p{font-size:1.1rem;max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-card{position:relative}.hero-card img{width:100%;height:620px;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.badge{position:absolute;right:20px;top:20px;background:rgba(255,254,250,.95);padding:15px 17px;border-radius:18px;max-width:300px;box-shadow:var(--shadow)}.badge strong{display:block}.badge span{font-size:.9rem;color:var(--muted)}.section{padding:86px 0}.alt{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2,.science h2{font-size:clamp(2.3rem,4.5vw,4rem);line-height:1;letter-spacing:-.05em;margin:0}.section-head p{max-width:570px;color:var(--muted);margin:0}.problem{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.problem img,.consult img{width:100%;height:535px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.problem h3{font-size:2.4rem;line-height:1.05;letter-spacing:-.045em;margin:18px 0 15px}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.pill{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.86rem;font-weight:750}.science{background:#edf4ed}.science-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.science h2{margin:18px 0 20px}.science p{color:var(--muted);font-size:1.03rem}.science-note{background:#fff;border:1px solid #d9e4da;padding:18px 20px;border-radius:18px;margin-top:22px}.source-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:.84rem;font-weight:750;color:var(--green3)}.science-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.science-photos figure{margin:0;position:relative}.science-photos figure:last-child{grid-column:1/-1}.science-photos img{width:100%;height:300px;object-fit:cover;border-radius:24px}.science-photos figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,254,250,.94);padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.science-photos figure:last-child img{height:230px}.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(25,38,30,.06)}.card.featured{border:2px solid var(--green);transform:translateY(-7px)}.photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f4f2eb}.photo img{width:100%;height:100%;object-fit:contain}.tag{position:absolute;top:14px;left:14px;background:var(--green2);color:#fff;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.body{padding:24px;display:flex;flex-direction:column;flex:1}.title-row{display:flex;justify-content:space-between;gap:16px;align-items:start}.body h3{font-size:1.55rem;letter-spacing:-.03em;margin:0}.price{font-size:1.65rem;font-weight:900;color:var(--green3)}.body p{color:var(--muted);font-size:.95rem}.checks{list-style:none;padding:0;margin:14px 0 23px}.checks li{padding:6px 0 6px 25px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;color:var(--green2);font-weight:900}.body .btn{margin-top:auto}.note{font-size:.78rem;color:var(--muted);margin-top:10px}.material-note{margin:30px 0 10px;background:var(--sage);border:1px solid #d6e5d7;padding:16px 19px;border-radius:18px;color:var(--muted);font-size:.92rem}.material-note strong{color:var(--ink)}.gallery.labeled{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.gallery-img{height:260px;background:#f5f3ed}.gallery-img img{width:100%;height:100%;object-fit:contain}.gallery figcaption{padding:13px 15px}.gallery figcaption b,.gallery figcaption span{display:block}.gallery figcaption span{font-size:.82rem;color:var(--muted);margin-top:2px}.consult{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.consult-title{font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:18px 0}.steps{display:grid;gap:12px;margin:22px 0 27px}.step{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--green3);font-weight:900}.step strong{display:block}.step span{font-size:.92rem;color:var(--muted)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust{background:#fff;border:1px solid var(--line);padding:22px;border-radius:20px}.trust b{display:block;margin-bottom:7px}.trust span{font-size:.9rem;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:15px}details{background:#fff;border:1px solid var(--line);padding:18px 19px;border-radius:17px}summary{font-weight:800;cursor:pointer}details p{color:var(--muted);margin-bottom:0}.contact{background:var(--green2);color:#fff;border-radius:34px;padding:42px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.contact h2{font-size:3rem;line-height:1;letter-spacing:-.05em;margin:12px 0}.contact p{color:#edf3ee}.contact-kicker{background:rgba(255,255,255,.16);color:#fff}form{display:grid;gap:11px}.field{display:grid;gap:6px}label{font-size:.82rem;font-weight:800}input,textarea,select{width:100%;border:none;border-radius:12px;padding:13px 14px;font:inherit}textarea{min-height:105px}.submit{background:#fff;color:var(--green3);border:none;cursor:pointer}.footer{padding:35px 0 52px;color:var(--muted);font-size:.86rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.smallprint{max-width:760px}@media(max-width:1000px){.links{display:none}.science-grid{grid-template-columns:1fr}.science-photos img{height:360px}.hero-grid,.problem,.consult,.contact-grid{grid-template-columns:1fr}.bundle-grid{grid-template-columns:1fr}.card.featured{transform:none}.gallery.labeled{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.hero-card img{height:500px}}@media(max-width:600px){.container{width:calc(100% - 26px)}.nav{height:64px}.brand{font-size:.92rem}.mark{width:36px;height:36px;border-radius:12px}.mark svg{width:26px;height:26px}.hero{padding-top:36px}h1{font-size:3.45rem}.hero-card img{height:405px;border-radius:24px}.badge{left:13px;right:13px;top:auto;bottom:13px;max-width:none}.section{padding:66px 0}.section-head{display:block}.section-head p{margin-top:13px}.problem img,.consult img{height:390px}.science-photos{grid-template-columns:1fr}.science-photos img{height:280px}.science-photos figure:last-child img{height:280px}.gallery.labeled{grid-template-columns:1fr}.gallery-img{height:300px}.trust-grid{grid-template-columns:1fr}.contact{padding:27px 19px;border-radius:24px}.contact h2{font-size:2.35rem}}
.more-photos{margin-top:10px;border:0;background:transparent;color:var(--green3);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tax-note{text-align:right;color:var(--muted);font-size:.78rem;margin:14px 2px 0}.photo img{object-fit:cover;object-position:center}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(14,18,15,.88);display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lb-inner{width:min(960px,86vw);display:grid;gap:10px}.lb-inner img{width:100%;height:min(76vh,760px);object-fit:contain;background:#111;border-radius:18px}.lb-meta{color:#fff;display:flex;justify-content:space-between;gap:16px}.lb-close,.lb-prev,.lb-next{position:absolute;border:0;background:rgba(255,255,255,.92);color:#172019;cursor:pointer;border-radius:999px;font-weight:800}.lb-close{right:22px;top:18px;width:44px;height:44px;font-size:28px}.lb-prev,.lb-next{top:50%;width:48px;height:48px;font-size:34px;line-height:1}.lb-prev{left:22px}.lb-next{right:22px}@media(max-width:600px){.lb-inner{width:88vw}.lb-prev{left:6px}.lb-next{right:6px}.lb-close{right:10px;top:10px}.photo img{object-fit:cover}.tax-note{text-align:left}}
/* V5: show full bundle photos naturally without side gaps or aggressive cropping */
.photo{aspect-ratio:auto;background:#f4f2eb}.photo img{width:100%;height:auto;object-fit:initial;object-position:initial}.card .photo{min-height:0}.science-photos img{object-fit:contain;background:#f4f2eb}.science-photos figure:nth-child(2) img{object-position:center}.science-photos figure:last-child img{object-fit:contain}.gallery-img{height:auto;aspect-ratio:4/3}.gallery-img img{object-fit:contain}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.contact-small,.contact-hint{font-size:.84rem}.contact-hint{color:#edf3ee;margin-top:-3px}.order-box{border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:12px 14px;display:grid;gap:8px}.order-box legend{font-size:.82rem;font-weight:800;padding:0 6px}.order-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:rgba(255,255,255,.09);padding:9px 11px;border-radius:11px}.order-row label{display:flex;align-items:center;gap:8px}.order-row input[type=checkbox]{width:auto}.qty{font-size:.78rem}.qty input{width:64px;padding:7px 8px}.learning{grid-template-columns:1fr}@media(max-width:600px){.two-fields{grid-template-columns:1fr}.order-row{grid-template-columns:1fr}.qty input{width:80px}}
/* V6 — low-friction reading */
.section-head p{font-size:1.02rem;max-width:500px}.problem .muted,.science p,.consult .muted{max-width:620px}.science-note{padding:14px 17px}.trust{padding:19px}.trust span{line-height:1.4}.steps{gap:6px}.step{padding:10px 0}.body p{margin:.55rem 0}.checks li{padding-top:4px;padding-bottom:4px}.source-links{opacity:.78;font-size:.78rem}.faq details p{line-height:1.45}.contact-small{display:none}
/* V7 — 30-second website */
.included-divider{margin-top:52px;padding:25px 24px 20px;border-top:4px solid var(--green2);background:var(--sage);border-radius:22px 22px 0 0;text-align:center}.included-divider span{display:block;font-size:.74rem;font-weight:900;letter-spacing:.13em;color:var(--green3)}.included-divider strong{display:block;font-size:1.45rem;margin-top:4px}.gallery.labeled{margin-top:0;background:var(--sage);padding:18px;border-radius:0 0 22px 22px}.gallery.labeled figure{box-shadow:0 6px 18px rgba(25,38,30,.05)}.gallery.labeled figure:nth-child(4){grid-column:1/2;margin-left:50%;width:100%}.gallery.labeled figure:nth-child(5){grid-column:2/3;margin-left:50%;width:100%}.compact-head{margin-bottom:22px}.quick-benefits .trust{text-align:center;padding:26px 12px;background:var(--sage);border-color:#d7e5d8;font-size:1.08rem}.consult-short{font-size:1.08rem}.simple-steps .step{grid-template-columns:40px 1fr;align-items:center}.simple-steps .step strong{font-size:1.05rem}.faq details{padding:0}.faq summary{padding:20px 22px;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.4rem;color:var(--green3)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 22px 20px;margin:0;max-width:760px}.order-section{background:#f7f7f2}.order-heading{max-width:760px;margin:0 auto 26px;text-align:center}.order-heading h2{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:16px 0 10px}.order-heading p{font-size:1.08rem;color:var(--muted)}.simple-order{max-width:780px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);gap:18px}.simple-order .order-box{border:0;padding:0;gap:10px}.simple-order .order-box legend{font-size:1.3rem;color:var(--ink);padding:0 0 12px}.simple-order .order-row{background:var(--sage);border:1px solid #d6e5d7;padding:16px 18px;border-radius:16px;grid-template-columns:1fr auto}.simple-order .order-row>label:first-child{font-size:1.05rem;cursor:pointer}.simple-order input[type=checkbox]{width:25px;height:25px;accent-color:var(--green3)}.simple-order .order-row span{display:flex;align-items:baseline;gap:10px}.simple-order .order-row small{font-size:.95rem;color:var(--green3);font-weight:850}.simple-order .qty{font-size:.95rem;color:var(--ink)}.simple-order .qty input{width:78px;padding:11px;font-size:1.05rem;border:1px solid #cfd8d0}.form-block{display:grid;gap:9px}.form-block h3{font-size:1.3rem;margin:0 0 4px}.simple-order label{font-size:.95rem;color:var(--ink)}.simple-order input,.simple-order textarea{border:1px solid #cfd5d0;font-size:1.05rem;padding:15px}.simple-order textarea{min-height:88px}.form-note{font-size:.86rem;color:var(--muted);margin:0}.simple-order .submit{background:var(--green2);color:#fff;font-size:1.08rem;padding:16px;min-height:56px}.usecases{padding:58px 0}.science p{font-size:1.1rem;line-height:1.55}.science-note{font-size:1.03rem}.hero p{max-width:590px}
@media(max-width:1000px){.gallery.labeled figure:nth-child(4),.gallery.labeled figure:nth-child(5){grid-column:auto;margin-left:0;width:auto}.gallery.labeled figure:nth-child(5){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}}
@media(max-width:600px){.included-divider{margin-top:36px;padding:20px 14px 16px}.included-divider strong{font-size:1.15rem}.gallery.labeled figure:nth-child(5){grid-column:auto;width:auto}.simple-order{padding:19px 15px;border-radius:20px}.simple-order .order-row{padding:14px;grid-template-columns:1fr auto}.simple-order .order-row>label:first-child{font-size:1rem}.simple-order .qty{display:grid;grid-template-columns:auto 64px}.simple-order .qty input{width:64px}.quick-benefits{grid-template-columns:1fr 1fr}.quick-benefits .trust{padding:20px 8px}.faq summary{padding:18px}.faq details p{padding:0 18px 18px}}
/* V8 refinements */
.topbar strong{font-size:1.18em;letter-spacing:.06em;margin-right:3px}.science-kicker{font-size:1rem;padding:10px 14px}.science-photos img{border-radius:30px;box-shadow:0 10px 28px rgba(25,38,30,.10)}.science-photos{gap:18px}.science-photos figure:first-child,.science-photos figure:nth-child(2){transform:scale(1.02)}
.benefit-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.benefit{display:flex;align-items:center;gap:13px;padding:8px 0}.benefit span{width:42px;height:42px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-size:1.15rem;flex:none}.benefit b{font-size:1.05rem}.free-kicker strong{font-size:1.28em;letter-spacing:.05em}.free-word{font-size:1.12em;letter-spacing:.04em}.contact-details[hidden]{display:none}.contact-details{display:grid;gap:18px}.address-fields{padding-top:4px}.address-fields h3{font-size:1.3rem;margin:0}.address-fields .field{margin-top:8px}
@media(max-width:1000px){.benefit-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.benefit-list{grid-template-columns:1fr}.science-kicker{font-size:.9rem}}

/* V9 accessibility/readability pass: stronger contrast + larger supporting text */
:root{--muted:#465149}
body{font-size:17px}
.topbar{font-size:1rem}
.links{font-size:1rem}
.badge span{font-size:1rem}
.kicker{font-size:.86rem}
.pill{font-size:.94rem}
.source-links{font-size:.9rem;opacity:1}
.tag{font-size:.82rem}
.body p{font-size:1rem}
.note,.tax-note{font-size:.9rem}
.material-note{font-size:1rem}
.gallery figcaption span{font-size:.94rem}
.step span{font-size:1rem}
.trust span{font-size:1rem}
.footer{font-size:.95rem}
.more-photos{font-size:.95rem}
.contact-small,.contact-hint{font-size:.95rem}
.order-box legend{font-size:.95rem}
.qty{font-size:.9rem}
.included-divider span{font-size:.84rem}
.form-note{font-size:.95rem}
label{font-size:.95rem}
.hero p,.section-head p,.science p,.consult .muted,.order-heading p{color:var(--muted)}
@media(max-width:600px){body{font-size:17px}.topbar{font-size:.95rem}.gallery figcaption span,.note,.tax-note,.form-note{font-size:.92rem}}


/* V10 refinements */
.science-v10{
  background:
    radial-gradient(circle at 12% 20%, rgba(115,25,31,.075), transparent 35%),
    linear-gradient(180deg,#fffdf9 0%,#fbf5f3 100%);
}
.science-v10 .science-kicker{
  display:inline-flex;
  background:#741e27;
  color:#fff;
  border:1px solid #641821;
  font-size:1.08rem;
  letter-spacing:.08em;
  padding:12px 17px;
  border-radius:999px;
  text-transform:uppercase;
  font-weight:900;
}
.science-v10 .science-grid{
  grid-template-columns:.88fr 1.12fr;
  gap:42px;
  align-items:center;
}
.science-photos-v10{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
.science-photos-v10 figure{
  margin:0;
  position:relative;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.science-photos-v10 figure:nth-child(3){
  grid-column:1/-1;
  width:52%;
  justify-self:center;
}
.science-photos-v10 img{
  width:100%;
  height:315px;
  object-fit:cover;
  display:block;
  border-radius:28px;
  border:3px solid #741e27;
  box-shadow:0 12px 30px rgba(92,22,29,.13);
}
.science-photos-v10 figure:nth-child(3) img{
  height:285px;
}
.science-photos-v10 figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  background:rgba(255,255,255,.96);
  color:#191919;
  border:1px solid rgba(116,30,39,.22);
  border-radius:999px;
  padding:8px 13px;
  font-weight:850;
  font-size:.92rem;
  line-height:1;
  box-shadow:0 5px 14px rgba(0,0,0,.08);
  max-width:calc(100% - 28px);
}
.legal-note{
  display:inline-block;
  margin-top:7px;
  font-size:.88rem;
  color:#4c564f;
}
@media(max-width:1000px){
  .science-v10 .science-grid{grid-template-columns:1fr}
  .science-photos-v10 img{height:360px}
  .science-photos-v10 figure:nth-child(3){width:58%}
}
@media(max-width:650px){
  .science-v10 .science-kicker{font-size:.98rem}
  .science-photos-v10{grid-template-columns:1fr}
  .science-photos-v10 figure:nth-child(3){grid-column:auto;width:100%}
  .science-photos-v10 img,.science-photos-v10 figure:nth-child(3) img{height:auto;aspect-ratio:4/3}
}


/* V11 navigation and interaction */
html{scroll-behavior:smooth}
.hero-card-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.hero-card-link:focus-visible{outline:4px solid rgba(91,137,99,.35);outline-offset:5px}
.hero-card-link .badge{transition:transform .18s ease, box-shadow .18s ease}
.hero-card-link:hover .badge{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12)}

.science-visuals{min-width:0}
.worth-replacing{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:0 0 15px;color:#741e27;font-weight:900;font-size:1.12rem;
  letter-spacing:.015em;
}
.worth-replacing span{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:#741e27;color:#fff;
  font-size:1.25rem;line-height:1;
}
.research-more{margin-top:13px}
.research-more summary{
  cursor:pointer;font-weight:850;color:#315f42;font-size:.98rem;
  list-style:none;
}
.research-more summary::-webkit-details-marker{display:none}
.research-more summary::after{content:" +";font-weight:900}
.research-more[open] summary::after{content:" –"}
.research-links{
  display:flex;flex-direction:column;gap:8px;margin-top:10px;
}
.research-links a{color:#315f42;font-weight:750;text-decoration:none}
.research-links a:hover{text-decoration:underline}

.bundle-return{display:flex;justify-content:center;margin-top:28px;margin-bottom:10px}
.bundle-return .btn{min-width:210px;text-align:center}

.benefit-list .benefit>span{
  width:38px;height:38px;min-width:38px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e4f0e7;color:#315f42;border:1px solid #bfd6c5;
  font-size:1.25rem;font-weight:900;
}
.benefit-list .benefit:nth-child(2)>span{background:#f8ead9;color:#a55c22;border-color:#ecd2b3}
.benefit-list .benefit:nth-child(3)>span{background:#e4f0e7;color:#315f42}
.benefit-list .benefit:nth-child(4)>span{background:#e4f0e7;color:#315f42}

.order-row{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}
.included-jump{
  align-self:center;justify-self:center;
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 11px;border-radius:999px;border:1px solid #bfd6c5;
  background:#f5faf6;color:#315f42;text-decoration:none;
  font-size:.88rem;font-weight:850;white-space:nowrap;
}
.included-jump:hover{background:#e8f3ea}
.terms-check{
  display:flex;gap:10px;align-items:flex-start;margin:8px 0 15px;
  font-size:.95rem;color:#26312b;font-weight:600;
}
.terms-check input{width:20px;height:20px;margin-top:1px;flex:none}
.terms-check a{color:#315f42;font-weight:850}
.bot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:9px}
.footer-links a{color:#315f42;font-weight:800;text-decoration:underline;text-underline-offset:3px}

@media(max-width:760px){
  .order-row{grid-template-columns:1fr auto}
  .included-jump{grid-column:1/2;justify-self:start;margin-left:34px}
  .order-row .qty{grid-column:2;grid-row:1/3;align-self:center}
  .worth-replacing{font-size:1.02rem}
}


/* ===================== V12 ===================== */

/* Simple burgundy arrow, no circle */
.worth-replacing .down-arrow{
  display:inline-block !important;
  width:auto !important;height:auto !important;
  background:transparent !important;border-radius:0 !important;
  color:#741e27 !important;
  font-size:2rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  transform:translateY(2px);
}

/* Make gallery photos intentionally clickable */
.bundle-photo-button,
.included-photo-button{
  appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;
  background:transparent;font:inherit;text-align:inherit;cursor:zoom-in;
  width:100%;
}
.bundle-photo-button{display:block;position:relative}
.bundle-photo-button img,.included-photo-button img{display:block;width:100%}
.bundle-photo-button:focus-visible,
.included-photo-button:focus-visible{outline:4px solid rgba(74,126,88,.35);outline-offset:4px;border-radius:18px}
.card .bundle-photo-button{border-radius:22px 22px 0 0;overflow:hidden}
.gallery .included-photo-button{border-radius:18px 18px 0 0;overflow:hidden}

/* Reasons to reset: four visible, consistent, colored icons */
.benefit-list .benefit>span{
  width:44px !important;height:44px !important;min-width:44px !important;
  font-size:1.35rem !important;border-width:1px !important;
  box-shadow:0 4px 12px rgba(30,45,35,.07);
}
.benefit-reduce>span{background:#f7e5e7 !important;color:#7d2630 !important;border-color:#e6bcc1 !important}
.benefit-gift>span{background:#fff0dc !important;color:#a45c1d !important;border-color:#f1d3ad !important}
.benefit-home>span{background:#e6f0fa !important;color:#285f91 !important;border-color:#bed5ea !important}
.benefit-time>span{background:#efe8f8 !important;color:#6a4590 !important;border-color:#d8c6e9 !important}

/* About Us CTA in FAQ */
.about-faq-cta{display:flex;justify-content:center;margin-top:26px}
.about-faq-card{
  width:min(560px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  padding:16px 18px;border:1px solid #d9e5dc;background:#f6faf7;border-radius:18px;
  color:#1e2d25;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;
}
.about-faq-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(35,54,42,.09)}
.about-faq-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e5f0e8;color:#315f42;font-size:1.25rem;font-weight:900}
.about-faq-card strong{display:block;font-size:1.05rem}
.about-faq-card small{display:block;margin-top:3px;color:#4e5e55;font-size:.92rem}
.about-faq-arrow{font-size:1.5rem;color:#315f42;font-weight:900}

/* Contact Us choice inside the order area */
.contact-us-row{padding-top:10px}
.contact-us-button{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid #c9dbce;background:#eef6f0;color:#244a31;border-radius:16px;
  padding:17px 18px;cursor:pointer;text-align:left;font:inherit;
}
.contact-us-button:hover{background:#e5f1e8}
.contact-us-button span{font-weight:900;font-size:1rem}
.contact-us-button small{font-size:.9rem;color:#4a6252;font-weight:650}
.contact-us-button.active{border-color:#6d9b79;background:#e1efe5}
.contact-only-note{font-size:.92rem;color:#44564c;margin:-2px 0 10px}

/* About page */
.about-page .links .active{font-weight:900;color:#315f42}
.about-hero{padding-top:64px}
.about-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}
.about-copy h1{font-size:clamp(3.2rem,7vw,6.4rem);line-height:.94;letter-spacing:-.055em;margin:14px 0 22px}
.about-copy p{font-size:1.08rem;line-height:1.66;color:#35443c;max-width:680px}
.about-copy .about-lead{font-size:1.35rem;line-height:1.48;color:#1f2f27;font-weight:700}
.about-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 22px 55px rgba(37,50,42,.12)}
.about-section-head{max-width:780px;margin-bottom:28px}.about-section-head h2{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;margin:12px 0}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mission-grid article{padding:24px;border:1px solid #dce6df;border-radius:20px;background:#fff}
.mission-grid article>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e6f1e9;color:#315f42;font-weight:900}
.mission-grid h3{font-size:1.18rem;margin:18px 0 8px}.mission-grid p{margin:0;color:#46564d;line-height:1.58}
.about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.about-story h2{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.02;margin:12px 0}
.about-story p{font-size:1.05rem;line-height:1.72;color:#3c4c43}
.about-cta{text-align:center}.about-cta h2{font-size:clamp(2.4rem,5vw,4.5rem);margin:10px 0 22px}
.center-actions{justify-content:center;flex-wrap:wrap}
.back-home-link{display:inline-block;margin-top:26px;color:#315f42;font-weight:850;text-decoration:none}
.back-home-link:hover{text-decoration:underline}

/* Policy pages should never end in a dead end */
.policy-bottom{display:flex;justify-content:center;padding-top:36px;margin-top:36px;border-top:1px solid #e4ebe6}

/* Smaller nav links on wide crowded header */
@media(max-width:1050px){
  .nav .links{gap:18px}
  .nav .links a{font-size:.92rem}
}
@media(max-width:850px){
  .about-hero-grid,.about-story{grid-template-columns:1fr}
  .about-photo{order:-1}
  .mission-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .contact-us-button{align-items:flex-start;flex-direction:column;gap:4px}
}

/* ===================== V13 MOBILE-FIRST COMPACT LAYOUT ===================== */
/* Desktop/tablet styling above 700px is intentionally unchanged from V12. */
.mobile-inclusions{display:none}

@media (max-width:700px){
  /* Overall: less vertical travel, more desktop-like side-by-side composition */
  body{font-size:16px}
  .container{width:calc(100% - 24px)}
  .topbar{padding:8px 10px;font-size:.82rem;line-height:1.25}
  .topbar strong{font-size:1.08em}
  .nav{height:60px;gap:8px}
  .brand{font-size:.88rem;gap:8px;white-space:nowrap}
  .mark{width:34px;height:34px;border-radius:11px}
  .mark svg{width:24px;height:24px}
  .nav-cta{padding:10px 13px;font-size:.86rem;white-space:nowrap}

  /* Hero: photo is visible immediately beside the message */
  .hero{padding:22px 0 26px}
  .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;align-items:start}
  .hero-grid>div:first-child{min-width:0}
  .hero .kicker{font-size:.61rem;line-height:1.25;letter-spacing:.08em;padding:6px 8px;border-radius:14px}
  h1{font-size:clamp(2rem,10.5vw,2.75rem);line-height:.94;letter-spacing:-.055em;margin:12px 0}
  .hero p{font-size:.84rem;line-height:1.45;margin:0}
  .hero .note{display:none}
  .hero .actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}
  .hero .btn{padding:10px 8px;font-size:.78rem;min-height:40px;line-height:1.1}
  .hero .btn.secondary{font-size:0}
  .hero .btn.secondary::after{content:"Free Consultation";font-size:.78rem}
  .hero-card{align-self:stretch;min-width:0}
  .hero-card img{height:315px;min-height:315px;object-fit:cover;object-position:center;border-radius:22px;box-shadow:0 10px 26px rgba(25,38,30,.10)}
  .hero-card .badge{left:7px;right:7px;bottom:7px;top:auto;padding:8px 9px;border-radius:12px;max-width:none;line-height:1.15}
  .hero-card .badge strong{font-size:.74rem}
  .hero-card .badge span{display:none}

  .section{padding:42px 0}
  .section-head{display:flex;align-items:end;gap:12px;margin-bottom:20px}
  .section-head h2,.science h2{font-size:clamp(2rem,9.5vw,2.75rem);line-height:.98}
  .section-head p{font-size:.86rem;line-height:1.35;margin:0;max-width:42%}

  /* Microplastics: concise copy + 2-up visual grid instead of three full-width images */
  .science-v10 .science-grid{grid-template-columns:1fr;gap:24px}
  .science-v10 .science-kicker{font-size:.75rem;padding:8px 11px}
  .science-v10 h2{font-size:2.25rem;margin:13px 0}
  .science-v10 p{font-size:.92rem;line-height:1.48;margin:0}
  .source-links{font-size:.8rem;gap:10px;margin-top:13px}
  .research-more{margin-top:10px;padding:13px 14px}
  .research-more summary{font-size:.86rem}
  .worth-replacing{font-size:.95rem;margin:0 0 12px;gap:8px}
  .worth-replacing .down-arrow{font-size:1.45rem!important}
  .science-photos-v10{grid-template-columns:1fr 1fr;gap:10px}
  .science-photos-v10 figure:nth-child(3){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
  .science-photos-v10 img,.science-photos-v10 figure:nth-child(3) img{height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border-width:2px}
  .science-photos-v10 figcaption{left:6px;bottom:6px;padding:6px 8px;font-size:.66rem;max-width:calc(100% - 12px);white-space:nowrap}

  /* Bundles: two cards side-by-side; third centred below. Details stay optional. */
  #bundles .section-head{align-items:center}
  #bundles .section-head h2{font-size:2.2rem;max-width:70%}
  #bundles .section-head p{max-width:30%;text-align:right;font-size:.78rem}
  .bundle-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:start}
  .bundle-grid .card:nth-child(3){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
  .card{border-radius:18px;box-shadow:0 5px 18px rgba(25,38,30,.06)}
  .card.featured{transform:none}
  .card .bundle-photo-button{border-radius:17px 17px 0 0}
  .photo{aspect-ratio:1/1;background:#f4f2eb}
  .photo img{height:100%;width:100%;object-fit:cover;object-position:center}
  .tag{top:7px;left:7px;padding:5px 7px;font-size:.56rem;letter-spacing:.04em}
  .body{padding:11px 10px 12px}
  .title-row{gap:5px;align-items:center}
  .body h3{font-size:1rem;line-height:1.05}
  .price{font-size:1rem;white-space:nowrap}
  .body>p{display:none}
  .desktop-checks{display:none}
  .mobile-inclusions{display:block!important;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;margin:7px 0 8px}
  .mobile-inclusions summary{display:block;padding:6px 7px!important;border:1px solid #d6e5d7;border-radius:9px;background:#f5faf6;color:var(--green3);font-size:.68rem!important;line-height:1.15;text-align:center;font-weight:850;list-style:none}
  .mobile-inclusions summary::-webkit-details-marker{display:none}
  .mobile-inclusions summary::after{content:" +"}
  .mobile-inclusions[open] summary::after{content:" –"}
  .mobile-inclusions .checks{margin:7px 0 4px;font-size:.66rem;line-height:1.25}
  .mobile-inclusions .checks li{padding:3px 0 3px 14px}
  .body .btn{padding:8px 5px;min-height:36px;font-size:0;border-radius:12px}
  .body .btn::after{content:"Choose";font-size:.72rem;font-weight:850}
  .more-photos{font-size:0;margin-top:7px;line-height:1}
  .more-photos::after{content:"Photos";font-size:.68rem}

  /* Included items: two-up instead of one long stack */
  .included-divider{margin-top:30px;padding:15px 10px 12px;border-top-width:3px;border-radius:16px 16px 0 0}
  .included-divider span{font-size:.66rem}
  .included-divider strong{font-size:.92rem;line-height:1.2}
  .gallery.labeled{grid-template-columns:1fr 1fr!important;gap:8px;padding:10px;margin-top:0;border-radius:0 0 16px 16px}
  .gallery.labeled figure:nth-child(4),.gallery.labeled figure:nth-child(5){grid-column:auto!important;margin-left:0!important;width:auto!important;justify-self:auto!important}
  .gallery.labeled figure:nth-child(5){grid-column:1/-1!important;width:calc(50% - 4px)!important;justify-self:center!important}
  .gallery figure{border-radius:13px}
  .gallery .included-photo-button{border-radius:12px 12px 0 0}
  .gallery-img{height:auto;aspect-ratio:1.2/1}
  .gallery-img img{height:100%;object-fit:cover}
  .gallery figcaption{padding:8px}
  .gallery figcaption b{font-size:.78rem;line-height:1.1}
  .gallery figcaption span{font-size:.66rem;line-height:1.2}
  .bundle-return{margin-top:16px}
  .bundle-return .btn{min-width:170px;padding:10px 14px;font-size:.82rem}

  /* Reasons: compact 2x2 row instead of four full-width rows */
  .usecases{padding:36px 0}
  .compact-head{margin-bottom:12px}
  .compact-head h2{font-size:2rem}
  .benefit-list{grid-template-columns:1fr 1fr!important;gap:8px 12px}
  .benefit{gap:8px;padding:5px 0}
  .benefit-list .benefit>span{width:34px!important;height:34px!important;min-width:34px!important;font-size:1rem!important}
  .benefit b{font-size:.78rem;line-height:1.15}

  /* Consultation: image and steps sit beside one another */
  .consult{grid-template-columns:.82fr 1.18fr!important;gap:14px;align-items:center}
  .consult>img{height:275px!important;border-radius:20px;object-fit:cover}
  .free-kicker{font-size:.68rem;padding:6px 8px}
  .consult-title{font-size:2rem;margin:10px 0}
  .consult-short{font-size:.78rem!important;line-height:1.35;margin:0}
  .simple-steps{gap:0;margin:10px 0 12px}
  .simple-steps .step{grid-template-columns:26px 1fr;padding:6px 0;gap:7px}
  .simple-steps .num{width:24px;height:24px;font-size:.7rem}
  .simple-steps .step strong{font-size:.72rem;line-height:1.15}
  .consult .btn{padding:9px 8px;font-size:.7rem;line-height:1.15}

  /* FAQ: desktop-like two-column scan. Open answer expands across both columns. */
  #faq .section-head h2{font-size:2.25rem;max-width:70%}
  #faq .section-head p{font-size:.8rem;max-width:30%;text-align:right}
  .faq{grid-template-columns:1fr 1fr!important;gap:8px}
  .faq details{min-width:0;border-radius:13px}
  .faq summary{padding:12px 11px!important;font-size:.78rem!important;line-height:1.2;align-items:center}
  .faq summary::after{font-size:1rem}
  .faq details[open]{grid-column:1/-1}
  .faq details p{padding:0 12px 13px!important;font-size:.78rem;line-height:1.4}
  .about-faq-cta{margin-top:14px}
  .about-faq-card{padding:11px 12px;border-radius:13px;gap:9px}
  .about-faq-icon{width:32px;height:32px;font-size:1rem}
  .about-faq-card strong{font-size:.88rem}
  .about-faq-card small{font-size:.7rem}

  /* Order area stays readable, but tighter */
  .order-heading{margin-bottom:16px}
  .order-heading h2{font-size:2.3rem;margin:10px 0 6px}
  .order-heading p{font-size:.85rem}
  .simple-order{padding:15px 12px;border-radius:17px;gap:13px}
  .simple-order .order-box legend{font-size:1rem;padding-bottom:8px}
  .simple-order .order-row{padding:10px 10px;min-height:64px;border-radius:12px;grid-template-columns:minmax(0,1fr) auto!important;gap:7px}
  .simple-order .order-row>label:first-child{font-size:.8rem}
  .simple-order input[type=checkbox]{width:20px;height:20px}
  .simple-order .order-row small{font-size:.75rem}
  .included-jump{font-size:.68rem;padding:6px 7px;margin-left:28px!important}
  .simple-order .qty{font-size:.72rem;grid-template-columns:auto 50px!important}
  .simple-order .qty input{width:50px!important;padding:7px;font-size:.8rem}

  .footer{padding:25px 0 34px;font-size:.76rem}
  .footer-row{gap:12px}
}

@media (max-width:390px){
  .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  h1{font-size:2.18rem}
  .hero-card img{height:300px;min-height:300px}
  .brand{font-size:.82rem}
  .nav-cta{font-size:.8rem;padding:9px 11px}
  .body h3,.price{font-size:.92rem}
}

/* ===================== V14 MOBILE REFINEMENT ===================== */
.mobile-start,.mobile-research-card,.mobile-consult-card,.mobile-consult-summary{display:none}

@media (max-width:700px){
  /* HERO: one clean first-screen story, with the product visible immediately */
  .hero{padding:18px 0 24px;min-height:calc(100svh - 98px);display:flex;align-items:flex-start}
  .hero-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "photo" "start" "copy" "actions";gap:12px;align-items:start;width:100%}
  .hero-grid>div:first-child{display:contents}
  .hero .kicker{display:none}
  .hero h1{grid-area:title;margin:2px 0 0;font-size:clamp(2.45rem,12vw,3.25rem);line-height:.92;letter-spacing:-.06em}
  .hero-subline{display:none}
  .hero-card{grid-area:photo;width:100%;display:block}
  .hero-card img{height:290px;min-height:290px;width:100%;object-fit:cover;object-position:center 48%;border-radius:24px}
  .hero-card .badge{left:auto;right:10px;top:10px;bottom:auto;width:auto;max-width:60%;padding:8px 10px;border-radius:12px}
  .hero-card .badge strong{font-size:.74rem;line-height:1.12}
  .mobile-start{display:block;grid-area:start;font-size:1.65rem;line-height:1;margin:2px 0 0;letter-spacing:-.045em}
  .hero p:not(.note){grid-area:copy;font-size:.9rem;line-height:1.4;margin:0}
  .hero .actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px}
  .hero .actions .btn{padding:11px 8px;font-size:.74rem;min-height:44px}
  .hero .btn.secondary{font-size:0}
  .hero .btn.secondary::after{content:"Consultation";font-size:.74rem}
  .hero .note{display:none}

  /* MICROPLASTICS: complete section visible as one compact screen */
  .science-v10{padding:28px 0 30px}
  .science-v10 .science-grid{grid-template-columns:1fr;gap:12px}
  .science-v10 .science-kicker{font-size:.7rem;padding:7px 10px;margin-bottom:2px}
  .science-v10 h2{font-size:1.82rem;line-height:.98;margin:8px 0 8px}
  .science-v10 p{font-size:.79rem;line-height:1.34;margin:0}
  .science-v10 .source-links,.science-v10 .research-more{display:none}
  .science-visuals{margin-top:2px}
  .worth-replacing{font-size:.86rem;margin:0 0 8px;justify-content:center}
  .worth-replacing .down-arrow{font-size:1.2rem!important}
  .science-photos-v10{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .science-photos-v10 figure,.science-photos-v10 figure:nth-child(3){grid-column:auto;width:auto;justify-self:stretch}
  .science-photos-v10 img,.science-photos-v10 figure:nth-child(3) img{aspect-ratio:1.18/1;height:auto;border-radius:15px;border-width:2px}
  .science-photos-v10 figcaption{font-size:.58rem;padding:5px 7px;left:5px;bottom:5px}
  .mobile-research-card{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:0;padding:10px;border:2px solid #8a2931;border-radius:15px;background:#fffefa}
  .mobile-research-card strong{font-size:.72rem;color:#7b252d;line-height:1.1}
  .mobile-research-card a{font-size:.66rem;font-weight:800;color:var(--green3);line-height:1.15}

  /* BUNDLES: four offerings in a deliberate 2 x 2 grid */
  #bundles{padding:34px 0 38px}
  #bundles .section-head{display:block;margin-bottom:14px}
  #bundles .section-head h2{font-size:2rem;max-width:none;margin:0}
  #bundles .section-head p{max-width:none;text-align:left;font-size:.8rem;margin-top:5px;line-height:1.25}
  .bundle-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
  .bundle-grid .card:nth-child(3){grid-column:auto;width:auto;justify-self:stretch}
  .mobile-consult-card{display:flex}
  .bundle-grid .card{height:100%}
  .photo{aspect-ratio:1.08/1}
  .body{padding:10px 9px 11px}
  .body h3{font-size:.95rem}
  .price{font-size:.95rem}
  .mobile-consult-photo{position:relative}
  .mobile-consult-photo img{object-fit:cover!important;object-position:18% center!important}
  .mobile-consult-title{position:absolute;z-index:2;top:8px;left:8px;background:rgba(255,254,250,.94);padding:5px 7px;border-radius:9px;font-size:.62rem;font-weight:900;line-height:1.05}
  .mobile-consult-steps{list-style:none;padding:0;margin:7px 0 8px;display:grid;gap:3px}
  .mobile-consult-steps li{font-size:.62rem;line-height:1.16;padding-left:12px;position:relative}
  .mobile-consult-steps li:before{content:"✓";position:absolute;left:0;color:var(--green2);font-weight:900}
  .mobile-consult-card .mobile-consult-book{font-size:.64rem!important;padding:7px 5px!important;min-height:36px}
  .mobile-consult-card .mobile-consult-book::after{content:none}
  .mobile-consult-summary{display:flex;align-items:flex-start;justify-content:center;gap:8px;text-align:center;margin:12px auto 0;max-width:94%;color:var(--green3)}
  .mobile-consult-summary span{font-size:1.2rem;line-height:1;font-weight:950}
  .mobile-consult-summary strong{font-size:.72rem;line-height:1.25}

  /* Included examples: strict 2 x 2 grid; least-important wrap image hidden on phones */
  .gallery.labeled figure:nth-child(5){display:none!important}
  .gallery.labeled{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .gallery.labeled figure:nth-child(1),.gallery.labeled figure:nth-child(2),.gallery.labeled figure:nth-child(3),.gallery.labeled figure:nth-child(4){grid-column:auto!important;width:auto!important;justify-self:stretch!important}
  .bundle-return{margin-top:12px}

  /* Consultation is already represented as the fourth offering on mobile */
  #consultation{display:none!important}

  /* FAQ: retain the good 2-column layout; center the small instruction copy */
  #faq .section-head{grid-template-columns:1fr auto;display:grid;align-items:end}
  #faq .section-head h2{max-width:none}
  #faq .section-head p{max-width:150px;width:150px;text-align:center!important;justify-self:end;line-height:1.25}

  /* ORDER: short heading + 2 x 2 choice grid so all four choices are visible together */
  .order-section{padding:34px 0 40px}
  .order-heading{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"kicker note" "title title";gap:5px 12px;align-items:center;margin-bottom:12px}
  .order-heading .kicker{grid-area:kicker;display:inline-block;font-size:.64rem;padding:6px 9px;justify-self:start}
  .order-heading p{grid-area:note;margin:0;text-align:right;font-size:.7rem;line-height:1.25}
  .order-heading h2{grid-area:title;font-size:2rem;line-height:.95;margin:5px 0 0;text-align:center}
  .simple-order{padding:11px 10px;border-radius:16px}
  .simple-order .order-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .simple-order .order-box legend{grid-column:1/-1;font-size:.9rem;padding-bottom:5px}
  .simple-order .order-row{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"name qty" "jump qty";padding:8px 8px;min-height:84px;gap:4px 5px;border-radius:11px}
  .simple-order .order-row>label:first-child{grid-area:name;align-self:start;font-size:.7rem;gap:6px}
  .simple-order input[type=checkbox]{width:18px;height:18px}
  .simple-order .order-row span strong{font-size:.72rem}
  .simple-order .order-row small{font-size:.66rem}
  .included-jump{grid-area:jump;margin-left:24px!important;font-size:.58rem;padding:4px 5px;align-self:start;justify-self:start}
  .simple-order .qty{grid-area:qty;align-self:center;font-size:.62rem;grid-template-columns:auto 38px!important;gap:3px}
  .simple-order .qty input{width:38px!important;padding:5px 3px;font-size:.7rem}
  .contact-us-row{grid-column:1/-1;padding-top:2px}
  .contact-us-button{padding:10px 12px;min-height:48px}
  .contact-us-button span{font-size:.8rem}.contact-us-button small{font-size:.67rem}
}

/* ===================== V15 PRECISION MOBILE REFINEMENT ===================== */
.mobile-quicklinks{display:none}

@media (max-width:700px){
  /* Header: stronger brand, CTA, and a tiny useful quick-link rail */
  .topbar{font-size:.78rem;padding:7px 8px}
  .nav{height:58px;border-bottom:1px solid #202820}
  .brand{font-size:1rem;font-weight:900;gap:8px}
  .mark{width:38px;height:38px}.mark svg{width:27px;height:27px}
  .nav-cta{font-size:.92rem;padding:11px 16px;min-height:42px}
  .mobile-quicklinks{display:flex;height:30px;align-items:center;justify-content:center;gap:28px;background:#fffefa;border-bottom:1px solid #e5e4dc;font-size:.72rem;font-weight:850;color:var(--green3)}
  .mobile-quicklinks a{text-decoration:underline;text-underline-offset:3px}

  /* Hero: one complete phone screen, centred story */
  .hero{padding:13px 0 16px;min-height:calc(100svh - 126px)}
  .hero-grid{gap:7px;text-align:center}
  .hero h1{font-size:2.2rem;line-height:.94;margin:0 auto 2px;max-width:100%;text-align:center;letter-spacing:-.055em}
  .hero-main{display:block;text-align:center}
  .hero-card img{height:250px;min-height:250px;border-radius:21px}
  .hero-card .badge{top:8px;right:8px;padding:6px 8px;max-width:67%;text-align:left}
  .hero-card .badge strong{font-size:.66rem}
  .mobile-start{font-size:2.2rem;line-height:.95;text-align:center;margin:2px 0 1px}
  .hero p:not(.note){font-size:.78rem;line-height:1.35;text-align:center;max-width:96%;margin:0 auto}
  .hero .actions{gap:7px;margin-top:3px}
  .hero .actions .btn{min-height:39px;padding:8px 6px;font-size:.7rem}
  .hero .btn.secondary::after{font-size:.7rem}

  /* Microplastics: centred, one-screen composition */
  .science-v10{padding:24px 0 28px;min-height:calc(100svh - 58px);display:flex;align-items:center}
  .science-v10 .container{width:calc(100% - 24px)}
  .science-v10 .science-grid{gap:14px;text-align:center}
  .science-v10 .science-kicker{font-size:.69rem;margin:0 auto 4px;display:table}
  .science-v10 h2{font-size:1.72rem;line-height:1.02;margin:12px auto 13px;max-width:95%;text-align:center}
  .science-v10 p{font-size:.72rem;line-height:1.32;max-width:95%;margin:0 auto;text-align:center}
  .science-visuals{margin-top:5px}
  .worth-replacing{font-size:.78rem;margin-bottom:7px}
  .science-photos-v10{gap:7px}
  .science-photos-v10 img,.science-photos-v10 figure:nth-child(3) img{aspect-ratio:1.24/1;border-radius:14px}
  .science-photos-v10 figcaption{font-size:.54rem;padding:4px 6px}
  .mobile-research-card{position:relative;padding:8px 8px 30px;border-radius:14px;justify-content:flex-start;min-height:100%;text-align:left}
  .mobile-research-links{display:grid;gap:4px;align-content:start}
  .mobile-research-card a{font-size:.58rem;line-height:1.1;color:var(--green3);font-weight:850}
  .mobile-research-card strong{position:absolute;left:6px;bottom:6px;background:#fff;color:#161b17;border-radius:999px;padding:5px 7px;font-size:.56rem;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.08)}

  /* Bundles: all four offers and consultation note fit in one phone-screen section */
  #bundles{padding:24px 0 28px;min-height:calc(100svh - 58px);display:flex;align-items:center}
  #bundles .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-bottom:9px}
  #bundles .section-head h2{font-size:1.75rem;line-height:.95;max-width:none}
  #bundles .section-head p{font-size:.62rem;line-height:1.15;max-width:115px;text-align:right;margin:0}
  .bundle-grid{gap:7px}
  .bundle-grid .card{border-radius:15px}
  .card .bundle-photo-button{border-radius:14px 14px 0 0}
  .photo{aspect-ratio:1.26/1}
  .tag{font-size:.48rem;padding:4px 6px;top:5px;left:5px}
  .body{padding:7px 7px 8px}
  .body h3,.price{font-size:.82rem}
  .mobile-inclusions{margin:5px 0 5px}
  .mobile-inclusions summary{font-size:.56rem!important;padding:5px 4px!important;border-radius:7px}
  .mobile-inclusions .checks{font-size:.54rem}
  .body .btn{min-height:30px;padding:5px 4px;border-radius:9px}
  .body .btn::after{font-size:.6rem}
  .more-photos{margin-top:5px}.more-photos::after{font-size:.58rem}
  .mobile-consult-title{font-size:.53rem;padding:4px 5px;top:5px;left:5px}
  .mobile-consult-steps{margin:4px 0 5px;gap:1px}
  .mobile-consult-steps li{font-size:.52rem;padding-left:10px}
  .mobile-consult-card .mobile-consult-book{font-size:.53rem!important;min-height:30px!important;padding:5px 3px!important}
  .mobile-consult-summary{margin:7px auto 0;gap:7px;max-width:92%;align-items:center}
  .mobile-consult-summary strong{font-size:.59rem;line-height:1.2;text-align:center}
  .mobile-consult-summary span{order:2;font-size:1.55rem;line-height:.75;color:var(--green3);font-weight:950}

  /* Included items: one clearly enclosed light-green module, including its CTA */
  .included-divider{margin-top:24px;border:3px solid var(--green2);border-bottom:0!important;border-radius:17px 17px 0 0!important;background:var(--sage)!important;padding:12px 9px 9px}
  .gallery.labeled{border-left:3px solid var(--green2);border-right:3px solid var(--green2);background:var(--sage)!important;padding:8px 10px!important}
  .bundle-return{margin:0!important;padding:10px 10px 13px;background:var(--sage);border:3px solid var(--green2);border-top:0;border-radius:0 0 17px 17px;text-align:center}
  .bundle-return .btn{min-width:160px;padding:9px 13px;font-size:.74rem}

  /* Reasons and FAQ must read as separate sections */
  .usecases{padding:28px 0 30px;background:#fffefa;border-bottom:10px solid var(--cream)}
  #faq{padding-top:34px;background:var(--cream)}
  #faq .container{background:#fffefa;border-radius:20px;padding:18px 12px}
  #faq .section-head{margin-bottom:14px}

  /* Order form: hard containment; nothing may extend beyond phone viewport */
  .order-section{overflow:hidden;padding:28px 0 34px}
  .order-section .container,.simple-order,.simple-order .order-box,.simple-order .order-row{min-width:0;max-width:100%}
  .simple-order{width:100%;overflow:hidden}
  .simple-order .order-box{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:6px;row-gap:7px;padding:0;border:0}
  .simple-order .order-row{width:100%;box-sizing:border-box;overflow:hidden;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-areas:"name qty" "jump qty"!important;padding:8px 7px}
  .simple-order .order-row>label:first-child{min-width:0;overflow:hidden}
  .simple-order .order-row span{min-width:0}
  .simple-order .order-row span strong{font-size:.64rem;white-space:normal;overflow-wrap:anywhere}
  .simple-order .order-row small{font-size:.6rem;white-space:nowrap}
  .included-jump{margin-left:22px!important;font-size:.52rem;white-space:nowrap;padding:4px 4px}
  .simple-order .qty{grid-template-columns:auto 28px!important;font-size:.54rem;gap:2px;max-width:42px;justify-self:end}
  .simple-order .qty input{width:28px!important;min-width:0!important;padding:4px 2px;font-size:.62rem;text-align:center}
  .contact-us-row{min-width:0;width:100%}
  .contact-us-button{width:100%;box-sizing:border-box}
}

/* Desktop + mobile copy update spacing for the new microplastics headline */
.science-v10 h2{max-width:760px}

/* Desktop included-items module: close the green frame and keep CTA inside */
@media (min-width:701px){
  .included-divider{border:3px solid var(--green2);border-bottom:0;border-radius:20px 20px 0 0;background:var(--sage);padding-bottom:18px;margin-bottom:0}
  .gallery.labeled{margin-top:0;border-left:3px solid var(--green2);border-right:3px solid var(--green2);background:var(--sage);padding:18px 20px 12px}
  .bundle-return{margin:0;padding:10px 20px 20px;text-align:center;background:var(--sage);border:3px solid var(--green2);border-top:0;border-radius:0 0 20px 20px}
}

/* ===================== V16 MOBILE READABILITY + FIT REFINEMENT ===================== */
/* Keep desktop layout unchanged except for the explicitly requested readability/detail fixes. */
.order-heading .kicker{font-size:.86rem;padding:8px 12px}
.faq-title-line{display:inline}
.hero-line{display:inline}

@media (max-width:700px){
  /* Header remains readable without consuming the screen. */
  .brand{font-size:1.08rem}
  .nav-cta{font-size:.98rem;padding:12px 17px}

  /* HERO: full first view, stronger hierarchy, narrower/squarer product image. */
  .hero{padding:8px 0 12px;min-height:calc(100svh - 118px);display:flex;align-items:flex-start}
  .hero-grid{gap:6px}
  .hero .kicker{display:table;grid-area:title;margin:0 auto 3px;font-size:.66rem;line-height:1.15;padding:6px 9px;letter-spacing:.07em}
  .hero h1{grid-area:title;margin:31px auto 2px;font-size:2.48rem;line-height:.91;max-width:96%;width:96%;text-align:center}
  .hero-main{display:block;width:100%}
  .hero-line{display:block;text-align:center}
  .hero-card{width:92%;margin:0 auto}
  .hero-card img{height:266px;min-height:266px;width:100%;object-fit:cover;object-position:center 50%;border-radius:21px}
  .hero-card .badge{top:7px;right:7px;max-width:70%;padding:6px 8px}
  .hero-card .badge strong{font-size:.69rem}
  .mobile-start{font-size:2.48rem;line-height:.91;margin:2px auto 1px;max-width:96%;text-align:center}
  .hero p:not(.note){font-size:.86rem;line-height:1.3;color:#465049;font-weight:500;max-width:96%}
  .hero .actions{gap:8px;margin-top:5px}
  .hero .actions .btn{font-size:.82rem!important;min-height:42px;padding:9px 7px;line-height:1.05}
  .hero .btn.secondary{font-size:.82rem!important}
  .hero .btn.secondary::after{content:none!important}

  /* MICROPLASTICS: preserve one-screen layout while improving readability. */
  .science-v10{padding:20px 0 24px;min-height:calc(100svh - 58px)}
  .science-v10 .science-grid{gap:11px}
  .science-v10 .science-kicker{font-size:.72rem;padding:7px 11px;margin-bottom:5px}
  .science-v10 h2{font-size:1.78rem;line-height:1.01;margin:9px auto 14px;max-width:98%}
  .science-v10 p{font-size:.77rem;line-height:1.34;color:#465049;font-weight:500;max-width:96%}
  .science-visuals{margin-top:7px}
  .worth-replacing{font-size:.82rem;margin-bottom:7px}
  .science-photos-v10{gap:7px}
  .science-photos-v10 figcaption{font-size:.59rem;padding:5px 7px;color:#161b17}
  .mobile-research-card{background:#e4e4e0;padding:9px 9px 31px;justify-content:stretch}
  .mobile-research-links{height:100%;display:flex;flex-direction:column;justify-content:space-around;gap:4px;padding:1px 0 2px}
  .mobile-research-card a{font-size:.65rem;line-height:1.14;color:var(--green3);font-weight:900}
  .mobile-research-card strong{font-size:.6rem;color:#161b17;background:#fffefa}

  /* BUNDLES: make all small supporting copy legible without expanding the section much. */
  #bundles .section-head p{font-size:.7rem;line-height:1.2;color:#465049;font-weight:500;max-width:125px}
  .mobile-inclusions summary{font-size:.61rem!important;font-weight:900}
  .mobile-inclusions .checks{font-size:.59rem;line-height:1.2}
  .mobile-consult-title{font-size:.58rem}
  .mobile-consult-steps li{font-size:.58rem;line-height:1.18;font-weight:600}
  .mobile-consult-card .mobile-consult-book{font-size:.58rem!important}
  .mobile-consult-summary{max-width:95%;margin-top:8px}
  .mobile-consult-summary strong{font-size:.66rem;line-height:1.2;font-weight:800}

  /* Included-items module: one continuous rounded green frame with no seam/break. */
  .included-divider{border:3px solid var(--green2)!important;border-bottom:0!important;border-radius:17px 17px 0 0!important;margin-bottom:0!important}
  .gallery.labeled{border-left:3px solid var(--green2)!important;border-right:3px solid var(--green2)!important;border-radius:0!important;margin:0!important}
  .gallery.labeled figure{border-radius:14px}
  .gallery figcaption{padding:9px 9px 10px}
  .gallery figcaption b{font-size:.77rem;line-height:1.14}
  .gallery figcaption span{font-size:.66rem;line-height:1.2;color:#4d5951;font-weight:500}
  .bundle-return{border:3px solid var(--green2)!important;border-top:0!important;border-radius:0 0 17px 17px!important;margin:0!important}

  /* FAQ: two-line title, stronger instruction and answer text. */
  #faq .section-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  #faq .section-head h2{font-size:2.35rem;line-height:.9;max-width:none;margin:0}
  .faq-title-line{display:block}
  #faq .section-head p{font-size:.85rem;line-height:1.23;color:#465049;font-weight:500;max-width:175px;width:175px}
  .faq summary{font-size:.83rem!important;line-height:1.18}
  .faq details p{font-size:.83rem!important;line-height:1.42;color:#465049;font-weight:500}
  .about-faq-card strong{font-size:.94rem}
  .about-faq-card small{font-size:.78rem;line-height:1.25;color:#4d5951;font-weight:500}

  /* Order section: larger label and deliberate two-line confirmation copy. */
  .order-heading{grid-template-columns:auto 1fr;gap:5px 10px}
  .order-heading .kicker{font-size:.72rem;padding:7px 10px}
  .order-heading p{font-size:.76rem;line-height:1.18;color:#465049;font-weight:500;text-align:right}
  .order-heading p span{display:block}
  .order-heading h2{font-size:2.05rem}

  /* Site-wide mobile small-copy floor: no washed-out, tiny supporting text. */
  .note,.body p,.material-note,.trust span,.step span,.footer,.smallprint,.contact-small,.contact-hint{color:#4d5951}
  .body p{font-size:.72rem;line-height:1.25}
  .footer{font-size:.82rem;line-height:1.4}
}

/* ===================== V17 MOBILE POLISH ===================== */
.text-us-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);background:#edf6ef;border:1px solid #d8e5db;border-radius:16px;padding:14px 18px;min-height:72px}
.text-us-card strong{font-weight:900;color:var(--green3)}
.text-us-card small{color:#4d5951;font-weight:650}
.text-us-card>span{margin-left:auto;color:var(--green3);font-size:1.35rem;font-weight:900}
.order-steps-title span{display:inline}.order-steps-title b{font-weight:950}

@media (max-width:700px){
  .mobile-quicklinks{gap:25px;font-size:.76rem;height:32px}
  /* FAQ header becomes one centered hierarchy, not a left/right split. */
  #faq .section-head{display:block!important;text-align:center;margin-bottom:14px}
  #faq .section-head h2{font-size:2.2rem;line-height:.96;margin:0 auto 7px;max-width:100%;white-space:nowrap}
  #faq .section-head p{font-size:.9rem;line-height:1.2;margin:0 auto!important;max-width:none;width:auto;text-align:center;color:#3f4942;font-weight:650}
  .about-faq-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
  .about-faq-card{min-width:0;padding:11px 12px}
  .about-faq-card small{font-size:.8rem;line-height:1.24}
  .text-us-card{padding:10px 12px;min-width:108px;min-height:auto;flex-direction:column;justify-content:center;gap:2px;text-align:center}
  .text-us-card strong{font-size:.9rem}.text-us-card small{font-size:.7rem}.text-us-card>span{display:none}

  /* Three unmistakable steps. */
  .order-heading{grid-template-columns:auto 1fr;grid-template-areas:"kicker note" "title title";align-items:start}
  .order-heading .kicker{grid-area:kicker}
  .order-heading p{grid-area:note}
  .order-heading h2.order-steps-title{grid-area:title;display:flex;justify-content:center;align-items:center;gap:8px;font-size:1.32rem;line-height:1.05;margin:8px auto 4px;white-space:nowrap}
  .order-steps-title span{display:inline-flex;gap:3px;align-items:baseline}
  .order-steps-title b{color:var(--green3);font-size:.86em}

  /* Fix forced mid-word wrapping in the four choice cards. */
  .simple-order .order-row{grid-template-columns:minmax(0,1fr) 58px!important;padding:9px 8px;gap:5px 5px}
  .simple-order .order-row>label:first-child{overflow:visible;gap:6px}
  .simple-order .order-row span{display:flex!important;align-items:baseline;gap:7px;min-width:0;flex-wrap:nowrap}
  .simple-order .order-row span strong{font-size:.72rem!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.12}
  .simple-order .order-row small{font-size:.66rem!important;white-space:nowrap!important;flex:0 0 auto}
  .simple-order .qty{max-width:58px!important;grid-template-columns:auto 32px!important;font-size:.61rem!important;gap:3px}
  .simple-order .qty input{width:32px!important;font-size:.68rem!important}
  .included-jump{font-size:.58rem!important;margin-left:26px!important}

  /* Mobile small-copy minimum: stronger contrast and a modest size lift. */
  .hero p:not(.note),.science-v10 p,#bundles .section-head p,.gallery figcaption span,.mobile-consult-steps li,.mobile-consult-summary strong,.faq details p,.about-faq-card small,.body p,.footer,.smallprint,.contact-us-button small,.form-note,.terms-check{color:#3f4942!important;font-weight:600!important}
  .gallery figcaption span{font-size:.69rem!important}
  .mobile-consult-steps li{font-size:.62rem!important}
  .mobile-consult-summary strong{font-size:.7rem!important}
  .body p{font-size:.75rem!important}
}

/* ===================== V19 TARGETED FIXES ===================== */
/* Consultation photo callout belongs in the bottom-right, clear of the subject. */
@media (max-width:700px){
  .mobile-consult-title{top:auto!important;left:auto!important;right:7px!important;bottom:7px!important;max-width:118px;text-align:center;font-size:.64rem!important;padding:5px 7px!important}
}

/* Desktop order steps: small numbers, large labels, deliberate spacing, no awkward line breaks. */
@media (min-width:701px){
  .order-heading h2.order-steps-title{display:flex!important;justify-content:center;align-items:baseline;gap:48px!important;white-space:nowrap;flex-wrap:nowrap;font-size:3rem;line-height:1.02}
  .order-steps-title span{display:inline-flex!important;align-items:baseline;gap:10px!important;white-space:nowrap}
  .order-steps-title b{font-size:.43em!important;color:var(--green3);font-weight:900;line-height:1}
}

/* V20 final-polish pass */
.form-step-number{color:var(--green3);font-weight:950;margin-right:6px}
.address-subhead{margin-bottom:2px!important}
.submit-step-number{font-size:.72em;font-weight:950;margin-right:9px;color:#fff}
.simple-order .submit{gap:3px}

/* Continuous, clean What's Inside frame */
.included-divider,.gallery.labeled{width:100%!important;box-sizing:border-box!important}
.included-divider{border:3px solid var(--green2)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;margin-bottom:0!important}
.gallery.labeled{border:3px solid var(--green2)!important;border-top:0!important;border-radius:0 0 20px 20px!important;margin-top:0!important;position:relative}
.gallery.labeled:before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:6px;background:var(--sage);pointer-events:none}

/* Large desktop Text Us popup */
.phone-modal{position:fixed;inset:0;z-index:1000;background:rgba(20,28,22,.58);display:none;align-items:center;justify-content:center;padding:24px}
.phone-modal.open{display:flex}
.phone-modal-card{position:relative;width:min(620px,92vw);background:#fffefa;border:2px solid #cfe0d2;border-radius:28px;padding:48px 42px 38px;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.phone-modal-kicker{font-size:1rem;letter-spacing:.16em;font-weight:900;color:var(--green3)}
.phone-modal-card h2{font-size:clamp(3rem,7vw,5.4rem);line-height:1;margin:18px 0 16px;letter-spacing:-.045em;color:var(--ink);white-space:nowrap}
.phone-modal-card p{font-size:1.2rem;color:var(--muted);margin:0 auto 26px;max-width:460px}
.phone-modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:2.2rem;line-height:1;cursor:pointer;color:var(--ink)}
.phone-modal-done{min-width:150px;border:0;font-size:1rem;cursor:pointer}

@media(max-width:700px){
 .desktop-text-us-nav{display:none!important}
 .phone-modal{display:none!important}
 .included-divider{border-radius:17px 17px 0 0!important}
 .gallery.labeled{border-radius:0 0 17px 17px!important}
}
\n\n/* ===================== V21 INCLUDED FRAME CORRECTION ===================== */
/* ONE continuous rounded box around heading, examples, and Choose My Bundle. */
.included-frame{
  width:100%;
  box-sizing:border-box;
  margin-top:52px;
  background:var(--sage);
  border:3px solid var(--green2);
  border-radius:20px;
  overflow:hidden;
}
.included-frame .included-divider{
  width:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.included-frame .gallery.labeled{
  width:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  position:static!important;
}
.included-frame .gallery.labeled:before{display:none!important;content:none!important}
.included-frame .bundle-return{
  margin:0!important;
  padding:10px 20px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:center;
}
@media(max-width:700px){
  .included-frame{margin-top:24px;border-radius:17px}
  .included-frame .included-divider{padding-top:12px!important}
}

/* ===================== V22 POLISH ===================== */
/* Keep the included-items area as ONE visible green frame on desktop and mobile. */
.included-frame{border:3px solid var(--green2)!important;background:var(--sage)!important;border-radius:20px!important;overflow:hidden!important}
.included-frame .included-divider,.included-frame .gallery.labeled,.included-frame .bundle-return{border:0!important;background:transparent!important}

/* Give every word in the consultation CTA comfortable breathing room. */
#consultation .btn.primary,.mobile-consult-book{gap:.36em;word-spacing:.08em;white-space:normal;text-align:center}

/* Send remains discoverable, but clearly becomes available only when the form is complete. */
.simple-order .submit:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)}
.simple-order .submit:not(:disabled){opacity:1;cursor:pointer}

/* Cleaner order-card hierarchy, especially on phones. */
.order-row{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"choice choice" "included qty"!important;align-items:end!important;column-gap:14px!important;row-gap:12px!important}
.order-row>label:first-child{grid-area:choice!important;min-width:0}
.order-row>.included-jump{grid-area:included!important;justify-self:start!important;margin:0!important}
.order-row>.qty{grid-area:qty!important;justify-self:end!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}
.order-row>.qty input{margin:0!important}

@media(max-width:700px){
 .included-frame{border-radius:17px!important}
 .order-row{min-height:168px!important;padding:18px 16px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"choice choice" "included qty"!important;align-content:space-between!important}
 .order-row>label:first-child{align-self:start!important}
 .order-row>.included-jump{align-self:end!important}
 .order-row>.qty{align-self:end!important}
}

/* ===================== V23 FIXES ===================== */
/* Desktop: keep the completed green included-items frame clearly separated from bundle cards. */
.included-frame{margin-top:76px!important;clear:both!important}

/* Order cards: reset conflicting legacy rules and keep every control visible. */
.simple-order .order-row{
  position:relative!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.simple-order .order-row>label:first-child,
.simple-order .order-row>.included-jump,
.simple-order .order-row>.qty{
  position:static!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:none!important;
  width:auto!important;
}

@media(max-width:700px){
  .included-frame{margin-top:34px!important}
  .simple-order .order-box{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .simple-order .order-box legend{grid-column:1/-1!important;margin-bottom:2px!important}
  .simple-order .order-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto 1fr auto!important;
    grid-template-areas:
      "choice choice"
      ". ."
      "included qty"!important;
    min-width:0!important;
    width:100%!important;
    min-height:156px!important;
    padding:13px 11px!important;
    gap:7px!important;
    align-items:end!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }
  .simple-order .order-row>label:first-child{
    grid-area:choice!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
    font-size:.86rem!important;
    line-height:1.08!important;
    align-self:start!important;
    white-space:normal!important;
  }
  .simple-order .order-row>label:first-child span{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:4px 7px!important;
    min-width:0!important;
  }
  .simple-order .order-row>label:first-child strong{font-size:.9rem!important;white-space:normal!important;word-break:normal!important}
  .simple-order .order-row>label:first-child small{font-size:.82rem!important;white-space:nowrap!important}
  .simple-order input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;margin:0!important}
  .simple-order .order-row>.included-jump{
    grid-area:included!important;
    display:inline-flex!important;
    justify-self:start!important;
    align-self:end!important;
    max-width:100%!important;
    padding:7px 8px!important;
    font-size:.69rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .simple-order .order-row>.qty{
    grid-area:qty!important;
    display:flex!important;
    justify-self:end!important;
    align-self:end!important;
    align-items:center!important;
    gap:4px!important;
    font-size:.68rem!important;
    white-space:nowrap!important;
  }
  .simple-order .order-row>.qty input{
    width:38px!important;
    height:34px!important;
    min-width:38px!important;
    padding:4px!important;
    font-size:.78rem!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:390px){
  .simple-order{padding:16px 12px!important}
  .simple-order .order-box{gap:8px!important}
  .simple-order .order-row{padding:11px 9px!important;min-height:150px!important}
  .simple-order .order-row>label:first-child strong{font-size:.82rem!important}
  .simple-order .order-row>label:first-child small{font-size:.76rem!important}
  .simple-order .order-row>.included-jump{font-size:.62rem!important;padding:6px!important}
  .simple-order .order-row>.qty{font-size:.62rem!important}
  .simple-order .order-row>.qty input{width:34px!important;min-width:34px!important;height:32px!important}
}

/* ===================== V24 MOBILE NAV + ORDER ICONS + POLICY BUTTON ===================== */
.mobile-tier-icon{display:none}
@media(max-width:700px){
  /* The large brand/Get Started header belongs to the top of the page, not the whole scroll. */
  nav{position:relative!important;top:auto!important;z-index:20}
  /* The useful links are what stay available while scrolling on a phone. */
  .mobile-quicklinks{position:sticky!important;top:0!important;z-index:45!important;height:42px!important;gap:24px!important;background:rgba(255,254,250,.97)!important;backdrop-filter:blur(12px);box-shadow:0 2px 9px rgba(25,38,30,.08);font-size:.8rem!important;text-decoration:none!important}
  .mobile-quicklinks a{text-decoration:none!important;display:flex;align-items:center;justify-content:center;white-space:nowrap}
  .mobile-rail-logo{width:30px;height:30px;border-radius:10px;background:var(--sage);border:1px solid #cfdfd0;color:var(--green3)!important;font-size:1.35rem;line-height:1;font-weight:950}
  .mini-home{transform:translateY(-1px)}

  /* Give each order choice a visual tier marker in the unused centre space. */
  .simple-order .order-row{grid-template-rows:auto 1fr auto!important;grid-template-areas:"choice choice" "icon icon" "included qty"!important;min-height:174px!important;padding:14px 12px!important;row-gap:5px!important}
  .mobile-tier-icon{grid-area:icon;display:flex!important;align-self:center;justify-self:center;align-items:center;justify-content:center;width:54px;height:54px;font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
  /* A clean spatula silhouette, with bronze/silver/gold tier finishes. */
  .mobile-tier-icon.bronze,.mobile-tier-icon.silver,.mobile-tier-icon.gold{font-size:0;position:relative;transform:rotate(-28deg)}
  .mobile-tier-icon.bronze:before,.mobile-tier-icon.silver:before,.mobile-tier-icon.gold:before{content:"";width:27px;height:23px;border-radius:4px 4px 7px 7px;position:absolute;top:4px;left:13px;box-shadow:inset 5px 0 0 rgba(255,255,255,.18)}
  .mobile-tier-icon.bronze:after,.mobile-tier-icon.silver:after,.mobile-tier-icon.gold:after{content:"";width:7px;height:31px;border-radius:5px;position:absolute;top:24px;left:23px}
  .mobile-tier-icon.bronze:before,.mobile-tier-icon.bronze:after{background:linear-gradient(90deg,#8d4f24,#d18a4c,#9b582c)}
  .mobile-tier-icon.silver:before,.mobile-tier-icon.silver:after{background:linear-gradient(90deg,#8f999d,#f4f7f7,#aeb8bb)}
  .mobile-tier-icon.gold:before,.mobile-tier-icon.gold:after{background:linear-gradient(90deg,#b47b05,#ffd85a,#d69b10)}
  .mobile-tier-icon.clipboard{font-size:2.35rem;transform:none}

  /* Keep consultation and $0 together on one line. */
  .simple-order .order-row:last-of-type>label:first-child span{display:flex!important;align-items:baseline!important;gap:7px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
  .simple-order .order-row:last-of-type>label:first-child strong{white-space:nowrap!important;font-size:.62rem!important}
  .simple-order .order-row:last-of-type>label:first-child small{white-space:nowrap!important;font-size:.62rem!important}

  /* Policy-page return button: centre both lines inside the pill. */
  .policy-nav .btn.secondary{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.25!important;padding-left:18px!important;padding-right:18px!important}
}

/* ===================== V25 REFINED MOBILE TIER ICONS ===================== */
@media(max-width:700px){
  /* Real slotted turner/spatula silhouette: rounded head, five slots, long handle. */
  .mobile-tier-icon.bronze,.mobile-tier-icon.silver,.mobile-tier-icon.gold{
    width:68px!important;height:68px!important;transform:rotate(-28deg)!important;
  }
  .mobile-tier-icon.bronze:before,.mobile-tier-icon.silver:before,.mobile-tier-icon.gold:before{
    width:38px!important;height:31px!important;top:3px!important;left:15px!important;
    border-radius:10px 10px 8px 8px!important;
    background-color:#aaa;
    background-image:
      linear-gradient(90deg,transparent 0 12%,rgba(238,247,239,.92) 12% 19%,transparent 19% 29%,rgba(238,247,239,.92) 29% 36%,transparent 36% 46%,rgba(238,247,239,.92) 46% 53%,transparent 53% 63%,rgba(238,247,239,.92) 63% 70%,transparent 70% 80%,rgba(238,247,239,.92) 80% 87%,transparent 87%),
      linear-gradient(90deg,rgba(255,255,255,.18),transparent 35%,rgba(255,255,255,.36) 53%,transparent 72%);
    box-shadow:inset 4px 0 5px rgba(255,255,255,.22),0 2px 4px rgba(0,0,0,.12)!important;
  }
  .mobile-tier-icon.bronze:after,.mobile-tier-icon.silver:after,.mobile-tier-icon.gold:after{
    width:8px!important;height:37px!important;top:31px!important;left:30px!important;border-radius:2px 2px 6px 6px!important;
    box-shadow:inset 2px 0 3px rgba(255,255,255,.25),0 2px 3px rgba(0,0,0,.10);
  }
  .mobile-tier-icon.bronze:before,.mobile-tier-icon.bronze:after{background-color:#d97b2b;background-image:linear-gradient(90deg,rgba(255,224,177,.38),transparent 30%,rgba(255,190,105,.55) 52%,transparent 72%),linear-gradient(90deg,#a94f18,#ef9a43 45%,#c35e1d 78%,#f0a04b)}
  .mobile-tier-icon.bronze:before{background-image:linear-gradient(90deg,transparent 0 12%,rgba(238,247,239,.94) 12% 19%,transparent 19% 29%,rgba(238,247,239,.94) 29% 36%,transparent 36% 46%,rgba(238,247,239,.94) 46% 53%,transparent 53% 63%,rgba(238,247,239,.94) 63% 70%,transparent 70% 80%,rgba(238,247,239,.94) 80% 87%,transparent 87%),linear-gradient(90deg,#a94f18,#f4a34c 43%,#c65f1d 72%,#f7b15f)}
  .mobile-tier-icon.silver:before,.mobile-tier-icon.silver:after{background-color:#dce4e7;background-image:linear-gradient(90deg,#8d999f,#f9ffff 43%,#b9c5ca 70%,#eef5f7)}
  .mobile-tier-icon.silver:before{background-image:linear-gradient(90deg,transparent 0 12%,rgba(238,247,239,.94) 12% 19%,transparent 19% 29%,rgba(238,247,239,.94) 29% 36%,transparent 36% 46%,rgba(238,247,239,.94) 46% 53%,transparent 53% 63%,rgba(238,247,239,.94) 63% 70%,transparent 70% 80%,rgba(238,247,239,.94) 80% 87%,transparent 87%),linear-gradient(90deg,#8b979d,#ffffff 43%,#aebbc0 70%,#f7ffff)}
  .mobile-tier-icon.gold:before,.mobile-tier-icon.gold:after{background-color:#f5bd18;background-image:linear-gradient(90deg,#b77a00,#ffe875 40%,#e7a500 68%,#fff09a)}
  .mobile-tier-icon.gold:before{background-image:linear-gradient(90deg,transparent 0 12%,rgba(238,247,239,.94) 12% 19%,transparent 19% 29%,rgba(238,247,239,.94) 29% 36%,transparent 36% 46%,rgba(238,247,239,.94) 46% 53%,transparent 53% 63%,rgba(238,247,239,.94) 63% 70%,transparent 70% 80%,rgba(238,247,239,.94) 80% 87%,transparent 87%),linear-gradient(90deg,#b87800,#ffe46a 40%,#e4a000 68%,#fff2a5)}
  /* Match the same visual rhythm: every centre icon uses the same angle. */
  .mobile-tier-icon.clipboard{transform:rotate(-28deg)!important;font-size:2.55rem!important}
}


/* ===================== V26 EXACT MOBILE SPATULA ART + DESKTOP CLEANUP ===================== */
@media(min-width:701px){
  .mobile-tier-icon,.mobile-tier-icon:before,.mobile-tier-icon:after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
}
@media(max-width:700px){
  .mobile-tier-icon.bronze,.mobile-tier-icon.silver,.mobile-tier-icon.gold{
    width:76px!important;height:76px!important;transform:none!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;font-size:0!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.12))!important;
  }
  .mobile-tier-icon.bronze:before,.mobile-tier-icon.bronze:after,
  .mobile-tier-icon.silver:before,.mobile-tier-icon.silver:after,
  .mobile-tier-icon.gold:before,.mobile-tier-icon.gold:after{display:none!important;content:none!important}
  .mobile-tier-icon.bronze{background-image:url('assets/spatula-copper.png')!important}
  .mobile-tier-icon.silver{background-image:url('assets/spatula-silver.png')!important}
  .mobile-tier-icon.gold{background-image:url('assets/spatula-gold.png')!important}
  .mobile-tier-icon.clipboard{transform:none!important;font-size:2.55rem!important}
}