@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,.97);
    --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,.97);
    --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;}
  /* مینیو زووم نابێت و بۆ چەپ و ڕاست ناجووڵێت. overflow-x ـی body (خوارەوە) دەچێتە سەر
     هەموو پەڕەکە؛ نابێت overflow بۆ html دابنرێت، دەنا شریتی لکاوی هاوپۆلەکان تێک دەچێت. */
  html{scroll-behavior:smooth;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  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 .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;
    /* بێ blur: لەسەر وێنە و گەڵا جووڵاوەکانی سەرەوەیە، بۆیە blur ـەکە هەموو فرەیمێک دووبارە دەبووەوە */
    background:rgba(20,12,8,.32);border:1px solid rgba(255,255,255,.22);
    border-radius:999px;padding:4px;
  }
  .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{
    /* بێ backdrop-filter: پشتەکەی ٩٧٪ ڕەنگە و blur دیار نەبوو، بەڵام لە هەر فرەیمێکی سکڕۆڵدا
       دووبارە دەکرایەوە و سکڕۆڵی مۆبایلی دەلەرزاند */
    position:sticky;top:0;z-index:20;background:var(--catbar-bg);
    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;}
  /* تیرەکانی شریتی هاوپۆل — تەنها لە کۆمپیوتەر (ماوس)؛ لە مۆبایل هەرگیز دیار نین */
  .catnav{display:none;}
  @media (hover:hover) and (pointer:fine){
    .catscroll{cursor:grab;}
    .catscroll.dragging{cursor:grabbing;user-select:none;}
    .catscroll.dragging .cat{pointer-events:none;}
    .catnav{
      display:flex;align-items:center;position:absolute;top:0;bottom:0;z-index:2;width:64px;
      border:0;margin:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease;
    }
    .catnav.on{opacity:1;pointer-events:auto;}
    .catnav.l{left:0;justify-content:flex-start;padding:0 0 0 10px;background:linear-gradient(to right,var(--catbar-bg) 50%,transparent);}
    .catnav.r{right:0;justify-content:flex-end;padding:0 10px 0 0;background:linear-gradient(to left,var(--catbar-bg) 50%,transparent);}
    .catnav span{
      width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      background:var(--card);border:1px solid var(--line-2);color:var(--coffee);font-size:.8rem;
      box-shadow:0 3px 10px rgba(42,24,16,.14);transition:transform .15s ease,color .15s ease;
    }
    .catnav:hover span{transform:scale(1.08);color:var(--caramel);}
  }
  .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 ─────────── */
  /* پەنجەرەکان هەمیشە ئامادەن (نەک display:none) تا کردنەوە و داخستن هەردووکیان بە نەرمی بجووڵێن.
     blur ـی پشتەوە لابرا: لە ئایفۆن هەموو شاشەکەی لە هەر فرەیمێکدا blur دەکردەوە و ئەنیمەیشنەکە
     هیچ دیار نەدەبوو — پەنجەرەکە لە یەک فرەیمدا دەردەکەوت و ون دەبوو. */
  .lb{
    position:fixed;inset:0;z-index:100;display:flex;
    align-items:center;justify-content:center;padding:20px;
    background:rgba(26,14,8,.8);
    visibility:hidden;opacity:0;pointer-events:none;
    transition:opacity .22s ease,visibility 0s linear .22s;
  }
  .lb.open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .25s ease,visibility 0s;}
  .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);
    transform:translateY(22px) scale(.94);opacity:0;
    transition:transform .2s ease-in,opacity .18s ease-in;
  }
  .lb.open .lb-card{transform:none;opacity:1;transition:transform .34s cubic-bezier(.2,.9,.3,1.1),opacity .2s ease-out;}
  @media (prefers-reduced-motion:reduce){.lb,.lb.open,.lb-card,.lb.open .lb-card{transition:none;}}
  @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;
  }
  .fsocial{display:flex;justify-content:center;gap:12px;margin:4px 0 16px;}
  .fsocial a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;text-decoration:none;
    color:var(--caramel);border:1px solid var(--line-3);background:var(--card);transition:transform .2s,background .2s,color .2s;}
  .fsocial a:hover{background:var(--gold);color:#fff;border-color:transparent;transform:translateY(-2px);}
  .fcredit{margin-top:10px;font-size:.72rem;letter-spacing:.3px;opacity:.75;}
  .fcredit b{color:var(--gold);font-weight:700;}
  .fcredit a{color:inherit;text-decoration:none;}
  .fcredit a:hover,.fcredit a:focus-visible{text-decoration:underline;}
  .ord-credit{margin-top:2px;text-align:center;color:var(--muted);}
  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);position:relative;}
  .open-chip.is-open i::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:rgba(61,220,110,.35);
    animation:pulse 2s ease-out infinite;will-change:transform,opacity;}
  .open-chip.is-closed{color:#ffc9c0;} .open-chip.is-closed i{background:#ff6b5b;}
  .open-chip span{font-weight:400;opacity:.8;}
  @keyframes pulse{from{transform:scale(.6);opacity:.9;}to{transform:scale(2);opacity: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;}

  /* ئاگاداری بۆ سەردانکەران (ئەدمین ← ڕێکخستن) — شریتێکی شەفافی شووشەیی کە لە سەرەوە دادەبەزێت.
     هەمان فۆنت و کێشی «بەخێربێن بۆ قاوەخانەی ماندا» (.hero .tagline: var(--font)، 300).
     هێڵی خوارەوە ماوەی ماوە پیشان دەدات (--nt-secs). */
  .nt-toast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:90;
    width:max-content;max-width:min(90vw,340px);display:flex;align-items:center;gap:8px;padding:6px 8px 8px 10px;
    border-radius:14px;overflow:hidden;cursor:pointer;color:#fff;
    background:rgba(20,12,8,.26);
    -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
    border:1px solid rgba(255,255,255,.24);
    box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.14);
    opacity:0;transform:translate(-50%,-130%) scale(.96);
    transition:opacity .3s ease,transform .55s cubic-bezier(.2,1.25,.35,1);}
  html[dir="rtl"] .nt-toast{padding:6px 10px 8px 8px;}
  .nt-toast.show{opacity:1;transform:translate(-50%,0) scale(1);}
  .nt-toast[hidden]{display:none;}
  /* ئایکۆن: بازنەی زێڕینی پڕ و ئایکۆنی تاریک — لەسەر وێنەی ڕووناک و بەشی کرێمیش دیارە
     (ئایکۆنی سپی تەنک لەسەر شووشەی ڕوون دیار نەبوو) */
  .nt-ic{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(135deg,#f3d08e,#c8913f);color:#2a1810;font-size:.7rem;
    box-shadow:0 2px 8px rgba(0,0,0,.25);}
  .nt-toast.show .nt-ic i{animation:ntWiggle .9s .45s ease-in-out 1;}
  @keyframes ntWiggle{0%,100%{transform:rotate(0);}20%{transform:rotate(-16deg);}40%{transform:rotate(13deg);}60%{transform:rotate(-8deg);}80%{transform:rotate(4deg);}}
  .nt-txt{flex:1;min-width:0;font-family:var(--font);font-weight:300;
    font-size:.8rem;line-height:1.55;text-shadow:0 1px 6px rgba(0,0,0,.35);}
  .nt-x{flex:0 0 20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;
    color:#fff;background:rgba(0,0,0,.32);}
  .nt-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08);}
  .nt-bar::after{content:"";position:absolute;inset:0;transform-origin:left;background:rgba(255,255,255,.6);}
  html[dir="rtl"] .nt-bar::after{transform-origin:right;}
  .nt-toast.show .nt-bar::after{animation:ntBar var(--nt-secs,6s) linear forwards;}
  @keyframes ntBar{from{transform:scaleX(1);}to{transform:scaleX(0);}}
  @media (prefers-reduced-motion:reduce){.nt-toast{transition:none;}.nt-toast.show .nt-ic i{animation:none;}}

  /* ─────────── 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;}
  .bell-pick{order:-1;background:var(--card);color:var(--ink);border:1px solid var(--line-3);border-radius:18px;padding:12px 14px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);max-width:min(92vw,360px);text-align:center;font-size:.85rem;}
  .bell-pick[hidden]{display:none;}
  .bell-pick label{display:block;margin-bottom:10px;}
  .bell-row{display:flex;gap:8px;}
  .bell-row input{flex:1;min-width:0;font:inherit;font-size:1.3rem;font-weight:700;text-align:center;padding:10px;border-radius:12px;
    border:1px solid var(--line-3);background:transparent;color:inherit;}
  .bell-row button{font:inherit;font-weight:700;padding:10px 18px;border-radius:12px;border:0;background:var(--ink);color:var(--card);cursor:pointer;}
  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;}

  /* ─────────── v6 DESIGN: compact header ─────────── */
  .hero2{padding:22px 18px 62px;text-align:center;}
  .hero2 .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;max-width:520px;margin:0 auto;}
  .hero2 .logo{width:100px;height:100px;padding:8px;margin:0;flex-shrink:0;
    box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 3px rgba(212,160,84,.6);}
  .hero2 .brand-txt{min-width:0;}
  .hero2 h1{font-size:1.75rem;line-height:1.2;}
  .hero2 .tagline{margin-top:3px;font-size:.88rem;}
  .hero2 .open-chip{margin-top:7px;}
  .hero2 .langbar{margin-top:16px;}
  .qa{display:flex;justify-content:center;gap:18px;margin-top:16px;}
  .qa-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;cursor:pointer;
    font-family:inherit;color:#f0e5d8;text-decoration:none;min-width:54px;}
  .qa-btn[hidden]{display:none!important;}
  .qa-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;color:#d4a054;
    background:rgba(255,255,255,.09);border:1px solid rgba(212,160,84,.45);transition:.2s;}
  .qa-ic b{font-size:.95rem;color:#f6d9a0;}
  .qa-l{font-size:.7rem;opacity:.85;white-space:nowrap;}
  .qa-btn:hover .qa-ic,.qa-btn:focus-visible .qa-ic{background:#d4a054;color:#2a1810;border-color:transparent;}
  .qa-btn:hover .qa-ic b{color:#2a1810;}

  /* popular strip */
  .popular{max-width:1100px;margin:0 auto 18px;}
  .popular h3{font-size:1rem;color:var(--espresso);padding:0 20px;margin-bottom:10px;}
  .pop-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 20px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .pop-scroll::-webkit-scrollbar{display:none;}
  .pop-card{flex:0 0 136px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;text-align:start;cursor:pointer;
    font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:18px;padding:8px;
    box-shadow:var(--shadow-item);transition:transform .2s;}
  .pop-card:hover{transform:translateY(-3px);}
  /* شریتی جووڵاو (وەک ژێرنووسی کەناڵەکان) — JS سکڕۆڵی دەکات، بە پەنجەش ڕادەکێشرێت */
  .pop-ticker{overflow-x:auto;padding-left:0;padding-right:0;scroll-snap-type:none;overscroll-behavior-x:contain;}
  /* لێوارە کاڵەکانی دوو لا: دوو پەردەی ڕەنگی پاشبنەما لە سەر شریتەکە، نەک mask-image.
     لە ئایفۆن (WebKit) توخمێکی سکڕۆڵکراو کە mask-imageـی هەبێت لە کاتی سکڕۆڵی پەڕەکەدا
     هەندێک جار ناکێشرێت — شریتەکە ون دەبوو و دەهاتەوە. */
  .pop-fade{position:relative;}
  .pop-fade::before,.pop-fade::after{content:"";position:absolute;top:0;bottom:0;width:6%;z-index:1;pointer-events:none;}
  .pop-fade::before{left:0;background:linear-gradient(90deg,var(--cream),transparent);}
  .pop-fade::after{right:0;background:linear-gradient(270deg,var(--cream),transparent);}
  .pop-track{display:flex;width:max-content;padding:4px 0 2px;}
  .pop-ticker .pop-card{margin-inline-end:12px;scroll-snap-align:none;}
  .pop-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px;background:var(--photo-bg);}
  /* ناوی درێژ (وەک «ماندا سیلڤانا شەیک») بە دوو دێڕ دەنووسرێت نەک «...»؛ هەموو کارتەکان هەمان بەرزی */
  .pop-name{font-weight:700;font-size:.86rem;line-height:1.35;padding:0 3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    min-height:calc(2 * 1.35em);}
  .pop-price{font-weight:700;color:var(--gold-ink);font-size:.88rem;padding:0 3px 3px;white-space:nowrap;}
  .pop-price small{font-weight:400;font-size:.68rem;color:var(--muted);}

  /* category chips with real photos */
  .cat .thumb.ph{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-block:-4px;margin-inline-start:-5px;box-shadow:0 0 0 2px var(--card);}
  .cat .thumb.ph img{object-fit:cover;}
  .cat.active .thumb.ph img{filter:none;}
  .cat.active .thumb.ph{box-shadow:0 0 0 2px #d4a054;}

  @media (max-width:520px){
    .hero2{padding:18px 16px 56px;}
    .hero2 .logo{width:88px;height:88px;padding:7px;}
    .hero2 h1{font-size:1.45rem;}
    .hero2 .tagline{font-size:.8rem;}
    .qa{gap:14px;margin-top:14px;}
    .qa-ic{width:42px;height:42px;}
    .cat .thumb.ph{width:28px;height:28px;}
  }
  @media print{.qa,.popular{display:none!important;}}

  /* ─────────── v8: tags, combos, Google review ─────────── */
  .item .tg{display:inline-flex;gap:2px;font-size:.8rem;line-height:1;margin-inline-end:auto;white-space:nowrap;}
  .item .tg span{cursor:help;}
  .lb-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px;}
  .lb-tags span{font-size:.78rem;padding:4px 11px;border-radius:999px;background:var(--cream);color:var(--espresso);border:1px solid var(--line);}
  .lb-tags[hidden]{display:none;}

  .combos{max-width:1100px;margin:0 auto 18px;}
  .combos h3{font-size:1rem;color:var(--espresso);padding:0 20px;margin-bottom:10px;}
  .combo-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 20px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .combo-scroll::-webkit-scrollbar{display:none;}
  .combo-card{flex:0 0 min(300px,82vw);scroll-snap-align:start;display:flex;gap:12px;align-items:center;
    background:var(--card);border:1px solid var(--line-2);border-radius:18px;padding:10px;box-shadow:var(--shadow-item);
    position:relative;overflow:hidden;}
  .combo-scroll.one .combo-card{flex-basis:100%;max-width:560px;margin-inline:auto;}
  .combo-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(212,160,84,.12),transparent 55%);pointer-events:none;}
  .combo-pics{position:relative;flex:0 0 84px;height:84px;}
  .combo-pics img{position:absolute;width:62px;height:62px;border-radius:14px;object-fit:cover;background:var(--photo-bg);
    border:2px solid var(--card);box-shadow:0 3px 10px rgba(42,24,16,.18);}
  .combo-pics.n1 img{width:84px;height:84px;}
  .combo-pics.n2 img:nth-child(1){inset-inline-start:0;top:0;}
  .combo-pics.n2 img:nth-child(2){inset-inline-end:0;bottom:0;}
  .combo-pics.n3 img{width:52px;height:52px;}
  .combo-pics.n3 img:nth-child(1){inset-inline-start:0;top:0;}
  .combo-pics.n3 img:nth-child(2){inset-inline-end:0;top:8px;}
  .combo-pics.n3 img:nth-child(3){inset-inline-start:14px;bottom:0;}
  .combo-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;position:relative;}
  .combo-name{font-weight:700;font-size:.98rem;color:var(--espresso);line-height:1.4;}
  .combo-items{font-size:.8rem;color:var(--muted);line-height:1.6;}
  .combo-items button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;}
  .combo-items i{font-style:normal;margin:0 5px;color:var(--gold);font-weight:700;}
  .combo-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:2px;}
  .combo-price{display:inline-flex;align-items:baseline;gap:6px;font-weight:700;color:var(--gold-ink);font-size:1.05rem;white-space:nowrap;}
  .combo-price s{font-weight:400;font-size:.8rem;color:var(--muted);}
  .combo-price small{font-weight:400;font-size:.7rem;color:var(--muted);}
  .combo-save{font-size:.7rem;font-weight:700;color:#fff;background:#2e8b57;border-radius:999px;padding:3px 9px;white-space:nowrap;}
  @media print{.combos{display:none!important;}}

  .fb-g-txt{font-size:.86rem;color:var(--muted);line-height:1.8;margin:6px 0 14px;}
  a.fb-send{display:block;text-decoration:none;}
  .fb-google i{margin-inline-end:6px;}
  .fb-link a{display:inline-block;margin-inline-start:8px;font-size:.84rem;font-weight:700;color:var(--caramel);text-decoration:none;
    background:var(--card);border:1px solid var(--line-3);border-radius:999px;padding:8px 18px;transition:.2s;}
  .fb-link a:hover{background:var(--gold);color:#fff;border-color:transparent;}

  /* ─────────── وێنەی نەبوو: لۆگۆی ماندا ─────────── */
  .noimg.brand-ph{
    background:
      radial-gradient(circle at 50% 40%,rgba(212,160,84,.20),transparent 62%),
      repeating-linear-gradient(135deg,rgba(169,116,79,.07) 0 9px,transparent 9px 18px),
      var(--cream);
  }
  .noimg.brand-ph > i{font-size:1.9rem;color:var(--gold);opacity:.55;}

  /* ─────────── سەبەتەی داواکاری ─────────── */
  .qty{display:inline-flex;align-items:center;border:1.5px solid var(--gold);border-radius:999px;overflow:hidden;flex-shrink:0;}
  .qty button{width:34px;height:36px;border:0;background:transparent;color:var(--gold-ink);font:inherit;font-size:1.15rem;font-weight:700;cursor:pointer;}
  .qty button:active{background:rgba(212,160,84,.18);}
  .qty b{min-width:24px;text-align:center;font-variant-numeric:tabular-nums;color:var(--espresso);}

  .lb-order{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-3);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
  .lb-order[hidden]{display:none;}
  /* an item with several prices: its price rows become the choice */
  .lb-sizes.pickable div{cursor:pointer;transition:border-color .15s, background .15s;}
  .lb-sizes.pickable div[aria-checked="true"]{border-color:var(--gold);background:rgba(212,160,84,.14);box-shadow:inset 0 0 0 1px var(--gold);}
  .lb-sizes.pickable div:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

  /* «+» on each card: add one without opening the popup */
  .item .add-btn{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);cursor:pointer;
    background:transparent;color:var(--gold-ink);font:inherit;font-weight:700;font-size:1.15rem;line-height:1;
    display:grid;place-items:center;transition:background .18s, color .18s, transform .18s;}
  .item .add-btn span{font-variant-numeric:tabular-nums;}
  .item .add-btn:hover{background:rgba(212,160,84,.16);}
  .item .add-btn:active{transform:scale(.9);}
  .item .add-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
  .item .add-btn.on{background:linear-gradient(135deg,#f0c675,#d4a054);border-color:transparent;color:#2a1810;font-size:.95rem;
    box-shadow:0 3px 10px rgba(212,160,84,.4);}
  @media (max-width:520px){
    .item .add-btn{width:31px;height:31px;font-size:1.05rem;}
    .item .foot:has(.add-btn) .sz-count{display:none;}
  }
  .lo-row{display:flex;align-items:center;gap:10px;}
  .lo-add{flex:1;min-width:0;padding:11px 14px;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;}
  .lo-lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;}
  .lo-add b{flex:none;font-variant-numeric:tabular-nums;padding-inline-start:8px;border-inline-start:1px solid rgba(255,255,255,.45);}

  .ord-bar{
    position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:62;
    display:inline-flex;align-items:center;gap:9px;max-width:calc(100vw - 150px);
    border:0;cursor:pointer;font-family:inherit;color:#2a1810;white-space:nowrap;
    background:linear-gradient(135deg,#f0c675,#d4a054);padding:10px 18px 10px 14px;border-radius:999px;
    box-shadow:0 10px 26px rgba(0,0,0,.32),0 0 0 4px rgba(212,160,84,.25);
  }
  .ord-bar[hidden]{display:none;}
  .ord-bar i{font-size:1.05rem;}
  .ord-n{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2a1810;color:#f0c675;
    display:inline-grid;place-items:center;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;}
  .ord-l{font-weight:700;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;}
  .ord-sum{font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;}
  .ord-sum small{font-weight:400;font-size:.7rem;}
  .ord-bar.bump{animation:ordBump .45s cubic-bezier(.2,.9,.3,1.3);}
  @keyframes ordBump{0%{transform:translateX(-50%) scale(1);}40%{transform:translateX(-50%) scale(1.12);}100%{transform:translateX(-50%) scale(1);}}
  body.has-order .bell-wrap{bottom:80px;}
  body.has-order footer{padding-bottom:96px;}
  /* سەبەتە و زەنگ پێکەوە: دوو دوگمە لە سەر یەک — خوارەوەی پەڕە (ناوی دیزاینەر) لە ژێریان نەمێنێت */
  body.has-order:has(.bell-wrap:not([hidden])) footer{padding-bottom:172px;}

  .ord-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%,8px);z-index:120;
    background:var(--ink);color:var(--card);padding:8px 16px;border-radius:999px;font-size:.84rem;font-weight:700;
    opacity:0;pointer-events:none;transition:.22s;white-space:nowrap;}
  .ord-toast.show{opacity:1;transform:translate(-50%,0);}
  body.has-order .ord-toast{bottom:136px;}

  .ord-card{background:var(--body-bg);}
  .ord-head{padding:22px 24px 10px;padding-inline-start:62px;text-align:start;flex:none;}
  .ord-head h3{font-size:1.25rem;color:var(--espresso);}
  .ord-head p{font-size:.8rem;color:var(--muted);margin-top:2px;}
  .ord-list{overflow-y:auto;padding:4px 20px;display:grid;gap:10px;min-height:0;}
  .ord-line{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;}
  .ord-info{flex:1;min-width:0;display:flex;flex-direction:column;}
  .ord-info b{font-size:.92rem;color:var(--espresso);overflow-wrap:anywhere;}
  .ord-info small{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums;}
  .ord-lt{min-width:58px;text-align:end;font-weight:700;color:var(--gold-ink);font-variant-numeric:tabular-nums;font-size:.9rem;}
  .ord-line .qty button{width:30px;height:32px;}
  .ord-del{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-3);background:transparent;
    color:#b3543c;cursor:pointer;font-size:.86rem;display:grid;place-items:center;}
  .ord-del:hover,.ord-del:focus-visible{background:rgba(179,84,60,.10);border-color:#b3543c;}
  /* دانی سەبەتە بە کاپتن */
  /* بانگکردنی کاپتن: سوور، بۆ ئەوەی لە ناو سەبەتەکە بە ئاسانی ببینرێت */
  .ord-call{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:999px;cursor:pointer;
    font:inherit;font-weight:700;font-size:.98rem;border:0;background:#d63a2f;color:#fff;
    box-shadow:0 6px 16px rgba(214,58,47,.32);transition:background .15s,transform .12s;}
  .ord-call:hover,.ord-call:focus-visible{background:#c22f25;}
  .ord-call:active{transform:scale(.98);}
  .ord-call:disabled{opacity:.6;cursor:default;}
  .ord-caps-wrap{display:grid;gap:8px;}
  .ord-caps-h{font-size:.88rem;color:var(--espresso);}
  .ord-caps{display:flex;flex-wrap:wrap;gap:8px;}
  .ord-caps button{font:inherit;font-size:.9rem;padding:8px 16px;border-radius:999px;cursor:pointer;
    border:1px solid var(--line-3);background:var(--card);color:var(--ink);}
  .ord-caps button[aria-checked="true"]{background:var(--espresso);border-color:var(--espresso);color:#fff;font-weight:700;}
  .ord-caps-none{font-size:.82rem;color:var(--muted);}
  .ord-code input{letter-spacing:.35em;}
  .ord-code input.bad,.ord-tbl input.bad{border-color:#c0392b;}
  .ord-code-hint{font-size:.74rem;color:var(--muted);line-height:1.5;}
  /* بەشی خوارەوەی سەبەتەی کاپتن درێژە: هەموو کارتەکە سکڕۆڵ دەبێت، نەک لیستەکە تەنها بچووک بکرێتەوە */
  .ord-cap{overflow-y:auto;overscroll-behavior:contain;}
  .ord-cap .ord-list{flex:none;overflow:visible;}
  .ord-send:disabled{opacity:.55;cursor:default;}
  .ord-err.ok{color:#2e7d4f;}
  .ord-foot{flex:none;padding:14px 20px 20px;display:grid;gap:12px;border-top:1px solid var(--line);margin-top:10px;}
  .ord-fields{display:grid;gap:8px;}
  .ord-tbl{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.86rem;color:var(--coffee);}
  .ord-tbl input{width:90px;font:inherit;font-weight:700;font-size:1.05rem;text-align:center;padding:7px;border-radius:12px;
    border:1px solid var(--line-3);background:var(--card);color:var(--ink);}
  .ord-fields textarea{font:inherit;font-size:.86rem;padding:9px 12px;border-radius:12px;border:1px solid var(--line-3);
    background:var(--card);color:var(--ink);resize:vertical;min-height:44px;}
  .ord-tbl input:focus,.ord-fields textarea:focus{outline:2px solid var(--gold);outline-offset:1px;}
  .ord-total{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.1rem;color:var(--espresso);}
  .ord-total b{color:var(--gold-ink);font-size:1.25rem;font-variant-numeric:tabular-nums;}
  .ord-total small{font-weight:400;font-size:.78rem;color:var(--muted);}
  .ord-wa{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:999px;
    background:#25d366;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;
    box-shadow:0 6px 20px rgba(37,211,102,.32);transition:.2s;}
  .ord-wa:hover{filter:brightness(1.05);}
  .ord-wa i{font-size:1.25rem;}
  .ord-actions{display:flex;gap:8px;}
  .ord-actions button{flex:1;font:inherit;font-size:.82rem;padding:9px;border-radius:999px;cursor:pointer;
    border:1px solid var(--line-3);background:transparent;color:var(--coffee);}
  .ord-actions button:hover{border-color:var(--gold);color:var(--gold-ink);}
  @media (max-width:520px){
    .ord-bar{bottom:16px;padding:9px 14px 9px 12px;max-width:calc(100vw - 132px);}
    .ord-l{display:none;}
    body.has-order .bell-wrap{bottom:72px;}
  }
  @media (prefers-reduced-motion:reduce){.ord-bar.bump{animation:none;}.ord-toast{transition:none;}}
  @media print{.ord-bar,.ord-toast,.lb-order{display:none!important;}}

  /* ─────────── وێنەکان بە نەرمی دەردەکەون ─────────── */
  html.img-fade .item .photo img,html.img-fade .pop-card img,html.img-fade .promo img,html.img-fade .cat .thumb img{
    opacity:0;transition:opacity .5s ease, transform .5s cubic-bezier(.2,.8,.3,1);}
  html.img-fade .item .photo img.ld,html.img-fade .pop-card img.ld,html.img-fade .promo img.ld,html.img-fade .cat .thumb img.ld{opacity:1;}
  /* a soft glow while a photo is still on its way — تەنها ئەو وێنانەی نزیکی شاشەن (.near، menu.js)؛
     پێشتر ١٤٠+ وێنەی دوور هەموو کات جووڵەیان دەکرد و مینیوەکەیان قورس دەکرد */
  html.img-fade .item .photo.near:has(> img:not(.ld)){
    background:linear-gradient(100deg,var(--photo-bg) 30%,var(--cream-soft) 50%,var(--photo-bg) 70%) 0 0/250% 100%;
    animation:phShine 1.4s linear infinite;}
  @keyframes phShine{from{background-position:120% 0;}to{background-position:-120% 0;}}
  @media (prefers-reduced-motion:reduce){
    html.img-fade .item .photo img,html.img-fade .pop-card img,html.img-fade .promo img,html.img-fade .cat .thumb img{transition:none;}
    html.img-fade .item .photo.near:has(> img:not(.ld)){animation:none;}
  }

  /* ─────────── تێمی بۆنەکان (ئەدمین ← ڕێکخستنەکان) ─────────── */
  .ev-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
  .ev-greet{margin-top:14px;}
  .ev-greet span{display:inline-block;padding:6px 18px;border-radius:999px;font-weight:700;font-size:.95rem;letter-spacing:.3px;
    color:#f6dc8f;background:rgba(255,255,255,.07);border:1px solid rgba(240,217,176,.32);
    box-shadow:0 6px 18px rgba(0,0,0,.25);backdrop-filter:blur(4px);animation:evIn .7s cubic-bezier(.2,.9,.3,1.1) both;}
  @keyframes evIn{from{opacity:0;transform:translateY(8px) scale(.94);}to{opacity:1;transform:none;}}

  /* نەورۆز: خۆری ٢١ تیشک + سوور، سپی، سەوز */
  .hero.ev-newroz::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;z-index:2;
    background:linear-gradient(#ed2024 0 33.4%,#ffffff 0 66.7%,#278e43 0);}
  .ev-sun{position:absolute;width:340px;height:340px;left:50%;top:-150px;margin-left:-170px;opacity:.17;
    filter:drop-shadow(0 0 24px rgba(253,195,22,.6));animation:evSpin 90s linear infinite;}
  @keyframes evSpin{to{transform:rotate(360deg);}}
  .ev-newroz .ev-greet span{color:#fff;border-color:rgba(253,195,22,.55);
    background:linear-gradient(90deg,rgba(237,32,36,.28),rgba(253,195,22,.22),rgba(39,142,67,.28));}

  /* ڕەمەزان و جەژن: فانوس و مانگ */
  .ev-lantern{position:absolute;top:-4px;width:30px;height:auto;transform-origin:20px 0;
    filter:drop-shadow(0 0 10px rgba(255,207,107,.55));animation:evSwing 3.6s ease-in-out infinite alternate;}
  .ev-lantern.l1{left:3%;}
  .ev-lantern.l2{left:calc(3% + 34px);width:22px;top:-18px;animation-delay:-1.2s;}
  .ev-lantern.l3{right:3%;width:24px;top:-12px;animation-delay:-2.1s;}
  @keyframes evSwing{from{transform:rotate(-6deg);}to{transform:rotate(6deg);}}
  .ev-moon{position:absolute;top:12px;right:calc(3% + 32px);width:40px;height:40px;opacity:.9;
    filter:drop-shadow(0 0 12px rgba(246,220,143,.55));}
  .ev-eid .ev-moon{right:auto;left:4%;width:46px;height:46px;}

  /* جەژن و سەری ساڵ: پارچە کاغەزی زێڕین */
  .ev-confetti i{position:absolute;top:-12px;width:var(--w);height:calc(var(--w) * .45);border-radius:1px;
    background:var(--c);opacity:.85;animation:evFall var(--d) linear infinite var(--dl);}
  @keyframes evFall{
    0%{transform:translate3d(0,0,0) rotate(var(--r));}
    50%{transform:translate3d(14px,180px,0) rotate(calc(var(--r) + 200deg));}
    100%{transform:translate3d(-6px,380px,0) rotate(calc(var(--r) + 420deg));opacity:.1;}
  }
  @media (max-width:520px){
    .ev-sun{width:260px;height:260px;top:-120px;margin-left:-130px;}
    .ev-lantern.l1{width:24px;} .ev-lantern.l2{width:18px;left:calc(3% + 26px);} .ev-lantern.l3{width:20px;}
    .ev-moon{width:32px;height:32px;right:calc(3% + 24px);}
  }
  @media (prefers-reduced-motion:reduce){
    .ev-sun,.ev-lantern,.ev-greet span{animation:none;}
    .ev-confetti{display:none;}
  }
  @media print{.ev-deco,.ev-greet{display:none!important;}}
  /* room above the brand for the hanging lanterns and the moon */
  .hero.ev-ramadan,.hero.ev-eid{padding-top:52px;}
  @media (max-width:520px){.hero.ev-ramadan,.hero.ev-eid{padding-top:60px;}}

  /* placeholder logo: a small round badge, never stretched like a photo.
     These selectors must outrank ".item .photo img" (fills the box) and the fade rules. */
  html .item .photo .noimg img.ph-logo,
  html .lb-photo .noimg img.ph-logo{
    width:46%;max-width:84px;height:auto;aspect-ratio:1/1;object-fit:contain;
    border:0;border-radius:50%;background:#fff;padding:5px;
    opacity:.62;filter:saturate(.7);transform:none;transition:none;
    box-shadow:0 0 0 3px rgba(212,160,84,.3), 0 6px 16px rgba(42,24,16,.12);}
  html .lb-photo .noimg img.ph-logo{width:30%;max-width:120px;}
  html[data-theme="dark"] .item .photo .noimg img.ph-logo{opacity:.5;}

  /* ─────────── ناردنی داواکاری بۆ کاونتەر ─────────── */
  .ord-send{display:flex;align-items:center;justify-content:center;gap:9px;}
  .ord-err{min-height:0;font-size:.84rem;font-weight:700;color:#c0392b;text-align:center;}
  .ord-err:empty{display:none;}
  .ord-tbl input.bad{border-color:#c0392b;outline:2px solid rgba(192,57,43,.35);}
  .ord-card.sent .ord-head,.ord-card.sent .ord-list,.ord-card.sent .ord-foot{display:none;}
  .ord-done{padding:34px 26px 26px;text-align:center;display:grid;gap:10px;justify-items:center;}
  .ord-done[hidden]{display:none;}
  .ord-done-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:700;
    color:#fff;background:linear-gradient(135deg,#3cb371,#1f8a4c);box-shadow:0 10px 26px rgba(31,138,76,.35);
    animation:lbPop .45s cubic-bezier(.2,.9,.3,1.3);}
  .ord-done h3{font-size:1.3rem;color:var(--espresso);}
  .ord-done p{color:var(--coffee);font-size:.95rem;margin-bottom:6px;}

  /* ═════════════ STYLE & MOTION ═════════════ */

  /* بازنەی نووسین بە دەوری لۆگۆدا دەسووڕێتەوە — هەمان بازنەی پەڕەی /links */
  .logo-wrap{position:relative;flex-shrink:0;width:150px;height:150px;display:grid;place-items:center;}
  /* سووڕانەوەی نووسینی دەوری لۆگۆ: spanـەکە دەسووڕێتەوە نەک خودی SVGـەکە — سووڕاندنی SVG
     هەموو فرەیمێک layoutی پەڕەکەی دەکردەوە (مینیوەکەی قورس کردبوو) */
  .logo-spin{position:absolute;inset:0;animation:logoTurn 48s linear infinite;will-change:transform;}
  .logo-ring{position:absolute;inset:0;width:100%;height:100%;direction:ltr;}
  .logo-ring text{direction:ltr;unicode-bidi:normal;fill:#e7bf86;font:700 9.4px 'Oxygen','Segoe UI',Tahoma,sans-serif;letter-spacing:2.2px;}
  @keyframes logoTurn{to{transform:rotate(360deg);}}
  @media (max-width:520px){.logo-wrap{width:132px;height:132px;}}

  /* کارتەکان لە کاتی سکڕۆڵدا یەک لە دوای یەک دەردەکەون */
  html.mm-reveal .pop-card:not(.in),html.mm-reveal .promo-wrap:not(.in){opacity:0;}
  html.mm-reveal .pop-card.in,html.mm-reveal .promo-wrap.in{
    animation:cardIn .65s cubic-bezier(.2,.8,.3,1) var(--rd,0ms) backwards;}
  @keyframes cardIn{from{opacity:0;transform:translateY(22px) scale(.98);}}

  /* ڕازاندنەوەی سەری بەش: دوو هێڵی زێڕین و دەنکە قاوەیەک */
  .orn{display:flex;align-items:center;justify-content:center;gap:8px;width:150px;max-width:60%;margin:9px auto 3px;}
  .orn i{flex:1;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold));
    transform-origin:100% 50%;transition:transform .9s cubic-bezier(.2,.8,.3,1) .12s;}
  .orn i:last-child{background:linear-gradient(270deg,transparent,var(--gold));transform-origin:0 50%;}
  html[dir="rtl"] .orn i{transform-origin:0 50%;}
  html[dir="rtl"] .orn i:last-child{transform-origin:100% 50%;}
  .orn b{flex:none;width:12px;height:17px;transform:rotate(28deg);transition:transform .55s cubic-bezier(.3,1.6,.5,1);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 28'%3E%3Cellipse cx='10' cy='14' rx='8.5' ry='12.5' fill='%23a9744f'/%3E%3Cpath d='M10 2.5c-3.2 5 3.2 9 0 14s3 7.5 0 9' stroke='%23f7f0e6' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;}
  [data-theme="dark"] .orn b{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 28'%3E%3Cellipse cx='10' cy='14' rx='8.5' ry='12.5' fill='%23e0b96e'/%3E%3Cpath d='M10 2.5c-3.2 5 3.2 9 0 14s3 7.5 0 9' stroke='%23171012' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");}
  html.mm-reveal .cat-head:not(.in) .orn i{transform:scaleX(0);}
  html.mm-reveal .cat-head:not(.in) .orn b{transform:rotate(28deg) scale(0);}

  /* پەنجەرەی بابەت: ناوەڕۆک بە ڕیز دەردەکەوێت و وێنەکە دادەنیشێت */
  /* ڕیزەکە کورتترە: پێشتر نرخەکە ٠.٢٦ چرکە دوای پەنجەرەکە دەردەکەوت و وەک دواکەوتن دیار بوو */
  #lightbox.open .lb-body > *{animation:lbItem .38s cubic-bezier(.2,.8,.3,1) backwards;}
  #lightbox.open .lb-body > :nth-child(1){animation-delay:.04s;}
  #lightbox.open .lb-body > :nth-child(2){animation-delay:.07s;}
  #lightbox.open .lb-body > :nth-child(3){animation-delay:.1s;}
  #lightbox.open .lb-body > :nth-child(n+4){animation-delay:.12s;}
  @keyframes lbItem{from{opacity:0;transform:translateY(10px);}}
  #lightbox.open .lb-photo img,#lightbox.open .lb-photo .noimg{animation:photoSettle .6s cubic-bezier(.2,.8,.3,1) backwards;}
  @keyframes photoSettle{from{opacity:.3;transform:scale(1.08);}}

  /* «+» دەتەقێتەوە کاتێک ژمارەکە زیاد دەبێت */
  .item .add-btn.pop{animation:addPop .5s cubic-bezier(.3,1.6,.5,1);}
  @keyframes addPop{0%{transform:scale(.55) rotate(-120deg);}100%{transform:none;}}

  /* شریتی بەشەکان کاتێک دەلکێت سێبەرێکی نەرمی دەبێت */
  .catbar{transition:background .3s ease,box-shadow .3s ease;}
  .catbar.stuck{box-shadow:0 10px 24px rgba(42,24,16,.12);}
  [data-theme="dark"] .catbar.stuck{box-shadow:0 10px 24px rgba(0,0,0,.45);}

  /* دانەی کاڵی کاغەز لە پاشخان — هەستی گەرمتر */
  body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .23 0 0 0 0 .14 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  [data-theme="dark"] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .82 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

  @media (prefers-reduced-motion:reduce){
    .logo-spin{animation:none;}
    .orn i,.orn b{transition:none;}
    #lightbox.open .lb-body > *,#lightbox.open .lb-photo img,#lightbox.open .lb-photo .noimg,.item .add-btn.pop{animation:none;}
  }
  @media print{.logo-ring,.orn{display:none!important;}}

  /* پاشخانی سەرەوە: وێنەی قاوەخانەکە، blur کراو، بە جووڵەیەکی نەرم (لەجیاتی ڕەنگی قاوەیی) */
  .hero:has(.hero-photo){background:#120b08;}
  /* --hb = blur, --hd = darkness of the veil (both set in Admin → Settings) */
  .hero-photo{position:absolute;inset:-10%;z-index:0;pointer-events:none;
    background-color:#120b08;background-position:center 30%;background-size:cover;background-repeat:no-repeat;
    filter:blur(var(--hb,6px));
    animation:heroDrift 26s ease-in-out infinite alternate;will-change:transform;}
  .hero-photo.still{animation:none;transform:scale(1.04);}
  .hero-photo::after{content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(10,7,6,calc(var(--hd,.55) - .05)) 0%,rgba(10,7,6,var(--hd,.55)) 55%,rgba(10,7,6,calc(var(--hd,.55) + .22)) 100%);}
  @keyframes heroDrift{
    from{transform:scale(1.04) translate3d(-1.8%,-1.2%,0);}
    to{transform:scale(1.17) translate3d(1.8%,1.6%,0);}
  }
  @media (prefers-reduced-motion:reduce){.hero-photo{animation:none;transform:scale(1.04);}}
  @media print{.hero-photo{display:none;}}

  /* ئایکۆنی کێشراوی بەشەکان */
  .cat .thumb.gl svg{width:22px;height:22px;color:var(--caramel);transition:color .22s,transform .22s;}
  .cat:hover .thumb.gl svg{transform:translateY(-1px) rotate(-6deg);}
  .cat.active .thumb.gl svg{color:#d4a054;}
  [data-theme="dark"] .cat .thumb.gl svg{color:var(--gold);}
  [data-theme="dark"] .cat.active .thumb.gl svg{color:#241610;}
  @media (max-width:520px){.cat .thumb.gl svg{width:20px;height:20px;}}

  /* «بەناوبانگ» — the two most-viewed items of each section */
  /* لە سەرەوەی وێنەکەیە نەک خوارەوە — ناوی بابەتەکە لەسەر خوارەوەی وێنەکان نووسراوە و نیشانەکە دایدەپۆشی.
     هەمان لای «نوێ» / «تەواو بووە»؛ ئەگەر ئەوانیش هەبن، دەچێتە ژێریانەوە. */
  .item .hot{position:absolute;top:8px;inset-inline-end:8px;z-index:2;font-size:.66rem;font-weight:700;color:#fff;
    background:rgba(164,82,30,.9);border-radius:999px;padding:2px 9px;line-height:1.6;white-space:nowrap;box-shadow:0 3px 9px rgba(0,0,0,.2)}
  .item .tag-new ~ .hot,.item .tag-out ~ .hot{top:36px;}
  @media (max-width:520px){ .item .price{font-size:1.14rem;} }
  .lb-desc[hidden],#lbDesc[hidden]{display:none}

  /* ─────────── کەش‌وهەوای ڕاستەقینەی سۆران لەسەر کارتەکان ───────────
     باران: دڵۆپی ئاو لەسەر کارتەکان و جارجار دڵۆپێک بە خوارەوەدا دەڕوات.
     بەفر: چینێکی بەفر لەسەر لێواری سەرەوەی کارتەکان و چەند پارچە بەفرێکی نیشتوو.
     html[data-wx] لە src/menu.js دێت (تەنها کاتێک بەڕاستی دەبارێت، یان ?wx=rain|snow بۆ تاقیکردنەوە). */
  html[data-wx] .item{position:relative;}
  /* باران: دڵۆپ بە ڕووی کارتەکەدا دەخزن — دوو دڵۆپ لە هەر کارتێک، ~٩٠٪ی کاتەکە دیارن */
  html[data-wx="rain"] .item::before,html[data-wx="storm"] .item::before,
  html[data-wx="rain"] .item::after,html[data-wx="storm"] .item::after{
    content:'';position:absolute;top:-30px;inset-inline-start:var(--dx,62%);z-index:3;width:5px;height:30px;pointer-events:none;
    border-radius:0 0 4px 4px;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55) 70%,rgba(255,255,255,.9));
    box-shadow:0 1px 1px rgba(40,24,14,.18);
    animation:dripDown 4.6s cubic-bezier(.55,0,.75,.6) var(--dd,0s) infinite;}
  html[data-wx="rain"] .item::after,html[data-wx="storm"] .item::after{
    inset-inline-start:var(--dx2,30%);width:4px;height:24px;top:-24px;animation-duration:5.8s;animation-delay:var(--dd2,-3s);}
  html[data-wx] .item:nth-child(4n+1){--dx:28%;--dd:-1s;--dx2:74%;--dd2:-3.4s}
  html[data-wx] .item:nth-child(4n+2){--dx:71%;--dd:-3.2s;--dx2:18%;--dd2:-0.8s}
  html[data-wx] .item:nth-child(4n+3){--dx:45%;--dd:-2s;--dx2:88%;--dd2:-4.6s}
  html[data-wx] .item:nth-child(4n){--dx:86%;--dd:-4s;--dx2:52%;--dd2:-2.2s}
  @keyframes dripDown{0%,6%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(230px);opacity:.2}}

  /* بەفر */
  html[data-wx="snow"] .item::before{
    content:'';position:absolute;top:0;left:0;right:0;height:17px;z-index:3;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='26' viewBox='0 0 400 26' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='white'/%3E%3Cstop offset='.7' stop-color='%23f7fbff'/%3E%3Cstop offset='1' stop-color='%23dfe9f3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0 H400 V9 Q390.0 23.7 380.0 11.5 Q370.0 15.4 360.0 9.4 Q350.0 24.7 340.0 8.6 Q330.0 13.2 320.0 8.9 Q310.0 18.5 300.0 9.1 Q290.0 13.0 280.0 9.5 Q270.0 21.8 260.0 10.8 Q250.0 19.0 240.0 10.7 Q230.0 16.8 220.0 11.1 Q210.0 23.5 200.0 9.6 Q190.0 14.3 180.0 10.5 Q170.0 11.0 160.0 8.8 Q150.0 13.8 140.0 8.2 Q130.0 11.1 120.0 8.4 Q110.0 13.5 100.0 11.5 Q90.0 16.6 80.0 9.0 Q70.0 15.7 60.0 8.5 Q50.0 24.6 40.0 9.9 Q30.0 15.0 20.0 8.4 Q10.0 14.9 0.0 11.3 Z' fill='url(%23s)'/%3E%3C/svg%3E") top/100% 100% no-repeat;
    filter:drop-shadow(0 2px 2px rgba(60,80,110,.22));}
  html[data-wx="snow"] .item::after{
    content:'';position:absolute;inset:14px 0 0;z-index:3;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='140' viewBox='0 0 180 140'%3E%3Ccircle cx='92.8' cy='31.1' r='1.3' fill='white' fill-opacity='0.94'/%3E%3Ccircle cx='29.2' cy='75.7' r='1.6' fill='white' fill-opacity='0.71'/%3E%3Ccircle cx='55.3' cy='88.9' r='2.4' fill='white' fill-opacity='0.72'/%3E%3Ccircle cx='93.2' cy='123.9' r='1.6' fill='white' fill-opacity='0.79'/%3E%3Ccircle cx='95.6' cy='106.8' r='1.3' fill='white' fill-opacity='0.78'/%3E%3Ccircle cx='109.5' cy='108.1' r='1.3' fill='white' fill-opacity='0.89'/%3E%3Ccircle cx='142.6' cy='112.0' r='1.3' fill='white' fill-opacity='0.88'/%3E%3Ccircle cx='38.4' cy='69.0' r='1.3' fill='white' fill-opacity='0.88'/%3E%3Ccircle cx='139.9' cy='66.3' r='1.0' fill='white' fill-opacity='0.75'/%3E%3Ccircle cx='168.5' cy='63.0' r='2.4' fill='white' fill-opacity='0.93'/%3E%3Ccircle cx='168.3' cy='52.1' r='1.6' fill='white' fill-opacity='0.76'/%3E%3Ccircle cx='84.9' cy='48.6' r='1.3' fill='white' fill-opacity='0.82'/%3E%3Ccircle cx='148.6' cy='67.3' r='2.4' fill='white' fill-opacity='0.86'/%3E%3Ccircle cx='147.6' cy='19.8' r='1.0' fill='white' fill-opacity='0.80'/%3E%3C/svg%3E") 0 0/180px 140px;opacity:.85;
    -webkit-mask:linear-gradient(180deg,#000,transparent 55%);mask:linear-gradient(180deg,#000,transparent 55%);}
  html[data-wx="snow"] .item:nth-child(odd)::after{background-position:70px 30px;}
  [data-theme="dark"][data-wx="snow"] .item::before{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));}
  @media (prefers-reduced-motion:reduce){html[data-wx] .item::before{animation:none}html[data-wx="rain"] .item::before,html[data-wx="storm"] .item::before,html[data-wx="rain"] .item::after,html[data-wx="storm"] .item::after{display:none}}

  /* شریتی جووڵاو: کارتەکان بە یەکجار دیارن (نەک یەک یەک لە کاتی سکڕۆڵدا) */
  html.mm-reveal .pop-ticker .pop-card{opacity:1;animation:none;}

  /* ─────────── جووڵەکان (public/assets/menu.js: کۆتایی فایلەکە) ─────────── */

  /* ٢. درەوشانەوە لەسەر پێشنیاری ئەمڕۆ و ئۆفەرەکان */
  .promo::after,.combo-card::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:30%;pointer-events:none;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);
    animation:shine 4.8s ease-in-out 1.2s infinite;will-change:transform;}
  [data-theme="dark"] .promo::after,[data-theme="dark"] .combo-card::after{
    background:linear-gradient(100deg,transparent,rgba(255,236,200,.16),transparent);}
  /* transform (نەک left) — جووڵەکە لەسەر GPU دەبێت و هەموو فرەیمێک layout ناکات. 600% = ١٨٠٪ی کارتەکە */
  @keyframes shine{0%,62%{transform:translateX(0) skewX(-18deg);}100%{transform:translateX(600%) skewX(-18deg);}}

  /* ٣. کارتەکان لە کاتی سکڕۆڵدا بە نەرمی بەرز دەبنەوە (هەرگیز نادیار نین) */
  .item.glide{animation:glideIn .55s cubic-bezier(.2,.8,.3,1) var(--gd,0ms) backwards;}
  @keyframes glideIn{from{opacity:.25;transform:translateY(18px);}}

  /* ٦. زەنگی بانگکردنی کاپتن: دەلەرێتەوە و بازنەیەک بڵاو دەبێتەوە؛ کە گەیشت سەوز دەبێت */
  .bell{position:relative;}
  .bell.ring i{animation:bellShake .7s ease-in-out;}
  .bell.ring::after{content:"";position:absolute;inset:0;border-radius:999px;border:3px solid #f0c675;pointer-events:none;
    animation:bellRipple .8s ease-out forwards;}
  @keyframes bellShake{0%,100%{transform:rotate(0);}20%{transform:rotate(-22deg);}40%{transform:rotate(18deg);}60%{transform:rotate(-10deg);}80%{transform:rotate(6deg);}}
  @keyframes bellRipple{from{opacity:.9;transform:scale(1);}to{opacity:0;transform:scale(1.4);}}
  .bell.sent{background:linear-gradient(135deg,#66bb6a,#2e7d32);color:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 0 4px rgba(76,175,80,.3);}
  .bell.sent i{animation:bellPop .45s cubic-bezier(.3,1.6,.5,1);}
  @keyframes bellPop{from{transform:scale(.3);}}
  /* دوای بانگکردن تا کۆتایی ماوەی چاوەڕوانی (callGap): بازنەیەکی زێڕین وەک «loading» بە
     دەوری دوگمەکەدا دەسووڕێتەوە و وردە وردە کەم دەبێتەوە — --p = ماوەی ماوە (١ ← ٠)، extras.js */
  @property --p{syntax:'<number>';inherits:true;initial-value:0;}
  .bell.cool{box-shadow:0 10px 26px rgba(0,0,0,.3);transition:.2s,--p 1s linear;}
  .bell.cool::before{content:"";position:absolute;inset:-6px;border-radius:999px;padding:4px;pointer-events:none;
    background:conic-gradient(from 0deg,#8b5a3c,#c9823f calc(var(--p) * .6turn),#e9b25c calc(var(--p) * 1turn),rgba(139,90,60,.14) 0);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
    filter:drop-shadow(0 0 3px rgba(201,130,63,.55));}
  .bell.cool small b{font-variant-numeric:tabular-nums;font-weight:700;}

  /* ٧. کۆنفێتی بۆ بابەتی ڕۆژی لەدایکبوون */
  .confetti{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden;}
  .confetti i{position:absolute;top:-16px;width:8px;height:12px;border-radius:2px;
    animation:confFall 2.4s cubic-bezier(.2,.6,.4,1) forwards;}
  @keyframes confFall{to{transform:translate(var(--dx,0),106vh) rotate(var(--rot,360deg));}}

  @media (prefers-reduced-motion:reduce){
    .promo::after,.combo-card::after,.confetti{display:none;}
    .item.glide,.bell.ring i,.bell.ring::after,.bell.sent i{animation:none;}
  }
  @media print{.confetti{display:none!important;}}