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

/* ── AUTO IMAGE FIT: any image placed inside a frame takes its shape automatically ── */
.m-card img,
.about-img-wrap img,
.li img,
.del-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* Owner/chef photos: focus on face (top) instead of center */
.about-img-wrap img { object-position: top center; }
:root{
  --orange:#E85D04;
  --orange2:#F48C06;
  --red:#9B2226;
  --red2:#D62828;
  --yellow:#FFBA08;
  --dark:#0D0300;
  --darker:#070100;
  --cream:#FFF5E4;
  --white:#FFFFFF;
}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{font-family:'Montserrat',sans-serif;background:var(--darker);color:var(--white);cursor:none;}
@media (hover:none){
  body{cursor:auto;}
  #cur,#cur-r{display:none!important;}
}

/* CURSOR — dots follow pointer (script runs early so this works even if GSAP fails) */
#cur{width:10px;height:10px;border-radius:50%;background:var(--orange);position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transition:width .3s,height .3s,background .3s;will-change:transform;}
#cur-r{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--orange2);position:fixed;top:0;left:0;pointer-events:none;z-index:99998;transition:width .35s,height .35s,opacity .3s;opacity:.5;will-change:transform;}

/* PROGRESS */
#prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--red2));z-index:9999;width:0%;transition:width .1s;}

/* THREE BG */
#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
html.perf-lite #bg-canvas{display:none!important;}
html.perf-lite .hero-glow-ring,
html.perf-lite .hero-halo,
html.perf-lite .hero-halo2{animation:none!important;opacity:.28;}
html.perf-lite .hero-sweep{animation:none!important;opacity:0;}
html.perf-lite .hero-scanlines{animation:none!important;opacity:.12;}
html.perf-lite .hero-grain{opacity:.12;}
html.perf-lite .hero-atm,
html.perf-lite .hero-atm2{animation:none!important;}
html.perf-lite #sparks{display:none!important;}
html.perf-lite .burger-bg{opacity:.35;}
html.perf-lite nav.s{backdrop-filter:none;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;transition:background .5s,padding .4s;}
nav.s{background:rgba(7,1,0,.92);backdrop-filter:blur(16px);padding:12px 60px;border-bottom:1px solid rgba(232,93,4,.2);}
.logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.08em;color:var(--white);}
.logo span{color:var(--orange);}
.nav-links{display:flex;gap:36px;list-style:none;}
.nav-links a{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.65);text-decoration:none;font-weight:700;position:relative;transition:color .3s;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--orange);transition:width .3s;}
.nav-links a:hover{color:var(--orange);}
.nav-links a:hover::after{width:100%;}
.nav-cta{background:var(--orange)!important;color:var(--white)!important;padding:10px 24px;border-radius:50px;transition:background .3s,transform .2s!important;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--red2)!important;transform:translateY(-1px);}
.nav-right{display:flex;align-items:center;gap:28px;}
.lang-switch{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.lang-switch button{
  font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:8px 14px;border-radius:50px;border:1px solid rgba(255,255,255,.22);
  background:transparent;color:rgba(255,255,255,.55);cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.lang-switch button.active{background:var(--orange);border-color:var(--orange);color:#fff;}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea{font-family:'Tajawal','Montserrat',sans-serif;}
html[dir="rtl"] .hero-content{flex-direction:row-reverse;}
html[dir="rtl"] .hero-left{text-align:start;}
html[dir="rtl"] .hero-btns,
html[dir="rtl"] .del-cta{flex-direction:row-reverse;}
html[dir="rtl"] .m-badge{right:auto;left:14px;}
html[dir="rtl"] .del-badge{left:auto;right:-18px;}

/* ═══════════════════════════════
   HERO — FULL CINEMATIC
═══════════════════════════════ */
#hero{
  position:relative;width:100%;height:100vh;
  display:flex;align-items:flex-end;
  overflow:hidden;z-index:1;
  background:var(--darker);
}

/* Deep red-dark radial atmosphere */
.hero-atm{
  position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse 80% 90% at 50% 60%, rgba(155,34,38,.45) 0%, rgba(13,3,0,.0) 70%);
  pointer-events:none;
}
.hero-atm2{
  position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse 60% 50% at 50% 100%, rgba(232,93,4,.25) 0%, transparent 70%);
  pointer-events:none;
}

/* Floating burger SVG shapes */
.burger-bg{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}

/* CHEF IMAGE — large, centered, bottom-anchored */
.hero-chef-wrap{
  position:absolute;
  bottom:0;left:50%;
  transform:translateX(-50%);
  z-index:5;
  width:min(1100px,100vw);
  height:100vh;
  display:flex;align-items:flex-end;justify-content:center;
}
.hero-chef-img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center center;
  filter:drop-shadow(0 -20px 80px rgba(232,93,4,.4)) drop-shadow(0 0 120px rgba(155,34,38,.35));
  opacity:0;
  transform:translateY(40px) scale(.97);
}

/* Side vignettes to blend chef into bg */
.vign-left{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,var(--darker) 0%,transparent 100%);z-index:6;}
.vign-right{position:absolute;top:0;right:0;width:30%;height:100%;background:linear-gradient(270deg,var(--darker) 0%,transparent 100%);z-index:6;}
.vign-bottom{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,var(--darker) 0%,transparent 100%);z-index:7;}

/* HERO CONTENT — overlaid */
.hero-content{
  position:absolute;
  bottom:0;left:0;right:0;
  z-index:10;
  padding:0 60px 60px;
  display:flex;align-items:flex-end;justify-content:space-between;
}
.hero-left{max-width:500px;}
.hero-eyebrow{
  display:inline-block;
  font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;
  color:var(--orange);font-weight:700;
  border:1px solid rgba(232,93,4,.35);
  padding:6px 18px;border-radius:50px;
  margin-bottom:20px;opacity:0;
}
.hero-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(4rem,9vw,8rem);
  line-height:.95;letter-spacing:.03em;
  color:var(--white);
  opacity:0;transform:translateY(40px);
}
.hero-title .accent{color:var(--orange);}
.hero-title .line2{
  -webkit-text-stroke:1.5px rgba(255,255,255,.6);
  color:transparent;
  display:block;
}
.hero-sub{
  font-size:.88rem;letter-spacing:.06em;
  color:rgba(255,255,255,.55);
  margin:16px 0 32px;
  line-height:1.7;font-weight:300;
  opacity:0;
}
.hero-btns{display:flex;gap:14px;opacity:0;}
.btn-fire{
  background:linear-gradient(135deg,var(--orange2),var(--orange));
  color:var(--white);
  padding:16px 36px;border-radius:50px;
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;text-decoration:none;border:none;cursor:none;
  transition:transform .25s,box-shadow .3s;display:inline-block;
  box-shadow:0 8px 30px rgba(232,93,4,.4);
}
.btn-fire:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(232,93,4,.55);}
.btn-ghost{
  background:transparent;color:rgba(255,255,255,.7);
  padding:16px 36px;border-radius:50px;
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;text-decoration:none;
  border:1px solid rgba(255,255,255,.2);cursor:none;
  transition:border-color .3s,color .3s;display:inline-block;
}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange);}

/* RIGHT SIDE STATS */
.hero-right{
  display:flex;flex-direction:column;gap:20px;
  align-items:flex-end;opacity:0;
}
.hero-stat{
  text-align:end;
  border-inline-end:2px solid var(--orange);
  padding-inline-end:16px;
}
.hero-stat-num{
  font-family:'Bebas Neue',sans-serif;
  font-size:2.6rem;color:var(--white);line-height:1;
}
.hero-stat-lbl{
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.45);margin-top:2px;
}

/* Scroll line */
.scroll-hint{
  position:absolute;bottom:30px;left:50%;
  transform:translateX(-50%);
  z-index:11;display:flex;flex-direction:column;
  align-items:center;gap:8px;
  color:rgba(255,255,255,.3);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;
  opacity:0;
}
.scroll-line{
  width:1px;height:50px;
  background:linear-gradient(to bottom,rgba(232,93,4,.0),rgba(232,93,4,.6));
  animation:sca 2s ease infinite;
}
@keyframes sca{0%,100%{transform:scaleY(1);opacity:1;}50%{transform:scaleY(.4);opacity:.3;}}

/* ═══════════════════════════════
   REST OF SECTIONS
═══════════════════════════════ */
.page-sec{position:relative;z-index:2;padding:110px 60px;}
.sec-inner{max-width:1200px;margin:0 auto;}

/* Owner detail section */
#about{background:#0F0402;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1200px;margin:0 auto;}
.about-img-wrap{
  position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;
  box-shadow:0 40px 100px rgba(232,93,4,.2);cursor:none;
}
.about-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s ease;}
.about-img-wrap:hover img{transform:scale(1.04);}
.about-img-wrap::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(13,3,0,.75) 0%,transparent 50%);
}
.about-img-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px;}
.a-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:none;transition:background .3s,transform .3s;}
.a-dot.on{background:var(--orange);transform:scale(1.3);}
.about-img-hint{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:5;color:rgba(255,255,255,0);
  font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;
  font-weight:700;text-align:center;
  transition:color .4s;
  pointer-events:none;
}
.about-img-wrap:hover .about-img-hint{color:rgba(255,255,255,.85);}

.about-tag{
  font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--orange);font-weight:700;margin-bottom:14px;
  display:block;
}
.about-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1;color:var(--white);margin-bottom:20px;
}
.about-title em{color:var(--orange);font-style:normal;}
.about-div{width:50px;height:2px;background:var(--orange);margin-bottom:24px;transform-origin:left;}
.about-p{font-size:.92rem;line-height:1.9;color:rgba(255,255,255,.55);margin-bottom:16px;font-weight:300;}
.about-stats{display:flex;gap:36px;margin-top:32px;}
.astat-num{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:var(--orange);line-height:1;}
.astat-lbl{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:4px;}

/* MENU */
#menu{background:var(--darker);}
.menu-head{text-align:center;margin-bottom:64px;}
.menu-tag{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);font-weight:700;display:block;margin-bottom:12px;}
.menu-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,6rem);color:var(--white);line-height:1;}
.menu-title span{color:var(--orange);}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0;max-width:1200px;margin:0 auto;}
.menu-subhead{
  grid-column:1/-1;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(1.15rem,2.4vw,1.65rem);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--orange);
  margin:20px 0 4px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.1);
}
.menu-subhead:first-child{margin-top:0;padding-top:0;border-top:none;}
@media(max-width:900px){.menu-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:580px){.menu-grid{grid-template-columns:1fr;}}
.m-card{position:relative;border-radius:16px;overflow:hidden;height:380px;background:#1a0a05;}

.m-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 50%,transparent 100%);padding:20px;will-change:opacity;}
.m-overlay::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(155,34,38,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);opacity:0;transition:opacity .4s ease;z-index:-1;}
.m-card:hover .m-overlay::after{opacity:1;}
.m-cat-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:6px;display:block;}
.m-name{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--white);margin-bottom:4px;letter-spacing:.04em;}
.m-desc{font-size:.75rem;color:rgba(255,255,255,.75);line-height:1.5;margin-bottom:10px;}
.m-price{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--yellow);letter-spacing:.06em;}
.m-badge{position:absolute;top:14px;right:14px;background:var(--orange);color:#fff;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:50px;font-weight:700;z-index:2;}
.m-img{position:absolute;inset:0;width:100%;height:100%;display:block;}
.m-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 1.2s ease;will-change:transform;transform:translateZ(0);}
.m-card:hover .m-img img{transform:translateZ(0) scale(1.08);}

/* LOCATION */
#location{background:#0F0402;}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.loc-imgs{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.li{border-radius:12px;overflow:hidden;position:relative;}
.li:first-child{grid-column:1/-1;aspect-ratio:16/9;}
.li:not(:first-child){aspect-ratio:1;}
.li img{width:100%;height:100%;object-fit:cover;transition:transform 1s;will-change:transform;transform:translateZ(0);}
.li:hover img{transform:translateZ(0) scale(1.06);}
.loc-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.loc-tab{
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);
  padding:10px 14px;border-radius:999px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;cursor:none;transition:all .25s ease;
}
.loc-tab.active{background:linear-gradient(135deg,var(--orange2),var(--orange));border-color:transparent;color:#fff;box-shadow:0 10px 28px rgba(232,93,4,.35);}
.loc-branch-card{
  background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 18px 16px;margin-bottom:24px;
}
.loc-branch-name{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.05em;color:var(--yellow);}
.loc-branch-address{margin-top:6px;font-size:.92rem;line-height:1.7;color:rgba(255,255,255,.88);}
.loc-map-btn{
  margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:rgba(232,93,4,.12);
  border:1px solid rgba(232,93,4,.4);color:#fff;border-radius:999px;padding:9px 14px;
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;text-decoration:none;cursor:none;
}
.loc-map-btn:hover{background:rgba(232,93,4,.22);}
.i-block{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.06);}
.i-block:last-child{border-bottom:none;margin-bottom:0;}
.i-icon{width:48px;height:48px;border-radius:12px;background:var(--orange);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.i-lbl{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:4px;}
.i-val{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:var(--white);margin-bottom:3px;letter-spacing:.04em;}
.i-sub{font-size:.8rem;color:rgba(255,255,255,.4);line-height:1.6;}

/* HOTLINES */
#hotlines{background:var(--red);}
.ht-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:56px;}
.ht-card{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:30px 24px;text-align:center;
  transition:background .3s,transform .3s;cursor:none;
}
.ht-card:hover{background:rgba(255,255,255,.16);transform:translateY(-6px);}
.ht-icon{font-size:2rem;margin-bottom:14px;}
.ht-dept{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow);font-weight:700;margin-bottom:8px;}
.ht-num{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:#fff;margin-bottom:6px;letter-spacing:.05em;}
.ht-hrs{font-size:.78rem;color:rgba(255,255,255,.5);}

/* DELIVERY */
#delivery{background:#0F0402;}
.del-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.del-feats{display:flex;flex-direction:column;gap:18px;margin-top:32px;}
.del-feat{display:flex;gap:16px;align-items:center;}
.del-feat-ic{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--orange2),var(--orange));display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.del-feat-t{font-weight:700;color:var(--white);font-size:.9rem;margin-bottom:2px;}
.del-feat-s{font-size:.8rem;color:rgba(255,255,255,.4);}
.del-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;}
.del-vis{position:relative;}
.del-img{border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 100px rgba(232,93,4,.15);}
.del-img img{width:100%;height:100%;object-fit:cover;}
.del-badge{position:absolute;bottom:-18px;left:-18px;background:var(--yellow);border-radius:14px;padding:20px 26px;}
.del-badge-num{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--dark);line-height:1;letter-spacing:.04em;}
.del-badge-t{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(13,3,0,.6);font-weight:700;}

/* ORDER */
#order{background:var(--darker);padding:120px 60px;text-align:center;position:relative;z-index:2;overflow:hidden;}
#order::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(232,93,4,.2) 0%,transparent 70%);}
.ord-inner{position:relative;z-index:2;max-width:680px;margin:0 auto;}
.ord-delivery-note{
  font-size:.82rem;line-height:1.65;color:rgba(255,186,8,.85);
  max-width:520px;margin:18px auto 0;text-align:center;
  padding:14px 18px;border-radius:14px;
  background:rgba(232,93,4,.12);border:1px solid rgba(232,93,4,.28);
}
.ord-form{display:flex;gap:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:60px;padding:6px;margin-top:20px;}
.ord-form input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.88rem;padding:14px 22px;font-family:'Montserrat',sans-serif;}
.ord-form input::placeholder{color:rgba(255,255,255,.3);}
.ord-form button{background:var(--orange);color:#fff;border:none;border-radius:50px;padding:14px 34px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:none;transition:background .3s;font-family:'Montserrat',sans-serif;}
.ord-form button:hover{background:var(--red2);}

/* FOOTER */
footer{background:#050100;padding:60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;position:relative;z-index:2;}
.ft-logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.06em;color:var(--white);display:block;margin-bottom:14px;}
.ft-logo span{color:var(--orange);}
.ft-p{font-size:.82rem;color:rgba(255,255,255,.3);line-height:1.8;max-width:240px;}
.ft-h{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:18px;}
.ft-col ul{list-style:none;}
.ft-col li{margin-bottom:9px;}
.ft-col a{color:rgba(255,255,255,.35);text-decoration:none;font-size:.83rem;transition:color .3s;}
.ft-col a:hover{color:var(--white);}
.ft-bot{background:#050100;border-top:1px solid rgba(255,255,255,.05);padding:18px 60px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;}
.ft-bot p{font-size:.75rem;color:rgba(255,255,255,.2);}

/* Generic helpers */
.sec-tag{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);font-weight:700;display:block;margin-bottom:14px;}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;color:var(--white);margin-bottom:18px;}
.sec-title em{color:var(--orange);font-style:normal;}
.sec-div{width:48px;height:2px;background:var(--orange);margin-bottom:22px;}
.sec-p{font-size:.9rem;line-height:1.85;color:rgba(255,255,255,.5);font-weight:300;}
.reveal{opacity:1;}

@media(max-width:900px){
  nav{padding:16px 20px;}
  nav.s{padding:10px 20px;}
  .nav-links{display:none;}
  .nav-right{margin-inline-start:auto;}
  /* Hero — mobile: stack image then copy; full photo (contain), no overlap */
  html[dir="rtl"] .hero-content{flex-direction:column;}
  #hero{
    height:auto;
    min-height:100svh;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    /* avoid overflow-x:hidden + visible-y (becomes auto) trapping touch/scroll on mobile */
    overflow:visible;
    padding-top:max(72px, calc(env(safe-area-inset-top, 0px) + 52px));
  }
  .hero-chef-wrap{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:100%;
    max-width:100%;
    height:auto;
    flex:0 0 auto;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:8px 16px 0;
    z-index:5;
  }
  .hero-chef-img{
    width:100%;
    max-width:560px;
    height:auto;
    object-fit:contain;
    object-position:center bottom;
    display:block;
  }
  .vign-left,.vign-right,.vign-bottom{display:none!important;}
  .hero-title{
    font-size:clamp(2.6rem,10vw,4.2rem);
    text-shadow:none;
  }
  .hero-title .line2{-webkit-text-stroke:1px rgba(255,255,255,.55);}
  .hero-eyebrow{
    font-size:.62rem;
    letter-spacing:.2em;
    padding:6px 16px;
    margin-bottom:16px;
    max-width:100%;
    box-sizing:border-box;
  }
  .hero-sub{
    font-size:.92rem;
    max-width:40ch;
    margin:14px 0 22px;
    text-shadow:none;
  }
  .hero-btns{display:flex;flex-wrap:wrap;gap:12px;}
  .hero-btns .btn-fire,.hero-btns .btn-ghost{min-height:48px;padding:14px 22px;}
  .hero-content{
    position:relative;
    inset:auto;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:22px;
    width:100%;
    padding:24px 20px 8px;
    padding-bottom:max(12px, env(safe-area-inset-bottom, 0px));
    background:var(--darker);
    z-index:10;
  }
  .hero-left{
    max-width:100%;
    position:relative;
    z-index:12;
  }
  .hero-right{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    width:100%;
    align-items:stretch;
  }
  .hero-stat{
    text-align:center;
    border:none;
    padding:14px 8px;
    background:rgba(255,255,255,.05);
    border-radius:14px;
    border:1px solid rgba(232,93,4,.2);
  }
  html[dir="rtl"] .hero-stat{text-align:center;}
  .hero-stat-num{font-size:clamp(1.4rem,5.5vw,1.85rem);}
  .hero-stat-lbl{
    font-size:.55rem;
    letter-spacing:.12em;
    line-height:1.3;
    margin-top:6px;
  }
  .scroll-hint{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    flex-shrink:0;
    align-self:center;
    margin:16px 0 max(20px, env(safe-area-inset-bottom, 0px));
    z-index:11;
    pointer-events:none;
    opacity:.85;
  }
  .scroll-line{height:40px;}
  .hero-bottom-line{display:none;}
  .hero-glow-ring,.hero-halo,.hero-halo2,.hero-scanlines,.hero-grain,.hero-sweep,.hero-corner,#sparks{display:none!important;}
  .about-grid,.loc-grid,.del-grid{grid-template-columns:1fr;gap:40px;}
  .page-sec{padding:80px 20px;}
  .loc-tab{padding:12px 16px;min-height:44px;}
  .ord-form{flex-direction:column;border-radius:18px;padding:10px;gap:8px;}
  .ord-form input,.ord-form button{width:100%;border-radius:12px;min-height:44px;}
  footer{grid-template-columns:1fr 1fr;}
  .ft-bot{flex-direction:column;gap:8px;text-align:center;padding:16px 20px;}
}

/* Short viewports (landscape phone): smaller type, tighter gaps */
@media(max-width:900px) and (max-height:520px){
  #hero{padding-top:max(60px, env(safe-area-inset-top, 0px) + 44px);}
  .hero-chef-img{max-width:min(100%, 340px);}
  .hero-title{font-size:clamp(1.75rem,6vw,2.5rem);}
  .hero-sub{margin:8px 0 14px;font-size:.78rem;}
  .hero-eyebrow{margin-bottom:10px;padding:4px 12px;font-size:.55rem;}
  .hero-content{gap:14px;padding:16px 16px 4px;}
  .hero-stat{padding:10px 6px;}
  .hero-stat-num{font-size:1.15rem;}
  .hero-stat-lbl{font-size:.5rem;}
  .scroll-hint{margin:10px 0 12px;}
  .scroll-line{height:28px;}
}

/* ═══════════════════════════════
   HERO ANIMATIONS — PREMIUM LAYER
═══════════════════════════════════════ */

/* Animated glow ring behind chef */
.hero-glow-ring {
  position:absolute;
  bottom:-10%;left:50%;
  transform:translateX(-50%);
  width:min(650px,85vw);
  height:min(650px,85vw);
  border-radius:50%;
  background:radial-gradient(ellipse, rgba(232,93,4,.18) 0%, rgba(155,34,38,.12) 40%, transparent 70%);
  z-index:3;
  pointer-events:none;
  animation:glowPulse 4s ease-in-out infinite;
}
@keyframes glowPulse {
  0%,100%{transform:translateX(-50%) scale(1);opacity:.7;}
  50%{transform:translateX(-50%) scale(1.12);opacity:1;}
}

/* Rotating halo ring */
.hero-halo {
  position:absolute;
  bottom:0;left:50%;
  transform:translateX(-50%) translateY(30%);
  width:min(600px,80vw);
  height:min(600px,80vw);
  border-radius:50%;
  border:1px solid rgba(232,93,4,.15);
  z-index:3;
  pointer-events:none;
  animation:haloSpin 20s linear infinite;
}
.hero-halo::before {
  content:'';
  position:absolute;
  top:-3px;left:30%;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 12px 4px rgba(232,93,4,.8);
}
@keyframes haloSpin { to{transform:translateX(-50%) translateY(30%) rotate(360deg);} }

.hero-halo2 {
  position:absolute;
  bottom:0;left:50%;
  transform:translateX(-50%) translateY(35%);
  width:min(700px,90vw);
  height:min(700px,90vw);
  border-radius:50%;
  border:1px solid rgba(155,34,38,.1);
  z-index:3;
  pointer-events:none;
  animation:haloSpin2 30s linear infinite;
}
.hero-halo2::before {
  content:'';
  position:absolute;
  bottom:-3px;right:20%;
  width:4px;height:4px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:0 0 10px 3px rgba(255,186,8,.7);
}
@keyframes haloSpin2 { to{transform:translateX(-50%) translateY(35%) rotate(-360deg);} }

/* Light sweep shimmer across chef */
.hero-sweep {
  position:absolute;inset:0;z-index:8;
  background:linear-gradient(105deg, transparent 30%, rgba(255,200,100,.08) 50%, transparent 70%);
  background-size:200% 100%;
  animation:sweep 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sweep {
  0%{background-position:200% 0;}
  100%{background-position:-200% 0;}
}

/* Floating fire sparks */
.spark {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:9;
  animation:sparkFloat linear infinite;
}
@keyframes sparkFloat {
  0%{transform:translateY(0) scale(1);opacity:.9;}
  100%{transform:translateY(-120px) scale(0);opacity:0;}
}

/* Scanline overlay — cinematic */
.hero-scanlines {
  position:absolute;inset:0;z-index:4;pointer-events:none;
  background:repeating-linear-gradient(
    to bottom,
    transparent 0px,
    transparent 3px,
    rgba(0,0,0,.04) 3px,
    rgba(0,0,0,.04) 4px
  );
  opacity:.4;
}

/* Grain texture */
.hero-grain {
  position:absolute;inset:0;z-index:4;pointer-events:none;
  opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat;background-size:256px;
}

/* Chef image — mouse parallax */
.hero-chef-wrap {
  transition:none;
}

/* Corner decorative lines */
.hero-corner {
  position:absolute;z-index:11;
  width:60px;height:60px;
  pointer-events:none;
}
.hero-corner-tl{top:80px;left:60px;border-top:1.5px solid rgba(232,93,4,.5);border-left:1.5px solid rgba(232,93,4,.5);}
.hero-corner-tr{top:80px;right:60px;border-top:1.5px solid rgba(232,93,4,.5);border-right:1.5px solid rgba(232,93,4,.5);}
.hero-corner-bl{bottom:80px;left:60px;border-bottom:1.5px solid rgba(232,93,4,.3);border-left:1.5px solid rgba(232,93,4,.3);}
.hero-corner-br{bottom:80px;right:60px;border-bottom:1.5px solid rgba(232,93,4,.3);border-right:1.5px solid rgba(232,93,4,.3);}

/* Pulsing bottom line */
.hero-bottom-line {
  position:absolute;bottom:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--orange),var(--yellow),var(--orange),transparent);
  z-index:12;
  pointer-events:none;
  animation:linePulse 3s ease-in-out infinite;
}
@keyframes linePulse {
  0%,100%{opacity:.3;transform:scaleX(.6);}
  50%{opacity:.8;transform:scaleX(1);}
}

/* Animated eyebrow badge */
.hero-eyebrow {
  animation:badgePop .8s cubic-bezier(.34,1.56,.64,1) both;
  animation-delay:1s;
}
@keyframes badgePop {
  from{transform:scale(.5) translateY(10px);opacity:0;}
  to{transform:scale(1) translateY(0);opacity:1;}
}

/* Hero title split-letter hover */
.hero-title .letter {
  display:inline-block;
  transition:transform .3s ease, color .3s;
}
.hero-title:hover .letter:nth-child(odd){transform:translateY(-6px);}
.hero-title:hover .letter:nth-child(even){transform:translateY(4px);}

/* Mouse-follow spotlight */
#hero-spotlight {
  position:absolute;
  width:400px;height:400px;
  border-radius:50%;
  pointer-events:none;
  z-index:4;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(232,93,4,.06) 0%, transparent 70%);
  transition:left .15s ease, top .15s ease;
}

/* ── ABOUT DUAL-PHOTO LAYOUT ── */
.about-photos-wrap{display:flex;flex-direction:column;gap:16px;}
.about-card-main,.about-card-banner{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(232,93,4,.25);}
.about-card-main{aspect-ratio:3/4;}
.about-card-banner{aspect-ratio:16/7;}
.about-card-inner{position:relative;width:100%;height:100%;}
.about-card-inner img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform 1.1s ease;will-change:transform;transform:translateZ(0);}
.about-card-banner .about-card-inner img{object-position:center center;}
.about-card-main:hover .about-card-inner img,
.about-card-banner:hover .about-card-inner img{transform:translateZ(0) scale(1.05);}
.about-card-glow{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,3,0,.85) 0%,rgba(232,93,4,.08) 50%,transparent 100%);pointer-events:none;}
.about-card-label{position:absolute;bottom:0;left:0;right:0;padding:20px 22px;z-index:3;}
.about-card-name{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:#fff;letter-spacing:.06em;line-height:1;}
.about-card-role{display:block;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-top:4px;}
/* orange accent border on left */
.about-card-main::before,.about-card-banner::before{
  content:'';position:absolute;top:0;left:0;width:3px;height:100%;
  background:linear-gradient(to bottom,var(--orange2),var(--red2));z-index:4;border-radius:3px 0 0 3px;
}
@media(max-width:900px){
  .about-grid{grid-template-columns:1fr!important;}
  .about-photos-wrap{flex-direction:row;flex-wrap:wrap;}
  .about-card-main{flex:1;min-width:200px;}
  .about-card-banner{width:100%;}
}

.btn-add-cart{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--orange);color:#fff;
  border:none;border-radius:50px;
  padding:9px 18px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;font-family:'Montserrat',sans-serif;
  min-height:44px;
  cursor:pointer;margin-top:10px;transition:background .25s,transform .2s;
  position:relative;z-index:5;
}
.btn-add-cart:hover{background:var(--red2);transform:translateY(-2px);}
.btn-add-cart svg{width:14px;height:14px;fill:#fff;flex-shrink:0;}

/* Floating cart button */
#cart-btn{
  position:fixed;bottom:36px;right:36px;z-index:9000;
  width:58px;height:58px;border-radius:50%;
  background:var(--orange);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 30px rgba(232,93,4,.5);
  transition:transform .25s,background .25s;
}
#cart-btn:hover{background:var(--red2);transform:scale(1.1);}
#cart-btn svg{width:24px;height:24px;fill:#fff;}
#cart-count{
  position:absolute;top:-4px;right:-4px;
  width:22px;height:22px;border-radius:50%;
  background:var(--yellow);color:#000;
  font-size:.65rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(0);transition:opacity .3s,transform .3s;
}
#cart-count.show{opacity:1;transform:scale(1);}

/* Cart drawer */
#cart-drawer{
  position:fixed;top:0;right:-420px;width:400px;height:100vh;
  background:#0D0300;border-left:1px solid rgba(232,93,4,.25);
  z-index:9500;display:flex;flex-direction:column;
  transition:right .4s cubic-bezier(.4,0,.2,1);
  box-shadow:-20px 0 60px rgba(0,0,0,.5);
}
#cart-drawer.open{right:0;}
.cart-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 24px 20px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.cart-header h3{
  font-family:'Bebas Neue',sans-serif;font-size:1.8rem;
  color:#fff;letter-spacing:.06em;
}
.cart-close{
  background:rgba(255,255,255,.07);border:none;
  width:36px;height:36px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.1rem;transition:background .2s;
}
.cart-close:hover{background:rgba(232,93,4,.4);}
.cart-items{flex:1;overflow-y:auto;padding:16px 24px;}
.cart-items::-webkit-scrollbar{width:4px;}
.cart-items::-webkit-scrollbar-thumb{background:var(--orange);border-radius:2px;}
.cart-empty{
  text-align:center;padding:60px 20px;
  color:rgba(255,255,255,.25);font-size:.85rem;letter-spacing:.1em;
}
.cart-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);
}
.cart-item-name{flex:1;font-size:.88rem;color:#fff;font-weight:600;}
.cart-item-price{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;color:var(--yellow);}
.cart-item-qty{display:flex;align-items:center;gap:8px;}
.cart-qty-btn{
  width:26px;height:26px;border-radius:50%;border:1px solid rgba(232,93,4,.5);
  background:transparent;color:var(--orange);font-size:1rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  line-height:1;transition:background .2s;
}
.cart-qty-btn:hover{background:var(--orange);color:#fff;}
.cart-qty-num{min-width:20px;text-align:center;color:#fff;font-size:.9rem;font-weight:700;}
.cart-footer{
  padding:20px 24px 28px;
  border-top:1px solid rgba(255,255,255,.1);
}
.cart-total-row{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:12px;
}
.cart-total-lbl{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.cart-total-val{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--yellow);}
.cart-delivery-note{
  font-size:.72rem;line-height:1.55;color:rgba(255,255,255,.42);
  margin-bottom:16px;padding:12px 14px;border-radius:12px;
  background:rgba(255,186,8,.06);border:1px solid rgba(232,93,4,.22);
}
.cart-checkout{
  width:100%;padding:16px;background:linear-gradient(135deg,var(--orange2),var(--orange));
  color:#fff;border:none;border-radius:50px;
  font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;
  font-family:'Montserrat',sans-serif;cursor:pointer;
  transition:opacity .25s,transform .2s;
}
.cart-checkout:hover{opacity:.9;transform:translateY(-2px);}
@media(max-width:480px){
  #cart-drawer{width:100%;right:-100%;}
  #cart-btn{bottom:24px;right:24px;}
}

/* ── Order completion: Call vs WhatsApp ── */
#order-modal-overlay{
  position:fixed;inset:0;z-index:10050;
  display:none;align-items:center;justify-content:center;
  padding:24px 16px;
  background:rgba(7,1,0,.88);backdrop-filter:blur(10px);
  opacity:0;transition:opacity .35s ease;
}
#order-modal-overlay.open{display:flex;opacity:1;}
.order-modal{
  position:relative;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;
  background:linear-gradient(165deg,#140802 0%,#0D0300 45%,#0a0200 100%);
  border:1px solid rgba(232,93,4,.35);border-radius:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,186,8,.06) inset;
  padding:28px 26px 24px;
}
.order-modal-close{
  position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);
  color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;
}
.order-modal-close:hover{background:rgba(232,93,4,.25);border-color:rgba(232,93,4,.5);}
.order-modal-tag{
  font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);
  font-weight:700;margin-bottom:10px;display:block;
}
.order-modal h3{
  font-family:'Bebas Neue',sans-serif;font-size:2.1rem;letter-spacing:.06em;color:#fff;line-height:1.1;margin-bottom:8px;
}
.order-modal-lead{
  font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.55;margin-bottom:12px;font-weight:300;
}
.order-modal-delivery-note{
  font-size:.78rem;line-height:1.5;color:rgba(255,186,8,.75);
  margin-bottom:18px;padding:10px 12px;border-radius:12px;
  background:rgba(232,93,4,.1);border:1px solid rgba(232,93,4,.25);
}
.order-modal-step{display:none;animation:orderFade .4s ease;}
.order-modal-step.active{display:block;}
/* Sandwich size modal */
#size-modal-overlay{
  position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s;
}
#size-modal-overlay.open{display:flex;opacity:1;}
.size-modal{
  width:min(500px,95vw);background:linear-gradient(160deg,#190804,#0D0300);border:1px solid rgba(255,255,255,.15);
  border-radius:20px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.size-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;}
.size-modal-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff;line-height:1;letter-spacing:.05em;}
.size-modal-sub{font-size:.78rem;color:rgba(255,255,255,.55);line-height:1.6;}
.size-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:1.1rem;cursor:none;}
.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}
.size-option{
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:14px;padding:14px 10px;
  color:#fff;text-align:center;cursor:none;transition:all .25s ease;
}
.size-option:hover{transform:translateY(-2px);border-color:rgba(232,93,4,.6);background:rgba(232,93,4,.14);}
.size-option b{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.05em;}
.size-option span{font-size:.74rem;color:rgba(255,255,255,.72);}
@keyframes orderFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.order-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:520px){.order-choice-grid{grid-template-columns:1fr;}}
@media(max-width:580px){
  .hero-btns .btn-fire,.hero-btns .btn-ghost{width:100%;justify-content:center;}
  .size-options{grid-template-columns:1fr 1fr;}
}
@media(max-width:420px){
  .size-options{grid-template-columns:1fr;}
  .size-modal{padding:16px;}
  .size-modal-title{font-size:1.5rem;}
}
.order-choice-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  padding:22px 16px;border-radius:18px;cursor:pointer;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
  color:#fff;font-family:'Montserrat',sans-serif;
  transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;
}
.order-choice-card:hover{
  transform:translateY(-3px);
  border-color:rgba(232,93,4,.55);
  box-shadow:0 12px 36px rgba(232,93,4,.15);
  background:rgba(232,93,4,.08);
}
.order-choice-card .oc-ic{font-size:2rem;line-height:1;}
.order-choice-card .oc-t{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);}
.order-choice-card .oc-s{font-size:.72rem;color:rgba(255,255,255,.38);line-height:1.4;font-weight:300;}
.order-choice-card.oc-wa:hover{
  border-color:rgba(37,211,102,.45);
  box-shadow:0 12px 36px rgba(37,211,102,.12);
  background:rgba(37,211,102,.06);
}
.order-wa-back{
  display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;
  color:rgba(255,255,255,.45);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;font-family:'Montserrat',sans-serif;cursor:pointer;margin-bottom:18px;padding:4px 0;
  transition:color .2s;
}
.order-wa-back:hover{color:var(--orange);}
.order-wa-phone-wrap{
  text-align:center;padding:18px 16px;margin-bottom:18px;border-radius:16px;
  background:radial-gradient(ellipse at center,rgba(232,93,4,.14) 0%,transparent 70%);
  border:1px solid rgba(232,93,4,.2);
}
.order-wa-phone-wrap .lbl{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:8px;}
.order-wa-phone-wrap .num{
  font-family:'Bebas Neue',sans-serif;font-size:2.4rem;color:var(--yellow);letter-spacing:.06em;line-height:1;
}
.order-wa-tip{
  font-size:.78rem;color:rgba(255,255,255,.42);line-height:1.55;margin-bottom:12px;font-weight:300;
}
#order-wa-message{
  width:100%;min-height:280px;resize:vertical;
  background:#070100;border:1px solid rgba(255,255,255,.1);border-radius:14px;
  color:rgba(255,255,255,.92);font-size:.8rem;line-height:1.55;padding:16px;
  font-family:'Montserrat',sans-serif;margin-bottom:14px;outline:none;
  box-shadow:0 0 0 0 rgba(232,93,4,0);transition:border-color .2s,box-shadow .2s;
}
#order-wa-message:focus{border-color:rgba(232,93,4,.45);box-shadow:0 0 0 3px rgba(232,93,4,.12);}
.order-wa-actions{display:flex;flex-wrap:wrap;gap:10px;}
.order-wa-actions button{
  flex:1;min-width:140px;padding:14px 18px;border-radius:50px;font-size:.68rem;
  font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-family:'Montserrat',sans-serif;
  cursor:pointer;transition:opacity .2s,transform .2s;
}
.order-btn-copy{
  background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);
}
.order-btn-copy:hover{border-color:var(--orange);color:var(--orange);}
.order-btn-copy.copied{border-color:var(--yellow);color:var(--yellow);}
.order-btn-wa{
  border:none;color:#fff;
  background:linear-gradient(135deg,#25D366,#128C7E);
  box-shadow:0 8px 24px rgba(37,211,102,.25);
}
.order-btn-wa:hover{opacity:.95;transform:translateY(-2px);}