/* v30 desktop composition layer. The accepted v29 layout remains authoritative through 900px. */
.v30-creator-shortcut,.v30-hero-faq,.v30-close-scene{display:none}

@media (min-width:901px){
  .green-v30 .hero{padding:24px 0 48px}
  .green-v30 .hero>.shell{width:min(1312px,calc(100% - 80px));max-width:none}
  .green-v30 .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);
    grid-template-rows:auto auto auto auto auto;
    gap:12px 56px;
    align-items:start;
  }
  .green-v30 .hero-grid>.hero-intro{grid-column:2;grid-row:1;margin:0}
  .green-v30 .hero-grid>.hero-intro h1{max-width:560px;margin:8px 0 12px;font-size:46px;line-height:1.02;letter-spacing:-.035em}
  .green-v30 .hero-grid>.hero-intro .lede{max-width:58ch;font-size:16px;line-height:1.48}
  .green-v30 .hero-grid>.hero-review-link{grid-column:2;grid-row:2;margin:0}
  .green-v30 .hero-grid>.gallery{grid-column:1;grid-row:1/6;position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px)}
  .green-v30 .hero-grid>.gallery .gallery-stage{width:min(100%,calc(100vh - 322px),590px);margin-inline:auto}
  .green-v30 .hero-grid>.gallery .gallery-footer{padding-block:10px}
  .green-v30 .hero-grid>.gallery .thumbnails{gap:5px;padding:2px 0}
  .green-v30 .hero-grid>.gallery .thumb span{font-size:9px}
  .green-v30 .v30-creator-shortcut{
    grid-column:2;grid-row:3;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;
    width:100%;height:72px;padding:4px 14px 4px 4px;border:1px solid #b8cec2;border-radius:12px;
    align-items:center;background:#f7faf5;color:var(--forest);font:inherit;text-align:left;cursor:pointer;
  }
  .green-v30 .v30-creator-thumb{position:relative;display:block;width:64px;height:64px;overflow:hidden;border-radius:9px}
  .green-v30 .v30-creator-thumb img{display:block;width:100%;height:100%;object-fit:cover}
  .green-v30 .v30-creator-thumb>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:16px;text-shadow:0 1px 5px #000}
  .green-v30 .v30-creator-shortcut small,.green-v30 .v30-creator-shortcut strong,.green-v30 .v30-creator-shortcut em{display:block}
  .green-v30 .v30-creator-shortcut small{font-size:10px;line-height:1.15;letter-spacing:.08em}
  .green-v30 .v30-creator-shortcut strong{margin-top:3px;font-size:15px;line-height:1.15}
  .green-v30 .v30-creator-shortcut em{margin-top:2px;color:#557066;font-size:11px;font-style:normal;line-height:1.15}
  .green-v30 .hero-grid>.hero-offer{grid-column:2;grid-row:4;margin:0;padding:14px;border:1px solid #b8cec2;border-radius:16px;background:#fff;box-shadow:0 14px 40px #093f3210}
  .green-v30 .hero-offer .purchase{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .green-v30 .hero-offer .bottle-line{padding-bottom:9px}
  .green-v30 .hero-offer .subscription-pane .offer-price-row{padding-top:8px}
  .green-v30 .hero-offer .offer-total{font-size:36px}
  .green-v30 .hero-offer .delivery-benefits{margin:7px 0}
  .green-v30 .hero-offer .purchase-action{min-height:48px}
  .green-v30 .hero-offer .purchase-terms{margin-top:7px}
  .green-v30 .hero-offer .purchase-guarantee{margin-top:8px;padding-top:9px}
  .green-v30 .hero-offer>.outside-offer-switch{min-height:34px;margin-top:3px;padding:5px 8px;font-size:12px}
  .green-v30 .v30-hero-faq{grid-column:2;grid-row:5;display:flex;flex-wrap:wrap;gap:4px 18px;padding:1px 2px 0}
  .green-v30 .v30-hero-faq a{color:var(--forest);font-size:11px;line-height:1.35;text-decoration:underline;text-underline-offset:3px}

  .green-v30 #formula{padding:64px 0}
  .green-v30 #formula>.shell{display:grid;width:min(1312px,calc(100% - 80px));max-width:none;grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-rows:auto 1fr;gap:20px 56px;align-items:start}
  .green-v30 #formula .formula-v9-head{grid-column:2;grid-row:1;display:block;margin:0}
  .green-v30 #formula .formula-v9-head h2{max-width:600px;margin:8px 0 10px;font-size:44px;line-height:1.04}
  .green-v30 #formula .formula-v9-head>p:not(.eyebrow){max-width:540px;font-size:16px;line-height:1.5}
  .green-v30 #formula .formula-v9-grid{display:contents}
  .green-v30 #formula .formula-visual{grid-column:1;grid-row:1/3;width:100%;max-width:560px}
  .green-v30 #formula .formula-visual>.macro{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
  .green-v30 #formula .capsule-inspection{min-height:90px;margin-top:12px;padding:8px 0}
  .green-v30 #formula .capsule-inspection img{width:90px;height:90px;object-fit:cover}
  .green-v30 #formula .formula-v9-copy{grid-column:2;grid-row:2;display:flex;width:100%;min-width:0;flex-direction:column}
  .green-v30 #formula .ingredient{min-height:112px;padding:22px 0}
  .green-v30 #formula .ingredient h3{font-size:22px}
  .green-v30 #formula .ingredient p{font-size:15px}
  .green-v30 #formula .ingredient .amount{font-size:31px}
  .green-v30 #formula .capsule-shell{margin:14px 0 0}
  .green-v30 #formula .exclusion-v23{margin-top:24px;padding-top:16px}
  .green-v30 #formula .exclusion-v23 ul{gap:10px 18px}
  .green-v30 #formula .exclusion-v23 li{min-height:58px;gap:11px;font-size:14px}
  .green-v30 #formula .exclusion-v23 img{width:52px;height:52px;flex-basis:52px}

  .green-v30 #choose{padding:64px 0 76px}
  .green-v30 #choose>.offer-grid{display:grid;width:min(1312px,calc(100% - 80px));max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:28px;row-gap:0;align-items:stretch}
  .green-v30 #choose>.offer-grid::before{content:"";grid-column:1;grid-row:1/5;border:1px solid #b8cec2;border-radius:20px;background:#f8fbf7}
  .green-v30 #choose .offer-visual{position:relative;z-index:1;grid-column:1;grid-row:4;display:block;width:100%;height:auto;min-height:0;margin:18px 0 0;overflow:hidden;border:0;border-radius:0 0 20px 20px;align-self:end;background:#e7e5dc;aspect-ratio:3/2}
  .green-v30 #choose .v30-close-scene{display:block;width:100%;height:100%}
  .green-v30 #choose .v30-close-scene img{display:block;width:100%;height:100%;object-fit:cover}
  .green-v30 #choose .offer-visual>img{display:none}
  .green-v30 #choose .offer-copy{display:contents}
  .green-v30 #choose .offer-copy>.eyebrow,.green-v30 #choose .offer-copy>h2,.green-v30 #choose .offer-copy>.lead{position:relative;z-index:1;display:block;grid-column:1;padding-inline:32px}
  .green-v30 #choose .offer-copy>.eyebrow{grid-row:1;margin:0;padding-top:30px}
  .green-v30 #choose .offer-copy>h2{grid-row:2;margin:9px 0 12px;font-size:42px;line-height:1.04}
  .green-v30 #choose .offer-copy>.lead{grid-row:3;margin:0;font-size:16px;line-height:1.5}
  .green-v30 #choose .offer-purchase-column{grid-column:2;grid-row:1/5;display:flex;min-width:0;margin:0;padding:30px;border:1px solid #b8cec2;border-radius:20px;align-self:stretch;justify-content:center;flex-direction:column;background:#f8fbf7}
  .green-v30 #choose .offer-purchase-column .purchase{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}

  /* Shared desktop frame and content-led section rhythm. */
  .green-v30 .site-header.shell,
  .green-v30 .standards>.shell,
  .green-v30 #difference>.shell,
  .green-v30 #proof>.shell,
  .green-v30 #routine>.shell,
  .green-v30 #customer-reviews>.shell,
  .green-v30 #questions>.shell,
  .green-v30 .footer>.shell{
    width:min(1312px,calc(100% - 80px));
    max-width:none;
  }
  .green-v30 #difference{padding:80px 0}
  .green-v30 #difference .folate-benefits-v16{margin-top:64px;padding-top:32px}
  .green-v30 #proof{padding:64px 0}
  .green-v30 #routine{padding:80px 0}
  .green-v30 #customer-reviews{padding:64px 0 80px}
  .green-v30 #questions{padding:64px 0}
  .green-v30 .creator-rail{padding-block:64px}
  .green-v30 .creator-rail .creator-head,
  .green-v30 .creator-rail .creator-reel{width:min(1312px,calc(100% - 80px));max-width:none}

  /* One editorial routine: image left, heading and the two existing facts alongside it. */
  .green-v30 #routine .routine-v11-layout{
    width:100%;max-width:none;margin:0;
    grid-template-columns:minmax(0,42fr) minmax(0,58fr);
    grid-template-rows:auto 1fr;
    grid-template-areas:'photo head' 'photo details';
    column-gap:56px;row-gap:24px;align-items:start;
  }
  .green-v30 #routine .routine-figure{grid-area:photo;width:100%!important;max-width:none!important;margin:0}
  .green-v30 #routine .routine-photo{
    display:block;width:100%!important;height:auto!important;max-height:none!important;
    aspect-ratio:4/5!important;object-fit:cover!important;object-position:center 25%!important;
  }
  .green-v30 #routine .routine-v11-head{grid-area:head;align-self:start;padding:0}
  .green-v30 #routine .routine-v11-head h2{max-width:620px;font-size:48px;line-height:1.04}
  .green-v30 #routine .routine-v11-details{grid-area:details;align-self:start}
  .green-v30 #routine .routine-v11-facts{display:grid;grid-template-columns:1fr;gap:0}
  .green-v30 #routine .routine-v11-facts article{display:flex;min-height:128px;gap:20px;padding:24px 0;align-items:center;border-top:1px solid #b8cec2}
  .green-v30 #routine .routine-art-v14{width:64px;height:64px;flex:0 0 64px;object-fit:contain}
  .green-v30 #routine .routine-v11-facts h3{margin-bottom:7px;font-size:20px}
  .green-v30 #routine .routine-v11-facts p{max-width:520px;font-size:17px;line-height:1.5}

  /* Full-width review proof with the exact count above three equal cards. */
  .green-v30 #customer-reviews .review-v11-layout{display:block}
  .green-v30 #customer-reviews .review-v11-summary{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;
    gap:4px 40px;margin-bottom:32px;align-items:end;
  }
  .green-v30 #customer-reviews .review-v11-summary>.eyebrow{grid-column:1;grid-row:1;margin:0}
  .green-v30 #customer-reviews .review-v11-summary>h2{grid-column:1;grid-row:2;margin:7px 0 8px;max-width:720px;font-size:48px}
  .green-v30 #customer-reviews .review-v11-count{
    grid-column:2;grid-row:1/3;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;
    gap:5px 12px;margin:0;align-items:center;
  }
  .green-v30 #customer-reviews .review-v11-count>strong{grid-column:1/-1;grid-row:1;font-size:58px;line-height:.92}
  .green-v30 #customer-reviews .review-v11-count>.review-stars{grid-column:1;grid-row:2}
  .green-v30 #customer-reviews .review-v11-count>span:last-child{grid-column:2;grid-row:2;white-space:nowrap}
  .green-v30 #customer-reviews .review-v11-product{grid-column:1;grid-row:3;margin:4px 0 0}
  .green-v30 #customer-reviews [data-review-all]{grid-column:1;grid-row:4;width:max-content;margin-top:4px}
  .green-v30 #customer-reviews .review-v11-creators{grid-column:2;grid-row:3/5;margin:0;padding:0;border:0;align-self:end}
  .green-v30 #customer-reviews .review-v11-posters{margin:0 0 6px}
  .green-v30 #customer-reviews .review-v11-content{width:100%;min-width:0;overflow:hidden}
  .green-v30 #customer-reviews .customer-review-track{
    display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;
    grid-auto-columns:calc((100% - 32px)/3);gap:16px!important;margin:0;padding:0 0 10px;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:thin;
  }
  .green-v30 #customer-reviews .customer-review-track>.customer-review-card,
  .green-v30 #customer-reviews .customer-review-card:first-child,
  .green-v30 #customer-reviews .customer-review-card:not(:first-child){
    box-sizing:border-box;display:flex;grid-column:auto!important;min-width:0;width:auto!important;height:440px!important;min-height:440px!important;
    padding:24px!important;flex:initial!important;flex-direction:column;scroll-snap-align:start;
  }
  .green-v30 #customer-reviews .customer-review-card blockquote,
  .green-v30 #customer-reviews .customer-review-card:first-child blockquote,
  .green-v30 #customer-reviews .customer-review-card:not(:first-child) blockquote{font-size:21px;line-height:1.45}
  .green-v30 #customer-reviews .review-card-bottom{margin-top:auto}
  .green-v30 #customer-reviews .customer-review-card:has(.review-card-photo) .review-card-photo{
    height:116px;flex-basis:116px;margin-bottom:10px;
  }
  .green-v30 #customer-reviews .customer-review-card:has(.review-card-photo) blockquote{
    max-height:calc(2 * 1.45em);margin-bottom:0;flex:0 0 auto;-webkit-line-clamp:2;
  }
  .green-v30 #customer-reviews .customer-review-card:has(.review-card-photo) .review-card-bottom{padding-top:10px}

  /* The persistent purchase control stays compact and centered after the hero. */
  .green-v30 .footer{padding-bottom:114px}
  .green-v30 .sticky{
    left:50%;bottom:16px;width:min(760px,calc(100% - 80px));padding:8px 0;
    border:1px solid rgba(17,75,59,.17);border-radius:16px;
    transform:translate(-50%,calc(115% + 24px));
  }
  .green-v30 .sticky.visible{transform:translate(-50%,0)}
  .green-v30 .sticky-inner.shell{width:100%;max-width:none;padding-inline:12px}
}

@media (min-width:901px) and (max-width:1100px){
  .green-v30 .hero>.shell{width:calc(100% - 64px)}
  .green-v30 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.96fr);gap:10px 40px}
  .green-v30 .hero-grid>.hero-intro h1{font-size:44px}
  .green-v30 #formula>.shell{width:calc(100% - 64px);grid-template-columns:minmax(0,min(520px,52vw)) minmax(0,1fr);gap:18px 38px}
  .green-v30 #choose>.offer-grid{width:calc(100% - 64px)}
  .green-v30 .site-header.shell,
  .green-v30 .standards>.shell,
  .green-v30 #difference>.shell,
  .green-v30 #proof>.shell,
  .green-v30 #routine>.shell,
  .green-v30 #customer-reviews>.shell,
  .green-v30 #questions>.shell,
  .green-v30 .footer>.shell,
  .green-v30 .creator-rail .creator-head,
  .green-v30 .creator-rail .creator-reel{width:calc(100% - 64px)}
  .green-v30 #routine .routine-v11-layout{column-gap:40px}
  .green-v30 #routine .routine-v11-head h2{font-size:40px}
  .green-v30 #customer-reviews .review-v11-summary{gap:4px 24px}
  .green-v30 #customer-reviews .review-v11-summary>h2{font-size:40px}
  .green-v30 #customer-reviews .review-v11-count>strong{font-size:50px}
  .green-v30 #customer-reviews .customer-review-track>.customer-review-card,
  .green-v30 #customer-reviews .customer-review-card:first-child,
  .green-v30 #customer-reviews .customer-review-card:not(:first-child){height:420px!important;min-height:420px!important;padding:20px!important}
  .green-v30 #customer-reviews .customer-review-card blockquote,
  .green-v30 #customer-reviews .customer-review-card:first-child blockquote,
  .green-v30 #customer-reviews .customer-review-card:not(:first-child) blockquote{font-size:20px}
  .green-v30 #customer-reviews .customer-review-card:has(.review-card-photo) .review-card-photo{height:96px;flex-basis:96px}
  .green-v30 #formula .formula-v9-head h2{font-size:38px}
  .green-v30 #choose .offer-copy>h2{font-size:38px}
  .green-v30 #choose .offer-copy>.eyebrow,.green-v30 #choose .offer-copy>h2,.green-v30 #choose .offer-copy>.lead{padding-inline:28px}
  .green-v30 #choose .offer-purchase-column{padding:24px}
}