:root{--bg:#101010;--panel:#171717;--panel2:#1d1d1d;--text:#f5f2ec;--muted:#aaa59d;--accent:#d6a24a;--line:#2b2b2b;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(16,16,16,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand img{height:55px;width:auto}.main-nav{display:flex;align-items:center;gap:21px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.main-nav>a:hover{color:var(--accent)}.nav-order{background:var(--accent);color:#111!important;padding:10px 16px}.cart-link span{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:var(--accent);color:#111;font-size:11px;margin-left:3px}.lang-switch{display:flex;border:1px solid var(--line)}.lang-switch a{padding:5px 8px}.lang-switch .active{background:var(--accent);color:#111}.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:27px}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-start;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.48)),url('../images/restaurant.jpeg') center/cover}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:start;padding-top:28px}.hero-copy{padding:0}.eyebrow{margin:0 0 14px;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.hero h1,.page-hero h1,.success-box h1{font-family:'Playfair Display',serif;font-size:clamp(58px,8vw,108px);line-height:.95;margin:0 0 24px;letter-spacing:-.045em}.hero h1 em{color:var(--accent);font-style:normal}.lead{font-size:19px;color:#ddd;max-width:610px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;cursor:pointer}.btn-primary{background:var(--accent);color:#111}.btn-primary:hover{background:#edc171;border-color:#edc171}.btn-light{background:transparent;color:var(--text);border-color:#777}.btn-light:hover{border-color:var(--accent);color:var(--accent)}.open-pill{display:inline-block;margin-top:24px;padding:7px 12px;border:1px solid rgba(255,255,255,.15);color:#d4d0c8;font-size:12px}.open-pill:first-letter{color:var(--accent)}.hero-card{border:1px solid rgba(255,255,255,.12);padding:12px;background:rgba(0,0,0,.3);transform:rotate(2deg)}.hero-card img{aspect-ratio:1/1;object-fit:cover}.section{padding:105px 0}.intro{background:#f0ece4;color:#171717}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.two-col h2,.section h2{font-family:'Playfair Display',serif;font-size:clamp(40px,5vw,66px);line-height:1.02;margin:0;letter-spacing:-.035em}.large-copy{font-size:22px;line-height:1.65;max-width:720px;color:#403e3a}.text-link{font-weight:800;border-bottom:1px solid var(--accent);padding-bottom:5px;display:inline-block}.menu-preview{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head .eyebrow{margin-bottom:8px}.section-text{color:var(--muted);max-width:580px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.food-card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.3s}.food-card:hover{transform:translateY(-5px);border-color:#4a4a4a}
.food-image{position:relative;aspect-ratio:1.15/1;overflow:hidden}
.food-image img{width:100%;height:100%;object-fit:cover;transition:.5s}




.food-card:hover .food-image img{transform:scale(1.04)}.food-image span{position:absolute;right:12px;bottom:12px;background:var(--accent);color:#111;padding:6px 10px;font-weight:900}.food-body{display:flex;justify-content:space-between;gap:18px;padding:20px}.food-body h3{font-family:'Playfair Display',serif;font-size:25px;margin:0 0 5px}.food-body p{color:var(--muted);font-size:14px;margin:0}.add-mini{flex:0 0 38px;width:38px;height:38px;border:1px solid #555;display:grid;place-items:center;font-size:25px;color:var(--accent);align-self:end}.add-mini:hover{background:var(--accent);color:#111}.feature-strip{background:#1b1b1b;border-block:1px solid var(--line);padding:65px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-grid>div{padding-right:30px;border-right:1px solid var(--line)}.feature-grid>div:last-child{border:0}.feature-grid span{color:var(--accent);font-weight:900}.feature-grid h3{font-family:'Playfair Display',serif;font-size:28px;margin:8px 0}.feature-grid p{color:var(--muted);margin:0}.gallery{background:#0c0c0c}.gallery-grid{columns:4 220px;column-gap:12px}.gallery-grid a{display:block;margin:0 0 12px;break-inside:avoid;overflow:hidden}.gallery-grid img{width:100%;filter:saturate(.85);transition:.4s}.gallery-grid a:hover img{transform:scale(1.04);filter:saturate(1)}.contact{background:#eee9df;color:#171717}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-list small{color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.contact-list p{margin:5px 0 0;font-weight:600}.contact-box{background:#fff;padding:30px}.contact-box form{display:grid;gap:16px}.contact-box label,.order-form label{display:grid;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.contact-box input,.contact-box textarea,.order-form input,.order-form textarea{width:100%;border:0;border-bottom:1px solid #bbb;padding:11px 0;outline:0;background:transparent;font:inherit}.contact-box input:focus,.contact-box textarea:focus,.order-form input:focus,.order-form textarea:focus{border-color:var(--accent)}.footer{background:#0a0a0a;border-top:1px solid var(--line);padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-logo{height:50px;width:auto}.footer p{color:var(--muted)}.footer h4{margin-top:0}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#777;font-size:12px}.page-hero{padding:170px 0 80px;background:linear-gradient(120deg,#181818,#0c0c0c);border-bottom:1px solid var(--line)}.page-hero h1{font-size:76px}.page-hero p:not(.eyebrow){max-width:650px;color:var(--muted)}.menu-page{padding-top:60px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter{background:transparent;color:#aaa;border:1px solid #444;padding:9px 14px;text-transform:uppercase;font-size:11px;font-weight:800;cursor:pointer}.filter.active,.filter:hover{background:var(--accent);color:#111;border-color:var(--accent)}.category-label{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.narrow{max-width:920px}.empty{text-align:center;padding:80px 20px;border:1px dashed #444}.cart-table{border-top:1px solid var(--line)}.cart-row{display:grid;grid-template-columns:80px 1fr 100px 120px 30px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-row img{width:80px;height:70px;object-fit:cover}.cart-row h3{margin:0;font-family:'Playfair Display',serif}.cart-row p{margin:2px 0;color:var(--muted)}.cart-row input{background:#181818;color:#fff;border:1px solid #444;padding:9px}.cart-row strong{text-align:right}.cart-row>a{font-size:25px;color:#999}.cart-summary{display:flex;justify-content:flex-end;gap:35px;padding:25px 0;font-size:20px}.cart-actions{display:flex;justify-content:flex-end;gap:10px}.order-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.order-form,.order-summary{background:var(--panel);border:1px solid var(--line);padding:30px}.order-form h2,.order-summary h2{font-family:'Playfair Display',serif;font-size:34px;margin-top:0}.order-form form{display:grid;gap:20px}.radio-row{display:flex;gap:25px;flex-wrap:wrap}.radio-row label{display:block;text-transform:none}.radio-row input{width:auto}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.summary-total{font-size:19px;border-bottom:0;margin-top:10px}.flash{padding:14px 16px;background:#4d251e;border:1px solid #9a5141;color:#ffd7cf;margin-bottom:20px}.flash.success{background:#243b27;border-color:#4f8a57;color:#d9f3dc}.success-page{padding:160px 0 120px}.success-box{max-width:800px;margin:auto;text-align:center;padding:70px 35px;border:1px solid var(--line);background:var(--panel)}.success-icon{width:80px;height:80px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111;font-size:42px;font-weight:900}.success-box h1{font-size:52px}.order-number{font-size:30px;color:var(--accent);font-weight:900;margin:25px}.legal{min-height:55vh}.legal p{color:#aaa;max-width:800px}.legal h3{margin-top:35px}
@media(max-width:980px){.main-nav{display:none}.nav-toggle{display:block}.nav-open .main-nav{position:absolute;top:84px;left:0;width:100%;display:flex;flex-direction:column;align-items:stretch;background:#111;padding:20px}.nav-open .main-nav>a{padding:10px}.hero-grid,.two-col,.contact-grid,.order-grid{grid-template-columns:1fr}.hero-card{max-width:600px;margin:0 auto 50px}.hero-copy{padding-bottom:0}.cards{grid-template-columns:repeat(2,1fr)}.feature-grid,.footer-grid{grid-template-columns:1fr}.feature-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px}.footer-grid{gap:25px}.contact-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(var(--max),calc(100% - 28px))}.nav-wrap{height:72px}.brand img{height:45px}.page-hero{padding-top:135px}.page-hero h1{font-size:55px}.hero{min-height:auto}.hero-grid{padding-top:18px}.hero-copy{padding:0}.hero h1{font-size:58px}.section{padding:75px 0}.cards{grid-template-columns:1fr}.section-head{display:block}.section-head .text-link{margin-top:15px}.cart-row{grid-template-columns:60px 1fr 70px 25px}.cart-row img{width:60px;height:55px}.cart-row strong{grid-column:2;text-align:left}.cart-row>a{grid-column:4;grid-row:1}.contact-list{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.gallery-grid{columns:2 140px}}

.menu-reference{margin-bottom:45px;border:1px solid var(--line);background:#171717;padding:10px}.menu-reference img{width:100%;max-height:720px;object-fit:contain}.menu-page .food-image{aspect-ratio:1.45/1}.menu-page .food-image img{object-fit:cover}.menu-note{color:var(--muted);font-size:13px;margin-top:-20px;margin-bottom:28px}

/* =========================================================
   MENU CATEGORY STRIP - DARK BACKGROUND STYLE
========================================================= */

/* Poori horizontal menu strip ka background dark karne ke liye */
.filter-row {
  background-color: #0d0f12 !important; /* Exact pure solid dark black */
  padding: 16px 20px !important;       /* Andar thodi spacing dene ke liye */
  border: 1px solid rgba(255, 255, 255, 0.08) !important; /* Light accent border */
  border-radius: 8px !important;       /* Corners ko soft rounded karne ke liye */
}

/* Category buttons (ALL, PIZZA, SMASH BURGERS etc) ka border aur text theek karne ke liye */
.filter {
  background: #171717 !important;       /* Buttons ka background dark black */
  color: #b9b8bc !important;            /* Text ka rang white/gray */
  border: 1px solid #444 !important;    /* Default border */
}

/* Jab mouse button par jaye ya click ho to rang orange/yellow (accent) ho jaye */
.filter.active, .filter:hover {
  background: var(--accent) !important;
  color: #111 !important;
  border-color: var(--accent) !important;
}




.bottom-contact-section{position:relative;background:#0a0b0e;color:#f5f2ec;padding:82px 0 55px;border-top:1px solid #26282b;overflow:hidden}.bottom-contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(214,162,74,.08),transparent 45%);pointer-events:none}.bottom-contact-grid{position:relative;display:grid;grid-template-columns:1fr .95fr 1.15fr;gap:26px}.bottom-panel{min-width:0}.bottom-kicker{margin:0 0 35px;font-size:clamp(34px,4vw,58px);font-weight:900;line-height:.95;letter-spacing:.06em;text-transform:uppercase;color:#f5f2ec}.bottom-contact-panel h2,.delivery-panel h2,.map-panel h2{font-family:'DM Sans',Arial,sans-serif;font-size:20px;line-height:1.35;margin:0 0 24px;text-transform:uppercase;letter-spacing:.07em}.bottom-details{display:grid;gap:18px;margin-bottom:26px}.bottom-details div{display:flex;gap:15px;align-items:baseline}.bottom-details strong{font-size:13px;min-width:78px;text-transform:uppercase;letter-spacing:.12em;color:#f5f2ec}.bottom-details span,.bottom-details a{color:#b9b8bc;font-size:16px}.bottom-details a:hover{color:var(--accent)}.hours-card{border:1px solid #292d33;border-radius:20px;padding:18px 22px;margin:25px 0 30px;background:rgba(15,16,19,.62)}.hours-card div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.hours-card span{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#e9e9eb}.hours-card strong{font-size:14px;color:#aaa9af}.bottom-outline-btn{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid #41444b;border-radius:28px;padding:12px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;background:rgba(9,10,12,.55);transition:.25s}.bottom-outline-btn:hover{border-color:var(--accent);color:var(--accent)}.delivery-panel{padding:0 20px}.delivery-panel h2{font-size:18px;text-transform:none;letter-spacing:0;color:#aaa9af;font-weight:500;margin-bottom:25px}.delivery-links{display:grid;gap:18px}.delivery-links a{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #3a3d43;border-radius:30px;min-height:55px;padding:10px 18px;text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:900;background:rgba(8,9,11,.45);transition:.25s}.delivery-links a:nth-child(1):hover{border-color:#20c6e8}.delivery-links a:nth-child(2):hover{border-color:#61d42d}.delivery-links a:nth-child(3):hover{border-color:#e7bd27}.delivery-links a:nth-child(4):hover{border-color:#ef7d24}.delivery-links a:nth-child(5):hover{border-color:#d62c8b}.delivery-links span{font-size:16px;color:#aaa}.map-panel{padding-left:20px}.map-frame{height:390px;border-radius:24px;overflow:hidden;border:1px solid #2d3035;background:#151619;margin-bottom:25px}.map-frame iframe{width:100%;height:100%;border:0;display:block}.map-panel h2{color:#b9b8bc;font-size:16px;text-transform:none;letter-spacing:0;font-weight:500}.lang-switch a{min-width:34px;text-align:center}.lang-switch a:last-child{padding-inline:7px}
@media(max-width:980px){.bottom-contact-grid{grid-template-columns:1fr}.delivery-panel,.map-panel{padding:0}.map-frame{height:320px}.bottom-kicker{font-size:42px}}
@media(max-width:650px){.bottom-contact-section{padding:60px 0 35px}.bottom-kicker{font-size:36px;margin-bottom:25px}.bottom-details div{display:block}.bottom-details strong{display:block;margin-bottom:4px}.hours-card{padding:14px 16px}.hours-card div{padding:7px 0}.delivery-links{gap:12px}.map-frame{height:280px}}

/* Homepage bottom contact / delivery / find-us reference layout */
.reference-contact-section{position:relative;min-height:765px;padding:24px 32px 16px;background:#090a0e;color:#f6f5f7;overflow:hidden;border-top:1px solid #24262b}
.reference-contact-bg{position:absolute;inset:-28px;background:linear-gradient(90deg,rgba(5,6,9,.88),rgba(5,6,9,.70)),url('../images/restaurant.jpeg') center/cover no-repeat;filter:blur(10px);transform:scale(1.04);opacity:.62}
.reference-contact-inner{position:relative;z-index:1;width:100%;max-width:1690px;margin:0 auto;display:grid;grid-template-columns:1fr .84fr 1.24fr;gap:48px;height:100%;min-height:725px}
.reference-col{min-width:0;display:flex;flex-direction:column}
.reference-col h2{font-family:'Bebas Neue','Oswald',Arial,sans-serif;font-size:clamp(48px,4.25vw,74px);font-weight:400;line-height:.9;letter-spacing:.045em;text-transform:uppercase;margin:0 0 58px;color:#f4f3f6}
.ref-contact-lines{display:grid;gap:15px;margin-bottom:24px}
.ref-contact-lines>div{display:flex;gap:20px;align-items:baseline;white-space:nowrap}
.ref-contact-lines span{font-size:24px;line-height:1;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#f1f0f3}
.ref-contact-lines strong,.ref-contact-lines a{font-size:23px;line-height:1.15;font-weight:400;letter-spacing:.08em;color:#b7b6bd}
.ref-contact-lines a:hover{color:#fff}
.ref-hours{border:1px solid #2b2e35;border-radius:22px;background:rgba(7,8,11,.55);padding:20px 24px;margin-top:44px;max-width:520px}
.ref-hours div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}
.ref-hours span{font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:#e9e8ec}
.ref-hours strong{font-size:21px;font-weight:400;letter-spacing:.04em;color:#a9a8b0}
.ref-bottom-btn{margin-top:auto;min-height:76px;border:1px solid #454850;border-radius:42px;background:rgba(7,8,11,.45);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.09em;font-size:21px;font-weight:700;color:#f2f1f4;transition:.25s}
.ref-bottom-btn:hover{border-color:#fff;background:rgba(255,255,255,.05);color:#fff}
.delivery-col{padding:0 8px}
.delivery-col h2{text-align:center;margin-bottom:55px}
.ref-delivery-links{display:grid;gap:19px;margin-top:0}
.ref-delivery-links a{height:77px;border:1px solid #3a3d43;border-radius:40px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.11em;font-size:21px;font-weight:700;background:rgba(7,8,11,.38);box-shadow:0 0 0 rgba(0,0,0,0);transition:.25s}
.ref-delivery-links a.wolt{border-color:#18b8d4}.ref-delivery-links a.uber{border-color:#45c52b}.ref-delivery-links a.glovo{border-color:#d4af22}.ref-delivery-links a.bolt{border-color:#e26c1c}.ref-delivery-links a.pyszne{border-color:#c52a86}
.ref-delivery-links a:hover{transform:translateY(-2px);background:rgba(255,255,255,.04);box-shadow:0 0 24px rgba(255,255,255,.06)}
.find-col{padding-left:12px}
.find-col h2{margin-bottom:58px}
.ref-map{width:100%;height:480px;border-radius:25px;overflow:hidden;border:1px solid #2b2e35;background:#15171b}
.ref-map iframe{width:100%;height:100%;border:0;display:block}
.find-col .ref-bottom-btn{margin-top:auto}
@media(max-width:1200px){.reference-contact-inner{grid-template-columns:1fr 1fr}.find-col{grid-column:1/-1}.ref-map{height:390px}.reference-contact-section{min-height:auto}.reference-contact-inner{min-height:auto;gap:38px}.find-col .ref-bottom-btn{margin-top:18px}.ref-bottom-btn{margin-top:30px}}
@media(max-width:700px){.reference-contact-section{padding:28px 18px 35px}.reference-contact-inner{grid-template-columns:1fr;gap:50px}.reference-col h2{font-size:48px;margin-bottom:34px}.ref-contact-lines>div{display:block;white-space:normal}.ref-contact-lines span{display:block;margin-bottom:6px;font-size:17px}.ref-contact-lines strong,.ref-contact-lines a{font-size:18px}.ref-hours{margin-top:25px;padding:16px 18px}.ref-hours span{font-size:16px}.ref-hours strong{font-size:16px}.ref-delivery-links a{height:64px;font-size:17px}.ref-map{height:300px}.ref-bottom-btn{min-height:62px;font-size:17px}.delivery-col,.find-col{padding:0}}

/* Final sizing: match the supplied Contact / Delivery / Find Us reference */
.reference-contact-section{
  min-height:720px;
  padding:28px 32px 18px;
}
.reference-contact-inner{
  max-width:1600px;
  min-height:674px;
  grid-template-columns:1.06fr .78fr 1.20fr;
  gap:36px;
}
.reference-col h2{
  font-size:56px;
  line-height:.92;
  letter-spacing:.045em;
  margin-bottom:42px;
}
.ref-contact-lines{
  gap:12px;
  margin-bottom:18px;
}
.ref-contact-lines>div{
  gap:16px;
  white-space:normal;
  align-items:baseline;
}
.ref-contact-lines span{
  flex:0 0 auto;
  font-size:18px;
  letter-spacing:.08em;
}
.ref-contact-lines strong,
.ref-contact-lines a{
  min-width:0;
  max-width:340px;
  font-size:18px;
  line-height:1.2;
  letter-spacing:.045em;
  overflow-wrap:anywhere;
}
.ref-contact-lines>div:nth-child(3) strong,
.ref-contact-lines>div:nth-child(3) a{
  font-size:16px;
}
.ref-hours{
  margin-top:28px;
  max-width:470px;
  padding:16px 20px;
  border-radius:22px;
}
.ref-hours div{padding:6px 0}
.ref-hours span{font-size:18px;letter-spacing:.07em}
.ref-hours strong{font-size:18px;letter-spacing:.03em}
.ref-bottom-btn{
  min-height:70px;
  font-size:18px;
  letter-spacing:.085em;
}
.delivery-col{padding:0 4px}
.delivery-col h2{margin-bottom:42px}
.ref-delivery-links{gap:16px}
.ref-delivery-links a{
  height:70px;
  border-radius:38px;
  font-size:18px;
  letter-spacing:.10em;
}
.find-col{padding-left:0}
.find-col h2{margin-bottom:42px}
.ref-map{height:430px;border-radius:24px}
.find-col .ref-bottom-btn{margin-top:18px}

@media(max-width:1200px){
  .reference-contact-inner{grid-template-columns:1fr 1fr;gap:34px}
  .find-col{grid-column:1/-1}
  .ref-map{height:390px}
}
@media(max-width:700px){
  .reference-contact-section{padding:28px 18px 35px}
  .reference-contact-inner{grid-template-columns:1fr;gap:48px}
  .reference-col h2{font-size:48px;margin-bottom:32px}
  .ref-contact-lines>div{display:flex;white-space:normal}
  .ref-contact-lines span{font-size:16px}
  .ref-contact-lines strong,.ref-contact-lines a{font-size:16px;max-width:none}
  .ref-hours{margin-top:22px;padding:14px 16px}
  .ref-hours span,.ref-hours strong{font-size:15px}
  .ref-delivery-links a{height:62px;font-size:16px}
  .ref-map{height:300px}
}


/* Exact final reference sizing for Contact / Delivery / Find Us */
.reference-contact-section{
  min-height:650px;
  padding:30px 38px 26px;
}
.reference-contact-inner{
  max-width:1540px;
  min-height:590px;
  grid-template-columns:1.08fr .82fr 1.10fr;
  gap:38px;
  align-items:start;
}
.reference-col h2{
  font-size:46px;
  line-height:.92;
  letter-spacing:.045em;
  margin:0 0 38px;
}
.contact-col{min-width:0}
.ref-contact-lines{gap:12px;margin-bottom:20px}
.ref-contact-lines>div{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  column-gap:12px;
  align-items:baseline;
  white-space:nowrap;
}
.ref-contact-lines span{
  font-size:15px;
  line-height:1.15;
  letter-spacing:.075em;
  white-space:nowrap;
}
.ref-contact-lines strong,.ref-contact-lines a{
  display:block;
  min-width:0;
  max-width:none;
  overflow:visible;
  white-space:nowrap;
  font-size:15px;
  line-height:1.15;
  letter-spacing:.035em;
  color:#b7b6bd;
}
.ref-contact-lines>div:nth-child(3) strong,.ref-contact-lines>div:nth-child(3) a{font-size:15px}
.ref-hours{
  margin-top:28px;
  max-width:100%;
  padding:14px 18px;
  border-radius:20px;
}
.ref-hours div{padding:5px 0}
.ref-hours span{font-size:15px;letter-spacing:.065em}
.ref-hours strong{font-size:15px;letter-spacing:.025em}
.ref-bottom-btn{
  min-height:58px;
  margin-top:28px;
  border-radius:32px;
  font-size:16px;
  letter-spacing:.075em;
}
.ref-bottom-btn:hover{
  border-color:#f2a9c8;
  background:#f2a9c8;
  color:#171218;
  box-shadow:0 0 22px rgba(242,169,200,.22);
}
.delivery-col{padding:0 2px}
.delivery-col h2{
  text-align:center;
  margin-bottom:38px;
}
.ref-delivery-links{gap:12px}
.ref-delivery-links a{
  height:58px;
  border-radius:32px;
  font-size:16px;
  letter-spacing:.085em;
}
.ref-delivery-links a:hover{
  transform:none;
  border-color:#f2a9c8 !important;
  background:#f2a9c8;
  color:#171218;
  box-shadow:0 0 22px rgba(242,169,200,.20);
}
.find-col{padding-left:0}
.find-col h2{
  text-align:center;
  margin-bottom:38px;
}
.ref-map{
  width:100%;
  height:360px;
  border-radius:22px;
}
.find-col .ref-bottom-btn{margin-top:18px}
.reference-footer{
  background:#07080a;
  border-top:1px solid #25272b;
  color:#b7b6bd;
  padding:16px 38px;
}
.reference-footer-inner{
  max-width:1540px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  font-size:12px;
}
.reference-footer a{color:#b7b6bd}
.reference-footer a:hover{color:#f2a9c8}
@media(max-width:1200px){
  .reference-contact-inner{grid-template-columns:1fr 1fr;gap:30px}
  .find-col{grid-column:1/-1}
  .ref-map{height:360px}
  .reference-contact-section{min-height:auto}
}
@media(max-width:800px){
  .reference-contact-section{padding:26px 20px 34px}
  .reference-contact-inner{grid-template-columns:1fr;gap:42px}
  .reference-col h2{font-size:42px;margin-bottom:28px}
  .ref-contact-lines>div{grid-template-columns:76px minmax(0,1fr)}
  .ref-contact-lines strong,.ref-contact-lines a{white-space:normal;font-size:15px}
  .ref-delivery-links a{height:56px}
  .ref-map{height:300px}
  .reference-footer{padding:14px 20px}
  .reference-footer-inner{flex-direction:column;align-items:flex-start;font-size:11px}
}

/* User-requested final refinements */
.reference-contact-section{
  min-height:660px;
  padding:26px 32px 18px;
}
.reference-contact-inner{
  max-width:1540px;
  min-height:614px;
  grid-template-columns:1.06fr .78fr 1.10fr;
  gap:32px;
}
.reference-col h2{
  font-size:40px;
  line-height:.95;
  letter-spacing:.04em;
  margin-bottom:30px;
}
.ref-contact-lines{
  gap:10px;
  margin-bottom:16px;
}
.ref-contact-lines>div{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  column-gap:10px;
  align-items:baseline;
  white-space:nowrap;
}
.ref-contact-lines span{
  font-size:14px;
  line-height:1.15;
  letter-spacing:.065em;
}
.ref-contact-lines strong,.ref-contact-lines a,
.ref-contact-lines>div:nth-child(3) strong,.ref-contact-lines>div:nth-child(3) a{
  font-size:14px;
  line-height:1.15;
  letter-spacing:.025em;
  white-space:nowrap;
}
.ref-hours{
  margin-top:24px;
  padding:12px 16px;
  border-radius:18px;
}
.ref-hours div{padding:4px 0}
.ref-hours span{font-size:14px;letter-spacing:.055em}
.ref-hours strong{font-size:14px;letter-spacing:.02em}
.ref-bottom-btn{
  width:100%;
  min-height:56px;
  margin-top:26px;
  border-radius:30px;
  font-size:15px;
  letter-spacing:.07em;
  box-sizing:border-box;
}
.ref-bottom-btn:hover{
  border-color:#454850;
  background:rgba(7,8,11,.45);
  color:#f2a9c8;
  box-shadow:none;
}
.delivery-col{padding:0 2px}
.delivery-col h2,
.find-col h2{
  text-align:center;
  margin-bottom:30px;
}
.ref-delivery-links{gap:10px}
.ref-delivery-links a{
  height:54px;
  border-radius:30px;
  font-size:15px;
  letter-spacing:.075em;
}
.ref-delivery-links a:hover{
  transform:none;
  background:rgba(7,8,11,.38);
  color:#f2a9c8;
  box-shadow:none;
}
.find-col{padding-left:0}
.ref-map{
  height:340px;
  border-radius:20px;
}
.find-col .ref-bottom-btn{margin-top:26px}

/* Larger transparent logo for the dark header */
.brand img{
  height:68px;
  width:auto;
  object-fit:contain;
}
.brand{display:flex;align-items:center}

@media(max-width:1200px){
  .reference-contact-inner{grid-template-columns:1fr 1fr;gap:30px}
  .find-col{grid-column:1/-1}
  .ref-map{height:340px}
}
@media(max-width:800px){
  .reference-col h2{font-size:38px;margin-bottom:26px}
  .ref-contact-lines>div{grid-template-columns:68px minmax(0,1fr)}
  .ref-contact-lines strong,.ref-contact-lines a{white-space:normal}
  .ref-delivery-links a{height:54px}
  .ref-map{height:300px}
  .brand img{height:58px}
}

/* =========================================================
   GRILL PIZZA - EXACT SCREENSHOT COLORS & SOLID BACKGROUND
========================================================= */

/* =========================================================
   GRILL PIZZA - EXACT SCREENSHOT COLORS WITH GLOW EFFECT
========================================================= */

/* Delivery buttons ka layout aur solid dark background set karne ke liye */
.ref-delivery-links a {
  background: #0d0f12 !important; /* Exact pure solid dark black from your image */
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

/* Jab mouse upar jaye to sirf andar ka likha hua text light pink ho */
.ref-delivery-links a:hover,
.ref-delivery-links a:focus-visible,
.ref-delivery-links a:active {
  color: #ffb6d9 !important; /* Perfect light pink for text */
}

/* BORDERS AUR GLOW KA RANG LOCK: Screenshot ke mutabiq exact matching rang */
.ref-delivery-links a.wolt, 
.ref-delivery-links a.wolt:focus, 
.ref-delivery-links a.wolt:active { 
  border: 1px solid #00c2e8 !important;  
  box-shadow: 0 0 20px rgba(0, 194, 232, 0.45) !important; /* Wolt: Cyan Blue Glow */
}
.ref-delivery-links a.wolt:hover {
  border: 1px solid #00c2e8 !important;  
  box-shadow: 0 0 30px rgba(0, 194, 232, 0.7) !important; /* Hover par tez glow */
}

.ref-delivery-links a.uber, 
.ref-delivery-links a.uber:focus, 
.ref-delivery-links a.uber:active { 
  border: 1px solid #5fb709 !important; 
  box-shadow: 0 0 20px rgba(95, 183, 9, 0.45) !important; /* Uber Eats: Green Glow */
}
.ref-delivery-links a.uber:hover {
  border: 1px solid #5fb709 !important; 
  box-shadow: 0 0 30px rgba(95, 183, 9, 0.7) !important;
}

.ref-delivery-links a.glovo, 
.ref-delivery-links a.glovo:focus, 
.ref-delivery-links a.glovo:active { 
  border: 1px solid #fec422 !important; 
  box-shadow: 0 0 20px rgba(254, 196, 34, 0.45) !important; /* Glovo: Yellow Glow */
}
.ref-delivery-links a.glovo:hover {
  border: 1px solid #fec422 !important; 
  box-shadow: 0 0 30px rgba(254, 196, 34, 0.7) !important;
}

.ref-delivery-links a.bolt, 
.ref-delivery-links a.bolt:focus, 
.ref-delivery-links a.bolt:active { 
  border: 1px solid #e26c1c !important; 
  box-shadow: 0 0 20px rgba(226, 108, 28, 0.45) !important; /* Bolt Food: Orange Glow */
}
.ref-delivery-links a.bolt:hover {
  border: 1px solid #e26c1c !important; 
  box-shadow: 0 0 30px rgba(226, 108, 28, 0.7) !important;
}

.ref-delivery-links a.pyszne, 
.ref-delivery-links a.pyszne:focus, 
.ref-delivery-links a.pyszne:active { 
  border: 1px solid #c52a86 !important; 
  box-shadow: 0 0 20px rgba(197, 42, 134, 0.45) !important; /* Pyszne.pl: Pink Glow */
}
.ref-delivery-links a.pyszne:hover {
  border: 1px solid #c52a86 !important; 
  box-shadow: 0 0 30px rgba(197, 42, 134, 0.7) !important;
}

/* Neeche wale general buttons ke liye (Call Now / Leave Review) */
.ref-bottom-btn,
.ref-bottom-btn:hover,
.ref-bottom-btn:focus,
.ref-bottom-btn:active {
  border-color: #454850 !important;
  background: #0d0f12 !important;
}
.ref-bottom-btn:hover,
.ref-bottom-btn:focus-visible {
  color: #f2a9c8 !important;
  box-shadow: none !important;
}



/* Full Header / Navbar Bar Background */
header, 
.header, 
.navbar, 
nav {
  background-color: #f2efe9 !important; /* Screenshot wala light beige background */
  width: 100% !important;
}



/* Nav Links Base Style */
.header a, 
.navbar a, 
.nav-link,
header nav a {
  color: #000000 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 8px 12px !important;
  position: relative !important;
  display: inline-block !important;
  border-bottom: none !important;
}

/* Active Class & Hover Bottom Indicator Line (Screenshot 2 jaisa solid black bar) */
.header a:hover, 
.navbar a:hover, 
.nav-link:hover,
header nav a:hover,
.header a.active, 
.navbar a.active, 
.nav-link.active {
  color: #000000 !important;
}

/* Solid Black Underbar for Active & Hover States */
.header a:hover::after, 
.navbar a:hover::after, 
.nav-link:hover::after,
header nav a:hover::after,
.header a.active::after, 
.navbar a.active::after, 
.nav-link.active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background-color: #000000 !important;
  border-radius: 2px !important;
}




/* =========================================================
   FINAL USER REQUESTS: non-sticky header, quick contact, CTA,
   careers page, vertical menu cards and delivery styling
========================================================= */
html{scroll-padding-top:0}
body{padding-top:0}
.site-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;background:#f2efe9!important;border-bottom:1px solid #d9d3c8!important;backdrop-filter:none!important}
.nav-wrap{width:100%!important;max-width:none!important;padding:10px 30px!important}
.main-nav{margin-left:auto!important;margin-right:0!important;justify-content:flex-end!important}
.nav-order{display:none!important}
.brand img{height:68px!important}
.order-online-cta{min-width:180px;font-size:13px;letter-spacing:.12em;box-shadow:0 10px 30px rgba(214,162,74,.18)}

/* =========================================================
   QUICK CONTACT
========================================================= */

.quick-contact {
    position: fixed;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
}


/* MAIN CONTACT BUTTON */

.quick-contact-toggle {
    width: 54px;
    height: 54px;

    border-radius: 50%;

    border: 0;

    background: #25D366;
    color: #07150c;

    display: grid;
    place-items: center;

    cursor: pointer;

    box-shadow:
        0 8px 30px rgba(0,0,0,.35);

    transition: .25s ease;
}


.quick-contact-toggle:hover {
    transform: scale(1.08);
    background: #20bd5a;
}


.quick-contact-toggle svg {
    width: 26px;
    height: 26px;

    fill: currentColor;

    display: block;
}


/* CONTACT MENU */

.quick-contact-menu {
    position: absolute;

    left: 68px;
    top: 50%;

    transform: translateY(-50%);

    width: 300px;

    background: #ffffff;

    color: #222;

    border-radius: 12px;

    overflow: hidden;

    border: 1px solid #ddd;

    box-shadow:
        0 15px 45px rgba(0,0,0,.30);
}


/* HIDDEN */

.quick-contact-menu[hidden] {
    display: none !important;
}


/* OPTIONS */

.contact-option {
    width: 100%;

    min-height: 70px;

    padding: 13px 17px;

    display: flex;

    align-items: center;

    gap: 14px;

    background: #fff;

    color: #222;

    border: 0;

    border-bottom: 1px solid #eeeeee;

    text-decoration: none;

    text-align: left;

    cursor: pointer;

    font-family: inherit;
}


.contact-option:last-child {
    border-bottom: 0;
}


.contact-option:hover {
    background: #f5f5f5;
}


/* ICON */

.qc-icon {
    width: 35px;
    min-width: 35px;

    height: 35px;

    display: grid;
    place-items: center;

    font-size: 21px;

    border-radius: 50%;

    background: #f1f1f1;
}


/* TEXT */

.contact-option strong {
    display: block;

    font-size: 15px;

    line-height: 1.2;
}


.contact-option small {
    display: block;

    margin-top: 4px;

    color: #888;

    font-size: 12px;
}


/* MOBILE */

@media (max-width: 700px) {

    .quick-contact {
        left: 9px;
    }


    .quick-contact-toggle {
        width: 48px;
        height: 48px;
    }


    .quick-contact-toggle svg {
        width: 23px;
        height: 23px;
    }


    .quick-contact-menu {

        left: 58px;

        width: min(
            300px,
            calc(100vw - 70px)
        );
    }

}


.order-form label small{font-size:11px;color:#8e8e8e;text-transform:none;letter-spacing:0;font-weight:400}.order-type-row label{display:flex!important;align-items:center;gap:8px!important}.order-type-row input{width:auto!important}.grand-total{font-size:22px!important;color:var(--accent)}.order-submit{width:100%;margin-top:5px}

.careers-hero{background:radial-gradient(circle at 75% 25%,rgba(214,162,74,.22),transparent 30%),linear-gradient(120deg,#111,#1c1c1c);padding:90px 0 80px;border-bottom:1px solid var(--line)}
.careers-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.careers-hero h1{font-family:'Playfair Display',serif;font-size:clamp(52px,7vw,92px);line-height:.98;margin:0 0 22px}.careers-hero p:not(.eyebrow){max-width:680px;color:#c7c7c7;font-size:19px;margin:0 0 30px}.career-visual{min-height:350px;display:grid;place-items:center;border:1px solid #3b3b3b;background:linear-gradient(145deg,#242424,#101010);transform:rotate(2deg)}.career-badge{text-align:center;font-family:'Playfair Display',serif;font-size:50px;line-height:.78;letter-spacing:.08em;color:#f5f2ec}.career-badge span{color:var(--accent)}
.careers-section{background:#f0ece4;color:#171717}.careers-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:start}.career-info h2{font-family:'Playfair Display',serif;font-size:clamp(40px,5vw,65px);line-height:1.02;margin:0 0 20px}.career-info>p{font-size:19px;line-height:1.7;color:#4d4a45;max-width:680px}.career-contact-card{margin-top:30px;padding:22px 24px;background:#171717;color:#fff;border-radius:12px;display:grid;gap:5px}.career-contact-card span{font-size:11px;letter-spacing:.16em;color:#aaa}.career-contact-card a{color:#f5f2ec;font-size:19px}.career-perks{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.career-perks span{padding:9px 12px;border:1px solid #c9c1b5;border-radius:30px;font-size:13px}.career-form-card{background:#171717;color:#fff;padding:30px;border:1px solid #2b2b2b;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.15)}.career-form-card form{display:grid;gap:18px}.career-form-card label{display:grid;gap:7px;color:#eee;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.career-form-card input,.career-form-card textarea{width:100%;padding:13px 14px;background:#101010;border:1px solid #3d3d3d;color:#fff;border-radius:7px;font:inherit;outline:0}.career-form-card input:focus,.career-form-card textarea:focus{border-color:var(--accent)}.career-form-card input[type=file]{padding:11px}.career-form-card small{font-size:11px;color:#999;text-transform:none;letter-spacing:0;font-weight:400}.file-drop{padding:15px;border:1px dashed #555;border-radius:8px;background:#111}.career-alert{padding:14px 16px;border-radius:7px;margin-bottom:18px}.career-alert.success{background:#203d28;color:#d8f4dd;border:1px solid #46764f}.career-alert.error{background:#4a2722;color:#ffe0da;border:1px solid #8b4c42}

@media(max-width:980px){.main-nav{display:none}.nav-toggle{display:block}.nav-open .main-nav{position:absolute;top:100%;left:0;width:100%;display:flex;flex-direction:column;align-items:stretch;background:#f2efe9;padding:20px;box-shadow:0 12px 25px rgba(0,0,0,.15)}.nav-open .main-nav>a{padding:10px;color:#111!important}.careers-hero-grid,.careers-grid{grid-template-columns:1fr}.career-visual{max-width:500px;margin:auto;width:100%}}
@media(max-width:700px){.nav-wrap{padding:8px 15px!important}.brand img{height:58px!important}.quick-contact{left:8px}.quick-contact-toggle{width:46px;height:46px}.quick-contact-toggle svg{width:22px;height:22px}.quick-contact-menu{left:55px;width:min(285px,calc(100vw - 70px))}.menu-item{grid-template-columns:1fr!important}.menu-item .food-image{min-height:330px!important;height:330px!important}.menu-item .food-body{min-height:190px!important}.careers-hero{padding:65px 0}.career-visual{min-height:260px}.career-badge{font-size:40px}.career-form-card{padding:22px}}


/* Final requested layout refinements */
.order-now-cta{min-width:150px;box-shadow:0 10px 30px rgba(214,162,74,.18)}
.order-online-banner{padding:55px 0;background:linear-gradient(110deg,#1a1a1a,#27211a);border-top:1px solid #302b22;border-bottom:1px solid #302b22}
.order-online-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.order-online-banner h2{margin:3px 0 7px;font-family:'Playfair Display',serif;font-size:clamp(38px,5vw,64px);line-height:1}
.order-online-banner p:not(.eyebrow){margin:0;color:#c7c7c7;max-width:620px}
.order-online-big-btn{display:inline-flex;align-items:center;gap:25px;padding:18px 28px;background:#d6a24a;color:#111;font-weight:900;letter-spacing:.12em;border-radius:2px;white-space:nowrap;box-shadow:0 14px 35px rgba(214,162,74,.25)}
.order-online-big-btn:hover{transform:translateY(-2px);background:#f0bd5a}
.order-online-big-btn span{font-size:22px}
.whatsapp-icon{font-size:20px!important}
@media(max-width:700px){.order-online-banner-inner{display:block}.order-online-big-btn{margin-top:24px;width:100%;justify-content:center}.order-online-banner{padding:42px 0}}

/* Final client polish: crisp menu imagery, deal card, readable checkout fields */
.menu-item .food-image{background:#050505!important;padding:12px!important}
.menu-item .food-image img{object-fit:contain!important;background:#050505!important;image-rendering:auto!important;filter:none!important}
.menu-best-deal-card{grid-column:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;background:#151515!important;border:1px solid #5b4726!important;padding:0!important;min-height:0!important}
.best-deal-visual{background:#080808;height:300px;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.best-deal-visual img{width:100%;height:100%;object-fit:cover;display:block}
.best-deal-content{padding:22px;display:flex;flex-direction:column;justify-content:space-between;flex:1}
.best-deal-content h2{font-family:'Playfair Display',serif;font-size:30px;line-height:1.05;margin:5px 0 10px}
.best-deal-text{font-size:19px!important;color:#eee!important;margin:0 0 20px!important;font-weight:700!important}
.best-deal-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between}
.best-deal-bottom strong{font-family:'Playfair Display',serif;font-size:34px;color:#f1b52f;white-space:nowrap}
.order-form input,.order-form textarea{color:#fff!important;background:#101010!important;border:1px solid #3d3d3d!important;border-radius:7px!important;padding:13px 14px!important;text-transform:none!important;letter-spacing:normal!important}
.order-form input::placeholder,.order-form textarea::placeholder{color:#8e8e8e!important;opacity:1!important}
.order-form textarea{min-height:115px;resize:vertical;line-height:1.55}
.order-form label{color:#eee!important}
.order-form label small{margin-top:-2px}
@media(max-width:800px){.best-deal-visual{height:300px;min-height:300px}.best-deal-content{padding:22px}.best-deal-content h2{font-size:30px}.best-deal-bottom{align-items:flex-start;flex-direction:column}}


/* Professional brand watermark — inspired by the visual idea of the reference site. */
.site-watermark{position:fixed;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;overflow:hidden;opacity:.045}
.site-watermark img{width:min(58vw,820px);height:auto;max-height:82vh;object-fit:contain;filter:grayscale(1) brightness(1.7);transform:translate3d(0,0,0) scale(1.02);will-change:transform}
.site-header,.site-header *,main,.reference-footer,.quick-contact{position:relative;z-index:3}
.site-header{z-index:1000!important}
.quick-contact{z-index:1200!important}
.reference-contact-section,.footer{position:relative;z-index:3}
.reference-footer{z-index:4}

/* Cleaner, more premium card rhythm */
.food-card,.menu-best-deal-card{border-radius:14px!important;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.food-card:hover,.menu-best-deal-card:hover{box-shadow:0 20px 45px rgba(0,0,0,.28)}
.menu-item .food-image img{image-rendering:auto!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}

@media(max-width:700px){
 .site-watermark{opacity:.035}
 .site-watermark img{width:92vw;max-height:70vh}
}


/* Final professional polish: Best Deal follows the exact food-card rhythm. */
.menu-best-deal-card {
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  align-self: stretch !important;
  background: var(--panel) !important;
  border: none !important; /* Yellow/gold border khatam karne ke liye */
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
.menu-best-deal-card .best-deal-image {
  aspect-ratio: 1.15/1 !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important; /* Inner black background hatane ke liye */
  padding: 0 !important;
  position: relative !important;
}
.menu-best-deal-card .best-deal-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* Image ko bina border ke poore box me fit karne ke liye */
  object-position: center !important;
  background: transparent !important;
  transform: none !important;
}
.menu-best-deal-card:hover .best-deal-image img {
  transform: scale(1.025) !important;
}
.menu-best-deal-card .best-deal-image span {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  background: var(--accent) !important;
  color: #111 !important;
  padding: 6px 10px !important;
  font-weight: 900 !important;
}
.menu-best-deal-card .best-deal-body {
  min-height: 150px !important;
  align-items: flex-end !important;
}
.menu-best-deal-card .best-deal-body h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 25px !important;
  margin: 0 0 5px !important;
}
.menu-best-deal-card .best-deal-text {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
.menu-best-deal-card .add-mini {
  flex: 0 0 38px !important;
}


/* Persistent quick-contact control: stays visible while scrolling on every page. */
.quick-contact{position:fixed!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:99999!important}
.quick-contact-toggle{cursor:pointer!important}
.quick-contact-menu{z-index:100000!important}
.quick-contact-menu a,.quick-contact-menu button{cursor:pointer!important}

/* Premium full-page transparent brand watermark — inspired by the reference visual. */
.site-watermark{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;display:grid!important;place-items:center!important;overflow:hidden!important;opacity:.065!important}
.site-watermark::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(214,162,74,.045),transparent 42%);pointer-events:none}
.site-watermark img{width:min(68vw,980px)!important;max-height:88vh!important;height:auto!important;object-fit:contain!important;filter:grayscale(1) brightness(1.85) contrast(.92)!important;will-change:transform!important;transform:translate3d(0,0,0) scale(1.03) rotate(-2deg)!important;transform-origin:center!important;transition:transform .12s ease-out!important}
body:has(.site-watermark) main,body:has(.site-watermark) footer{position:relative;z-index:3}
@media(max-width:700px){.site-watermark{opacity:.045!important}.site-watermark img{width:112vw!important;max-height:76vh!important}.quick-contact{left:9px!important}.quick-contact-menu{left:56px!important;width:min(285px,calc(100vw - 70px))!important}}

/* =========================================================
   FINAL FIX: full-site brand watermark + universal quick contact
========================================================= */
/* Keep the large transparent logo visible on light AND dark sections.
   It sits above section backgrounds but below real page content. */
.site-watermark{
  position:fixed!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  opacity:.105!important;
}
.site-watermark img{
  width:min(72vw,1050px)!important;
  max-height:90vh!important;
  height:auto!important;
  object-fit:contain!important;
  filter:grayscale(1) brightness(1.15) contrast(.9)!important;
  mix-blend-mode:difference!important;
  will-change:transform!important;
  transform:translate3d(0,0,0) scale(1.04) rotate(-2deg)!important;
  transform-origin:center!important;
  transition:transform .12s ease-out!important;
}
body:has(.site-watermark) main,
body:has(.site-watermark) footer,
body:has(.site-watermark) .reference-footer{
  position:relative!important;
  z-index:5!important;
}
body:has(.site-watermark) .site-header{
  position:relative!important;
  z-index:1000!important;
}
.quick-contact{
  position:fixed!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:99999!important;
}
.quick-contact-toggle{
  position:relative!important;
  z-index:100001!important;
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  background:#25D366!important;
  border:2px solid #25D366!important;
  color:#06130b!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35)!important;
}
.quick-contact-menu{
  position:absolute!important;
  left:68px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:100000!important;
  width:300px!important;
  max-width:calc(100vw - 90px)!important;
  background:#fff!important;
  color:#171717!important;
  border:1px solid #dedede!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 18px 50px rgba(0,0,0,.30)!important;
}
.quick-contact-menu[hidden]{display:none!important}
.quick-contact-menu a,
.quick-contact-menu button{
  min-height:64px!important;
  background:#fff!important;
  color:#171717!important;
  border-bottom:1px solid #ededed!important;
}
.quick-contact-menu a:hover,
.quick-contact-menu button:hover{background:#f5f5f5!important}
.quick-contact-menu strong{color:#171717!important}
.quick-contact-menu small{color:#777!important}
.qc-icon{color:#555!important}
@media(max-width:700px){
  .site-watermark{opacity:.085!important}
  .site-watermark img{width:118vw!important;max-height:78vh!important}
  .quick-contact{left:9px!important}
  .quick-contact-toggle{width:48px!important;height:48px!important}
  .quick-contact-menu{left:58px!important;width:min(300px,calc(100vw - 72px))!important}
}





/* Accessibility / visual polish: keep the transparent brand watermark visible on every page. */
.site-watermark{
  position:fixed;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  pointer-events:none;
  overflow:hidden;
  opacity:.045;
}
.site-watermark img{
  width:min(58vw,820px);
  height:auto;
  max-height:82vh;
  object-fit:contain;
  filter:grayscale(1) brightness(1.7);
  transform:translate3d(0,0,0) scale(1.02);
}

/* Raise the menu "+" add-to-cart control so it does not sit too low. */
.add-mini{
  align-self:flex-end !important;
  transform:translateY(-10px);
}
.add-mini:hover{
  transform:translateY(-10px);
}

@media(max-width:700px){
  .site-watermark{opacity:.035}
  .site-watermark img{width:92vw;max-height:70vh}
  .add-mini{transform:translateY(-8px)}
  .add-mini:hover{transform:translateY(-8px)}
}




/* FINAL QUICK CONTACT STABLE OVERRIDE */
.quick-contact{position:fixed!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2147483000!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.quick-contact-toggle{position:relative!important;width:54px!important;height:54px!important;display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important;z-index:2147483001!important;border:2px solid #25D366!important;border-radius:50%!important;background:#25D366!important;color:#06130b!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
.quick-contact-toggle svg{width:26px!important;height:26px!important;display:block!important;fill:currentColor!important}
.quick-contact-menu{position:absolute!important;left:68px!important;top:50%!important;transform:translateY(-50%)!important;width:300px!important;max-width:calc(100vw - 90px)!important;margin:0!important;padding:0!important;background:#fff!important;color:#171717!important;border:1px solid #dedede!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(0,0,0,.30)!important;z-index:2147483002!important}
.quick-contact-menu[hidden]{display:none!important}
.quick-contact-menu .contact-option{width:100%!important;min-height:64px!important;margin:0!important;padding:13px 17px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:14px!important;background:#fff!important;color:#171717!important;border:0!important;border-bottom:1px solid #ededed!important;text-decoration:none!important;text-align:left!important;cursor:pointer!important;font:inherit!important}
.quick-contact-menu .contact-option:last-child{border-bottom:0!important}
.quick-contact-menu .contact-option:hover{background:#f5f5f5!important}
.quick-contact-menu .qc-icon{width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f1f1f1!important;color:#555!important}
.quick-contact-menu .contact-option strong{display:block!important;color:#171717!important;font-size:15px!important;line-height:1.2!important}
.quick-contact-menu .contact-option small{display:block!important;margin-top:4px!important;color:#777!important;font-size:12px!important}
@media(max-width:700px){.quick-contact{left:9px!important}.quick-contact-toggle{width:48px!important;height:48px!important}.quick-contact-menu{left:58px!important;width:min(300px,calc(100vw - 72px))!important}}

/* =========================================================
   FINAL CROSS-DEVICE RESPONSIVE SAFETY LAYER
   Keeps existing design/functionality intact while preventing
   horizontal overflow and broken layouts on phones, tablets,
   laptops and large desktop screens.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{max-width:100%}
img,svg,video,iframe{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%;box-sizing:border-box}
.container{width:calc(100% - 40px);max-width:var(--max)}

/* Header / navigation */
.site-header{width:100%;overflow:visible}
.nav-wrap{width:100%;min-width:0;gap:16px}
.brand{min-width:0;flex-shrink:0}
.brand img{max-width:190px;height:auto}
.main-nav{min-width:0}
.main-nav>a{white-space:nowrap}
.lang-switch{flex-shrink:0}

/* Prevent long words/URLs from pushing any layout wider. */
h1,h2,h3,h4,h5,h6,p,a,strong,span,small,li,td,th,label{overflow-wrap:anywhere;word-break:normal}

/* Main page grids become fluid before they can become cramped. */
.hero-grid,.two-col,.contact-grid,.order-grid,.careers-hero-grid,.careers-grid,.feature-grid,.footer-grid,.cards,.menu-cards{min-width:0}
.hero-grid>*,.two-col>*,.contact-grid>*,.order-grid>*,.careers-hero-grid>*,.careers-grid>*,.feature-grid>*,.footer-grid>*,.cards>*,.menu-cards>*{min-width:0}

/* Gallery: override the inline desktop grid safely at small widths. */
.gallery-grid{width:100%;min-width:0}
.gallery-grid>a{min-width:0}
.gallery-grid img{max-width:100%}

/* Contact / delivery / map */
.reference-contact-section,.reference-contact-inner,.reference-col{min-width:0;max-width:100%}
.reference-contact-inner{width:100%}
.ref-contact-lines>div{min-width:0}
.ref-contact-lines strong,.ref-contact-lines a{min-width:0;overflow-wrap:anywhere}
.ref-hours{width:100%;min-width:0}
.ref-hours div{min-width:0}
.ref-hours span,.ref-hours strong{min-width:0;overflow-wrap:anywhere}
.ref-delivery-links,.ref-delivery-links a{min-width:0;max-width:100%}
.ref-map,.ref-map iframe{max-width:100%}
.reference-footer-inner{min-width:0}

/* Menu */
.menu-intro,.category-heading{min-width:0}
.category-heading>*{min-width:0}
.menu-cards{width:100%}
.menu-item{min-width:0;max-width:100%}
.menu-item .food-image{max-width:100%}
.menu-item .food-image img{max-width:100%;max-height:100%}
.menu-item .food-body{min-width:0}
.menu-item .food-body>div{min-width:0}
.menu-item .food-body h3,.menu-item .food-body p{overflow-wrap:anywhere}
.add-mini{flex-shrink:0}

/* Product drawer */
.product-drawer,.product-drawer-scroll,.product-drawer-detail,.drawer-menu-area{min-width:0;max-width:100%}
.product-drawer{max-width:100vw}
.product-drawer-media{max-width:100%}
.drawer-actions{min-width:0;flex-wrap:wrap}
.drawer-actions>*{min-width:0}
.drawer-menu-product{min-width:0;max-width:100%}
.drawer-menu-product-info{min-width:0}
.drawer-menu-product-info h4,.drawer-menu-product-info p{overflow-wrap:anywhere}
.drawer-menu-product-bottom{min-width:0;flex-wrap:wrap}

/* Cart: the inline flex styles in cart.php are neutralized responsively. */
.cart-table,.cart-row{width:100%;min-width:0}
.cart-row{display:grid!important;grid-template-columns:70px minmax(0,1fr) auto auto auto!important;gap:14px!important;align-items:center!important}
.cart-row img{width:70px!important;height:70px!important;margin:0!important;max-width:70px}
.cart-row>div{min-width:0!important}
.cart-row input{width:60px!important;min-width:55px}
.cart-row strong{margin:0!important;white-space:nowrap}
.cart-row>a{margin:0!important;white-space:nowrap}
.cart-summary{min-width:0;flex-wrap:wrap}
.cart-actions{min-width:0;flex-wrap:wrap}
.cart-actions>*{min-width:0}

/* Forms */
.contact-box,.order-form,.order-summary,.career-form-card{min-width:0;max-width:100%}
.contact-box form,.order-form form,.career-form-card form{min-width:0}
.order-form label,.contact-box label,.career-form-card label{min-width:0}
.order-form input,.order-form textarea,.contact-box input,.contact-box textarea,.career-form-card input,.career-form-card textarea{min-width:0;max-width:100%}
.radio-row{min-width:0}
.radio-row label{min-width:0}

/* Buttons never create horizontal scroll. */
.btn,.order-online-big-btn,.ref-bottom-btn,.ref-delivery-links a,.drawer-checkout-btn{max-width:100%;white-space:normal;text-align:center}

/* Large desktop */
@media(min-width:1400px){
  .container{width:min(var(--max),calc(100% - 64px))}
}

/* Laptop / small desktop */
@media(max-width:1100px){
  .container{width:calc(100% - 36px)}
  .main-nav{gap:12px}
  .main-nav>a:not(.nav-order){font-size:12px!important}
  .hero-grid{gap:35px}
  .two-col{gap:45px}
  .contact-grid,.order-grid,.careers-grid{gap:35px}
  .menu-cards{gap:20px}
}

/* Tablet */
@media(max-width:980px){
  .container{width:calc(100% - 32px)}
  .nav-wrap{min-height:84px}
  .brand img{max-width:180px}
  .hero{min-height:auto;padding-bottom:70px}
  .hero-grid{grid-template-columns:1fr;gap:35px;padding-top:45px}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(48px,9vw,82px)}
  .hero-card{width:100%}
  .two-col,.contact-grid,.order-grid,.careers-hero-grid,.careers-grid{grid-template-columns:1fr}
  .cards,.feature-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head{align-items:flex-start}
  .order-online-banner-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .order-online-big-btn{white-space:normal}
  .reference-contact-inner{grid-template-columns:1fr 1fr}
  .find-col{grid-column:1/-1}
  .reference-contact-section{min-height:auto}
  .career-visual{width:100%;max-width:600px}
}

/* Mobile */
@media(max-width:700px){
  .container{width:calc(100% - 28px)}
  .section{padding:70px 0}
  .page-hero{padding:130px 0 55px}
  .page-hero h1{font-size:clamp(42px,12vw,64px)}
  .hero{padding-bottom:55px}
  .hero-grid{padding-top:28px;gap:25px}
  .hero h1{font-size:clamp(42px,13vw,68px);line-height:.98}
  .lead{font-size:17px}
  .hero-actions{width:100%;flex-direction:column}
  .hero-actions .btn{width:100%}
  .cards,.feature-grid,.footer-grid{grid-template-columns:1fr}
  .section-head{display:block}
  .section-head>*{min-width:0}
  .large-copy{font-size:18px}
  .order-online-banner-inner{display:block}
  .order-online-big-btn{width:100%;margin-top:20px}

  /* Mobile navigation */
  .nav-wrap{padding:8px 14px!important;min-height:72px;gap:10px}
  .brand img{height:54px!important;max-width:150px}
  .nav-toggle{font-size:28px;line-height:1;padding:6px 2px}
  .nav-open .main-nav{top:100%!important;max-height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden;padding:12px 14px!important}
  .nav-open .main-nav>a{white-space:normal;padding:12px 8px!important}
  .nav-open .main-nav .lang-switch{margin-top:5px;align-self:flex-start}

  /* Reference bottom */
  .reference-contact-section{padding:28px 14px 34px}
  .reference-contact-inner{grid-template-columns:1fr;gap:38px}
  .reference-col h2{font-size:clamp(36px,11vw,48px);line-height:.95;margin-bottom:25px}
  .ref-contact-lines>div{display:grid;grid-template-columns:minmax(0,70px) minmax(0,1fr);column-gap:10px;white-space:normal}
  .ref-contact-lines span{font-size:13px;white-space:normal}
  .ref-contact-lines strong,.ref-contact-lines a{font-size:14px!important;white-space:normal;overflow-wrap:anywhere}
  .ref-hours{padding:13px 14px;margin-top:20px}
  .ref-hours div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .ref-hours span,.ref-hours strong{font-size:13px;white-space:normal}
  .ref-hours strong{text-align:right}
  .ref-delivery-links{gap:10px}
  .ref-delivery-links a{height:auto;min-height:56px;padding:12px 14px;font-size:14px}
  .ref-map{height:280px;border-radius:16px}
  .reference-footer{padding:14px}
  .reference-footer-inner{flex-direction:column;align-items:flex-start;gap:8px}

  /* Menu */
  .menu-page{padding-top:30px;padding-bottom:60px}
  .menu-intro{display:block}
  .category-heading{display:block}
  .category-heading h2{font-size:clamp(30px,9vw,38px)}
  .menu-cards{grid-template-columns:1fr}
  .menu-item .food-image{height:auto;min-height:260px;aspect-ratio:1.15/1}
  .menu-item .food-body{min-height:0;padding:18px;gap:12px}
  .menu-item .food-body h3{font-size:22px}
  .menu-item .food-body p{font-size:13px}
  .add-mini{width:40px;height:40px;min-width:40px;flex-basis:40px}
  .category-nav{top:72px}

  /* Drawer */
  .product-drawer{width:100vw;max-width:100vw}
  .product-drawer-media{height:min(58vw,270px)}
  .product-drawer-content{padding:16px}
  .product-drawer h2{font-size:24px}
  .drawer-description{font-size:15px}
  .drawer-menu-product{grid-template-columns:76px minmax(0,1fr)}
  .drawer-menu-product-image{width:76px;height:76px}
  .drawer-menu-product-info{padding:9px 8px 9px 0}
  .drawer-menu-product-info h4{font-size:14px}
  .drawer-menu-product-info p{font-size:11px}

  /* Cart */
  .cart-row{grid-template-columns:58px minmax(0,1fr) auto auto!important;gap:9px!important;padding:14px 0}
  .cart-row img{width:58px!important;height:58px!important;max-width:58px}
  .cart-row input{width:52px!important;min-width:52px!important;padding:7px!important}
  .cart-row strong{font-size:13px}
  .cart-row>a{font-size:22px}
  .cart-summary{justify-content:space-between;font-size:18px}
  .cart-actions{justify-content:stretch}
  .cart-actions .btn{flex:1 1 140px}

  /* Checkout / careers */
  .delivery-policy-top{padding:18px 16px}
  .delivery-policy-top h2{font-size:28px}
  .delivery-policy-top ul{grid-template-columns:1fr}
  .order-form,.order-summary,.career-form-card{padding:20px}
  .order-summary{order:2}
  .order-form{order:1}
  .career-visual{min-height:230px}
  .career-badge{font-size:36px}
}

/* Very small phones */
@media(max-width:420px){
  .container{width:calc(100% - 22px)}
  .nav-wrap{padding-left:10px!important;padding-right:10px!important}
  .brand img{height:50px!important;max-width:135px}
  .hero h1{font-size:40px}
  .page-hero h1{font-size:40px}
  .section{padding:58px 0}
  .reference-contact-section{padding-left:11px;padding-right:11px}
  .ref-contact-lines>div{grid-template-columns:62px minmax(0,1fr)}
  .ref-contact-lines span{font-size:12px}
  .ref-contact-lines strong,.ref-contact-lines a{font-size:13px!important}
  .ref-hours div{grid-template-columns:1fr}
  .ref-hours strong{text-align:left}
  .ref-delivery-links a{min-height:52px;font-size:13px}
  .ref-map{height:250px}
  .cart-row{grid-template-columns:50px minmax(0,1fr) auto!important;gap:8px!important}
  .cart-row input{grid-column:2;justify-self:start}
  .cart-row strong{grid-column:3;grid-row:1}
  .cart-row>a{grid-column:3;grid-row:2;justify-self:end}
  .cart-row>div{grid-column:2;grid-row:1}
  .cart-row img{grid-column:1;grid-row:1 / span 2;width:50px!important;height:50px!important;max-width:50px}
}

/* Landscape phones / narrow tablets */
@media(max-width:900px) and (orientation:landscape){
  .hero{min-height:auto}
  .hero-grid{padding-top:25px}
  .reference-contact-inner{grid-template-columns:1fr 1fr}
  .find-col{grid-column:1/-1}
  .ref-map{height:280px}
}

/* =========================================================
   FINAL NAVBAR FIX - MOBILE & SMALL TABLETS
   The navigation must never be cut off horizontally.
   Desktop navigation remains unchanged above 1100px.
   ========================================================= */
@media (max-width:1100px){
  .site-header .nav-wrap{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .site-header .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }
  .site-header .brand img{
    width:auto!important;
    max-width:150px!important;
    height:50px!important;
    object-fit:contain!important;
  }
  .site-header .nav-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    margin-left:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:30px!important;
    line-height:1!important;
    cursor:pointer!important;
    z-index:1002!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    background:#f2efe9!important;
    box-shadow:0 12px 25px rgba(0,0,0,.18)!important;
    border-top:1px solid #d9d3c8!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    max-height:calc(100vh - 72px)!important;
    box-sizing:border-box!important;
    z-index:1001!important;
  }
  body.nav-open .site-header .main-nav{
    display:flex!important;
  }
  body.nav-open .site-header .main-nav>a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:13px 8px!important;
    margin:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
    color:#111!important;
  }
  body.nav-open .site-header .main-nav .cart-link,
  body.nav-open .site-header .main-nav .nav-order{
    width:100%!important;
  }
  body.nav-open .site-header .main-nav .lang-switch{
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:8px 0 2px!important;
    align-self:flex-start!important;
  }
}

@media (max-width:600px){
  .site-header .nav-wrap{padding:8px 12px!important;min-height:68px!important;height:68px!important}
  .site-header .brand img{height:46px!important;max-width:135px!important}
  .site-header .nav-toggle{flex-basis:44px!important;width:44px!important;height:44px!important;font-size:29px!important}
  .site-header .main-nav{max-height:calc(100vh - 68px)!important}
}

/* Final multilingual footer contact alignment.
   Keep translated labels (including Ukrainian) aligned with their values
   without allowing the email address to drop underneath the label. */
.ref-contact-lines > div{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  column-gap:14px!important;
  align-items:baseline!important;
  min-width:0!important;
  white-space:normal!important;
}
.ref-contact-lines span{
  white-space:nowrap!important;
  min-width:max-content!important;
}
.ref-contact-lines strong,
.ref-contact-lines strong a,
.ref-contact-lines a{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
}

@media(max-width:700px){
  .ref-contact-lines > div{
    grid-template-columns:max-content minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .ref-contact-lines span{
    font-size:13px!important;
  }
  .ref-contact-lines strong,
  .ref-contact-lines strong a,
  .ref-contact-lines a{
    font-size:14px!important;
  }
}

@media(max-width:360px){
  .ref-contact-lines > div{
    grid-template-columns:max-content minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .ref-contact-lines span{font-size:12px!important}
  .ref-contact-lines strong,
  .ref-contact-lines strong a,
  .ref-contact-lines a{font-size:13px!important}
}



/* =========================================================
   SIDE DRAWER MENU STRIP - EXACT MATCHING DARK THEME
========================================================= */

/* 1. Poori strip ka background white se badal kar solid dark black karne ke liye */
.drawer-category-nav {
  background: #0d0f12 !important; /* Exact pure solid dark black */
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; /* Light border line */
}

/* 2. Buttons/Links ka text color black se white karne ke liye */
.drawer-filter {
  color: #ffffff !important;
}

/* 3. Jab mouse upar jaye (Hover) ya button active ho (jaise All par red line hai) */
.drawer-filter:hover {
  color: var(--accent, #d6a24a) !important; /* Text color change on hover */
}

/* Active tab ki neeche wali bar ko pure red/orange color dene ke liye */
.drawer-filter[style*="border-bottom"],
.drawer-filter.active {
  color: var(--accent, #d6a24a) !important;
  border-bottom-color: var(--accent, #d6a24a) !important; /* Matches your active line */
}

/* Halal labels + cross-device cart polish */
.cart-halal-badge{display:inline-block;width:max-content;margin:5px 0 2px;background:#16a34a;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;line-height:1;font-weight:800;letter-spacing:.03em}
@media(max-width:900px){.category-nav{position:sticky;top:0;z-index:200;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav .filter{white-space:nowrap}.menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-row{min-width:0!important}}
@media(max-width:600px){.menu-cards{grid-template-columns:1fr}.cart-row{grid-template-columns:54px minmax(0,1fr) auto!important;gap:9px!important}.cart-row img{width:54px!important;height:54px!important}.cart-row input{grid-column:2!important;grid-row:2!important;justify-self:start}.cart-row strong{grid-column:3!important;grid-row:1!important}.cart-row>a{grid-column:3!important;grid-row:2!important}.cart-row>div{grid-column:2!important;grid-row:1!important}.cart-row h3{font-size:18px}.cart-actions .btn{width:100%}}


/* Final requested polish: quick contact on the right, with menu opening inward. */
.quick-contact{left:auto!important;right:14px!important}
.quick-contact-menu{left:auto!important;right:68px!important}
@media(max-width:700px){
  .quick-contact{left:auto!important;right:9px!important}
  .quick-contact-menu{left:auto!important;right:58px!important;width:min(300px,calc(100vw - 70px))!important}
}


/* Legal footer navigation: four clear, touch-friendly links on every device. */
.legal-footer-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  max-width:100%!important;
}
.legal-footer-links a{
  color:inherit!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.legal-footer-links a:hover,
.legal-footer-links a:focus-visible{
  text-decoration:underline!important;
}
.legal-block{
  margin:0 0 34px;
}
.legal-block h2{
  margin:0 0 12px;
  line-height:1.25;
}
.legal-block p{
  margin:0 0 12px;
  line-height:1.75;
}
.legal-lead{
  font-size:1.05rem;
  line-height:1.75;
  margin:0 0 36px;
}
.faq-list{
  display:grid;
  gap:12px;
}
.faq-item{
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.faq-item summary{
  cursor:pointer;
  list-style:none;
  padding:18px 20px;
  font-weight:700;
  line-height:1.4;
  position:relative;
  padding-right:52px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  font-size:24px;
  font-weight:400;
}
.faq-item[open] summary::after{content:"−"}
.faq-answer{
  padding:0 20px 18px;
}
.faq-answer p{
  margin:0;
  line-height:1.7;
}
@media(max-width:700px){
  .legal-footer-links{
    justify-content:center!important;
    width:100%!important;
    gap:9px 14px!important;
    margin-top:10px!important;
  }
  .legal-footer-links a{
    font-size:13px!important;
  }
  .legal-block{margin-bottom:28px}
  .legal-block h2{font-size:1.25rem}
  .legal-lead{font-size:1rem}
  .faq-item summary{padding:16px 48px 16px 16px}
  .faq-answer{padding:0 16px 16px}
}
@media(max-width:380px){
  .legal-footer-links{gap:8px 10px!important}
  .legal-footer-links a{font-size:12px!important}
}


/* Legal links: keep them in the same Contact / Delivery / Find Us footer area, not in a separate strip. */
.reference-footer{
  background:transparent;
  border-top:0;
  color:#b7b6bd;
  padding:0 38px 28px;
}
.reference-footer-inner{
  max-width:1540px;
  margin:0 auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  font-size:12px;
}
.legal-footer-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px 22px;
}
.legal-footer-links a{
  color:#d0cfd4;
  text-decoration:none;
  font-size:12px;
  line-height:1.5;
  transition:color .2s ease;
}
.legal-footer-links a:hover{color:#f2a9c8}
@media(max-width:800px){
  .reference-footer{padding:0 20px 24px}
  .reference-footer-inner{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px}
  .legal-footer-links{justify-content:flex-start;gap:8px 18px}
  .legal-footer-links a{font-size:12px}
}
/* Final legal footer and FAQ presentation */
.reference-footer{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:0!important}
.reference-footer-inner{border-top:0!important;background:transparent!important}
.legal-footer-links a{font-size:11px!important;line-height:1.4!important}
.faq-item{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;box-shadow:none!important}
.faq-item summary{background:transparent!important;color:inherit!important;cursor:default!important}
.faq-item summary::after{display:none!important}
.faq-item .faq-answer{display:block!important}
/* Extended legal pages: readable long-form content, responsive on all devices. */
.legal-block{max-width:920px;padding-bottom:4px}.legal-block h2{font-size:27px;color:#f4f4f4}.legal-block p{max-width:920px;font-size:15px;line-height:1.82;color:#bdbdbd}.legal-lead{max-width:920px;color:#d0d0d0!important}.legal-block + .legal-block{border-top:1px solid rgba(255,255,255,.07);padding-top:26px}@media(max-width:650px){.legal-block h2{font-size:22px}.legal-block p,.legal-lead{font-size:14px;line-height:1.75}.legal-block + .legal-block{padding-top:20px}}

/* Papa John's-inspired legal footer alignment: same footer background, no white strip. */
.footer-bottom-reference{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:18px 20px 24px!important;
}
.footer-bottom-reference .footer-copyright{
  color:#b7b6bd!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.footer-bottom-reference .legal-footer-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:0 9px!important;
  width:auto!important;
  margin:0!important;
}
.footer-bottom-reference .legal-footer-links a,
.footer-bottom-reference .legal-footer-links span{
  color:#d0cfd4!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-decoration:none!important;
  padding:0!important;
}
.footer-bottom-reference .legal-footer-links a:hover,
.footer-bottom-reference .legal-footer-links a:focus-visible{
  color:#f2a9c8!important;
  text-decoration:underline!important;
}
@media(max-width:600px){
  .footer-bottom-reference{padding:16px 14px 22px!important;gap:6px!important}
  .footer-bottom-reference .footer-copyright{font-size:11px!important}
  .footer-bottom-reference .legal-footer-links{gap:0 7px!important}
  .footer-bottom-reference .legal-footer-links a,
  .footer-bottom-reference .legal-footer-links span{font-size:11px!important}
}


/* FINAL: Papa John's-style legal footer alignment — no white strip/background. */
.reference-footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 16px 24px !important;
  background: #090a0e !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b7b6bd !important;
  box-sizing: border-box !important;
}
.reference-footer-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
}
.reference-footer .footer-copyright-line {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #b7b6bd !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
.reference-footer .legal-footer-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 0 8px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}
.reference-footer .legal-footer-links a,
.reference-footer .legal-footer-links span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #d0cfd4 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.reference-footer .legal-footer-links a:hover,
.reference-footer .legal-footer-links a:focus-visible {
  background: transparent !important;
  color: #ffffff !important;
  text-decoration: underline !important;
}
@media (max-width: 600px) {
  .reference-footer { padding: 15px 12px 20px !important; }
  .reference-footer .footer-copyright-line { font-size: 11px !important; }
  .reference-footer .legal-footer-links { gap: 0 6px !important; }
  .reference-footer .legal-footer-links a,
  .reference-footer .legal-footer-links span { font-size: 11px !important; }
}
.address-extra-fields {
  margin-top: 15px;
  margin-bottom: 20px;
}

.address-extra-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #4baf7c; /* Green accent matching design */
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}

.address-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 576px) {
  .address-grid {
    grid-template-columns: 1fr;
  }
}