:root{
  --brand:#dc2626; --brand-dark:#b91c1c; --indigo:#7c6ae8; --indigo-dark:#5f4fc7;
  --green:#22a35a; --red:#e0524a;
  /* هەمان ڕووکاری ڕووناکی ئەپی مۆبایل، بۆ ئەوەی ماڵپەڕ و ئەپ یەک ڕەنگ و
     دیزاینیان هەبێت */
  --ink:#f4f5f8; --surface:#ffffff; --surface-2:#eef0f4; --surface-3:#e3e6ec;
  --border:#e2e4ea; --text:#1c1e27; --text-soft:#4b4e5c; --text-mute:#8b8e9c;
  --radius-sm:6.4px; --radius-md:9.6px; --radius-lg:14.4px;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Vazirmatn',Tahoma,sans-serif !important;direction:rtl;text-align:right;}
.fa-solid,.fa-regular,.fa-brands,.fab,.fas,.far{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands" !important;}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands" !important;}
html{background:var(--ink);}
/* پێشتر body بە opacity:0 دەشاردرایەوە تا ئامادەبوونی پەڕەکە (بۆ ڕێگری لە
   دەرکەوتنی ناوەڕۆکی نیوەچێ)، بەڵام opacity هەموو ناوەڕۆکی ژێرەوەی خۆی
   (تەنانەت #loadingOverlay‌یش) دەشارێتەوە — بۆیە لە کاتی چاوەڕوانبوونی
   داتا لە ئینتەرنێتەوە (کاتێک گۆڕین لەنێوان بەشەکان دەکەیت)، هیچ نیشانەیەکی
   "چاوەڕوان بە" نەدەبیندرا و تەنها پەڕەیەکی ڕەش/تاریک دیار دەبوو کە وا
   دیارە شکاوە. ئێستا visibility بەکاردێت لەبری opacity، چونکە
   visibility (نەک opacity) ڕێگە بە #loadingOverlay دەدات خۆی دیار بکات
   تەنانەت لە کاتێکدا body خۆی هێشتا شاردراوەتەوە. */
body{background:var(--ink);color:var(--text);line-height:1.7;visibility:hidden;min-height:100vh;}
body.app-ready{visibility:visible;}
#loadingOverlay{visibility:visible;}
a{color:inherit;}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 14.4px;box-sizing:border-box;}

header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:9.6px 14.4px;width:100%;margin:0 auto;flex-wrap:wrap;gap:8px;box-sizing:border-box;}
.logo-block{display:flex;flex-direction:column;cursor:default;padding:4.8px 8px;margin:-4.8px -8px;}
.logo-block .logo-row{display:flex;align-items:center;gap:5.6px;}
.logo-block .logo-bell-icon{color:var(--brand);font-size:16px;transform-origin:50% 20%;animation:zang-bell-ring 4.5s ease-in-out infinite;}
.logo-block .logo{font-size:19.2px;font-weight:900;letter-spacing:.4px;color:var(--brand);display:inline-block;}
@keyframes zang-bell-ring{
  0%, 85%, 100% { transform:scale(1) rotate(0deg); }
  88% { transform:scale(1.1) rotate(-8deg); }
  91% { transform:scale(1.05) rotate(8deg); }
  94% { transform:scale(1.02) rotate(-4deg); }
  97% { transform:scale(1) rotate(0deg); }
}
@media (prefers-reduced-motion: reduce){
  .logo-block .logo-bell-icon{animation:none;}
}
.logo-block .tagline{font-size:12px;color:var(--text-soft);font-weight:600;}
.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.btn{border:none;border-radius:var(--radius-sm);padding:7.2px 11.2px;font-size:12px;font-weight:700;cursor:pointer;transition:.15s;}
.btn-primary{background:var(--brand);color:#fff;}
.btn-primary:hover{background:var(--brand-dark);}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);}
.btn-outline:hover{background:var(--surface-2);}
.btn-danger{background:var(--red);color:#fff;}
.btn:disabled{opacity:.5;cursor:not-allowed;}
.header-actions .icon-btn{width:38.4px;height:38.4px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14.4px;}
.header-actions .icon-btn span[data-i18n],.header-actions .icon-btn > span:not([class*="badge"]){display:none;}

.main-nav-tabs{display:flex;gap:19.2px;padding:6.4px 14.4px;width:100%;margin:0 auto;overflow-x:auto;justify-content:flex-start;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;position:relative;}
.main-nav-tabs::-webkit-scrollbar{display:none;}
.main-tab-btn{flex:0 0 auto;background:transparent;border:none;border-bottom:2.4px solid transparent;color:var(--text-soft);padding:9.6px 2.4px;border-radius:0;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6.4px;white-space:nowrap;transition:.15s;}
.main-tab-btn:hover{background:transparent;color:var(--text);}
.main-tab-btn.active{background:transparent;color:var(--brand);border-bottom-color:var(--brand);}
.main-tab-btn .home-dropdown-toggle{color:inherit;opacity:.65;}
@media (max-width:640px){
  .main-nav-tabs{min-width:0;flex-shrink:0;}
  .main-tab-btn{min-width:104px;font-size:12.8px;padding:7.2px 8px;}
  .nav-scroll-hint{position:sticky;top:0;height:100%;width:17.6px;flex-shrink:0;pointer-events:none;}
  .nav-scroll-hint.right{right:0;margin-inline-start:-17.6px;background:linear-gradient(to left, var(--surface) 10%, transparent);}
  .nav-scroll-hint.left{left:0;margin-inline-end:-17.6px;background:linear-gradient(to right, var(--surface) 10%, transparent);order:-1;}
}
/* سکەیڵی دووری دروپ-داون: margin (دووری دەرەوە، بچووکترین) < padding (بۆشایی ناوەوە) < gap (دووری نێوان ئایتمەکان، گەورەترین) — بۆ ڕێکوپێکی و خوێندنەوەی ئاسانتر */
.home-dropdown-trigger{position:relative;cursor:pointer;}
.home-dropdown-panel{
  display:none; position:fixed; margin-top:3.2px;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:6.4px; box-shadow:0 8px 19.2px rgba(30,32,45,.14); z-index:9999; box-sizing:border-box;
}
.home-dropdown-panel.open{display:flex; flex-direction:column; gap:9.6px;}
.home-dropdown-item{
  display:flex; align-items:center; gap:4.8px; padding:6.4px 6.4px; border-radius:var(--radius-sm);
  color:var(--text); text-decoration:none; font-size:12px; font-weight:600; white-space:normal; line-height:1.25;
  background:none; border:none; text-align:inherit; font-family:inherit; cursor:pointer; flex:1 1 auto; min-width:0;
}
.home-dropdown-item:hover{background:var(--surface-2);}
.home-dropdown-item.active{color:var(--brand);}
.home-dropdown-item span{overflow-wrap:break-word;}
.home-dropdown-emoji{font-size:12px; line-height:1; flex-shrink:0;}
.home-dropdown-row{display:flex; align-items:center; gap:4.8px;}
.home-dropdown-add-btn{
  flex:0 0 auto; width:22.4px; height:22.4px; padding:0; border-radius:var(--radius-sm);
  background:var(--brand); color:#1a1400; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700;
}
.home-dropdown-add-btn:hover{background:var(--brand-dark);}
.home-dropdown-toggle{
  background:none; border:none; color:inherit; cursor:pointer;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  padding:3.2px 0 3.2px 6.4px; margin-inline-start:3.2px; border-inline-start:1px solid rgba(120,120,120,.35);
  font-size:12px; min-width:16px; min-height:16px;
}
.home-dropdown-toggle:hover{opacity:.7;}

.hero-strip{background:linear-gradient(180deg,var(--surface),var(--ink));padding:16px 0;border-bottom:1px solid var(--border);}
.hero-strip h1{font-size:20.8px;font-weight:800;margin-bottom:6.4px;}
.hero-strip p{font-size:12px;color:var(--text-soft);}

.section-block{padding:20.8px 0;}
.section-title{font-size:14.3px;font-weight:800;margin-bottom:11.2px;display:flex;align-items:center;gap:6.4px;}
.section-sub{font-size:12px;color:var(--text-mute);margin-bottom:12.8px;}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12.8px;}
.grid{display:grid;gap:11.2px;}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(192px,1fr));}
.grid-2{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));}

.filter-bar{display:flex;gap:6.4px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;margin-bottom:14.4px;}
.filter-bar input,.filter-bar select{flex:1;min-width:120px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:5.6px 7.2px;font-size:12px;}
/* دوگمە خۆکارتراشراوەکانی هەڵبژاردنی شار (select-trigger) لەناو filter-bar، بۆ
   ئەوەی هەمان ئەندازەی بچووکی ئینپوت/سێلێکتەکانی سەرەوەیان هەبێت */
.filter-bar .select-trigger{font-size:12px;padding:5.6px 7.2px;}

.cat-hub{display:flex;flex-wrap:wrap;gap:4.8px;margin-bottom:16px;}
.cat-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);padding:3.6px 7.2px;border-radius:11.2px;font-size:12px;font-weight:600;cursor:pointer;transition:.15s;}
.cat-chip:hover,.cat-chip.active{background:var(--brand);color:#1a1400;border-color:var(--brand);}

.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 1.6px 4.8px rgba(30,32,45,.05);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.product-card:hover{border-color:var(--brand);transform:translateY(-2.4px);box-shadow:0 9.6px 22.4px rgba(30,32,45,.14);}
.product-img{width:100%;height:120px;background:var(--surface-2);position:relative;overflow:hidden;cursor:pointer;}
.product-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease, transform .3s ease;}
.product-img img.active{opacity:1;}
.product-card:hover .product-img img.active{transform:scale(1.06);}
.product-img .noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.8px;height:100%;color:var(--text-mute);font-size:12px;cursor:default;}
.product-img .noimg i{font-size:17.6px;opacity:.5;}
.img-zoom-btn{
  position:absolute;bottom:6.4px;left:6.4px;width:22.4px;height:22.4px;border-radius:50%;
  background:rgba(20,20,20,.6);backdrop-filter:blur(1.6px);color:#fff;font-size:12px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;
  transition:opacity .18s ease, background .15s ease;z-index:3;pointer-events:none;
}
.product-card:hover .img-zoom-btn{opacity:1;}
.img-zoom-btn:hover{background:var(--brand);color:#1a1400;}
/* لەسەر مۆبایل/تابلێت (hover‌یان نییە) دوگمەی گەورەکردن هەمیشە دیارە، وەک
   نیشانەیەک بۆ کڕیار کە وینەکە کرتەپێدەکرێت، چونکە :hover هەرگیز چالاک نابێت */
@media (hover:none){
  .img-zoom-btn{opacity:1;}
}
.img-dots{position:absolute;bottom:7.2px;left:50%;transform:translateX(-50%);display:flex;gap:3.2px;z-index:3;}
.img-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 1.6px rgba(0,0,0,.4);transition:background .2s ease, transform .2s ease;}
.img-dot.active{background:#fff;transform:scale(1.35);}
.badge{position:absolute;top:6.4px;left:6.4px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:2.4px 6.4px;border-radius:4.8px;z-index:2;}
.badge-sold{position:absolute;top:6.4px;right:6.4px;background:var(--red);color:#fff;font-size:12px;padding:2.4px 6.4px;border-radius:4.8px;z-index:2;display:none;}
.is-sold .badge-sold{display:block;}
.badge-discount{position:absolute;top:6.4px;left:6.4px;background:var(--red);color:#fff;font-size:12px;font-weight:800;padding:2.4px 6.4px;border-radius:4.8px;z-index:2;}
.old-price{font-size:12px;color:var(--text-mute);text-decoration:line-through;margin-inline-end:4.8px;}
.is-sold{opacity:.5;}
.card-action-btns{position:absolute;top:6.4px;right:6.4px;display:flex;flex-direction:column;gap:4.8px;z-index:3;}
.fav-btn,.share-btn{
  width:22.4px;height:22.4px;border-radius:50%;background:rgba(20,20,20,.55);backdrop-filter:blur(1.6px);
  display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,.85);
  cursor:pointer;transition:.15s;
}
.fav-btn:hover,.share-btn:hover{background:rgba(20,20,20,.8);}
.fav-btn.active{color:var(--red);}
.is-sold .card-action-btns{display:none;}
.card-shop-badge{display:flex;align-items:center;gap:4px;padding:5.6px 9.6px 0;font-size:12px;font-weight:700;color:var(--brand-dark, var(--brand));text-decoration:none;max-width:100%;}
.card-shop-badge:hover{text-decoration:underline;}
.card-shop-badge-emoji{font-size:12px;flex-shrink:0;}
.card-shop-badge-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-info{padding:9.6px;display:flex;flex-direction:column;gap:4px;flex-grow:1;}
.availability-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:2.4px 7.2px;border-radius:16px;width:fit-content;}
.availability-badge.available{background:rgba(46,196,111,.14);color:var(--green);}
.availability-badge.busy{background:rgba(224,74,74,.14);color:var(--red);}
.availability-dot{width:4.8px;height:4.8px;border-radius:50%;background:currentColor;flex-shrink:0;}
.product-price{font-size:14.7px;font-weight:800;color:var(--brand);direction:ltr;text-align:right;}
.product-title{font-size:12px;font-weight:600;flex-grow:1;}
.product-meta{font-size:12px;color:var(--text-mute);display:flex;justify-content:space-between;gap:4.8px;}
.product-meta span{display:flex;align-items:center;gap:3.2px;}
.contact-link{display:block;text-align:center;background:var(--green);color:#fff;text-decoration:none;padding:6.4px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;margin-top:3.2px;transition:.15s;}
.contact-link:hover{background:#1e9552;}

.app-toast{
  position:fixed;bottom:19.2px;left:50%;transform:translateX(-50%) translateY(16px);
  background:var(--surface-3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);
  padding:8px 14.4px;font-size:12px;font-weight:600;box-shadow:0 6.4px 19.2px rgba(30,32,45,.18);
  opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;z-index:5000;
}
.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

.pwa-install-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:6000;
  background:var(--surface-3);border-top:1px solid var(--border);
  display:flex;align-items:center;gap:9.6px;padding:9.6px 12.8px;
  transform:translateY(100%);transition:transform .25s ease;box-shadow:0 -6.4px 19.2px rgba(30,32,45,.14);
}
.pwa-install-banner.show{transform:translateY(0);}
.pwa-install-icon{font-size:17.6px;flex-shrink:0;}
.pwa-install-text{flex:1;font-size:12px;font-weight:600;min-width:0;}
.pwa-install-btn{flex-shrink:0;padding:6.4px 12.8px;font-size:12px;white-space:nowrap;}
.pwa-install-close{flex-shrink:0;background:none;border:none;color:var(--text-mute);font-size:16px;cursor:pointer;padding:0 3.2px;line-height:1;}
.pwa-install-close:hover{color:var(--text);}
@media (max-width:480px){
  .pwa-install-banner{flex-wrap:wrap;}
  .pwa-install-text{flex-basis:100%;order:1;}
}

.maintenance-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;
  background:linear-gradient(160deg,var(--brand,#f0a63a) 0%,var(--indigo,#7c6ae8) 100%);
  display:flex;align-items:center;justify-content:center;
  padding:24px;text-align:center;
  box-sizing:border-box;
  animation:maintenanceFadeIn .5s ease both;
}
.maintenance-box{
  max-width:420px;width:100%;
  margin:0 auto;
  background:var(--surface,#fff);
  border:1px solid var(--border,#e2e4ea);
  border-radius:var(--radius-lg,14.4px);
  box-shadow:0 20px 50px rgba(0,0,0,.25);
  padding:36px 28px 30px;
  box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;
}
.maintenance-brand{
  font-size:20px;font-weight:800;
  color:var(--brand-dark,#c9860f);
  margin:0 0 14px;
  letter-spacing:.2px;
}
.maintenance-icon{
  font-size:46px;margin-bottom:14px;line-height:1;
  animation:maintenanceBounce 2.2s ease-in-out infinite;
}
.maintenance-box h2{margin:0 0 10px;font-size:19px;color:var(--text,#1c1e27);text-align:center;width:100%;}
.maintenance-box p{margin:0;color:var(--text-mute,#8b8e9c);font-size:14px;line-height:1.7;text-align:center;width:100%;}
.maintenance-divider{
  width:56px;height:3px;border-radius:2px;
  margin:20px auto;
  background:linear-gradient(90deg,var(--brand,#f0a63a),var(--indigo,#7c6ae8));
}
.maintenance-thanks{
  font-style:italic;
  color:var(--text-soft,#4b4e5c) !important;
  font-size:12px !important;
}
@keyframes maintenanceFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes maintenanceBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

.view-toggle{display:flex;gap:3.2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2.4px;}
.view-toggle button{background:none;border:none;color:var(--text-mute);width:25.6px;height:24px;border-radius:4.8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;}
.view-toggle button.active{background:var(--brand);color:#1a1400;}
.product-grid.list-view{display:flex;flex-direction:column;gap:8px;}
.product-grid.list-view .product-card{flex-direction:row;}
.product-grid.list-view .product-img{width:104px;height:80px;flex-shrink:0;}
.product-grid.list-view .product-info{padding:8px 11.2px;}
.product-grid.list-view .product-title{font-size:12px;}

.quick-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6.4px 9.6px;font-size:12px;margin-bottom:4.8px;}
.quick-row a{background:var(--brand);color:#1a1400;text-decoration:none;padding:3.2px 8px;border-radius:4.8px;font-size:12px;font-weight:700;}
.taxi-card-rate-link{display:block;text-align:center;margin-top:8px;padding:5.6px 6.4px;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;border-top:1px dashed var(--border);padding-top:8px;}
.taxi-card-rate-link:hover{text-decoration:underline;}
.empty-msg{color:var(--text-mute);font-size:12px;padding:11.2px;text-align:center;}
.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35.2px 16px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);}
.empty-state-icon{font-size:30.4px;margin-bottom:9.6px;opacity:.85;}
.empty-state-title{font-size:12px;font-weight:700;margin-bottom:4.8px;}
.empty-state-desc{font-size:12px;color:var(--text-mute);margin-bottom:12.8px;max-width:256px;}
.empty-state-btn{padding:7.2px 16px;font-size:12px;}

.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1000;justify-content:center;align-items:center;padding:12.8px;}
/* شیتی دیاریکردنی شوێن لەسەر نەخشە (mapPickerModal) پێویستە هەمیشە لەسەرووی
   مۆدالی فۆرمی ڕیکلامەکە (وەک خانووبۆکرێ/دووکانبۆکرێ/گەشتیاری) دەربکەوێت،
   چونکە هەردووکیان لە یەک کات کراوەن — بەبێ ئەمە شیتی نەخشە لە پشتەوە
   شاردراوە دەبێت و بەکارهێنەر ناتوانێت شوێن دیاری بکات. */
#mapPickerModal{z-index:1200;}
.lightbox-wrap{position:relative;max-width:720px;width:100%;display:flex;flex-direction:column;align-items:center;gap:9.6px;}
.lightbox-arrow{position:absolute;top:40%;transform:translateY(-50%);background:rgba(0,0,0,.55);border:none;color:#fff;width:30.4px;height:30.4px;border-radius:50%;font-size:14.7px;cursor:pointer;z-index:2;}
.lightbox-prev{right:-3.2px;}
.lightbox-next{left:-3.2px;}
.lightbox-thumbs{display:flex;gap:6.4px;overflow-x:auto;max-width:100%;padding:3.2px;}
.lightbox-thumb{width:44.8px;height:44.8px;object-fit:cover;border-radius:4.8px;cursor:pointer;border:1.6px solid transparent;opacity:.6;}
.lightbox-thumb.active{border-color:var(--brand);opacity:1;}
.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:448px;max-height:92vh;overflow-y:auto;padding:17.6px;}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:11.2px;margin-bottom:12.8px;}
.modal-head h3{flex:1;}
.close-x{flex-shrink:0;}
.modal-head h3{font-size:14.7px;font-weight:800;}
.close-x{background:none;border:none;color:var(--text-mute);font-size:20.8px;line-height:1;cursor:pointer;padding:0 1.6px;transition:.15s;}
.close-x:hover{color:var(--text);}
.field{margin-bottom:10.4px;}
.field label{display:block;font-size:12px;font-weight:700;color:var(--text-soft);margin-bottom:4.8px;}
.field input,.field select,.field textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:7.2px 8px;font-size:12px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);}

/* app-sheet: شیتی خوارەوە (بۆ هەڵبژاردنی شار). z-index‌ی 1100 لە سەرووی
   .modal‌ەوەیە (کە 1000ـە)، بۆ ئەوەی شیتەکە هەمیشە لەسەر مۆدالی کردنەوەی
   فۆرمی زیادکردنی ڕیکلام دەربکەوێت، نەک لە پشتیەوە بشاردرێتەوە. */
.app-sheet-overlay{position:fixed;inset:0;background:rgba(10,8,6,.6);display:flex;align-items:flex-end;justify-content:center;z-index:1100;opacity:0;pointer-events:none;transition:opacity .25s;}
.app-sheet-overlay.open{opacity:1;pointer-events:auto;}
.app-sheet{width:100%;max-width:384px;background:var(--surface);border-radius:17.6px 17.6px 0 0;padding:8px 14.4px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.22,.9,.32,1);}
.app-sheet-overlay.open .app-sheet{transform:translateY(0);}
.app-sheet-handle{width:30.4px;height:3.2px;border-radius:1.6px;background:var(--border);margin:4.8px auto 11.2px;}
.app-sheet-head{display:flex;align-items:center;gap:8px;margin-bottom:11.2px;}
.app-sheet-back-btn{width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
[dir="ltr"] .app-sheet-back-btn svg{transform:scaleX(-1);}
.app-sheet-title{font-size:12px;font-weight:800;color:var(--text);}
.app-sheet-options{display:flex;flex-direction:column;gap:3.2px;}
.app-sheet-option{display:flex;align-items:center;gap:11.2px;padding:10.4px 6.4px;background:none;border:none;color:var(--text);font-size:12px;font-weight:700;text-align:right;border-radius:9.6px;width:100%;font-family:inherit;}
.app-sheet-option:active{background:var(--surface-2);}
.app-sheet-option-icon{width:32px;height:32px;border-radius:9.6px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0;font-size:12px;}

/* select-trigger: جێگرەوەی خۆمانی <select>ی سیستەم (بۆ شار)، هاوشێوەی .field input.
   تێبینی: width:100% لێرە نییە بە شێوەی گشتی — چونکە ئەم دوگمەیە جگە لە ناو
   .field (فۆرمەکان) لە دوو شوێنی تری کورتیش بەکاردێت (ڕیزی دوگمەکانی سەرەوەی
   ماڵپەڕ بۆ زمان، فلتەری پۆلی ئەدمین)، کە پێویستیان بە width:100% نییە و
   ئەگەر بیدرێت، ڕیزەکە خراپ دەکات (بڕوانە دوو ڕیگای خوارەوە). */
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:6.4px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:7.2px 8px;font-size:12px;font-family:inherit;cursor:pointer;}
.field .select-trigger{width:100%;}
.filter-bar .select-trigger{flex:1;min-width:128px;}
.select-trigger:focus{outline:none;border-color:var(--brand);}
.select-trigger .st-value.st-placeholder{color:var(--text-mute);}
.select-trigger .st-arrow{color:var(--brand);flex-shrink:0;font-size:12px;transition:transform .2s;}
.select-trigger.open .st-arrow{transform:rotate(180deg);}

/* مینوی بچووکی هەڵبژاردن — ڕاستەوخۆ لەژێر خانەکەوە دەکرێتەوە (نەک شیتی گەورە) */
.option-dropdown-menu{position:fixed;z-index:1300;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 6.4px 19.2px rgba(0,0,0,.35);max-height:192px;overflow-y:auto;opacity:0;transform:translateY(-3.2px);transition:opacity .12s ease,transform .12s ease;pointer-events:none;}
.option-dropdown-menu.open{opacity:1;transform:translateY(0);pointer-events:auto;}
.option-dropdown-item{display:block;width:100%;text-align:inherit;background:none;border:none;padding:7.2px 9.6px;font-size:12px;font-family:inherit;color:var(--text);cursor:pointer;}
.option-dropdown-item:hover,.option-dropdown-item.active{background:var(--surface-2);}

.city-sheet-search{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 9.6px;font-size:12px;margin-bottom:8px;font-family:inherit;}
.city-sheet-search:focus{outline:none;border-color:var(--brand);}
.city-sheet-list{max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.6px;}
.city-sheet-group{font-size:12px;font-weight:800;color:var(--brand);padding:8px 6.4px 3.2px;}
/* تێبینی: city-sheet-subgroup-btn ناوی قەزاکەیە، ئێستا دوگمەیەکی هەڵبژاردنیشە
   (بڕوانە renderCityPickerList لە app.js) — ستایلەکەی وەک دابمپشری .app-sheet-option
   وەرگیراوە، بەڵام ڕەنگی لاوازتر و فرۆتر بۆ ئەوەی هێشتا جیاواز بێت لە
   ناحیەکانی ژێرەوەی (دوگمە ئاساییەکان). */
.city-sheet-subgroup-btn{color:var(--text-mute);padding-inline-start:16px;font-size:12px;}
.city-sheet-subgroup-btn:active{background:var(--surface-2);color:var(--text);}
.city-sheet-empty{padding:19.2px 6.4px;text-align:center;color:var(--text-mute);font-size:12px;}

/* segmented: جێگرەوەی خۆمانی <select> بۆ کەمترین ماوەی گرێبەست */
.segmented{display:flex;gap:4.8px;}
.segmented button{flex:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:7.2px 4.8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;}
.segmented button.active{background:var(--brand);border-color:var(--brand);color:#181922;}

.img-preview-wrap{display:flex; flex-wrap:wrap; gap:6.4px; margin-top:6.4px;}
.img-preview-item{position:relative; width:56px; height:56px; border-radius:var(--radius-sm); overflow:hidden; border:1px solid var(--border);}
.img-preview-item img{width:100%; height:100%; object-fit:cover; display:block;}
.img-preview-remove{
  position:absolute; top:1.6px; left:1.6px; width:14.4px; height:14.4px; border-radius:50%;
  background:rgba(0,0,0,.7); color:#fff; border:none; cursor:pointer; font-size:12px; line-height:1;
  display:flex; align-items:center; justify-content:center; padding:0;
}
.img-preview-remove:hover{background:var(--red);}
.field input::placeholder,.field textarea::placeholder{color:var(--text-mute);}
.radio-row{display:flex;gap:12.8px;font-size:12px;}
.radio-row label{display:flex;align-items:center;gap:4.8px;cursor:pointer;}
.chip-check{display:flex;flex-wrap:wrap;gap:6.4px;}
.chip-check label{display:flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4.8px 8px;font-size:12px;cursor:pointer;}
.multirow{display:grid;grid-template-columns:1fr 1fr auto;gap:6.4px;margin-bottom:6.4px;align-items:center;}
.multirow input{margin:0;}
.remove-row-btn{background:var(--surface-3);border:1px solid var(--border);color:var(--red);border-radius:var(--radius-sm);width:28.8px;height:28.8px;cursor:pointer;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:.15s;}
.remove-row-btn:hover{background:var(--red);color:#fff;border-color:var(--red);}
.add-row-btn{width:100%;background:transparent;border:1px dashed var(--border);color:var(--text-soft);border-radius:var(--radius-sm);padding:7.2px;font-size:12px;cursor:pointer;margin-bottom:11.2px;}
.fib-box{background:#fff6e6;border:1px solid #f0dbb0;border-radius:var(--radius-sm);padding:10.4px 11.2px;margin:11.2px 0;}
.fib-box h4{color:var(--brand);font-size:12px;margin-bottom:4.8px;display:flex;align-items:center;gap:4.8px;}
.fib-box p,.fib-box ul{font-size:12px;color:var(--text-soft);line-height:1.8;}
.fib-box ul{padding-right:14.4px;margin-top:3.2px;}
.location-picker-row{display:flex;align-items:center;gap:6.4px;margin:-4.8px 0 11.2px;flex-wrap:wrap;}
.location-picker-btn{padding:6.4px 9.6px;font-size:12px;flex-shrink:0;}
.location-picker-status{font-size:12px;color:var(--brand);font-weight:700;}
.ad-detail-map{width:100%;height:144px;border-radius:var(--radius-sm);margin:8px 0;overflow:hidden;border:1px solid var(--border);}
.seller-rating-wrap{margin:8px 0;padding:9.6px 11.2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);}
.seller-rating-summary{display:flex;align-items:center;gap:6.4px;flex-wrap:wrap;}
.seller-rating-summary.seller-rating-empty{color:var(--text-mute);font-size:12px;}
.seller-rating-num{font-weight:800;font-size:12px;color:var(--text);}
.seller-rating-count{font-size:12px;color:var(--text-mute);}
.stars-row{display:inline-flex;gap:1.6px;font-size:14.4px;line-height:1;color:var(--brand);letter-spacing:1px;}
.stars-row.interactive .star-unit{cursor:pointer;transition:transform .1s;}
.stars-row.interactive .star-unit:hover{transform:scale(1.15);}
.seller-rating-picker{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);flex-wrap:wrap;}
.seller-rating-picker-label{font-size:12px;font-weight:700;color:var(--text-soft);}
.seller-reviews-list{margin-top:10px;}
.seller-review-item{padding:8px 0;border-top:1px solid var(--border);}
.seller-review-comment{font-size:12.5px;color:var(--text);margin-top:4px;}
.view-seller-profile-link{display:inline-block;font-size:11.5px;color:var(--brand);text-decoration:none;font-weight:700;margin-top:4px;}
.view-seller-profile-link:hover{text-decoration:underline;}
.trust-badge-slot{display:none;margin-right:4px;font-size:11px;vertical-align:middle;}
.trusted-seller-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--green,#1e9e5a);background:rgba(30,158,90,.12);border-radius:999px;padding:2.4px 8px;margin:4px 0;}
.stale-ad-reminder{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:6.4px 9.6px;margin:-3.2px 0 6.4px;font-size:11.5px;color:var(--text-soft);}
.stale-ad-reminder-btns{display:flex;gap:6px;flex-shrink:0;}
.stale-ad-reminder-btns button{font-size:10.5px;padding:4px 8px;}
.chat-blocked-banner{font-size:12px;color:#fff;background:var(--red);border-radius:var(--radius-sm);padding:6.4px 8px;margin:6.4px 0;text-align:center;font-weight:700;}
.field-err{display:none;color:var(--red);font-size:11.5px;margin-top:4px;font-weight:600;}
.field-invalid{border-color:var(--red) !important;}
.ga-img-slot{margin-bottom:6px;}
.ga-img-preview{display:flex;align-items:center;gap:8px;margin-top:6px;}
.ga-img-preview img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);}
.ga-img-clear{background:var(--red);color:#fff;border:none;border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:13px;line-height:1;flex-shrink:0;}
.driver-ratings-wrap{margin:8px 0;display:flex;flex-direction:column;gap:8px;}
.driver-ratings-title{font-weight:800;font-size:12px;color:var(--text);}
.driver-rating-card{padding:9.6px 11.2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);}
.driver-rating-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6.4px;flex-wrap:wrap;}
.driver-rating-name{font-weight:700;font-size:12px;color:var(--text);}

/* بەشی گەشتیاری — کارتی شوێنە گەشتیارییەکان */
.tourism-group-title{font-size:12px;font-weight:800;color:var(--brand);margin:17.6px 0 8px;}
.tourism-group-title:first-child{margin-top:0;}
.tourism-spots-grid{display:grid;gap:11.2px;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));}
.tourism-spot-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14.4px 12.8px;text-align:center;transition:transform .15s;}
.tourism-spot-card:hover{transform:translateY(-2.4px);}
.tourism-spot-icon{font-size:27.2px;margin-bottom:6.4px;}
.tourism-spot-name{font-weight:800;font-size:12px;color:var(--text);margin-bottom:4.8px;}
.tourism-spot-desc{font-size:12px;color:var(--text-mute);line-height:1.6;}
.tourism-rentals-title{margin-top:24px;}
.submit-btn{width:100%;padding:9.6px;font-size:12px;border-radius:var(--radius-sm);}
.error-text{color:#fff;background:var(--red);border-radius:var(--radius-sm);font-size:12px;font-weight:600;margin:8px 0;padding:8px 9.6px;display:none;}
.empty-hint{text-align:center;color:var(--text-mute);font-size:12px;padding:24px 8px;}

/* ============================================================
   چات (نامەنێردن)
   ============================================================ */
.chat-unread-badge-header,.report-badge-header,.notif-badge-header{position:absolute;top:-4px;left:-4px;min-width:12.8px;height:12.8px;padding:0 3.2px;border-radius:7.2px;background:var(--red);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;}
.chat-list-container{max-height:336px;overflow-y:auto;}
.chat-list-item{padding:9.6px 8px;border-bottom:1px solid var(--border);cursor:pointer;border-radius:var(--radius-sm);}
.notif-list-item.unread{background:var(--surface-2);border-right:3px solid var(--brand);}
.notif-item-title{font-size:12.5px;font-weight:800;color:var(--text);}
.notif-item-body{font-size:11.5px;color:var(--text-mute);margin-top:2.4px;}
.notif-item-time{font-size:10px;color:var(--text-mute);margin-top:4px;}
.chat-list-item:hover{background:var(--surface-2);}
.chat-list-row1{display:flex;align-items:center;justify-content:space-between;gap:6.4px;}
.chat-list-title{font-size:12px;font-weight:700;color:var(--text);}
.chat-list-last{font-size:12px;color:var(--text-mute);margin-top:2.4px;}
.chat-unread-badge{min-width:14.4px;height:14.4px;padding:0 4px;border-radius:7.2px;background:var(--red);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;}
.chat-conv-box{display:flex;flex-direction:column;max-height:88vh;}
.chat-back-btn{width:25.6px;height:25.6px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6.4px;}
[dir="ltr"] .chat-back-btn svg{transform:scaleX(-1);}
.chat-messages-wrap{flex:1;overflow-y:auto;min-height:176px;max-height:52vh;display:flex;flex-direction:column;gap:6.4px;padding:4.8px 1.6px;}
.chat-bubble{max-width:78%;padding:7.2px 10.4px;border-radius:11.2px;font-size:12px;line-height:1.6;word-break:break-word;}
.chat-bubble.mine{margin-left:auto;margin-right:0;background:var(--brand);color:#fff;border-bottom-right-radius:3.2px;}
.chat-bubble.theirs{margin-right:auto;margin-left:0;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:3.2px;}
.chat-firebase-notice{font-size:12px;color:var(--text-mute);background:var(--surface-2);border-radius:var(--radius-sm);padding:6.4px 8px;margin:6.4px 0;}
.chat-input-row{display:flex;gap:6.4px;align-items:center;margin-top:6.4px;}
.chat-input-row input{flex:1;padding:8px 11.2px;border-radius:16px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--text);}
.chat-send-btn{width:33.6px;height:33.6px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ============================================================
   دوگمەی هەڵبژاردنی پۆل (Category picker trigger)
   ============================================================ */
.cat-picker-trigger{
  width:100%; display:flex; align-items:center; gap:8px; padding:9.6px 11.2px;
  background:var(--surface-2); border:1.2px solid var(--border); border-radius:var(--radius-md);
  color:var(--text-mute); cursor:pointer; font-family:inherit; font-size:12px; font-weight:600;
  transition:border-color .15s ease, background .15s ease;
}
.cat-picker-trigger:hover{border-color:var(--brand);}
.cat-picker-icon{font-size:15.2px; flex-shrink:0;}
.cat-picker-text{flex:1; text-align:inherit;}
.cat-picker-text-filled{color:var(--text); font-weight:700;}
.cat-picker-arrow{font-size:12px; color:var(--text-mute); flex-shrink:0;}

/* ============================================================
   مۆدالی ویزاردی هەڵبژاردنی پۆل
   ============================================================ */
.cat-picker-box{max-width:416px;}
.cat-picker-back{
  display:flex; align-items:center; gap:6.4px; background:none; border:none; color:var(--brand);
  font-size:12px; font-weight:700; cursor:pointer; padding:0 0 11.2px; font-family:inherit;
}
.cat-picker-back:hover{opacity:.8;}
.cat-picker-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(96px, 1fr)); gap:8px;
}
.cat-picker-card{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6.4px;
  background:var(--surface-2); border:1.2px solid var(--border); border-radius:14.4px;
  padding:14.4px 8px; cursor:pointer; font-family:inherit; transition:transform .15s ease, border-color .15s ease, background .15s ease;
  min-height:76.8px;
}
.cat-picker-card:hover{border-color:var(--brand); background:var(--surface-3); transform:translateY(-2.4px);}
.cat-picker-card:active{transform:translateY(0);}
.cat-picker-card-icon{font-size:22.4px; line-height:1;}
.cat-picker-card-label{font-size:12px; font-weight:700; color:var(--text); text-align:center; line-height:1.35;}
.cat-picker-card-badge{
  position:absolute; top:6.4px; left:6.4px; width:16px; height:16px; border-radius:50%;
  background:var(--brand); color:#1a1400; display:flex; align-items:center; justify-content:center; font-size:12px;
}
.cat-picker-card-sub{min-height:51.2px; border-radius:11.2px; padding:11.2px 8px;}

/* ============================================================
   وردکردنەوەی مۆدالەکان (پۆل/شار) بۆ شاشەی مۆبایل — تاکو کارتەکان
   و ڕیزی شارەکان زۆر گەورە و بەتاڵ دیار نەبن و زیاتریان لە یەک
   شاشەدا دەربکەون.
   ============================================================ */
@media (max-width:480px){
  .modal{padding:8px;}
  .modal-box{padding:12.8px; border-radius:12.8px;}
  .cat-picker-grid{grid-template-columns:repeat(3, 1fr); gap:6.4px;}
  .cat-picker-card{padding:9.6px 4.8px; min-height:60.8px; border-radius:11.2px; gap:4.8px;}
  .cat-picker-card-icon{font-size:17.6px;}
  .cat-picker-card-label{font-size:12px; line-height:1.25;}
  .cat-picker-card-sub{min-height:41.6px; padding:8px 4.8px;}
  .app-sheet{padding:6.4px 11.2px calc(12.8px + env(safe-area-inset-bottom));}
  .app-sheet-head{margin-bottom:8px;}
  .app-sheet-option{padding:8px 4.8px; font-size:12px; gap:8px;}
  .app-sheet-option-icon{width:27.2px; height:27.2px; font-size:12px;}
  .city-sheet-group{padding:6.4px 4.8px 2.4px; font-size:12px;}
  .city-sheet-search{padding:7.2px 8px; font-size:12px;}
}


.spotlight{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12.8px;margin-bottom:16px;}
.spotlight-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9.6px;flex-wrap:wrap;gap:6.4px;}
.spotlight-head h4{font-size:12px;font-weight:800;}
.sponsor-row{position:relative;margin-bottom:11.2px;}
.sponsor-card{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:opacity .38s ease;}
.sponsor-card.sponsor-hidden{opacity:0;}
.sponsor-img-wrap{position:relative;width:100%;height:108px;background:var(--surface-2);overflow:hidden;}
.sponsor-img-fg{position:relative;width:100%;height:100%;object-fit:cover;}
.sponsor-info{padding:8px 11.2px;display:flex;flex-direction:column;gap:4.8px;}
.sname-wrap{overflow:hidden;white-space:nowrap;width:100%;}
.sname-inner{display:inline-flex;font-size:12px;font-weight:700;}
.sname-inner.scrolling{float:left;animation:sponsor-text-scroll linear infinite;}
.sname-gap{padding-inline-start:32px;}
@keyframes sponsor-text-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.main-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:32px;padding:27.2px 0 14.4px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:20.8px;padding-bottom:17.6px;border-bottom:1px solid var(--border);}
.footer-col h4{color:var(--brand);font-size:14.4px;margin-bottom:8px;}
.footer-col p{font-size:13.6px;color:var(--text-soft);line-height:1.8;}
.footer-more-link{display:inline-block;margin-top:4.8px;font-size:13.6px;font-weight:700;color:var(--brand);text-decoration:none;}
.footer-more-link:hover{text-decoration:underline;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:6.4px;}
.footer-col ul li a{text-decoration:none;color:var(--text-soft);font-size:13.6px;}
.footer-col ul li a:hover{color:var(--brand);}
.social-row{display:flex;gap:8px;margin-top:6.4px;}
.social-row a{width:27.2px;height:27.2px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);}
.social-row a:hover{background:var(--brand);color:#1a1400;}
.footer-bottom{text-align:center;padding-top:12.8px;font-size:12.8px;color:var(--text-mute);}

.loading-overlay{position:fixed;inset:0;background:rgba(244,245,248,.92);z-index:3000;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--brand);}
/* شێوازی "skeleton" لە کاتی بارکردنی سەرەتای پەڕەکانی سەرەکی — لە جیاتی نووسینی
   سادەی "چاوەڕوان بە"، چەند کارتێکی نموونەیی لەگەڵ ئەنیمەیشنی shimmer پیشان دەدرێت. */
.loading-overlay.skeleton-mode{align-items:flex-start;justify-content:center;padding-top:48px;}
.skel-wrap{width:100%;max-width:880px;padding:0 16px;}
.skel-block{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:400% 100%;animation:skel-shimmer 1.4s ease infinite;border-radius:8px;}
@keyframes skel-shimmer{0%{background-position:100% 50%;}100%{background-position:0 50%;}}
.skel-bar{height:32px;border-radius:9.6px;margin-bottom:17.6px;max-width:336px;}
.skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12.8px;}
.skel-gcard{border-radius:11.2px;overflow:hidden;background:var(--surface);border:1px solid var(--border);}
.skel-gcard-img{aspect-ratio:1/0.8;border-radius:11.2px 11.2px 0 0;}
.skel-gcard-body{padding:9.6px;}
.skel-gcard-line{height:8px;border-radius:3.2px;margin-bottom:6.4px;}
.skel-gcard-line.w50{width:50%;}
.skel-gcard-line.w80{width:80%;}
.setup-warning{background:#fff3e0;border:1px solid #f5c98a;color:#8a5a15;padding:9.6px 12.8px;font-size:12px;line-height:1.8;display:none;}
.auth-gate-msg{background:#eef2fb;border:1px solid #c7d4ef;color:#39537d;padding:9.6px 12.8px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:11.2px;display:flex;align-items:center;gap:6.4px;}
/* کارتی ڕێکخستنەکان (settings-card) — بەکاردێت لە account.html، vendor.html و
   shop.html؛ لێرە دانراوە بۆ ئەوەی هەموو ئەو پەڕانە خۆکارانە ڕووکاریان هەبێت
   بەبێ پێویستی بە دووبارەکردنەوەی ستایل لە ناو هەر HTML‌یەکدا. */
.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:17.6px;margin-bottom:12.8px;}
.settings-card h3{font-size:12px;font-weight:800;margin-bottom:11.2px;color:var(--text);}
/* وێنەی کەڤەر/بانەری دوکان لە سەرووی پەڕەی shop.html — لۆگۆی دوکانیش بە شێوەی
   خشتەیەکی وردی وردوخاش (badge) لەسەر سنووری نێوان وێنەی کەڤەر و زانیارییەکان دادەنیشێت. */
.shop-cover-wrap{position:relative;}
.shop-cover-img{width:100%;height:120px;object-fit:cover;display:block;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-2);}
.shop-cover-noimg{width:100%;height:120px;display:flex;align-items:center;justify-content:center;font-size:32px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,var(--brand),var(--indigo));}
.shop-cover-logo-wrap{position:absolute;left:50%;bottom:-25.6px;transform:translateX(-50%);width:60.8px;height:60.8px;border-radius:14.4px;border:3.2px solid var(--surface);background:var(--surface-2);box-shadow:0 1.6px 8px rgba(0,0,0,.18);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.shop-cover-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.shop-cover-logo-emoji{font-size:25.6px;}
.shop-header-info{padding:32px 17.6px 17.6px;text-align:center;}
/* لیستی هەموو دوکانەکان (shops.html) — بڕوانە renderShopsDirectory لە app.js */
.shop-dir-list{display:flex;flex-direction:column;gap:8px;}
.shop-dir-card{display:flex;align-items:center;gap:9.6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:11.2px;text-decoration:none;color:inherit;transition:.15s;}
.shop-dir-card:hover{border-color:var(--brand);transform:translateY(-1.6px);box-shadow:0 6.4px 16px rgba(30,32,45,.12);}
.shop-dir-logo{width:44.8px;height:44.8px;border-radius:11.2px;overflow:hidden;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center;}
.shop-dir-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.shop-dir-emoji{font-size:20.8px;}
.shop-dir-info{flex:1;min-width:0;}
.shop-dir-name{font-weight:800;font-size:12px;display:flex;align-items:center;gap:4.8px;}
.shop-dir-desc{font-size:12px;color:var(--text-mute);margin-top:1.6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.shop-dir-closed-badge{font-size:12px;background:var(--red);color:#fff;padding:1.6px 4.8px;border-radius:4.8px;font-weight:700;}
.shop-dir-arrow{flex-shrink:0;color:var(--text-mute);}

/* ===== نوێکردنەوەی ڕووکاری لاپەڕەی سەرەکی — نمونەی ١١ (batch 2) ===== */
.badge-new{position:absolute;top:6.4px;left:6.4px;background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:2.4px 7.2px;border-radius:4.8px;z-index:2;}
.badge-new.stacked{top:32px;}

.home-hero{display:grid;grid-template-columns:1fr 1.3fr;gap:25.6px;align-items:center;background:linear-gradient(120deg,#fef2f2,var(--surface));border-radius:16px;padding:25.6px;margin-bottom:19.2px;overflow:hidden;}
.home-hero-visual{position:relative;aspect-ratio:4/3;border-radius:12.8px;background:radial-gradient(circle at 60% 40%,#fecaca,#fef2f2 70%);overflow:hidden;}
.home-hero-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.hero-fallback-icons{display:flex;align-items:center;justify-content:center;gap:8px;font-size:48px;}
.hero-sponsor-cta{display:inline-flex;align-items:center;gap:6.4px;background:var(--brand);color:#fff;border:none;border-radius:999px;padding:9.6px 19.2px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(220,38,38,.25);transition:.15s;}
.hero-sponsor-cta:hover{background:var(--brand-dark);transform:translateY(-1px);}
/* کاتێک سپۆنسەرێک هەبێت، کارتەکەی بە تەواوی ئەم چوارگۆشە (home-hero-visual) پڕ
   دەکاتەوە — وێنەکە بە object-fit:cover (بڕوانە .sponsor-img-fg) و ناوی
   دوکان/بازرگانییەکە وەک کەپشنێک لەسەر گراديێنتێکی تاریک لە خوارەوەی وێنەکە. */
.home-hero-visual .sponsor-row{position:absolute;inset:0;margin:0;}
.home-hero-visual .sponsor-card{width:100%;height:100%;border:none;border-radius:0;box-shadow:none;background:none;}
.home-hero-visual .sponsor-img-wrap{width:100%;height:100%;}
.home-hero-visual .sponsor-info{position:absolute;inset-inline:0;bottom:0;padding:11.2px 12.8px;background:linear-gradient(to top, rgba(20,16,16,.7), transparent);}
.home-hero-visual .sname-inner{color:#fff;}
.home-hero-visual .empty-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12.8px;}
.home-hero-title{font-size:22.4px;font-weight:800;color:var(--brand);margin-bottom:6.4px;line-height:1.5;}
.home-hero-sub{font-size:13px;color:var(--text-soft);margin-bottom:17.6px;}
.home-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11.2px;}
.home-stat-card{background:var(--surface);border-radius:11.2px;padding:11.2px;display:flex;align-items:center;gap:8px;box-shadow:0 1.6px 4.8px rgba(30,32,45,.06);}
.home-stat-card .icon{width:28.8px;height:28.8px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:14.4px;flex-shrink:0;}
.home-stat-card .num{font-size:13px;font-weight:800;color:var(--text);}
.home-stat-card .lbl{font-size:9px;color:var(--text-mute);}
@media (max-width:760px){
  .home-hero{grid-template-columns:1fr;}
  .home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

.home-promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14.4px;margin:25.6px 0;}
.home-promo-card{border-radius:12.8px;padding:17.6px;display:flex;align-items:center;justify-content:space-between;gap:11.2px;}
.home-promo-card .title{font-size:13px;font-weight:800;margin-bottom:8px;color:var(--text);}
.home-promo-card .icon{font-size:32px;flex-shrink:0;}
.home-promo-purple{background:linear-gradient(120deg,#f5f3ff,var(--surface));}
.home-promo-purple .btn{background:#7c3aed;}
.home-promo-orange{background:linear-gradient(120deg,#fff7ed,var(--surface));}
.home-promo-orange .btn{background:#f97316;}
.home-promo-green{background:linear-gradient(120deg,#f0fdf4,var(--surface));}
.home-promo-green .btn{background:#16a34a;}
.home-promo-card .btn{color:#fff;font-size:12px;font-weight:700;padding:7.2px 12.8px;border-radius:8px;text-decoration:none;display:inline-block;}
@media (max-width:760px){.home-promo-grid{grid-template-columns:1fr;}}

.home-trust-strip{background:var(--surface);border-top:1px solid var(--border);padding:20.8px 0;}
.home-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14.4px;}
.home-trust-item{display:flex;align-items:center;gap:8px;justify-content:center;text-align:center;text-decoration:none;color:inherit;border-radius:var(--radius-sm);padding:4.8px;transition:.15s;}
.home-trust-item:hover{background:var(--surface-2);}
.home-trust-item .icon{font-size:17.6px;flex-shrink:0;}
.home-trust-item .title{font-size:11px;font-weight:700;color:var(--text);}
.home-trust-item .sub{font-size:9px;color:var(--text-mute);}
@media (max-width:760px){.home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}