/* ============================================================
   style.css — Bytebit Network Complete CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@600;700;800;900&display=swap');

:root {
  --red:#0B5FFF;
  --red-dark:#0847C2;
  --red-light:#2F7BFF;
  --yellow:#FFD700;
  --yellow-dark:#E6C200;
  --dark:#07111F;
  --dark2:#0B172A;
  --dark3:#111F35;
  --white:#FFFFFF;
  --off-white:#F8FAFC;
  --wa:#25D366;
  --wa-dark:#128C4B;
  --muted:#A7B0C0;
  --border:rgba(255,255,255,.12);
  --shadow-sm:0 4px 14px rgba(11,95,255,.22);
  --shadow-md:0 12px 35px rgba(11,95,255,.28);
  --shadow-lg:0 24px 70px rgba(0,0,0,.55);
  --shadow-yellow:0 8px 30px rgba(255,215,0,.25);
  --radius:16px;
  --radius-sm:10px;
  --radius-pill:999px;
  --trans:.22s ease;
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family:'Inter', sans-serif;
  background:var(--dark);
  color:var(--white);
  line-height:1.6;
  min-height:100vh;
  overflow-x:hidden;
}
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
.container { width:min(1200px, 100% - 2.5rem); margin-inline:auto; }

h1, h2, h3 {
  font-family:'Montserrat', sans-serif;
  letter-spacing:-.025em;
  line-height:1.05;
}
h1 { font-size:clamp(3rem, 8vw, 6rem); }
h2 { font-size:clamp(2rem, 4vw, 3rem); }
h3 { font-size:1.4rem; font-weight:800; }

.stripe-bg {
  background-image:repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,208,0,.04) 10px, rgba(255,208,0,.04) 20px);
}

/* Buttons */
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.7rem 1.6rem;
  border-radius:6px;
  font-family:'Montserrat', sans-serif;
  font-size:1.1rem;
  letter-spacing:.06em;
  cursor:pointer;
  border:none;
  transition:transform var(--trans), box-shadow var(--trans), background var(--trans);
  white-space:nowrap;
  text-transform:uppercase;
}
.btn:hover { transform:translateY(-3px) scale(1.02); }
.btn:active { transform:translateY(0) scale(.98); }
.btn-primary { background:linear-gradient(135deg, var(--red), var(--red-dark)); color:var(--white); box-shadow:var(--shadow-sm); }
.btn-primary:hover { background:var(--red-light); box-shadow:var(--shadow-md); }
.btn-yellow { background:var(--yellow); color:#07111F; box-shadow:var(--shadow-yellow); }
.btn-yellow:hover { background:#FFE040; box-shadow:0 8px 35px rgba(255,208,0,.6); }
.btn-wa { background:var(--wa); color:#fff; }
.btn-wa:hover { background:var(--wa-dark); }
.btn-outline { background:transparent; color:var(--yellow); border:2.5px solid var(--yellow); }
.btn-outline:hover { background:var(--yellow); color:var(--dark); }
.btn-ghost { background:transparent; color:var(--muted); border:1.5px solid var(--border); }
.btn-lg { padding:1rem 2.5rem; font-size:1.3rem; }
.btn-block { width:100%; justify-content:center; }

.btn-add {
  background:var(--yellow);
  color:#07111F;
  padding:.45rem 1.1rem;
  font-size:.95rem;
  border-radius:6px;
  font-family:'Montserrat', sans-serif;
  letter-spacing:.04em;
  cursor:pointer;
  border:none;
  transition:all var(--trans);
  font-weight:800;
}
.btn-add:hover {
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:var(--white);
  transform:scale(1.05);
}

/* Header */
.site-header {
  position:sticky;
  top:0;
  z-index:100;
  background:var(--dark);
  border-bottom:1px solid var(--border);
  box-shadow:0 10px 35px rgba(0,0,0,.35);
}
.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-block:.9rem;
  gap:1rem;
}
.logo {
  display:flex;
  align-items:center;
  gap:.5rem;
  font-family:'Montserrat', sans-serif;
  font-size:1.8rem;
  letter-spacing:.06em;
  color:var(--white);
  text-shadow:none;
}
.logo-icon { font-size:1.6rem; }
.logo-img { height:36px; width:auto; border-radius:6px; object-fit:contain; }
.main-nav { display:flex; gap:2rem; }
.nav-link {
  font-family:'Montserrat', sans-serif;
  font-size:1.15rem;
  letter-spacing:.06em;
  color:var(--white);
  transition:color var(--trans);
  position:relative;
}
.nav-link::after {
  content:'';
  position:absolute;
  bottom:-4px;
  left:0;
  width:0;
  height:3px;
  background:var(--yellow);
  transition:width var(--trans);
}
.nav-link:hover { color:var(--yellow); }
.nav-link:hover::after { width:100%; }
.header-right { display:flex; align-items:center; gap:.8rem; }

.lang-switcher { display:flex; gap:.3rem; }
.lang-btn {
  padding:.28rem .65rem;
  border-radius:var(--radius-pill);
  font-size:.75rem;
  font-weight:700;
  color:rgba(255,255,255,.6);
  border:1.5px solid rgba(255,255,255,.2);
  transition:all var(--trans);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.lang-btn:hover, .lang-btn.active {
  background:var(--yellow);
  color:var(--dark);
  border-color:var(--yellow);
}

.cart-btn {
  position:relative;
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:#fff;
  border:none;
  border-radius:6px;
  padding:.55rem 1.4rem;
  font-family:'Montserrat', sans-serif;
  font-size:1.1rem;
  letter-spacing:.06em;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:.5rem;
  transition:all var(--trans);
  box-shadow:var(--shadow-sm);
}
.cart-btn:hover { background:var(--red-light); transform:scale(1.05); box-shadow:var(--shadow-md); }
.cart-count {
  background:var(--yellow);
  color:#07111F;
  border-radius:50%;
  width:22px;
  height:22px;
  font-size:.78rem;
  display:grid;
  place-items:center;
  font-family:'Inter', sans-serif;
  font-weight:900;
}

/* Hero */
.hero {
  position:relative;
  overflow:hidden;
  min-height:90vh;
  display:flex;
  align-items:center;
  background:var(--dark);
}
.hero::before {
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 55% 80% at 80% 50%, rgba(11,95,255,.22) 0%, transparent 70%),
    radial-gradient(ellipse 40% 50% at 10% 20%, rgba(255,208,0,.1) 0%, transparent 60%);
  z-index:0;
}
.hero::after {
  content:'◈';
  position:absolute;
  right:5%;
  top:50%;
  transform:translateY(-50%);
  font-size:clamp(8rem, 22vw, 20rem);
  opacity:.12;
  pointer-events:none;
  animation:float 5s ease-in-out infinite;
  filter:drop-shadow(0 0 60px rgba(11,95,255,.35));
}
@keyframes float {
  0%, 100% { transform:translateY(-50%) rotate(-6deg); }
  50% { transform:translateY(calc(-50% - 25px)) rotate(6deg); }
}
.hero-content { position:relative; z-index:1; padding-block:6rem; max-width:650px; }
.hero-badge {
  display:inline-block;
  background:var(--yellow);
  color:#07111F;
  font-family:'Montserrat', sans-serif;
  font-size:1rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:.3rem 1.2rem;
  border-radius:var(--radius-sm);
  margin-bottom:1rem;
  box-shadow:3px 3px 0 var(--red);
}
.hero-title { color:var(--white); margin-bottom:1rem; text-shadow:none; }
.hero-title .accent { color:var(--yellow); text-shadow:none; }
.hero-sub {
  font-size:1.15rem;
  color:#CCCCCC;
  margin-bottom:2.2rem;
  max-width:440px;
  font-weight:600;
}
.hero-cta-group { display:flex; gap:1rem; flex-wrap:wrap; }
.hero-bar {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:6px;
  background:linear-gradient(90deg, var(--red), #00C896, var(--yellow));
}

/* Sections */
.section-label {
  font-family:'Montserrat', sans-serif;
  font-size:.95rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--yellow);
  margin-bottom:.5rem;
}
.section-title { margin-bottom:2rem; position:relative; display:inline-block; }
.section-title .underline-red {
  display:block;
  width:100%;
  height:5px;
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  border-radius:3px;
  margin-top:.3rem;
}

/* Steps */
.steps-section { padding:5rem 0; background:var(--dark2); position:relative; }
.steps-section::before {
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:4px;
  background:var(--yellow);
}
.steps-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:2rem;
}
.step-card {
  text-align:center;
  padding:2.5rem 1.5rem;
  border-radius:var(--radius);
  border:2px solid var(--border);
  background:var(--dark3);
  transition:transform var(--trans), box-shadow var(--trans), border-color var(--trans);
  position:relative;
  overflow:hidden;
}
.step-card::before {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at top, rgba(11,95,255,.12), transparent 70%);
  opacity:0;
  transition:opacity var(--trans);
}
.step-card:hover {
  transform:translateY(-6px) rotate(.5deg);
  border-color:var(--red);
  box-shadow:0 10px 40px rgba(11,95,255,.22);
}
.step-card:hover::before { opacity:1; }
.step-number {
  font-family:'Montserrat', sans-serif;
  font-size:3.5rem;
  color:var(--red);
  opacity:.15;
  position:absolute;
  top:.5rem;
  right:1rem;
  line-height:1;
}
.step-icon { font-size:3rem; margin-bottom:1rem; }
.step-card h3 { margin-bottom:.5rem; color:var(--yellow); }
.step-card p { color:var(--muted); font-size:.92rem; }

/* Product Grid */
.featured-section { padding:5rem 0; background:var(--dark); }
.food-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:1.8rem;
}
.food-card {
  background:var(--dark2);
  border-radius:var(--radius);
  overflow:hidden;
  border:2px solid var(--border);
  transition:transform var(--trans), box-shadow var(--trans), border-color var(--trans);
  display:flex;
  flex-direction:column;
  position:relative;
}
.food-card::before {
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg, var(--red), var(--yellow));
  opacity:0;
  transition:opacity var(--trans);
}
.food-card:hover {
  transform:translateY(-7px) scale(1.01);
  box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 0 1px var(--red);
  border-color:var(--red);
}
.food-card:hover::before { opacity:1; }
.food-img-wrap { height:190px; overflow:hidden; background:var(--dark3); position:relative; }
.food-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.food-card:hover .food-img-wrap img { transform:scale(1.08); }
.food-badge {
  position:absolute;
  top:.8rem;
  left:.8rem;
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:#fff;
  font-family:'Montserrat', sans-serif;
  font-size:.85rem;
  letter-spacing:.06em;
  padding:.15rem .7rem;
  border-radius:var(--radius-sm);
}
.food-body { padding:1.2rem; flex:1; display:flex; flex-direction:column; }
.food-name { margin-bottom:.35rem; font-size:1.25rem; color:var(--white); }
.food-desc { font-size:.85rem; color:var(--muted); flex:1; margin-bottom:1rem; line-height:1.5; }
.food-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.food-price {
  font-family:'Montserrat', sans-serif;
  font-size:1.5rem;
  color:var(--yellow);
  letter-spacing:.04em;
}

/* Menu Page */
.page-banner {
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:#fff;
  padding:3.5rem 0 2.5rem;
  position:relative;
  overflow:hidden;
}
.page-banner::after {
  content:'◈';
  position:absolute;
  right:5%;
  top:50%;
  transform:translateY(-50%);
  font-size:8rem;
  opacity:.12;
}
.page-banner h1 { color:#fff; text-shadow:none; }
.page-banner p { opacity:.9; margin-top:.5rem; font-weight:600; }
.menu-section { padding:3rem 0 5rem; background:var(--dark); }

.search-box { margin-bottom:25px; }
.search-box input {
  width:100%;
  padding:15px 18px;
  border-radius:12px;
  border:1px solid var(--border);
  background:var(--dark3);
  color:white;
  font-size:16px;
}
.search-box input::placeholder { color:var(--muted); }

.cat-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-bottom:2.5rem;
}
.cat-tab {
  padding:.45rem 1.3rem;
  border-radius:6px;
  border:2px solid var(--border);
  background:var(--dark2);
  color:var(--white);
  font-family:'Montserrat', sans-serif;
  font-size:1rem;
  letter-spacing:-.025em;
  cursor:pointer;
  transition:all var(--trans);
}
.cat-tab:hover, .cat-tab.active {
  background:var(--yellow);
  border-color:var(--yellow);
  color:var(--dark);
  transform:translateY(-2px);
}
.menu-group { margin-bottom:3rem; }
.menu-group-title {
  margin-bottom:1.25rem;
  padding-bottom:.6rem;
  border-bottom:1px solid var(--border);
  color:var(--yellow);
}

/* Cart Drawer */
.cart-overlay {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.7);
  z-index:200;
  backdrop-filter:blur(3px);
}
.cart-overlay.open { display:block; }
.cart-drawer {
  position:fixed;
  top:0; right:0; bottom:0;
  width:min(420px, 100vw);
  background:var(--dark2);
  z-index:201;
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  box-shadow:var(--shadow-lg);
  border-left:3px solid var(--red);
}
.cart-drawer.open { transform:translateX(0); }
.cart-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1.4rem 1.5rem;
  border-bottom:2px solid var(--border);
  background:linear-gradient(135deg, var(--red), var(--red-dark));
}
.cart-header h2 { font-size:1.5rem; color:var(--white); letter-spacing:.06em; }
.close-cart {
  background:rgba(255,255,255,.2);
  border:none;
  font-size:1.1rem;
  cursor:pointer;
  color:#fff;
  line-height:1;
  padding:.35rem .6rem;
  border-radius:6px;
  transition:background var(--trans);
}
.close-cart:hover { background:rgba(255,255,255,.35); }
.cart-items { flex:1; overflow-y:auto; padding:1rem 1.5rem; }
.cart-empty { text-align:center; color:var(--muted); padding-top:3rem; line-height:2.5; font-size:2.5rem; }
.cart-item { display:flex; gap:.9rem; align-items:flex-start; padding:.85rem 0; border-bottom:1px solid var(--border); }
.ci-name { font-weight:700; font-size:.95rem; margin-bottom:.25rem; }
.ci-price { font-size:.85rem; color:var(--yellow); font-weight:600; }
.ci-controls { display:flex; align-items:center; gap:.5rem; margin-top:.5rem; }
.ci-qty-btn {
  width:28px; height:28px;
  border-radius:6px;
  border:2px solid var(--border);
  background:var(--dark3);
  color:var(--white);
  font-size:1rem;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:all var(--trans);
  font-weight:700;
}
.ci-qty-btn:hover {
  background:linear-gradient(135deg, var(--red), var(--red-dark));
  color:#fff;
  border-color:var(--red);
}
.ci-qty { font-weight:900; min-width:18px; text-align:center; }
.ci-remove {
  margin-left:auto;
  background:none;
  border:none;
  color:var(--muted);
  cursor:pointer;
  font-size:.85rem;
  padding:.2rem;
  transition:color var(--trans);
}
.ci-remove:hover { color:var(--red); }
.cart-footer {
  padding:1.2rem 1.5rem;
  border-top:2px solid var(--border);
  background:var(--dark2);
}
.cart-total-row {
  display:flex;
  justify-content:space-between;
  font-family:'Montserrat', sans-serif;
  font-size:1.4rem;
  letter-spacing:-.025em;
  margin-bottom:1rem;
  color:var(--yellow);
}

/* Checkout */
.checkout-section { padding:3rem 0 5rem; }
.checkout-layout {
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:2.5rem;
  align-items:start;
}
.order-summary-box, .checkout-form-box {
  background:var(--dark2);
  border:2px solid var(--border);
  border-radius:var(--radius);
  padding:1.8rem;
}
.order-summary-box h2 { margin-bottom:1.2rem; color:var(--yellow); }
.summary-row {
  display:flex;
  justify-content:space-between;
  padding:.5rem 0;
  border-bottom:1px solid var(--border);
  font-size:.9rem;
}
.summary-total {
  display:flex;
  justify-content:space-between;
  font-family:'Montserrat', sans-serif;
  font-size:1.5rem;
  letter-spacing:.04em;
  margin-top:1rem;
  padding-top:.8rem;
  color:var(--yellow);
}

/* Forms */
.form-group { margin-bottom:1.3rem; }
.form-group label {
  display:block;
  font-weight:700;
  font-size:.88rem;
  margin-bottom:.5rem;
  color:var(--white);
  text-transform:uppercase;
  letter-spacing:-.025em;
}
.form-group input,
.form-group textarea,
.form-group select {
  width:100%;
  padding:.75rem 1rem;
  border:2px solid var(--border);
  border-radius:var(--radius-sm);
  font-family:'Inter', sans-serif;
  font-size:.95rem;
  background:var(--dark3);
  color:var(--white);
  transition:border-color var(--trans), box-shadow var(--trans);
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  outline:none;
  border-color:var(--red);
  box-shadow:0 0 0 3px rgba(11,95,255,.22);
}
.form-group input::placeholder,
.form-group textarea::placeholder { color:var(--muted); }
.form-check label { display:flex; align-items:center; gap:.6rem; font-weight:600; font-size:.95rem; }

/* Alerts */
.alert {
  padding:1rem 1.2rem;
  border-radius:var(--radius-sm);
  margin-bottom:1.3rem;
  font-size:.9rem;
  font-weight:600;
}
.alert ul { padding-left:1.2rem; }
.alert li { margin-bottom:.2rem; }
.alert-error { background:rgba(11,95,255,.10); border:2px solid var(--red); color:#ff6b6b; }
.alert-success { background:rgba(37,211,102,.1); border:2px solid var(--wa); color:#5dfc9b; }

/* Footer */
.site-footer {
  background:var(--dark);
  border-top:1px solid var(--border);
  color:var(--muted);
  text-align:center;
  padding:2rem 0;
  font-size:.9rem;
  font-weight:600;
  position:relative;
}
.site-footer::before {
  content:'';
  position:absolute;
  top:-4px;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg, var(--red), #00C896, var(--yellow));
}
.site-footer .footer-logo {
  font-family:'Montserrat', sans-serif;
  font-size:1.5rem;
  color:var(--yellow);
  text-shadow:none;
  margin-bottom:.5rem;
}

/* Responsive */
@media (max-width:740px) {
  .checkout-layout { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .main-nav { display:none; }
  .hero-content { padding-block:4rem; }
  .food-grid { grid-template-columns:1fr 1fr; gap:1rem; }
  .food-img-wrap { height:140px; }
  .cart-empty { font-size:1.4rem; }
}
@media (max-width:400px) {
  .food-grid { grid-template-columns:1fr; }
}
/* ==========================================
   WhatsApp Community Button
========================================== */

.community-btn{
    background:linear-gradient(135deg,#25D366,#128C4B);
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    transition:all .3s ease;
    box-shadow:0 8px 20px rgba(37,211,102,.25);
    font-family:'Montserrat',sans-serif;
}

.community-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(37,211,102,.4);
    color:#fff;
}

@media (max-width:900px){
    .community-btn{
        display:none;
    }
}

/* Bytebit 2026 storefront refresh */
:root{--dark:#07110f;--dark2:#0d1a17;--dark3:#13231f;--white:#f7fbf8;--muted:#a8b9b3;--yellow:#b9f55d;--red:#42d392;--red-dark:#1da86e;--wa:#25d366;--border:#284038;--radius:18px;--radius-sm:10px}
body{background:var(--dark);color:var(--white);font-family:Inter,system-ui,sans-serif}
h1,h2,h3,.logo-text{font-family:Montserrat,Inter,sans-serif;letter-spacing:-.045em}
a{color:inherit}.container{width:min(1180px,calc(100% - 40px))}
.site-header{background:rgba(7,17,15,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}
.header-inner{min-height:76px}.logo-icon{color:var(--yellow)}.logo-text{font-size:1.35rem}.nav-link{color:var(--muted)}.nav-link:hover{color:var(--white)}
.hero{min-height:640px;display:grid;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(185,245,93,.16),transparent 30%),radial-gradient(circle at 65% 80%,rgba(66,211,146,.13),transparent 26%),var(--dark)}
.hero-content{padding-block:7rem;max-width:780px}.hero-title{font-size:clamp(3rem,7vw,6.3rem);line-height:.96;max-width:900px}.hero-sub{font-size:clamp(1rem,2vw,1.25rem);max-width:650px;font-weight:500;line-height:1.7}.hero-badge,.eyebrow{color:var(--yellow);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.hero-badge{background:rgba(185,245,93,.08);border:1px solid rgba(185,245,93,.35);box-shadow:none;border-radius:999px}.btn{border-radius:999px;text-decoration:none}.btn-primary,.btn-yellow{background:var(--yellow);color:#07110f;border-color:var(--yellow)}.btn-outline{border-color:#587068;color:var(--white)}.btn-wa{background:var(--wa);color:#04110a;border-color:var(--wa)}
.steps-section{background:#091511;padding:6rem 0}.step-card{text-align:left;background:transparent;border:1px solid var(--border);padding:2rem}.step-card:hover{transform:translateY(-4px);box-shadow:none;border-color:#4d6e62}.step-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#07110f;font-weight:900;font-size:1.4rem}.step-card h3{color:var(--white)}
.featured-section,.menu-section{background:var(--dark)}.food-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.food-card{background:var(--dark2);border:1px solid var(--border)}.food-card:hover{transform:translateY(-4px);border-color:#527467;box-shadow:0 24px 60px rgba(0,0,0,.28)}.food-card::before{display:none}.food-img-wrap{height:210px}.food-name a{text-decoration:none}.food-name a:hover{color:var(--yellow)}.food-desc{font-size:.92rem}.food-price{color:var(--white);font-size:1.3rem}.btn-add{background:var(--yellow);color:#07110f;text-decoration:none;border-radius:999px;padding:.65rem 1rem;font-weight:800;white-space:nowrap}
.page-banner{background:radial-gradient(circle at 75% 20%,rgba(185,245,93,.17),transparent 30%),var(--dark2);padding:5rem 0}.page-banner h1{font-size:clamp(2.5rem,6vw,5rem)}.page-banner::after{display:none}.search-box input{border-radius:999px;padding:1rem 1.3rem}.cat-tab{border-radius:999px;font-family:Inter,sans-serif;font-size:.9rem}.cat-tab:hover,.cat-tab.active{background:var(--yellow);border-color:var(--yellow)}
.breadcrumbs{display:flex;gap:.7rem;align-items:center;padding-top:2rem;color:var(--muted);font-size:.86rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--yellow)}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding-block:3rem 7rem}.product-visual{aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--dark2);border:1px solid var(--border)}.product-visual img{width:100%;height:100%;object-fit:cover}.product-copy h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;margin:.75rem 0 1.3rem}.product-lead{color:var(--muted);font-size:1.12rem;line-height:1.7}.product-price{font-size:2.2rem;font-weight:900;margin:1.8rem 0}.microcopy{color:var(--muted);font-size:.82rem;text-align:center;margin-top:.8rem}.trust-list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem;color:#d8e6e1;font-size:.86rem}.product-info{background:var(--dark2);padding:6rem 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.info-grid h2{font-size:clamp(2rem,4vw,3.5rem)}.info-grid p{color:var(--muted);line-height:1.8}.empty-state{padding-block:8rem;max-width:700px}.empty-state p{color:var(--muted)}
.checkout-simple{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:980px}.checkout-simple h1{font-size:clamp(2.5rem,5vw,4rem)}.order-summary-box{background:var(--dark2);border:1px solid var(--border)}.cart-empty{font-size:1rem;padding:2rem 0}.back-link{display:block;text-align:center;margin-top:1rem;color:var(--muted);text-decoration:none}.is-disabled{opacity:.45;pointer-events:none}.site-footer{background:#050c0a}
@media(max-width:760px){.lang-switcher{display:none}.product-detail,.info-grid,.checkout-simple{grid-template-columns:1fr}.product-detail{padding-bottom:4rem}.product-copy h1{font-size:2.7rem}.product-info{padding:4rem 0}.info-grid{gap:1.5rem}.hero{min-height:560px}.hero-content{padding-block:5rem}.hero-title{font-size:3.35rem}.food-grid{grid-template-columns:1fr 1fr}.food-img-wrap{height:150px}.food-body{padding:1rem}.food-footer{align-items:flex-end}.btn-add{font-size:.8rem;padding:.55rem .75rem}}
@media(max-width:480px){.container{width:min(100% - 28px,1180px)}.community-btn{display:none}.food-grid{grid-template-columns:1fr}.food-img-wrap{height:220px}.hero-cta-group .btn{width:100%;text-align:center}.product-detail{padding-top:2rem}.trust-list{display:grid}.checkout-section{padding-top:4rem}}

/* Restructured homepage */
.home-hero{min-height:720px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:5rem;align-items:center}.home-hero .hero-content{max-width:none}.home-hero .hero-title{font-size:clamp(3.2rem,6.3vw,6rem)}
.hero-proof{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:2.4rem;color:var(--muted);font-size:.85rem}.hero-proof span{display:flex;align-items:baseline;gap:.35rem}.hero-proof strong{color:var(--white);font-size:1.1rem}
.hero-panel{background:rgba(13,26,23,.84);border:1px solid var(--border);border-radius:24px;padding:1.5rem;box-shadow:0 30px 90px rgba(0,0,0,.3)}.hero-tool{display:grid;grid-template-columns:34px 1fr auto;gap:.9rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--border);text-decoration:none}.hero-tool:hover strong{color:var(--yellow)}.tool-rank{color:#567168;font-size:.76rem;font-weight:800}.hero-tool strong{display:block;font-size:.95rem}.hero-tool small{display:block;color:var(--muted);margin-top:.2rem}.hero-tool b{font-size:.9rem;color:var(--yellow)}.panel-link{display:inline-block;margin-top:1.2rem;color:var(--yellow);font-size:.88rem;font-weight:800;text-decoration:none}
.brand-strip{border-block:1px solid var(--border);background:#091511;padding:1.15rem 0}.brand-strip .container{display:flex;align-items:center;gap:1.5rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none;font-size:.78rem}.brand-strip span{color:#668078;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.brand-strip a{color:#c8d7d2;text-decoration:none}.brand-strip a:hover{color:var(--yellow)}
.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.4rem}.section-heading h2{font-size:clamp(2.25rem,4vw,3.9rem);max-width:760px;margin:.45rem 0 0}.section-heading>a{color:var(--yellow);font-weight:800;text-decoration:none;white-space:nowrap}.card-kicker{color:var(--yellow);font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:0 0 .55rem}
.audience-section{padding:7rem 0;background:#091511}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:22px;overflow:hidden}.audience-grid article{background:#091511;padding:2.4rem}.audience-grid span{color:var(--yellow);font-size:.75rem;font-weight:900}.audience-grid h3{font-size:1.4rem;margin:2.5rem 0 .75rem}.audience-grid p{color:var(--muted);line-height:1.7;font-size:.92rem}
.trust-section{padding:7rem 0;background:var(--dark)}.trust-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem}.trust-layout h2{font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.05;margin-top:.6rem}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.trust-points div{background:var(--dark);padding:1.7rem}.trust-points strong{color:var(--yellow)}.trust-points p{color:var(--muted);font-size:.88rem;line-height:1.6;margin-bottom:0}
.faq-section{padding:7rem 0;background:var(--dark2)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:6rem}.faq-layout h2{font-size:clamp(2.3rem,4vw,3.7rem);margin:.5rem 0}.faq-layout>div>p:last-child{color:var(--muted);line-height:1.7}.faq-list details{border-top:1px solid var(--border);padding:1.4rem 0}.faq-list details:last-child{border-bottom:1px solid var(--border)}.faq-list summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary::after{content:'+';color:var(--yellow);font-size:1.3rem}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:var(--muted);line-height:1.7;margin-bottom:0;padding-right:2rem}
.community-section{padding:0 0 7rem;background:var(--dark)}.community-card{display:grid;grid-template-columns:70px 1fr auto;gap:2rem;align-items:center;padding:2.3rem;border:1px solid rgba(185,245,93,.35);border-radius:26px;background:linear-gradient(120deg,rgba(185,245,93,.1),rgba(66,211,146,.045));box-shadow:0 28px 80px rgba(0,0,0,.22)}.community-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#07110f;font-size:2rem;font-weight:900}.community-card h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:.35rem 0}.community-card p{color:var(--muted);margin:0;max-width:650px;line-height:1.65}.community-card .eyebrow{color:var(--yellow)}.community-actions{display:flex;flex-direction:column;align-items:center;gap:.8rem}.community-actions .btn{white-space:nowrap}.text-link{font-size:.82rem;color:#cfddd8;text-underline-offset:4px}
.floating-chat{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border-radius:999px;background:#25d366;color:#04110a;text-decoration:none;box-shadow:0 14px 40px rgba(0,0,0,.38);transition:transform .2s ease,box-shadow .2s ease}.floating-chat:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(37,211,102,.25)}.floating-chat span:last-child{display:flex;flex-direction:column}.floating-chat strong{font-size:.82rem;line-height:1.1}.floating-chat small{font-size:.7rem;margin-top:.2rem}.chat-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.24)}
.final-cta{text-align:center;padding:8rem 0;background:radial-gradient(circle at 50% 100%,rgba(185,245,93,.18),transparent 42%),var(--dark)}.final-cta h2{font-size:clamp(2.7rem,5vw,5rem);max-width:900px;margin:.7rem auto 2rem;line-height:1.03}.final-cta .hero-cta-group{justify-content:center}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:0}.hero-panel{margin-bottom:5rem}.home-hero{min-height:auto}.audience-grid{grid-template-columns:1fr}.trust-layout,.faq-layout{grid-template-columns:1fr;gap:2.5rem}.community-card{grid-template-columns:60px 1fr}.community-actions{grid-column:1/-1;align-items:stretch}.community-actions .btn{text-align:center}}
@media(max-width:600px){.hero-panel{display:none}.home-hero .hero-title{font-size:3.25rem}.section-heading{align-items:start;flex-direction:column}.section-heading>a{display:none}.audience-section,.trust-section,.faq-section,.final-cta{padding:4.5rem 0}.trust-points{grid-template-columns:1fr}.hero-proof{gap:.9rem 1.2rem}.community-section{padding-bottom:4.5rem}.community-card{grid-template-columns:1fr;padding:1.5rem}.community-icon{width:52px;height:52px}.floating-chat{right:14px;bottom:14px;padding:.8rem}.floating-chat span:last-child{display:none}}