/* ==========================================================================
   REFERENCE LAYOUT (tryalmape.com/products/papaya-seeds, measured 24 Sep 2026
   at 375px and 1440px). Components prefixed rx-. Loaded last.
   ========================================================================== */
.rx-wrap{max-width:1100px;margin:0 auto}
.rx-h2{font-size:23px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#121212;text-align:center;margin:0 0 16px}
.rx-h2 span{color:#2F7E4B}
.rx-h2--c{font-size:28px}
.rx-h2--l{text-align:left;font-size:28px}
.rx-sub{text-align:center;font-size:14px;line-height:1.5;color:#5A615C;letter-spacing:.03em;margin:0 auto 20px;max-width:560px}
.rx-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5A615C;margin:0 0 10px}
.rx-eyebrow span{width:24px;height:2px;background:#2F7E4B}
.rx-cta{display:flex;width:100%;max-width:345px;margin:22px auto 0;min-height:52px;font-size:15px;font-weight:700;text-transform:none;letter-spacing:.02em;border-radius:8px}
.rx-trust{list-style:none;margin:16px auto 0;padding:0;display:grid;gap:10px;justify-content:center}
.rx-trust li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.04em;color:#121212}
.rx-trust img,.rx-trust__flag{width:24px;height:24px;flex:0 0 24px}
.rx-trust__flag{border-radius:50%;clip-path:circle(50%)}
.rx-trust--boxes{justify-content:stretch}
.rx-trust--boxes li{border:1px solid #E3E8E4;border-radius:10px;padding:12px 14px;background:#fff}
.rx-trust--small li{font-size:11.5px;justify-content:center}
.rx-trust--small img,.rx-trust--small .rx-trust__flag{width:16px;height:16px;flex-basis:16px}

/* ---- buy box ---- */
.rx-shipdate{display:flex;align-items:center;gap:10px;margin:14px 0 12px;font-size:16px;letter-spacing:.03em;color:#121212}
.rx-shipdate .ico{width:26px;height:26px;color:#121212}
.rx-acc{margin-top:22px}

/* ---- social proof ---- */
.voices--ref .rx-cta{max-width:none}
@media (min-width:750px){
  .rx-trust--inline{grid-auto-flow:column;gap:30px}
  .voices--ref .rx-cta{max-width:500px}
  .ugcrail__slide{flex-basis:100%!important;padding:0!important;text-align:center}
  .ugcrail__slide img{width:440px!important;max-width:100%;margin:0 auto;aspect-ratio:1/1.1}
  .voices--ref .voices__inner{max-width:900px}
}

/* ---- green: cream CTA like the reference ---- */
.oneroutine__cta{background:#FFF6DA!important;color:#121212!important}

/* ---- benefits ---- */
.rx-benef{background:linear-gradient(#F4F8F3,#fff 55%);padding:38px 15px 44px}
.rx-checks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.rx-checks li{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.03em;color:#2A2F2B}
.rx-checks li::before{content:"";flex:0 0 20px;height:20px;border-radius:50%;background:#2F7E4B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.rx-lead{text-align:center;font-size:15px;font-weight:700;letter-spacing:.02em;color:#121212;margin:0 0 16px}
.rx-bcards{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.rx-bcard{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #E6ECE7;border-radius:12px;padding:18px 16px;box-shadow:0 4px 14px rgba(19,61,38,.05)}
.rx-bcard__ico{flex:0 0 44px;height:44px;border-radius:10px;background:#EAF3EC;display:grid;place-items:center}
.rx-bcard__ico img{width:30px;height:30px}
.rx-bcard h3{margin:0 0 4px;font-size:15px;font-weight:700;letter-spacing:.02em;color:#121212}
.rx-bcard p{margin:0;font-size:14px;line-height:1.45;letter-spacing:.03em;color:#4B524D}

/* ---- ingredients carousel ---- */
.rx-ingr{background:#F4F4F3;padding:38px 0 44px}
.rx-ingr .rx-h2{padding:0 15px}
.rx-ingr__rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0}
.rx-ingr__rail::-webkit-scrollbar{display:none}
.rx-ingr__track{list-style:none;margin:0;padding:0 15px;display:flex;gap:14px}
.rx-icard{flex:0 0 78%;scroll-snap-align:center;background:#fff;border-radius:16px;padding:14px 14px 22px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.rx-icard img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:16px}
.rx-icard h3{margin:0 0 8px;font-size:21px;font-weight:700;color:#121212}
.rx-icard p{margin:0;font-size:15px;line-height:1.5;color:#5A615C;letter-spacing:.02em}

/* ---- mission card ---- */
.rx-mission{padding:24px 10px}
.rx-mission__card{max-width:1180px;margin:0 auto;border:1px solid #E3EAE4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(19,61,38,.06)}
.rx-mission__media{background:#F3F7F2;padding:14px}
.rx-mission__pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.rx-mission__pill b{display:block;font-size:12px;color:#121212}
.rx-mission__pill small{display:block;font-size:10px;color:#6B726D}
.rx-avatars{display:flex}
.rx-avatars img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px}
.rx-avatars img:first-child{margin-left:0}
.rx-mission__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rx-mission__grid img{width:100%;aspect-ratio:3/3.6;object-fit:cover;object-position:50% 25%;border-radius:10px;display:block}
.rx-mission__bar{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #DCE6DD;display:grid;grid-template-columns:repeat(3,1fr)}
.rx-mission__bar li{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;color:#133D26}
.rx-mission__bar img{width:16px;height:16px}
.rx-mission__copy{padding:22px 18px 20px}
.rx-mission__copy > p{font-size:13.5px;line-height:1.5;letter-spacing:.03em;color:#5A615C;margin:0 0 8px}
.rx-mission__copy .rx-mission__lead{font-weight:700;color:#121212;margin:0 0 12px}
.rx-rings{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rx-rings li{display:flex;gap:14px;align-items:center;border:1px solid #E3EAE4;border-radius:12px;padding:12px 14px;background:#F8FBF7}
.rx-ring{flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:conic-gradient(#2F7E4B calc(var(--pct)*1%),#DCE8DE 0)}
.rx-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#F8FBF7}
.rx-ring b{position:relative;font-size:18px;font-weight:800;color:#121212}
.rx-rings small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B726D}
.rx-rings h3{margin:1px 0 2px;font-size:15px;font-weight:700;color:#121212}
.rx-rings p{margin:0;font-size:11.5px;line-height:1.4;color:#5A615C}
.rx-mission__copy .rx-note{font-size:10px;color:#8A918C;margin-top:12px}

/* ---- talking carousel ---- */
.rx-talk{background:linear-gradient(#fff,#F4F8F3);padding:32px 10px 38px;text-align:center}
.rx-talk__rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rx-talk__rail::-webkit-scrollbar{display:none}
.rx-talk__track{list-style:none;margin:0;padding:0 40px;display:flex;gap:14px}
.rx-talk__track li{flex:0 0 76%;scroll-snap-align:center}
.rx-talk__track img{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:50% 30%;border-radius:16px;display:block;border:1px solid #1d1d1d}

/* ---- FAQ cards ---- */
html section.rx-faq{background:#fff}
.rx-faq__eyebrow{text-align:center;font-family:"Playfair Display",Georgia,serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#2F7E4B;margin:0 0 6px}
.rx-faq__title{font-family:"Playfair Display",Georgia,serif;font-size:32px;font-weight:700;line-height:1.1;text-align:center;color:#121212;margin:0 auto 6px;max-width:320px}
.rx-faq__title::after{content:"";display:block;width:60px;height:3px;border-radius:3px;background:#F47A2A;margin:14px auto 22px}
.rx-faq__box{background:#F6F9F5;border:1px solid #E6ECE7;border-radius:16px;padding:10px;display:grid;gap:10px;max-width:900px;margin:0 auto}
.rx-faq .accordion.rx-faq__item{border:0;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(19,61,38,.05)}
.rx-faq .rx-faq__item .accordion__trigger{padding:16px 14px 16px 16px;font-size:14px;font-weight:700;letter-spacing:0;color:#121212;line-height:1.3}
.rx-faq .rx-faq__item .accordion__trigger::after,
.rx-faq .rx-faq__item.is-open .accordion__trigger::after{flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  background:#E9F2EB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%232F7E4B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform .2s}
.rx-faq .rx-faq__item.is-open .accordion__trigger::after{transform:rotate(180deg)}
.rx-faq .rx-faq__item .accordion__content{padding:0 16px 16px;font-size:13px;line-height:1.6}

/* ================= desktop ================= */
@media (min-width:990px){
  .rx-h2{font-size:33px}
  .rx-h2--c{font-size:41px}
  .rx-h2--l{font-size:43px}
  .rx-benef{padding:52px 50px 60px}
  .rx-checks{grid-auto-flow:column;justify-content:center;gap:40px;margin-bottom:26px}
  .rx-bcards{grid-template-columns:1fr 1fr;gap:18px;max-width:1040px;margin:0 auto}
  .rx-ingr{padding:58px 0 72px}
  .rx-ingr__track{padding:0 50px;justify-content:center}
  .rx-icard{flex:0 0 300px}
  .rx-mission{padding:68px 50px}
  .rx-mission__card{display:grid;grid-template-columns:1fr 1fr}
  .rx-mission__media{padding:18px}
  .rx-mission__grid{grid-template-columns:1.2fr 1fr 1fr}
  .rx-mission__grid li:first-child{grid-row:span 2}
  .rx-mission__grid li:first-child img{height:100%;aspect-ratio:auto}
  .rx-mission__grid li:nth-child(n+6){display:none}
  .rx-mission__copy{padding:40px 44px}
  .rx-talk{padding:76px 50px}
  .rx-talk .rx-h2{font-size:48px}
  .rx-talk__track{justify-content:center;padding:0}
  .rx-talk__track li{flex:0 0 260px}
  .rx-talk .rx-cta{max-width:420px}
  .rx-trust--small{grid-auto-flow:column;gap:30px}
  .rx-trust--boxes{grid-template-columns:1fr 1fr}
  .rx-faq__title{font-size:57.6px;max-width:none}
  .rx-faq .rx-faq__item .accordion__trigger{font-size:17px;padding:20px}
}
/* ingredient cards: reference proportions (card ~86% wide, near-square photo) */
.rx-icard{flex-basis:84%}
.rx-icard img{aspect-ratio:1/0.98}
@media (min-width:990px){.rx-icard{flex-basis:300px}}
.rx-talk__track{padding:0 12%}
@media (min-width:990px){.rx-talk__track{padding:0}}
@media (min-width:990px){
  .rx-ingr__rail,.rx-talk__rail{max-width:1340px;margin:0 auto}
  .rx-ingr__track{justify-content:flex-start;padding:0 20px}
  .rx-icard{flex:0 0 318px}
  .rx-talk__rail{max-width:1160px}
  .rx-talk__track{justify-content:flex-start;padding:0 20px}
  .rx-talk__track li{flex:0 0 270px}
  .rx-faq__box{max-width:1180px;padding:14px 16px}
}
/* Phone gutter is 15px (reference); the gallery bleed uses the same token. */
:root{--gutter-mobile:15px}
/* buy-box accordions + review card, reference sizes */
.rx-acc .accordion__trigger{font-size:15px;padding:12px 0;letter-spacing:.02em}
.rx-acc .accordion__trigger::after{flex-basis:14px;width:14px;height:14px;background:linear-gradient(#121212,#121212) center/14px 1.5px no-repeat,linear-gradient(#121212,#121212) center/1.5px 14px no-repeat}
.rx-acc .accordion.is-open .accordion__trigger::after{background:linear-gradient(#121212,#121212) center/14px 1.5px no-repeat}
.revcard__body--long p{font-size:13px!important;line-height:1.55!important;color:#6B726D!important}
@media (min-width:750px){.rx-acc .accordion__trigger{font-size:16px}}

/* ==== Above the fold, second pass (25 Sep 2026) ==== */
/* Desktop header: logo left, nav links beside it, icons right (reference). */
@media (min-width:990px){
  .site-header__inner{grid-template-columns:auto 1fr auto;gap:34px;max-width:1400px;padding:0 50px}
  .site-header .site-logo{order:-1;justify-self:start}
  .header__burger{display:none}
  .header__nav{display:flex!important;gap:26px;justify-self:start}
  .header__nav a{font-size:13px;font-weight:500;letter-spacing:.02em;color:#121212;text-transform:none}
  .header__nav a:hover{text-decoration:underline}
}
/* Desktop gallery: first image full width, every other slide in a 2-col grid,
   no full-width stragglers (they made the column taller than the buy box). */
@media (min-width:990px){
  html body .gallery--stack .gallery__slide:last-child,
  html body .gallery--stack .gallery__slide:nth-child(even):nth-last-child(2){grid-column:span 1}
  html body .gallery--stack .gallery__slide:first-child{grid-column:span 2}
  html body .gallery--stack .gallery__slides{gap:18px 18px}
  html body .product__media-col{position:sticky;top:20px;align-self:start}
}
/* Sticky add-to-cart bar: phones only. */
@media (min-width:750px){.sticky-atc{display:none!important}}
/* Phone gallery: full-width slide, no peek, no counter (reference). */
@media (max-width:749px){
  html body .gallery--stack .gallery__slides{gap:0;padding:0;scroll-padding:0}
  html body .gallery--stack .gallery__slide,
  html body .gallery--stack .gallery__slide--full{flex:0 0 100%}
  html body .gallery--stack .gallery__slide > img{border-radius:0}
  .gallery__count{display:none!important}
  .gallery__zoom{left:10px;top:10px}
  html body .gallery--stack .gallery__stage .gallery__arrow--prev{left:10px}
  html body .gallery--stack .gallery__stage .gallery__arrow--next{right:10px}
}
/* Hero bullets, tightened toward the reference (smaller tile, 14px text, 10px rhythm). */
html body .usp-list--ref{gap:10px;margin:0 0 16px}
html body .usp-list--ref li{gap:10px;font-size:14px;line-height:1.35}
html body .usp-list--ref .ico,html body .usp-list--ref img.ico{width:32px;height:32px;flex:0 0 32px;padding:5px;border-radius:8px}
@media (min-width:750px){html body .usp-list--ref li{font-size:15px}html body .usp-list--ref .ico,html body .usp-list--ref img.ico{width:34px;height:34px;flex-basis:34px}}

/* ==== Story slides in the social-proof rail (reference review-slide layout) ==== */
html body .ugcrail__slide.rx-story{flex:0 0 100%;display:flex;flex-direction:column;gap:18px;text-align:left;padding:0}
html body .rx-story > img{width:100%!important;aspect-ratio:1/1.05;object-fit:cover;object-position:50% 25%;margin:0}
.rx-story__tag{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F47A2A}
.rx-story__quote{margin:0 0 14px;font-size:16px;line-height:1.55;font-style:italic;font-weight:700;letter-spacing:.02em;color:#121212}
.rx-story__fix{margin:0;padding-left:12px;border-left:3px solid #2F7E4B;font-size:14px;line-height:1.55;color:#3E4540}
.rx-story__copy{padding:0 4px}
@media (min-width:750px){
  html body .ugcrail__slide.rx-story{flex-direction:row;align-items:center;gap:56px;padding:0 70px}
  html body .rx-story > img{flex:0 0 46%;width:46%!important;aspect-ratio:1/1.1}
  .rx-story__copy{flex:1;padding:0}
  .rx-story__quote{font-size:20px;line-height:1.6}
  .rx-story__fix{font-size:16px}
  html body .voices--ref .voices__inner{max-width:1240px}
  html body .ugcrail__btn{top:50%}
}
@media (min-width:750px){
  html body .ugcrail__slide.rx-story{padding:0 80px!important}
  html body .voices--ref .voices__heading,html body .voices--ref .voices__sub{margin-left:auto;margin-right:auto;max-width:900px;text-align:center}
  html body .voices--ref .voices__rating,html body .voices--ref .mock-rating{justify-content:center}
}
/* Review-style header on story slides (localhost mockup, see mockup-local.js) */
.rx-story__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.rx-story__stars{color:#E8732C;font-size:20px;letter-spacing:2px;line-height:1}
.rx-story__name{font-size:13px;font-weight:700;letter-spacing:.05em;color:#121212}
@media (min-width:750px){.rx-story__stars{font-size:24px}.rx-story__name{font-size:15px}}
/* Doctor card text: dark and readable */
html body .revcard__body--long p{color:#1F2A22!important;font-size:14.5px!important;line-height:1.55!important}

/* Payment marks: two rows of 6 so each logo reads at phone width */
html body .paystrip--rows{display:flex;flex-direction:column;gap:6px;width:100%;margin:14px 0 4px}
html body .paystrip--rows img{display:block;width:100%;height:auto}
@media (min-width:750px){html body .paystrip--rows{max-width:560px}}

/* Enzymes: all six visible at once (2-col grid on phones, 3-col from 750px), no side-scroll */
html body .rx-ingr__rail{overflow:visible;scroll-snap-type:none;max-width:1100px;margin:0 auto}
html body .rx-ingr__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 15px;justify-content:stretch}
html body .rx-icard{flex:none;min-width:0;padding:8px 8px 14px;border-radius:14px}
html body .rx-icard img{aspect-ratio:4/3;border-radius:10px;margin-bottom:10px}
html body .rx-icard h3{font-size:15px;line-height:1.25;margin:0 0 5px;overflow-wrap:anywhere}
html body .rx-icard p{font-size:12.5px;line-height:1.45;letter-spacing:0}
@media (min-width:750px){
  html body .rx-ingr__track{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 50px}
  html body .rx-icard{padding:14px 14px 22px;border-radius:16px}
  html body .rx-icard img{margin-bottom:16px}
  html body .rx-icard h3{font-size:20px;margin-bottom:8px}
  html body .rx-icard p{font-size:15px;line-height:1.5}
}

/* Trustpilot-style badge above the reviews heading (injected by mockup-local.js, localhost only) */
.tp-badge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:0 auto 14px;font-size:15px;color:#191919}
.tp-badge__word{font-weight:700;font-size:17px}
.tp-badge__stars{display:inline-flex;gap:2px}
.tp-badge__stars i{display:grid;place-items:center;width:22px;height:22px;background:#00B67A}
.tp-badge__stars i.tp-badge__half{background:linear-gradient(90deg,#00B67A 80%,#DCDCE6 80%)}
.tp-badge__stars svg{width:16px;height:16px}
.tp-badge__score b{font-weight:700}
.tp-badge__brand{display:inline-flex;align-items:center;gap:3px;font-weight:700;letter-spacing:-.01em}
.tp-badge__brand svg{width:20px;height:20px;margin-top:-2px}
@media (min-width:750px){.tp-badge{font-size:16px}.tp-badge__stars i{width:26px;height:26px}.tp-badge__stars svg{width:19px;height:19px}}

/* Payment marks: crisp SVGs on white, 2 rows of 4 */
html body .paymarks{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#fff}
html body .paymarks li{display:grid;place-items:center;height:44px;background:#fff;border:1px solid #E4E4E4;border-radius:7px}
html body .paymarks img{display:block;height:28px;width:auto;max-width:80%}
@media (min-width:750px){html body .paymarks{max-width:460px}}
/* SVG marks already carry their own card outline: no extra tile box */
html body .paymarks{gap:8px 10px}
html body .paymarks li{height:auto;border:0;border-radius:0;background:none}
html body .paymarks img{height:auto;width:100%;max-width:none;aspect-ratio:35/24;object-fit:contain}
html body .paymarks img[src$="shop-pay.svg"]{aspect-ratio:35/24}

/* Trustpilot badge: always one line; compact on phones */
.tp-badge{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:749px){
  .tp-badge{gap:6px;font-size:13px}
  .tp-badge__word{font-size:14px}
  .tp-badge__stars{gap:1.5px}
  .tp-badge__stars i{width:17px;height:17px}
  .tp-badge__stars svg{width:12px;height:12px}
  .tp-badge__brand svg{width:15px;height:15px}
}
@media (max-width:359px){
  .tp-badge{gap:4px;font-size:12px}
  .tp-badge__word{font-size:13px}
  .tp-badge__stars i{width:15px;height:15px}
  .tp-badge__stars svg{width:11px;height:11px}
}

/* Reviews: one featured story (slide 1 / Linda), no rail, no arrows */
html body #voices .ugcrail__slide:not(:first-child),
html body #voices .ugcrail__btn,
html body #voices .ugcrail__dots{display:none!important}
html body #voices .ugcrail__track{overflow:visible!important;scroll-snap-type:none!important;justify-content:center}
html body #voices .ugcrail__slide:first-child{flex:0 1 100%!important;width:100%!important;max-width:560px;margin:0 auto}
/* Payment marks: compact single row of 8 */
html body .paymarks{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:12px 0 4px}
@media (min-width:750px){html body .paymarks{max-width:400px;gap:6px}}

/* Green "One Formula" section: symmetric 2x2 grid like reference */
html body .oneroutine--ref{background:radial-gradient(420px 320px at 88% 62%,rgba(255,255,255,.07),transparent 70%),radial-gradient(360px 300px at 10% 12%,rgba(0,0,0,.10),transparent 70%),#2F7E4B}
html body .oneroutine--ref .oneroutine__grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;margin:0 auto;max-width:860px}
html body .oneroutine--ref .oneroutine__cell{padding:18px 16px 20px 16px}
html body .oneroutine--ref .oneroutine__cell h3{white-space:nowrap}
html body .oneroutine--ref .oneroutine__cell{padding:18px 12px 20px 16px}
html body .oneroutine--ref .oneroutine__cell p{letter-spacing:.01em}
html body .oneroutine--ref .oneroutine__content{margin-top:30px}

/* #benefits compact: bottle + checks row, then 2x2 icon tiles (4 across on desktop) */
html body .rx-benef--compact{padding:36px 15px 40px}
.rx-benef--compact .rx-h2{margin-bottom:18px}
.rx-bhero{display:grid;grid-template-columns:42% 1fr;gap:14px;align-items:center;max-width:620px;margin:0 auto 22px}
.rx-bhero__img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;display:block}
html body .rx-checks--tight{margin:0;gap:0}
html body .rx-checks--tight li{font-size:14px;line-height:1.35;margin:0 0 12px}
html body .rx-checks--tight li:last-child{margin-bottom:0}
.rx-benef--compact .rx-lead{margin:0 0 12px}
.rx-btiles{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:980px}
.rx-btile{background:#fff;border:1px solid #E6ECE5;border-radius:14px;padding:14px 12px 16px;text-align:center;box-shadow:0 3px 12px rgba(19,61,38,.05)}
.rx-btile__ico{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 8px;border-radius:12px;background:#EEF4EC}
.rx-btile__ico img{width:30px;height:30px;display:block}
.rx-btile h3{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:700;color:#121212}
.rx-btile p{margin:0;font-size:12.5px;line-height:1.45;color:#5A615C}
@media (min-width:750px){
  html body .rx-benef--compact{padding:56px 50px 64px}
  .rx-bhero{grid-template-columns:260px 1fr;gap:28px}
  html body .rx-checks--tight li{font-size:16px}
  .rx-btiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .rx-btile{padding:20px 16px 22px}
  .rx-btile h3{font-size:17px}
  .rx-btile p{font-size:14px}
}
html body .rx-checks--tight{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center}
html body .rx-checks--tight li{white-space:normal}

/* Mission pill: clean face-cropped avatars, bigger text; bar labels on one line */
html body .rx-mission__pill{gap:10px;margin-bottom:14px}
html body .rx-avatars img{width:32px;height:32px;object-position:50% 18%;border:2px solid #fff;margin-left:-10px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
html body .rx-avatars img:first-child{margin-left:0}
html body .rx-mission__pill b{font-size:14px;line-height:1.2}
html body .rx-mission__pill small{font-size:11.5px}
html body .rx-mission__pill .rx-stars-sm{color:#E8732C;letter-spacing:1px;margin-right:4px}
html body .rx-mission__bar li{white-space:nowrap}

/* Video rail (#talking): 9:16 cards, tap to play */
.rx-talk--video .rx-vid{position:relative;cursor:pointer}
.rx-talk--video video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;display:block;background:#111;border:1px solid #1d1d1d}
.rx-vid__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#2F7E4B;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none;transition:opacity .2s}
.rx-vid__play svg{width:28px;height:28px;margin-left:3px}
.rx-vid.is-playing .rx-vid__play{opacity:0}
html body .rx-talk--video video{height:auto!important}
html body .rx-talk--video .rx-talk__track li{flex:0 0 62%}
@media (min-width:990px){
  html body .rx-talk--video .rx-talk__rail{max-width:1240px;overflow:visible}
  html body .rx-talk--video .rx-talk__track{justify-content:center;padding:0 20px}
  html body .rx-talk--video .rx-talk__track li{flex:0 0 calc((100% - 56px) / 5);max-width:230px}
}
@media (max-width:989px){
  html body .rx-talk--video .rx-talk__track{padding:0 15px;gap:12px}
  html body .rx-talk--video .rx-talk__track li{flex:0 0 60vw;max-width:300px;scroll-snap-align:center}
}
html body .rx-talk--video .rx-vid{cursor:auto}
.rx-talk__wrap{position:relative}
.rx-talk__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid #E2E2E2;background:#fff;color:#2F7E4B;font-size:24px;line-height:1;display:grid;place-items:center;padding:0 0 3px;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer}
.rx-talk__arrow--prev{left:6px}
.rx-talk__arrow--next{right:6px}
@media (min-width:990px){.rx-talk__arrow{display:none}}

/* Ship-date row: one line, label + bold date together */
html body .rx-shipdate{gap:8px;font-size:15px;letter-spacing:0;white-space:nowrap}
html body .rx-shipdate .ico{width:22px;height:22px;flex:0 0 22px}
html body .rx-shipdate strong{font-weight:700;margin-left:2px}