@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0c0b;color:#f5efe5;font-family:Cairo,Arial,sans-serif}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #292522;position:sticky;top:0;background:#0d0c0bf2;backdrop-filter:blur(10px);z-index:5}.logo{color:#f5efe5;text-decoration:none;font:600 25px "Playfair Display",serif;letter-spacing:2px}.logo span{display:block;font:9px Cairo;letter-spacing:4px;text-align:center;color:#b9a27a}.cart-btn{background:none;border:1px solid #6d5b3f;color:#f5efe5;border-radius:30px;padding:9px 17px;cursor:pointer}.cart-btn b{background:#b79a68;color:#111;padding:2px 7px;border-radius:50%;margin-right:5px}.hero{min-height:75vh;padding:12vh 9%;display:flex;align-items:center;background:radial-gradient(circle at 75% 35%,#3b3020 0,#171310 32%,#0d0c0b 65%)}.hero>div{max-width:620px}.eyebrow{font-size:11px;letter-spacing:4px;color:#b79a68}.hero h1{font:600 clamp(48px,8vw,88px)/1.05 "Playfair Display",serif;margin:15px 0}.hero h1 em{color:#c8ab78}.lead{color:#c8c0b5;max-width:520px;line-height:2}.cta{display:inline-block;margin-top:25px;background:#b79a68;color:#111;text-decoration:none;border:0;padding:13px 25px;border-radius:2px;font-weight:700;cursor:pointer}.section{padding:90px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section h2,.about h2{font:600 45px "Playfair Display",serif;margin:8px 0}.section-head>p{color:#aaa}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#151311;border:1px solid #28231e;padding:16px}.bottle{height:330px;background:linear-gradient(145deg,#25201a,#0f0e0d);display:grid;place-items:center;font:600 30px "Playfair Display",serif;color:#c7ab78}.card h3{font-size:21px;margin:18px 0 4px}.card p{color:#aaa;font-size:14px;min-height:44px}.price{color:#c8ab78;font-weight:700}.add{width:100%;margin-top:15px;background:transparent;border:1px solid #6d5b3f;color:#f5efe5;padding:11px;cursor:pointer}.about{padding:100px 9%;background:#161310}.about>div{max-width:650px}.about p:last-child{color:#bbb;line-height:2}footer{text-align:center;padding:35px;color:#777;border-top:1px solid #292522}.drawer{position:fixed;right:-430px;top:0;width:min(430px,100%);height:100%;background:#12100e;z-index:10;padding:25px;transition:.3s;overflow:auto}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{background:none;color:#fff;border:0;font-size:30px;cursor:pointer}.item{display:flex;justify-content:space-between;border-bottom:1px solid #292522;padding:15px 0}.item button{background:none;color:#c8ab78;border:0;cursor:pointer}.total{font-size:20px;margin:25px 0;color:#c8ab78}form{display:grid;gap:10px}input,textarea{background:#1d1a17;border:1px solid #332d27;color:#fff;padding:13px;font-family:inherit}textarea{min-height:90px}.full{width:100%;margin:0}.overlay{display:none;position:fixed;inset:0;background:#0008;z-index:9}.overlay.show{display:block}@media(max-width:750px){.grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:10px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.hero{min-height:70vh;padding:10vh 7%}}