@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap');
:root{--b:#211006;--g:#bf7a32;--g2:#f4c178;--c:#fff8ee;--p:#fffdf8;--m:#816548;--l:rgba(163,95,34,.17);--sh:0 28px 80px rgba(58,31,8,.16);--gr:#25d366}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--c);color:var(--b)}
a{text-decoration:none;color:inherit}
.container{width:min(1220px,calc(100% - 42px));margin:auto}
.loader{position:fixed;inset:0;background:var(--b);z-index:9999;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:#ffe0aa;font-weight:900;transition:.4s}
.loader.hide{opacity:0;pointer-events:none}
.loader div,.logo{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--g2),var(--g));display:grid;place-items:center;font-weight:900;color:#2a1404;overflow:hidden}
.loader div{width:90px;height:90px}
.loader img,.logo img{width:100%;height:100%;object-fit:cover}
.top{background:#140803;color:#ffdfad;font-size:14px}
.topin{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.head{position:sticky;top:0;z-index:50;background:rgba(255,248,238,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--l)}
.headin{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:13px}
.brand b{font-size:21px}
.brand small{display:block;color:var(--m);font-weight:800}
nav{display:flex;gap:23px;font-weight:900}
.call{background:var(--b);color:white;border-radius:99px;padding:12px 18px;font-weight:900}
.hamb{display:none;background:var(--b);color:white;border:0;border-radius:12px;padding:11px 14px}

.hero{position:relative;min-height:calc(100vh - 126px);background:#100601;overflow:hidden}
.slides,.slide,.shade{position:absolute;inset:0}
.slide{opacity:0;background-size:cover;background-position:center;transition:opacity .9s ease}
.slide.active{opacity:1}
.shade{background:linear-gradient(90deg,rgba(16,6,1,.96),rgba(16,6,1,.7),rgba(16,6,1,.3))}
.heroIn{position:relative;z-index:2;min-height:calc(100vh - 126px);display:grid;grid-template-columns:1.05fr .55fr;gap:42px;align-items:center;color:white;padding:80px 0}
.heroText span,.label{color:#ffd99d;font-weight:900;text-transform:uppercase;font-size:14px}
.hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:20px 0}
.hero p{font-size:20px;line-height:1.7;color:#ffedd4;max-width:730px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;border-radius:99px;padding:15px 24px;font-weight:900}
.primary{background:linear-gradient(135deg,var(--g2),var(--g));color:#281304}
.ghost{border:1px solid rgba(255,255,255,.3);color:white}
.whats{background:var(--gr);color:white}
.today{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);border-radius:30px;padding:26px}
.today h3{margin-bottom:12px}
.today div{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid rgba(255,255,255,.15);padding:15px 0}
.today small{color:#e6cda8}
.today em{color:#ffd99d;font-style:normal;font-weight:900}
.dots{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent}
.dots .active{background:var(--g2);border-color:var(--g2)}

.quick{margin-top:-45px;position:relative;z-index:3}
.quickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quickgrid div,.card,.review,.food{background:var(--p);border:1px solid var(--l);border-radius:28px;box-shadow:var(--sh)}
.quickgrid div{padding:25px}
.quick b{color:var(--g);font-size:24px}
.quick strong{display:block;font-size:21px;margin:8px 0}
.quick p,.title p,.about p,.food p,.review p{color:var(--m);line-height:1.65}

.section{padding:90px 0}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.photo{height:520px;border-radius:38px;background:url('https://images.unsplash.com/photo-1551218808-94e220e084d2?auto=format&fit=crop&w=1300&q=82') center/cover;box-shadow:var(--sh)}
h2{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:10px 0 15px}
.title{text-align:center;max-width:800px;margin:0 auto 45px}
.menuSec{background:#fff0d9}
.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.tab{border:1px solid var(--l);background:white;color:#65401d;border-radius:99px;padding:12px 18px;font-weight:900;cursor:pointer}
.tab.active{background:var(--b);color:white}
.menugrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.food{overflow:hidden}
.foodimg{height:215px;background-size:cover;background-position:center}
.foodbody{padding:24px}
.foodbody span{background:#fff0d9;color:var(--g);font-weight:900;border-radius:99px;padding:8px 11px;font-size:12px}
.food h3{font-size:23px;margin:18px 0 10px}
.food a{display:inline-flex;margin-top:18px;background:var(--b);color:white;border-radius:99px;padding:10px 14px;font-weight:900}



.gallery{background:#120701;color:white}
.light h2{color:white}
.galgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:240px;gap:18px}
.galgrid button{position:relative;border:0;border-radius:28px;background-size:cover;background-position:center;overflow:hidden;cursor:pointer}
.galgrid .big{grid-row:span 2}

.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review{padding:28px;text-align:left}
.review strong{display:block;font-size:20px;color:#3c210c;margin-bottom:12px}
.review div{color:var(--g);font-size:20px;margin-bottom:14px}
.review p{font-size:16px}

.contactwrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:stretch}
.contactPanel{display:grid;gap:18px}
.contactHero,.contactBox,.hoursCard,.mapPanel{background:var(--p);border:1px solid var(--l);border-radius:30px;box-shadow:var(--sh)}
.contactHero{padding:30px;background:linear-gradient(135deg,#fffdf8,#fff0d9)}
.contactHero span{color:var(--g);font-weight:900;text-transform:uppercase;font-size:13px}
.contactHero h3{font-size:30px;line-height:1.12;margin:10px 0}
.contactHero p{color:var(--m);line-height:1.6}
.contactCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contactBox{padding:20px;text-align:center;transition:.2s}
.contactBox:hover{transform:translateY(-3px)}
.contactBox i{font-style:normal;font-size:28px;display:block;margin-bottom:10px}
.contactBox b{display:block;color:#3c210c}
.contactBox span{display:block;color:var(--m);font-size:13px;margin-top:5px;font-weight:800}
.hoursCard{padding:26px}
.hoursCard h3{font-size:23px;margin-bottom:14px}
.hours div{display:flex;justify-content:space-between;border-bottom:1px solid #eedbc1;padding:9px 0;gap:15px}
.hours span{font-weight:800;color:var(--m)}
.mapPanel{overflow:hidden;min-height:560px}
.mapPanel iframe{border:0;width:100%;height:100%;min-height:560px}

footer{background:#100701;color:#e8ceaa;padding:35px 0}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.float{position:fixed;right:22px;bottom:22px;width:64px;height:64px;border-radius:50%;background:var(--gr);color:white;display:grid;place-items:center;font-size:31px;z-index:99}
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:999;align-items:center;justify-content:center;padding:20px}
.lightbox.active{display:flex}
.lightbox div{position:relative;text-align:center}
.lightbox img{max-width:95vw;max-height:78vh;border-radius:25px}
.lightbox button{position:absolute;right:0;top:-48px;border:0;background:white;border-radius:50%;width:40px;height:40px;font-size:24px}
.lightbox b{display:block;color:white;margin-top:12px}

@media(max-width:1000px){
  .heroIn,.split,.contactwrap{grid-template-columns:1fr}
  .menugrid{grid-template-columns:repeat(2,1fr)}
  .reviewgrid{grid-template-columns:1fr}
  .galgrid{grid-template-columns:1fr 1fr}
  .heroIn{padding:60px 0}
  .mapPanel,.mapPanel iframe{min-height:420px}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1220px)}
  nav{display:none;position:absolute;left:0;right:0;top:84px;background:var(--c);padding:20px;flex-direction:column;box-shadow:0 18px 35px rgba(0,0,0,.12)}
  .navActive{display:flex}
  .hamb{display:block}
  .call{display:none}
  .topin{flex-direction:column;text-align:center;padding:10px 0}
  .quick{margin-top:0;padding-top:18px}
  .quickgrid,.menugrid,.galgrid,.contactCards{grid-template-columns:1fr}
  .galgrid .big{grid-row:span 1}
  .hero p{font-size:17px}
  .today{display:none}
  .foot{flex-direction:column}
  .section{padding:65px 0}
  .track{animation-duration:55s}
  .track div{width:260px;height:175px}
  .slide{transition:opacity .55s ease}
}
@media (prefers-reduced-motion: reduce){
  
  .slide{transition:none}
}