:root{--brown:#c8732a;--brown-dark:#a85e1e;--brown-light:#e8924a;--cream:#fdf6ee;--warm-white:#fffbf7;--dark:#1a0f08;--dark-mid:#2d1a0e;--text:#3d2314;--text-muted:#8c6e5a;--card-bg:#fff;--border:#f0e6da;--star:#f5a623;--shadow:0 4px 24px #c8732a1a;--shadow-card:0 2px 16px #3d231414}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--warm-white);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}img,svg{max-width:100%;height:auto}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fdf6eeeb;justify-content:space-between;align-items:center;height:60px;padding:0 8vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--brown);letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:900;text-decoration:none}.nav-logo span{color:var(--dark)}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--brown)}.nav-right{align-items:center;gap:12px;display:flex}.btn-outline{border:1.5px solid var(--brown);color:var(--brown);cursor:pointer;background:0 0;border-radius:50px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:var(--brown);color:#fff}.btn-primary{background:var(--brown);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #c8732a59}.btn-primary:hover{background:var(--brown-dark);transform:translateY(-1px)}#hero{background:var(--dark);width:100%;min-height:100vh;padding-top:160px;padding-bottom:80px;display:flex;position:relative}.hero-bg{background:var(--dark);opacity:1;position:absolute;inset:0}.hero-overlay{background:linear-gradient(135deg,#1a0f08eb 0%,#2d1a0eb3 60%,#c8732a26 100%);position:absolute;inset:0}.hero-content{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:5vw;width:100%;max-width:1400px;margin:auto;padding:0 8vw;display:grid;position:relative}.hero-text{animation:.8s both fadeUp}.hero-badge{color:var(--brown-light);letter-spacing:1.5px;text-transform:uppercase;background:#c8732a2e;border:1px solid #c8732a66;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.85rem;font-weight:700;display:inline-flex}.hero-title{color:#fff;margin-bottom:24px;font-family:Playfair Display,serif;font-size:clamp(3rem,5.5vw,5.2rem);font-weight:900;line-height:1.1}.hero-title em{color:var(--brown-light);font-style:italic}.hero-sub{color:#ffffffb3;max-width:480px;margin-bottom:48px;font-size:1.15rem;line-height:1.8}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.btn-hero-primary{background:var(--brown);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .25s;box-shadow:0 6px 28px #c8732a80}.btn-hero-primary:hover{background:var(--brown-light);transform:translateY(-2px)}.btn-hero-outline{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff4d;border-radius:50px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;transition:all .25s}.btn-hero-outline:hover{background:#ffffff14;border-color:#fff}.hero-stats{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:40px;margin-top:48px;padding-top:40px;display:flex}.stat-val{color:var(--brown-light);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.stat-label{color:#ffffff80;margin-top:2px;font-size:.82rem}.hero-visual{width:100%;animation:.8s .2s both fadeUp}.coffee-scene-wrap{width:100%;max-width:500px;margin:0 auto;position:relative}.coffee-scene{width:100%;height:auto;overflow:visible}@keyframes cupSlideIn{0%{opacity:0;transform:translate(-320px)}60%{opacity:1;transform:translate(18px)}80%{transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes pourDrop{0%{opacity:0;transform:translateY(-180px)}60%{opacity:1;transform:translateY(12px)}80%{transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pourTilt{0%,60%{transform:rotate(0)translateY(0)}70%{transform:rotate(-22deg)translateY(-4px)}to{transform:rotate(-22deg)translateY(-4px)}}@keyframes streamAppear{0%,65%{stroke-dashoffset:200px;opacity:0}75%{opacity:1;stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:1}}@keyframes coffeeFill{0%,70%{transform:translateY(0)}to{transform:translateY(-62px)}}@keyframes foamAppear{0%,72%{opacity:0;transform:translateY(10px)}85%{opacity:.7;transform:translateY(0)}to{opacity:.7;transform:translateY(0)}}@keyframes latteArt{0%,80%{opacity:0;transform:scale(.5)}95%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes splashPop{0%,68%{opacity:0;transform:scale(0)}72%{opacity:1;transform:scale(1.4)}80%{opacity:.8;transform:scale(1)}90%,to{opacity:0}}@keyframes steamRise{0%{stroke-dashoffset:0;opacity:0}15%{opacity:.8}85%{opacity:.8}to{stroke-dashoffset:-120px;opacity:0}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes beanFloat1{0%,to{transform:translateY(0)rotate(-30deg)}50%{transform:translateY(-12px)rotate(-25deg)}}@keyframes beanFloat2{0%,to{transform:translateY(0)rotate(20deg)}50%{transform:translateY(-8px)rotate(26deg)}}@keyframes beanFloat3{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-10px)rotate(10deg)}}@keyframes beanFloat4{0%,to{transform:translateY(0)rotate(-25deg)}50%{transform:translateY(-14px)rotate(-20deg)}}@keyframes dropFall{0%,66%{opacity:0;transform:translateY(-20px)}70%{opacity:.8;transform:translateY(0)}85%{opacity:.8;transform:translateY(40px)}to{opacity:0;transform:translateY(80px)}}@keyframes badgeSlide{0%,90%{opacity:0;transform:translate(10px,-10px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.cup-group{animation:1.2s cubic-bezier(.34,1.56,.64,1) .3s both cupSlideIn}.pourer-group{animation:1s cubic-bezier(.34,1.56,.64,1) .2s both pourDrop}.pourer-anim{transform-origin:210px 90px;animation:3s 1.2s both pourTilt}.pour-stream{stroke-dasharray:200;stroke-dashoffset:200px;animation:3s 1.2s both streamAppear}.pour-stream-shimmer{stroke-dasharray:200;stroke-dashoffset:200px;animation:3s 1.35s both streamAppear}.coffee-fill{animation:1.8s 2.2s both coffeeFill}.foam-ellipse{animation:1.5s 3s both foamAppear}.latte-art{animation:.8s 3.5s both latteArt}.splash-group{animation:1.2s 2.2s both splashPop}.rating-badge{animation:.6s cubic-bezier(.34,1.56,.64,1) 4s both badgeSlide}.anim-glow{animation:3s ease-in-out 2s infinite glowPulse}.steam{stroke-dasharray:120;animation:2.8s ease-in-out infinite steamRise}.s1{animation-delay:3.8s}.s2{animation-delay:4.2s}.s3{animation-delay:4.6s}.s4{animation-delay:5s}.s5{animation-delay:5.4s}.b1{animation:4s ease-in-out 2s infinite beanFloat1}.b2{animation:3.5s ease-in-out 2.3s infinite beanFloat2}.b3{animation:4.5s ease-in-out 2.6s infinite beanFloat3}.b4{animation:3.8s ease-in-out 2.9s infinite beanFloat4}.droplet{animation:1.4s ease-in infinite dropFall}.d1{animation-delay:2.2s}.d2{animation-delay:2.5s}.d3{animation-delay:2.35s}section{width:100%;max-width:1400px;margin:0 auto;padding:120px 8vw}.section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--brown);margin-bottom:16px;font-size:.9rem;font-weight:800}.section-title{color:var(--dark);margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1.15}.section-sub{color:var(--text-muted);max-width:560px;font-size:1.1rem;line-height:1.8}.menu-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.category-tabs{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.tab{cursor:pointer;border:1.5px solid var(--border);color:var(--text-muted);background:#fff;border-radius:50px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.tab.active,.tab:hover{background:var(--brown);color:#fff;border-color:var(--brown)}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;display:grid}.menu-card{box-shadow:var(--shadow-card);cursor:pointer;opacity:1;background:#fff;border-radius:24px;transition:transform .25s,box-shadow .25s;animation:.5s forwards fadeUp;overflow:hidden}.menu-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #c8732a2e}.menu-card-img{object-fit:cover;width:100%;height:180px}.menu-card-body{padding:16px 20px 20px}.menu-card-name{color:var(--dark);font-size:1rem;font-weight:700}.menu-card-desc{color:var(--text-muted);margin-top:4px;font-size:.82rem}.menu-card-footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.menu-card-price{color:var(--brown);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.add-btn{background:var(--brown);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #c8732a66}.add-btn:hover{background:var(--brown-dark);transform:scale(1.1)}.menu-card-rating{color:var(--text-muted);align-items:center;gap:4px;margin-top:8px;font-size:.82rem;display:flex}#why{background:var(--dark);width:100%;padding:120px 8vw;position:relative;overflow:hidden}#why:before{content:"";opacity:.08;background:url(https://images.unsplash.com/photo-1447933601403-0c6688de566e?w=1600&q=80) 50%/cover;position:absolute;inset:0}.why-inner{z-index:1;max-width:1400px;margin:0 auto;position:relative}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.why-text .section-label{color:var(--brown-light)}.why-text .section-title{color:#fff}.why-text .section-sub{color:#ffffff8c}.feature-list{flex-direction:column;gap:20px;margin-top:36px;padding-left:0;list-style:none;display:flex}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{background:#c8732a2e;border:1px solid #c8732a4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.feature-item h4{color:#fff;margin-bottom:4px;font-weight:700}.feature-item p{color:#ffffff80;font-size:.88rem;line-height:1.6}.why-image img{border-radius:28px;width:100%;box-shadow:0 24px 60px #00000080}#special{background:var(--cream)}.special-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.special-img-wrap{width:100%;max-width:400px;margin:0 auto;position:relative}.special-img-wrap img{width:100%;box-shadow:var(--shadow);border-radius:28px}.special-badge-card{background:#fff;border-radius:20px;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;bottom:-20px;right:-20px;box-shadow:0 8px 32px #c8732a33}.special-badge-card .icon{font-size:2rem}.special-badge-card strong{color:var(--dark);font-size:1rem;font-weight:700;display:block}.special-badge-card span{color:var(--text-muted);font-size:.8rem}.size-selector{gap:12px;margin:24px 0;display:flex}.size-btn{border:1.5px solid var(--border);cursor:pointer;width:48px;height:48px;color:var(--text-muted);background:#fff;border-radius:50%;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s}.size-btn.active,.size-btn:hover{border-color:var(--brown);color:var(--brown);background:#c8732a0f}.special-price{color:var(--brown);font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.special-desc{color:var(--text-muted);margin:16px 0;line-height:1.8}.special-rating{align-items:center;gap:8px;margin-bottom:24px;display:flex}.stars{color:var(--star);letter-spacing:2px;font-size:1.1rem}.rating-val{color:var(--dark);font-size:1rem;font-weight:700}.rating-count{color:var(--text-muted);font-size:.9rem}.modal-size-label{color:var(--dark);margin-bottom:12px;font-size:.9rem;font-weight:700}#order-section{background:var(--warm-white);width:100%;padding:120px 0}.order-inner{max-width:1400px;margin:0 auto;padding:0 8vw}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:48px;display:grid}.step-card{box-shadow:var(--shadow-card);text-align:center;background:#fff;border-radius:24px;padding:28px 24px;transition:transform .2s}.step-card:hover{transform:translateY(-4px)}.step-num{background:var(--brown);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;display:flex}.step-icon{margin-bottom:12px;font-size:2rem}.step-card h4{color:var(--dark);margin-bottom:8px;font-weight:700}.step-card p{color:var(--text-muted);font-size:.85rem;line-height:1.6}#tracking{background:var(--cream)}.tracking-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.tracking-card{box-shadow:var(--shadow-card);background:#fff;border-radius:24px;padding:28px}.tracking-card h4{margin-bottom:6px;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.tracking-card p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.status-highlight{color:var(--brown);margin-bottom:20px;font-size:1.1rem;font-weight:700}.tracking-info-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.tracking-info-row:last-child{border-bottom:none}.t-icon{font-size:1.4rem}.t-label{color:var(--text-muted);font-size:.82rem}.t-val{color:var(--dark);font-weight:600}.prep-visual{height:340px;box-shadow:var(--shadow-card);background:#f8f2e8;border-radius:24px;position:relative;overflow:hidden}.prep-visual img{object-fit:cover;opacity:.9;width:100%;height:100%}.prep-overlay{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 4px 20px #0000001f}.prep-overlay strong{color:var(--dark);font-weight:700}.prep-overlay span{color:var(--text-muted);font-size:.82rem}.status-badge{background:var(--brown);color:#fff;border-radius:50px;padding:8px 16px;font-size:.9rem;font-weight:700}.progress-bar{background:var(--border);border-radius:50px;height:6px;margin-top:12px;overflow:hidden}.progress-fill{background:var(--brown);border-radius:50px;width:65%;height:100%}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.testi-card{box-shadow:var(--shadow-card);background:#fff;border-radius:24px;padding:28px;transition:transform .2s}.testi-card:hover{transform:translateY(-4px)}.testi-stars{color:var(--star);letter-spacing:2px;margin-bottom:14px;font-size:1rem}.testi-text{color:var(--text);margin-bottom:20px;font-size:.95rem;font-style:italic;line-height:1.7}.testi-author{align-items:center;gap:12px;display:flex}.testi-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:44px;height:44px}.testi-name{color:var(--dark);font-size:.9rem;font-weight:700}.testi-role{color:var(--text-muted);font-size:.78rem}#cta-section{background:var(--brown);text-align:center;width:100%;padding:100px 8vw;position:relative;overflow:hidden}#cta-section:before{content:"";background:#ffffff0f;border-radius:50%;width:300px;height:300px;position:absolute;top:-60px;left:-60px}#cta-section:after{content:"";background:#ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;right:-80px}.cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-inner h2{color:#fff;margin-bottom:16px;font-family:Playfair Display,serif;font-size:2.6rem;font-weight:900}.cta-inner p{color:#ffffffbf;margin-bottom:32px;font-size:1rem;line-height:1.7}.btn-cta{color:var(--brown);cursor:pointer;background:#fff;border:none;border-radius:50px;padding:16px 40px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;transition:all .25s;box-shadow:0 8px 24px #00000026}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}footer{background:var(--dark);color:#ffffff80;width:100%;padding:80px 8vw 40px}.footer-inner{max-width:1400px;margin:0 auto}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:48px;display:grid}.footer-brand .nav-logo{color:var(--brown-light);margin-bottom:16px;font-size:1.8rem;display:block}.footer-brand p{max-width:280px;font-size:.88rem;line-height:1.8}.footer-col h5{color:#fff;margin-bottom:20px;font-size:.95rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;padding-left:0;list-style:none;display:flex}.footer-col a{color:#ffffff73;font-size:.88rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--brown-light)}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:28px;font-size:.82rem;display:flex}.cart-fab{z-index:200;background:var(--brown);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .25s;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 28px #c8732a80}.cart-fab:hover{background:var(--brown-dark);transform:scale(1.08)}.cart-badge{background:var(--dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.modal-backdrop{z-index:300;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a0f08b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:all}.modal{background:#fff;border-radius:32px;width:440px;max-width:95vw;max-height:90vh;transition:transform .3s;overflow-y:auto;transform:translateY(20px);box-shadow:0 32px 80px #0000004d}.modal-img{object-fit:cover;border-radius:32px 32px 0 0;width:100%;height:240px}.modal-body{padding:28px}.modal-name{color:var(--dark);font-family:Playfair Display,serif;font-size:1.6rem;font-weight:800}.modal-sub{color:var(--text-muted);margin-top:4px;font-size:.88rem}.modal-desc{color:var(--text);margin:16px 0;font-size:.95rem;line-height:1.7}.modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.modal-price{color:var(--brown);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.qty-control{align-items:center;gap:16px;display:flex}.qty-btn{border:1.5px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:1.2rem;transition:all .2s;display:flex}.qty-btn:hover{border-color:var(--brown);color:var(--brown)}.qty-val{color:var(--dark);text-align:center;min-width:24px;font-size:1.1rem;font-weight:700}.btn-buy{flex:1;margin-left:16px}.modal-close{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 12px #00000026}.modal-wrap{position:relative}.payment-expanded{padding:0 16px 16px 52px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.offer-ticker{background:var(--brown-dark);color:var(--cream);z-index:99;letter-spacing:1px;text-transform:uppercase;align-items:center;height:38px;font-size:.85rem;font-weight:700;display:flex;position:fixed;top:60px;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.ticker-content{white-space:nowrap;animation:30s linear infinite tickerSlide;display:flex}.ticker-content span{padding:0 40px}@keyframes tickerSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.mobile-toggle{color:var(--dark);cursor:pointer;background:0 0;border:none;margin-left:12px;padding:4px;font-size:1.8rem;display:none}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:98;opacity:0;pointer-events:none;background:#fdf6eefa;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.mobile-nav.open{opacity:1;pointer-events:all}.mobile-nav-links{text-align:center;flex-direction:column;gap:40px;margin-bottom:40px;list-style:none;display:flex}.mobile-nav-links a{color:var(--dark);font-family:Playfair Display,serif;font-size:2.2rem;font-weight:800;text-decoration:none;transition:color .2s}.mobile-nav-links a:hover{color:var(--brown)}@media (width<=1100px){nav{padding:0 5vw}.nav-links{display:none}.mobile-toggle{display:block}.hero-content{text-align:center;grid-template-columns:1fr;padding:0 5vw}.hero-text{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-stats{justify-content:center}.hero-visual{justify-content:center;width:100%;margin-top:20px;display:flex}.coffee-scene-wrap{max-width:400px}section{padding:80px 5vw}.why-grid,.special-wrap,.tracking-grid{grid-template-columns:1fr;gap:48px}.steps-grid{grid-template-columns:1fr 1fr}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}#why,#cta-section{padding:80px 5vw}.order-inner{padding:0 5vw}}@media (width<=820px){#hero{padding-top:140px;padding-bottom:64px}.hero-title{font-size:clamp(2.4rem,8vw,3.2rem)}.hero-sub{max-width:100%;font-size:1.05rem}.hero-stats{gap:24px}.stat-val{font-size:1.7rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.prep-visual{height:300px}.special-badge-card{bottom:-12px;right:-8px}}@media (width<=600px){html{scroll-padding-top:72px}.hero-title{text-align:center;font-size:2.2rem}.hero-text{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-ctas{justify-content:center}.hero-ctas button{width:100%;max-width:320px}.hero-stats{justify-content:center}.section-title{font-size:1.8rem}section,#why,#cta-section{padding:48px 16px}.order-inner,.why-inner{padding:0 16px}nav{height:60px;padding:0 16px}.nav-right .btn-outline{display:none}.nav-right .btn-primary{padding:8px 16px;font-size:.85rem}.mobile-nav-links a{font-size:1.8rem}.btn-primary,.btn-hero-primary{padding:10px 20px;font-size:.85rem}.menu-grid{grid-template-columns:1fr}.menu-card-img{height:160px}.modal{border-radius:20px;width:95vw}.modal-img{border-radius:20px 20px 0 0;height:180px}.modal-body{padding:20px 16px}.modal-footer{gap:12px}.modal-price{font-size:1.5rem}.steps-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.cart-fab{width:52px;height:52px;bottom:20px;right:16px}.cart-badge{width:20px;height:20px;font-size:.65rem}}@media (width<=400px){#hero{padding-top:128px}.hero-title{font-size:1.8rem}.hero-sub{font-size:.9rem}.section-title,.stat-val{font-size:1.5rem}.tracking-card{padding:20px}.tracking-card h4{font-size:1.1rem}.prep-visual{height:240px}.special-badge-card{margin-top:16px;position:static}.prep-overlay{flex-direction:column;align-items:flex-start;gap:8px}.special-price{font-size:1.6rem}.qty-control{flex-wrap:wrap;justify-content:center}.btn-buy{width:100%;margin-top:12px;margin-left:0}.payment-expanded{flex-direction:column;align-items:flex-start!important;padding:0 16px 16px!important}}@media (width<=360px){.hero-ctas button{max-width:100%}.mobile-nav-links a{font-size:1.6rem}.modal{border-radius:16px}.modal-body{padding:16px 14px}}.admin-shell{background:var(--dark);color:#fff;min-height:100vh;padding-bottom:80px;font-family:DM Sans,sans-serif;position:relative;overflow-x:hidden}.admin-hero-bg{opacity:.12;z-index:0;pointer-events:none;background:url(https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?w=1600&q=80) 50%/cover;position:fixed;inset:0}.admin-hero-overlay{z-index:0;pointer-events:none;background:linear-gradient(145deg,#1a0f08f5 0%,#2d1a0ee0 50%,#c8732a2e 100%);position:fixed;inset:0}.admin-shell .btn-outline{color:#ffffffe6;background:0 0;border-color:#ffffff40;border-radius:50px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:all .25s}.admin-shell .btn-outline:hover{background:#ffffff14;border-color:#ffffff80}.admin-shell .btn-primary{border-radius:50px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:all .25s;box-shadow:0 4px 16px #c8732a66}.admin-hero{z-index:1;align-items:center;width:100%;min-height:60vh;padding:clamp(100px,18vw,160px) max(16px,6vw) clamp(40px,6vw,60px);display:flex;position:relative}.admin-hero-content{grid-template-columns:1.2fr .8fr;align-items:center;gap:max(24px,4vw);width:100%;max-width:1280px;margin:0 auto;display:grid}.admin-hero-title{color:#fff;margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,4.2rem);font-weight:900;line-height:1.12;animation:.7s both fadeUp}.admin-hero-sub{color:#ffffffa6;max-width:480px;margin-bottom:36px;font-size:clamp(.92rem,1.4vw,1.1rem);line-height:1.8;animation:.7s .1s both fadeUp}.admin-hero-actions{flex-wrap:wrap;gap:14px;animation:.7s .2s both fadeUp;display:flex}.admin-hero-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;gap:20px;padding:clamp(20px,3vw,32px);animation:.7s .3s both fadeUp;display:grid;box-shadow:0 8px 32px #0000004d}.admin-hero-stat{color:#fff;justify-content:space-between;align-items:center;display:flex}.admin-hero-stat span{color:#ffffff80;font-size:.9rem;font-weight:500}.admin-hero-stat strong{color:var(--brown-light);font-family:Playfair Display,serif;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700}.admin-auth{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative}.admin-auth-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);text-align:center;color:#fff;background:#ffffff09;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:480px;padding:clamp(28px,5vw,48px);animation:.7s both fadeUp;box-shadow:0 24px 64px #00000080}.admin-auth-card .admin-hero-title{margin-bottom:12px;font-size:clamp(1.8rem,5vw,2.6rem)}.admin-auth-card .admin-hero-sub{color:#ffffff8c;margin:0 auto 28px}.admin-auth-card .admin-field label{color:#fffc;text-align:left}.admin-auth-card .admin-field input{color:#fff;background:#0003;border:1px solid #ffffff1f}.admin-auth-card .admin-field input:focus{border-color:var(--brown-light);background:#0006;outline:none;box-shadow:0 0 0 3px #c8732a40}.admin-header{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;max-width:1280px;margin:clamp(24px,4vw,40px) auto;padding:0 max(16px,6vw);display:flex;position:relative}.admin-header .section-label{color:var(--brown-light);letter-spacing:2.5px;text-transform:uppercase;font-size:.85rem;font-weight:800}.admin-header .section-title{color:#fff;font-family:Playfair Display,serif;font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:800;line-height:1.15}.admin-header .section-sub{color:#ffffff8c;font-size:clamp(.88rem,1.2vw,1rem);line-height:1.7}.admin-grid{z-index:1;grid-template-columns:1.2fr .8fr;align-items:start;gap:clamp(20px,3vw,40px);max-width:1280px;margin:0 auto;padding:0 max(16px,6vw);display:grid;position:relative}.admin-column{flex-direction:column;gap:clamp(20px,3vw,40px);display:flex}.admin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff12;border-radius:clamp(18px,2.5vw,28px);padding:clamp(20px,3vw,32px);box-shadow:0 8px 32px #00000040}.admin-card h3{color:#fff;margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:800}.admin-filter-bar{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.admin-filter-group,.admin-filter-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-input,.admin-select{color:#fff;background:#00000040;border:1px solid #ffffff1f;border-radius:12px;flex:160px;min-width:0;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.admin-input:focus,.admin-select:focus{border-color:var(--brown-light);outline:none;box-shadow:0 0 0 3px #c8732a33}.admin-select option{background:var(--dark);color:#fff}.admin-count{color:#ffffff80;margin-bottom:16px;font-size:.88rem}.admin-list{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;gap:16px;max-height:70vh;padding-bottom:8px;padding-right:6px;display:flex;overflow-y:auto}.admin-list::-webkit-scrollbar{width:5px}.admin-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:5px}.admin-order{background:#0000002e;border:1px solid #ffffff12;border-radius:clamp(14px,2vw,22px);padding:clamp(16px,2.5vw,24px);transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #00000026}.admin-order:hover{border-color:#ffffff24;transform:translateY(-3px);box-shadow:0 12px 40px #00000059}.admin-order-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.admin-order-top strong{color:#fff;font-family:DM Sans,sans-serif;font-size:clamp(.95rem,1.3vw,1.1rem);font-weight:800}.admin-status{text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;border-radius:50px;flex-shrink:0;padding:5px 14px;font-size:.72rem;font-weight:700}.admin-items{border-top:1px dashed #ffffff1a;flex-direction:column;gap:6px;margin:14px 0 0;padding:12px 0 0;list-style:none;display:flex}.admin-items li{color:#fffc;justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}.admin-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.admin-actions button:disabled{opacity:.35!important;cursor:not-allowed!important}.admin-muted{color:#ffffff73;font-size:.85rem}.admin-empty{text-align:center;color:#ffffff73;border:1px dashed #ffffff1f;border-radius:20px;padding:clamp(28px,4vw,40px);font-size:.95rem}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field label{color:#ffffffd9;letter-spacing:.3px;font-size:.85rem;font-weight:700}.admin-field input{color:#fff;background:#00000040;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.admin-field input:focus{border-color:var(--brown-light);background:#0006;outline:none;box-shadow:0 0 0 3px #c8732a33}.admin-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-image-preview{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.admin-image-preview img{object-fit:cover;border:1px solid #ffffff14;border-radius:16px;width:100px;height:100px}.admin-divider{background:#ffffff14;height:1px;margin:24px 0}.admin-menu-list{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;gap:12px;max-height:50vh;margin-top:24px;padding-right:6px;display:flex;overflow-y:auto}.admin-menu-list::-webkit-scrollbar{width:5px}.admin-menu-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:5px}.admin-menu-item{background:#0000002e;border:1px solid #ffffff12;border-radius:clamp(14px,2vw,22px);justify-content:space-between;align-items:center;gap:14px;padding:clamp(14px,2vw,20px) clamp(16px,2.5vw,24px);transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #00000026}.admin-menu-item:hover{border-color:#ffffff24;transform:translateY(-3px);box-shadow:0 12px 40px #00000059}.admin-menu-item strong{color:#fff;font-size:1rem;font-weight:700}.admin-link{color:var(--brown-light);font-weight:700;text-decoration:none}.admin-link:hover{color:#fff}.new-order-highlight{animation:2s ease-in-out infinite orderPulse;border-color:#c8732a66!important}@keyframes orderPulse{0%,to{box-shadow:0 4px 20px #00000026}50%{box-shadow:0 4px 28px #c8732a4d}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=1200px){.admin-grid{grid-template-columns:1fr}.admin-hero-content{text-align:center;grid-template-columns:1fr}.admin-hero-sub{margin-left:auto;margin-right:auto}.admin-hero-actions{justify-content:center}.admin-list,.admin-menu-list{max-height:none}}@media (width<=960px){.admin-hero{min-height:auto;padding-top:120px;padding-bottom:40px}.admin-hero-card{gap:16px}}@media (width<=768px){.admin-hero{padding-top:100px}.admin-hero-title{font-size:clamp(1.7rem,6vw,2.4rem)}.admin-header .section-title{font-size:clamp(1.4rem,5vw,2rem)}.admin-grid,.admin-header{padding:0 16px}.admin-card{border-radius:18px;padding:20px}.admin-order{border-radius:16px;padding:16px}.admin-filter-group{flex-direction:column}.admin-input,.admin-select{flex:100%;min-width:100%}.admin-row{grid-template-columns:1fr}.admin-actions{flex-direction:column;align-items:stretch;gap:8px}.admin-actions button,.admin-actions .btn-primary,.admin-actions .btn-outline{text-align:center;width:100%;padding:12px 16px}.admin-menu-item{flex-direction:column;align-items:flex-start;gap:12px}.admin-menu-item .admin-actions{flex-direction:row;width:100%}.admin-menu-item .admin-actions button{flex:1}.admin-image-preview img{width:80px;height:80px}}@media (width<=480px){.admin-hero{padding:90px 12px 32px}.admin-hero-title{font-size:1.5rem}.admin-hero-sub{font-size:.88rem}.admin-hero-card{border-radius:18px;padding:16px}.admin-hero-stat strong{font-size:1.2rem}.admin-hero-stat span{font-size:.8rem}.admin-hero-actions{flex-direction:column;align-items:stretch}.admin-hero-actions button{text-align:center;width:100%}.admin-grid,.admin-header{padding:0 12px}.admin-header{margin-top:16px;margin-bottom:16px}.admin-card{border-radius:16px;padding:16px}.admin-card h3{margin-bottom:14px;font-size:1.2rem}.admin-order{border-radius:14px;padding:14px}.admin-order-top strong{font-size:.95rem}.admin-filter-actions{flex-direction:column}.admin-filter-actions button{width:100%}.admin-auth{padding:90px 12px 48px}.admin-auth-card{border-radius:22px;padding:24px 16px}}@media (width<=380px){.admin-hero-title{font-size:1.3rem}.admin-header .section-title{font-size:1.2rem}.admin-card h3{font-size:1.1rem}.admin-order-top{flex-direction:column;gap:8px}.admin-status{align-self:flex-start}}.toast-notification{background:var(--dark-mid);color:#fff;opacity:0;pointer-events:none;z-index:1000;border-radius:50px;align-items:center;gap:12px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px #00000040}.toast-notification.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-icon{background:var(--brown);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}@media (width<=600px){.toast-notification{justify-content:center;width:90%;max-width:340px;bottom:80px}}