/* ═══════════════════════════════════════
   BASE — Reset, Variables, Shared Utilities
═══════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --black:#0e0c08;--dark-wood:#1e1508;--wood:#3b2a10;
  --gold:#f0b429;--gold-light:#f7d060;
  --green:#1a6b2f;--green-dark:#0d4019;
  --cream:#f5ead6;--muted:#b8a070;--dim:#6b5530;
  --red:#c0392b;
}

html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--dark-wood);color:var(--cream);overflow-x:hidden}
.page{display:none;min-height:100vh}
.page.active{display:block}

/* Buttons */
.btn{font-family:'Cinzel',serif;font-size:11px;letter-spacing:3px;padding:14px 32px;text-decoration:none;text-transform:uppercase;display:inline-block;transition:all .25s;cursor:pointer;border:none}
.btn-gold{background:var(--gold);color:var(--black)}
.btn-gold:hover{background:var(--gold-light)}
.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn-outline:hover{background:var(--gold);color:var(--black)}

/* Shared section utilities */
.section-label{font-size:10px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}
.section-divider{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:20px 0 32px}
.placeholder-label{font-family:'Cinzel',serif;font-size:13px;letter-spacing:5px;color:rgba(240,180,41,0.5);text-align:center;position:relative;z-index:2}

/* Delivery badges */
.badge{font-family:'Cinzel',serif;font-size:10px;letter-spacing:2px;padding:6px 14px;text-transform:uppercase;font-weight:700;border-radius:2px}
.badge-uber{background:#06C167;color:#000}
.badge-door{background:#FF3008;color:#fff}
.delivery-logo{height:36px;width:auto;display:inline-block;vertical-align:middle}

/* Keyframes */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}