:root{--brown:#4b2415;--brown2:#6d371d;--cream:#fbf2e4;--gold:#d8a45d;--text:#40271c;--line:#eadbc7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fffdf9}.topbar{background:var(--brown);color:#fff;text-align:center;padding:9px;font-size:13px;letter-spacing:.3px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fffdf9;position:sticky;top:0;z-index:20;border-bottom:1px solid #f1e7d9}.brand{color:var(--brown);text-decoration:none;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.brand span{grid-row:1/3;font-size:27px}.brand b{font-family:Georgia,serif;font-size:29px;line-height:24px}.brand small{font-size:11px;letter-spacing:1px}nav{display:flex;gap:32px}nav a{color:var(--text);text-decoration:none;font-weight:600;font-size:14px}.actions{display:flex;gap:8px}.actions button,.pay{border:1px solid var(--line);background:#fff;padding:11px 15px;border-radius:22px;color:var(--brown);cursor:pointer}.actions strong{background:var(--brown);color:white;border-radius:20px;padding:3px 7px;margin-left:4px}.hero{position:relative;overflow:hidden;background:#ead8c2}.slides{height:min(40vw,640px);min-height:350px}.slide{position:absolute;inset:0;opacity:0;transition:.5s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.arrow{position:absolute;top:48%;width:44px;height:44px;border:0;border-radius:50%;background:#fff9;color:var(--brown);font-size:30px;cursor:pointer}.prev{left:20px}.next{right:20px}.dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dots button{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid white;background:#ffffff66}.dots button.active{background:white}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 5%;border-bottom:1px solid var(--line);background:#fff}.benefits div{display:flex;flex-direction:column;gap:5px;text-align:center}.benefits b{font-size:14px}.benefits span{font-size:12px;color:#876d5e}.section{padding:85px 5%;max-width:1500px;margin:auto;text-align:center}.eyebrow{color:#a26c3b;font-size:12px;font-weight:800;letter-spacing:2px}.section h1,.how h2,.about h2,.modal h2,.drawer h2{font-family:Georgia,serif;font-size:42px;margin:8px 0 12px;color:var(--brown)}.lead{color:#80685a;margin-bottom:42px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#fff;border:1px solid #efe3d3;border-radius:24px;overflow:hidden;text-align:left;box-shadow:0 12px 40px #5a2d1510;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:0 18px 50px #5a2d1520}.product .pic{height:390px;background:#fbf2e4;overflow:hidden}.product img{width:100%;height:100%;object-fit:cover}.product .info{padding:22px}.product h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px}.product p{font-size:13px;color:#816b5e;min-height:36px}.price{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price b{font-size:22px}.primary{background:var(--brown);color:white;border:0;border-radius:25px;padding:13px 20px;font-weight:700;cursor:pointer}.wide{width:100%;font-size:15px}.how{background:var(--cream);padding:80px 7%;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.steps p{display:flex;align-items:center;gap:20px;border-top:1px solid #dcc6ad;padding:20px 0;margin:0}.steps b{font-family:Georgia,serif;font-size:30px;color:#b17c49}.quote{background:var(--brown);color:#f9e8ce;padding:70px 45px;border-radius:30px;font-family:Georgia,serif;font-size:30px;line-height:1.4}.about{padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about p{line-height:1.8}.flavors{font-family:Georgia,serif;font-size:28px;line-height:1.8;color:#815231}footer{background:#2f180f;color:#ead7c1;padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.foot{color:#fff}.overlay{position:fixed;inset:0;background:#1e100aaa;z-index:40;opacity:0;pointer-events:none;transition:.25s}.overlay.show{opacity:1;pointer-events:auto}.drawer,.modal{position:fixed;background:#fffdf9;z-index:50;box-shadow:0 20px 80px #0004}.drawer{right:-470px;top:0;width:min(450px,100%);height:100%;padding:35px;transition:.3s;overflow:auto}.drawer.show{right:0}.modal{display:none;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,92%);max-height:90vh;overflow:auto;padding:38px;border-radius:24px}.modal.show{display:block}.checkout{width:min(1000px,94%)}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px;cursor:pointer;color:#6a4a38}label{display:block;font-size:12px;font-weight:700;margin:12px 0}input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #dfd0bd;border-radius:10px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{font-size:12px;text-align:center;color:#8d7668}.cartItem{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.cartItem img{width:70px;height:90px;object-fit:cover;border-radius:10px}.cartItem h4{margin:0 0 7px}.qty{display:flex;gap:8px;align-items:center}.qty button{width:27px;height:27px;border:1px solid var(--line);background:white;border-radius:50%}.remove{border:0;background:none;color:#9c5b3e;cursor:pointer}.cartTotal{display:flex;justify-content:space-between;font-size:20px;padding:25px 0}.checkoutGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:35px}.paytabs{display:flex;gap:10px;margin:12px 0}.pay.active{background:var(--brown);color:white}.pixbox{height:100px;display:grid;place-items:center;font-size:55px;background:#f7ecdd;border-radius:12px}.summary{background:#f7ecdd;padding:22px;border-radius:18px}.summary p{display:flex;justify-content:space-between}.summary small{color:#846e60}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#2f180f;color:white;padding:13px 20px;border-radius:25px;z-index:80;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){header nav{display:none}.hero .slides{height:56vw;min-height:280px}.products{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.how,.about,.checkoutGrid{grid-template-columns:1fr}.quote{padding:40px}.product .pic{height:320px}footer{flex-direction:column;text-align:center}}@media(max-width:600px){header{padding:0 3%;height:70px}.brand small,.actions #loginBtn{display:none}.brand b{font-size:24px}.slides{height:62vw!important;min-height:230px!important}.arrow{width:36px;height:36px}.products{grid-template-columns:1fr}.section{padding:60px 5%}.section h1,.how h2,.about h2{font-size:34px}.benefits{gap:12px}.product .pic{height:390px}.two{grid-template-columns:1fr}}