/* Review palette, pending official Daily Rex hex values. */
.storefront.theme-ritual { --ink:#000; --paper:#EFEAE2; --accent:#DDD3C4; --line:#B7AC9C; color:#000; }
.theme-ritual .hero-copy h1 {font-size:clamp(42px,5.05vw,82px);line-height:1.02;letter-spacing:-.055em;}
.theme-ritual .hero-description {font-size:clamp(20px,2vw,30px);max-width:27rem;}
.theme-ritual .product-feature h2 {font-size:clamp(33px,3.4vw,56px);line-height:1.06;}
.theme-ritual .product-gallery {display:grid;align-content:start;background:#E3DACB;}
.theme-ritual .product-gallery .photo-dog {aspect-ratio:1.25;min-height:0;}
.theme-ritual .product-gallery .photo-product {aspect-ratio:1;min-height:0;}
.theme-ritual .product-gallery svg {display:block;width:100%;height:100%;}
.theme-ritual .story-split>div:not(.photo),.theme-ritual .ingredient-teaser,.theme-ritual .statement,.theme-ritual .use-section,.theme-ritual .closing {background:#DDD3C4;color:#000;}
.theme-ritual .page-heading h1 {font-size:clamp(42px,5.6vw,86px);max-width:1100px;}
.theme-ritual .about-hero h1 {font-size:clamp(42px,5.3vw,82px);line-height:1.04;}
.theme-ritual .story-split h2 {font-size:clamp(34px,4vw,64px);}
.theme-ritual .buy-controls .button {border-radius:0;font-weight:600;}
.theme-ritual .buy-controls .button>svg {display:none;}
@media(max-width:700px){.theme-ritual .hero-copy h1{font-size:clamp(37px,10.5vw,65px);}.theme-ritual .product-gallery{display:grid;grid-template-columns:1fr;}.theme-ritual .hero-description{font-size:22px;}.theme-ritual .product-feature h2{font-size:38px;}}

/* Ingredient story: warm editorial photography, clear reasons to believe. */
.storefront .rex-ingredient-story {
  padding: clamp(48px, 6.5vw, 100px) clamp(24px, 4vw, 64px) 40px;
  background: #EFEAE2;
  color: #000;
}
.rex-ingredient-heading {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 40px;
}
.rex-ingredient-eyebrow {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  text-transform: uppercase;
}
.storefront .rex-ingredient-heading h2 {
  margin: 0;
  font-size: clamp(38px, 4.3vw, 68px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.rex-ingredient-intro {
  max-width: 470px;
  margin: 0 0 3px auto;
  font-size: 18px;
  line-height: 1.6;
}
.rex-ingredient-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.1vw, 32px);
}
.rex-ingredient-image {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #E9E1D4;
}
.rex-ingredient-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rex-ingredient-copy { padding: 24px 0 0; }
.storefront .rex-ingredient-copy h3 {
  margin: 0 0 14px;
  font-size: clamp(25px, 2.3vw, 36px);
  line-height: 1.1;
  letter-spacing: -.04em;
}
.rex-ingredient-name {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .025em;
}
.rex-ingredient-benefit {
  margin: 0;
  max-width: 39ch;
  font-size: 16px;
  line-height: 1.6;
}
.rex-ingredient-outro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  margin-top: 44px;
  padding-top: 28px;
  border-top: 1px solid #B7AC9C;
}
.rex-ingredient-outro p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.rex-ingredient-outro .rex-ingredient-outro-title {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.02em;
}
.rex-ingredient-shop {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-shrink: 0;
  min-height: 48px;
  padding: 10px 0;
  border-bottom: 1px solid currentColor;
  color: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.rex-ingredient-shop span { font-size: 24px; }
.rex-ingredient-shop:hover { opacity: .7; }
.rex-ingredient-shop:focus-visible { outline: 2px solid #000; outline-offset: 5px; }
.storefront .rex-why {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(32px, 5vw, 80px);
  align-items: start;
  padding: clamp(36px, 4.5vw, 64px) clamp(24px, 4vw, 64px);
  background: #DDD3C4;
  color: #000;
}
.storefront .rex-why h2 {
  margin: 0 0 20px;
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.storefront .rex-why h3 {
  margin: 0 0 16px;
  font-size: clamp(25px, 2.2vw, 32px);
  line-height: 1.15;
  letter-spacing: -.035em;
}
.rex-why-description {
  max-width: 51ch;
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
}
.rex-why-science {
  border-left: 1px solid #B7AC9C;
  padding-left: clamp(28px, 3.5vw, 56px);
}
.rex-why-shop {
  display: inline-flex;
  align-items: center;
  gap: 36px;
  min-height: 48px;
  margin-top: 18px;
  padding: 10px 0;
  border-bottom: 1px solid currentColor;
  color: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.rex-why-shop span { font-size: 24px; }
.rex-why-shop:hover { opacity: .7; }
.rex-why-shop:focus-visible { outline: 2px solid #000; outline-offset: 5px; }
#rex-why-title { scroll-margin-top: 100px; }
#shop-daily-rex { scroll-margin-top: 100px; }
@media (max-width: 1000px) {
  .rex-ingredient-heading { grid-template-columns: 1fr; gap: 24px; }
  .rex-ingredient-intro { max-width: 600px; margin: 0; }
  .rex-ingredient-outro { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 700px) {
  .storefront .rex-why { grid-template-columns: 1fr; }
  .rex-why-science { border-left: 0; border-top: 1px solid #B7AC9C; padding: 28px 0 0; }
  .rex-ingredient-grid { grid-template-columns: 1fr; gap: 40px; }
  .rex-ingredient-heading { margin-bottom: 30px; }
  .rex-ingredient-eyebrow { margin-bottom: 16px; }
  .rex-ingredient-copy { padding-top: 20px; }
  .storefront .rex-ingredient-copy h3 { font-size: 30px; }
  .rex-ingredient-benefit { max-width: 48ch; }
  .rex-ingredient-outro { margin-top: 36px; }
  .rex-ingredient-shop { max-width: 100%; flex-shrink: 1; }
}

/* Daily Ritual is the single storefront direction. */
.storefront .brand-header{position:sticky;top:0;z-index:40;background:var(--paper);}
@media(max-width:760px){.storefront .menu-button,.storefront .bag-button{min-width:44px;min-height:44px;}}

/* ---- Rex brand layer (palette, type) and the price-test parts the Rex build does not have ---- */
@font-face{font-family:"Brand Sans";font-weight:400;font-display:swap;src:url(/fonts/archivo-400.ttf) format("truetype")}
@font-face{font-family:"Brand Sans";font-weight:500;font-display:swap;src:url(/fonts/archivo-500.ttf) format("truetype")}
@font-face{font-family:"Brand Sans";font-weight:600 700;font-display:swap;src:url(/fonts/archivo-700.ttf) format("truetype")}
@font-face{font-family:"Brand Sans";font-weight:800 950;font-display:swap;src:url(/fonts/archivo-800.ttf) format("truetype")}
@font-face{font-family:"Brand Wide";font-weight:100 950;font-display:swap;src:url(/fonts/archivo-expanded-900.ttf) format("truetype")}
@font-face{font-family:"Brand Mono";font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.ttf) format("truetype")}
@font-face{font-family:"Brand Mono";font-weight:500 700;font-display:swap;src:url(/fonts/ibm-plex-mono-500.ttf) format("truetype")}
html,body{background:#EFEAE2}
.storefront.theme-ritual{--ink:#16140F;--paper:#EFEAE2;--accent:#DDD3C4;--line:#B7AC9C;--soft:#E3DACB;--tag:#A8452F;color:#16140F}
.wordmark,.footer-wordmark,.menu-sheet .drawer-title{font-family:"Brand Wide","Brand Sans",Arial,sans-serif;font-weight:900}
.wordmark{letter-spacing:-.04em;font-size:40px}
.footer-wordmark{letter-spacing:-.045em;font-size:35.5vw;margin-left:-.02em}
@media (min-width:1600px){.footer-wordmark{font-size:min(35.5vw,640px)}}
@media (max-width:760px){.wordmark{letter-spacing:-.04em;font-size:34px}.footer-wordmark{letter-spacing:-.045em;font-size:34vw}}
.included-extras li>b{color:#A8452F}
@media (min-width:701px){
.theme-ritual .product-gallery{grid-template-rows:auto 1fr;align-content:stretch}
.theme-ritual .product-gallery .photo-product{aspect-ratio:auto;height:100%;min-height:420px}
.pdp>.photo{position:sticky;top:0}
}
.pouch-option.selected,.purchase-option.selected:has([value=subscription]){background:#E3DACB}
.subscription-strip{background:#DDD3C4}
.extra-photo{background:#E3DACB}
.included-extras .photo-person svg{inset:0}
.weight-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.weight-option{border:1px solid var(--line);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:none;color:inherit;text-align:center}
.weight-option b{font-size:13px;font-weight:700}
.weight-option span{font-size:11px;opacity:.72}
.weight-option.selected{border-color:var(--ink);box-shadow:inset 0 0 0 .5px var(--ink);background:#E3DACB}
.weight-option:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.option-price small{white-space:nowrap}
.pt-lead{display:grid;gap:10px}
.pt-lead input{font-size:16px!important}
.pt-lead .button{width:100%;justify-content:center}
.pt-thanks{border:1px solid var(--ink);padding:16px;font-size:15px;line-height:1.5}
.footer-legal{margin:18px 0 0;max-width:820px;font-size:10px;line-height:1.6;opacity:.7}
.pt-shell{min-height:100vh;background:#EFEAE2}
.pt-shell header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #16140F}
.pt-shell header b{font:900 40px/1 "Brand Wide",Arial,sans-serif;letter-spacing:-.04em;color:#16140F}
@media (max-width:760px){.pt-shell header{height:78px}.pt-shell header b{font-size:34px}}
/* ---- shop / product page (pdp.js). Colours come from the brand layer's variables. ---- */
.pt-pdp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;border-bottom:1px solid var(--ink)}
.pt-gallery{position:sticky;top:0;min-width:0;border-right:1px solid var(--ink)}
.pt-stage{position:relative}
.pt-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;container-type:inline-size;background:var(--soft)}
.pt-slides::-webkit-scrollbar{display:none}
.pt-slide{flex:0 0 100%;aspect-ratio:1;scroll-snap-align:start;position:relative;overflow:hidden}
.pt-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pt-stamp{position:absolute;top:5cqw;right:5cqw;width:27cqw;height:27cqw;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(8deg);line-height:1.05}
.pt-stamp b{font-size:5.4cqw;font-weight:800;letter-spacing:-.04em}
.pt-stamp span{font-size:2.6cqw;font-weight:700;margin-top:.9cqw}
.pt-stamp small{font-size:1.9cqw;margin-top:.6cqw;opacity:.85}
.pt-cap{position:absolute;left:0;bottom:0;background:var(--paper);color:var(--ink);padding:4cqw 5cqw 4.2cqw;display:flex;flex-direction:column;gap:1cqw;max-width:78%}
.pt-cap b{font-size:7cqw;font-weight:800;letter-spacing:-.05em;line-height:1}
.pt-cap span{font-size:3cqw;line-height:1.3}
.pt-day{background:var(--ink);color:var(--paper)}
.pt-day b{font-size:12cqw}
.pt-day b i{font-style:normal;font-size:4.2cqw;font-weight:600;letter-spacing:-.02em}
.pt-info{position:absolute;inset:0;background:var(--paper);padding:7cqw 7cqw 6cqw;display:flex;flex-direction:column}
.pt-info h3{font-size:9cqw;font-weight:800;letter-spacing:-.055em;line-height:.98;margin:0 0 5cqw}
.pt-info>p{font-size:2.7cqw;margin:auto 0 0;opacity:.75}
.pt-groups{list-style:none;margin:0;padding:0;display:grid;gap:2.6cqw}
.pt-groups li{display:grid;grid-template-columns:15cqw 1fr;gap:4cqw;align-items:center;border-top:1px solid var(--line);padding-top:2.6cqw}
.pt-groups img{width:15cqw;height:11.5cqw;object-fit:cover;display:block}
.pt-groups b{display:block;font-size:3.5cqw;font-weight:700;letter-spacing:-.02em}
.pt-groups span{display:block;font-size:2.55cqw;line-height:1.35;margin-top:.6cqw;opacity:.8}
.pt-sizes{width:100%;border-collapse:collapse;text-align:left}
.pt-slide .pt-sizes th,.pt-slide .pt-sizes td{font-size:3.6cqw;padding:3.6cqw 0;border-top:1px solid var(--ink)}
.pt-slide .pt-sizes th{font-weight:800;letter-spacing:-.02em}
.pt-slide .pt-sizes tr:last-child th,.pt-slide .pt-sizes tr:last-child td{border-bottom:1px solid var(--ink)}
.pt-gifts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw}
.pt-gifts img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.pt-gifts span{display:block;font-size:2.9cqw;font-weight:700;margin-top:1.6cqw}
.pt-arrow{position:absolute;bottom:14px;width:44px;height:44px;background:var(--paper);border:1px solid var(--ink);color:var(--ink);font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0 0 4px}
.pt-prev{right:66px}.pt-next{right:14px}
.pt-thumbs{display:flex;gap:8px;padding:12px 14px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--ink);background:var(--paper)}
.pt-thumbs::-webkit-scrollbar{display:none}
.pt-thumb{flex:0 0 auto;width:64px;height:64px;padding:0;border:1px solid var(--line);background:var(--soft);cursor:pointer;opacity:.62}
.pt-thumb.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);opacity:1}
.pt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pt-thumb:focus-visible,.pt-arrow:focus-visible,.pt-weight:focus-visible,.pt-plan:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.pt-copy{padding:44px 9% 56px;min-width:0}
.storefront .pt-copy .pt-title{font-size:clamp(46px,5vw,78px);font-weight:800;letter-spacing:-.06em;line-height:.95;margin:0 0 12px}
.pt-kicker{font-size:21px;margin:0 0 14px}
.pt-lede{font-size:16px;line-height:1.55;margin:0 0 18px;max-width:30rem;opacity:.82}
.pt-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pt-ticks li{position:relative;padding-left:24px;font-size:14px;line-height:1.45}
.pt-ticks li::before{content:"";position:absolute;left:2px;top:.36em;width:11px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.pt-benefits{margin-bottom:28px}
.pt-q{font-size:15px;font-weight:700;margin:0 0 10px}
.pt-weights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px}
.pt-weight{border:1px solid var(--line);background:none;color:inherit;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;text-align:center;font:inherit}
.pt-weight b{font-size:15px;font-weight:700}
.pt-weight span{font-size:12px;opacity:.75}
.pt-weight.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--soft)}
.pt-plans{display:grid;gap:10px}
.pt-plan{display:block;width:100%;text-align:left;border:1px solid var(--line);background:none;color:inherit;padding:0;cursor:pointer;font:inherit}
.pt-plan.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--soft)}
.pt-plan-flag{display:block;background:var(--ink);color:var(--paper);font-size:13px;font-weight:700;padding:7px 16px}
.pt-plan:not(.on) .pt-plan-flag{background:var(--accent);color:var(--ink)}
.pt-plan-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px}
.pt-plan-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.pt-plan-name b{font-size:17px;font-weight:700;letter-spacing:-.01em}
.pt-plan-name b::before{content:"";display:inline-block;width:14px;height:14px;border:1.5px solid var(--ink);border-radius:50%;margin-right:10px;vertical-align:-2px;box-sizing:border-box}
.pt-plan.on .pt-plan-name b::before{border-width:4.5px}
.pt-plan-name small{font-size:13px;opacity:.78;padding-left:24px}
.pt-plan-price{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.pt-plan-price strong{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1}
.pt-plan-price s{font-size:13px;opacity:.6}
.pt-plan .pt-ticks{padding:0 16px 15px 40px;gap:6px}
.pt-plan .pt-ticks li{font-size:13px}
.pt-plan:not(.on) .pt-ticks{display:none}
.storefront .pt-add{width:100%;min-height:58px;margin-top:14px;justify-content:space-between;font-size:16px;font-weight:700;border-radius:0}
.pt-note{font-size:12px;line-height:1.5;margin:10px 0 0;opacity:.72}
.pt-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.pt-facts div{padding:16px 10px 16px 0}
.pt-facts div+div{border-left:1px solid var(--line);padding-left:14px}
.pt-facts dt{font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1}
.pt-facts dd{margin:6px 0 0;font-size:12px;line-height:1.35}
.pt-accs details{border-bottom:1px solid var(--line)}
.pt-accs summary{list-style:none;cursor:pointer;padding:17px 0;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.pt-accs summary::-webkit-details-marker{display:none}
.pt-accs summary::after{content:"+";font-size:22px;font-weight:400;line-height:1}
.pt-accs details[open] summary::after{content:"–"}
.pt-accs details p{margin:0 0 18px;font-size:14px;line-height:1.6;max-width:34rem}

.pt-directions{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink);background:var(--accent)}
.pt-directions-photo{position:relative;min-height:420px}
.pt-directions-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pt-directions-copy{padding:clamp(40px,6vw,90px) 9%}
.storefront .pt-directions-copy h2{font-size:clamp(38px,4.4vw,70px);font-weight:800;letter-spacing:-.055em;line-height:1;margin:0 0 16px}
.pt-directions-copy>p{font-size:17px;margin:0 0 26px}
.pt-directions .pt-sizes th,.pt-directions .pt-sizes td{padding:15px 0;border-top:1px solid var(--ink);font-size:16px}
.pt-directions .pt-sizes thead th{border-top:0;font-size:12px;font-weight:500;padding:0 0 10px;opacity:.75}
.pt-directions .pt-sizes tbody th{font-weight:700}
.pt-directions .pt-sizes tbody tr:last-child th,.pt-directions .pt-sizes tbody tr:last-child td{border-bottom:1px solid var(--ink)}
.pt-directions .pt-sizes tr.on th,.pt-directions .pt-sizes tr.on td{background:var(--soft)}
.pt-directions .pt-sizes tr.on th{padding-left:10px}
.pt-directions-copy .pt-fine{font-size:13px;margin:16px 0 0;opacity:.75}

@media (max-width:900px){
.pt-pdp{grid-template-columns:1fr}
.pt-gallery{position:static;border-right:0;border-bottom:1px solid var(--ink)}
.pt-arrow{display:none}
.pt-thumbs{gap:6px;padding:10px 12px}
.pt-thumb{width:46px;height:46px}
.pt-copy{padding:28px 20px 40px}
.pt-weight{padding:12px 4px}
.pt-weight span{font-size:11px}
.pt-kicker{font-size:19px}
.pt-directions{grid-template-columns:1fr}
.pt-directions-photo{min-height:0;aspect-ratio:4/3}
.pt-directions-copy{padding:36px 20px 44px}
}