:root{--paper:#fffaf4;--cream:#f6eadc;--ink:#2c201c;--muted:#75645c;--berry:#7b2335;--berry-dark:#551524;--gold:#d8a54b;--sage:#66725a;--line:#e8d9cb;--white:#fff;--shadow:0 18px 50px rgba(69,35,27,.12);--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
body:has(dialog[open]){overflow:hidden}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;top:10px;left:10px;z-index:1000;transform:translateY(-150%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip-link:focus{transform:none}
.announcement{background:var(--berry-dark);color:#f9e9dc;text-align:center;font-size:.78rem;letter-spacing:.07em;padding:7px 16px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,250,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(123,35,53,.08)}
.header-inner{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;line-height:1}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50% 50% 45% 55%;background:var(--berry);color:#fff;font-family:Georgia,serif;font-size:1.45rem}
.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;font-weight:600}
.brand small{display:block;margin-top:6px;font-size:.55rem;letter-spacing:.14em;color:var(--muted)}
.main-nav{justify-self:center;display:flex;gap:28px}
.main-nav a,.site-footer a{color:inherit;text-decoration:none;font-size:.92rem}
.main-nav a:hover,.site-footer a:hover{color:var(--berry)}
.menu-button{display:none}
.cart-button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:10px 12px 10px 18px;display:flex;align-items:center;gap:12px;cursor:pointer}
.cart-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:99px;background:var(--gold);color:var(--ink);font-weight:750}
.hero{min-height:650px;padding-block:72px;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.eyebrow{margin:0 0 13px;color:var(--berry);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow.light{color:#f1c77d}
.hero h1,.section-heading h2,.info-copy h2,.about-section h2,.story-band h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;line-height:1.04;margin:0}
.hero h1{font-size:clamp(3.2rem,6vw,5.8rem);max-width:760px}
.hero-lead{font-size:1.12rem;color:var(--muted);max-width:620px;margin:26px 0 32px}
.hero-actions{display:flex;align-items:center;gap:25px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border-radius:999px;padding:11px 22px;border:1px solid transparent;text-decoration:none;font-weight:750;cursor:pointer;transition:.2s ease}
.button.primary{background:var(--berry);color:#fff}
.button.primary:hover{background:var(--berry-dark);transform:translateY(-1px)}
.button.secondary{border-color:var(--line);background:#fff;color:var(--ink)}
.button:disabled{background:#cdbfba;color:#746864;cursor:not-allowed;transform:none}
.button.wide{width:100%}
.text-link,.text-button{color:var(--berry);font-weight:750;text-decoration:none}
.text-button{border:0;background:none;cursor:pointer}
.hero-facts{display:flex;gap:36px;margin:48px 0 0}
.hero-facts div{border-left:1px solid var(--line);padding-left:16px}
.hero-facts dt{font-family:Georgia,serif;font-size:1.65rem}
.hero-facts dd{margin:2px 0 0;color:var(--muted);font-size:.78rem}
.hero-art{position:relative;min-height:500px;border-radius:50% 50% 44% 56%/45% 42% 58% 55%;background:#ecd7c2;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(123,35,53,.08)}
.hero-art:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(123,35,53,.14);border-radius:50%;top:50px;right:-70px}
.gift-box{position:absolute;left:18%;top:25%;width:64%;height:49%;background:#8b3344;border-radius:18px;transform:rotate(-5deg);box-shadow:0 28px 60px rgba(70,26,34,.25)}
.gift-box:before{content:"";position:absolute;inset:-18px -10px auto;height:44px;background:#9e4254;border-radius:14px}
.ribbon{position:absolute;inset:-18px auto 0 44%;width:13%;background:#e2b65f}
.ribbon:before{content:"";position:absolute;width:170px;height:70px;border:18px solid #e2b65f;border-bottom:0;border-radius:100px 100px 0 0;left:50%;top:-68px;transform:translateX(-50%)}
.seal{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#f8ead9;color:var(--berry);font:600 1.25rem Georgia,serif;border:2px solid #e3bf7a}
.sweet{position:absolute;border-radius:50%;box-shadow:0 14px 24px rgba(64,31,21,.15)}
.sweet-one{width:54px;height:54px;background:#5f382a;left:10%;bottom:17%}
.sweet-two{width:44px;height:44px;background:#f2c96e;right:10%;top:16%}
.sweet-three{width:64px;height:38px;border-radius:50%;background:#fff4dc;right:8%;bottom:19%;transform:rotate(24deg)}
.hero-art p{position:absolute;bottom:28px;left:38px;margin:0;color:#6b4033;font-family:Georgia,serif;font-style:italic}
.category-section,.catalog-section,.info-section,.about-section,.faq-section{padding-block:82px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}
.section-heading h2,.info-copy h2,.about-section h2{font-size:clamp(2.3rem,4vw,4rem)}
.section-heading>p{max-width:390px;color:var(--muted)}
.category-list{display:flex;gap:10px;flex-wrap:wrap}
.category-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 18px;color:var(--ink);cursor:pointer}
.category-chip:hover,.category-chip.active{background:var(--berry);border-color:var(--berry);color:#fff}
.catalog-section{padding-top:30px}
.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}
.catalog-toolbar h2{font:500 clamp(2.3rem,4vw,4rem)/1 Georgia,serif;margin:0}
.catalog-toolbar label{font-size:.72rem;color:var(--muted);display:grid;gap:7px}
.catalog-toolbar select{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 38px 10px 12px;color:var(--ink)}
.catalog-status{color:var(--muted);font-size:.84rem;margin:16px 0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{background:#fff;border:1px solid #eddfd3;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.25s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.product-image{position:relative;padding:0;border:0;background:var(--cream);cursor:pointer;overflow:hidden}
.product-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease}
.product-card:hover .product-image img{transform:scale(1.035)}
.product-image>span{position:absolute;left:12px;top:12px;background:rgba(255,250,244,.93);border-radius:99px;padding:6px 10px;font-size:.68rem;font-weight:750;color:var(--berry)}
.product-body{padding:19px;display:flex;flex-direction:column;flex:1}
.product-category{color:var(--berry);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin:0 0 7px}
.product-body h3{font:600 1.3rem/1.2 Georgia,serif;margin:0}
.product-body>p:not(.product-category){color:var(--muted);font-size:.86rem;flex:1;margin:10px 0 18px}
.product-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}
.product-meta span{color:var(--muted);font-size:.78rem}
.product-meta strong{font-size:1.08rem}
.product-actions{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:14px}
.product-actions .button{min-height:40px;padding:8px 12px;font-size:.78rem}
.details-button{background:none;border:0;color:var(--berry);font-weight:750;cursor:pointer}
.story-band{background:var(--berry-dark);color:#fff;margin-block:70px}
.story-grid{padding-block:80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.story-band h2{font-size:clamp(2.4rem,4.2vw,4.3rem)}
.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.story-points span{color:#e9ba65;font:italic 1.25rem Georgia,serif}
.story-points h3{font:600 1.15rem Georgia,serif;margin:12px 0 8px}
.story-points p{font-size:.84rem;color:#e1cbc5;margin:0}
.info-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.info-visual{min-height:430px;background:#e4ebdd;border-radius:var(--radius);position:relative;overflow:hidden}
.delivery-visual:before,.delivery-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(73,87,61,.18)}
.delivery-visual:before{width:280px;height:280px;left:-60px;top:-50px}
.delivery-visual:after{width:390px;height:390px;right:-100px;bottom:-200px}
.route-line{position:absolute;width:56%;height:2px;border-top:2px dashed #89937e;left:22%;top:48%;transform:rotate(-12deg)}
.pin{position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--sage);color:#fff;font-weight:800}
.pin-one{left:16%;top:55%}
.pin-two{right:17%;top:29%;background:var(--gold);color:var(--ink)}
.parcel{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-6deg);width:138px;height:112px;background:#f4dfbd;border:8px solid #dab778;box-shadow:0 18px 35px rgba(68,78,59,.17);display:grid;place-items:center;text-align:center;font:600 1.15rem Georgia,serif}
.info-copy>p:not(.eyebrow){font-size:1.02rem;color:var(--muted)}
.check-list{list-style:none;padding:0;margin:28px 0 0}
.check-list li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--berry);font-weight:900}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}
.about-section>div:last-child{color:var(--muted);font-size:1.05rem}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.faq-list summary{font-weight:750;cursor:pointer}
.faq-list p{color:var(--muted);font-size:.9rem}
.site-footer{background:#251a17;color:#ebded5;padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:40px}
.footer-brand{color:#fff}
.footer-grid>p{margin:0;color:#aa9790;max-width:350px}
.footer-grid nav{display:grid;justify-content:end;gap:8px}
.footer-bottom{border-top:1px solid #493a35;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;color:#937f78;font-size:.75rem}
.cart-drawer{position:fixed;right:0;top:0;z-index:90;width:min(480px,100%);max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;border-radius:0;background:var(--paper);padding:28px;transform:translateX(102%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(33,20,17,.18)}
.cart-drawer::backdrop{background:rgba(34,22,19,.52);backdrop-filter:blur(3px)}
.cart-drawer.open{transform:none}
.drawer-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}
.drawer-header h2{font:500 2rem Georgia,serif;margin:0}
.icon-button{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}
.cart-items{flex:1;overflow:auto;padding:12px 3px}
.cart-item{display:grid;grid-template-columns:88px 1fr auto;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.cart-item img{width:88px;height:66px;object-fit:cover;border-radius:10px}
.cart-item h3{font:600 1rem Georgia,serif;margin:0 0 5px}
.cart-item span{font-size:.75rem;color:var(--muted)}
.quantity{display:flex;align-items:center;gap:12px;margin-top:10px}
.quantity button{border:1px solid var(--line);background:#fff;border-radius:50%;width:27px;height:27px;cursor:pointer}
.remove-button{border:0;background:none;color:var(--muted);font-size:.7rem;cursor:pointer}
.cart-footer{border-top:1px solid var(--line);padding-top:18px}
.cart-footer>p{color:var(--muted);font-size:.75rem}
.total-row{display:flex;justify-content:space-between;font-size:1.15rem}
.empty-cart{text-align:center;color:var(--muted);padding:80px 20px}
.empty-cart span{font-size:3rem;color:var(--gold)}
.empty-cart h3{font:600 1.4rem Georgia,serif;color:var(--ink)}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(34,22,19,.6);backdrop-filter:blur(4px)}
.product-dialog{width:min(900px,calc(100% - 30px));max-height:92dvh;overflow:auto;border-radius:24px}
.dialog-close{position:absolute;right:14px;top:14px;z-index:2}
.detail-grid{display:grid;grid-template-columns:1fr 1fr}
.detail-grid>img{height:100%;min-height:480px;object-fit:cover;border-radius:24px 0 0 24px}
.detail-grid>div{padding:58px 42px}
.detail-grid h2{font:500 2.7rem/1.03 Georgia,serif;margin:0}
.detail-grid h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:28px 0 6px}
.detail-grid>div>p:not(.product-category){color:var(--muted)}
.detail-price{display:flex;gap:14px;align-items:center;margin:16px 0 24px}
.detail-price strong{font-size:1.25rem}
.detail-price span{color:var(--muted)}
.ingredients{font-size:.86rem}
.allergen{background:var(--cream);padding:10px 12px;border-radius:10px;font-size:.74rem}
.checkout-dialog{width:min(760px,calc(100% - 30px));max-height:92dvh;border-radius:24px;padding:36px;overflow:auto}
.checkout-head h2{font:500 2.5rem Georgia,serif;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:28px 0 30px}
.steps span{border-top:3px solid var(--line);padding-top:8px;color:var(--muted);font-size:.72rem}
.steps span.active{border-color:var(--berry);color:var(--berry);font-weight:750}
.checkout-step{display:none}
.checkout-step.active{display:block}
.checkout-step h3{font:600 1.45rem Georgia,serif}
.checkout-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
.checkout-row.grand{font-size:1.08rem;border-bottom:0;margin-top:6px}
.privacy-note{display:grid;grid-template-columns:auto 1fr;gap:12px;background:#e7efe2;color:#46513e;padding:13px;border-radius:12px;margin-bottom:20px;font-size:.8rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid label{display:grid;gap:6px;font-size:.76rem;font-weight:700}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}
.form-grid input:focus,.form-grid select:focus{outline:3px solid rgba(123,35,53,.14);border-color:var(--berry)}
.step-actions{display:flex;justify-content:space-between;margin-top:26px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:4px 18px}
.review-card dl{margin:0}
.review-card dl div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.review-card dl div:last-child{border:0}
.review-card dt{color:var(--muted)}
.review-card dd{margin:0}
.muted{color:var(--muted);font-size:.8rem}
.payment-step{text-align:center;padding:35px 10px}
.payment-lock{margin:0 auto 18px;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#f2dfdc;color:var(--berry);font-size:2rem}
.payment-step p{max-width:480px;margin:0 auto 26px;color:var(--muted)}
.payment-step .text-button{margin-top:16px}
.load-error{grid-column:1/-1;padding:50px;text-align:center;background:#fff;border-radius:var(--radius)}
:focus-visible{outline:3px solid rgba(123,35,53,.35);outline-offset:3px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}
.hero{grid-template-columns:1fr 1fr;gap:30px}
.hero-art{min-height:430px}
.story-grid{grid-template-columns:1fr;gap:45px}
.info-section{gap:45px}
}
@media(max-width:760px){.shell{width:min(100% - 28px,1180px)}
.announcement{font-size:.65rem}
.header-inner{height:68px;grid-template-columns:1fr auto auto;gap:10px}
.brand small{display:none}
.main-nav{display:none;position:absolute;left:14px;right:14px;top:108px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);flex-direction:column;gap:14px}
.main-nav.open{display:flex}
.menu-button{display:block;border:0;background:none;color:var(--ink);font-size:.8rem}
.cart-button{padding:8px 9px}
.cart-button>span:first-child{display:none}
.hero{padding-block:48px;display:block}
.hero h1{font-size:clamp(2.8rem,14vw,4.4rem)}
.hero-art{min-height:370px;margin-top:45px}
.hero-facts{gap:15px}
.hero-facts dd{max-width:90px}
.section-heading,.catalog-toolbar{align-items:start;flex-direction:column}
.category-section,.catalog-section,.info-section,.about-section,.faq-section{padding-block:56px}
.product-grid{grid-template-columns:repeat(2,1fr);gap:13px}
.product-body{padding:14px}
.product-body h3{font-size:1.1rem}
.product-actions{grid-template-columns:1fr}
.details-button{padding:8px}
.story-band{margin-block:45px}
.story-grid{padding-block:55px}
.story-points{grid-template-columns:1fr}
.info-section,.about-section{grid-template-columns:1fr;gap:35px}
.info-visual{min-height:340px}
.faq-list{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.footer-grid nav{justify-content:start}
.footer-bottom{gap:12px;flex-direction:column}
.detail-grid{grid-template-columns:1fr}
.detail-grid>img{min-height:250px;max-height:330px;width:100%;border-radius:24px 24px 0 0}
.detail-grid>div{padding:28px 22px}
.detail-grid h2{font-size:2.2rem}
.checkout-dialog{padding:24px 18px}
.steps span{font-size:.58rem}
.form-grid{grid-template-columns:1fr}
.form-grid .full{grid-column:auto}
}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}
.hero-actions{align-items:flex-start;flex-direction:column}
.hero-art{min-height:320px}
.gift-box{left:15%;width:70%}
.cart-drawer{padding:20px}
.cart-item{grid-template-columns:72px 1fr}
.cart-item img{width:72px;height:58px}
.remove-button{grid-column:2}
.review-card dl div{grid-template-columns:1fr;gap:2px}
.steps span{font-size:0}
.steps span:first-letter{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}