:root{--cream:#f6efe6;--coffee-dark:#3b2a22;--coffee-medium:#6b4f3b;--coffee-light:#7b5a42;--sage:#8a9b7a;--accent:#c8a96a;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-sans);background:radial-gradient(#00000005 1px, transparent 1px), linear-gradient(var(--cream), var(--cream));color:var(--text);-webkit-font-smoothing:antialiased;background-size:18px 18px,100%;margin:0;line-height:1.5}.section-divider{background:var(--accent);opacity:.9;border-radius:999px;width:60px;height:3px;margin:18px 0 28px}.nav-link{border-radius:8px;padding:6px 8px;transition:transform .2s,background .2s,color .2s;display:inline-block;position:relative}.nav-link:hover{color:var(--coffee-medium);background:#c8a96a1f;transform:translateY(-3px)}.nav-link:after{content:"";background:var(--accent);width:0%;height:2px;transition:width .25s;position:absolute;bottom:2px;left:10%}.nav-link:hover:after{width:80%}.cart-btn{background:var(--coffee-medium);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 14px;transition:transform .2s,box-shadow .2s,background .2s;position:relative;box-shadow:0 6px 14px #0000001f}.cart-btn:hover{background:var(--coffee-light);transform:translateY(-3px);box-shadow:0 10px 22px #0000002e}.cart-btn:active{transform:translateY(-1px)scale(.98);box-shadow:0 6px 12px #00000026}.steam-container{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translate(-20px)}.steam-container:before,.steam-container:after,.steam-container span{content:"";filter:blur(24px);opacity:0;background:#ffffff73;border-radius:50%;width:80px;height:220px;animation:6.5s ease-in-out infinite steamRise;position:absolute;bottom:35%;box-shadow:0 0 50px #ffffff47}.steam-container:before{width:70px;height:210px;animation-delay:0s;left:38%}.steam-container span{width:60px;height:200px;animation-delay:1.8s;left:50%;transform:translate(-50%)}.steam-container:after{width:90px;height:240px;animation-delay:3.6s;left:56%}@keyframes steamRise{0%{opacity:0;transform:translate(0)scale(.9)}10%{opacity:.55}30%{opacity:.4;transform:translate(-10px,-60px)scale(1.05)}55%{opacity:.28;transform:translate(8px,-160px)scale(1.15)}80%{opacity:.12;transform:translate(-6px,-260px)scale(1.3)}to{opacity:0;transform:translate(4px,-340px)scale(1.45)}}.section{padding:60px 0}.container{width:92%;max-width:1100px;margin:auto}h1,h2,h3{font-family:var(--font-serif);margin:0}p{opacity:.9;line-height:1.6}a{color:var(--text);opacity:.8;text-decoration:none;transition:all .2s}a:hover{opacity:1;color:var(--coffee-medium)}.btn{background:var(--coffee-medium);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 14px #0000001f}.btn:hover{background:var(--coffee-light);transform:translateY(-2px);box-shadow:0 10px 20px #0000002e}.btn:active{transform:scale(.98)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:all .25s;overflow:hidden;box-shadow:0 6px 18px #0000000f}.card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0000001f}@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.95)}70%{transform:scale(1.15)}to{transform:scale(1)}}.cart-bounce{animation:.45s cartBounce}.modal-sheet{animation:.25s ease-out slideUp}@keyframes slideUp{0%{opacity:.85;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hamburger{cursor:pointer;color:#3b2a22;background:0 0;border:none;font-size:26px;display:none}.nav-links{align-items:center;gap:16px;display:flex}@media (width<=460px){.nav-links{display:none!important}.hamburger{display:block}}.mobile-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#f6efe6eb;border-left:1px solid #e7ddd3;flex-direction:column;width:300px;height:100vh;padding:18px;animation:.28s forwards slideInDrawer;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-10px 0 35px #0000002e}.mobile-drawer:before{content:"";z-index:0;background:linear-gradient(#0000 60%,#3b2a2214);position:absolute;inset:0}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:20px;font-family:Playfair Display,serif;font-size:1.2rem;display:flex}.drawer-links{flex-direction:column;gap:14px;display:flex}.drawer-links a{border-radius:10px;padding:10px;font-size:1.05rem;transition:all .2s}.drawer-links a:hover{background:#6b4f3b14;transform:translate(4px)}.drawer-header,.drawer-links,.drawer-cart{z-index:2;position:relative}.drawer-cart{color:#fff;cursor:pointer;background:#6b4f3b;border:none;border-radius:999px;margin-top:auto;padding:12px;font-weight:500;transition:all .2s;box-shadow:0 8px 18px #00000026}.drawer-cart:hover{background:#7b5a42;transform:translateY(-2px)}.drawer-close{color:#3b2a22;cursor:pointer;background:#6b4f3b14;border:1px solid #6b4f3b26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:500;transition:all .2s;display:flex}.drawer-close:hover{background:#6b4f3b26;transform:rotate(90deg)scale(1.05);box-shadow:0 6px 14px #0000001f}.drawer-close:active{transform:rotate(90deg)scale(.95)}.drawer-steam{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.drawer-steam-blob{filter:blur(22px);opacity:0;background:radial-gradient(circle,#f3dfdf8c 0%,#c5963959 45%,#69442a26 70%,#0000 80%);border-radius:50%;width:90px;height:240px;animation:7.2s ease-in-out infinite drawerSteamFloat;position:absolute;bottom:50%}.drawer-steam-blob.s1{width:60px;height:170px;animation-delay:0s;left:26%}.drawer-steam-blob.s2{width:100px;height:260px;animation-delay:2.4s;left:50%;transform:translate(-50%)}.drawer-steam-blob.s3{width:70px;height:200px;animation-delay:4.8s;left:72%}@keyframes drawerSteamFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(.9)}15%{opacity:.75}35%{opacity:.5;transform:translateY(-120px)translate(-10px)scale(1.05)}60%{opacity:.2;transform:translateY(-240px)translate(12px)scale(1.15)}85%{opacity:.08;transform:translateY(-340px)translate(-8px)scale(1.3)}to{opacity:0;transform:translateY(-420px)translate(6px)scale(1.45)}}