.retail-product-page{background:#f3f0e5;color:#173f39}
.retail-product-page main{overflow:hidden}
.retail-product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:calc(100svh - 82px);padding-top:82px;background:#e5eddd}
.retail-product-media{position:relative;min-height:620px;overflow:hidden;background:#d7dfcf}
.retail-product-media img{width:100%;height:100%;object-fit:cover}
.retail-product-media span{position:absolute;left:1.2rem;bottom:1.2rem;padding:.55rem .7rem;background:rgba(23,63,57,.88);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.retail-product-buy{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}
.retail-product-buy .eyebrow{margin-bottom:1.2rem;color:#4d8f42}
.retail-product-buy h1{margin:0 0 1rem;font-size:clamp(4.2rem,8vw,8rem);line-height:.82;color:#173f39}
.retail-product-dek{max-width:620px;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.45}
.retail-product-status{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0}
.retail-product-status span{padding:.48rem .68rem;border:1px solid rgba(23,63,57,.22);border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.retail-product-price{margin:1rem 0 .25rem;font-size:1.7rem;font-weight:850}
.retail-product-price small{display:block;margin-top:.35rem;color:#64716c;font-size:.68rem;font-weight:650;line-height:1.45}
.retail-product-order{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.4rem}
.retail-product-order label{display:grid;gap:.4rem;color:#53635d;font-size:.62rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.retail-product-order select{width:100%;padding:.9rem;border:1px solid rgba(23,63,57,.22);border-radius:12px;background:#fff;color:#173f39;font:inherit;font-weight:750}
.retail-product-order .fy-quantity{grid-column:1/-1;grid-template-columns:46px 46px 1fr}
.retail-product-order .fy-quantity button:last-child{border-radius:999px}
.retail-product-help{display:inline-flex;margin-top:1rem;font-size:.75rem;font-weight:800;border-bottom:1px solid}
.base-explainer{padding-top:6rem;padding-bottom:6rem;background:#173f39;color:#fff}
.base-explainer-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:end;margin-bottom:3rem}
.base-explainer h2{margin:0;color:#fff}
.base-explainer-head p{max-width:620px;line-height:1.65;color:#d7e0dc}
.base-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}
.base-grid article{min-height:245px;padding:1.6rem;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.base-grid span{color:#9fd47f;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.base-grid h3{margin:2.8rem 0 .7rem;font-size:1.7rem}
.base-grid p{color:#cbd7d2;line-height:1.55}
.product-clarity{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding-top:6rem;padding-bottom:6rem}
.product-clarity h2{margin:.5rem 0 0;color:#173f39}
.product-clarity details{border-bottom:1px solid rgba(23,63,57,.22)}
.product-clarity summary{padding:1.2rem 2rem 1.2rem 0;cursor:pointer;font-weight:850}
.product-clarity details p{padding:0 0 1.2rem;line-height:1.65;color:#58655f}
.product-proof{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#dfe8d7}
.product-proof figure{margin:0;min-height:520px}
.product-proof figure img{width:100%;height:100%;object-fit:cover}
.product-proof-copy{padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}
.product-proof-copy h2{color:#173f39}.product-proof-copy p{max-width:560px;line-height:1.7}
.related-reading{padding-top:5rem;padding-bottom:5rem}.related-reading h2{color:#173f39}
.related-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,63,57,.2);border-left:1px solid rgba(23,63,57,.2)}
.related-reading-grid a{min-height:180px;padding:1.4rem;display:flex;flex-direction:column;border-right:1px solid rgba(23,63,57,.2);border-bottom:1px solid rgba(23,63,57,.2)}
.related-reading-grid small{color:#4d8f42;text-transform:uppercase;letter-spacing:.08em}.related-reading-grid strong{margin:auto 0 0;font-size:1.25rem}
@media(max-width:850px){.retail-product-hero,.base-explainer-head,.product-clarity,.product-proof{grid-template-columns:1fr}.retail-product-media{min-height:54svh}.retail-product-buy{padding:2.2rem 1.25rem 3.5rem}.base-grid,.related-reading-grid{grid-template-columns:1fr}.product-proof figure{min-height:420px}}
@media(max-width:520px){.retail-product-order{grid-template-columns:1fr}.retail-product-order .fy-quantity{grid-column:1}.retail-product-buy h1{font-size:4rem}}

/* 2026 concise retail product system */
.retail-product-page main{padding-top:86px}
.retail-product-hero{min-height:auto;padding:1.25rem;gap:0;background:#f4f0e6}
.retail-product-media{min-height:610px;margin:0;border-radius:22px;background:#dfe8d7;box-shadow:0 22px 60px rgba(20,63,56,.1)}
.retail-product-media img{object-position:center}
.retail-product-media>span{left:1rem;bottom:1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(17,57,50,.82);backdrop-filter:blur(10px)}
.retail-product-buy{padding:clamp(2.4rem,5vw,4.8rem)}
.retail-product-buy .eyebrow{margin-bottom:.75rem}
.retail-product-buy h1{margin:0 0 .85rem;font-size:clamp(3.7rem,6.8vw,6.7rem);line-height:.86}
.retail-product-dek{max-width:570px;margin:0;font-size:clamp(1.02rem,1.35vw,1.26rem);line-height:1.48}
.retail-product-status{margin:1rem 0 .35rem}
.retail-product-status span{background:rgba(255,255,255,.48)}
.retail-product-price{margin:.85rem 0 .15rem;font-size:1.42rem}
.retail-product-order{max-width:620px;margin-top:1.1rem}
.retail-product-order select{padding:.78rem .85rem}
.retail-product-help{margin-top:.8rem}
.base-explainer{padding-top:3.6rem;padding-bottom:3.6rem}
.base-explainer-head{grid-template-columns:.78fr 1.22fr;gap:4vw;margin-bottom:2rem}
.base-explainer h2{font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:.92}
.base-explainer-head p{margin:0;font-size:.9rem;line-height:1.55}
.base-grid article{min-height:170px;padding:1.25rem}
.base-grid h3{margin:1.7rem 0 .55rem;font-size:1.35rem}
.base-grid p{margin:0;font-size:.82rem;line-height:1.5}
.product-clarity{grid-template-columns:.72fr 1.28fr;gap:5vw;padding-top:3.7rem;padding-bottom:3.7rem}
.product-clarity h2{font-size:clamp(2.4rem,4.2vw,4.3rem);line-height:.94}
.product-clarity summary{padding:1rem 2rem 1rem 0;font-size:.9rem}
.product-clarity details p{max-width:680px;padding:0 0 1rem;font-size:.82rem;line-height:1.58}
.retail-product-page .product-proof,
.retail-product-page .related-reading{display:none}
@media(max-width:850px){
  .retail-product-page main{padding-top:78px}
  .retail-product-hero{grid-template-columns:1fr;padding:.75rem}
  .retail-product-media{min-height:55svh;border-radius:18px}
  .retail-product-buy{padding:2rem .6rem 2.8rem}
  .retail-product-buy h1{font-size:clamp(3.5rem,18vw,5rem)}
  .base-explainer,.product-clarity{padding-top:3rem;padding-bottom:3rem}
  .base-explainer-head,.product-clarity{grid-template-columns:1fr}
  .base-explainer-head{gap:1rem}
  .base-grid{grid-template-columns:1fr}
  .base-grid article{min-height:auto}
  .base-grid h3{margin:1rem 0 .45rem}
}

/* Reference-led product page: one compact buying panel + one details panel. */
.retail-product-page{background:#e9efe8}
.retail-product-page>footer{display:none}
.retail-product-page main{padding:112px 24px 72px}
.retail-product-page main>article{width:min(1180px,100%);margin:0 auto}
.retail-product-hero{
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  min-height:0;
  padding:1.35rem;
  align-items:stretch;
  border:1px solid rgba(23,63,57,.1);
  border-radius:28px;
  background:#fff;
  box-shadow:0 26px 70px rgba(20,63,56,.1)
}
.retail-product-media{min-height:590px;margin:0;border-radius:20px;background:#f4f0e6;box-shadow:none}
.retail-product-media img{object-fit:contain;object-position:center;padding:1.7rem}
.retail-product-buy{padding:clamp(2rem,4vw,3.8rem)}
.retail-product-buy h1{font-size:clamp(3.4rem,5.7vw,5.5rem)}
.retail-product-dek{font-size:1.02rem;line-height:1.5}
.retail-product-status{gap:.4rem;margin:.9rem 0 .2rem}
.retail-product-status span{padding:.42rem .58rem;font-size:.56rem;background:#f4f0e6}
.retail-product-price{margin:1rem 0 .2rem;padding-top:1rem;border-top:1px solid rgba(23,63,57,.15);font-size:1.15rem}
.retail-product-price small{font-size:.62rem}
.retail-product-order{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}
.retail-product-order select{border-radius:9px;background:#faf8f1;font-size:.78rem}
.retail-product-order .fy-quantity{grid-template-columns:42px 42px 1fr;margin-top:.15rem}
.retail-product-order .fy-quantity button:last-child{border-radius:9px;background:#173f39;color:#fff}
.retail-product-help{font-size:.68rem}
.retail-product-page .base-explainer{display:none}
.product-clarity{
  grid-template-columns:.62fr 1.38fr;
  gap:4vw;
  margin-top:1.25rem;
  padding:3.2rem 4rem;
  border-radius:26px;
  background:#dfe8d7
}
.product-clarity h2{font-size:clamp(2.2rem,3.8vw,3.8rem)}
.product-clarity details{border-color:rgba(23,63,57,.2)}
.product-clarity summary{font-size:.84rem}
.product-clarity details p{font-size:.78rem}
@media(max-width:850px){
  .retail-product-page main{padding:100px 12px 54px}
  .retail-product-hero{grid-template-columns:1fr;padding:.75rem;border-radius:20px}
  .retail-product-media{min-height:0;height:clamp(280px,46svh,410px);border-radius:15px}
  .retail-product-media img{padding:.75rem}
  .retail-product-buy{padding:1.7rem .65rem 2rem}
  .product-clarity{grid-template-columns:1fr;margin-top:.75rem;padding:2.5rem 1.25rem;border-radius:20px}
}
@media(max-width:520px){
  .retail-product-page main{padding:88px 8px 44px}
  .retail-product-media{height:min(340px,42svh)}
  .retail-product-buy h1{font-size:3.35rem}
  .retail-product-buy{padding:1.35rem .45rem 1.7rem}
}

/* Approved 2026 cream/kraft packaging photography. */
.retail-product-media:has(img[src*="shop-retail-"]){background:#efe5d1}
.retail-product-media img[src*="shop-retail-"]{padding:0;object-fit:contain}