:root{
  --black:#050505;
  --cream:#f3eadc;
  --taupe:#bca78f;
  --olive:#273124;
  --brass:#c7a06a;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial, Helvetica, sans-serif;background:var(--cream);color:var(--black)}
.hero{min-height:92vh;background:radial-gradient(circle at 50% 25%,#333 0,#050505 55%,#000 100%);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 18px}
.logo-mark{font-size:34px;line-height:1;letter-spacing:8px;margin-bottom:12px;color:var(--cream)}
.logo-mark .arrow{font-size:32px;margin:4px 0}
h1{font-size:52px;letter-spacing:15px;line-height:1.15;margin:0;font-weight:500}
.cn{letter-spacing:7px;margin-top:22px;color:var(--taupe)}
.tag{letter-spacing:3px;text-transform:uppercase;margin:28px 0}
button,.order-btn{border:1px solid var(--cream);background:transparent;color:var(--cream);padding:13px 22px;border-radius:999px;text-transform:uppercase;letter-spacing:2px;text-decoration:none}
main{max-width:1100px;margin:auto;padding:28px 18px}
.intro{text-align:center;padding:28px 0}
.intro h2,.menu h2,.grabgo h2,.cart h2{font-family:Georgia,serif;font-size:34px;text-align:center}
.filters{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:20px}
.filters button{color:var(--black);border-color:var(--black);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fffaf1;border:1px solid #e2d5c4;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.drink-art{height:220px;overflow:hidden;background:#1f1a16}
.drink-art img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:18px}
.cat{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#776550}
.card h3{margin:4px 0 8px;font-size:22px}
.card p{line-height:1.5}
.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.price-row button{color:var(--black);border-color:var(--black);padding:9px 15px}
.grab-list{max-width:650px;margin:auto;background:#fffaf1;border:1px solid #e2d5c4;border-radius:20px;padding:18px}
.grab-list div,.cart-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5d8c7;padding:12px 0}
.cart{margin:34px auto;max-width:650px;background:var(--olive);color:var(--cream);padding:22px;border-radius:24px}
.cart h2{text-align:left;margin-top:0}
.cart-line button{border-color:var(--cream);padding:3px 8px}
.total{font-size:24px;margin:18px 0}
.order-btn{display:block;text-align:center;background:var(--cream);color:var(--black)}
.note{font-size:12px;color:#d8cfc5}
footer{text-align:center;padding:26px;color:#776550;font-size:12px;text-transform:uppercase;letter-spacing:2px}
@media(max-width:600px){
 h1{font-size:38px;letter-spacing:9px}
 .hero{min-height:85vh}
 .drink-art{height:210px}
}