@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--red:#ef3b24;--ink:#0b0b0c;--ink2:#171719;--cream:#f7f1e8;--paper:#fffaf3;--muted:#716c67;--line:rgba(20,20,20,.12);--radius:24px;--shadow:0 22px 55px rgba(18,12,8,.14)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;background:#fff;color:#111;padding:12px 18px;z-index:9999;border-radius:8px}.skip-link:focus{top:12px}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(20px,5vw,76px);background:rgba(10,10,11,.96);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 8px 30px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--red);font:900 24px/1 'Barlow Condensed';transform:rotate(-4deg);box-shadow:5px 5px 0 rgba(255,255,255,.13)}.brand-text{font:800 23px/1 'Barlow Condensed';letter-spacing:.8px}.brand-text span{color:var(--red)}.nav{display:flex;align-items:center;gap:6px}.nav a{font-size:13px;font-weight:700;padding:12px 14px;border-radius:999px;transition:.2s}.nav a:hover,.nav a.active{background:rgba(255,255,255,.1)}.header-phone{display:flex;align-items:center;gap:10px;background:var(--red);padding:10px 16px;border-radius:999px;font-weight:800;white-space:nowrap;transition:.2s}.header-phone:hover{background:#ff4c34;transform:translateY(-1px)}.header-phone svg{width:18px;fill:currentColor}.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;width:44px;height:44px;border-radius:12px;font-size:0;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:20px;height:2px;background:#fff;margin:5px auto}
.hero{min-height:calc(100svh - 82px);position:relative;display:grid;align-items:center;background:#0b0b0c;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.97),rgba(5,5,6,.78) 44%,rgba(5,5,6,.15)),url('../images/kebab-hero.jpg') center/cover no-repeat;z-index:-2}.hero:after{content:"";position:absolute;right:-12%;bottom:-60%;width:700px;height:700px;border-radius:50%;background:var(--red);filter:blur(150px);opacity:.22;z-index:-1}.hero-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:90px 0}.kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;color:#ff725e}.kicker:before{content:"";width:28px;height:3px;background:currentColor;border-radius:4px}.hero h1,.page-hero h1,h2{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;line-height:.92}.hero h1{max-width:780px;margin:20px 0 24px;color:#fff;font-size:clamp(64px,10vw,132px);font-weight:900;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--red);text-shadow:6px 6px 0 rgba(239,59,36,.18)}.hero-copy{max-width:650px;font-size:clamp(16px,1.7vw,21px);color:#ddd}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:13px 22px;border-radius:14px;font-weight:800;transition:.22s;border:1px solid transparent}.btn svg{width:20px;fill:currentColor}.btn-primary{background:var(--red);color:#fff;box-shadow:0 11px 28px rgba(239,59,36,.3)}.btn-primary:hover{background:#ff5039;transform:translateY(-2px)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}.btn-ghost:hover{background:#fff;color:#111}.hero-details{display:flex;gap:30px;flex-wrap:wrap;margin-top:42px;color:#fff}.hero-detail{display:flex;gap:10px;align-items:center}.hero-detail span{display:block;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:1.3px}.hero-detail strong{display:block;font-size:14px}.hero-detail i{font-style:normal;font-size:24px}
.section{padding:clamp(72px,9vw,120px) clamp(20px,6vw,90px)}.section-inner{width:min(1180px,100%);margin:auto}.section-heading{max-width:720px;margin-bottom:48px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(44px,7vw,76px);font-weight:900;margin:14px 0 17px}.section-heading p{color:var(--muted);font-size:17px}.intro-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(40px,7vw,95px);align-items:center}.intro-copy h2{font-size:clamp(48px,7vw,80px);margin:15px 0 25px}.intro-copy>p{color:var(--muted);font-size:17px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0}.check-list div{display:flex;align-items:center;gap:10px;font-weight:700}.check-list span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffe1dc;color:var(--red);font-size:13px}.photo-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:500px;background:#201914 url('../images/kebab-spread.jpg') center/cover no-repeat}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 52%)}.photo-badge{position:absolute;z-index:2;left:24px;bottom:24px;background:#fff;padding:17px 19px;border-radius:16px}.photo-badge strong{display:block;font:800 27px/1 'Barlow Condensed';text-transform:uppercase}.photo-badge span{font-size:12px;color:var(--muted)}
.dark-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.menu-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.menu-card{background:linear-gradient(145deg,#1c1c20,#121214);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:30px;transition:.25s}.menu-card:hover{transform:translateY(-5px);border-color:rgba(239,59,36,.6)}.menu-icon{font-size:48px;margin-bottom:26px}.menu-card h3{font:800 31px/1 'Barlow Condensed';text-transform:uppercase;margin-bottom:12px}.menu-card p{color:#aaa;font-size:14px}.menu-card a{display:inline-block;margin-top:22px;color:#ff6b55;font-weight:800;font-size:13px}.dark-section .section-heading p{color:#aaa}.center-action{text-align:center;margin-top:42px}
.order-strip{background:var(--red);color:#fff}.order-strip .section-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px 0}.order-strip h2{font-size:clamp(42px,6vw,68px);margin-bottom:7px}.order-strip p{opacity:.86}.order-number{display:flex;align-items:center;gap:14px;font:800 clamp(22px,3vw,34px)/1 'Barlow Condensed';white-space:nowrap;background:#fff;color:#111;padding:17px 23px;border-radius:18px;box-shadow:0 13px 35px rgba(92,17,8,.22)}.order-number svg{width:25px;fill:var(--red)}
.page-hero{padding:clamp(72px,9vw,115px) 20px;text-align:center;color:#fff;background:radial-gradient(circle at 72% 20%,rgba(239,59,36,.23),transparent 28%),#0c0c0e}.page-hero h1{font-size:clamp(58px,9vw,100px);font-weight:900;margin:18px 0}.page-hero p:last-child{max-width:660px;margin:auto;color:#b9b9bd}.page-hero .kicker{justify-content:center}.page-hero .kicker:before{display:none}.delivery-grid,.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,54px);box-shadow:0 15px 40px rgba(26,18,12,.07)}.panel h2{font-size:clamp(42px,5vw,62px);margin:15px 0 20px}.panel>p{color:var(--muted);margin-bottom:28px}.big-icon{font-size:58px}.info-stack{display:grid;gap:15px}.info-card{display:flex;align-items:flex-start;gap:15px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.info-card i{font-style:normal;font-size:26px}.info-card b,.info-card span{display:block}.info-card b{font-size:14px}.info-card span{color:var(--muted);font-size:13px;margin-top:3px}.notice{margin-top:22px;padding:16px 18px;border-radius:14px;background:#fff2d9;color:#67501e;font-size:13px}
.menu-page{width:min(1000px,100%);margin:auto}.menu-alert{display:flex;gap:14px;align-items:flex-start;background:#fff2d9;border:1px solid #eed398;border-radius:17px;padding:18px 20px;margin-bottom:32px;color:#59461d;font-size:13px}.menu-alert strong{display:block}.menu-category{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,40px);margin-bottom:22px;box-shadow:0 12px 32px rgba(26,18,12,.05)}.menu-category h2{font-size:38px;padding-bottom:18px;border-bottom:3px solid var(--red);display:flex;align-items:center;gap:12px}.menu-item{display:flex;justify-content:space-between;gap:25px;padding:22px 2px;border-bottom:1px solid var(--line)}.menu-item:last-child{border-bottom:0;padding-bottom:2px}.menu-item h3{font-size:17px;margin-bottom:4px}.menu-item p{font-size:13px;color:var(--muted)}.menu-item strong{color:var(--red);white-space:nowrap}.menu-footer{text-align:center;padding:28px;background:var(--ink);color:#fff;border-radius:20px;margin-top:28px}.menu-footer a{color:#ff6d58;font-weight:800}
.contact-main h2{font-size:58px;margin-bottom:20px}.contact-row{display:flex;gap:17px;padding:21px 0;border-bottom:1px solid var(--line)}.contact-row i{font-style:normal;font-size:25px}.contact-row b,.contact-row span,.contact-row a{display:block}.contact-row b{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.contact-row a{font-weight:800;color:var(--red)}.map-wrap{min-height:470px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#ddd}.map-wrap iframe{width:100%;height:100%;min-height:470px;border:0}.map-link{display:inline-flex;margin-top:22px;color:var(--red);font-weight:800}
.floating-call{display:none;position:fixed;left:14px;bottom:14px;z-index:200;width:54px;height:54px;border-radius:50%;background:var(--red);color:#fff;align-items:center;justify-content:center;box-shadow:0 7px 24px rgba(239,59,36,.46)}.floating-call svg{width:24px;fill:currentColor}.floating-call:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red);animation:pulse 2.2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.7}75%,100%{transform:scale(1.55);opacity:0}}footer{background:#080809;color:#aaa;padding:48px clamp(20px,6vw,90px)}.footer-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.footer-brand strong{display:block;color:#fff;font:800 28px/1 'Barlow Condensed';text-transform:uppercase}.footer-brand span{display:block;margin-top:10px;font-size:13px}.footer-links{display:flex;gap:20px;font-size:13px}.copyright{font-size:12px;margin-top:18px;text-align:right}
@media(max-width:980px){.header-phone{display:none}.nav{gap:0}.photo-card{min-height:440px}}@media(max-width:760px){.site-header{height:68px;padding:0 16px}.brand-mark{width:39px;height:39px}.brand-text{font-size:20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:#0c0c0e;padding:14px 16px 20px}.nav.open{display:flex}.nav a{padding:14px}.hero{min-height:calc(100svh - 68px)}.hero:before{background:linear-gradient(0deg,rgba(5,5,6,.96),rgba(5,5,6,.55)),url('../images/kebab-hero.jpg') 62% center/cover no-repeat}.hero-inner{padding:70px 0 80px}.hero h1{font-size:clamp(62px,20vw,90px)}.hero-copy{font-size:16px}.hero-actions{display:grid}.btn{width:100%}.hero-details{gap:17px}.hero-detail{width:100%}.intro-grid,.delivery-grid,.contact-grid{grid-template-columns:1fr}.check-list,.menu-cards{grid-template-columns:1fr}.photo-card{min-height:390px}.order-strip .section-inner{display:block;padding:38px 20px}.order-number{margin-top:25px;width:100%;justify-content:center}.map-wrap,.map-wrap iframe{min-height:360px}.floating-call{display:flex}.footer-inner{display:block}.footer-links{flex-wrap:wrap;margin-top:25px}.copyright{text-align:left}.section{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
