@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#e33a24;--red2:#b92217;--yellow:#f7b52b;--black:#12110f;--black2:#1a1815;--cream:#f5efe5;--paper:#fffdfa;--muted:#756d63;--line:#e5dccf;--shadow:0 24px 70px rgba(38,22,10,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#171411;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#000 1px,transparent 1px);background-size:5px 5px;z-index:999}a{text-decoration:none;color:inherit}button,input{font:inherit}.announce{background:var(--red);color:white;text-align:center;font-size:10px;font-weight:900;letter-spacing:1.8px;padding:10px 14px;position:relative;z-index:70}
header{height:88px;background:rgba(18,17,15,.94);backdrop-filter:blur(16px);color:white;display:flex;align-items:center;padding:0 5.5%;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 8px 30px rgba(0,0,0,.12)}header:after{content:"";position:absolute;left:5.5%;right:5.5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);opacity:.5}.logo-link{display:flex;align-items:center;height:100%;position:relative;z-index:3}.logo{width:118px;height:118px;object-fit:contain;position:relative;top:5px;z-index:5;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));transition:.35s}.logo:hover{transform:scale(1.06) rotate(-2deg)}.nav{display:flex;gap:27px;margin:auto}.nav a{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#e9e6df;position:relative;padding:34px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--yellow);transition:.3s}.nav a:hover,.nav a.active{color:var(--yellow)}.nav a:hover:after,.nav a.active:after{right:0}.head-actions{display:flex;gap:8px;align-items:center}.search,.cart{border:1px solid #47433d;background:#191817;color:#fff;padding:12px 15px;border-radius:4px;cursor:pointer;font-weight:900;font-size:10px;letter-spacing:1px;transition:.25s}.search:hover,.cart:hover{border-color:var(--yellow);transform:translateY(-2px)}.cart span{background:var(--red);border-radius:50%;padding:4px 6px;margin-left:5px}.hamb{display:none;background:none;border:0;color:#fff;font-size:25px;cursor:pointer}
.page-hero{min-height:480px;background:radial-gradient(circle at 80% 30%,#3a2a17 0,transparent 30%),linear-gradient(135deg,#171513,#0f0e0d);color:#fff;padding:95px 7%;display:flex;align-items:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 60%,rgba(247,181,43,.05) 60% 61%,transparent 61%)}.page-hero:after{content:"";position:absolute;right:-120px;top:-160px;width:560px;height:560px;border:1px solid #f5ae2460;border-radius:50%;box-shadow:0 0 0 35px #f5ae2410,0 0 0 70px #f5ae2407}.page-hero>div{position:relative;z-index:2}.eyebrow{color:var(--red);font-size:10px;font-weight:900;letter-spacing:2.5px}.page-hero .eyebrow{color:var(--yellow)}h1,h2,h3{font-family:Anton,sans-serif;letter-spacing:.5px}.page-hero h1{font-size:clamp(64px,9vw,115px);line-height:.84;margin:12px 0 22px;text-transform:uppercase}.page-hero p{max-width:700px;color:#aaa;line-height:1.9;font-size:14px}.crumb{font-size:10px;color:#777;letter-spacing:1.5px;margin-top:28px}
.section{padding:100px 7%;max-width:1550px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:25px}.section-head h2{font-size:56px;line-height:.9;margin:8px 0 0}.section-head>p{color:#777;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:0;font-size:10px;font-weight:900;letter-spacing:1.5px;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.2),transparent 65%);transform:translateX(-120%);transition:.6s}.btn:hover:before{transform:translateX(120%)}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.16)}.red{background:var(--red);color:#fff}.dark{background:var(--black);color:#fff}.outline{background:transparent;border:1px solid #5f5b55;color:#fff}
.hero-home{min-height:720px;background:radial-gradient(circle at 75% 45%,#382719 0,transparent 26%),linear-gradient(135deg,#171513,#0e0d0c);color:#fff;display:grid;grid-template-columns:1.03fr .97fr;padding:90px 7%;overflow:hidden;position:relative}.hero-home:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid rgba(247,181,43,.18);right:8%;top:9%;box-shadow:0 0 0 45px rgba(247,181,43,.035),0 0 0 90px rgba(247,181,43,.018)}.hero-home>div:first-child{position:relative;z-index:2;align-self:center}.hero-home h1{font-size:clamp(72px,9.5vw,138px);line-height:.78;margin:0 0 28px;text-shadow:0 10px 30px rgba(0,0,0,.25)}.hero-home h1 span{color:var(--yellow)}.hero-home p{max-width:560px;color:#aaa;line-height:1.9;font-size:14px}.buttons{display:flex;gap:10px;margin:30px 0}.hero-photo{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.hero-photo img{width:min(88%,570px);height:510px;object-fit:cover;border-radius:48% 52% 45% 55%;border:8px solid #2c2924;box-shadow:0 0 0 2px var(--yellow),0 30px 80px rgba(0,0,0,.4);transform:rotate(3deg);animation:float 5s ease-in-out infinite}.hero-photo:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--yellow);filter:blur(50px);opacity:.18;right:7%;bottom:5%;z-index:-1}.badge{position:absolute;right:3%;top:5%;background:var(--red);width:108px;height:108px;border-radius:50%;display:grid;place-content:center;text-align:center;font:17px/1 Anton;transform:rotate(12deg);z-index:3;box-shadow:0 15px 35px #0005;animation:pulse 2.8s ease-in-out infinite}.stats{display:flex;gap:40px;margin-top:35px;border-top:1px solid #333;padding-top:24px}.stats b{font:25px Anton;color:var(--yellow);display:block}.stats small{font-size:9px;color:#777;letter-spacing:.8px}.ticker{overflow:hidden;background:var(--yellow);padding:13px 0;font:26px Anton;white-space:nowrap;transform:rotate(-1deg) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.08);position:relative;z-index:4}.ticker div{display:inline-block;animation:move 25s linear infinite}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cat-card{min-height:245px;position:relative;overflow:hidden;background:#111;color:#fff;border-radius:5px;box-shadow:var(--shadow);isolation:isolate}.cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));z-index:1}.cat-card img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:.6s}.cat-card:hover img{transform:scale(1.1) rotate(1deg);opacity:.55}.cat-card div{position:absolute;inset:auto 22px 20px;z-index:2}.cat-card h3{font-size:32px;margin:3px 0}.cat-card span{font-size:9px;letter-spacing:1.5px;color:#ddd}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter{padding:11px 14px;background:#fff;border:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:1px;cursor:pointer;transition:.25s}.filter.active,.filter:hover{background:#111;color:#fff;transform:translateY(-2px)}#searchInput{width:100%;padding:16px 18px;border:1px solid var(--line);margin-bottom:30px;background:#fffdfa;outline:none;font-size:12px;transition:.25s}#searchInput:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(227,58,36,.08)}.product{background:var(--paper);border:1px solid var(--line);transition:.35s;overflow:hidden;position:relative}.product:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(32,22,13,.13);border-color:#d5c8b7}.product img{width:100%;height:220px;object-fit:cover;display:block;transition:.6s}.product:hover img{transform:scale(1.04)}.pbody{padding:18px}.pbody small{color:var(--red);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.pbody h3{font:20px Inter;font-weight:800;margin:8px 0}.pbody p{color:#777;font-size:11px;line-height:1.6;min-height:38px}.pbottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price{font:25px Anton}.price:before{content:"৳";font-family:Inter;font-size:13px;margin-right:2px}.add{border:0;background:#111;color:#fff;width:38px;height:38px;border-radius:50%;font-size:21px;cursor:pointer;transition:.25s}.add:hover{background:var(--red);transform:rotate(90deg) scale(1.08)}
.dark-band{background:var(--black);color:#fff;padding:78px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative;overflow:hidden}.dark-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f7b52b08,transparent)}.dark-band>div{position:relative}.dark-band b{font:34px Anton;color:var(--yellow)}.dark-band h3{font-size:30px;margin:8px 0}.dark-band p{font-size:11px;line-height:1.9;color:#999;max-width:380px}.promo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.promo{min-height:360px;padding:42px;background:#e9dece;position:relative;overflow:hidden;box-shadow:var(--shadow)}.promo.darkp{background:#171513;color:#fff}.promo:before{content:"";position:absolute;width:220px;height:220px;border:1px solid currentColor;border-radius:50%;right:-90px;top:-90px;opacity:.1}.promo img{position:absolute;right:0;bottom:0;width:53%;height:100%;object-fit:cover;transition:.6s}.promo:hover img{transform:scale(1.06)}.promo div{position:relative;z-index:1;width:53%}.promo h3{font-size:47px;line-height:.88;margin:10px 0}.promo p{font-size:12px;color:#777;line-height:1.7}.promo.darkp p{color:#999}
.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story img{width:100%;height:580px;object-fit:cover;box-shadow:var(--shadow);filter:saturate(.9)}.story h2{font-size:68px;line-height:.86}.story h2 span{color:var(--red)}.story p{font-size:13px;line-height:1.95;color:#6d675f}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{background:#fff;padding:30px;border-top:4px solid var(--yellow);box-shadow:0 15px 35px rgba(0,0,0,.05);transition:.3s}.review:hover{transform:translateY(-6px)}.stars{color:var(--red);letter-spacing:3px}.review p{color:#666;font-size:13px;line-height:1.8;min-height:100px}.review b{font-size:10px;letter-spacing:1px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.contact img{width:100%;height:450px;object-fit:cover;box-shadow:var(--shadow)}.contact h2{font-size:74px;line-height:.85;margin:5px 0 25px}.contact p{line-height:2;color:#777;font-size:12px}.faq{max-width:900px;margin:auto}.faq details{background:#fff;border-bottom:1px solid var(--line);padding:22px;transition:.25s}.faq details[open]{background:#fff8ed}.faq summary{font-weight:800;font-size:13px;cursor:pointer}.faq p{color:#777;line-height:1.8;font-size:12px}
.newsletter{background:linear-gradient(110deg,var(--red),#c8291b);color:#fff;padding:75px 7%;display:flex;justify-content:space-between;gap:35px;align-items:center;position:relative;overflow:hidden}.newsletter:after{content:"BK";font:190px Anton;color:#fff1;position:absolute;right:3%;bottom:-60px}.newsletter>*{position:relative;z-index:2}.newsletter h2{font-size:54px;margin:6px 0}.newsletter p{font-size:11px;color:#ffd6d2}.newsletter form{display:flex;min-width:460px}.newsletter input{flex:1;padding:16px;border:0;outline:none}.footer{background:#111;color:#888;padding:70px 7% 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding-bottom:50px}.footer-logo{width:125px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.3))}.footer h4{font-size:10px;color:#fff;letter-spacing:1.5px}.footer a{display:block;font-size:11px;margin:14px 0;transition:.2s}.footer a:hover{color:#fff;transform:translateX(3px)}.footer p{font-size:11px;line-height:1.8}.bottom{border-top:1px solid #2b2926;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}
.cart-drawer{position:fixed;right:-450px;top:0;bottom:0;width:450px;background:#fff;z-index:100;transition:.4s cubic-bezier(.22,1,.36,1);box-shadow:-20px 0 60px #0003;display:flex;flex-direction:column}.cart-drawer.open{right:0}.cart-head{padding:25px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.cart-head h3{margin:0;font-size:27px}.cart-head button{border:0;background:none;font-size:30px;cursor:pointer}.cart-items{padding:20px;overflow:auto;flex:1}.line{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:16px 0}.line b{font-size:12px}.line small{display:block;color:#777;margin-top:5px}.line button{border:0;background:none;color:var(--red);font-size:9px;font-weight:900;cursor:pointer}.cart-foot{padding:22px;border-top:1px solid #eee}.cart-foot>div{display:flex;justify-content:space-between;margin-bottom:14px}.cart-total{font:27px Anton}.overlay{position:fixed;inset:0;background:#0009;z-index:90;display:none;backdrop-filter:blur(3px)}.overlay.show{display:block}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;padding:14px 20px;font-size:10px;font-weight:800;opacity:0;z-index:200;transition:.25s;box-shadow:0 10px 30px #0004}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(20px);animation:rise .65s cubic-bezier(.22,1,.36,1) forwards}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.24s}.stagger>*:nth-child(5){animation-delay:.32s}.stagger>*:nth-child(6){animation-delay:.4s}.stagger>*:nth-child(7){animation-delay:.48s}.stagger>*:nth-child(8){animation-delay:.56s}@keyframes rise{to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}@keyframes pulse{0%,100%{box-shadow:0 15px 35px #0005;transform:rotate(12deg) scale(1)}50%{box-shadow:0 18px 45px #0007;transform:rotate(12deg) scale(1.05)}}@keyframes move{to{transform:translateX(-50%)}}
@media(max-width:1050px){.nav{gap:13px}.product-grid{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.hero-home{grid-template-columns:1fr}.hero-photo{margin-top:55px}.story,.contact,.promo-grid{grid-template-columns:1fr}.dark-band,.review-grid{grid-template-columns:1fr}.newsletter{display:block}.newsletter form{margin-top:22px}.promo{min-height:380px}}
@media(max-width:720px){header{height:72px;padding:0 16px}.logo{width:88px;height:88px;top:2px}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#111;padding:15px 22px 25px;flex-direction:column;gap:0;box-shadow:0 20px 40px #0005}.nav.mobile{display:flex}.nav a{padding:14px 0}.nav a:after{bottom:7px}.hamb{display:block}.head-actions .search{display:none}.hero-home{padding:65px 22px;min-height:auto}.hero-home h1{font-size:72px}.hero-photo img{height:350px}.hero-photo{margin-top:60px}.badge{right:1%;top:0;width:88px;height:88px;font-size:14px}.stats{gap:20px;flex-wrap:wrap}.section{padding:70px 22px}.section-head{display:block}.section-head h2{font-size:45px}.categories,.product-grid{grid-template-columns:1fr}.cat-card{min-height:250px}.page-hero{padding:70px 22px;min-height:390px}.page-hero h1{font-size:67px}.dark-band{padding:60px 22px}.promo{min-height:520px;padding:32px}.promo img{width:58%;height:62%;opacity:.7}.promo div{width:70%}.story img{height:400px}.story h2,.contact h2{font-size:52px}.newsletter{padding:60px 22px}.newsletter h2{font-size:43px}.newsletter form{min-width:0;width:100%}.footer{padding:55px 22px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.bottom{display:block;line-height:2}.bottom span{display:block}.cart-drawer{width:100%;right:-100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* =========================================================
   BURGER KITCHEN — APP-FIRST MOBILE EXPERIENCE
   ========================================================= */
:root{
  --app-radius:22px;
  --app-glass:rgba(255,255,255,.82);
}
html{background:var(--cream)}
body{min-height:100vh;-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
img{max-width:100%}
.mobile-bottom-nav,.mobile-order-bar,.mobile-app-section{display:none}

@media(max-width:720px){
  body{
    padding-bottom:86px;
    background:
      radial-gradient(circle at 10% 10%,rgba(227,58,36,.045),transparent 25%),
      radial-gradient(circle at 90% 30%,rgba(247,181,43,.07),transparent 28%),
      var(--cream);
  }
  body:before{opacity:.018}
  .announce{
    font-size:8px;letter-spacing:1.1px;padding:8px 12px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  header{
    height:68px;
    padding:0 14px;
    background:rgba(18,17,15,.96);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
  }
  .logo{width:82px;height:82px;top:1px}
  .head-actions{margin-left:auto}
  .cart{
    border:0;background:var(--red);border-radius:999px;
    padding:10px 13px;box-shadow:0 7px 18px rgba(227,58,36,.25);
  }
  .cart span{background:#fff;color:#111}
  .hamb{
    width:42px;height:42px;border:1px solid #393632;border-radius:50%;
    display:grid;place-items:center;font-size:21px;margin-left:3px;
  }
  .nav{
    top:68px;
    padding:12px 18px 18px;
    border-radius:0 0 24px 24px;
    border-top:1px solid rgba(255,255,255,.06);
  }
  .nav a{
    padding:13px 2px;
    font-size:10px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .nav a:last-child{border-bottom:0}
  .nav a:after{display:none}

  .hero-home{
    min-height:calc(100svh - 68px);
    padding:46px 20px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius:0 0 32px 32px;
  }
  .hero-home:before{width:330px;height:330px;right:-100px;top:18%}
  .hero-home h1{
    font-size:clamp(62px,18vw,88px);
    letter-spacing:-1px;
    margin-bottom:20px;
  }
  .hero-home p{font-size:12px;line-height:1.75}
  .buttons{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;gap:9px}
  .btn{min-height:48px;border-radius:13px;padding:13px 15px;font-size:9px}
  .stats{gap:0;justify-content:space-between;margin-top:22px;padding-top:19px}
  .stats b{font-size:22px}
  .stats small{font-size:7px}
  .hero-photo{margin-top:38px}
  .hero-photo img{
    width:92%;height:300px;border-radius:34px;
    border-width:5px;transform:rotate(2deg);
  }
  .badge{
    width:76px;height:76px;right:0;top:-10px;font-size:12px;
  }

  .ticker{
    margin-top:-1px;
    padding:11px 0;
    font-size:20px;
  }
  .section{padding:56px 18px}
  .section-head{margin-bottom:24px}
  .section-head h2{font-size:42px}
  .section-head>p{font-size:10px;line-height:1.7;margin-top:12px}
  .categories{
    display:flex;
    overflow-x:auto;
    gap:12px;
    margin-right:-18px;
    padding-right:18px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .categories::-webkit-scrollbar{display:none}
  .cat-card{
    flex:0 0 78%;
    min-height:245px;
    border-radius:22px;
    scroll-snap-align:start;
  }
  .cat-card div{padding:18px}
  .cat-card h3{font-size:28px}
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }
  .product{
    border-radius:18px;
    box-shadow:0 10px 28px rgba(38,22,10,.08);
  }
  .product img{height:145px}
  .pbody{padding:13px}
  .pbody small{font-size:7px;letter-spacing:1px}
  .pbody h3{font-size:14px;line-height:1.15;margin:6px 0}
  .pbody p{
    font-size:9px;line-height:1.45;
    min-height:0;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .pbottom{margin-top:10px}
  .price{font-size:20px}
  .price:before{font-size:10px}
  .add{
    width:34px;height:34px;font-size:19px;
    box-shadow:0 5px 12px rgba(0,0,0,.15)
  }
  .dark-band{
    padding:54px 20px;
    gap:34px;
    border-radius:30px 30px 0 0;
  }
  .dark-band>div{padding-left:4px}
  .dark-band h3{font-size:27px}
  .dark-band p{font-size:10px;line-height:1.8}
  .page-hero{
    min-height:350px;
    padding:58px 20px;
    border-radius:0 0 30px 30px;
  }
  .page-hero h1{font-size:clamp(60px,17vw,78px)}
  .page-hero p{font-size:11px;line-height:1.8}
  .crumb{font-size:8px}
  .filters{
    display:flex;
    overflow-x:auto;
    gap:8px;
    margin:0 -18px 18px;
    padding:2px 18px 10px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .filters::-webkit-scrollbar{display:none}
  .filter{
    flex:0 0 auto;
    border-radius:999px!important;
    padding:10px 14px!important;
    font-size:8px!important;
    scroll-snap-align:start;
  }
  #searchInput{
    border-radius:14px;
    padding:14px 16px!important;
    margin-bottom:20px!important;
  }
  .promo-grid{gap:12px}
  .promo{min-height:470px;border-radius:24px;padding:27px}
  .promo h3{font-size:41px}
  .promo img{border-radius:20px}
  .story,.contact{gap:34px}
  .story img,.contact img{height:330px;border-radius:24px}
  .story h2,.contact h2{font-size:48px}
  .review-grid{
    display:flex;
    overflow-x:auto;
    gap:12px;
    margin-right:-18px;
    padding-right:18px;
    scrollbar-width:none;
  }
  .review-grid::-webkit-scrollbar{display:none}
  .review{
    flex:0 0 82%;
    border-radius:20px;
    padding:24px;
  }
  .newsletter{
    padding:55px 20px;
    border-radius:30px 30px 0 0;
  }
  .newsletter h2{font-size:39px}
  .newsletter form{display:grid;gap:8px}
  .newsletter input,.newsletter .btn{border-radius:13px;min-height:48px}
  .footer{padding:52px 20px 24px}
  .footer-grid{gap:25px}
  .footer-logo{width:105px}
  .footer a{padding:4px 0}

  /* App-like fixed navigation */
  .mobile-bottom-nav{
    display:flex;
    position:fixed;
    left:10px;right:10px;bottom:10px;
    height:66px;
    padding:7px;
    z-index:120;
    background:rgba(20,19,17,.93);
    backdrop-filter:blur(20px) saturate(1.2);
    -webkit-backdrop-filter:blur(20px) saturate(1.2);
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.28);
    align-items:stretch;
    justify-content:space-around;
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{
    flex:1;border:0;background:transparent;color:#aaa;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;border-radius:17px;font-size:8px;font-weight:900;letter-spacing:.4px;
    cursor:pointer;
  }
  .mobile-bottom-nav .m-icon{font-size:19px;line-height:1}
  .mobile-bottom-nav .active,.mobile-bottom-nav button.active{
    background:rgba(227,58,36,.16);color:#fff;
  }
  .mobile-bottom-nav .active .m-icon{filter:drop-shadow(0 4px 8px rgba(227,58,36,.35))}
  .mobile-order-bar{
    display:flex;
    position:fixed;
    left:16px;right:16px;bottom:86px;
    z-index:110;
    min-height:52px;
    align-items:center;justify-content:space-between;
    padding:7px 8px 7px 15px;
    background:#fffdfa;
    border:1px solid #eadfd2;
    border-radius:18px;
    box-shadow:0 14px 35px rgba(39,24,12,.16);
    transform:translateY(130%);
    opacity:0;
    transition:.35s cubic-bezier(.22,1,.36,1);
  }
  .mobile-order-bar.show{transform:none;opacity:1}
  .mobile-order-bar .order-info{font-size:9px;font-weight:800}
  .mobile-order-bar .order-info b{display:block;font-size:13px}
  .mobile-order-bar .mobile-order-btn{
    border:0;background:var(--red);color:#fff;border-radius:13px;
    padding:11px 14px;font-size:9px;font-weight:900;
  }
  .mobile-app-section{
    display:block;
    margin:0 18px 55px;
    padding:28px 22px;
    border-radius:25px;
    background:linear-gradient(135deg,#171513,#26221d);
    color:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.14);
    position:relative;overflow:hidden;
  }
  .mobile-app-section:after{
    content:"BK";
    position:absolute;right:-8px;bottom:-30px;
    font:130px Anton;color:#fff0a;
  }
  .mobile-app-section>*{position:relative;z-index:2}
  .mobile-app-section h3{font-size:31px;margin:4px 0 9px}
  .mobile-app-section p{font-size:10px;line-height:1.8;color:#aaa;max-width:280px}
  .mobile-app-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
  .mobile-app-pills span{
    padding:8px 10px;border:1px solid #403b34;border-radius:999px;
    font-size:7px;font-weight:900;letter-spacing:.7px;color:#ddd;
  }

  /* Prevent fixed elements from covering the checkout drawer */
  .cart-drawer{border-radius:26px 26px 0 0;top:auto;height:min(88svh,760px)}
  .cart-drawer.open{bottom:0}
  .cart-head{padding:20px 20px 16px}
  .cart-items{padding:12px 20px}
  .cart-foot{padding:16px 20px 20px}
  .cart-foot .btn{border-radius:14px}
}
@media(max-width:430px){
  .product-grid{gap:9px}
  .product img{height:130px}
  .pbody{padding:11px}
  .pbody h3{font-size:13px}
  .pbody p{font-size:8.5px}
  .hero-home h1{font-size:65px}
}
@media(hover:none){
  .product:hover,.cat-card:hover,.review:hover,.btn:hover{transform:none;box-shadow:inherit}
  .add:active{transform:scale(.92);background:var(--red)}
  .btn:active{transform:scale(.98)}
}