/* ── RESET ── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:#0a0a0a; --bg2:#111; --bg3:#181818; --card:#161616;
      --border:#2a2a2a; --border2:#333;
      --gold:#c8a84b; --gold2:#e2c876; --red:#c0392b;
      --white:#f0ece4; --gray:#888; --gray2:#555;
      --ff-h:'Cormorant Garamond',Georgia,serif;
      --ff-b:'Inter',system-ui,sans-serif;
      --r:10px; --r2:6px;
      --ease:cubic-bezier(.16,1,.3,1);
    }
    html { scroll-behavior:smooth; }
    body { background:var(--bg); color:var(--white); font-family:var(--ff-b); font-size:15px; line-height:1.6; overflow-x:hidden; }
    a { color:inherit; text-decoration:none; }
    img { display:block; max-width:100%; }
    button { font-family:inherit; cursor:pointer; }

    /* ── TOPBAR ── */
    .topbar { background:var(--bg2); border-bottom:1px solid var(--border); padding:7px 24px; display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--gray); gap:12px; flex-wrap:wrap; }
    .topbar a { color:var(--gray); transition:color .2s; }
    .topbar a:hover { color:var(--gold); }
    .tb-addr { display:flex; align-items:center; gap:6px; }
    .tb-addr svg { color:var(--gold); }
    .tb-right { display:flex; gap:20px; align-items:center; }
    .tb-right span b { color:var(--white); }

    /* ── HEADER ── */
    header { position:sticky; top:0; z-index:90; background:rgba(10,10,10,.96); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
    .h-inner { max-width:1300px; margin:0 auto; padding:0 24px; height:64px; display:flex; align-items:center; gap:16px; }

    .logo { display:flex; align-items:center; gap:10px; flex-shrink:0; }
    .logo-mark { width:40px; height:40px; background:var(--gold); border-radius:8px; display:flex; align-items:center; justify-content:center; font-family:var(--ff-h); font-size:19px; font-weight:600; color:#000; }
    .logo-text strong { display:block; font-family:var(--ff-h); font-size:16px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
    .logo-text small { font-size:9.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }

    /* PAGE TABS */
    .page-tabs { display:flex; gap:0; margin-left:20px; background:var(--bg3); border-radius:var(--r); padding:4px; border:1px solid var(--border); }
    .page-tab { padding:7px 20px; font-size:13px; font-weight:500; color:var(--gray); border-radius:7px; transition:background .2s, color .2s; border:none; background:none; white-space:nowrap; }
    .page-tab.active { background:var(--gold); color:#000; font-weight:600; }
    .page-tab:not(.active):hover { color:var(--white); background:var(--border); }

    .search-wrap { flex:1; max-width:380px; position:relative; margin-left:auto; }
    .search-input { width:100%; padding:9px 14px 9px 38px; background:var(--bg3); border:1px solid var(--border2); border-radius:var(--r); color:var(--white); font-family:var(--ff-b); font-size:13.5px; outline:none; transition:border-color .2s; }
    .search-input::placeholder { color:var(--gray2); }
    .search-input:focus { border-color:var(--gold); }
    .search-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--gray); pointer-events:none; }

    .cart-btn { display:flex; align-items:center; gap:8px; padding:9px 16px; background:var(--gold); color:#000; font-size:13px; font-weight:600; border:none; border-radius:var(--r); transition:background .2s; white-space:nowrap; flex-shrink:0; }
    .cart-btn:hover { background:var(--gold2); }
    .cart-badge { background:#000; color:var(--gold); font-size:11px; font-weight:700; padding:1px 6px; border-radius:20px; min-width:18px; text-align:center; }

    .ham { display:none; background:none; border:none; color:var(--white); padding:6px; }

    /* ── HERO BANNER ── */
    .hero { position:relative; height:220px; overflow:hidden; display:flex; align-items:center; }
    .hero-bg { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,10,10,.97) 35%,rgba(10,10,10,.4) 100%), url('https://images.unsplash.com/photo-1617196034183-421b4040ed20?w=1400&q=80') center/cover no-repeat; }
    .hero-c { position:relative; max-width:1300px; margin:0 auto; padding:0 32px; width:100%; }
    .hero-tag { display:inline-block; background:var(--gold); color:#000; font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; padding:3px 10px; border-radius:4px; margin-bottom:12px; }
    .hero h1 { font-family:var(--ff-h); font-size:clamp(30px,4vw,50px); font-weight:400; line-height:1.1; margin-bottom:8px; }
    .hero h1 em { font-style:italic; color:var(--gold); }
    .hero p { font-size:13.5px; color:rgba(240,236,228,.65); max-width:380px; line-height:1.6; }

    /* ── DELIVERY STRIP ── */
    .dstrip { background:var(--bg2); border-bottom:1px solid var(--border); }
    .dstrip-inner { max-width:1300px; margin:0 auto; padding:10px 32px; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
    .dchip { display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--gray); }
    .dchip svg { color:var(--gold); flex-shrink:0; }
    .dchip b { color:var(--white); }

    /* ── LAYOUT ── */
    .layout { max-width:1300px; margin:0 auto; padding:24px 24px 80px; display:grid; grid-template-columns:210px 1fr; gap:28px; }

    /* ── SIDEBAR ── */
    .sidebar { position:sticky; top:76px; height:fit-content; }
    .sb-title { font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gray); margin-bottom:10px; padding-left:4px; }
    .cat-list { list-style:none; display:flex; flex-direction:column; gap:2px; }
    .cat-item a { display:flex; align-items:center; gap:9px; padding:9px 11px; border-radius:var(--r2); font-size:13px; color:var(--gray); transition:background .18s, color .18s; }
    .cat-item a:hover, .cat-item a.active { background:var(--bg3); color:var(--white); }
    .cat-item a.active { color:var(--gold); }
    .cat-ico { width:26px; height:26px; border-radius:6px; background:var(--bg3); display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; transition:background .18s; }
    .cat-item a:hover .cat-ico, .cat-item a.active .cat-ico { background:rgba(200,168,75,.14); }
    .cat-count { margin-left:auto; font-size:10.5px; background:var(--bg3); color:var(--gray); padding:1px 6px; border-radius:20px; }

    /* ── SECTION ── */
    .sec { scroll-margin-top:76px; }
    .sec-hd { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:18px; padding-top:6px; gap:12px; }
    .sec-name { font-family:var(--ff-h); font-size:26px; font-weight:400; }
    .sec-sub { font-size:11.5px; color:var(--gray); margin-top:2px; }
    .sec-divider { border:none; border-top:1px solid var(--border); margin:32px 0 0; }

    /* ── PRODUCT GRID ── */
    .pgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; }
    .pcard { background:var(--card); border:1px solid var(--border); border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column; transition:border-color .25s, transform .25s; }
    .pcard:hover { border-color:var(--border2); transform:translateY(-2px); }
    .pimg { position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--bg3); }
    .pimg img { width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); }
    .pcard:hover .pimg img { transform:scale(1.05); }
    .pbadge { position:absolute; top:7px; left:7px; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:2px 7px; border-radius:4px; }
    .b-new { background:var(--gold); color:#000; }
    .b-hit { background:#c0392b; color:#fff; }
    .b-veg { background:#27ae60; color:#fff; }
    .pbody { padding:13px; flex:1; display:flex; flex-direction:column; }
    .pwt { font-size:11px; color:var(--gray2); margin-bottom:4px; }
    .pname { font-size:13.5px; font-weight:500; color:var(--white); line-height:1.35; margin-bottom:5px; }
    .pdesc { font-size:11.5px; color:var(--gray); line-height:1.5; flex:1; margin-bottom:10px; }
    .pavailability { width:max-content; max-width:100%; display:inline-flex; align-items:center; gap:6px; margin:0 0 11px; padding:4px 8px; border:1px solid var(--border2); border-radius:999px; color:var(--gray); font-size:9px; font-weight:700; line-height:1.25; letter-spacing:.075em; text-transform:uppercase; }
    .av-dot { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:currentColor; }
    .pavailability.av-delivery { color:#78d6a1; border-color:rgba(39,174,96,.35); background:rgba(39,174,96,.08); }
    .pavailability.av-dine_in { color:#ef9b91; border-color:rgba(192,57,43,.4); background:rgba(192,57,43,.09); }
    .pavailability.av-schedule { color:var(--gold2); border-color:rgba(200,168,75,.4); background:rgba(200,168,75,.08); }
    .pavailability.av-schedule.is-closed { color:#b6a16a; opacity:.88; }
    .pfoot { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .pprice { font-size:16px; font-weight:600; }
    .pprice small { font-size:10.5px; font-weight:400; color:var(--gray); margin-left:2px; }
    .add-btn { width:32px; height:32px; background:var(--gold); border:none; border-radius:7px; color:#000; font-size:20px; font-weight:300; display:flex; align-items:center; justify-content:center; transition:background .2s, transform .15s; flex-shrink:0; line-height:1; }
    .add-btn:hover { background:var(--gold2); transform:scale(1.08); }
    .add-btn:disabled { background:#292929; color:#707070; border:1px solid #363636; cursor:not-allowed; transform:none; }
    .add-btn:disabled:hover { background:#292929; transform:none; }
    .pcard.is-unavailable .pimg img { filter:saturate(.82); }

    /* ── CART ── */
    .cart-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.65); z-index:199; }
    .cart-overlay.open { display:block; }
    .cart-panel { position:fixed; top:0; right:-400px; width:360px; height:100vh; background:var(--bg2); border-left:1px solid var(--border); z-index:200; display:flex; flex-direction:column; transition:right .35s var(--ease); }
    .cart-panel.open { right:0; }
    .cart-header { padding:18px 18px 14px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; }
    .cart-header h3 { font-family:var(--ff-h); font-size:22px; font-weight:400; }
    .cart-header h3 span { font-size:13px; font-family:var(--ff-b); color:var(--gray); font-weight:400; margin-left:6px; }
    .cart-close { background:none; border:none; color:var(--gray); font-size:20px; padding:4px 6px; border-radius:6px; transition:background .2s, color .2s; }
    .cart-close:hover { background:var(--bg3); color:var(--white); }
    .cart-items { flex:1; overflow-y:auto; padding:14px; }
    .cart-items::-webkit-scrollbar { width:3px; }
    .cart-items::-webkit-scrollbar-thumb { background:var(--border2); border-radius:2px; }
    .cart-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; gap:10px; color:var(--gray); text-align:center; }
    .cart-empty p { font-size:13px; max-width:180px; line-height:1.5; }
    .ci { display:flex; gap:11px; padding:11px 0; border-bottom:1px solid var(--border); }
    .ci:last-child { border-bottom:none; }
    .ci img { width:56px; height:56px; border-radius:8px; object-fit:cover; flex-shrink:0; }
    .ci-info { flex:1; }
    .ci-name { font-size:12.5px; font-weight:500; color:var(--white); margin-bottom:3px; line-height:1.3; }
    .ci-price { font-size:12.5px; color:var(--gold); font-weight:600; }
    .ci-ctrl { display:flex; align-items:center; gap:8px; margin-top:7px; }
    .ci-btn { width:24px; height:24px; background:var(--bg3); border:1px solid var(--border2); border-radius:5px; color:var(--white); font-size:14px; display:flex; align-items:center; justify-content:center; transition:background .15s; }
    .ci-btn:hover { background:var(--border); }
    .ci-qty { font-size:13px; font-weight:600; min-width:18px; text-align:center; }
    .ci-rm { background:none; border:none; color:var(--gray2); font-size:16px; margin-left:auto; display:flex; align-items:center; transition:color .2s; }
    .ci-rm:hover { color:var(--red); }
    .cart-foot { padding:14px 18px; border-top:1px solid var(--border); }
    .cf-row { display:flex; justify-content:space-between; font-size:12.5px; color:var(--gray); margin-bottom:5px; }
    .cf-row b { color:var(--white); }
    .cf-total { display:flex; justify-content:space-between; align-items:center; font-size:15px; font-weight:600; color:var(--white); margin:12px 0 14px; padding-top:10px; border-top:1px solid var(--border); }
    .cf-total span { font-size:19px; color:var(--gold); }
    .chk-btn { width:100%; padding:13px; background:var(--gold); border:none; border-radius:var(--r); color:#000; font-size:14px; font-weight:700; letter-spacing:.04em; transition:background .2s; }
    .chk-btn:hover { background:var(--gold2); }
    .chk-btn:disabled { background:var(--bg3); color:var(--gray); cursor:not-allowed; }
    .cart-note { font-size:10.5px; color:var(--gray2); text-align:center; margin-top:8px; }

    /* ── MOBILE MENU ── */
    .mob-menu { display:none; position:fixed; inset:0; z-index:180; background:var(--bg); flex-direction:column; padding:70px 20px 30px; overflow-y:auto; }
    .mob-menu.open { display:flex; }
    .mob-close { position:absolute; top:16px; right:18px; background:var(--bg3); border:none; color:var(--white); font-size:20px; padding:5px 9px; border-radius:7px; }
    .mob-menu .cat-list { gap:4px; }
    .mob-menu .cat-item a { font-size:15px; padding:12px 13px; }

    /* ── TOAST ── */
    .toast { position:fixed; bottom:28px; left:50%; transform:translateX(-50%) translateY(70px); background:var(--bg3); border:1px solid var(--border2); border-left:3px solid var(--gold); color:var(--white); font-size:13px; padding:11px 18px; border-radius:var(--r); z-index:300; transition:transform .35s var(--ease), opacity .3s; opacity:0; white-space:nowrap; display:flex; align-items:center; gap:9px; }
    .toast.show { transform:translateX(-50%) translateY(0); opacity:1; }

    /* ── FOOTER ── */
    footer { background:var(--bg2); border-top:1px solid var(--border); margin-top:40px; }
    .ft-inner { max-width:1300px; margin:0 auto; padding:44px 32px 30px; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; }
    .ft-brand p { font-size:13px; color:var(--gray); line-height:1.7; max-width:240px; margin-top:14px; }
    .ft-social { display:flex; gap:9px; margin-top:18px; }
    .ft-social a { width:32px; height:32px; border:1px solid var(--border2); border-radius:7px; display:flex; align-items:center; justify-content:center; color:var(--gray); transition:border-color .2s, color .2s; }
    .ft-social a:hover { border-color:var(--gold); color:var(--gold); }
    .ft-col h4 { font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
    .ft-col ul { list-style:none; }
    .ft-col li { margin-bottom:9px; }
    .ft-col a { font-size:13px; color:var(--gray); transition:color .2s; }
    .ft-col a:hover { color:var(--white); }
    .ft-bottom { max-width:1300px; margin:0 auto; padding:16px 32px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:11.5px; color:var(--gray2); }

    /* ── RESPONSIVE ── */
    @media(max-width:1024px){
      .layout { grid-template-columns:1fr; }
      .sidebar { position:relative; top:0; }
      .sb-title { display:none; }
      .cat-list { flex-direction:row; flex-wrap:wrap; gap:6px; }
      .cat-item a { padding:6px 12px; border-radius:20px; border:1px solid var(--border); }
      .cat-item a.active { border-color:var(--gold); }
      .cat-ico,.cat-count { display:none; }
      .ft-inner { grid-template-columns:1fr 1fr; gap:28px; }
    }
    @media(max-width:768px){
      .topbar { display:none; }
      .search-wrap { display:none; }
      .ham { display:flex; }
      .hero { height:180px; }
      .pgrid { grid-template-columns:repeat(2,1fr); }
      .cart-panel { width:100%; }
      .ft-inner { grid-template-columns:1fr; gap:24px; }
      .page-tabs { margin-left:0; }
    }
    @media(max-width:480px){
      .pgrid { grid-template-columns:1fr; }
      .layout { padding:16px 16px 60px; }
    }
    @media(prefers-reduced-motion:reduce){ *, *::before, *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; } }
  

    /* Garden Lounge branding */
    .brand-emblem{width:34px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 10px rgba(200,168,75,.18));}
    header .logo-text strong{font-size:14px;letter-spacing:.12em;line-height:1.05;white-space:nowrap;}
    header .logo-text small{display:block;margin-top:3px;color:var(--gold);letter-spacing:.22em;}
    .footer-logo-wrap{display:inline-flex;align-items:center;justify-content:flex-start;max-width:160px;}
    .footer-logo{width:auto;height:140px;object-fit:contain;}
    .site-source-link{width:auto!important;height:auto!important;padding:8px 12px!important;font-size:12px;border-color:rgba(200,168,75,.45)!important;color:var(--gold)!important;}
    .hero-c{position:relative;}
    .hero-brand-mark{position:absolute;right:38px;top:50%;transform:translateY(-50%);height:170px;width:auto;object-fit:contain;opacity:.18;pointer-events:none;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35));}
    @media(max-width:900px){.hero-brand-mark{height:130px;right:22px;opacity:.12}.page-tabs{margin-left:8px}.page-tab{padding:7px 13px}}
    @media(max-width:768px){.hero-brand-mark{display:none}.brand-emblem{width:28px;height:42px}header .logo-text strong{font-size:12px}.h-inner{padding:0 14px;gap:10px}.page-tab{padding:7px 10px;font-size:11px}.cart-btn{padding:9px 11px}.cart-btn svg{display:none}}
    @media(max-width:480px){header .logo-text{display:none}.brand-emblem{width:29px;height:45px}.page-tabs{flex:1}.page-tab{flex:1;text-align:center;padding:7px 6px}.cart-btn{font-size:0;gap:5px}.cart-btn .cart-badge{font-size:11px}.footer-logo{height:120px}}
    

/* Multilingual controls and dynamic states */
.lang-switch{display:flex;align-items:center;gap:3px;padding:3px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;flex-shrink:0}
.lang-btn{min-width:32px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:var(--gray);font-size:10px;font-weight:700;letter-spacing:.08em;transition:.2s}
.lang-btn:hover{color:var(--white);background:var(--border)}
.lang-btn.active{background:var(--gold);color:#000}
.loading-state,.error-state,.empty-section{grid-column:1/-1;padding:42px 24px;border:1px solid var(--border);border-radius:var(--r);text-align:center;color:var(--gray);background:var(--bg2)}
.error-state{border-color:rgba(192,57,43,.55);color:#e7a29b}
.pcard[hidden]{display:none!important}
.hero.bar-hero .hero-bg{background:linear-gradient(90deg,rgba(10,10,10,.97) 30%,rgba(26,10,46,.55) 70%,rgba(10,10,10,.6) 100%),url('https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?w=1400&q=80') center/cover no-repeat}
.hero.menu-hero .hero-bg{background:linear-gradient(90deg,rgba(10,10,10,.97) 35%,rgba(10,10,10,.4) 100%),url('https://images.unsplash.com/photo-1617196034183-421b4040ed20?w=1400&q=80') center/cover no-repeat}
.b-alc{background:#6c3483;color:#fff}.b-sf{background:#1a6b3c;color:#fff}
.admin-mini-link{font-size:11px;color:var(--gray2);transition:color .2s}.admin-mini-link:hover{color:var(--gold)}
.cart-note strong{color:var(--gold);font-weight:500}
.product-count{font-size:11px;color:var(--gray)}
@media(max-width:1100px){.lang-switch{order:4;margin-left:auto}.search-wrap{max-width:280px}}
@media(max-width:900px){.search-wrap{display:none}.lang-switch{margin-left:auto}}
@media(max-width:768px){.lang-switch{position:fixed;right:12px;bottom:12px;z-index:175;box-shadow:0 8px 30px rgba(0,0,0,.45)}.h-inner{padding-right:14px}.page-tabs{margin-left:0}}

/* ── MOBILE POLISH 2026-07 ── */
/* Keeps the header compact, prevents language controls from covering the cart,
   and improves browsing on narrow touch screens. */
@media (max-width:1024px){
  .layout{
    display:block;
    padding:0 16px 70px;
  }
  .sidebar{
    position:sticky;
    top:64px;
    z-index:70;
    margin:0 -16px 18px;
    padding:10px 16px;
    overflow:hidden;
    background:rgba(10,10,10,.97);
    border-bottom:1px solid var(--border);
    backdrop-filter:blur(16px);
  }
  .sidebar .cat-list{
    flex-direction:row;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    padding:1px 0 4px;
  }
  .sidebar .cat-list::-webkit-scrollbar{display:none}
  .sidebar .cat-item{flex:0 0 auto;scroll-snap-align:start}
  .sidebar .cat-item a{
    min-height:40px;
    padding:8px 14px;
    white-space:nowrap;
    border-radius:999px;
    background:#111;
    border:1px solid var(--border);
  }
  .sidebar .cat-item a.active{
    color:var(--gold);
    border-color:var(--gold);
    background:rgba(200,168,75,.08);
  }
  .mob-menu .cat-list{
    flex-direction:column;
    flex-wrap:nowrap;
    overflow:visible;
    padding:0;
  }
}

@media (max-width:768px){
  header{backdrop-filter:blur(18px)}
  .h-inner{
    width:100%;
    height:62px;
    min-height:62px;
    padding:0 9px;
    gap:5px;
  }
  .logo{gap:5px}
  .brand-emblem{width:27px;height:41px}
  header .logo-text{display:none}
  .page-tabs{
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:3px;
    border-radius:9px;
  }
  .page-tab{
    flex:1 1 50%;
    min-width:0;
    padding:7px 5px;
    font-size:10px;
    line-height:1;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .lang-switch{
    position:static!important;
    right:auto!important;
    bottom:auto!important;
    z-index:auto;
    margin:0!important;
    gap:1px;
    padding:2px;
    border-radius:8px;
    box-shadow:none!important;
  }
  .lang-btn{
    min-width:25px;
    padding:5px 3px;
    border-radius:6px;
    font-size:9px;
    letter-spacing:.04em;
  }
  .cart-btn{
    position:relative;
    width:38px;
    height:38px;
    padding:0;
    gap:0;
    justify-content:center;
    border-radius:9px;
    font-size:0;
  }
  .cart-btn svg{display:block;width:17px;height:17px}
  .cart-btn > span:not(.cart-badge){display:none}
  .cart-badge{
    position:absolute;
    top:-5px;
    right:-4px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    display:grid;
    place-items:center;
    border:1px solid var(--gold);
    background:#090909;
    color:var(--gold);
    line-height:1;
  }
  .ham{
    width:36px;
    height:36px;
    padding:0;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border);
    border-radius:9px;
    background:var(--bg3);
    flex:0 0 36px;
  }
  .sidebar{top:62px}
  .hero{height:158px}
  .hero-c{padding:0 17px}
  .hero-tag{margin-bottom:8px}
  .hero h1{font-size:clamp(28px,8vw,38px);margin-bottom:5px}
  .hero p{max-width:92%;font-size:12px;line-height:1.45}
  .dstrip-inner{
    flex-wrap:nowrap;
    gap:22px;
    padding:9px 15px;
    overflow-x:auto;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .dstrip-inner::-webkit-scrollbar{display:none}
  .dchip{flex:0 0 auto;white-space:nowrap;font-size:11.5px}
  .layout{padding-inline:14px}
  .sidebar{margin-inline:-14px;padding-inline:14px}
  .sec-hd{align-items:flex-start;margin-bottom:14px}
  .sec-name{font-size:24px}
  .pgrid{gap:11px}
  .cart-panel{
    width:min(100%,430px);
    height:100vh;
    height:100dvh;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .cart-header{padding-top:max(18px,env(safe-area-inset-top))}
  .cart-foot{padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .toast{
    max-width:calc(100vw - 28px);
    bottom:max(16px,env(safe-area-inset-bottom));
    white-space:normal;
    text-align:left;
  }
  .ft-inner{padding:34px 20px 24px}
  .ft-bottom{padding:15px 20px;align-items:flex-start;flex-direction:column}
}

@media (max-width:600px){
  /* Category chips are already visible and sticky, so the duplicate menu icon
     is removed to give the cart and language switch enough room. */
  .ham{display:none}
}

@media (max-width:520px){
  .pgrid{grid-template-columns:1fr}
  .pcard{
    display:grid;
    grid-template-columns:116px minmax(0,1fr);
    min-height:150px;
  }
  .pimg{
    width:100%;
    height:100%;
    min-height:150px;
    aspect-ratio:auto;
  }
  .pimg img{height:100%}
  .pbody{min-width:0;padding:11px 12px}
  .pwt{margin-bottom:2px}
  .pname{font-size:13.5px}
  .pdesc{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin-bottom:7px;
    line-height:1.4;
  }
  .pavailability{
    margin-bottom:8px;
    padding:3px 7px;
    font-size:8px;
    letter-spacing:.055em;
  }
  .pprice{font-size:15px}
  .add-btn{width:31px;height:31px}
}

@media (max-width:360px){
  .h-inner{padding-inline:6px;gap:3px}
  .brand-emblem{width:24px;height:38px}
  .page-tab{padding-inline:3px;font-size:9px}
  .lang-btn{min-width:22px;padding-inline:2px;font-size:8px}
  .cart-btn{width:35px;height:35px}
  .pcard{grid-template-columns:104px minmax(0,1fr)}
  .pimg{min-height:144px}
}

@media (hover:none){
  .pcard:hover{transform:none}
  .pcard:hover .pimg img{transform:none}
  .add-btn:hover{transform:none}
}

/* ── ONLINE ORDER WINDOW: 13:30–01:00, Europe/Chisinau ── */
.order-window-chip{
  padding:5px 10px;
  border:1px solid var(--border2);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:var(--white);
}
.order-window-chip strong{font-size:11.5px;font-weight:600;letter-spacing:.01em}
.order-window-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px currentColor;
}
.order-window-chip.is-open{
  color:#78d6a1;
  border-color:rgba(39,174,96,.34);
  background:rgba(39,174,96,.07);
}
.order-window-chip.is-open .order-window-dot{box-shadow:0 0 0 4px rgba(120,214,161,.1)}
.order-window-chip.is-closed{
  color:var(--gold2);
  border-color:rgba(200,168,75,.38);
  background:rgba(200,168,75,.07);
}
.order-window-chip.is-closed .order-window-dot{box-shadow:0 0 0 4px rgba(226,200,118,.1)}
.orders-closed .chk-btn:disabled{
  opacity:1;
  color:#8e805c;
  border:1px solid rgba(200,168,75,.22);
  background:#242118;
}

@media(max-width:768px){
  .order-window-chip{padding:5px 9px}
  .order-window-chip strong{font-size:10.5px}
}

/* Checkout client */
.checkout-modal{position:fixed;inset:0;z-index:3000;display:none}.checkout-modal.open{display:block}.checkout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.checkout-card{position:relative;width:min(720px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;margin:14px auto;background:#111;border:1px solid rgba(214,178,76,.35);border-radius:22px;padding:28px;color:#eee}.checkout-card h2{font-family:'Cormorant Garamond',serif;font-size:38px;margin:0 40px 22px 0}.checkout-x{position:absolute;right:18px;top:16px;background:none;border:0;color:#fff;font-size:20px;cursor:pointer}.checkout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.checkout-grid label{display:grid;gap:7px;font-size:12px;color:#bbb}.checkout-grid .full{grid-column:1/-1}.checkout-grid input,.checkout-grid textarea{width:100%;box-sizing:border-box;background:#090909;border:1px solid #333;border-radius:11px;padding:13px;color:#fff;font:inherit}.checkout-grid textarea{min-height:86px;resize:vertical}.payment-options{display:grid;gap:10px;margin:18px 0}.payment-options label{display:flex;align-items:center;gap:10px;border:1px solid #333;padding:13px;border-radius:12px}.payment-options label.disabled{opacity:.45}.payment-options small{display:block;color:#aaa;margin-top:3px}.checkout-submit{width:100%;padding:15px;border:0;border-radius:12px;background:#d6b24c;color:#090909;font-weight:800;cursor:pointer}.checkout-submit:disabled{opacity:.6}.checkout-error{min-height:22px;color:#ff8e8e;margin:8px 0}@media(max-width:640px){.checkout-card{padding:22px 16px}.checkout-card h2{font-size:31px}.checkout-grid{grid-template-columns:1fr 1fr}.checkout-grid label:first-child,.checkout-grid label:nth-child(2),.checkout-grid .full{grid-column:1/-1}}

/* Recomandări înainte de finalizarea comenzii */
.suggest-copy{color:#bbb;margin:-10px 0 18px}.suggest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.suggest-grid article{display:grid;gap:8px;padding:10px;border:1px solid #303030;border-radius:14px;background:#0a0a0a}.suggest-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.suggest-grid b{font-size:13px}.suggest-grid span{color:#d6b24c;font-weight:700}.suggest-grid button{padding:9px;border:0;border-radius:9px;background:#d6b24c;color:#090909;font-weight:800;cursor:pointer}.suggest-grid button:disabled{opacity:.7}.suggest-continue{margin-top:2px}@media(max-width:640px){.suggest-grid{grid-template-columns:repeat(2,1fr)}}

.fulfillment-options{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fulfillment-options legend{width:100%;margin-bottom:9px;color:#bbb;font-size:12px}.fulfillment-options label{display:flex;align-items:center;gap:9px;border:1px solid #333;padding:13px;border-radius:12px;cursor:pointer}.fulfillment-options label:has(input:checked){border-color:#d6b24c;background:rgba(214,178,76,.08)}.delivery-field[hidden]{display:none!important}@media(max-width:640px){.fulfillment-options{grid-template-columns:1fr}}


/* Lab Upgrade AI credits */
.lab-header-credit{
  font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  white-space:nowrap;opacity:.82
}
.lab-hero-credit{
  display:inline-block;margin-top:18px;padding:7px 12px;border:1px solid rgba(201,167,105,.35);
  border-radius:999px;background:rgba(0,0,0,.32);backdrop-filter:blur(8px);
  color:rgba(255,255,255,.82);font-size:9px;letter-spacing:.14em;text-transform:uppercase
}
.lab-hero-credit strong,.lab-credit-strip strong,.lab-prefooter-credit strong,
.lab-cart-credit strong,.lab-footer-credit strong{color:var(--gold)}
.lab-credit-strip{
  padding:11px 18px;text-align:center;border-bottom:1px solid var(--line);
  background:var(--bg2);color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase
}
.lab-prefooter-credit{
  padding:20px;text-align:center;background:var(--bg2);border-top:1px solid var(--line);
  color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase
}
.lab-cart-credit{
  margin-top:11px;text-align:center;color:var(--muted);font-size:8px;
  letter-spacing:.12em;text-transform:uppercase
}
.lab-footer-credit{
  display:block;margin-top:7px;color:var(--muted);font-size:9px;
  letter-spacing:.11em;text-transform:uppercase
}
@media(max-width:900px){
  .lab-header-credit{display:none}
}

.checkout-grid select{
  width:100%;box-sizing:border-box;background:#090909;border:1px solid #333;
  border-radius:11px;padding:13px;color:#fff;font:inherit;appearance:auto
}