/* ======================================================================
   پوسته‌ی «بازار» (bazaar) — پیش‌فرض و همه‌منظوره، برای فروشگاه‌های پرمحصول
   (سوپرمارکت، لوازمِ خانه، فروشگاه‌های عمومی). جانشینِ «کلاسیک» و «بازارچه».
   قالب‌ها: templates/storefront/skins/bazaar/ — فقط وقتی همین پوسته فعاله بارگذاری می‌شه.

   امضای بصری:
   ۱) «برچسبِ قفسه»: قیمتِ کارت روی یه برچسب می‌شینه؛ تخفیف‌دارها برچسبِ زرد با لبه‌ی بُریده دارن.
   ۲) «قفسه»: ردیف‌های محصول یه تابلوی سفیدِ یکپارچه‌ان که کارت‌ها با خطِ مو از هم جدا شدن
      (نه کارت‌های پراکنده روی پس‌زمینه).
   ۳) «پیشنهادِ امروز»: نوارِ تیره با شمارشِ معکوسِ زرد.
   رنگِ اصلی از --primary میاد (فروشنده می‌تونه عوضش کنه)؛ رنگ‌های فرعی با color-mix از همون ساخته می‌شن.
   ====================================================================== */

html[data-skin="bazaar"] {
  --primary:#C2410C; --on-primary:#FFFFFF;
  --bg-page:#F2F3F5; --bg-card:#FFFFFF; --header-bg:#FFFFFF; --footer-bg:#FFFFFF;
  --text-dark:#1D2025; --text-muted:#5F6672; --border:#E3E5E9;
  --pastel-red:color-mix(in srgb, var(--primary) 10%, #fff);
  --pastel-green:#E6F4EA; --pastel-blue:#EEF1F5;
  --card-radius:12px; --bz-r:12px; --bz-r-sm:8px;
  --bz-tint:color-mix(in srgb, var(--primary) 9%, #fff);
  --bz-tag:#FFD43B; --bz-tag-ink:#1C1606;
  --bz-deal-bg:#17140F; --bz-deal-ink:#FFF8E6;
  --bz-ok:#1E7B3A; --bz-warn:#B45309;
  --bz-shadow:0 1px 2px rgba(16,24,40,.06);
  --bz-shadow-hover:0 8px 24px rgba(16,24,40,.12);
  --head-font:'Vazirmatn';
}
html[data-skin="bazaar"][data-theme="dark"] {
  --bg-page:#121316; --bg-card:#1B1D21; --header-bg:#1B1D21; --footer-bg:#16171A;
  --text-dark:#ECEDEF; --text-muted:#A2A7B0; --border:#2B2E34;
  --pastel-red:color-mix(in srgb, var(--primary) 18%, #1B1D21);
  --bz-tint:color-mix(in srgb, var(--primary) 16%, #1B1D21);
  --pastel-blue:#22252B; --pastel-green:#1C2A21;
  --bz-deal-bg:#0B0B0D; --bz-ok:#5CC27C; --bz-warn:#F0A44B;
  color-scheme:dark;
}
html[data-skin="bazaar"] body { font-feature-settings:"ss01"; }
html[data-skin="bazaar"] .wrap { max-width:1280px; padding:0 16px; }
html[data-skin="bazaar"] :is(.pro-btn, .pro-hero-cta, .pro-slide-btn, .pro-cart-badge, .pro-card-flag) { color:var(--on-primary); }
html[data-skin="bazaar"] :focus-visible { outline:2px solid var(--primary); outline-offset:2px; }

/* ---------------------------------------------------------------- هدر */
html[data-skin="bazaar"] .pro-header { box-shadow:none; border-bottom:1px solid var(--border); }
html[data-skin="bazaar"] .pro-brand-name { font-size:20px; font-weight:900; color:var(--text-dark); letter-spacing:-.2px; }
html[data-skin="bazaar"] .pro-header-search { background:var(--bg-page); border:1.5px solid transparent; border-radius:10px; }
html[data-skin="bazaar"] .pro-header-search:focus-within { background:var(--bg-card); border-color:var(--primary); }
html[data-skin="bazaar"] .pro-icon-btn, html[data-skin="bazaar"] .pro-cart-btn { border-radius:10px; }
html[data-skin="bazaar"] .pro-cart-btn { background:var(--bz-tint); color:var(--primary); border-color:transparent; font-weight:800; }
html[data-skin="bazaar"] .pro-cart-badge { background:var(--primary); }
html[data-skin="bazaar"] .hd-top { background:var(--bg-card); }
html[data-skin="bazaar"] .hd-bar { background:var(--bg-card); }
html[data-skin="bazaar"] .hd-link { color:var(--text-dark); font-weight:600; border-radius:0; position:relative; background:transparent !important; }
html[data-skin="bazaar"] .hd-link:hover, html[data-skin="bazaar"] .hd-link.active { color:var(--primary); }
html[data-skin="bazaar"] .hd-bar .hd-link.active::after, html[data-skin="bazaar"] .hd-nav .hd-link.active::after { content:""; position:absolute; inset-inline:10px; bottom:-1px; height:2px; border-radius:2px; background:var(--primary); }
html[data-skin="bazaar"] .pro-mega-btn { background:var(--primary); color:var(--on-primary); border:none; border-radius:var(--bz-r-sm); font-weight:800; }
html[data-skin="bazaar"] .hd-split .pro-mega-btn, html[data-skin="bazaar"] .hd-inline .pro-mega-btn { background:var(--bz-tint); color:var(--primary); }
@media (max-width:820px) {
  html[data-skin="bazaar"] .hd-drop .pro-header-search { height:44px; }
  /* منوی پایین: صاف و چسبیده به لبه، با نشانگرِ بالای آیتمِ فعال */
  html[data-skin="bazaar"] .pro-bnav { border-top:1px solid var(--border); box-shadow:0 -2px 12px rgba(16,24,40,.05); }
  html[data-skin="bazaar"] .pro-bnav-item { position:relative; min-height:52px; }
  html[data-skin="bazaar"] .pro-bnav-item.active { color:var(--primary); font-weight:800; }
  html[data-skin="bazaar"] .pro-bnav-item.active::before { content:""; position:absolute; top:0; width:28px; height:3px; border-radius:0 0 3px 3px; background:var(--primary); }
  html[data-skin="bazaar"] .pro-bnav-item.active .pro-bnav-ic { background:transparent; color:var(--primary); }
}

/* ---------------------------------------------------------------- سرِ بخش‌ها */
html[data-skin="bazaar"] .pro-section-head { margin:28px 0 12px; align-items:flex-end; }
html[data-skin="bazaar"] .pro-section-head h2,
html[data-skin="bazaar"] .pro-section-title { font-size:18px; font-weight:900; margin:0; }
html[data-skin="bazaar"] .pro-section-head a { color:var(--primary); font-size:13px; font-weight:700; display:inline-flex; align-items:center; gap:4px; padding:6px 2px; }
html[data-skin="bazaar"] .pro-section-head a::after { content:"‹"; font-size:18px; line-height:1; }

/* ---------------------------------------------------------------- صفحه‌ی اول */
/* ستونِ دسته‌ها کنارِ اسلایدشو */
@media (min-width:821px) {
  html[data-skin="bazaar"] .pro-side-row { grid-template-columns:240px minmax(0,1fr); gap:14px; margin-top:6px; }
}
html[data-skin="bazaar"] .pro-side-cats { border:1px solid var(--border); border-radius:var(--bz-r); background:var(--bg-card); box-shadow:none; }
html[data-skin="bazaar"] .pro-side-cats-head { font-weight:900; color:var(--text-dark); border-bottom:1px solid var(--border); }
html[data-skin="bazaar"] .pro-side-cats-head .ic { color:var(--primary); }
html[data-skin="bazaar"] .pro-side-cat > a:hover { background:var(--bz-tint); color:var(--primary); }
html[data-skin="bazaar"] .pro-side-ic { background:var(--bg-page); border-radius:var(--bz-r-sm); color:var(--text-muted); }
html[data-skin="bazaar"] .pro-side-all { color:var(--primary); font-weight:800; }
html[data-skin="bazaar"] .pro-side-fly { border-radius:var(--bz-r); box-shadow:var(--bz-shadow-hover); }

html[data-skin="bazaar"] .pro-slider { border-radius:var(--bz-r); }
html[data-skin="bazaar"] .pro-slide-cap h2 { font-weight:900; }
html[data-skin="bazaar"] .pro-slide-btn { border-radius:var(--bz-r-sm); background:var(--primary); font-weight:800; }
html[data-skin="bazaar"] .pro-slider-nav { border-radius:var(--bz-r-sm); }
html[data-skin="bazaar"] .pro-slider-dots span.active { background:var(--primary); }

/* «معرفیِ فروشگاه»: نوارِ باریکِ اطلاعات، نه یه بنرِ بزرگِ رنگی */
html[data-skin="bazaar"] .pro-hero { display:flex; align-items:center; gap:16px; text-align:start; background:var(--bg-card); color:var(--text-dark);
  border:1px solid var(--border); border-inline-start:4px solid var(--primary); border-radius:var(--bz-r); padding:16px 20px; box-shadow:none; }
html[data-skin="bazaar"] .pro-hero-text { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"t c" "p c" "m c"; column-gap:16px; align-items:center; width:100%; }
html[data-skin="bazaar"] .pro-hero h1 { grid-area:t; font-size:18px; font-weight:900; margin:0 0 2px; color:var(--text-dark); }
html[data-skin="bazaar"] .pro-hero p { grid-area:p; margin:0; font-size:13px; color:var(--text-muted); }
html[data-skin="bazaar"] .pro-hero-meta { grid-area:m; margin-top:4px; font-size:12px; color:var(--text-muted); }
html[data-skin="bazaar"] .pro-hero-cta { grid-area:c; background:var(--primary); color:var(--on-primary); border-radius:var(--bz-r-sm); font-weight:800; min-height:44px; padding:0 18px; display:inline-flex; align-items:center; gap:6px; box-shadow:none; white-space:nowrap; }
html[data-skin="bazaar"] .pro-hero-logo { width:56px; height:56px; border-radius:var(--bz-r-sm); }
@media (max-width:620px) {
  html[data-skin="bazaar"] .pro-hero-text { grid-template-columns:1fr; grid-template-areas:"t" "p" "m" "c"; }
  html[data-skin="bazaar"] .pro-hero-cta { margin-top:12px; justify-content:center; }
}

/* دسته‌بندی‌ها: کاشی‌های مربعیِ یک‌دست (به‌جای دایره‌های رنگی) */
html[data-skin="bazaar"] .pro-cat-circles { display:grid; grid-auto-flow:column; grid-auto-columns:96px; gap:10px; overflow-x:auto; padding:2px 0 8px; margin-bottom:6px; }
@media (min-width:821px) {
  html[data-skin="bazaar"] .pro-cat-circles { grid-auto-flow:row; grid-template-columns:repeat(auto-fill, minmax(116px, 1fr)); grid-auto-columns:auto; overflow:visible; }
}
html[data-skin="bazaar"] .pro-cat-circle { display:flex; flex-direction:column; align-items:center; gap:8px; width:auto; padding:12px 6px 10px; background:var(--bg-card);
  border:1px solid var(--border); border-radius:var(--bz-r); text-align:center; transition:border-color .15s, box-shadow .15s; }
html[data-skin="bazaar"] .pro-cat-circle:hover { border-color:var(--primary); box-shadow:var(--bz-shadow-hover); }
html[data-skin="bazaar"] .pro-cat-circle-img { width:56px; height:56px; border-radius:var(--bz-r); border:none; box-shadow:none; background:var(--bz-tint) !important; color:var(--primary); overflow:hidden; }
html[data-skin="bazaar"] .pro-cat-circle-img img { width:100%; height:100%; object-fit:cover; }
html[data-skin="bazaar"] .pro-cat-circle b { font-size:12.5px; font-weight:700; line-height:1.5; }
html[data-skin="bazaar"] .pro-cat-card { border-radius:var(--bz-r); }

/* «قفسه»: ردیف‌های محصول = یه تابلوی سفید که کارت‌ها با خطِ مو تقسیمش کردن */
html[data-skin="bazaar"] .pro-block:is(.pro-block-new_products, .pro-block-bestsellers, .pro-block-featured_products, .pro-block-category_products, .pro-block-back_in_stock) {
  background:var(--bg-card); border:1px solid var(--border); border-radius:var(--bz-r); padding:2px 16px 0; margin:18px 0; overflow:hidden; }
html[data-skin="bazaar"] .pro-block:is(.pro-block-new_products, .pro-block-bestsellers, .pro-block-featured_products, .pro-block-category_products, .pro-block-back_in_stock) .pro-section-head { margin:14px 0 10px; }
html[data-skin="bazaar"] .pro-block:is(.pro-block-new_products, .pro-block-bestsellers, .pro-block-featured_products, .pro-block-category_products, .pro-block-back_in_stock) .pro-grid {
  gap:0; margin:0 -16px -1px !important; border-top:1px solid var(--border); }
html[data-skin="bazaar"] .pro-block:is(.pro-block-new_products, .pro-block-bestsellers, .pro-block-featured_products, .pro-block-category_products, .pro-block-back_in_stock) .bz-card {
  border:none; border-inline-start:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; box-shadow:none; margin-inline-start:-1px; }
@media (max-width:699px) {
  html[data-skin="bazaar"] .pro-block .pro-grid:not(.pro-shop-grid) { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:44%;
    overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  html[data-skin="bazaar"] .pro-block .pro-grid:not(.pro-shop-grid)::-webkit-scrollbar { display:none; }
  html[data-skin="bazaar"] .pro-block .pro-grid:not(.pro-shop-grid) > .pro-card { scroll-snap-align:start; }
  html[data-skin="bazaar"] .pro-block:is(.pro-block-new_products, .pro-block-bestsellers, .pro-block-featured_products, .pro-block-category_products, .pro-block-back_in_stock) { margin-inline:-16px; border-radius:0; border-inline:none; }
}

/* «پیشنهادِ امروز»: نوارِ تیره + شمارشِ معکوسِ زرد */
html[data-skin="bazaar"] .pro-block-discounted { background:var(--bz-deal-bg); color:var(--bz-deal-ink); border-radius:var(--bz-r); padding:4px 16px 16px; margin:22px 0; }
html[data-skin="bazaar"] .pro-block-discounted .pro-section-head { margin:14px 0 12px; }
html[data-skin="bazaar"] .pro-block-discounted .pro-section-head h2 { color:var(--bz-deal-ink); display:inline-flex; align-items:center; gap:10px; }
html[data-skin="bazaar"] .pro-block-discounted .pro-section-head h2::before { content:""; width:12px; height:22px; background:var(--bz-tag);
  clip-path:polygon(60% 0, 0 58%, 45% 58%, 30% 100%, 100% 38%, 55% 38%); }
html[data-skin="bazaar"] .pro-block-discounted .pro-section-head a { color:var(--bz-tag); }
html[data-skin="bazaar"] .pro-countdown { gap:5px; font-size:14px; }
html[data-skin="bazaar"] .pro-countdown b { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:32px; padding:0 6px; border-radius:6px;
  background:var(--bz-tag); color:var(--bz-tag-ink); font-weight:900; }
html[data-skin="bazaar"] .pro-block-discounted .pro-grid { display:grid; grid-template-columns:none !important; grid-auto-flow:column; grid-auto-columns:minmax(180px, 1fr);
  gap:10px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; padding-bottom:2px; margin:0 !important; }
html[data-skin="bazaar"] .pro-block-discounted .pro-grid::-webkit-scrollbar { display:none; }
html[data-skin="bazaar"] .pro-block-discounted .bz-card { scroll-snap-align:start; border-radius:10px; }
@media (max-width:699px) {
  html[data-skin="bazaar"] .pro-block-discounted { margin-inline:-16px; border-radius:0; }
  html[data-skin="bazaar"] .pro-block-discounted .pro-grid { grid-auto-columns:44%; }
}

/* بنرها، ویژگی‌ها، خبرنامه */
html[data-skin="bazaar"] .pro-banner, html[data-skin="bazaar"] .pro-banner img { border-radius:var(--bz-r); }
html[data-skin="bazaar"] .pro-features { gap:0; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--bz-r); overflow:hidden; }
html[data-skin="bazaar"] .pro-feature { border:none; border-radius:0; background:transparent; padding:16px; }
html[data-skin="bazaar"] .pro-feature + .pro-feature { border-inline-start:1px solid var(--border); }
html[data-skin="bazaar"] .pro-feature-ic { background:var(--bz-tint); color:var(--primary); border-radius:var(--bz-r-sm); }
html[data-skin="bazaar"] .pro-feature b { font-weight:800; }
@media (max-width:820px) {
  html[data-skin="bazaar"] .pro-feature + .pro-feature { border-inline-start:none; }
  html[data-skin="bazaar"] .pro-feature:nth-child(even) { border-inline-start:1px solid var(--border); }
  html[data-skin="bazaar"] .pro-feature:nth-child(n+3) { border-top:1px solid var(--border); }
}
/* خبرنامه = «کوپن»: برچسبِ زرد با حاشیه‌ی خط‌چین */
html[data-skin="bazaar"] .pro-news { background:var(--bz-tag); color:var(--bz-tag-ink); border:none; border-radius:var(--bz-r); position:relative; }
html[data-skin="bazaar"] .pro-news::before { content:""; position:absolute; inset:7px; border:1.5px dashed rgba(28,22,6,.35); border-radius:calc(var(--bz-r) - 4px); pointer-events:none; }
html[data-skin="bazaar"] .pro-news h2 { color:var(--bz-tag-ink); font-weight:900; }
html[data-skin="bazaar"] .pro-news p { color:rgba(28,22,6,.78); }
html[data-skin="bazaar"] .pro-news-ic { background:rgba(255,255,255,.55); color:var(--bz-tag-ink); }
html[data-skin="bazaar"] .pro-news-form input { background:#fff; border-color:transparent; border-radius:var(--bz-r-sm); color:#1D2025; }
html[data-skin="bazaar"] .pro-news-form .pro-btn { background:var(--bz-tag-ink); color:var(--bz-tag); border-radius:var(--bz-r-sm); position:relative; z-index:1; }
html[data-skin="bazaar"] :is(.pro-stat, .pro-member, .pro-post-card, .pro-text-block, .pro-imgtext, .pro-faq-item, .pro-contact, .pro-cform-wrap) { border-radius:var(--bz-r); }
html[data-skin="bazaar"] .pro-stat b { color:var(--primary); font-weight:900; }

/* ---------------------------------------------------------------- کارتِ محصول («برچسبِ قفسه») */
html[data-skin="bazaar"] .bz-card { position:relative; border:1px solid var(--border); border-radius:var(--bz-r); padding:10px 10px 12px; gap:6px; box-shadow:none; transition:box-shadow .2s, border-color .2s; }
@media (hover:hover) {
  html[data-skin="bazaar"] .bz-card:hover { box-shadow:var(--bz-shadow-hover); z-index:2; }
  html[data-skin="bazaar"] .bz-card:hover .pro-card-name { color:var(--primary); }
}
html[data-skin="bazaar"] .bz-card .pro-thumb { position:relative; border-radius:var(--bz-r-sm); background:var(--bg-page); aspect-ratio:1/1; }
html[data-skin="bazaar"] .bz-card .pro-thumb img { object-fit:cover; }
html[data-skin="bazaar"] .bz-noimg { color:var(--text-muted); opacity:.6; }
html[data-skin="bazaar"] .bz-noimg .ic { width:36px; height:36px; }
.bz-flags { position:absolute; top:6px; inset-inline-start:6px; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.bz-flag { background:var(--text-dark); color:var(--bg-card); font-size:11px; font-weight:800; line-height:1; padding:5px 7px; border-radius:6px; }
.bz-flag.is-off { background:var(--primary); color:var(--on-primary, #fff); font-size:12.5px; }
.bz-strip { position:absolute; inset-inline:6px; bottom:6px; z-index:1; text-align:center; font-size:11px; font-weight:800; padding:4px 6px; border-radius:6px;
  background:color-mix(in srgb, var(--bg-card) 92%, transparent); color:var(--bz-warn, #B45309); }
.bz-strip.is-out { color:var(--text-muted); }
html[data-skin="bazaar"] .bz-card.is-oos .pro-thumb img { opacity:.4; filter:grayscale(.6); }
html[data-skin="bazaar"] .bz-card .pro-card-name { font-size:13px; font-weight:600; line-height:1.65; min-height:43px; transition:color .15s; }
/* برچسبِ قیمت */
.bz-shelf { display:flex; flex-direction:column; justify-content:flex-end; min-height:44px; margin-top:auto; }
.bz-shelf.is-deal { align-self:stretch; background:var(--bz-tag, #FFD43B); color:var(--bz-tag-ink, #1C1606); border-radius:6px; padding:5px 10px 5px 14px; min-height:50px;
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 7px 50%); }
.bz-was { font-size:11.5px; color:var(--text-muted); text-decoration-thickness:1.5px; }
.bz-shelf.is-deal .bz-was { color:rgba(28,22,6,.72); }
.bz-now { display:flex; align-items:baseline; gap:4px; }
.bz-now .pro-price { font-size:16.5px; font-weight:900; color:var(--text-dark); letter-spacing:-.2px; }
.bz-shelf.is-deal .bz-now .pro-price { color:var(--bz-tag-ink, #1C1606); }
.bz-now .pro-price.is-oos { color:var(--text-muted); font-size:14px; font-weight:700; }
.bz-now small { font-size:11px; color:var(--text-muted); }
.bz-shelf.is-deal .bz-now small { color:rgba(28,22,6,.72); }
html[data-skin="bazaar"] .bz-add { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:40px; padding:8px 6px; font-size:13px; font-weight:800;
  border-radius:var(--bz-r-sm); background:var(--bg-card); color:var(--primary); border:1.5px solid var(--primary); transition:background .15s, color .15s; }
html[data-skin="bazaar"] .bz-add:hover:not(:disabled) { background:var(--primary); color:var(--on-primary); }
html[data-skin="bazaar"] .bz-add .ic { width:16px; height:16px; }
html[data-skin="bazaar"] .bz-add:disabled { background:var(--bg-page); color:var(--text-muted); border-color:var(--border); cursor:not-allowed; }
html[data-skin="bazaar"] .bz-card .dn-qty { height:40px; border-radius:var(--bz-r-sm); border-width:1.5px; background:var(--bz-tint); }
html[data-skin="bazaar"] .bz-card .dn-qty button { border-radius:6px; background:var(--bg-card); width:32px; height:32px; }
html[data-skin="bazaar"] .bz-card .pro-wish-heart { top:14px; inset-inline-end:14px; width:34px; height:34px; box-shadow:0 1px 3px rgba(16,24,40,.12); }
@media (max-width:699px) {
  html[data-skin="bazaar"] .bz-card { padding:8px 8px 10px; }
  html[data-skin="bazaar"] .bz-card .pro-card-name { font-size:12.5px; }
  .bz-now .pro-price { font-size:15px; }
  html[data-skin="bazaar"] .bz-add { font-size:12.5px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-skin="bazaar"] .bz-card, html[data-skin="bazaar"] .bz-add, html[data-skin="bazaar"] .pro-cat-circle { transition:none; }
}

/* ---------------------------------------------------------------- فروشگاه */
html[data-skin="bazaar"] .pro-shop-grid { gap:10px; }
html[data-skin="bazaar"] :is(.pro-side, .pro-filter-box, .pro-shop-toolbar) { border-radius:var(--bz-r); }
html[data-skin="bazaar"] .pro-cat-list a.active, html[data-skin="bazaar"] .pro-cat-chips a.active { background:var(--bz-tint); color:var(--primary); font-weight:800; }
html[data-skin="bazaar"] .pro-view-toggle button.active { background:var(--primary); color:var(--on-primary); }
html[data-skin="bazaar"] .pro-pagination .current { background:var(--primary); color:var(--on-primary); }

/* ---------------------------------------------------------------- صفحه‌ی محصول */
@media (min-width:821px) {
  html[data-skin="bazaar"] .pro-product { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:32px; }
  html[data-skin="bazaar"] .pro-product > div:first-child:has(.pro-gallery-thumbs) { display:grid; grid-template-columns:76px minmax(0,1fr); gap:12px; align-items:start; }
  html[data-skin="bazaar"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-main { grid-column:2; grid-row:1; }
  html[data-skin="bazaar"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-thumbs { grid-column:1; grid-row:1; flex-direction:column; flex-wrap:nowrap; margin:0; max-height:560px; overflow-y:auto; scrollbar-width:none; }
  html[data-skin="bazaar"] .pro-product > div:first-child:has(.pro-gallery-thumbs) > .pro-gallery-dots { display:none; }
  html[data-skin="bazaar"] .pro-gallery-thumbs button { width:76px; height:76px; flex-shrink:0; border-radius:var(--bz-r-sm); }
  html[data-skin="bazaar"] .pro-product > div:last-child { position:sticky; top:110px; }
}
html[data-skin="bazaar"] .pro-gallery-main { border-radius:var(--bz-r); background:var(--bg-card); border:1px solid var(--border); }
html[data-skin="bazaar"] .pro-gallery-thumbs button.active { border-color:var(--primary); }
html[data-skin="bazaar"] .pro-product-title { font-size:22px; font-weight:900; line-height:1.6; }
html[data-skin="bazaar"] .pro-product-cats a { border-radius:6px; }
html[data-skin="bazaar"] .pro-price-box { border-radius:var(--bz-r); border:1px solid var(--border); background:var(--bg-card); box-shadow:none; }
html[data-skin="bazaar"] .pro-price-big { font-size:28px; font-weight:900; letter-spacing:-.3px; }
html[data-skin="bazaar"] .pro-price-box .pro-badge-off { background:var(--bz-tag); color:var(--bz-tag-ink); border-radius:6px; font-weight:900; padding:3px 9px 3px 12px;
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 6px 50%); }
html[data-skin="bazaar"] .pro-price-box .pro-btn { min-height:50px; border-radius:var(--bz-r-sm); font-size:15px; font-weight:900; }
html[data-skin="bazaar"] .pro-qty button { border-radius:var(--bz-r-sm); width:44px; height:44px; }
html[data-skin="bazaar"] .pro-stock.in { color:var(--bz-ok); }
html[data-skin="bazaar"] .pro-stock.low { color:var(--bz-warn); }
html[data-skin="bazaar"] .pro-info { border-radius:var(--bz-r); }
html[data-skin="bazaar"] .pro-info-tabs button.active { color:var(--primary); border-color:var(--primary); }
html[data-skin="bazaar"] .pro-sticky-buy .pro-btn { border-radius:var(--bz-r-sm); }
.cl-perks { list-style:none; margin:4px 0 14px; padding:12px 14px; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px 14px;
  background:var(--bg-card); border:1px solid var(--border); border-radius:var(--bz-r, 16px); }
.cl-perks li { display:flex; align-items:center; gap:9px; font-size:12.5px; line-height:1.6; }
.cl-perks .ic { width:22px; height:22px; flex-shrink:0; color:var(--primary); }
.cl-perks small { display:block; color:var(--text-muted); font-size:11px; }

/* ---------------------------------------------------------------- فوتر */
.cl-footer { padding:34px 0 18px; margin-top:40px; }
html[data-skin="bazaar"] .cl-footer { border-top:1px solid var(--border); }
.cl-footer-grid { display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); gap:26px; }
.cl-fabout .pro-brand { margin-bottom:10px !important; }
.cl-fabout .pro-footer-meta { margin:0 0 12px; max-width:none; }
.cl-fcol summary { list-style:none; cursor:default; }
.cl-fcol summary::-webkit-details-marker { display:none; }
.cl-fcol summary h3 { margin:0 0 12px; font-size:14px; font-weight:900; }
.cl-fcontact span { line-height:1.9; }
html[data-skin="bazaar"] .pro-footer-links a:hover { color:var(--primary); }
@media (max-width:820px) {
  .cl-footer-grid { grid-template-columns:1fr; gap:0; }
  .cl-fabout { padding-bottom:14px; }
  .cl-fcol { border-top:1px solid var(--border); }
  .cl-fcol summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; padding:13px 0; min-height:44px; }
  .cl-fcol summary h3 { margin:0; }
  .cl-fcol summary::after { content:""; width:9px; height:9px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(-45deg); transition:transform .2s; margin-inline-end:4px; opacity:.6; }
  .cl-fcol[open] summary::after { transform:rotate(135deg); }
  .cl-fcol .pro-footer-links { padding-bottom:14px; }
}

/* ---------------------------------------------------------------- اصلاحات */
html[data-skin="bazaar"] .pro-block-discounted .bz-card { color:var(--text-dark); }
html[data-skin="bazaar"] .pro-hero h1 { font-size:18px !important; line-height:1.6; }
@media (max-width:820px) {
  html[data-skin="bazaar"] .pro-bnav { left:0; right:0; bottom:0; border-radius:0; border:none; border-top:1px solid var(--border); padding:0 0 env(safe-area-inset-bottom); }
  html[data-skin="bazaar"] body.has-bnav { padding-bottom:calc(60px + env(safe-area-inset-bottom)); }
}
html[data-skin="bazaar"][data-theme="dark"] { --on-primary:#1A0F07; }
@media (max-width:820px) { html[data-skin="bazaar"] body.has-bnav .ws-bar { bottom:72px; } }
