/* =========================================================
   PUBG CHICKEN — Design System
   Tokens : color / type / layout / motion
   ========================================================= */
:root{
  --orange:#F58220;
  --orange-light:#FF9A45;
  --red:#D71920;
  --gold:#FFB000;
  --black:#0B0B0B;
  --brown:#35170D;
  --cream:#FFF4E6;
  --brown-glass:rgba(53,23,13,.55);
  --line:rgba(255,244,230,.12);

  --font-display:'Anton', 'Segoe UI', sans-serif;
  --font-body:'Poppins', 'Cairo', sans-serif;
  --font-ar:'Cairo','Poppins',sans-serif;

  --radius:14px;
  --radius-sm:8px;
  --shadow-soft:0 20px 50px rgba(0,0,0,.45);
  --ease:cubic-bezier(.19,1,.22,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--cream);
  font-family:var(--font-body);
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
[lang="ar"], .ar{font-family:var(--font-ar); direction:rtl;}

h1,h2,h3,h4,.display{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.5px;
  line-height:1.05;
}
a{text-decoration:none; color:inherit;}
::selection{background:var(--orange); color:var(--black);}

/* focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
}

/* =========================================================
   Utility text / section framing
   ========================================================= */
.eyebrow{
  font-family:var(--font-body);
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:.78rem;
  color:var(--orange);
  display:inline-flex;
  align-items:center;
  gap:.6rem;
}
.eyebrow::before{
  content:"";
  width:26px; height:2px;
  background:var(--orange);
  display:inline-block;
}

.section{padding:5.5rem 0;}
.section-tight{padding:3.25rem 0;}
.section-title{
  font-size:clamp(2.1rem,4.5vw,3.4rem);
  margin-bottom:.35rem;
  position:relative;
  display:inline-block;
}
.section-title .underline{
  display:block;
  height:4px;
  width:0;
  background:linear-gradient(90deg,var(--orange),var(--red));
  margin-top:.5rem;
  border-radius:2px;
  transition:width 1s var(--ease);
}
.section-title.in-view .underline{width:120px;}
.section-sub{color:rgba(255,244,230,.65); max-width:560px;}

.bg-cream-section{background:var(--cream); color:var(--brown);}
.bg-cream-section .eyebrow{color:var(--red);}
.bg-brown-section{background:var(--brown);}
.bg-black-section{background:var(--black);}

/* diagonal divider */
.diagonal-top{
  clip-path:polygon(0 3.5vw,100% 0,100% 100%,0 100%);
}
.diagonal-bottom{
  clip-path:polygon(0 0,100% 0,100% calc(100% - 3.5vw),0 100%);
}

/* =========================================================
   Reticle / "drop-zone" corner-bracket signature motif
   ========================================================= */
.reticle{position:relative;}
.reticle::before, .reticle::after,
.reticle .rt-tl, .reticle .rt-tr, .reticle .rt-bl, .reticle .rt-br{content:"";}
.reticle-corner{
  position:absolute; width:26px; height:26px;
  border-color:var(--orange);
  border-style:solid;
  opacity:.85;
  pointer-events:none;
  transition:all .4s var(--ease);
}
.reticle .rt-tl{top:-2px; left:-2px; border-width:3px 0 0 3px; position:absolute;}
.reticle .rt-tr{top:-2px; right:-2px; border-width:3px 3px 0 0; position:absolute;}
.reticle .rt-bl{bottom:-2px; left:-2px; border-width:0 0 3px 3px; position:absolute;}
.reticle .rt-br{bottom:-2px; right:-2px; border-width:0 3px 3px 0; position:absolute;}
.reticle:hover .reticle-corner{width:34px; height:34px;}

/* =========================================================
   Navbar
   ========================================================= */
.navbar-pubg{
  padding:.85rem 0;
  background:transparent;
  transition:background .35s var(--ease), box-shadow .35s var(--ease), padding .35s var(--ease);
}
.navbar-pubg.scrolled{
  background:rgba(11,11,11,.92);
  backdrop-filter:blur(10px);
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  padding:.5rem 0;
  border-bottom:1px solid var(--line);
}
.navbar-pubg .navbar-brand{display:flex; align-items:center; gap:.6rem;}
.navbar-pubg .navbar-brand img{height:42px; width:42px; transition:transform .3s var(--ease);}
.navbar-pubg .navbar-brand:hover img{transform:rotate(-8deg) scale(1.08);}
.brand-word{font-family:var(--font-display); font-size:1.15rem; letter-spacing:1px; color:var(--cream);}
.brand-word span{color:var(--orange);}

.navbar-pubg .nav-link{
  font-family:var(--font-body);
  font-weight:600;
  font-size:.85rem;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:rgba(255,244,230,.8) !important;
  padding:.5rem 1rem !important;
  position:relative;
}
.navbar-pubg .nav-link::after{
  content:"";
  position:absolute;
  left:1rem; right:1rem; bottom:.25rem;
  height:2px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--ease);
}
.navbar-pubg .nav-link:hover::after,
.navbar-pubg .nav-link.active::after{transform:scaleX(1);}
.navbar-pubg .nav-link:hover,
.navbar-pubg .nav-link.active{color:var(--cream) !important;}

.navbar-toggler{border:none; box-shadow:none !important;}
.navbar-toggler-icon{filter:invert(1);}

/* cart badge in navbar */
.nav-cart{position:relative;}
.nav-cart .cart-count{
  position:absolute; top:-6px; right:-10px;
  background:var(--red); color:var(--cream);
  font-size:.65rem; font-weight:700;
  border-radius:50%; width:18px; height:18px;
  display:flex; align-items:center; justify-content:center;
  transition:transform .25s var(--ease);
}
.nav-cart.bump .cart-count{animation:bump .4s var(--ease);}
@keyframes bump{0%{transform:scale(1);}40%{transform:scale(1.5);}100%{transform:scale(1);}}

/* =========================================================
   Buttons
   ========================================================= */
.btn{
  font-family:var(--font-body);
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:.82rem;
  border-radius:999px;
  padding:.85rem 1.9rem;
  border:2px solid transparent;
  transition:transform .28s var(--ease), box-shadow .28s var(--ease), background .28s var(--ease), color .28s var(--ease);
  position:relative;
}
.btn:hover{transform:translateY(-3px);}
.btn-pubg-primary{
  background:linear-gradient(135deg,var(--orange),var(--red));
  color:var(--cream);
  box-shadow:0 10px 25px rgba(245,130,32,.35);
}
.btn-pubg-primary:hover{
  color:var(--cream);
  box-shadow:0 16px 34px rgba(245,130,32,.5);
}
.btn-pubg-outline{
  background:transparent;
  border-color:var(--cream);
  color:var(--cream);
}
.btn-pubg-outline:hover{
  background:var(--cream);
  border-color:var(--cream);
  color:var(--black);
}
.btn-pubg-dark{
  background:var(--black);
  color:var(--cream);
  border-color:var(--black);
}
.btn-pubg-dark:hover{background:var(--red); border-color:var(--red); color:var(--cream);}
.btn-arrow{display:inline-flex; align-items:center; gap:.5rem;}
.btn-arrow svg{transition:transform .28s var(--ease);}
.btn:hover .btn-arrow svg,
.btn.btn-arrow:hover svg{transform:translateX(5px);}
.btn-sm-pubg{padding:.55rem 1.2rem; font-size:.72rem;}

/* =========================================================
   Hero
   ========================================================= */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:var(--black);
}
.hero-bg{
  position:absolute; inset:0;
  background-image:url('../img/real/restaurant-mascot-real.jpg');
  background-size:cover;
  background-position:center;
  animation:kenburns 22s ease-in-out infinite alternate;
}
@keyframes kenburns{
  0%{transform:scale(1) translate(0,0);}
  100%{transform:scale(1.14) translate(-1.5%,-1%);}
}
.hero-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(11,11,11,.55) 0%, rgba(11,11,11,.55) 40%, rgba(11,11,11,.94) 100%),
    linear-gradient(90deg, rgba(11,11,11,.85) 0%, rgba(11,11,11,.25) 55%, rgba(11,11,11,.7) 100%);
}
.hero-content{position:relative; z-index:3;}
.hero-character{
  position:absolute;
  z-index:2;
  right:3%;
  bottom:-2%;
  width:min(43vw,560px);
  max-height:92vh;
  object-fit:contain;
  object-position:bottom center;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.55));
  opacity:0;
  transform:translate3d(70px, 24px, 0) scale(.96);
  animation:heroCharacterFadeIn 1.25s cubic-bezier(.2,.75,.25,1) .35s forwards;
}
@keyframes heroCharacterFadeIn{
  0%{opacity:0; transform:translate3d(70px,24px,0) scale(.96);}
  60%{opacity:1;}
  100%{opacity:1; transform:translate3d(0,0,0) scale(1);}
}
.hero-eyebrow{
  color:var(--gold);
  font-weight:700;
  letter-spacing:4px;
  font-size:.8rem;
  text-transform:uppercase;
}
.hero-title{
  font-size:clamp(3rem,9vw,7rem);
  color:var(--cream);
  text-shadow:0 10px 40px rgba(0,0,0,.6);
  margin:.3rem 0;
}
.hero-title .hl{
  background:linear-gradient(90deg,var(--gold),var(--orange),var(--red));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-tagline{
  font-family:var(--font-display);
  letter-spacing:2px;
  font-size:clamp(1.1rem,2.4vw,1.6rem);
  color:var(--orange-light);
  margin-bottom:.6rem;
}
.hero-subtitle{
  color:rgba(255,244,230,.82);
  font-size:1.1rem;
  max-width:520px;
}

/* floating embers / particles */
.embers{position:absolute; inset:0; pointer-events:none; z-index:1;}
.ember{
  position:absolute;
  bottom:-10px;
  width:6px; height:6px;
  border-radius:50%;
  background:radial-gradient(circle, var(--gold), var(--orange) 60%, transparent 70%);
  opacity:.85;
  animation:rise linear infinite;
}
@keyframes rise{
  0%{transform:translateY(0) translateX(0) scale(1); opacity:0;}
  10%{opacity:.9;}
  100%{transform:translateY(-100vh) translateX(30px) scale(.3); opacity:0;}
}
.scroll-cue{
  position:absolute; bottom:28px; left:50%; transform:translateX(-50%);
  z-index:2; color:rgba(255,244,230,.7); font-size:.72rem;
  letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.scroll-cue .line{
  width:1px; height:34px; background:rgba(255,244,230,.5);
  margin:.5rem auto 0; position:relative; overflow:hidden;
}
.scroll-cue .line::after{
  content:""; position:absolute; top:-100%; left:0; width:100%; height:100%;
  background:var(--gold); animation:scrolldrip 1.6s ease-in-out infinite;
}
@keyframes scrolldrip{0%{top:-100%;}60%{top:100%;}100%{top:100%;}}

/* =========================================================
   Cards — food / product
   ========================================================= */
.food-card{
  background:var(--brown);
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
  height:100%;
  position:relative;
}
.food-card:hover{
  transform:translateY(-8px);
  box-shadow:0 22px 45px rgba(245,130,32,.22);
  border-color:rgba(245,130,32,.4);
}
.food-card .img-wrap{overflow:hidden; aspect-ratio:4/3; position:relative;}
.food-card .img-wrap img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .55s var(--ease), filter .55s var(--ease);
}
.food-card:hover .img-wrap img{transform:scale(1.09);}
.food-card .body{padding:1.15rem 1.25rem 1.35rem;}
.food-card .name{font-family:var(--font-display); font-size:1.15rem; letter-spacing:.5px; margin-bottom:.25rem;}
.food-card .desc{font-size:.85rem; color:rgba(255,244,230,.62); min-height:2.4em;}
.food-card .price-row{display:flex; align-items:center; justify-content:space-between; margin-top:.9rem;}
.food-card .price{font-family:var(--font-display); font-size:1.25rem; color:var(--gold);}
.badge-new{
  position:absolute; top:12px; left:12px; z-index:2;
  background:var(--red); color:var(--cream);
  font-size:.65rem; font-weight:700; letter-spacing:1px;
  padding:.3rem .65rem; border-radius:999px; text-transform:uppercase;
}
.badge-cat{
  position:absolute; top:12px; right:12px; z-index:2;
  background:rgba(11,11,11,.65); backdrop-filter:blur(4px);
  color:var(--gold); font-size:.65rem; font-weight:700; letter-spacing:1px;
  padding:.3rem .6rem; border-radius:999px; text-transform:uppercase;
  border:1px solid rgba(255,176,0,.4);
}

.btn-add{
  width:100%;
  background:transparent;
  border:1.5px solid var(--orange);
  color:var(--orange);
  border-radius:999px;
  padding:.6rem 1rem;
  font-weight:700; font-size:.78rem; letter-spacing:1px; text-transform:uppercase;
  transition:all .3s var(--ease);
  display:flex; align-items:center; justify-content:center; gap:.5rem;
}
.btn-add:hover{background:linear-gradient(135deg,var(--orange),var(--red)); color:var(--cream); border-color:transparent;}
.btn-add.added{background:var(--gold); border-color:var(--gold); color:var(--black);}

/* =========================================================
   Offer / deal cards
   ========================================================= */
.deal-card{
  position:relative;
  background:var(--brown);
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  height:100%;
  transition:transform .35s var(--ease);
}
.deal-card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:var(--radius);
  padding:2px;
  background:linear-gradient(135deg,var(--gold),var(--orange),var(--red));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .4s var(--ease);
  pointer-events:none;
  z-index:3;
}
.deal-card:hover{transform:translateY(-6px);}
.deal-card:hover::before{opacity:1; animation:glowpulse 1.8s ease-in-out infinite;}
@keyframes glowpulse{0%,100%{filter:drop-shadow(0 0 2px rgba(245,130,32,.4));}50%{filter:drop-shadow(0 0 10px rgba(245,130,32,.8));}}
.deal-card .img-wrap{aspect-ratio:16/10; overflow:hidden;}
.deal-card .img-wrap img{width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease);}
.deal-card:hover .img-wrap img{transform:scale(1.06);}
.save-badge{
  position:absolute; top:14px; right:14px; z-index:4;
  background:var(--gold); color:var(--black);
  font-family:var(--font-display); font-size:.95rem;
  padding:.4rem .8rem; border-radius:var(--radius-sm);
  transform:rotate(3deg);
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.price-old{text-decoration:line-through; color:rgba(255,244,230,.45); font-size:.95rem; margin-right:.5rem;}
.price-new{font-family:var(--font-display); color:var(--gold); font-size:1.35rem;}

/* =========================================================
   Stats
   ========================================================= */
.stat-box{text-align:center; padding:1.5rem .5rem;}
.stat-num{font-family:var(--font-display); font-size:clamp(2.2rem,4vw,3.2rem); color:var(--orange); line-height:1;}
.stat-label{letter-spacing:2px; font-size:.72rem; text-transform:uppercase; color:rgba(255,244,230,.6); margin-top:.4rem;}
.bg-cream-section .stat-label{color:rgba(53,23,13,.6);}

/* =========================================================
   Gallery
   ========================================================= */
.gallery-grid{
  columns:4 220px;
  column-gap:1rem;
}
@media (max-width:768px){.gallery-grid{columns:2 180px;}}
.gallery-item{
  break-inside:avoid;
  margin-bottom:1rem;
  position:relative;
  border-radius:var(--radius-sm);
  overflow:hidden;
  cursor:pointer;
}
.gallery-item img{width:100%; display:block; transition:transform .6s var(--ease);}
.gallery-item .cap{
  position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 40%, rgba(11,11,11,.92) 100%);
  display:flex; align-items:flex-end; padding:1rem;
  opacity:0; transition:opacity .4s var(--ease);
}
.gallery-item .cap span{font-family:var(--font-display); letter-spacing:.5px; font-size:.95rem;}
.gallery-item:hover img{transform:scale(1.12);}
.gallery-item:hover .cap{opacity:1;}

/* =========================================================
   Branch cards
   ========================================================= */
.branch-card{
  background:var(--brown);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.75rem;
  height:100%;
  transition:transform .35s var(--ease), border-color .35s var(--ease);
}
.branch-card:hover{transform:translateY(-6px); border-color:rgba(245,130,32,.4);}
.branch-card .icon-badge{
  width:52px; height:52px; border-radius:50%;
  background:linear-gradient(135deg,var(--orange),var(--red));
  display:flex; align-items:center; justify-content:center;
  margin-bottom:1rem;
}
.branch-card h3{font-size:1.25rem;}
.branch-phone-list{list-style:none; padding:0; margin:1rem 0; font-size:.88rem; color:rgba(255,244,230,.75);}
.branch-phone-list li{padding:.25rem 0; display:flex; align-items:center; gap:.5rem;}
.hours-pill{
  display:inline-flex; align-items:center; gap:.4rem;
  background:rgba(255,176,0,.12); color:var(--gold);
  border:1px solid rgba(255,176,0,.3);
  padding:.35rem .75rem; border-radius:999px; font-size:.75rem; font-weight:600;
  margin-bottom:1rem;
}

/* =========================================================
   Forms
   ========================================================= */
.form-pubg .form-control, .form-pubg .form-select{
  background:var(--brown);
  border:1px solid var(--line);
  color:var(--cream);
  padding:.85rem 1rem;
  border-radius:var(--radius-sm);
}
.form-pubg .form-control:focus, .form-pubg .form-select:focus{
  background:var(--brown);
  color:var(--cream);
  border-color:var(--orange);
  box-shadow:0 0 0 .2rem rgba(245,130,32,.2);
}
.form-pubg .form-control::placeholder{color:rgba(255,244,230,.35);}
.form-pubg label{font-size:.78rem; letter-spacing:1px; text-transform:uppercase; color:rgba(255,244,230,.65); margin-bottom:.4rem; display:block;}
.form-pubg .invalid-feedback{display:none; color:var(--gold); font-size:.78rem; margin-top:.35rem;}
.form-pubg .is-invalid{border-color:var(--red) !important;}
.form-pubg .is-invalid ~ .invalid-feedback{display:block;}

.success-toast{
  position:fixed; top:100px; right:24px; z-index:2000;
  background:linear-gradient(135deg,var(--orange),var(--red));
  color:var(--cream);
  padding:1rem 1.4rem;
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-soft);
  transform:translateX(140%);
  transition:transform .45s var(--ease);
  max-width:320px;
}
.success-toast.show{transform:translateX(0);}

/* =========================================================
   Menu tabs / filters
   ========================================================= */
.menu-filters{display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center;}
.menu-filters .filter-btn{
  background:transparent;
  border:1.5px solid var(--line);
  color:rgba(255,244,230,.75);
  padding:.55rem 1.3rem;
  border-radius:999px;
  font-size:.78rem; letter-spacing:1px; text-transform:uppercase; font-weight:600;
  transition:all .3s var(--ease);
}
.menu-filters .filter-btn:hover{border-color:var(--orange); color:var(--cream);}
.menu-filters .filter-btn.active{
  background:linear-gradient(135deg,var(--orange),var(--red));
  border-color:transparent; color:var(--cream);
}

/* =========================================================
   Order page / cart
   ========================================================= */
.qty-selector{display:flex; align-items:center; gap:.6rem;}
.qty-selector button{
  width:30px; height:30px; border-radius:50%;
  background:var(--black); color:var(--cream); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  transition:all .25s var(--ease);
}
.qty-selector button:hover{background:var(--orange); border-color:var(--orange);}
.qty-selector .qty-val{min-width:20px; text-align:center; font-weight:700;}

.cart-panel{
  background:var(--brown);
  border-radius:var(--radius);
  border:1px solid var(--line);
  padding:1.5rem;
  position:sticky;
  top:100px;
}
.cart-item{
  display:flex; gap:.75rem; align-items:center;
  padding:.75rem 0; border-bottom:1px solid var(--line);
}
.cart-item img{width:56px; height:56px; object-fit:cover; border-radius:8px;}
.cart-item .ci-name{font-size:.88rem; font-weight:600;}
.cart-item .ci-price{font-size:.78rem; color:var(--gold);}
.cart-item .ci-remove{color:rgba(255,244,230,.45); transition:color .25s var(--ease);}
.cart-item .ci-remove:hover{color:var(--red);}
.cart-empty{text-align:center; padding:2rem 0; color:rgba(255,244,230,.5); font-size:.9rem;}
.cart-total-row{display:flex; justify-content:space-between; padding:.4rem 0; font-size:.92rem;}
.cart-total-row.grand{font-family:var(--font-display); font-size:1.3rem; color:var(--gold); border-top:1px solid var(--line); margin-top:.5rem; padding-top:.9rem;}
.cart-bounce{animation:cartbounce .5s var(--ease);}
@keyframes cartbounce{0%{transform:scale(1);}30%{transform:scale(1.06) rotate(-1deg);}60%{transform:scale(.98) rotate(1deg);}100%{transform:scale(1);}}

/* =========================================================
   Location preview
   ========================================================= */
.location-section{padding:4.5rem 0;}
.location-card{
  background:var(--brown); border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-soft);
}
.location-info{padding:2rem;}
.location-kicker{color:var(--gold); font-size:.72rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;}
.location-title{font-family:var(--font-display); font-size:clamp(2rem,4vw,3rem); margin:.35rem 0 .8rem;}
.location-detail{display:flex; gap:.8rem; align-items:flex-start; margin:1rem 0; color:rgba(255,244,230,.75); font-size:.9rem;}
.location-detail svg{flex:0 0 auto; color:var(--orange); margin-top:.1rem;}
.location-map{position:relative; min-height:310px; height:100%; background:#dfe8dc; overflow:hidden;}
.location-map iframe{width:100%; height:100%; min-height:310px; border:0; display:block; pointer-events:none;}
.location-map-link{position:absolute; inset:auto 18px 18px auto; z-index:3;}
.location-map::after{content:""; position:absolute; inset:0; border:1px solid rgba(255,176,0,.2); pointer-events:none;}
@media (max-width:991px){.location-map,.location-map iframe{min-height:260px;}}

/* =========================================================
   Footer
   ========================================================= */
.site-footer{
  background:#000;
  border-top:1px solid var(--line);
  padding-top:4rem;
}
.site-footer h5{
  font-family:var(--font-display); letter-spacing:1px; font-size:1rem; color:var(--cream); margin-bottom:1.1rem;
}
.site-footer a.flink{
  display:block; color:rgba(255,244,230,.55); font-size:.9rem; padding:.28rem 0;
  transition:color .25s var(--ease), transform .25s var(--ease);
}
.site-footer a.flink:hover{color:var(--orange); transform:translateX(4px);}
.social-row{display:flex; gap:.65rem; margin-top:1rem;}
.social-row a{
  width:38px; height:38px; border-radius:50%;
  border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  transition:all .3s var(--ease);
}
.social-row a:hover{background:linear-gradient(135deg,var(--orange),var(--red)); border-color:transparent; transform:translateY(-3px);}
.footer-bottom{border-top:1px solid var(--line); margin-top:2.5rem; padding:1.4rem 0; font-size:.8rem; color:rgba(255,244,230,.45);}

/* =========================================================
   Scroll reveal
   ========================================================= */
.reveal{opacity:0; transform:translateY(36px); transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.in-view{opacity:1; transform:translateY(0);}
.reveal-delay-1.in-view{transition-delay:.08s;}
.reveal-delay-2.in-view{transition-delay:.16s;}
.reveal-delay-3.in-view{transition-delay:.24s;}
.reveal-delay-4.in-view{transition-delay:.32s;}

/* =========================================================
   Page hero (sub-pages)
   ========================================================= */
.page-hero{
  position:relative;
  padding:9.5rem 0 5rem;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.page-hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(11,11,11,.75), rgba(11,11,11,.96));
}
.page-hero .container{position:relative; z-index:2;}
.crumb{color:rgba(255,244,230,.55); font-size:.82rem; letter-spacing:.5px;}
.crumb a:hover{color:var(--orange);}

/* misc */
.divider-glow{height:1px; background:linear-gradient(90deg, transparent, var(--orange), transparent); margin:0 auto;}
.text-orange{color:var(--orange) !important;}
.text-gold{color:var(--gold) !important;}
.rounded-pubg{border-radius:var(--radius) !important;}
.whatsapp-btn{background:#25D366; color:#062A15 !important;}
.whatsapp-btn:hover{background:#1ebc59;}

@media (max-width:576px){
  .section{padding:3.75rem 0;}
  .cart-panel{position:static;}
}

/* =========================================================
   Real PUBG Chicken photography / brand identity
   ========================================================= */
.hero-bg{
  background-position:center 24%;
}
.food-card .img-wrap img,
.deal-card .img-wrap img,
.gallery-item img{
  object-position:center;
}
@media (max-width: 991.98px){
  .hero-character{
    right:-5%;
    width:min(52vw,470px);
    opacity:.82;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg, rgba(11,11,11,.58) 0%, rgba(11,11,11,.68) 52%, rgba(11,11,11,.96) 100%),
      linear-gradient(90deg, rgba(11,11,11,.92) 0%, rgba(11,11,11,.55) 70%, rgba(11,11,11,.72) 100%);
  }
}
@media (max-width: 767.98px){
  .hero-bg{background-position:60% 22%;}
  .hero-character{
    right:-15%;
    bottom:-2%;
    width:76vw;
    max-height:64vh;
    opacity:.58;
    transform:translate3d(45px,20px,0) scale(.96);
  }
  @keyframes heroCharacterFadeIn{
    0%{opacity:0; transform:translate3d(45px,20px,0) scale(.96);}
    60%{opacity:.58;}
    100%{opacity:.58; transform:translate3d(0,0,0) scale(1);}
  }
}
@media (prefers-reduced-motion: reduce){
  .hero-character{animation:none; opacity:1; transform:none;}
}