@font-face{font-family:'Oxygen';src:url('/assets/fonts/Oxygen-Regular.ttf') format('truetype');font-weight:400;font-display:swap;}
  @font-face{font-family:'Oxygen';src:url('/assets/fonts/Oxygen-Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
  @font-face{font-family:'Oxygen';src:url('/assets/fonts/Oxygen-Light.ttf') format('truetype');font-weight:300;font-display:swap;}

  :root{
    --font:'Oxygen','Segoe UI',Tahoma,sans-serif;
    --espresso:#2a1810;
    --coffee:#5c3a25;
    --caramel:#a9744f;
    --gold:#d4a054;
    --gold-soft:#f0d9b0;
    --cream:#efe3d4;
    --cream-soft:#f7f0e6;
    --card:#ffffff;
    --body-bg:#f8f2e9;
    --gold-ink:#8a5f22;
    --ink:#2a1810;
    --muted:#9b8574;
    --line:#e0cfb9;
    --line-2:#e6d8c5;
    --line-3:#d6c3a8;
    --photo-bg:#ffffff;
    --lb-photo-bg:#f3ebe0;
    --catbar-bg:rgba(239,227,212,.93);
    --shadow-item:0 6px 18px rgba(42,24,16,.10), 0 1px 3px rgba(42,24,16,.06);
    --shadow-item-h:0 16px 34px rgba(42,24,16,.18);
    --toggle-icon:"\f186";
  }
  [data-theme="dark"]{
    --espresso:#f3e9df;
    --coffee:#e8d9c8;
    --caramel:#dda86f;
    --gold:#e0b96e;
    --gold-soft:#f2ddb6;
    --cream:#171012;
    --cream-soft:#20171a;
    --card:#241a1d;
    --body-bg:#2b2023;
    --gold-ink:#e0b96e;
    --ink:#f0e6e0;
    --muted:#a08f88;
    --line:#3a2b2d;
    --line-2:#3a2b2d;
    --line-3:#423133;
    --photo-bg:#2e2225;
    --lb-photo-bg:#1c1315;
    --catbar-bg:rgba(23,16,18,.93);
    --shadow-item:0 6px 18px rgba(0,0,0,.42), 0 1px 3px rgba(0,0,0,.3);
    --shadow-item-h:0 16px 34px rgba(0,0,0,.55);
    --toggle-icon:"\f185";
  }
  *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font);background:var(--cream);color:var(--ink);
    line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease;
  }

  /* ─────────── HERO ─────────── */
  .hero{
    position:relative;text-align:center;color:#fff;padding:44px 20px 78px;
    background:
      radial-gradient(120% 90% at 50% -20%, rgba(212,160,84,.35), transparent 60%),
      linear-gradient(165deg,#3d2519 0%,#2a1810 55%,#1c0f09 100%);
    overflow:hidden;
  }
  /* ئەستێرە درەوشاوەکان */
  .hero .stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
  .hero .stars i{
    position:absolute;width:1.5px;height:1.5px;border-radius:50%;
    background:#f0d9b0;opacity:.12;
    animation:twinkle var(--d) ease-in-out infinite var(--dl);
  }
  .hero .stars i.big{width:2px;height:2px;}
  @keyframes twinkle{
    0%,100%{opacity:.12;transform:scale(1);box-shadow:none;}
    50%{opacity:1;transform:scale(1.3);box-shadow:0 0 3px 1px rgba(240,217,176,.7);}
  }
  @media (prefers-reduced-motion:reduce){.hero .stars i{animation:none;opacity:.35;}}
  .hero .inner{position:relative;z-index:1;}
  .hero .logo{
    width:150px;height:150px;object-fit:contain;border-radius:50%;
    background:#fff;padding:12px;margin-bottom:18px;
    box-shadow:0 14px 42px rgba(0,0,0,.45), 0 0 0 4px rgba(212,160,84,.55);
  }
  .hero h1{font-size:2.35rem;font-weight:700;letter-spacing:.5px;line-height:1.25;}
  .hero .tagline{margin-top:8px;color:#f0d9b0;font-size:1.02rem;font-weight:300;}
  .hero .rule{
    display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;
    color:#d4a054;font-size:.86rem;letter-spacing:2px;
  }
  .hero .rule::before,.hero .rule::after{
    content:"";height:1px;width:52px;background:linear-gradient(90deg,transparent,#d4a054);
  }
  .hero .rule::after{background:linear-gradient(270deg,transparent,#d4a054);}

  /* ─────────── LANGUAGE + THEME ─────────── */
  .langbar{
    display:inline-flex;align-items:center;gap:4px;margin-top:20px;
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
    border-radius:999px;padding:4px;backdrop-filter:blur(8px);
  }
  .langbar a{
    text-decoration:none;color:#f0e5d8;font-size:.78rem;font-weight:700;
    padding:5px 13px;border-radius:999px;transition:.2s;white-space:nowrap;
  }
  .langbar a:hover{background:rgba(255,255,255,.16);}
  .langbar a.on{background:#d4a054;color:#2a1810;box-shadow:0 3px 10px rgba(212,160,84,.4);}
  #theme{
    width:28px;height:28px;border:0;border-radius:50%;cursor:pointer;
    background:rgba(255,255,255,.14);color:#f0e5d8;font-size:.78rem;
    display:grid;place-items:center;transition:.22s;margin-inline-start:2px;
  }
  #theme:hover{background:#d4a054;color:#2a1810;transform:rotate(-20deg);}
  #theme::before{font-family:"Font Awesome 6 Free";font-weight:900;content:var(--toggle-icon);}

  /* ─────────── SEARCH ─────────── */
  .searchbar{max-width:600px;margin:-34px auto 30px;padding:0 18px;position:relative;z-index:5;}
  .searchbar .box{
    display:flex;align-items:center;background:var(--card);border-radius:18px;
    padding:5px 6px 5px 5px;border:1px solid var(--line-2);
    box-shadow:0 16px 40px rgba(42,24,16,.18), 0 2px 6px rgba(42,24,16,.06);
    transition:box-shadow .28s cubic-bezier(.2,.8,.3,1),border-color .28s,transform .28s;
  }
  .searchbar .box:focus-within{
    border-color:var(--gold);transform:translateY(-2px);
    box-shadow:0 22px 48px rgba(42,24,16,.22), 0 0 0 4px rgba(212,160,84,.16);
  }
  .searchbar .ico{
    width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;
    background:var(--cream);color:var(--caramel);font-size:1rem;
    transition:background .25s,color .25s;
  }
  .searchbar .box:focus-within .ico{background:var(--gold);color:#fff;}
  .searchbar input{
    flex:1;min-width:0;border:0;outline:0;font-family:var(--font);font-size:1.02rem;
    background:transparent;color:var(--ink);padding:0 14px;height:44px;
  }
  .searchbar input::placeholder{color:var(--muted);font-weight:300;}
  .searchbar input::-webkit-search-cancel-button{display:none;}
  .searchbar .clear{
    width:34px;height:34px;flex:0 0 34px;border:0;border-radius:11px;cursor:pointer;
    background:transparent;color:var(--muted);font-size:.85rem;display:none;place-items:center;
    margin-inline-end:6px;transition:.2s;
  }
  .searchbar .clear.show{display:grid;}
  .searchbar .clear:hover{background:var(--cream);color:var(--espresso);}
  .searchbar .hint{
    text-align:center;font-size:.72rem;color:var(--muted);margin-top:9px;opacity:0;
    transition:opacity .25s;
  }
  .searchbar .hint.show{opacity:1;}

  /* ─────────── CATEGORY STRIP ─────────── */
  .catbar{
    position:sticky;top:0;z-index:20;background:var(--catbar-bg);
    backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
    padding:14px 0 12px;margin-bottom:30px;transition:background .3s ease;
  }
  .catscroll{
    display:flex;gap:10px;overflow-x:auto;padding:4px 18px 8px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .catscroll::-webkit-scrollbar{display:none;}
  .cat{
    flex:0 0 auto;cursor:pointer;font-family:var(--font);
    display:flex;align-items:center;gap:9px;
    background:var(--card);border:1px solid var(--line-2);border-radius:999px;
    padding-block:9px;padding-inline-start:14px;padding-inline-end:18px;
    box-shadow:0 3px 10px rgba(42,24,16,.09);
    transition:all .22s cubic-bezier(.2,.8,.3,1);
  }
  .cat:active{transform:scale(.96);}
  .cat .thumb{
    width:26px;height:26px;display:flex;align-items:center;justify-content:center;
    flex-shrink:0;overflow:hidden;
  }
  .cat .thumb img{width:100%;height:100%;object-fit:contain;display:block;transition:filter .22s;}
  .cat .thumb i{font-size:1.05rem;color:var(--caramel);transition:color .22s;line-height:1;}
  .cat .label{
    font-size:.88rem;font-weight:700;color:var(--coffee);
    white-space:nowrap;transition:color .22s;
  }
  .cat:hover{border-color:var(--caramel);}
  .cat.active{
    background:linear-gradient(135deg,#4a2f1e,#2a1810);
    border-color:#2a1810;
    box-shadow:0 7px 18px rgba(42,24,16,.3);
  }
  [data-theme="dark"] .cat.active{
    background:linear-gradient(135deg,#e0b96e,#c08a3e);border-color:#c08a3e;
  }
  .cat.active .label{color:#fff;}
  .cat.active .thumb i{color:#d4a054;}
  .cat .thumb img{transition:filter .22s;}
  .cat.active .thumb img{filter:brightness(0) invert(1);}
  [data-theme="dark"] .cat.active .label{color:#241610;}
  [data-theme="dark"] .cat.active .thumb i{color:#241610;}

  /* ─────────── CONTENT ─────────── */
  .wrap{max-width:1080px;margin:0 auto;padding:0 18px 60px;}

  section.category{display:none;animation:rise .34s cubic-bezier(.2,.8,.3,1);}
  section.category.active{display:block;}
  @keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

  .cat-head{text-align:center;margin-bottom:26px;}
  .cat-head h2{font-size:1.62rem;font-weight:700;letter-spacing:.3px;color:var(--espresso);}
  .cat-head .count{
    display:inline-block;margin-top:7px;font-size:.78rem;color:var(--coffee);
    background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:3px 14px;
    box-shadow:0 2px 6px rgba(42,24,16,.07);
  }

  .items{display:grid;grid-template-columns:1fr;gap:14px;}
  @media (min-width:840px){ .items{grid-template-columns:1fr 1fr;gap:16px;} }

  .item{
    background:var(--card);border-radius:20px;overflow:hidden;
    border:1px solid var(--line-3);box-shadow:var(--shadow-item);
    transition:transform .22s cubic-bezier(.2,.8,.3,1), box-shadow .22s, border-color .22s, background .3s;
    display:flex;flex-direction:row;align-items:stretch;cursor:pointer;
    height:160px;min-height:160px;
  }
  html[dir="rtl"] .item{flex-direction:row-reverse;}
  .item:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow-item-h);}
  .item:active{transform:scale(.97);}

  /* لای وێنە — پشتی کرێمی */
  .item .photo{
    position:relative;flex:0 0 160px;width:160px;max-width:160px;overflow:hidden;
    background:var(--photo-bg);
    display:flex;align-items:center;justify-content:center;
    border-inline-end:1px solid var(--line-2);
  }
  .item .photo img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .5s cubic-bezier(.2,.8,.3,1);
  }
  .item:hover .photo img{transform:scale(1.06);}
  .noimg{
    width:100%;height:100%;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:7px;background:var(--cream);color:var(--muted);
  }
  .noimg i{font-size:1.5rem;opacity:.5;}
  .noimg span{font-size:.72rem;font-weight:300;letter-spacing:.3px;}
  .item .fav{
    position:absolute;top:8px;inset-inline-start:8px;z-index:2;
    background:rgba(212,160,84,.95);color:#fff;font-size:.62rem;
    padding:3px 9px;border-radius:999px;box-shadow:0 3px 9px rgba(0,0,0,.2);
  }

  /* لای دەق — پشتی سپی */
  .item .body{
    background:var(--body-bg);flex:1;min-width:0;overflow:hidden;
    display:flex;flex-direction:column;padding:14px 17px 0;
  }
  .item .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;}
  .item .name{
    font-weight:700;font-size:1.06rem;line-height:1.45;color:var(--espresso);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .item .desc{
    font-size:.83rem;color:var(--muted);line-height:1.55;font-weight:300;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .item .desc.none{opacity:.45;font-style:italic;}

  /* نرخ لە بنی کارتەکە */
  .item .foot{
    margin-top:10px;border-top:1px dashed var(--line-2);
    padding:9px 0 12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;
  }
  .item .price{
    display:inline-flex;align-items:baseline;gap:5px;
    font-weight:700;font-size:1.2rem;color:var(--gold-ink);letter-spacing:.4px;
  }
  .item .price small{font-size:.72rem;font-weight:400;color:var(--caramel);}

  /* ─────────── LIGHTBOX ─────────── */
  .lb{
    position:fixed;inset:0;z-index:100;display:none;
    align-items:center;justify-content:center;padding:20px;
    background:rgba(26,14,8,.72);backdrop-filter:blur(6px);
  }
  .lb.open{display:flex;animation:lbIn .25s ease;}
  @keyframes lbIn{from{opacity:0;}to{opacity:1;}}
  .lb-card{
    background:var(--card);border-radius:26px;overflow:hidden;position:relative;
    width:min(420px,100%);max-height:90vh;display:flex;flex-direction:column;
    box-shadow:0 30px 70px rgba(0,0,0,.5);
    animation:lbPop .32s cubic-bezier(.2,.9,.3,1.1);
  }
  @keyframes lbPop{from{opacity:0;transform:translateY(26px) scale(.92);}to{opacity:1;transform:none;}}
  .lb-close{
    position:absolute;top:12px;inset-inline-start:12px;z-index:2;
    width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;
    background:rgba(42,24,16,.55);color:#fff;font-size:1rem;
    display:grid;place-items:center;transition:.2s;backdrop-filter:blur(4px);
  }
  .lb-close:hover{background:#2a1810;transform:rotate(90deg);}
  .lb-photo{
    background:var(--lb-photo-bg);display:block;flex-shrink:0;
    padding:18px;border-bottom:1px solid var(--line);
  }
  .lb-photo img{
    display:block;width:100%;height:auto;aspect-ratio:1/1;
    object-fit:cover;border-radius:20px;
    background:var(--photo-bg);border:1px solid var(--line-2);
    box-shadow:0 8px 22px rgba(42,24,16,.12);
  }
  .lb-body{padding:20px 24px 26px;text-align:center;overflow-y:auto;background:var(--body-bg);}
  .lb-cat{
    display:inline-block;font-size:.76rem;font-weight:700;color:var(--caramel);
    background:var(--cream);border:1px solid var(--line);
    border-radius:999px;padding:4px 14px;margin-bottom:10px;
  }
  .lb-name{font-size:1.4rem;font-weight:700;line-height:1.4;margin-bottom:10px;color:var(--espresso);}
  .lb-sep{
    display:flex;align-items:center;justify-content:center;gap:10px;
    color:var(--gold);font-size:.68rem;letter-spacing:2px;margin:0 0 12px;
  }
  .lb-sep::before,.lb-sep::after{
    content:"";height:1px;width:44px;background:linear-gradient(90deg,transparent,var(--gold));
  }
  .lb-sep::after{background:linear-gradient(270deg,transparent,var(--gold));}
  .lb-desc{
    font-size:.95rem;color:var(--ink);font-weight:300;line-height:1.75;
    margin:0 auto 18px;max-width:34ch;
  }
  .lb-desc.none{color:var(--muted);font-style:italic;opacity:.75;}
  .lb-price{
    display:inline-flex;align-items:baseline;gap:6px;
    background:linear-gradient(135deg,#d4a054,#c08a3e);color:#fff;
    font-weight:700;font-size:1.25rem;padding:9px 26px;border-radius:999px;
    box-shadow:0 6px 20px rgba(212,160,84,.4);
  }
  .lb-price small{font-size:.78rem;font-weight:400;opacity:.92;}
  body.lb-lock{overflow:hidden;}

  .no-result{display:none;text-align:center;padding:52px 20px;color:var(--muted);}
  .no-result i{font-size:2.2rem;color:var(--line);display:block;margin-bottom:12px;}

  .empty{text-align:center;color:var(--muted);padding:60px 20px;}
  .err{
    background:#fdecea;border:1px solid #f5b5ae;color:#8a2e22;
    border-radius:14px;padding:18px 22px;font-size:.9rem;margin-top:24px;
  }
  .err code{background:#fff;padding:2px 7px;border-radius:5px;}

  footer{
    text-align:center;padding:34px 20px 48px;color:var(--muted);font-size:.85rem;
    border-top:1px solid var(--line);margin-top:20px;
  }
  footer .mark{color:var(--gold);font-size:1.1rem;margin-bottom:8px;}
  .fmeta{
    display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;
    margin:4px auto 20px;max-width:760px;font-size:.86rem;
  }
  .fmeta div{display:flex;align-items:center;gap:8px;color:var(--coffee);}
  .fmeta i{color:var(--gold);font-size:.95rem;}
  .fmeta a{color:var(--coffee);text-decoration:none;transition:.2s;}
  .fmeta a:hover{color:var(--gold);}
  .fmeta span[dir="ltr"]{direction:ltr;unicode-bidi:isolate;}
  #top,.wa{
    position:fixed;width:48px;height:48px;border-radius:50%;cursor:pointer;
    display:none;place-items:center;z-index:60;border:0;text-decoration:none;
    box-shadow:0 8px 22px rgba(0,0,0,.28);transition:.22s cubic-bezier(.2,.8,.3,1);
  }
  #top{bottom:20px;inset-inline-start:18px;background:var(--card);color:var(--gold);
    border:1px solid var(--line-3);font-size:1rem;}
  #top.show{display:grid;}
  #top:hover{background:var(--gold);color:#fff;transform:translateY(-3px);}
  .wa{bottom:20px;inset-inline-end:18px;background:#25d366;color:#fff;font-size:1.35rem;display:grid;}
  .wa:hover{transform:translateY(-3px) scale(1.05);}

  @media (max-width:520px){
    .hero{padding:26px 18px 58px;}
    .hero h1{font-size:1.6rem;}
    .hero .tagline{font-size:.9rem;margin-top:5px;}
    .hero .rule{margin-top:11px;font-size:.78rem;}
    .langbar{margin-top:13px;}
    .hero .logo{width:88px;height:88px;padding:7px;margin-bottom:10px;}
    .fmeta{flex-direction:column;gap:10px;align-items:center;}
    #top,.wa{width:44px;height:44px;bottom:16px;}
    .wa{font-size:1.25rem;inset-inline-end:14px;}
    #top{inset-inline-start:14px;}
    .langbar{top:12px;inset-inline-end:12px;}
    .langbar a{font-size:.72rem;padding:4px 10px;}
    #theme{width:25px;height:25px;font-size:.7rem;}
    .items{gap:12px;}
    .item{border-radius:17px;height:140px;min-height:140px;}
    .item .photo{flex:0 0 140px;width:140px;max-width:140px;}
    .item .body{padding:11px 13px 0;}
    .item .name{font-size:.96rem;}
    .item .desc{font-size:.78rem;-webkit-line-clamp:2;}
    .item .foot{margin-top:8px;padding:7px 0 10px;}
    .item .price{font-size:1.06rem;}
    .searchbar .ico{width:36px;height:36px;flex:0 0 36px;font-size:.86rem;}
    .searchbar input{font-size:.94rem;}
    .cat{padding-block:7px;padding-inline-start:11px;padding-inline-end:15px;gap:7px;}
    .cat .thumb{width:22px;height:22px;}
    .cat .label{font-size:.8rem;}
  }

  @media print{
    .searchbar,.catbar,.hero,#top,.wa{display:none!important;}
    section.category{display:block !important;page-break-inside:avoid;margin-bottom:24px;}
    .item{box-shadow:none;border:1px solid #ddd;}
    .item:hover{transform:none;}
  }

  /* ─────────── FEEDBACK ─────────── */
  .rate-pill{
    display:inline-flex;align-items:center;gap:6px;margin-top:12px;cursor:pointer;
    font-family:inherit;font-size:.8rem;color:#f0e5d8;
    background:rgba(255,255,255,.08);border:1px solid rgba(212,160,84,.45);
    border-radius:999px;padding:6px 15px;transition:.2s;
  }
  .rate-pill:hover{background:#d4a054;color:#2a1810;border-color:transparent;}
  .rate-pill .rp-star{color:#d4a054;font-size:.95rem;line-height:1;}
  .rate-pill:hover .rp-star{color:#2a1810;}
  .rate-pill b{font-weight:700;}
  .rate-pill small{opacity:.75;font-size:.72rem;}
  .rate-pill .rp-sep{width:1px;height:12px;background:currentColor;opacity:.3;}
  .fb-link{margin:0 0 14px;}
  .fb-link button{
    font-family:inherit;font-size:.84rem;font-weight:700;cursor:pointer;color:var(--caramel);
    background:var(--card);border:1px solid var(--line-3);border-radius:999px;padding:8px 18px;transition:.2s;
  }
  .fb-link button:hover{background:var(--gold);color:#fff;border-color:transparent;}
  .fb-link i{margin-inline-end:4px;}
  .fb-card{background:var(--body-bg);}
  .fb-body,.fb-done{padding:30px 24px 26px;text-align:center;overflow-y:auto;}
  .fb-mark{font-size:1.6rem;margin-bottom:6px;}
  .fb-mark.big{font-size:2.6rem;margin:10px 0 12px;}
  .fb-body h3,.fb-done h3{font-size:1.2rem;color:var(--espresso);line-height:1.5;}
  .fb-sub{color:var(--muted);font-size:.85rem;margin:4px 0 16px;}
  .fb-stars{display:flex;justify-content:center;gap:4px;direction:ltr;}
  .fb-stars button{
    font-size:2.3rem;line-height:1;background:none;border:0;cursor:pointer;padding:4px 3px;
    color:var(--line-3);transition:transform .15s,color .15s;font-family:inherit;
  }
  .fb-stars button.on{color:#e0a43c;}
  .fb-stars button:hover{transform:scale(1.15);}
  .fb-stars button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px;}
  .fb-word{font-size:.82rem;font-weight:700;color:var(--caramel);min-height:1.4em;margin:2px 0 14px;}
  .fb-body textarea,.fb-body input{
    width:100%;font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--card);
    border:1px solid var(--line);border-radius:14px;padding:11px 14px;outline:none;transition:border-color .2s;
  }
  .fb-body textarea{resize:vertical;min-height:84px;}
  .fb-body textarea:focus,.fb-body input:focus{border-color:var(--gold);}
  .fb-row{display:flex;gap:8px;margin-top:8px;}
  .fb-row input{flex:1;min-width:0;}
  .fb-row input[dir="ltr"]{text-align:start;}
  .fb-row input[dir="ltr"]::placeholder{direction:rtl;}
  [dir="ltr"] .fb-row input[dir="ltr"]::placeholder{direction:ltr;}
  .fb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;}
  .fb-err{color:#c0392b;font-size:.82rem;min-height:1.3em;margin:10px 0 4px;}
  .fb-send{
    width:100%;border:0;border-radius:999px;padding:13px;font-family:inherit;font-weight:700;font-size:1rem;
    cursor:pointer;color:#fff;background:linear-gradient(135deg,#d4a054,#c08a3e);
    box-shadow:0 6px 20px rgba(212,160,84,.35);transition:.2s;
  }
  .fb-send:hover{filter:brightness(1.06);}
  .fb-send:disabled{opacity:.6;cursor:wait;}
  @media (max-width:520px){
    .rate-pill{margin-top:10px;font-size:.74rem;padding:5px 13px;}
    .fb-row{flex-direction:column;}
    .fb-stars button{font-size:2.1rem;}
  }
  @media print{.rate-pill,.fb-link{display:none!important;}}

  /* ─────────── HERO EXTRAS ─────────── */
  .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:2px;}
  .pills .rate-pill{text-decoration:none;}
  .pills .rate-pill i{color:#d4a054;font-size:.8rem;}
  .pills .rate-pill:hover i{color:#2a1810;}
  .open-chip{
    display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:.78rem;font-weight:700;
    padding:4px 12px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.14);
  }
  .open-chip i{width:8px;height:8px;border-radius:50%;display:inline-block;}
  .open-chip.is-open{color:#bff0c8;} .open-chip.is-open i{background:#3ddc6e;box-shadow:0 0 0 3px rgba(61,220,110,.22);animation:pulse 2s infinite;}
  .open-chip.is-closed{color:#ffc9c0;} .open-chip.is-closed i{background:#ff6b5b;}
  .open-chip span{font-weight:400;opacity:.8;}
  @keyframes pulse{50%{box-shadow:0 0 0 6px rgba(61,220,110,0);}}

  /* ─────────── TODAY'S SPECIAL ─────────── */
  .promo-wrap{max-width:600px;margin:-12px auto 22px;padding:0 18px;}
  .promo{
    width:100%;display:flex;align-items:center;gap:13px;text-align:start;font-family:inherit;color:var(--ink);
    background:var(--card);border:1.5px solid var(--gold);border-radius:20px;padding:10px 12px;cursor:pointer;
    box-shadow:0 8px 24px rgba(212,160,84,.22);transition:.2s;position:relative;overflow:hidden;
  }
  div.promo{cursor:default;}
  .promo::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(212,160,84,.14),transparent 60%);pointer-events:none;}
  button.promo:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(212,160,84,.32);}
  .promo img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--photo-bg);}
  .promo-ico{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;background:var(--cream);flex-shrink:0;}
  .promo-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .promo-lbl{font-size:.72rem;font-weight:700;color:var(--gold-ink);letter-spacing:.3px;}
  .promo-txt b{font-size:1rem;color:var(--espresso);}
  .promo-msg{font-size:.82rem;color:var(--muted);line-height:1.5;}
  .promo-price{font-weight:700;color:#fff;background:linear-gradient(135deg,#d4a054,#c08a3e);padding:6px 12px;border-radius:999px;white-space:nowrap;font-size:.9rem;}
  .promo-price small{font-weight:400;font-size:.7rem;}

  /* ─────────── BADGES / SIZES ─────────── */
  .tag-new,.tag-out{
    position:absolute;top:8px;inset-inline-end:8px;z-index:2;font-size:.66rem;font-weight:700;
    padding:3px 9px;border-radius:999px;letter-spacing:.3px;
  }
  .tag-new{background:#2e9e5b;color:#fff;box-shadow:0 3px 10px rgba(46,158,91,.35);}
  .tag-out{background:rgba(42,24,16,.82);color:#fff;}
  .item.soldout .photo img{filter:grayscale(1);opacity:.55;}
  .item.soldout .name,.item.soldout .price{opacity:.55;}
  .item.soldout .price{text-decoration:line-through;}
  .sz-count{font-size:.68rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-inline-start:6px;white-space:nowrap;}
  .lb-sizes{display:grid;gap:7px;margin:0 auto 6px;max-width:300px;}
  .lb-sizes div{
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    background:var(--card);border:1px solid var(--line);border-radius:14px;padding:9px 15px;
  }
  .lb-sizes span{font-weight:700;color:var(--espresso);}
  .lb-sizes b{color:var(--gold-ink);font-size:1.05rem;}
  .lb-sizes small{font-weight:400;font-size:.72rem;color:var(--muted);}
  .lb-out{display:inline-block;margin:0 0 12px;padding:5px 14px;border-radius:999px;background:#c0392b;color:#fff;font-weight:700;font-size:.82rem;}
  .lb-out[hidden],.lb-sizes[hidden],.lb-price[hidden]{display:none;}

  /* ─────────── WI-FI ─────────── */
  .wifi-card{background:var(--body-bg);}
  .wifi-body{padding:30px 24px 26px;text-align:center;}
  .wifi-ico{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(135deg,#d4a054,#c08a3e);color:#fff;font-size:1.4rem;}
  .wifi-body h3{color:var(--espresso);margin-bottom:14px;}
  .wifi-row{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--card);
    border:1px solid var(--line);border-radius:14px;padding:11px 15px;margin-bottom:8px;font-size:.88rem;}
  .wifi-row span{color:var(--muted);}
  .wifi-row b{color:var(--espresso);font-size:1rem;word-break:break-all;}
  .wifi-body .fb-send{margin-top:8px;}

  /* ─────────── CALL WAITER ─────────── */
  .bell-wrap{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:61;display:flex;flex-direction:column;align-items:center;gap:8px;}
  .bell-wrap[hidden]{display:none;}
  .bell{
    display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:.9rem;
    color:#2a1810;background:linear-gradient(135deg,#f0c675,#d4a054);padding:12px 20px;border-radius:999px;
    box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 0 4px rgba(212,160,84,.25);white-space:nowrap;transition:.2s;
  }
  .bell:hover{transform:translateY(-2px);}
  .bell:disabled{opacity:.6;cursor:default;transform:none;}
  .bell small{font-weight:400;opacity:.8;}
  .bell-msg{order:-1;font-size:.82rem;font-weight:700;background:var(--card);color:var(--ink);border:1px solid var(--line-3);
    padding:6px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);opacity:0;transform:translateY(6px);transition:.25s;pointer-events:none;}
  .bell-msg.show{opacity:1;transform:none;}
  .bell-msg.ok{color:#1f8a4c;}
  body:has(.bell-wrap:not([hidden])) footer{padding-bottom:96px;}
  @media (max-width:520px){
    .promo-wrap{margin-top:-14px;padding:0 14px;}
    .promo img{width:54px;height:54px;}
    .bell{font-size:.84rem;padding:11px 16px;}
    .bell-wrap{bottom:16px;}
    .open-chip{margin-top:7px;font-size:.72rem;}
  }
  @media print{.pills,.promo-wrap,.bell-wrap,.open-chip{display:none!important;}}
  .rate-pill[hidden],.bell-wrap[hidden]{display:none!important;}
  .item .price{white-space:nowrap;}
  .item .price small.from{font-weight:400;font-size:.72rem;opacity:.8;margin-inline-end:2px;}
  .inst-icon{width:72px;height:72px;border-radius:18px;margin:0 auto 10px;display:block;box-shadow:0 6px 18px rgba(0,0,0,.18);}
  .inst-txt{font-size:.95rem;line-height:1.9;color:var(--ink);margin:4px 0 16px;}