.latte-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(184,134,78,.2),transparent 42%),var(--dark)}
.latte-hero::before{content:"";position:absolute;inset:0;background:url('imgs/ritual-lattes/cosmic-brain-main.jpg') center/cover;opacity:.12;filter:saturate(.8)}
.latte-hero>*{position:relative}
.latte-intro{max-width:760px}
.ritual-notes{max-width:1050px;margin:0 auto 1rem;padding:0 2rem 3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ritual-note{padding:1.4rem;background:rgba(42,21,8,.78);border:1px solid rgba(184,134,78,.2);text-align:center}
.ritual-note strong{display:block;color:var(--gold-light);font-family:'Cormorant Garamond',serif;font-size:1.45rem;margin-bottom:.35rem}
.ritual-note span{color:var(--muted);font-size:.8rem;line-height:1.6}
.shopify-collection{max-width:1180px;margin:0 auto;padding:1rem 1rem 6rem;min-height:520px;background:#faf6ef;border-radius:6px;color:#26170f}
.shopify-loading{text-align:center;padding:4rem 1rem;color:#6f5849}
.latte-disclaimer{max-width:800px;margin:-3rem auto 5rem;padding:0 1.5rem;color:var(--soft);font-size:.72rem;line-height:1.6;text-align:center}
@media(max-width:700px){.ritual-notes{grid-template-columns:1fr;padding-inline:1.25rem}.shopify-collection{margin-inline:.75rem;padding-inline:.35rem}}