:root{--cream:#f4eadb;--paper:#fffaf2;--brown:#2d170f;--cocoa:#63351f;--caramel:#c6783e;--line:rgba(45,23,15,.16);--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(45,23,15,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{background:var(--brown);color:var(--cream);font-size:.75rem;letter-spacing:.04em;text-align:center;padding:9px 12px}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--brown);color:var(--cream);font-family:"Playfair Display",serif;font-size:1.2rem}.header-cart{font-size:.78rem;font-weight:700}.header-cart span{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:4px;border-radius:50%;background:var(--caramel);color:#fff;font-size:.7rem}.section-pad{padding:72px 20px}.hero{padding-top:58px;text-align:center;overflow:hidden}.eyebrow{margin:0 0 12px;color:var(--caramel);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.hero h1,.section-pad h2{margin:0;font-family:"Playfair Display",serif;font-size:clamp(2.65rem,13vw,4.2rem);line-height:.94;letter-spacing:-.045em}.hero h1 em{color:var(--caramel);font-style:italic}.hero-copy{max-width:420px;margin:22px auto 26px;font-size:1rem}.product-visual{position:relative;max-width:420px;margin:0 auto 28px}.photo-placeholder{aspect-ratio:4/4.3;background:linear-gradient(145deg,#e9d3b8,#fff8ed);border:1px dashed rgba(45,23,15,.3);border-radius:42% 42% 24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);color:rgba(45,23,15,.5)}.photo-placeholder strong{font-size:.72rem;letter-spacing:.12em}.photo-placeholder small{font-size:.68rem}.cookie-shape{width:155px;height:155px;border-radius:50%;margin-bottom:20px;background:radial-gradient(circle at 30% 25%,#382017 0 5px,transparent 6px),radial-gradient(circle at 70% 38%,#382017 0 7px,transparent 8px),radial-gradient(circle at 45% 72%,#382017 0 6px,transparent 7px),radial-gradient(circle at 74% 76%,#382017 0 4px,transparent 5px),#b86d35;box-shadow:inset -12px -14px 22px rgba(70,29,12,.2),0 18px 30px rgba(70,29,12,.18);transform:rotate(-8deg)}.dose-pill{position:absolute;right:-5px;top:18%;width:87px;height:87px;border-radius:50%;display:grid;place-content:center;background:var(--brown);color:#fff;font-family:"Playfair Display",serif;font-size:1.12rem;line-height:1.05;transform:rotate(7deg);box-shadow:0 8px 20px rgba(45,23,15,.2)}.dose-pill small{font-family:"DM Sans",sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.04em}.hero-price{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-bottom:18px}.hero-price span,.hero-price small{font-size:.75rem;color:rgba(45,23,15,.65)}.hero-price strong{font-family:"Playfair Display",serif;font-size:2rem}.button{width:100%;min-height:58px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:18px;font-weight:800;cursor:pointer}.button-primary{background:var(--brown);color:var(--white);box-shadow:0 10px 22px rgba(45,23,15,.19)}.button-primary span{font-size:1.3rem}.hero-warning,.checkout-note{font-size:.67rem;color:rgba(45,23,15,.62);margin:15px auto 0;max-width:420px}.benefits{background:var(--brown);color:var(--cream);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 12px}.benefits div{text-align:center;border-right:1px solid rgba(255,255,255,.16)}.benefits div:last-child{border:0}.benefits strong,.benefits span{display:block}.benefits strong{font-family:"Playfair Display",serif;font-size:1rem}.benefits span{font-size:.62rem;opacity:.72}.story{background:var(--paper)}.section-pad h2{font-size:clamp(2.35rem,11vw,3.5rem);margin-bottom:24px}.story>p:not(.eyebrow){font-size:1.02rem}.feature-list{margin-top:32px;border-top:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-list article>span{color:var(--caramel);font-weight:800;font-size:.75rem}.feature-list h3{margin:0 0 4px;font-size:1rem}.feature-list p{margin:0;font-size:.85rem;color:rgba(45,23,15,.67)}.how{background:var(--cocoa);color:#fff7ec}.how .eyebrow{color:#efae79}.steps{display:grid;gap:12px}.steps div{display:grid;grid-template-columns:45px 1fr;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:15px}.steps b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff1df;color:var(--brown)}.steps p{margin:0;font-size:.88rem}.safety-note{font-size:.69rem;opacity:.7;margin:22px 0 0}.order{background:var(--cream)}.pack-grid{display:grid;gap:12px}.pack-card{position:relative;display:grid;grid-template-columns:1fr auto;padding:20px;border:1.5px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.42);cursor:pointer;transition:.2s}.pack-card.selected{border-color:var(--brown);background:var(--paper);box-shadow:var(--shadow);transform:translateY(-2px)}.pack-card input{position:absolute;opacity:0;pointer-events:none}.pack-badge{grid-column:1/-1;width:max-content;background:#ead2b7;color:var(--brown);border-radius:20px;padding:4px 9px;margin-bottom:14px;text-transform:uppercase;font-size:.6rem;font-weight:800;letter-spacing:.05em}.pack-card strong{font-family:"Playfair Display",serif;font-size:1.35rem}.pack-name{grid-column:1;font-size:.73rem;opacity:.65}.pack-price{grid-column:2;grid-row:2;font-family:"Playfair Display",serif;font-size:1.65rem;font-weight:800}.pack-card small{grid-column:2;text-align:right;font-size:.65rem;opacity:.6}.order-summary{margin:22px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-summary div{display:flex;justify-content:space-between;margin:6px 0;font-size:.82rem}.order-summary .summary-total{font-size:1.05rem;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.payment-hints{display:flex;justify-content:center;gap:8px;margin-top:14px}.payment-hints span{border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-size:.58rem;font-weight:700}.ingredients{background:var(--paper)}.pending-box{border:1px dashed var(--caramel);border-radius:var(--radius);padding:22px;background:#fff6e9}.pending-box strong{color:var(--caramel)}.pending-box p{margin:8px 0 0;font-size:.8rem}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:15px;padding:20px 0;font-weight:700;font-size:.92rem;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--caramel);font-size:1.2rem;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:-6px 0 20px;font-size:.82rem;color:rgba(45,23,15,.7)}footer{background:var(--brown);color:var(--cream);padding:54px 20px 105px}.footer-brand .brand-mark{background:var(--cream);color:var(--brown)}footer>p{font-family:"Playfair Display",serif;font-size:1.5rem;line-height:1.1;max-width:250px;margin:25px 0}footer nav{display:flex;flex-wrap:wrap;gap:16px;font-size:.68rem;margin-bottom:30px;opacity:.8}footer>small{font-size:.65rem;opacity:.5}.sticky-buy{position:fixed;z-index:20;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 17px;background:rgba(45,23,15,.96);color:#fff;border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.28);transition:.25s}.sticky-buy div{display:flex;flex-direction:column}.sticky-buy small{font-size:.58rem;opacity:.6}.sticky-buy strong{font-size:.8rem}.sticky-buy a{background:var(--cream);color:var(--brown);padding:11px 15px;border-radius:12px;font-size:.75rem;font-weight:800}.sticky-buy.hidden{transform:translateY(150%);opacity:0}
.delivery-form{border:0;margin:34px 0 0;padding:0}.delivery-form legend{font-family:"Playfair Display",serif;font-size:1.55rem;font-weight:800;padding:0}.form-intro{margin:4px 0 20px;font-size:.7rem;color:rgba(45,23,15,.62)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:15px}.field label{display:block;margin:0 0 6px;font-size:.73rem;font-weight:800}.field input,.field select{width:100%;min-height:52px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--brown);padding:0 14px;outline:none;transition:border-color .2s,box-shadow .2s}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brown) 50%),linear-gradient(135deg,var(--brown) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px;background-repeat:no-repeat}.field input:focus,.field select:focus{border-color:var(--caramel);box-shadow:0 0 0 3px rgba(198,120,62,.13)}.field input:user-invalid,.field select:user-invalid{border-color:#a54232}.field small{display:block;margin:5px 3px 0;font-size:.62rem;color:rgba(45,23,15,.58)}.checkbox-field{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:15px;border-radius:14px;background:rgba(255,255,255,.48);font-size:.72rem;cursor:pointer}.checkbox-field input{width:18px;height:18px;margin:1px 0;accent-color:var(--brown)}
.form-errors{margin:0 0 20px;padding:16px;border:1px solid #b55240;border-radius:14px;background:#fff0eb;color:#702a20;font-size:.76rem}.form-errors ul{margin:7px 0 0;padding-left:18px}.payment-page{min-height:100vh}.payment-shell{padding:70px 20px;min-height:calc(100vh - 68px)}.payment-shell h1{margin:0 0 18px;font-family:"Playfair Display",serif;font-size:clamp(2.5rem,12vw,3.8rem);line-height:.95}.payment-shell>p:not(.eyebrow){font-size:.9rem}.payment-summary{margin-top:30px}.back-button{margin-top:22px}
.payment-back-link{display:block;margin:18px auto 0;text-align:center;text-decoration:underline;font-size:.78rem}.success-box{margin:28px 0;padding:20px;border-radius:16px;background:#e4f2df;color:#285422;font-weight:800;text-align:center}
@media(max-width:370px){.field-row{grid-template-columns:1fr;gap:0}}
@media(min-width:700px){body{max-width:520px;margin:auto;box-shadow:0 0 80px rgba(45,23,15,.16)}.announcement,.sticky-buy{max-width:520px;margin:auto}.sticky-buy{left:calc(50% - 248px);right:calc(50% - 248px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}