
:root{--primary:#ef4444;--secondary:#f97316;--accent:#facc15;--dark:#1c0f0a;--cream:#fff7ed;--ink:#1c0f0a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#1c0f0a;color:#fed7aa;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 0}.nav{position:sticky;top:0;z-index:90;background:rgba(28,15,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.nav .container{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:25px;font-weight:900}.brand-mark{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 15px 35px rgba(239,68,68,.28)}.menu{display:flex;gap:22px;align-items:center;color:#fff7ed;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900;box-shadow:0 18px 35px rgba(239,68,68,.25);cursor:pointer}.btn.light{background:white;color:var(--primary)}.mobile-toggle{display:none;background:var(--primary);color:white;border:0;border-radius:12px;padding:10px 13px;font-weight:900}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(250,204,21,.22),transparent 28%),linear-gradient(135deg,#1c0f0a,#3b140c 45%,#7f1d1d);color:white}.hero .container{min-height:720px;display:grid;grid-template-columns:1fr .98fr;gap:45px;align-items:center}.badge{display:inline-flex;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:999px;padding:10px 16px;color:#fed7aa;font-weight:900;margin-bottom:18px}.hero h1{font-size:82px;line-height:.92;margin:0 0 20px;letter-spacing:-3px}.hero h1 span{color:var(--accent)}.hero p{font-size:22px;line-height:1.65;color:#ffedd5;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.dish-stage{position:relative;min-height:540px}.plate{position:absolute;right:0;top:40px;width:520px;height:520px;border-radius:50%;background:linear-gradient(135deg,#fff,#fed7aa);box-shadow:0 40px 100px rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center}.plate:before{content:"";position:absolute;inset:36px;border:2px dashed rgba(124,45,18,.18);border-radius:50%}.food-photo{position:relative;width:420px;height:420px;border-radius:50%;background:center/cover no-repeat;box-shadow:inset 0 0 0 12px rgba(255,255,255,.55)}.menu-float{position:absolute;left:0;bottom:24px;background:rgba(255,255,255,.93);color:#1c0f0a;border-radius:28px;padding:22px;width:310px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.menu-float h3{margin:0 0 8px;font-size:25px}.menu-float p{margin:0;color:#7c2d12;font-size:15px}.section{padding:88px 0}.section-title{text-align:center;margin-bottom:42px}.section-title span{color:var(--primary);font-weight:900;letter-spacing:1px;text-transform:uppercase}.section-title h2{font-size:46px;margin:10px 0 0}.quick-cats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}.cat-pill{border:1px solid #fed7aa;background:white;border-radius:999px;padding:11px 16px;font-weight:900;color:#7c2d12}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.food-card{background:white;border:1px solid #fed7aa;border-radius:28px;overflow:hidden;box-shadow:0 16px 45px rgba(124,45,18,.07)}.food-img{height:210px;background:center/cover no-repeat;position:relative}.food-badge{position:absolute;left:16px;top:16px;background:var(--accent);color:#1c0f0a;border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px}.food-body{padding:20px}.food-body h3{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:22px}.price{color:var(--primary);font-weight:900}.food-body p{color:#64748b;line-height:1.6;margin:0}.about{background:#1c0f0a;color:white}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}.about h2{font-size:46px;margin:0 0 16px}.about p{color:#ffedd5;line-height:1.8;font-size:18px}.hours-card{background:linear-gradient(135deg,#7f1d1d,#f97316);border-radius:32px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.hours-card h3{font-size:30px;margin:0 0 14px}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:240px;gap:18px}.gallery-item{border-radius:28px;background:center/cover no-repeat;position:relative;overflow:hidden;cursor:pointer}.gallery-item:first-child{grid-row:span 2}.gallery-item:after{content:attr(data-title);position:absolute;left:18px;bottom:18px;background:rgba(28,15,10,.76);color:white;border-radius:999px;padding:9px 13px;font-weight:900}.reviews{background:#fff}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.review{background:#fff7ed;border:1px solid #fed7aa;border-radius:28px;padding:26px}.stars{color:#f59e0b;font-size:24px}.footer-reserve{background:#1c0f0a;color:white;padding:80px 0 0}.footer-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start}.footer-info{background:linear-gradient(135deg,#3b140c,#7f1d1d);border-radius:32px;padding:30px}.footer-info p{color:#ffedd5;line-height:1.7}.map-box{height:180px;border-radius:22px;overflow:hidden;background:#111827;margin-top:18px}.map-box iframe{width:100%;height:100%;border:0}.reserve-form{background:#fff7ed;color:#1c0f0a;border-radius:32px;padding:30px;border:1px solid #fed7aa;box-shadow:0 25px 70px rgba(0,0,0,.22)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reserve-form label{display:block;font-weight:900;color:#7f1d1d;margin:13px 0 7px}.reserve-form input,.reserve-form textarea,.reserve-form select{width:100%;border:1px solid #fed7aa;border-radius:16px;padding:14px;background:white;font-size:15px}.reserve-form textarea{height:120px}.footer-bottom{margin-top:54px;padding:24px 0;border-top:1px solid rgba(255,255,255,.12);color:#fed7aa;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:86vh;border-radius:18px}.lightbox button{position:absolute;right:24px;top:24px;border:0;border-radius:999px;background:white;color:#111;padding:12px 16px;font-weight:900}
@media(max-width:1000px){.hero .container,.about-grid,.footer-wrap{grid-template-columns:1fr}.plate{position:relative;margin:auto}.menu-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}}@media(max-width:720px){.mobile-toggle{display:block}.menu{display:none;position:absolute;left:4%;right:4%;top:78px;background:#1c0f0a;border-radius:20px;padding:18px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero h1{font-size:43px}.plate{width:330px;height:330px}.food-photo{width:260px;height:260px}.menu-float{position:relative;width:auto;margin-top:16px}.dish-stage{min-height:auto}.menu-grid,.review-grid,.form-row,.gallery-grid{grid-template-columns:1fr}.gallery-item:first-child{grid-row:auto}.section{padding:66px 0}}

/* v1.1 restaurant slider upgrade */
.hero-slider{position:relative;background:#1c0f0a}
.hero-bg-slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity 1.1s ease,transform 5s ease;transform:scale(1.04)}
.hero-bg-slide.active{opacity:.42;transform:scale(1)}
.hero-slider:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(28,15,10,.96),rgba(59,20,12,.74),rgba(127,29,29,.36));pointer-events:none}
.hero-slider .container{position:relative;z-index:2}
.hero-mini-dots{display:flex;gap:8px;margin-top:24px}
.hero-mini-dot,.menu-dot{width:12px;height:12px;border-radius:99px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.2);cursor:pointer}
.hero-mini-dot.active,.menu-dot.active{background:var(--accent);width:34px}
.specials-section{background:#fff7ed}
.menu-slider{position:relative;background:#1c0f0a;border-radius:36px;overflow:hidden;min-height:440px;box-shadow:0 30px 90px rgba(124,45,18,.18)}
.menu-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .95fr;opacity:0;transition:opacity .75s ease}
.menu-slide.active{opacity:1;position:relative}
.menu-slide-img{min-height:440px;background:center/cover no-repeat}
.menu-slide-info{padding:54px;color:white;display:flex;flex-direction:column;justify-content:center}
.menu-slide-info h3{font-size:44px;line-height:1;margin:18px 0 8px}
.menu-slide-info h2{font-size:52px;color:var(--accent);margin:0 0 14px}
.menu-slide-info p{color:#ffedd5;line-height:1.7;font-size:18px;max-width:520px}
.menu-slider-dots{position:absolute;left:54px;bottom:28px;display:flex;gap:8px}
.qr-section{background:linear-gradient(135deg,#1c0f0a,#7f1d1d);color:white}
.qr-wrap{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:28px}
.qr-wrap h2{font-size:46px;margin:18px 0 12px}
.qr-wrap p{font-size:20px;color:#ffedd5;line-height:1.7}
.qr-card{background:white;color:#1c0f0a;border-radius:30px;padding:24px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.fake-qr{width:150px;height:150px;margin:0 auto 14px;background:
linear-gradient(90deg,#000 10px,transparent 10px) 0 0/24px 24px,
linear-gradient(#000 10px,transparent 10px) 0 0/24px 24px,#fff;border:10px solid #fff;box-shadow:inset 0 0 0 6px #111;border-radius:10px}
.qr-card strong{display:block;font-size:24px}
.qr-card small{display:block;color:#64748b;margin-top:6px}
.sticky-reserve{position:fixed;right:22px;bottom:22px;z-index:1200;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900;border-radius:999px;padding:15px 22px;box-shadow:0 20px 45px rgba(239,68,68,.35)}
@media(max-width:900px){.menu-slide{grid-template-columns:1fr}.menu-slide-img{min-height:260px}.qr-wrap{grid-template-columns:1fr}.menu-slide-info{padding:34px}.menu-slider{min-height:auto}.menu-slider-dots{left:34px}}
