/* ویترین پرو — استایلِ مشترکِ همه‌ی پوسته‌ها. استایلِ اختصاصیِ هر پوسته در skins/<پوسته>.css */
@font-face { font-family:'Vazirmatn'; src:url('/static/fonts/Vazirmatn-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('/static/fonts/Vazirmatn-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('/static/fonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Vazirmatn'; src:url('/static/fonts/Vazirmatn-ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap; }
:root {
  --bg-page:#F4F1EE; --bg-card:#FFFFFF; --header-bg:#FFFFFF; --footer-bg:#FFFFFF;
  --primary:#e2483a; --pastel-red:#FDEEEC; --pastel-green:#E7F5EC;
  --pastel-blue:#EAF1FC; --text-dark:#262626; --text-muted:#6b6b6b; --border:#ECE7E2; --card-radius:16px;
}
html[data-theme="dark"] {
  --bg-page:#17181C; --bg-card:#1F2127; --header-bg:#1F2127; --footer-bg:#1A1B20;
  --primary:#ff6a55; --pastel-red:#2A1E1E; --pastel-green:#1B2A20;
  --pastel-blue:#1B222D; --text-dark:#EDEDED; --text-muted:#9A9A9A; --border:#2E3038;
}
* { box-sizing:border-box; }
body { margin:0; font-family:'Vazirmatn',Tahoma,'Segoe UI',sans-serif; background:var(--bg-page); color:var(--text-dark); }
a { color:inherit; text-decoration:none; }
.ic { width:18px; height:18px; }
.wrap { max-width:1180px; margin:0 auto; padding:0 14px; }
img { max-width:100%; }
.pro-header { background:var(--header-bg); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:40; }
.pro-header-main { display:flex; align-items:center; gap:12px; padding:12px 0; }
.pro-brand { display:flex; align-items:center; gap:10px; min-width:0; }
.pro-brand img { height:40px; width:auto; object-fit:contain; border-radius:8px; }
.pro-brand-name { font-size:16px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pro-header-spacer { flex:1; }
.pro-header-btn {
  display:inline-flex; align-items:center; gap:6px; background:var(--bg-page); border:1px solid var(--border);
  border-radius:999px; padding:8px 14px; font-family:inherit; font-size:13px; color:var(--text-dark); cursor:pointer; position:relative;
}
.pro-header-btn:hover { border-color:var(--primary); color:var(--primary); }
.pro-cart-badge {
  position:absolute; top:-5px; left:-5px; background:var(--primary); color:#fff; border-radius:999px;
  min-width:18px; height:18px; font-size:10.5px; font-weight:800; display:none; align-items:center; justify-content:center; padding:0 4px;
}
.pro-cart-badge.show { display:flex; }
.pro-nav { display:flex; gap:4px; overflow-x:auto; padding:0 0 10px; scrollbar-width:none; }
.pro-nav::-webkit-scrollbar { display:none; }
.pro-nav a { padding:6px 13px; border-radius:999px; font-size:13px; color:var(--text-muted); white-space:nowrap; }
.pro-nav a:hover { background:var(--bg-page); }
.pro-nav a.active { background:var(--primary); color:#fff; font-weight:700; }
.pro-breadcrumb { font-size:12px; color:var(--text-muted); padding:14px 0 4px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.pro-breadcrumb a:hover { color:var(--primary); }
.pro-breadcrumb span.sep { opacity:.5; }
.pro-shop-layout { display:grid; grid-template-columns:220px 1fr; gap:20px; align-items:start; padding:10px 0 30px; }
@media (max-width:820px) {
  .pro-shop-layout { grid-template-columns:1fr; gap:12px; }
}
.pro-side { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:14px; }
.pro-side summary { cursor:pointer; font-size:14px; font-weight:700; }
.pro-side details[open] > summary { margin-bottom:10px; }
.pro-cat-list { display:flex; flex-direction:column; gap:2px; }
.pro-cat-list a { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:7px 9px; border-radius:9px; font-size:13px; color:var(--text-muted); }
.pro-cat-list a:hover { background:var(--bg-page); }
.pro-cat-list a.active { background:var(--pastel-red); color:var(--primary); font-weight:700; }
.pro-cat-count { font-size:11px; opacity:.75; }
.pro-page-title { font-size:20px; margin:0 0 4px; }
.pro-page-sub { font-size:12.5px; color:var(--text-muted); margin-bottom:14px; }
.pro-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media (min-width:700px) {
  .pro-grid { grid-template-columns:repeat(var(--grid-cols,4),1fr); }
}
.pro-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:10px; display:flex; flex-direction:column; gap:7px; }
.pro-card:hover { border-color:var(--primary); }
.pro-thumb { width:100%; aspect-ratio:1/1; border-radius:12px; background:var(--pastel-blue); overflow:hidden; display:flex; align-items:center; justify-content:center; color:var(--text-muted); }
.pro-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pro-card-name { font-size:13.5px; font-weight:700; line-height:1.5; min-height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pro-price-row { display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; }
.pro-price { font-size:14.5px; font-weight:800; color:var(--primary); }
.pro-price-old { font-size:11.5px; color:var(--text-muted); text-decoration:line-through; }
.pro-badge-off { background:var(--primary); color:#fff; font-size:10.5px; font-weight:800; border-radius:6px; padding:1px 6px; }
.pro-oos { font-size:11.5px; color:var(--text-muted); }
.pro-btn { width:100%; background:var(--primary); color:#fff; border:none; border-radius:999px; padding:10px; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.pro-btn:disabled { background:#c9c9c9; cursor:not-allowed; }
.pro-empty { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:40px 16px; text-align:center; color:var(--text-muted); font-size:13px; }
.pro-pagination { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; margin-top:22px; }
.pro-pagination a, .pro-pagination span {
  min-width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--border); border-radius:10px; background:var(--bg-card); font-size:13px; padding:0 10px;
}
.pro-pagination a:hover { border-color:var(--primary); color:var(--primary); }
.pro-pagination .current { background:var(--primary); border-color:var(--primary); color:#fff; font-weight:800; }
.pro-product { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:26px; padding:10px 0 30px; align-items:start; }
@media (max-width:820px) {
  .pro-product { grid-template-columns:1fr; gap:16px; }
}
.pro-gallery-main { width:100%; aspect-ratio:1/1; border-radius:var(--card-radius); overflow:hidden; background:var(--bg-card); border:1px solid var(--border); }
.pro-gallery-main img { width:100%; height:100%; object-fit:contain; display:block; }
.pro-gallery-thumbs { display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.pro-gallery-thumbs button { width:64px; height:64px; border-radius:10px; overflow:hidden; border:2px solid var(--border); background:var(--bg-card); padding:0; cursor:pointer; }
.pro-gallery-thumbs button.active { border-color:var(--primary); }
.pro-gallery-thumbs img { width:100%; height:100%; object-fit:cover; display:block; }
.pro-product-title { font-size:22px; margin:0 0 10px; line-height:1.5; }
.pro-product-cats { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.pro-product-cats a { font-size:11.5px; background:var(--pastel-green); color:#2f6b45; padding:3px 10px; border-radius:999px; }
html[data-theme="dark"] .pro-product-cats a { color:#8fd6a8; }
.pro-price-box { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:16px; margin-bottom:14px; }
.pro-price-big { font-size:22px; font-weight:800; color:var(--primary); }
.pro-stock { font-size:12.5px; margin:10px 0 14px; }
.pro-stock.in { color:#2f6b45; }
html[data-theme="dark"] .pro-stock.in { color:#8fd6a8; }
.pro-stock.out { color:var(--primary); }
.pro-qty { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.pro-qty button { width:34px; height:34px; border-radius:9px; border:1px solid var(--border); background:var(--bg-page); font-size:17px; cursor:pointer; color:var(--text-dark); }
.pro-qty span { min-width:34px; text-align:center; font-weight:800; font-size:15px; }
.pro-desc { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:16px; font-size:13.5px; line-height:2.1; color:var(--text-muted); white-space:pre-line; }
.pro-section-title { font-size:16px; margin:30px 0 12px; }
.pro-footer { background:var(--footer-bg); border-top:1px solid var(--border); padding:24px 0; margin-top:20px; }
.pro-footer-grid { display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between; }
.pro-footer h3 { font-size:13.5px; margin:0 0 10px; }
.pro-footer-links { display:flex; flex-direction:column; gap:6px; font-size:12.5px; color:var(--text-muted); }
.pro-footer-links a:hover { color:var(--primary); }
.pro-footer-meta { font-size:12.5px; color:var(--text-muted); line-height:2; max-width:420px; }
.pro-footer-social { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.pro-footer-social a { width:34px; height:34px; border-radius:50%; background:var(--bg-page); display:flex; align-items:center; justify-content:center; font-size:15px; }
.pro-footer-trust { margin-top:12px; }
.pro-footer-trust img { max-height:64px; }
.pro-footer-bottom { text-align:center; font-size:11.5px; color:var(--text-muted); border-top:1px solid var(--border); margin-top:18px; padding-top:14px; }
/* ===== پنل کشویی (سبد خرید / تکمیل سفارش) — چون صفحه RTLه، از سمت چپ باز می‌شه ===== */
.pro-drawer-backdrop {
  position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease; z-index:60;
}
.pro-drawer-backdrop.open { opacity:1; visibility:visible; }
.pro-drawer {
  position:fixed; top:0; left:0; height:100%; width:400px; max-width:92vw;
  background:var(--bg-page); z-index:61; display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform .28s ease; box-shadow:2px 0 24px rgba(0,0,0,.16);
}
.pro-drawer.open { transform:translateX(0); }
.pro-drawer-head {
  display:flex; align-items:center; gap:10px; padding:14px 16px;
  border-bottom:1px solid var(--border); background:var(--bg-card);
}
.pro-drawer-head h2 { font-size:15px; margin:0; flex:1; }
.pro-drawer-close, .pro-drawer-back {
  background:none; border:none; cursor:pointer; color:var(--text-muted); padding:4px; line-height:0;
}
.pro-drawer-close:hover, .pro-drawer-back:hover { color:var(--primary); }
.pro-drawer-body { flex:1; overflow-y:auto; padding:14px 16px; }
.pro-drawer-foot { border-top:1px solid var(--border); padding:14px 16px; background:var(--bg-card); }
.pro-cart-item { display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--border); }
.pro-cart-item:last-child { border-bottom:none; }
.pro-cart-thumb { width:60px; height:60px; border-radius:10px; background:var(--pastel-blue); overflow:hidden; flex-shrink:0; }
.pro-cart-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pro-cart-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.pro-cart-name { font-size:13px; font-weight:700; line-height:1.5; }
.pro-cart-price { font-size:12.5px; color:var(--primary); font-weight:700; }
.pro-cart-controls { display:flex; align-items:center; gap:8px; }
.pro-cart-controls button {
  width:28px; height:28px; border-radius:8px; border:1px solid var(--border);
  background:var(--bg-card); cursor:pointer; font-size:15px; color:var(--text-dark); line-height:1;
}
.pro-cart-controls span { min-width:26px; text-align:center; font-weight:700; font-size:13px; }
.pro-cart-remove { margin-right:auto; background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:11.5px; }
.pro-cart-remove:hover { color:var(--primary); }
.pro-sum-row { display:flex; justify-content:space-between; font-size:13px; margin-bottom:7px; color:var(--text-muted); }
.pro-sum-row.total { font-size:15px; font-weight:800; color:var(--text-dark); margin-top:10px; padding-top:10px; border-top:1px solid var(--border); }
.pro-sum-row.discount { color:#2f6b45; }
html[data-theme="dark"] .pro-sum-row.discount { color:#8fd6a8; }
.pro-field { margin-bottom:12px; }
.pro-field label { display:block; font-size:12.5px; font-weight:700; margin-bottom:5px; }
.pro-field input, .pro-field textarea {
  width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:10px;
  background:var(--bg-card); color:var(--text-dark); font-family:inherit; font-size:16px;
}
.pro-field input:focus, .pro-field textarea:focus { outline:none; border-color:var(--primary); }
.pro-inline { display:flex; gap:8px; }
.pro-inline input { flex:1; }
.pro-inline button { white-space:nowrap; padding:0 14px; border-radius:10px; border:1px solid var(--primary); background:transparent; color:var(--primary); font-family:inherit; font-size:13px; cursor:pointer; }
.pro-msg { font-size:11.5px; margin-top:5px; }
.pro-pay-options { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.pro-pay-option {
  display:flex; align-items:center; gap:9px; border:1px solid var(--border); border-radius:12px;
  padding:12px; cursor:pointer; font-size:13px; background:var(--bg-card);
}
.pro-pay-option.active { border-color:var(--primary); background:var(--pastel-red); color:var(--primary); font-weight:700; }
.pro-bank-box { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:12px; margin-bottom:12px; }
.pro-bank-row { display:flex; justify-content:space-between; font-size:12.5px; padding:4px 0; }
.pro-bank-row span:last-child { direction:ltr; font-weight:700; }
.pro-receipt-preview { text-align:center; margin-top:8px; }
.pro-receipt-preview img { max-width:100%; border-radius:10px; }
.img-upload-progress-bar-wrap { margin-top:8px; }
.img-upload-progress-bar-track { height:6px; border-radius:4px; background:var(--border); overflow:hidden; }
.img-upload-progress-bar-fill { height:100%; background:var(--primary); width:0%; transition:width .15s ease; }
.img-upload-progress-bar-text { font-size:11px; color:var(--text-muted); margin-top:3px; text-align:center; min-height:14px; }
.img-upload-progress-bar-track.indeterminate { position:relative; overflow:hidden; }
.img-upload-progress-bar-track.indeterminate .img-upload-progress-bar-fill {
  width:40% !important; position:absolute; top:0; right:0; animation:imgUploadIndeterminate 1.1s ease-in-out infinite;
}
@keyframes imgUploadIndeterminate { 0% { transform:translateX(120%); } 100% { transform:translateX(-260%); } }
.btn-spinner {
  display:inline-block; width:13px; height:13px; border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff; border-radius:50%; animation:btnSpin .7s linear infinite; margin-left:7px; vertical-align:-2px;
}
@keyframes btnSpin { to { transform:rotate(360deg); } }
.pro-success { text-align:center; padding:24px 6px; }
.pro-success-icon { font-size:38px; margin-bottom:10px; }
.pro-order-card { border:1px solid var(--border); border-radius:12px; padding:12px; margin-bottom:10px; background:var(--bg-card); }
.pro-order-head { display:flex; justify-content:space-between; gap:8px; font-size:12.5px; margin-bottom:6px; }
.pro-order-num { font-weight:800; direction:ltr; }
.pro-order-status { font-size:11px; border-radius:999px; padding:2px 9px; background:var(--pastel-blue); color:var(--text-muted); }
.pro-order-status.paid { background:var(--pastel-green); color:#2f6b45; }
html[data-theme="dark"] .pro-order-status.paid { color:#8fd6a8; }
.pro-order-items { font-size:11.5px; color:var(--text-muted); line-height:1.9; }
.pro-order-total { font-size:13px; font-weight:800; color:var(--primary); }
.pro-order-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; }
.pro-order-invoice {
  font-size:11.5px; border:1px solid var(--border); border-radius:8px; padding:5px 11px;
  color:var(--text-dark); background:var(--bg-page); white-space:nowrap;
}
.pro-order-invoice:hover { border-color:var(--primary); color:var(--primary); }
.pro-otp-hint { font-size:12px; color:var(--text-muted); line-height:2; margin-bottom:12px; }
.pro-tabs { display:flex; gap:6px; margin-bottom:14px; }
.pro-tabs button { flex:1; padding:9px; border-radius:10px; border:1px solid var(--border); background:var(--bg-card); font-family:inherit; font-size:12.5px; cursor:pointer; color:var(--text-dark); }
.pro-tabs button.active { background:var(--primary); border-color:var(--primary); color:#fff; font-weight:700; }
.pro-alert { background:var(--pastel-red); color:var(--primary); border-radius:10px; padding:10px 12px; font-size:12px; line-height:1.9; margin-bottom:12px; }
/* ===== صفحه‌ی اصلی (لندینگ) ===== */
.pro-hero {
  background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius);
  padding:34px 24px; text-align:center; margin:18px 0 26px;
}
.pro-hero img { height:74px; width:auto; object-fit:contain; margin-bottom:14px; }
.pro-hero h1 { font-size:26px; margin:0 0 10px; line-height:1.5; }
.pro-hero p { font-size:13.5px; color:var(--text-muted); line-height:2.1; max-width:620px; margin:0 auto 18px; }
.pro-hero-cta {
  display:inline-flex; align-items:center; gap:7px; background:var(--primary); color:#fff;
  border-radius:999px; padding:12px 26px; font-size:14px; font-weight:800;
}
.pro-hero-meta { margin-top:14px; font-size:12px; color:var(--text-muted); }
@media (max-width:600px) {
  .pro-hero { padding:26px 16px; }
  .pro-hero h1 { font-size:21px; }
}
.pro-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:26px 0 12px; }
.pro-section-head h2 { font-size:17px; margin:0; }
.pro-section-head a { font-size:12.5px; color:var(--primary); }
.pro-cat-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:10px; }
.pro-cat-card {
  background:var(--bg-card); border:1px solid var(--border); border-radius:14px;
  padding:16px 12px; text-align:center;
}
.pro-cat-card:hover { border-color:var(--primary); }
.pro-cat-card b { display:block; font-size:13.5px; margin-bottom:4px; }
.pro-cat-card small { color:var(--text-muted); font-size:11.5px; }
/* ===== صفحه‌ی استاتیک ===== */
.pro-static-page {
  background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius);
  padding:28px 26px; margin:10px 0 30px;
}
.pro-static-page h1 { font-size:23px; margin:0 0 18px; line-height:1.5; }
.pro-static-content { font-size:14px; line-height:2.2; color:var(--text-dark); }
.pro-static-content h2 { font-size:18px; margin:22px 0 10px; }
.pro-static-content h3 { font-size:16px; margin:18px 0 8px; }
.pro-static-content h4 { font-size:14.5px; margin:16px 0 8px; }
.pro-static-content p { margin:0 0 12px; }
.pro-static-content ul, .pro-static-content ol { padding-right:22px; margin:0 0 12px; }
.pro-static-content li { margin-bottom:6px; }
.pro-static-content a { color:var(--primary); text-decoration:underline; }
.pro-static-content blockquote {
  margin:0 0 12px; padding:10px 14px; border-right:3px solid var(--primary);
  background:var(--bg-page); border-radius:8px; color:var(--text-muted);
}
.pro-static-content hr { border:none; border-top:1px solid var(--border); margin:18px 0; }
/* گالریِ محصول: عکس نچسبه به کادر + دکمه‌های ورق‌زدن */
.pro-gallery-main { position:relative; padding:14px; }
.pro-gallery-main img { border-radius:10px; }
.pro-gallery-nav {
  position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%;
  background:var(--bg-card); border:1px solid var(--border); color:var(--text-dark);
  display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; padding:0;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.pro-gallery-nav:hover { border-color:var(--primary); color:var(--primary); }
.pro-gallery-nav.prev { right:10px; }
.pro-gallery-nav.next { left:10px; }
.pro-gallery-dots { display:flex; justify-content:center; gap:6px; margin-top:8px; }
.pro-gallery-dots span { width:7px; height:7px; border-radius:50%; background:var(--border); cursor:pointer; }
.pro-gallery-dots span.active { background:var(--primary); width:18px; border-radius:999px; }
/* پاپ‌آپ (ثبت سفارش / ورود) */
.pro-modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:70; display:none; align-items:center; justify-content:center; padding:16px; }
.pro-modal-overlay.open { display:flex; }
.pro-modal { background:var(--bg-page); border-radius:18px; width:100%; max-width:440px; max-height:92vh; display:flex; flex-direction:column; overflow:hidden; }
.pro-modal-head { display:flex; align-items:center; gap:10px; padding:15px 18px; border-bottom:1px solid var(--border); background:var(--bg-card); }
.pro-modal-head h2 { font-size:15.5px; margin:0; flex:1; }
.pro-modal-close { background:none; border:none; cursor:pointer; color:var(--text-muted); padding:4px; line-height:0; }
.pro-modal-close:hover { color:var(--primary); }
.pro-modal-tabs { display:flex; background:var(--bg-card); border-bottom:1px solid var(--border); }
.pro-modal-tabs button { flex:1; padding:12px 8px; border:none; background:none; font-family:inherit; font-size:13px; cursor:pointer; color:var(--text-muted); border-bottom:2px solid transparent; }
.pro-modal-tabs button.active { color:var(--primary); font-weight:800; border-bottom-color:var(--primary); }
.pro-modal-body { flex:1; overflow-y:auto; padding:16px 18px; }
.pro-modal-foot { border-top:1px solid var(--border); padding:14px 18px; background:var(--bg-card); }
@media (max-width:520px) {
  .pro-modal-overlay { padding:0; align-items:flex-end; }
  .pro-modal { max-width:none; border-radius:18px 18px 0 0; max-height:94vh; }
}
/* ریسپانسیو: منوی همبرگری برای دسته‌بندی‌ها */
.pro-menu-btn { display:none; }
@media (max-width:820px) {
  .pro-menu-btn { display:inline-flex; }
  .pro-nav { display:none; }
  .pro-nav.open { display:flex; flex-direction:column; gap:2px; padding-bottom:12px; }
  .pro-nav.open a { padding:10px 12px; border-radius:9px; }
  .pro-header-btn span:not(.pro-cart-badge) { display:none; }
  .pro-header-btn { padding:9px 11px; }
  .pro-brand-name { font-size:14.5px; }
  .pro-brand img { height:34px; }
  .wrap { padding:0 11px; }
  .pro-side { display:none; }
  .pro-grid { gap:9px; }
  .pro-product-title { font-size:18px; }
  .pro-price-big { font-size:19px; }
  .pro-section-head h2 { font-size:15px; }
  .pro-static-page { padding:18px 14px; }
  .pro-hero { padding:24px 15px; }
  .pro-hero h1 { font-size:20px; }
  .pro-cat-cards { grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }
}
@media (max-width:400px) {
  .pro-card-name { font-size:12.5px; min-height:36px; }
  .pro-gallery-thumbs button { width:54px; height:54px; }
}
@media (max-width:600px) {
  .pro-static-page { padding:20px 16px; }
  .pro-static-page h1 { font-size:19px; }
}
.pro-bank-card { border:1px solid var(--pro-border, rgba(128,128,128,.25)); border-radius:9px; padding:8px 10px; margin-bottom:8px; }
/* ستونِ محصولات نباید به‌اندازه‌ی ردیفِ چیپ‌ها پهن بشه (قبلاً کلِ صفحه‌ی موبایل رو پهن می‌کرد) */
.pro-shop-layout > main, .pro-shop-layout > aside { min-width:0; }
@media (max-width:820px) {
  .pro-shop-layout { grid-template-columns:minmax(0,1fr) !important; }
}
/* ===== اصلاحاتِ ظاهریِ ویترینِ پرو ===== */
.pro-price.is-oos { color:var(--text-muted); font-weight:600; }
/* منوی «بیشتر» */
.pro-nav-more { position:relative; flex-shrink:0; }
.pro-nav-more-btn { display:inline-flex; align-items:center; gap:3px; padding:6px 13px; border-radius:999px; font:inherit; font-size:13px; color:var(--text-muted); background:none; border:none; cursor:pointer; }
.pro-nav-more-btn .ic { width:14px; height:14px; }
.pro-nav-more-list { display:none; position:absolute; top:100%; right:0; z-index:40; min-width:180px; background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:6px; box-shadow:0 12px 30px rgba(0,0,0,.12); flex-direction:column; }
.pro-nav-more.open .pro-nav-more-list { display:flex; }
.pro-nav-more-list a { border-radius:9px !important; }
.pro-nav { overflow:visible !important; flex-wrap:wrap; }
/* چیپ‌های دسته + جستجو + مرتب‌سازی */
.pro-cat-chips { display:none; gap:6px; overflow-x:auto; scrollbar-width:none; margin:4px 0 10px; padding-bottom:2px; }
.pro-cat-chips::-webkit-scrollbar { display:none; }
.pro-cat-chips a { flex-shrink:0; padding:6px 13px; border-radius:999px; font-size:12.5px; background:var(--bg-card); border:1px solid var(--border); color:var(--text-muted); white-space:nowrap; }
.pro-cat-chips a.active { background:var(--primary); border-color:var(--primary); color:#fff; font-weight:700; }
.pro-toolbar { display:flex; gap:8px; margin:0 0 14px; }
.pro-search { flex:1; min-width:0; display:flex; align-items:center; gap:6px; background:var(--bg-card); border:1px solid var(--border); border-radius:999px; padding:0 12px; }
.pro-search .ic { width:17px; height:17px; color:var(--text-muted); flex-shrink:0; }
.pro-search input { flex:1; min-width:0; border:none; outline:none; background:transparent; font:inherit; font-size:13px; padding:9px 0; color:var(--text-dark); }
.pro-toolbar select { border:1px solid var(--border); background:var(--bg-card); color:var(--text-dark); border-radius:999px; padding:0 12px; font:inherit; font-size:12.5px; }
/* پیامِ «به سبد اضافه شد» */
.pro-cart-toast { position:fixed; left:50%; bottom:18px; transform:translate(-50%, 140%); z-index:90; display:flex; align-items:center; gap:10px;
  max-width:calc(100% - 24px); background:var(--text-dark); color:var(--bg-card); border-radius:14px; padding:10px 10px 10px 14px; box-shadow:0 12px 30px rgba(0,0,0,.25); transition:transform .25s ease; font-size:12.5px; }
.pro-cart-toast.show { transform:translate(-50%, 0); }
.pro-cart-toast:not(.show) { opacity:0; visibility:hidden; pointer-events:none; transition:transform .25s ease, opacity .2s ease, visibility 0s linear .25s; }
.pro-cart-toast-txt { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-cart-toast button { flex-shrink:0; background:var(--primary); color:#fff; border:none; border-radius:999px; padding:7px 12px; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
/* سبدِ خرید: دکمه‌های بزرگ‌تر و حذفِ آیکونی */
.pro-cart-controls button { width:34px; height:34px; border-radius:10px; font-size:17px; }
.pro-cart-remove { width:34px !important; height:34px !important; border:none !important; border-radius:10px !important; margin-right:auto; color:var(--text-muted); display:inline-flex; align-items:center; justify-content:center; background:var(--bg-page) !important; }
.pro-cart-remove .ic { width:17px; height:17px; }
.pro-drawer-body { padding:14px 18px; }
@media (max-width:820px) {
  .pro-cat-chips { display:flex; }
  /* منوی موبایل (همبرگری): همه‌ی دسته‌ها زیرِ هم، بدونِ «بیشتر» */
  .pro-nav.open .pro-nav-more-btn { display:none; }
  .pro-nav.open .pro-nav-more, .pro-nav.open .pro-nav-more-list { display:contents; }
  .pro-nav.open { flex-wrap:nowrap; }
  /* دسته‌بندی‌های صفحه‌ی اصلی: یه ردیفِ افقیِ قابلِ اسکرول */
  .pro-cat-scroll { display:flex !important; overflow-x:auto; scrollbar-width:none; gap:8px; padding-bottom:4px; }
  .pro-cat-scroll::-webkit-scrollbar { display:none; }
  .pro-cat-scroll .pro-cat-card { flex:0 0 auto; min-width:118px; }
  /* فوتر: ستون‌ها زیرِ هم، دسته‌ها به‌شکلِ چیپ */
  .pro-footer-grid { flex-direction:column; gap:18px; }
  .pro-footer-cats { flex-direction:row !important; flex-wrap:wrap; gap:6px !important; }
  .pro-footer-cats a { padding:4px 10px; border-radius:999px; background:var(--bg-page); }
  .pro-cart-toast { bottom:12px; }
}
/* =====================================================================
   پوسته‌ی کلاسیک — هدرِ استاندارد: برند راست، جستجو وسط، اقدام‌ها چپ؛
   نوارِ ناوبری با مگامنوی دسته‌بندی‌ها (دسکتاپ) و منوی کشویی (موبایل)
   ===================================================================== */
.pro-header { box-shadow:0 1px 0 var(--border); border-bottom:none; }
.pro-header-main { gap:14px; padding:12px 0; }
.pro-brand { flex-shrink:0; margin:0 !important; }
.pro-brand img { height:40px; }
.pro-header-search { flex:1; max-width:560px; min-width:0; display:flex; align-items:center; gap:8px;
  background:var(--bg-page); border:1px solid var(--border); border-radius:12px; padding:0 12px; transition:border-color .15s, background-color .15s; }
.pro-header-search:focus-within { border-color:var(--primary); background:var(--bg-card); }
.pro-header-search .ic { color:var(--text-muted); flex-shrink:0; }
.pro-header-search input { flex:1; min-width:0; border:none; outline:none; background:transparent; font:inherit; font-size:13.5px; padding:11px 0; color:var(--text-dark); }
.pro-header-actions { display:flex; align-items:center; gap:6px; margin-inline-start:auto; flex-shrink:0; }
.pro-icon-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; position:relative; height:42px; min-width:42px; padding:0 12px;
  border-radius:12px; border:1px solid transparent; background:transparent; color:var(--text-dark); font:inherit; font-size:13px; cursor:pointer; }
.pro-icon-btn .ic { width:21px; height:21px; }
.pro-icon-btn:hover { background:var(--bg-page); color:var(--primary); }
.pro-cart-btn { background:var(--bg-page); }
.pro-phone-num { direction:ltr; font-weight:700; font-size:12.5px; }
.pro-cart-badge { top:3px; left:3px; }
.pro-menu-btn { display:none; padding:0; }
.pro-header-spacer, .pro-nav { display:none !important; }
/* نوارِ ناوبری + مگامنو */
.pro-nav-bar { border-top:1px solid var(--border); }
.pro-nav-inner { display:flex; align-items:center; gap:4px; min-height:46px; }
.pro-nav-link { padding:8px 12px; border-radius:10px; font-size:13px; color:var(--text-muted); white-space:nowrap; }
.pro-nav-link:hover { color:var(--text-dark); background:var(--bg-page); }
.pro-nav-link.active { color:var(--primary); font-weight:700; }
.pro-nav-sep { width:1px; height:20px; background:var(--border); margin:0 6px; }
.pro-mega { position:static; }
.pro-mega-btn { display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 12px; border-radius:10px; border:none; cursor:pointer;
  background:var(--pastel-red); color:var(--primary); font:inherit; font-size:13px; font-weight:800; }
.pro-mega-btn .ic { width:17px; height:17px; }
.pro-mega-btn .ic:last-child { width:14px; height:14px; transition:transform .2s; }
.pro-mega.open .pro-mega-btn .ic:last-child { transform:rotate(180deg); }
.pro-mega-panel { position:absolute; right:0; left:0; top:100%; z-index:45; background:var(--bg-card); border-top:1px solid var(--border);
  box-shadow:0 18px 40px rgba(0,0,0,.10); padding:18px max(14px, calc((100% - 1180px) / 2 + 14px)) 16px;
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .15s, transform .15s, visibility .15s; }
.pro-mega.open .pro-mega-panel { opacity:1; visibility:visible; transform:none; }
@media (hover:hover) and (min-width:821px) {
  .pro-mega:hover .pro-mega-panel { opacity:1; visibility:visible; transform:none; }
}
.pro-header { position:sticky; }
.pro-nav-bar { position:relative; }
.pro-mega-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:6px 18px; max-height:60vh; overflow-y:auto; }
.pro-mega-col { display:flex; flex-direction:column; gap:2px; padding:4px 0; }
.pro-mega-parent { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13.5px; font-weight:800; padding:7px 10px; border-radius:9px; }
.pro-mega-parent small { font-size:11px; font-weight:600; color:var(--text-muted); background:var(--bg-page); border-radius:999px; padding:1px 7px; }
.pro-mega-parent:hover { background:var(--bg-page); color:var(--primary); }
.pro-mega-child { font-size:12.5px; color:var(--text-muted); padding:5px 10px; border-radius:8px; }
.pro-mega-child:hover { color:var(--primary); background:var(--bg-page); }
.pro-mega-all { display:inline-flex; align-items:center; gap:4px; margin-top:12px; padding-top:12px; border-top:1px solid var(--border); width:100%;
  font-size:12.5px; font-weight:700; color:var(--primary); }
.pro-mega-all .ic { width:15px; height:15px; }
.pro-mobile-search { display:none; }
/* منوی کشویی موبایل */
.pro-mm-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:80; opacity:0; visibility:hidden; transition:opacity .2s, visibility .2s; }
.pro-mm-backdrop.open { opacity:1; visibility:visible; }
.pro-mm { position:fixed; top:0; bottom:0; right:0; width:min(320px, 86vw); z-index:81; background:var(--bg-card); display:flex; flex-direction:column;
  transform:translateX(100%); transition:transform .25s ease; box-shadow:-10px 0 30px rgba(0,0,0,.15); }
.pro-mm.open { transform:none; }
/* کشوی بسته هیچ جایی نمی‌گیره (بعضی مرورگرهای موبایل عنصرِ ثابتِ بیرون از صفحه رو هم با کشیدن نشون می‌دادن) */
.pro-mm:not(.open) { visibility:hidden; transition:transform .25s ease, visibility 0s linear .25s; }
/* صفحه فقط بالا‌پایین اسکرول می‌خوره؛ هیچ عنصری نمی‌تونه صفحه رو به‌پهنا بکشه */
body { overflow-x:hidden; }
@supports (overflow-x:clip) {
  body { overflow-x:clip; }
}
.pro-mm-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-bottom:1px solid var(--border); }
.pro-mm-head .pro-brand img { height:34px; }
.pro-mm-body { flex:1; overflow-y:auto; padding:8px 10px 16px; }
.pro-mm-title { font-size:11.5px; font-weight:800; color:var(--text-muted); padding:14px 10px 6px; }
.pro-mm-link, .pro-mm-group summary { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 10px; border-radius:10px;
  font-size:14px; font-weight:600; cursor:pointer; list-style:none; }
.pro-mm-group summary::-webkit-details-marker { display:none; }
.pro-mm-link small { font-size:11px; color:var(--text-muted); font-weight:600; }
.pro-mm-link.active { color:var(--primary); background:var(--pastel-red); }
.pro-mm-link:hover, .pro-mm-group summary:hover { background:var(--bg-page); }
.pro-mm-group summary .ic { width:16px; height:16px; color:var(--text-muted); transition:transform .2s; }
.pro-mm-group[open] summary .ic { transform:rotate(180deg); }
.pro-mm-sub { display:block; padding:9px 24px 9px 10px; font-size:13px; color:var(--text-muted); border-radius:9px; }
.pro-mm-sub:hover { color:var(--primary); background:var(--bg-page); }
.pro-mm-call { display:flex; align-items:center; justify-content:center; gap:8px; margin:10px 14px 14px; padding:12px; border-radius:12px;
  background:var(--primary); color:#fff; font-weight:700; font-size:13.5px; }
.pro-mm-call span { direction:ltr; }
/* قهرمانِ صفحه‌ی اصلی: راست‌چین */
.pro-hero { display:flex; align-items:center; gap:20px; text-align:right; }
.pro-hero-logo { height:84px !important; width:84px !important; object-fit:contain; margin:0 !important; flex-shrink:0; border-radius:18px; background:var(--bg-page); padding:8px; }
.pro-hero-text { flex:1; min-width:0; }
.pro-hero p { margin:0 0 16px !important; }
@media (max-width:1000px) {
  .pro-phone-num, .pro-btn-label { display:none; }
  .pro-icon-btn { padding:0; width:42px; }
}
@media (max-width:820px) {
  .pro-menu-btn { display:inline-flex; }
  .pro-header-main { gap:6px; padding:8px 0; }
  .pro-header-main > .pro-header-search, .pro-nav-bar, .pro-phone-btn { display:none; }
  .pro-brand { margin-inline-start:2px !important; }
  .pro-brand img { height:32px; }
  .pro-brand-name { font-size:14.5px; max-width:44vw; }
  .pro-icon-btn { width:40px; height:40px; min-width:40px; }
  .pro-mobile-search { display:block; padding-bottom:10px; }
  .pro-mobile-search .pro-header-search { max-width:none; }
  .pro-mobile-search .pro-header-search input { padding:10px 0; }
  .pro-hero { gap:14px; padding:18px 16px !important; align-items:flex-start; }
  .pro-hero-logo { height:64px !important; width:64px !important; border-radius:14px; }
  .pro-hero h1 { font-size:18px !important; margin-bottom:6px !important; }
  .pro-hero p { font-size:12.5px; line-height:1.9; margin-bottom:12px !important; }
  .pro-hero-cta { padding:9px 16px !important; font-size:13px !important; }
}
/* ===== کارت‌های صفحه‌ساز ===== */
.pro-block { margin-bottom: 8px; }
@media (min-width:821px) {
  .pro-block.dev-mobile { display:none; }
}
@media (max-width:820px) {
  .pro-block.dev-desktop { display:none; }
}
.pro-text-block { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:22px 20px; margin:6px 0 22px; }
.pro-text-block h2 { font-size:18px; margin:0 0 10px; }
.pro-text-body { font-size:14px; line-height:2.1; color:var(--text-muted); white-space:pre-line; }
/* ===== اسلایدشو ===== */
.pro-slider { position:relative; border-radius:var(--card-radius); overflow:hidden; margin:6px 0 22px; background:var(--bg-card); }
.pro-slides { position:relative; aspect-ratio:1180/420; }
.pro-slider.h-sm .pro-slides { aspect-ratio:1180/300; }
.pro-slider.h-lg .pro-slides { aspect-ratio:1180/560; }
.pro-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .5s ease, visibility .5s; }
.pro-slide.active { opacity:1; visibility:visible; }
.pro-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.pro-slide-link { position:absolute; inset:0; }
.pro-slide-cap { position:absolute; inset:auto 0 0 0; padding:26px 28px; background:linear-gradient(to top, rgba(0,0,0,.6), transparent); color:#fff; }
.pro-slide-cap h2 { margin:0 0 6px; font-size:24px; }
.pro-slide-cap p { margin:0 0 12px; font-size:14px; opacity:.92; max-width:560px; line-height:1.9; }
.pro-slide-btn { display:inline-block; background:var(--primary); color:#fff; border-radius:999px; padding:9px 20px; font-weight:800; font-size:13.5px; }
.pro-slider-nav { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%; border:none; background:rgba(255,255,255,.85); color:#222; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2; }
.pro-slider-nav.prev { right:12px; }
.pro-slider-nav.next { left:12px; }
.pro-slider-dots { position:absolute; bottom:10px; left:0; right:0; display:flex; justify-content:center; gap:6px; z-index:2; }
.pro-slider-dots span { width:8px; height:8px; border-radius:999px; background:rgba(255,255,255,.55); cursor:pointer; transition:width .2s; }
.pro-slider-dots span.active { width:20px; background:#fff; }
@media (max-width:820px) {
  .pro-slides, .pro-slider.h-sm .pro-slides, .pro-slider.h-lg .pro-slides { aspect-ratio:4/3; }
  .pro-slider.h-sm .pro-slides { aspect-ratio:16/9; }
  .pro-slider.h-lg .pro-slides { aspect-ratio:4/5; }
  .pro-slider-nav { display:none; }
  .pro-slide-cap { padding:16px; }
  .pro-slide-cap h2 { font-size:18px; }
  .pro-slide-cap p { font-size:12.5px; margin-bottom:8px; }
}
/* ===== استوری ===== */
.pro-stories { display:flex; gap:14px; overflow-x:auto; scrollbar-width:none; padding:8px 2px 14px; margin-bottom:10px; }
.pro-stories::-webkit-scrollbar { display:none; }
.pro-story { flex:0 0 auto; background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; width:76px; font:inherit; color:var(--text-dark); }
.pro-story-ring { width:70px; height:70px; border-radius:50%; padding:3px; background:conic-gradient(var(--primary), #f59e0b, var(--primary)); }
.pro-story-ring img { width:100%; height:100%; border-radius:50%; object-fit:cover; border:3px solid var(--bg-page); display:block; }
.pro-story.seen .pro-story-ring { background:var(--border); }
.pro-story small { font-size:11.5px; max-width:76px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-story-viewer { position:fixed; inset:0; z-index:100; background:#000; display:none; align-items:center; justify-content:center; }
.pro-story-viewer.open { display:flex; }
.pro-story-stage { position:relative; width:min(100vw, 56.25vh); height:100vh; max-height:100vh; }
.pro-story-stage img { width:100%; height:100%; object-fit:contain; }
.pro-story-bars { position:absolute; top:10px; left:10px; right:10px; display:flex; gap:4px; z-index:2; }
.pro-story-bars span { flex:1; height:3px; border-radius:3px; background:rgba(255,255,255,.35); overflow:hidden; }
.pro-story-bars span i { display:block; height:100%; width:0; background:#fff; }
.pro-story-top { position:absolute; top:22px; left:12px; right:12px; display:flex; justify-content:space-between; align-items:center; z-index:2; color:#fff; font-size:13px; font-weight:700; }
.pro-story-close { background:none; border:none; color:#fff; font-size:26px; cursor:pointer; line-height:1; }
.pro-story-tap { position:absolute; top:0; bottom:0; width:40%; z-index:1; background:none; border:none; cursor:pointer; }
.pro-story-tap.prev { right:0; }
.pro-story-tap.next { left:0; }
.pro-story-cta { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:2; background:#fff; color:#111; border-radius:999px; padding:10px 22px; font-weight:800; font-size:13.5px; }
/* ===== تخفیف‌ها و شمارش معکوس ===== */
.pro-countdown { display:inline-flex; gap:4px; direction:ltr; font-weight:800; font-size:12.5px; }
.pro-countdown b { background:var(--primary); color:#fff; border-radius:7px; padding:3px 7px; min-width:30px; text-align:center; }
/* ===== ویژگی‌های فروشگاه ===== */
.pro-features { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-bottom:24px; }
.pro-feature { display:flex; align-items:center; gap:10px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:14px; }
.pro-feature-ic { width:42px; height:42px; border-radius:12px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; background:var(--pastel-red); color:var(--primary); }
.pro-feature-ic .ic { width:22px; height:22px; }
.pro-feature b { display:block; font-size:13.5px; }
.pro-feature small { font-size:11.5px; color:var(--text-muted); }
@media (max-width:820px) {
  .pro-features { grid-template-columns:1fr 1fr; }
  .pro-feature { flex-direction:column; text-align:center; padding:12px 8px; }
}
/* ===== دسته‌بندیِ دایره‌ای ===== */
.pro-cat-circles { display:flex; gap:16px; overflow-x:auto; scrollbar-width:none; padding:4px 2px 16px; margin-bottom:10px; }
.pro-cat-circles::-webkit-scrollbar { display:none; }
.pro-cat-circle { flex:0 0 auto; width:92px; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.pro-cat-circle-img { width:84px; height:84px; border-radius:50%; overflow:hidden; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:800; border:2px solid var(--border); }
.pro-cat-circle:hover .pro-cat-circle-img { border-color:var(--primary); }
.pro-cat-circle-img img { width:100%; height:100%; object-fit:cover; }
.pro-cat-circle b { font-size:12.5px; }
/* ===== مرحله‌ی ۴: صفحه‌های درباره ما، تماس، قوانین، سؤالات ===== */
.pro-page-title { font-size:23px; margin:6px 0 16px; line-height:1.5; }
.pro-preview-bar { position:sticky; top:0; z-index:120; background:#fff7e6; color:#8a5a00; border-bottom:1px solid #f3d9a4; font-size:12px; text-align:center; padding:6px 12px; }
.pro-preview-note { background:#fff7e6; color:#8a5a00; border:1px solid #f3d9a4; border-radius:12px; padding:10px 14px; font-size:12.5px; margin:6px 0 12px; }
.pro-pre { white-space:pre-line; font-weight:500; }
.pro-imgtext { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:26px; align-items:center; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:22px; margin:6px 0 22px; }
.pro-imgtext.no-img { grid-template-columns:minmax(0,1fr); }
.pro-imgtext.img-left .pro-imgtext-img { order:2; }
.pro-imgtext-img img { width:100%; border-radius:calc(var(--card-radius) - 4px); display:block; aspect-ratio:4/3; object-fit:cover; }
.pro-imgtext h2 { font-size:19px; margin:0 0 10px; }
.pro-imgtext .pro-hero-cta { margin-top:14px; }
.pro-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin-bottom:24px; }
.pro-stat { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:18px 12px; text-align:center; }
.pro-stat b { display:block; font-size:26px; font-weight:800; color:var(--primary); line-height:1.3; }
.pro-stat span { font-size:12.5px; color:var(--text-muted); }
.pro-team { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-bottom:24px; }
.pro-member { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:18px 10px; text-align:center; }
.pro-member-img { width:88px; height:88px; margin:0 auto 10px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; background:var(--pastel-red); color:var(--primary); font-size:28px; font-weight:800; }
.pro-member-img img { width:100%; height:100%; object-fit:cover; }
.pro-member b { display:block; font-size:14px; }
.pro-member small { font-size:12px; color:var(--text-muted); }
.pro-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; margin-bottom:24px; }
.pro-gallery-item { padding:0; border:none; background:var(--bg-card); border-radius:12px; overflow:hidden; cursor:zoom-in; aspect-ratio:1; }
.pro-gallery-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.pro-gallery-item:hover img { transform:scale(1.04); }
.pro-lightbox { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.9); display:none; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px; }
.pro-lightbox.open { display:flex; }
.pro-lightbox img { max-width:100%; max-height:84vh; border-radius:10px; }
.pro-lightbox span { color:#fff; font-size:13.5px; }
.pro-lightbox button { position:absolute; top:14px; left:16px; background:none; border:none; color:#fff; font-size:30px; cursor:pointer; line-height:1; }
.pro-badges { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
.pro-badge-item { background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:10px; display:flex; align-items:center; justify-content:center; width:120px; height:120px; }
.pro-badge-item img { max-width:100%; max-height:100%; object-fit:contain; }
.pro-contact { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-bottom:24px; }
.pro-contact.has-map { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
.pro-contact-list { display:flex; flex-direction:column; gap:8px; }
.pro-contact-row { display:flex; align-items:center; gap:12px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:12px 14px; color:var(--text-dark); }
a.pro-contact-row:hover { border-color:var(--primary); }
.pro-contact-row small { display:block; font-size:11.5px; color:var(--text-muted); }
.pro-contact-row b { font-size:13.5px; font-weight:600; }
.pro-contact-ic { width:40px; height:40px; border-radius:12px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; background:var(--pastel-red); color:var(--primary); }
.pro-contact-ic.is-wa { background:#e7f8ee; color:#1f9d55; }
.pro-contact-ic .ic { width:20px; height:20px; }
.pro-contact-social { display:flex; flex-wrap:wrap; gap:6px; }
.pro-contact-social a { background:var(--bg-card); border:1px solid var(--border); border-radius:999px; padding:6px 12px; font-size:12.5px; }
.pro-contact-map-btn { display:block; text-align:center; }
.pro-contact-map { border-radius:var(--card-radius); overflow:hidden; border:1px solid var(--border); min-height:280px; }
.pro-contact-map iframe { width:100%; height:100%; min-height:280px; border:0; display:block; }
.pro-cform-wrap { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:22px; margin:6px 0 24px; }
.pro-cform-wrap h2 { font-size:18px; margin:0 0 6px; }
.pro-cform-intro { font-size:13px; color:var(--text-muted); margin:0 0 14px; line-height:2; }
.pro-cform { display:flex; flex-direction:column; gap:12px; }
.pro-cform-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pro-cform label { display:flex; flex-direction:column; gap:6px; font-size:12.5px; font-weight:600; }
.pro-cform input, .pro-cform textarea { font:inherit; font-size:14px; font-weight:400; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--bg-page); color:var(--text-dark); resize:vertical; }
.pro-cform input:focus, .pro-cform textarea:focus { outline:none; border-color:var(--primary); }
/* فیلدِ پنهانِ ضدِ ربات: بدونِ جابه‌جاییِ ۹۹۹۹ پیکسلی (در صفحه‌ی راست‌به‌چپ باعثِ اسکرولِ افقی می‌شد) */
.pro-hp { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; border:0 !important; opacity:0; pointer-events:none; }
.pro-cform-err { color:#d33; font-size:12.5px; min-height:0; }
.pro-cform-err:empty { display:none; }
.pro-cform-btn { align-self:flex-start; min-width:160px; }
.pro-cform-done { display:flex; align-items:center; gap:10px; background:#e9f8ef; color:#17803d; border-radius:12px; padding:14px; font-size:14px; font-weight:600; }
.pro-cform-done[hidden] { display:none; }
.pro-cform-done .ic { width:24px; height:24px; flex-shrink:0; }
.pro-legal { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:24px 22px; margin:6px 0 24px; }
.pro-legal-title { font-size:19px; margin:0 0 4px; }
.pro-legal-date { font-size:12px; color:var(--text-muted); margin-bottom:16px; }
.pro-legal-toc { background:var(--bg-page); border-radius:12px; padding:14px 16px; margin-bottom:18px; }
.pro-legal-toc b { font-size:13px; }
.pro-legal-toc ol { margin:8px 0 0; padding-right:20px; font-size:13px; line-height:2.1; }
.pro-legal-toc a { color:var(--primary); }
.pro-legal-sec { scroll-margin-top:90px; }
.pro-legal-sec + .pro-legal-sec { border-top:1px solid var(--border); margin-top:14px; padding-top:14px; }
.pro-legal-sec h3 { font-size:15.5px; margin:0 0 6px; }
.pro-faq { margin-bottom:24px; }
.pro-faq-search { display:flex; align-items:center; gap:8px; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:0 12px; margin-bottom:10px; }
.pro-faq-search input { flex:1; border:none; background:none; font:inherit; font-size:14px; padding:11px 0; color:var(--text-dark); outline:none; }
.pro-faq-search .ic { width:18px; height:18px; color:var(--text-muted); }
.pro-faq-cats { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.pro-faq-cats button { font:inherit; font-size:12.5px; padding:6px 14px; border-radius:999px; border:1px solid var(--border); background:var(--bg-card); color:var(--text-dark); cursor:pointer; }
.pro-faq-cats button.active { background:var(--primary); border-color:var(--primary); color:#fff; }
.pro-faq-list { display:flex; flex-direction:column; gap:8px; }
.pro-faq-item { background:var(--bg-card); border:1px solid var(--border); border-radius:14px; }
.pro-faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; font-size:14px; font-weight:600; }
.pro-faq-item summary::-webkit-details-marker { display:none; }
.pro-faq-item summary .ic { width:18px; height:18px; flex-shrink:0; transition:transform .2s; color:var(--text-muted); }
.pro-faq-item[open] summary .ic { transform:rotate(180deg); }
.pro-faq-item .pro-text-body { padding:0 16px 14px; font-size:13.5px; }
.pro-faq-empty { text-align:center; color:var(--text-muted); font-size:13px; padding:18px; }
@media (max-width:820px) {
  .pro-imgtext, .pro-contact.has-map { grid-template-columns:minmax(0,1fr); padding:16px; }
  .pro-imgtext.img-left .pro-imgtext-img { order:0; }
  .pro-contact.has-map { padding:0; }
  .pro-cform-row { grid-template-columns:1fr; }
  .pro-cform-btn { align-self:stretch; }
  .pro-gallery { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .pro-team { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .pro-badge-item { width:96px; height:96px; }
  .pro-page-title { font-size:20px; }
  .pro-legal { padding:18px 16px; }
}
/* ===== مرحله‌ی ۵: فیلترها، نمایش لیستی، بنرِ دسته ===== */
.pro-side-head { display:none; }
.pro-side-backdrop { display:none; }
.pro-filter { border-top:1px solid var(--border); margin-top:12px; padding-top:12px; display:flex; flex-direction:column; gap:10px; }
.pro-filter-title { font-size:13.5px; font-weight:700; }
.pro-filter-title small { font-weight:400; color:var(--text-muted); font-size:11px; }
.pro-price-inputs { display:flex; align-items:center; gap:6px; }
.pro-price-inputs span { font-size:12px; color:var(--text-muted); }
.pro-price-inputs input { flex:1; min-width:0; font:inherit; font-size:12.5px; padding:8px 10px; border:1px solid var(--border); border-radius:10px; background:var(--bg-page); color:var(--text-dark); direction:ltr; text-align:right; }
.pro-filter-check { display:flex; align-items:center; gap:8px; font-size:13px; cursor:pointer; }
.pro-filter-check input { width:17px; height:17px; accent-color:var(--primary); }
.pro-filter-clear { font-size:12px; color:var(--primary); text-align:center; }
.pro-filter-btn { display:none; align-items:center; gap:5px; border:1px solid var(--border); background:var(--bg-card); color:var(--text-dark); border-radius:999px; padding:0 12px; font:inherit; font-size:12.5px; cursor:pointer; flex-shrink:0; }
.pro-filter-btn .ic { width:16px; height:16px; }
.pro-filter-btn b { background:var(--primary); color:#fff; border-radius:999px; min-width:18px; height:18px; font-size:10.5px; display:inline-flex; align-items:center; justify-content:center; }
.pro-view-toggle { display:inline-flex; gap:2px; background:var(--bg-card); border:1px solid var(--border); border-radius:999px; padding:3px; flex-shrink:0; }
.pro-view-toggle button { width:32px; height:30px; border:none; background:none; border-radius:999px; cursor:pointer; color:var(--text-muted); display:inline-flex; align-items:center; justify-content:center; }
.pro-view-toggle button.active { background:var(--primary); color:#fff; }
.pro-view-toggle .ic { width:16px; height:16px; }
.pro-active-filters { display:flex; flex-wrap:wrap; gap:6px; margin:-4px 0 12px; }
.pro-active-filters a { font-size:12px; background:var(--pastel-red); color:var(--primary); border-radius:999px; padding:4px 11px; }
.pro-cat-banner { position:relative; border-radius:var(--card-radius); overflow:hidden; margin:4px 0 14px; background:var(--bg-card); border:1px solid var(--border); }
.pro-cat-banner img { width:100%; max-height:260px; object-fit:cover; display:block; }
.pro-cat-banner-text { padding:14px 16px; font-size:13.5px; line-height:2; color:var(--text-muted); white-space:pre-line; }
.pro-cat-banner.has-img .pro-cat-banner-text { position:absolute; inset:auto 0 0 0; color:#fff; background:linear-gradient(transparent, rgba(0,0,0,.65)); padding:30px 18px 14px; font-weight:600; }
.pro-shop-grid.is-list { grid-template-columns:minmax(0,1fr) !important; }
.pro-shop-grid.is-list .pro-card { display:grid; grid-template-columns:120px minmax(0,1fr); grid-template-areas:"t n" "t p" "t b"; column-gap:14px; row-gap:6px; align-items:center; }
.pro-shop-grid.is-list .pro-thumb { grid-area:t; }
.pro-shop-grid.is-list .pro-card-name { grid-area:n; align-self:end; }
.pro-shop-grid.is-list .pro-price-row { grid-area:p; }
.pro-shop-grid.is-list .pro-btn { grid-area:b; width:auto; justify-self:start; padding:8px 22px; align-self:start; }
/* ===== صفحه‌ی محصول ===== */
.pro-gallery-main img { cursor:zoom-in; transition:transform .2s ease; }
@media (hover:hover) and (min-width:821px) {
  .pro-gallery-main.is-hover-zoom img { transform:scale(1.9); }
}
.pro-zoom-btn { position:absolute; top:22px; left:22px; z-index:2; width:36px; height:36px; border-radius:50%; border:none; background:rgba(255,255,255,.9); color:#222; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.pro-zoom-btn .ic { width:18px; height:18px; }
.pro-zoom { position:fixed; inset:0; z-index:110; background:#000; display:none; }
.pro-zoom.open { display:block; }
.pro-zoom-stage { position:absolute; inset:0; overflow:hidden; display:flex; align-items:center; justify-content:center; touch-action:none; }
.pro-zoom-stage img { max-width:100%; max-height:100%; object-fit:contain; transition:transform .2s ease; user-select:none; -webkit-user-drag:none; }
.pro-zoom-top { position:absolute; top:0; left:0; right:0; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:12px 16px; color:#fff; font-size:13px; }
.pro-zoom-top button, .pro-zoom-nav { background:rgba(255,255,255,.14); border:none; color:#fff; width:40px; height:40px; border-radius:50%; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.pro-zoom-nav { position:absolute; top:50%; transform:translateY(-50%); z-index:2; }
.pro-zoom-nav.prev { right:14px; }
.pro-zoom-nav.next { left:14px; }
.pro-zoom .ic { width:20px; height:20px; }
.pro-zoom-hint { position:absolute; bottom:14px; left:0; right:0; text-align:center; color:rgba(255,255,255,.7); font-size:12px; z-index:2; }
.pro-stock.low { color:#c2410c; font-weight:700; }
.pro-share { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:4px; font-size:12.5px; color:var(--text-muted); }
.pro-share a, .pro-share button { display:inline-flex; align-items:center; gap:4px; font:inherit; font-size:12px; border:1px solid var(--border); background:var(--bg-card); color:var(--text-dark); border-radius:999px; padding:5px 11px; cursor:pointer; }
.pro-share .ic { width:14px; height:14px; }
.pro-info { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); margin:4px 0 10px; overflow:hidden; }
.pro-info-tabs { display:flex; gap:4px; border-bottom:1px solid var(--border); padding:0 10px; overflow-x:auto; scrollbar-width:none; }
.pro-info-tabs::-webkit-scrollbar { display:none; }
.pro-info-tabs button { background:none; border:none; border-bottom:2.5px solid transparent; font:inherit; font-size:13.5px; font-weight:600; color:var(--text-muted); padding:13px 12px 11px; cursor:pointer; white-space:nowrap; }
.pro-info-tabs button.active { color:var(--primary); border-bottom-color:var(--primary); }
.pro-info-panel { padding:16px 18px 18px; }
.pro-info-panel[hidden] { display:none; }
.pro-info-panel > h2 { font-size:15px; margin:0 0 10px; }
.pro-info.js-tabs .pro-info-panel > h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.pro-info .pro-desc { background:none; border:none; padding:0; }
.pro-specs { width:100%; border-collapse:collapse; font-size:13px; }
.pro-specs th, .pro-specs td { padding:10px 12px; text-align:right; border-bottom:1px solid var(--border); vertical-align:top; }
.pro-specs th { width:34%; color:var(--text-muted); font-weight:500; background:var(--bg-page); }
.pro-specs tr:last-child th, .pro-specs tr:last-child td { border-bottom:none; }
.pro-recent { display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; padding-bottom:8px; margin-bottom:24px; }
.pro-recent::-webkit-scrollbar { display:none; }
.pro-recent a { flex:0 0 140px; background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:8px; display:flex; flex-direction:column; gap:6px; }
.pro-recent .pro-thumb { border-radius:10px; }
.pro-recent b { font-size:12px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-recent small { font-size:11.5px; color:var(--text-muted); }
.pro-sticky-buy { display:none; }
@media (max-width:820px) {
  .pro-filter-btn { display:inline-flex; }
  .pro-shop-layout .pro-side { display:block; position:fixed; left:0; right:0; bottom:0; z-index:95; max-height:86vh; overflow-y:auto; border-radius:20px 20px 0 0; padding:0 16px 20px; transform:translateY(105%); transition:transform .25s ease; box-shadow:0 -8px 30px rgba(0,0,0,.18); }
  .pro-shop-layout .pro-side.open { transform:translateY(0); }
  .pro-side-head { display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; background:var(--bg-card); padding:14px 0 10px; z-index:1; font-size:15px; }
  .pro-side-backdrop.open { display:block; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:94; }
  .pro-toolbar { flex-wrap:wrap; }
  .pro-toolbar .pro-search { flex:1 1 100%; }
  .pro-toolbar select { flex:1; min-height:36px; }
  .pro-shop-grid.is-list .pro-card { grid-template-columns:96px minmax(0,1fr); column-gap:10px; }
  .pro-zoom-btn { top:18px; left:18px; }
  .pro-sticky-buy { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:55; align-items:center; gap:12px; background:var(--bg-card); border-top:1px solid var(--border); padding:10px 14px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -6px 20px rgba(0,0,0,.08); transform:translateY(110%); transition:transform .2s ease; }
  .pro-sticky-buy.show { transform:translateY(0); }
  .pro-sticky-buy .pro-btn { width:auto; flex:1; }
  .pro-sticky-price { font-size:13px; white-space:nowrap; }
  .pro-sticky-price b { font-size:15px; }
  .pro-info-panel { padding:14px; }
  .pro-specs th { width:40%; }
}
/* ===== هدر/فوتر قابلِ تنظیم، مگامنوی دوستونه، منوی پایینِ موبایل ===== */
.pro-announce { background:var(--primary); color:#fff; text-align:center; font-size:12.5px; font-weight:600; padding:8px 14px; line-height:1.8; }
.pro-announce a { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.pro-header.is-static { position:relative; }
.pro-header.logo-sm .pro-brand img { height:30px; }
.pro-header.logo-md .pro-brand img { height:40px; }
.pro-header.logo-lg .pro-brand img { height:56px; }
.pro-header-spacer-flex { flex:1; }
.pro-header-social { display:flex; gap:4px; margin-inline-end:4px; }
.pro-header-social a { width:34px; height:34px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; color:var(--text-muted); }
.pro-header-social a:hover { background:var(--bg-page); color:var(--primary); }
.pro-header-social .ic { width:18px; height:18px; }
@media (min-width:821px) {
  .pro-header.logo-center .pro-header-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); grid-template-areas:"search brand actions"; }
  .pro-header.logo-center .pro-brand { grid-area:brand; justify-self:center; }
  .pro-header.logo-center .pro-header-main > .pro-header-search, .pro-header.logo-center .pro-header-spacer-flex { grid-area:search; justify-self:start; width:100%; max-width:380px; }
  .pro-header.logo-center .pro-header-actions { grid-area:actions; justify-self:end; }
}
@media (max-width:820px) {
  .pro-header.logo-sm .pro-brand img { height:26px; }
  .pro-header.logo-md .pro-brand img { height:32px; }
  .pro-header.logo-lg .pro-brand img { height:42px; }
  .pro-header-social { display:none; }
  .pro-header.logo-center .pro-header-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  .pro-header.logo-center .pro-menu-btn { justify-self:start; }
  .pro-header.logo-center .pro-brand { justify-self:center; }
  .pro-header.logo-center .pro-header-actions { justify-self:end; }
}
.pro-cat-letter { font-weight:800; }
.pro-cat-circle-img .ic { width:38px; height:38px; }
.pro-cat-card-ic { width:46px; height:46px; margin:0 auto 8px; border-radius:14px; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.pro-cat-card-ic img { width:100%; height:100%; object-fit:cover; }
.pro-cat-card-ic .ic { width:24px; height:24px; }
/* مگامنو */
.pro-mega-btn .ic:first-child { width:18px; height:18px; }
.pro-mega-panel { padding:0 max(14px, calc((100% - 1180px) / 2 + 14px)) 14px; }
.pro-mega-2p { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:300px; max-height:66vh; }
.pro-mega-parents { border-inline-end:1px solid var(--border); padding:12px 0 12px 10px; overflow-y:auto; display:flex; flex-direction:column; gap:2px; }
.pro-mega-p { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:12px; font-size:13.5px; font-weight:600; color:var(--text-dark); }
.pro-mega-p > .ic { width:15px; height:15px; margin-inline-start:auto; color:var(--text-muted); flex-shrink:0; }
.pro-mega-p.active { background:var(--pastel-red); color:var(--primary); }
.pro-mega-p.active > .ic { color:var(--primary); }
.pro-mega-pname { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-mega-ic, .pro-mm-ic { width:32px; height:32px; border-radius:10px; flex-shrink:0; background:var(--bg-page); color:var(--primary); display:inline-flex; align-items:center; justify-content:center; overflow:hidden; font-size:13px; }
.pro-mega-ic img, .pro-mm-ic img { width:100%; height:100%; object-fit:cover; }
.pro-mega-ic .ic, .pro-mm-ic .ic { width:18px; height:18px; }
.pro-mega-p.active .pro-mega-ic { background:var(--bg-card); }
.pro-mega-panes { padding:14px 18px 10px 0; overflow-y:auto; }
.pro-mega-pane { display:none; }
.pro-mega-pane.active { display:block; animation:proMegaIn .18s ease; }
@keyframes proMegaIn { from { opacity:0; transform:translateX(-6px); } to { opacity:1; transform:none; } }
.pro-mega-pane-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.pro-mega-pane-head b { font-size:15px; }
.pro-mega-pane-head a { display:inline-flex; align-items:center; gap:4px; font-size:12.5px; font-weight:700; color:var(--primary); }
.pro-mega-pane-head a .ic { width:14px; height:14px; }
.pro-mega-tiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); gap:10px; }
.pro-mega-tile { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; padding:12px 8px; border-radius:14px; border:1px solid var(--border); background:var(--bg-card); transition:border-color .15s, transform .15s; }
.pro-mega-tile:hover { border-color:var(--primary); transform:translateY(-2px); }
.pro-mega-tile-ic { width:54px; height:54px; border-radius:16px; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; overflow:hidden; font-size:18px; }
.pro-mega-tile-ic img { width:100%; height:100%; object-fit:cover; }
.pro-mega-tile-ic .ic { width:26px; height:26px; }
.pro-mega-tile-name { font-size:13px; font-weight:700; line-height:1.6; }
.pro-mega-tile small { font-size:11px; color:var(--text-muted); }
.pro-mega-solo { display:flex; align-items:center; gap:14px; padding:14px; border-radius:14px; border:1px dashed var(--border); max-width:380px; }
.pro-mega-solo:hover { border-color:var(--primary); }
.pro-mega-solo b { display:block; font-size:14px; }
.pro-mega-solo small { font-size:12px; color:var(--text-muted); }
.pro-mega-all { margin-top:0; }
.pro-mm-cat { display:inline-flex; align-items:center; gap:10px; }
.pro-mm-ic { width:28px; height:28px; border-radius:9px; }
.pro-mm-ic .ic { width:16px; height:16px; }
/* شبکه‌های اجتماعی در فوتر */
.pro-footer-social a { color:var(--text-dark); }
.pro-footer-social a:hover { color:var(--primary); }
.pro-footer-social .ic { width:18px; height:18px; }
.pro-footer-bottom { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; }
.pro-footer-dot { color:var(--border); }
/* منوی پایینِ موبایل — زیرِ سبد خرید (۶۰)، پاپ‌آپ‌ها (۷۰) و منوی کشویی (۸۰) می‌مونه */
.pro-bnav { display:none; }
@media (max-width:820px) {
  body.has-bnav { padding-bottom:calc(64px + env(safe-area-inset-bottom)); }
  .pro-bnav { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; position:fixed; left:0; right:0; bottom:0; z-index:56;
    background:var(--bg-card); border-top:1px solid var(--border); box-shadow:0 -6px 20px rgba(0,0,0,.06);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom)); }
  .pro-bnav-item { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:50px; border:none; background:none;
    font:inherit; color:var(--text-muted); cursor:pointer; padding:0; -webkit-tap-highlight-color:transparent; }
  .pro-bnav-item.active { color:var(--primary); }
  .pro-bnav-ic { position:relative; width:40px; height:28px; border-radius:999px; display:flex; align-items:center; justify-content:center; transition:background .15s; }
  .pro-bnav-item.active .pro-bnav-ic { background:var(--pastel-red); }
  .pro-bnav-ic .ic { width:21px; height:21px; }
  .pro-bnav-label { font-size:10.5px; font-weight:600; line-height:1.3; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .pro-bnav-item.active .pro-bnav-label { font-weight:800; }
  .pro-bnav-badge { position:absolute; top:-3px; left:2px; min-width:17px; height:17px; border-radius:999px; background:var(--primary); color:#fff; font-size:10px; font-weight:800;
    display:none; align-items:center; justify-content:center; padding:0 4px; border:2px solid var(--bg-card); }
  .pro-bnav-badge.show { display:inline-flex; }
  body.has-bnav .pro-sticky-buy { bottom:calc(62px + env(safe-area-inset-bottom)); }
  body.has-bnav .pro-cart-toast { bottom:calc(76px + env(safe-area-inset-bottom)); }
}
/* ===== مگامنوی جمع‌وجور + منوی کشوییِ مرحله‌به‌مرحله ===== */
.pro-mega-2p { height:min(62vh, 480px); min-height:0; max-height:none; grid-template-rows:minmax(0,1fr); }
.pro-mega-parents { min-height:0; overflow-y:auto; padding:10px 0 10px 8px; scrollbar-width:thin; }
.pro-mega-panes { min-height:0; }
.pro-mega-p { padding:6px 8px; gap:8px; font-size:13px; border-radius:10px; }
.pro-mega-ic { width:26px; height:26px; border-radius:8px; }
.pro-mega-ic .ic { width:16px; height:16px; }
.pro-mega-tiles { grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:8px; }
.pro-mega-tile { padding:10px 6px; }
.pro-mega-tile-ic { width:46px; height:46px; border-radius:14px; }
.pro-mega-tile-ic .ic { width:22px; height:22px; }
.pro-mega-all { border-top:1px solid var(--border); padding-top:10px; }
.pro-mm-body { position:relative; overflow-x:hidden; }
.pro-mm-view { display:none; }
.pro-mm-view.active { display:block; animation:proMmIn .2s ease; }
@keyframes proMmIn { from { opacity:0; transform:translateX(-12px); } to { opacity:1; transform:none; } }
.pro-mm-catgrid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; padding:2px 2px 6px; }
.pro-mm-tile { display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 4px; border-radius:14px; border:1px solid var(--border);
  background:var(--bg-card); font:inherit; font-size:11.5px; font-weight:600; color:var(--text-dark); text-align:center; cursor:pointer; line-height:1.5; }
.pro-mm-tile > span:last-child { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pro-mm-tile.active { border-color:var(--primary); color:var(--primary); }
.pro-mm-tile-ic { width:40px; height:40px; border-radius:12px; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; overflow:hidden; font-size:15px; }
.pro-mm-tile-ic img { width:100%; height:100%; object-fit:cover; }
.pro-mm-tile-ic .ic { width:21px; height:21px; }
.pro-mm-tile.is-more .pro-mm-tile-ic { background:var(--bg-page); color:var(--text-muted); }
.pro-mm-back { display:inline-flex; align-items:center; gap:4px; border:none; background:var(--bg-page); color:var(--text-dark); font:inherit; font-size:12.5px; font-weight:600;
  padding:7px 12px; border-radius:999px; cursor:pointer; margin:4px 0 10px; }
.pro-mm-back .ic { width:15px; height:15px; }
.pro-mm-vtitle { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:800; padding:0 6px 10px; }
.pro-mm-row { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:7px 8px; border-radius:10px; border:none; background:none;
  font:inherit; font-size:13.5px; color:var(--text-dark); cursor:pointer; text-align:right; }
.pro-mm-row:hover { background:var(--bg-page); }
.pro-mm-row.active { color:var(--primary); background:var(--pastel-red); }
.pro-mm-row small { font-size:11px; color:var(--text-muted); }
.pro-mm-row > .ic { width:15px; height:15px; color:var(--text-muted); }
.pro-mm-row.is-all { font-weight:700; color:var(--primary); padding:10px 8px; }
/* ===== اسکرول‌بارِ یکدست ===== */
.pro-mega-parents, .pro-mega-panes, .pro-mm-body, .pro-side, .pro-cat-list, .pro-cart-drawer, .pro-modal-body {
  scrollbar-width:thin; scrollbar-color:color-mix(in srgb, var(--text-muted) 35%, transparent) transparent; }
.pro-mega-parents::-webkit-scrollbar, .pro-mega-panes::-webkit-scrollbar, .pro-mm-body::-webkit-scrollbar, .pro-side::-webkit-scrollbar, .pro-cat-list::-webkit-scrollbar { width:6px; height:6px; }
.pro-mega-parents::-webkit-scrollbar-thumb, .pro-mega-panes::-webkit-scrollbar-thumb, .pro-mm-body::-webkit-scrollbar-thumb, .pro-side::-webkit-scrollbar-thumb, .pro-cat-list::-webkit-scrollbar-thumb {
  background:color-mix(in srgb, var(--text-muted) 35%, transparent); border-radius:999px; }
.pro-mega-parents::-webkit-scrollbar-thumb:hover, .pro-mm-body::-webkit-scrollbar-thumb:hover { background:color-mix(in srgb, var(--text-muted) 60%, transparent); }
.pro-mega-parents::-webkit-scrollbar-track, .pro-mega-panes::-webkit-scrollbar-track, .pro-mm-body::-webkit-scrollbar-track, .pro-side::-webkit-scrollbar-track, .pro-cat-list::-webkit-scrollbar-track { background:transparent; }
.pro-mega-parents { padding-inline-start:6px; }
/* ===== دسته‌های فوتر: چیپ در همه‌ی اندازه‌ها ===== */
.pro-footer-cats { flex-direction:row !important; flex-wrap:wrap; gap:6px !important; max-width:420px; }
.pro-footer-cats a { padding:5px 12px; border-radius:999px; background:var(--bg-page); border:1px solid var(--border); font-size:12px; }
.pro-footer-cats a:hover { border-color:var(--primary); color:var(--primary); }
/* ===== چهار حالتِ نمایشِ فروشگاه ===== */
.pro-card-cat, .pro-card-desc { display:none; }
@media (min-width:700px) {
  .pro-shop-grid.v-lg { grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
  .pro-shop-grid.v-md { grid-template-columns:repeat(4, minmax(0,1fr)); }
  .pro-shop-grid.v-sm { grid-template-columns:repeat(5, minmax(0,1fr)); gap:10px; }
}
@media (max-width:699px) {
  .pro-shop-grid.v-lg { grid-template-columns:minmax(0,1fr); gap:12px; }
  .pro-shop-grid.v-md { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .pro-shop-grid.v-sm { grid-template-columns:repeat(3, minmax(0,1fr)); gap:7px; }
  .pro-shop-grid.v-sm .pro-card { padding:6px; gap:5px; }
  .pro-shop-grid.v-sm .pro-card-name { font-size:11.5px; }
  .pro-shop-grid.v-sm .pro-btn { padding:7px 4px; font-size:11px; }
  .pro-shop-grid.v-sm .pro-price { font-size:12px; }
}
.pro-shop-grid.v-lg .pro-card { padding:12px; }
.pro-shop-grid.v-lg .pro-card-name { font-size:14.5px; }
.pro-shop-grid.v-lg .pro-price { font-size:16px; }
/* لیست: دو ستون در دسکتاپ، بدونِ فضای خالی */
.pro-shop-grid.is-list { grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:10px; }
.pro-shop-grid.is-list .pro-card { display:grid !important; grid-template-columns:112px minmax(0,1fr) auto; grid-template-areas:"t n n" "t c c" "t d d" "t p b";
  column-gap:14px; row-gap:4px; align-items:start; padding:10px; }
.pro-shop-grid.is-list .pro-thumb { grid-area:t; width:112px; height:112px; aspect-ratio:auto; align-self:center; }
.pro-shop-grid.is-list .pro-card-name { grid-area:n; align-self:auto; font-size:14px; }
.pro-shop-grid.is-list .pro-card-cat { grid-area:c; display:inline-block; justify-self:start; font-size:11px; color:var(--text-muted); background:var(--bg-page); border-radius:999px; padding:1px 9px; }
.pro-shop-grid.is-list .pro-card-desc { grid-area:d; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; font-size:12px; line-height:1.9; color:var(--text-muted); }
.pro-shop-grid.is-list .pro-price-row { grid-area:p; align-self:end; margin:0; }
.pro-shop-grid.is-list .pro-btn { grid-area:b; width:auto; justify-self:end; align-self:end; padding:8px 18px; }
@media (max-width:980px) {
  .pro-shop-grid.is-list { grid-template-columns:minmax(0,1fr) !important; }
}
@media (max-width:699px) {
  .pro-shop-grid.is-list .pro-card { grid-template-columns:92px minmax(0,1fr); grid-template-areas:"t n" "t c" "t p" "t b"; column-gap:10px; }
  .pro-shop-grid.is-list .pro-thumb { width:92px; height:92px; }
  .pro-shop-grid.is-list .pro-card-desc { display:none; }
  .pro-shop-grid.is-list .pro-btn { justify-self:start; padding:6px 14px; font-size:12px; }
}
.pro-view-toggle button { width:30px; }
/* ===== بلاگ ===== */
.pro-blog-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:6px; }
.pro-blog-head .pro-page-title { margin-bottom:0; }
.pro-blog-search { display:flex; align-items:center; gap:6px; background:var(--bg-card); border:1px solid var(--border); border-radius:999px; padding:0 12px; min-width:220px; }
.pro-blog-search .ic { width:16px; height:16px; color:var(--text-muted); }
.pro-blog-search input { border:none; background:none; outline:none; font:inherit; font-size:13px; padding:9px 0; flex:1; min-width:0; color:var(--text-dark); }
.pro-blog-cats { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:10px 0 16px; padding-bottom:2px; }
.pro-blog-cats::-webkit-scrollbar { display:none; }
.pro-blog-cats a { flex-shrink:0; padding:6px 14px; border-radius:999px; font-size:12.5px; background:var(--bg-card); border:1px solid var(--border); color:var(--text-muted); }
.pro-blog-cats a.active { background:var(--primary); border-color:var(--primary); color:#fff; font-weight:700; }
.pro-post-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.pro-post-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .15s, box-shadow .15s; }
.pro-post-card:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.07); }
.pro-post-cover { display:block; aspect-ratio:16/10; background:var(--bg-page); overflow:hidden; }
.pro-post-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.pro-post-nocover { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--text-muted); }
.pro-post-nocover .ic { width:36px; height:36px; opacity:.5; }
.pro-post-body { padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px; flex:1; }
.pro-post-cat { align-self:flex-start; font-size:11px; font-weight:700; color:var(--primary); background:var(--pastel-red); border-radius:999px; padding:2px 10px; }
.pro-post-title { font-size:15px; font-weight:800; line-height:1.7; color:var(--text-dark); }
.pro-post-title:hover { color:var(--primary); }
.pro-post-excerpt { margin:0; font-size:12.5px; line-height:2; color:var(--text-muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.pro-post-meta { display:flex; gap:6px; flex-wrap:wrap; font-size:11.5px; color:var(--text-muted); margin-top:auto; }
.pro-article { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:26px 28px; margin:6px auto 26px; max-width:820px; }
.pro-article-head { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.pro-article-head h1 { font-size:25px; line-height:1.6; margin:0; }
.pro-article-cover { width:100%; border-radius:calc(var(--card-radius) - 4px); display:block; margin-bottom:18px; max-height:460px; object-fit:cover; }
.pro-article-toc { background:var(--bg-page); border-radius:12px; padding:14px 16px; margin-bottom:18px; font-size:13px; }
.pro-article-toc ol { margin:8px 0 0; padding-right:20px; line-height:2.1; }
.pro-article-toc li.sub { margin-right:14px; list-style:circle; }
.pro-article-toc a { color:var(--primary); }
.pro-article-body { font-size:15px; line-height:2.25; color:var(--text-dark); }
.pro-article-body p { margin:0 0 16px; white-space:pre-line; }
.pro-article-body h2 { font-size:20px; margin:28px 0 12px; scroll-margin-top:90px; }
.pro-article-body h3 { font-size:17px; margin:22px 0 10px; scroll-margin-top:90px; }
.pro-article-body a { color:var(--primary); text-decoration:underline; text-underline-offset:3px; }
.pro-article-body figure { margin:0 0 18px; }
.pro-article-body figure img { width:100%; border-radius:12px; display:block; }
.pro-article-body figcaption { font-size:12.5px; color:var(--text-muted); text-align:center; margin-top:8px; }
.pro-article-body blockquote { margin:0 0 18px; padding:14px 18px; border-right:4px solid var(--primary); background:var(--bg-page); border-radius:10px; }
.pro-article-body blockquote p { margin:0; font-size:15.5px; }
.pro-article-body blockquote cite { display:block; margin-top:6px; font-size:12.5px; color:var(--text-muted); font-style:normal; }
.pro-article-body ul, .pro-article-body ol { padding-right:24px; margin:0 0 16px; }
.pro-article-body li { margin-bottom:6px; }
.pro-article-body hr { border:none; border-top:1px solid var(--border); margin:24px 0; }
.pro-video-box { position:relative; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000; }
.pro-video-box iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.pro-article-product { display:grid; grid-template-columns:120px minmax(0,1fr); gap:14px; align-items:center; border:1px solid var(--border); border-radius:14px; padding:12px; margin:0 0 18px; background:var(--bg-page); }
.pro-article-product .pro-thumb { width:120px; height:120px; }
.pro-article-product-info { display:flex; flex-direction:column; gap:8px; }
.pro-article-product-info .pro-card-name { font-size:15px; font-weight:800; text-decoration:none; color:var(--text-dark); }
.pro-article-product-btns { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pro-article-product-btns .pro-btn { width:auto; padding:8px 20px; }
.pro-article-product-more { font-size:12.5px; color:var(--primary); text-decoration:none !important; }
.pro-article-tags { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 14px; }
.pro-article-tags a { font-size:12px; color:var(--text-muted); background:var(--bg-page); border-radius:999px; padding:4px 11px; }
.pro-comments { max-width:820px; margin:0 auto 30px; }
.pro-comment { background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:12px 14px; margin-bottom:8px; }
.pro-comment-head { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.pro-comment-head small { color:var(--text-muted); font-size:11.5px; margin-inline-start:auto; }
.pro-comment-avatar { width:30px; height:30px; border-radius:50%; background:var(--pastel-red); color:var(--primary); display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; }
.pro-comment p { margin:0; font-size:13.5px; line-height:2; white-space:pre-line; }
@media (max-width:980px) {
  .pro-post-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px) {
  .pro-post-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .pro-article { padding:18px 16px; border-radius:14px; }
  .pro-article-head h1 { font-size:20px; }
  .pro-article-body { font-size:14.5px; }
  .pro-article-product { grid-template-columns:88px minmax(0,1fr); }
  .pro-article-product .pro-thumb { width:88px; height:88px; }
  .pro-blog-search { min-width:0; width:100%; }
}
/* ===== بلاگ: عرضِ بیشتر + بلوک‌های تازه ===== */
.pro-article { max-width:1040px; padding:30px 36px; }
.pro-comments { max-width:1040px; }
.pro-art-it { display:grid; grid-template-columns:minmax(0, calc(100% - var(--txt))) minmax(0, var(--txt)); gap:20px; align-items:center; margin:0 0 20px; }
.pro-art-it.no-img { grid-template-columns:minmax(0,1fr); }
.pro-art-it.img-left .pro-art-it-img { order:2; }
.pro-art-it-img img { width:100%; border-radius:12px; display:block; }
.pro-art-it-txt h3 { margin:0 0 8px; font-size:17px; }
.pro-art-it-txt p { margin:0; }
.pro-art-gallery { display:grid; grid-template-columns:repeat(var(--cols,3), minmax(0,1fr)); gap:8px; margin:0 0 20px; }
.pro-art-gallery .pro-gallery-item { position:relative; aspect-ratio:1; }
.pro-art-gallery .pro-gallery-item span { position:absolute; inset:auto 0 0 0; background:linear-gradient(transparent, rgba(0,0,0,.6)); color:#fff; font-size:11.5px; padding:14px 8px 6px; text-align:right; }
.pro-art-slider { margin:0 0 20px; border-radius:14px; overflow:hidden; }
.pro-art-slider .pro-slides { aspect-ratio:16/9; }
.pro-callout { display:flex; gap:12px; align-items:flex-start; border-radius:14px; padding:14px 16px; margin:0 0 18px; background:#eef5ff; color:#1e3a5f; }
.pro-callout.tone-success { background:#e9f8ef; color:#17593a; }
.pro-callout.tone-warning { background:#fff7e6; color:#7a4b00; }
.pro-callout.tone-danger { background:#fdecec; color:#8a1f1f; }
html[data-theme="dark"] .pro-callout { background:var(--bg-page); color:var(--text-dark); }
.pro-callout-ic .ic { width:22px; height:22px; }
.pro-callout b { display:block; margin-bottom:2px; }
.pro-callout p { margin:0 !important; font-size:14px; line-height:2; }
.pro-art-btn-row { margin:0 0 18px; }
.pro-art-btn { display:inline-block; background:var(--primary); color:#fff !important; text-decoration:none !important; font-weight:800; font-size:14px; padding:11px 26px; border-radius:999px; border:2px solid var(--primary); }
.pro-art-btn.is-outline { background:transparent; color:var(--primary) !important; }
.pro-art-link, .pro-art-file { display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:14px; padding:12px 14px; margin:0 0 18px; text-decoration:none !important; color:var(--text-dark) !important; background:var(--bg-page); }
.pro-art-link:hover, .pro-art-file:hover { border-color:var(--primary); }
.pro-art-link-ic { width:42px; height:42px; border-radius:12px; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pro-art-link-txt { display:flex; flex-direction:column; min-width:0; flex:1; line-height:1.8; }
.pro-art-link-txt b { font-size:14px; }
.pro-art-link-txt small { font-size:12.5px; color:var(--text-muted); }
.pro-art-link-txt em { font-style:normal; font-size:11.5px; color:var(--text-muted); text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-art-file-ic { width:46px; height:52px; border-radius:10px; background:var(--primary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; flex-shrink:0; letter-spacing:.5px; }
.pro-art-file-dl { width:38px; height:38px; border-radius:50%; background:var(--bg-card); display:flex; align-items:center; justify-content:center; color:var(--primary); flex-shrink:0; }
.pro-art-table { margin:0 0 20px; }
.pro-art-table-scroll { overflow-x:auto; border:1px solid var(--border); border-radius:12px; }
.pro-art-table table { width:100%; border-collapse:collapse; font-size:13.5px; min-width:420px; }
.pro-art-table th, .pro-art-table td { padding:10px 12px; border-bottom:1px solid var(--border); text-align:right; }
.pro-art-table th { background:var(--bg-page); font-weight:800; }
.pro-art-table tr:last-child td { border-bottom:none; }
.pro-art-faq { display:flex; flex-direction:column; gap:8px; margin:0 0 20px; }
.pro-art-products { margin:0 0 20px; }
.pro-art-products h3 { font-size:16px; margin:0 0 10px; }
@media (max-width:640px) {
  .pro-article { padding:18px 16px; }
  .pro-art-it { grid-template-columns:minmax(0,1fr); gap:12px; }
  .pro-art-it.img-left .pro-art-it-img { order:0; }
  .pro-art-gallery { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
/* ===== مرحله‌ی ۷: کارت‌های تازه ===== */
.pro-thumb { position:relative; }
.pro-card-flag { position:absolute; top:8px; right:8px; z-index:1; background:var(--primary); color:#fff; font-size:10.5px; font-weight:800; border-radius:999px; padding:2px 8px; }
.pro-banners { display:grid; gap:12px; margin:6px 0 24px; }
.pro-banners.cols-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.pro-banners.cols-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.pro-banner { position:relative; display:block; border-radius:var(--card-radius); overflow:hidden; background:var(--bg-card); }
.pro-banner img { width:100%; display:block; aspect-ratio:16/9; object-fit:cover; transition:transform .3s; }
a.pro-banner:hover img { transform:scale(1.03); }
.pro-banner-cap { position:absolute; inset:auto 0 0 0; padding:26px 14px 12px; color:#fff; font-weight:800; font-size:14px; background:linear-gradient(transparent, rgba(0,0,0,.6)); }
.pro-brands { margin-bottom:24px; }
.pro-brands.style-row { display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; padding-bottom:4px; }
.pro-brands.style-row::-webkit-scrollbar { display:none; }
.pro-brands.style-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); gap:10px; }
.pro-brand-logo { flex:0 0 130px; height:78px; background:var(--bg-card); border:1px solid var(--border); border-radius:14px; display:flex; align-items:center; justify-content:center; padding:10px; }
.pro-brand-logo img { max-width:100%; max-height:100%; object-fit:contain; transition:filter .2s, opacity .2s; }
.pro-brands.is-gray .pro-brand-logo img { filter:grayscale(1); opacity:.7; }
.pro-brands.is-gray .pro-brand-logo:hover img { filter:none; opacity:1; }
.pro-news { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(0,380px); gap:18px; align-items:center; background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--card-radius); padding:20px 22px; margin:6px 0 24px; }
.pro-news-ic { width:52px; height:52px; border-radius:16px; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; }
.pro-news-ic .ic { width:26px; height:26px; }
.pro-news-txt h2 { font-size:17px; margin:0 0 4px; }
.pro-news-txt p { margin:0; font-size:13px; color:var(--text-muted); line-height:1.9; }
.pro-news-form { display:flex; gap:8px; flex-wrap:wrap; position:relative; }
.pro-news-form input[type=tel] { flex:1; min-width:0; border:1px solid var(--border); border-radius:999px; padding:10px 14px; font:inherit; font-size:14px; background:var(--bg-page); color:var(--text-dark); outline:none; text-align:left; }
.pro-news-form input[type=tel]:focus { border-color:var(--primary); }
.pro-news-form .pro-btn { width:auto; padding:10px 22px; }
.pro-news-err { flex-basis:100%; color:#d33; font-size:12px; }
.pro-news-err:empty { display:none; }
.pro-news-done { grid-column:3; background:#e9f8ef; color:#17803d; border-radius:12px; padding:12px 14px; font-size:13.5px; font-weight:700; line-height:1.9; }
.pro-news-done code { display:inline-block; direction:ltr; background:#fff; color:var(--primary); border:1.5px dashed var(--primary); border-radius:8px; padding:3px 10px; font-size:16px; font-weight:800; margin:4px 0; cursor:pointer; }
@media (max-width:820px) {
  .pro-banners.cols-3 { grid-template-columns:minmax(0,1fr); }
  .pro-banners.cols-2 { grid-template-columns:minmax(0,1fr); }
  .pro-news { grid-template-columns:auto minmax(0,1fr); padding:16px; }
  .pro-news-form, .pro-news-done { grid-column:1 / -1; }
  .pro-brand-logo { flex-basis:110px; height:66px; }
}
/* =====================================================================
   پوسته‌ها (مرحله‌ی ۸) — فقط ظاهر. رنگ‌ها فقط در حالتِ روشن عوض می‌شن
   (حالتِ تیره‌ی فروشگاه دست‌نخورده می‌مونه)؛ به‌جز «لوکس» که خودش تیره‌ست.
   ===================================================================== */
.pro-card-code { display:none; }
html:not([data-skin="classic"]) { --on-primary:#fff; }
/* ---------- مینیمال ---------- */
/* ---------- لوکس (همیشه تیره با طلایی) ---------- */
/* ---------- بازارچه (شاد و رنگی) ---------- */
/* ---------- ایرانی (فیروزه‌ای و آجری، طاق‌نما) ---------- */
/* ---------- عمده‌فروشی (کاتالوگِ جدولی + سفارشِ چندقلمی) ---------- */
/* لیستِ فروشگاه و دسته‌ها: ردیفی مثلِ جدول */
.ws-qty { display:inline-flex; align-items:center; border:1px solid var(--border); border-radius:8px; background:var(--bg-card); overflow:hidden; justify-self:end; }
.ws-qty button { width:34px; height:34px; border:none; background:none; font:inherit; font-size:18px; color:var(--primary); cursor:pointer; }
.ws-qty input { width:48px; height:34px; border:none; border-inline:1px solid var(--border); text-align:center; font:inherit; font-size:14px; background:transparent; color:var(--text-dark); -moz-appearance:textfield; }
.ws-qty input::-webkit-outer-spin-button, .ws-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.pro-grid .ws-qty { width:100%; justify-content:space-between; }
.pro-grid .ws-qty input { flex:1; }
.ws-bar { position:fixed; right:12px; left:12px; bottom:14px; z-index:57; max-width:720px; margin:0 auto; display:flex; align-items:center; gap:12px;
  background:var(--text-dark); color:var(--bg-card); border-radius:14px; padding:10px 12px 10px 16px; box-shadow:0 10px 30px rgba(0,0,0,.18);
  transform:translateY(140%); transition:transform .2s; }
.ws-bar.show { transform:none; }
.ws-bar-txt { flex:1; font-size:13px; }
.ws-bar-txt b { font-size:14px; }
.ws-bar button { border:none; border-radius:10px; font:inherit; font-size:13px; font-weight:700; padding:10px 16px; cursor:pointer; }
.ws-bar .ws-add { background:var(--primary); color:#fff; }
.ws-bar .ws-clear { background:transparent; color:inherit; opacity:.7; padding:10px 8px; font-weight:400; }
body.has-bnav .ws-bar { bottom:76px; }
/* ---------- مشترکِ پوسته‌های تیره با رنگِ اصلیِ روشن (متنِ تیره روی دکمه‌ها) ---------- */
/* ---------- مجله‌ای ---------- */
/* ---------- پاستلی ---------- */
/* ---------- کافه و منو (کارت‌ها ردیفی مثلِ منو، دکمه‌ی + گرد) ---------- */
/* ---------- تک‌محصول (بزرگ و خلوت، تمرکز روی چندتا محصول) ---------- */
/* ---------- خیابانی (سیاه‌وسفید، خط‌های کلفت، زردِ جیغ) ---------- */
/* ---------- ورزشی (تیره با قرمزِ پرانرژی، برچسبِ مورب) ---------- */
/* ---------- دیجیتال (تیره و فنی، فیروزه‌ای) ---------- */
/* ---------- طبیعی (خاکی و سبزِ آرام، گوشه‌های نرم) ---------- */
/* =====================================================================
   چیدمانِ پوسته‌ها — دورِ ۱: مدل‌های هدر و منوی دسته‌بندی‌ها
   ===================================================================== */
.pro-search-toggle, .pro-topbar { display:none; }
/* ---------- هدرِ «لوگو وسط» ---------- */
@media (min-width:821px) {
  html[data-hdr="center"] .pro-header.logo-center .pro-header-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); grid-template-areas:"search brand actions"; padding:18px 0; }
  html[data-hdr="center"] .pro-header.logo-center .pro-brand { grid-area:brand; justify-self:center; }
  html[data-hdr="center"] .pro-header.logo-center .pro-header-main > .pro-header-search, html[data-hdr="center"] .pro-header.logo-center .pro-header-spacer-flex { grid-area:search; justify-self:start; width:100%; max-width:300px; }
  html[data-hdr="center"] .pro-header.logo-center .pro-header-actions { grid-area:actions; justify-self:end; }
  html[data-hdr="center"] .pro-header.logo-center .pro-nav-inner { justify-content:center; }
  html[data-hdr="center"] .pro-header.logo-center .pro-brand img { height:54px; }
}
@media (max-width:820px) {
  /* در موبایل هم لوگو وسط: منو راست، دکمه‌ها چپ */
  :is(html[data-hdr="center"], html[data-hdr="icon"], html[data-hdr="overlay"]) .pro-header.logo-center .pro-header-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  :is(html[data-hdr="center"], html[data-hdr="icon"], html[data-hdr="overlay"]) .pro-header.logo-center .pro-menu-btn { justify-self:start; }
  :is(html[data-hdr="center"], html[data-hdr="icon"], html[data-hdr="overlay"]) .pro-header.logo-center .pro-brand { justify-self:center; }
  :is(html[data-hdr="center"], html[data-hdr="icon"], html[data-hdr="overlay"]) .pro-header.logo-center .pro-header-actions { justify-self:end; }
  :is(html[data-hdr="center"], html[data-hdr="icon"], html[data-hdr="overlay"]) .pro-header.logo-center .pro-header-spacer-flex { display:none; }
}
/* ---------- هدرِ «فقط آیکون»: منو و جستجو پشتِ دکمه‌ها؛ صفحه خیلی خلوت ---------- */
html[data-hdr="icon"] .pro-menu-btn { display:inline-flex; padding:0; width:42px; }
html[data-hdr="icon"] .pro-search-toggle { display:inline-flex; }
html[data-hdr="icon"] .pro-nav-bar { display:none; }
html[data-hdr="icon"] .pro-header-main > .pro-header-search, html[data-hdr="icon"] .pro-header-spacer-flex { display:none; }
html[data-hdr="icon"] .pro-mobile-search { display:none; padding-bottom:12px; }
html[data-hdr="icon"] .pro-header.search-open .pro-mobile-search { display:block; }
@media (min-width:821px) {
  html[data-hdr="icon"] .pro-header.logo-center .pro-header-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); padding:20px 0; }
  html[data-hdr="icon"] .pro-header.logo-center .pro-menu-btn { justify-self:start; }
  html[data-hdr="icon"] .pro-header.logo-center .pro-brand { justify-self:center; }
  html[data-hdr="icon"] .pro-header.logo-center .pro-header-actions { justify-self:end; }
  html[data-hdr="icon"] .pro-mobile-search .pro-header-search { max-width:560px; margin:0 auto; }
}
/* ---------- هدرِ «دوطبقه‌ی بازاری» ---------- */
html[data-hdr="market"] .pro-topbar { display:block; background:var(--bg-page); border-bottom:1px solid var(--border); font-size:12px; color:var(--text-muted); }
.pro-topbar-inner { display:flex; align-items:center; gap:18px; min-height:34px; }
.pro-topbar-phone { display:inline-flex; align-items:center; gap:5px; font-weight:700; color:var(--text-dark); }
.pro-topbar-phone .ic { width:14px; height:14px; }
.pro-topbar-links { display:flex; gap:14px; flex:1; overflow-x:auto; scrollbar-width:none; white-space:nowrap; }
.pro-topbar-links a:hover { color:var(--primary); }
.pro-topbar-social { display:flex; gap:6px; }
.pro-topbar-social .ic { width:15px; height:15px; }
@media (min-width:821px) {
  html[data-hdr="market"] .pro-header-main { padding:16px 0; gap:22px; }
  html[data-hdr="market"] .pro-header-main > .pro-header-search { max-width:none; flex:1; }
  html[data-hdr="market"] .pro-header-search input { padding:13px 0; font-size:14px; }
  html[data-hdr="market"] .pro-brand img { height:48px; }
}
@media (max-width:820px) {
  html[data-hdr="market"] .pro-topbar-links, html[data-hdr="market"] .pro-topbar-social { display:none; }
  html[data-hdr="market"] .pro-topbar-inner { justify-content:center; min-height:28px; }
}
/* ---------- هدرِ «شفاف روی بنر» (فقط وقتی اولین کارتِ صفحه‌ی اصلی اسلایدشو باشه؛ وگرنه لوگو وسط) ---------- */
@media (min-width:821px) {
  html[data-hdr="overlay"] .pro-header.logo-center .pro-header-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); grid-template-areas:"search brand actions"; padding:18px 0; }
  html[data-hdr="overlay"] .pro-header.logo-center .pro-brand { grid-area:brand; justify-self:center; }
  html[data-hdr="overlay"] .pro-header.logo-center .pro-header-main > .pro-header-search, html[data-hdr="overlay"] .pro-header.logo-center .pro-header-spacer-flex { grid-area:search; justify-self:start; width:100%; max-width:280px; }
  html[data-hdr="overlay"] .pro-header.logo-center .pro-header-actions { grid-area:actions; justify-self:end; }
  html[data-hdr="overlay"] .pro-header.logo-center .pro-nav-inner { justify-content:center; }
}
html.ov-on .pro-header { margin-bottom:calc(-1 * var(--hdr-h, 120px)); background:transparent; box-shadow:none; border-color:transparent; transition:background .25s, box-shadow .25s; }
html.ov-on .pro-header::after { content:""; position:absolute; inset:0 0 -40px; z-index:-1; background:linear-gradient(to bottom, rgba(0,0,0,.62), rgba(0,0,0,.25) 65%, transparent); pointer-events:none; transition:opacity .25s; }
html.ov-on:not(.ov-solid) .pro-header { text-shadow:0 1px 3px rgba(0,0,0,.45); }
html.ov-on:not(.ov-solid) .pro-header, html.ov-on:not(.ov-solid) .pro-header .pro-icon-btn, html.ov-on:not(.ov-solid) .pro-header .pro-nav-link,
html.ov-on:not(.ov-solid) .pro-header .pro-brand-name { color:#fff; }
html.ov-on:not(.ov-solid) .pro-header .pro-icon-btn, html.ov-on:not(.ov-solid) .pro-header .pro-cart-btn { background:transparent; }
html.ov-on:not(.ov-solid) .pro-header .pro-header-search { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.35); }
html.ov-on:not(.ov-solid) .pro-header .pro-header-search input, html.ov-on:not(.ov-solid) .pro-header .pro-header-search .ic { color:#fff; }
html.ov-on:not(.ov-solid) .pro-header .pro-header-search input::placeholder { color:rgba(255,255,255,.75); }
html.ov-on:not(.ov-solid) .pro-header .pro-nav-bar { border-color:rgba(255,255,255,.18); }
html.ov-on:not(.ov-solid) .pro-header .pro-mega-btn { background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.3); }
html.ov-on.ov-solid .pro-header { background:var(--header-bg); box-shadow:0 1px 0 var(--border); }
html.ov-on.ov-solid .pro-header::after { opacity:0; }
html.ov-on .pro-block.ov-first .pro-slider { margin-top:0; border-radius:0 0 var(--card-radius) var(--card-radius); }
html.ov-on .pro-block.ov-first .pro-slides { min-height:min(78vh, 720px); }
@media (max-width:820px) {
  html.ov-on .pro-block.ov-first .pro-slides { min-height:62vh; }
}
/* ---------- مگامنوی تصویری ---------- */
.pro-mega-imgs { display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:14px; max-height:min(62vh, 560px); overflow-y:auto; padding:2px; }
.pro-mega-imgcard { display:flex; flex-direction:column; gap:8px; }
.pro-mega-imgcard-top { display:flex; flex-direction:column; gap:8px; }
.pro-mega-imgcard-pic { aspect-ratio:4/3; border-radius:var(--card-radius); overflow:hidden; background:var(--pastel-red); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:800; }
.pro-mega-imgcard-pic img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.pro-mega-imgcard-pic .ic { width:40px; height:40px; }
.pro-mega-imgcard-top:hover img { transform:scale(1.05); }
.pro-mega-imgcard-top b { font-size:14.5px; }
.pro-mega-imgcard-top:hover b { color:var(--primary); }
.pro-mega-imgcard-kids { display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:var(--text-muted); }
.pro-mega-imgcard-kids a:hover { color:var(--primary); }
.pro-mega-imgcard-kids .more { color:var(--primary); }
/* ---------- تب‌های چسبانِ دسته‌بندی ---------- */
.pro-cat-tabs { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; flex:1; min-width:0; padding:6px 0; }
.pro-cat-tabs::-webkit-scrollbar { display:none; }
.pro-cat-tabs a { flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:6px 14px 6px 12px; border-radius:999px; font-size:13px; background:var(--bg-page); border:1px solid var(--border); color:var(--text-dark); white-space:nowrap; }
.pro-cat-tabs a:hover { border-color:var(--primary); }
.pro-cat-tabs a.active { background:var(--text-dark); border-color:var(--text-dark); color:var(--bg-card); }
.pro-cat-tab-ic { width:22px; height:22px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; color:var(--primary); font-size:11px; font-weight:800; }
.pro-cat-tab-ic img { width:100%; height:100%; object-fit:cover; }
.pro-cat-tab-ic .ic { width:16px; height:16px; }
.pro-cat-tabs a:first-child .pro-cat-tab-ic { display:none; }
@media (max-width:820px) {
  html[data-menu="tabs"] .pro-nav-bar { display:block; border-top:none; }
  html[data-menu="tabs"] .pro-nav-inner { min-height:0; padding-bottom:4px; }
  html[data-menu="tabs"] .pro-nav-inner > .pro-nav-sep, html[data-menu="tabs"] .pro-nav-inner > .pro-nav-link { display:none; }
  html[data-menu="tabs"] .pro-cat-chips { display:none !important; }
}
/* ---------- منوی کناریِ همیشه باز (صفحه‌ی اصلی) ---------- */
.pro-side-row { display:block; }
.pro-side-cats { display:none; }
@media (min-width:1000px) {
  .pro-side-row { display:grid; grid-template-columns:250px minmax(0,1fr); gap:16px; align-items:stretch; margin-top:14px; }
  .pro-side-cats { display:flex; flex-direction:column; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:6px; position:relative; z-index:30; align-self:start; }
  .pro-side-main > .pro-block > :first-child { margin-top:0 !important; }
  html[data-menu="side"][data-view="landing"] .pro-mega { display:none; }
  html[data-menu="side"][data-view="landing"] .pro-mega + .pro-nav-sep { display:none; }
}
.pro-side-cats-head { display:flex; align-items:center; gap:8px; font-weight:800; font-size:14px; padding:10px 10px 8px; color:var(--primary); }
.pro-side-cats-head .ic { width:18px; height:18px; }
.pro-side-cat { position:static; }
.pro-side-cat > a { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px; font-size:13.5px; }
.pro-side-cat > a .ic:last-child { width:14px; height:14px; margin-inline-start:auto; color:var(--text-muted); }
.pro-side-cat:hover > a { background:var(--bg-page); color:var(--primary); }
.pro-side-ic { width:28px; height:28px; border-radius:8px; overflow:hidden; background:var(--pastel-red); color:var(--primary); display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; flex-shrink:0; }
.pro-side-ic img { width:100%; height:100%; object-fit:cover; }
.pro-side-ic .ic { width:17px; height:17px; }
.pro-side-name { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pro-side-fly { display:none; position:absolute; top:0; right:100%; margin-right:8px; min-height:100%; width:min(540px, 60vw); background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--card-radius); box-shadow:0 18px 40px rgba(0,0,0,.12); padding:16px 18px; grid-template-columns:repeat(2, minmax(0,1fr)); align-content:start; gap:6px 18px; }
.pro-side-fly b { grid-column:1 / -1; font-size:14px; margin-bottom:6px; color:var(--primary); }
.pro-side-fly a { font-size:13px; padding:5px 0; color:var(--text-dark); }
.pro-side-fly a:hover { color:var(--primary); }
.pro-side-fly::before { content:""; position:absolute; top:0; bottom:0; right:-10px; width:10px; }
.pro-side-cat:hover .pro-side-fly { display:grid; }
.pro-side-all { margin-top:auto; padding:10px; font-size:12.5px; color:var(--primary); font-weight:700; }
/* ---------- منوی تمام‌صفحه ---------- */
.pro-fm { position:fixed; inset:0; z-index:82; background:var(--bg-page); display:flex; flex-direction:column; opacity:0; visibility:hidden; transform:translateY(-12px);
  transition:opacity .25s, transform .25s, visibility .25s; overflow-y:auto; }
.pro-fm.open { opacity:1; visibility:visible; transform:none; }
.pro-fm-head { display:flex; align-items:center; justify-content:space-between; padding-top:16px; padding-bottom:16px; }
.pro-fm-body { flex:1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; padding-top:30px; padding-bottom:30px; }
.pro-fm-cats { display:flex; flex-direction:column; gap:2px; }
.pro-fm-cat { font-family:var(--head-font, 'Vazirmatn'), 'Vazirmatn', sans-serif; font-size:clamp(26px, 4.2vw, 46px); line-height:1.45; color:var(--text-dark); display:flex; align-items:baseline; gap:10px; transition:color .15s, padding .2s; }
.pro-fm-cat small { font-family:'Vazirmatn', sans-serif; font-size:12px; color:var(--text-muted); }
.pro-fm-cat:hover, .pro-fm-cat.active { color:var(--primary); padding-inline-start:10px; }
.pro-fm-panes { position:relative; }
.pro-fm-pane { display:none; flex-direction:column; gap:10px; padding-top:14px; }
.pro-fm-pane.active { display:flex; }
.pro-fm-pane a { font-size:17px; color:var(--text-muted); }
.pro-fm-pane a:hover { color:var(--text-dark); }
.pro-fm-pane-all { color:var(--primary) !important; font-weight:700; font-size:14px !important; margin-bottom:6px; }
.pro-fm-foot { display:flex; flex-wrap:wrap; gap:10px 24px; padding-top:18px; padding-bottom:28px; border-top:1px solid var(--border); font-size:13.5px; color:var(--text-muted); }
.pro-fm-foot a:hover { color:var(--primary); }
html[data-menu="full"] .pro-fm-open { background:transparent; color:var(--text-dark); border:1px solid var(--border); }
@media (max-width:820px) {
  .pro-fm-body { grid-template-columns:1fr; gap:10px; padding-top:10px; }
  .pro-fm-cat { font-size:28px; }
  .pro-fm-panes { display:none; }
  .pro-fm-cat.open-kids + .pro-fm-inline { display:flex; }
}
.pro-fm-inline { display:none; flex-direction:column; gap:8px; padding:4px 14px 12px; border-inline-start:2px solid var(--primary); margin-inline-start:4px; }
.pro-fm-inline a { font-size:15px; color:var(--text-muted); }
/* =====================================================================
   چیدمانِ پوسته‌ها — دورِ ۲: مدل‌های کارتِ محصول و صفحه‌ی فروشگاه
   ===================================================================== */
.pro-thumb-alt, .pro-card-specs { display:none; }
/* ---------- بی‌دکمه: فقط عکس، اسم و قیمت؛ آیکونِ سبد روی عکس ---------- */
html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card { position:relative; }
html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card .pro-btn, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-btn {
  position:absolute; top:12px; left:12px; z-index:3; width:42px !important; height:42px; padding:0 !important; margin:0 !important; border-radius:50%;
  font-size:0 !important; background:var(--bg-card); color:var(--text-dark); border:none; box-shadow:0 4px 14px rgba(0,0,0,.14);
  display:flex; align-items:center; justify-content:center; transition:opacity .2s, transform .2s, background .15s; }
html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card .pro-btn::before, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-btn::before { content:""; width:21px; height:21px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3Cpath d='M12 12v5M9.5 14.5h5'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3Cpath d='M12 12v5M9.5 14.5h5'/%3E%3C/svg%3E") center/contain no-repeat; }
html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card .pro-btn:hover:not(:disabled), html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-btn:hover:not(:disabled) { background:var(--primary); color:var(--on-primary, #fff); }
html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card .pro-btn:disabled, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-btn:disabled { display:none; }
@media (hover:hover) {
  html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card .pro-btn, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-btn { opacity:0; transform:translateY(6px); }
  html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card:hover .pro-btn, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card:hover .pro-btn, html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card:focus-within .pro-btn, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card:focus-within .pro-btn { opacity:1; transform:none; }
}
html[data-card="nobtn"] .pro-grid:not(.is-list) .pro-card .pro-card-name { min-height:0; font-weight:500; }
/* ---------- روی عکس: عکسِ تمام‌قد؛ اسم و قیمت روی عکس ---------- */
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card { padding:0 !important; border:none !important; overflow:hidden; background:transparent !important; gap:0 !important; }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-thumb { aspect-ratio:3/4; border-radius:var(--card-radius); }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card::after { content:""; position:absolute; inset:auto 0 0 0; height:58%; z-index:1; pointer-events:none; border-radius:0 0 var(--card-radius) var(--card-radius);
  background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.25) 60%, transparent); transition:opacity .3s; }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-card-name, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-price-row { position:absolute; right:0; left:0; z-index:2; margin:0 !important; padding:0 14px; color:#fff; transition:opacity .3s, transform .3s; }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-card-name { bottom:38px; min-height:0; font-size:14.5px; -webkit-line-clamp:1; }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-price-row { bottom:14px; }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-price-old { color:rgba(255,255,255,.7); }
html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-card-code, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card .pro-card-specs { display:none !important; }
@media (hover:hover) and (min-width:821px) {
  html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card::after, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-card-name, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-price-row { opacity:0; }
  html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-card-name, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card > .pro-price-row { transform:translateY(8px); }
  html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card:hover::after, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card:hover > .pro-card-name, html[data-card="overlay"] .pro-grid:not(.is-list) .pro-card:hover > .pro-price-row { opacity:1; transform:none; }
}
/* ---------- بلند: عکسِ عمودی؛ با اشاره‌ی موس عکسِ دوم ---------- */
html[data-card="tall"] .pro-grid:not(.is-list) .pro-card .pro-thumb { aspect-ratio:3/4; position:relative; }
html[data-card="tall"] .pro-grid:not(.is-list) .pro-card .pro-thumb-alt { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .45s ease; }
@media (hover:hover) {
  html[data-card="tall"] .pro-grid:not(.is-list) .pro-card:hover .pro-thumb-alt { opacity:1; }
}
html[data-card="tall"] .pro-grid:not(.is-list) .pro-card .pro-card-name { min-height:0; -webkit-line-clamp:1; }
/* ---------- فشرده‌ی بازاری: بعد از افزودن، شمارنده روی خودِ کارت ---------- */
.dn-qty { display:flex; align-items:center; justify-content:space-between; border:2px solid var(--primary); border-radius:999px; height:42px; padding:0 4px; }
.dn-qty[hidden] { display:none; }
.dn-qty button { width:34px; height:34px; border-radius:50%; border:none; background:var(--pastel-red); color:var(--primary); font:inherit; font-size:20px; font-weight:800; cursor:pointer; line-height:1; }
.dn-qty span { font-weight:800; font-size:15px; }
html[data-card="dense"] .pro-grid:not(.is-list) .pro-card { gap:5px; padding:8px; }
html[data-card="dense"] .pro-grid:not(.is-list) .pro-card .pro-card-name { font-size:12.5px; min-height:36px; }
/* ---------- مشخصاتی: سه خطِ اولِ مشخصاتِ فنی روی کارت ---------- */
html[data-card="spec"] .pro-grid:not(.is-list) .pro-card .pro-card-specs { display:flex; flex-direction:column; gap:3px; list-style:none; margin:0; padding:8px 0 2px; border-top:1px dashed var(--border); font-size:11.5px; color:var(--text-muted); }
html[data-card="spec"] .pro-grid:not(.is-list) .pro-card .pro-card-specs li { display:flex; gap:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html[data-card="spec"] .pro-grid:not(.is-list) .pro-card .pro-card-specs span { color:var(--primary); }
html[data-card="spec"] .pro-grid:not(.is-list) .pro-card .pro-card-specs span::after { content:":"; }
html[data-card="spec"] .pro-grid:not(.is-list) .pro-card .pro-card-name { min-height:0; }
/* ---------- شبکه‌ی نامنظمِ مجله‌ای (فروشگاه) ---------- */
@media (min-width:821px) {
  html[data-grid="masonry"] .pro-shop-grid:not(.is-list) { grid-auto-flow:dense; }
  html[data-grid="masonry"] .pro-shop-grid:not(.is-list) > .pro-card:nth-child(7n+1) { grid-column:span 2; }
  html[data-grid="masonry"] .pro-shop-grid:not(.is-list) > .pro-card:nth-child(7n+1) .pro-thumb { aspect-ratio:16/10.5; }
  html[data-grid="masonry"] .pro-shop-grid:not(.is-list) > .pro-card:nth-child(7n+1) .pro-card-name { font-size:18px; }
}
/* ---------- فیلترها: نوارِ افقی بالای لیست ---------- */
@media (min-width:821px) {
  html[data-filters="top"] .pro-shop-layout, html[data-filters="drawer"] .pro-shop-layout { grid-template-columns:minmax(0,1fr); gap:14px; }
  html[data-filters="top"] .pro-side { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; padding:12px 16px; }
  html[data-filters="top"] .pro-side > details { flex:1 1 100%; min-width:0; }
  html[data-filters="top"] .pro-side > details > summary { display:none; }
  html[data-filters="top"] .pro-cat-list { flex-direction:row; gap:6px; overflow-x:auto; scrollbar-width:thin; padding-bottom:2px; }
  html[data-filters="top"] .pro-cat-list a { flex-shrink:0; padding:6px 14px !important; border-radius:999px; border:1px solid var(--border); white-space:nowrap; }
  html[data-filters="top"] .pro-cat-list a.active { border-color:var(--primary); }
  html[data-filters="top"] .pro-cat-count { display:none; }
  html[data-filters="top"] .pro-filter { flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px 18px; border-top:1px solid var(--border); margin:0; padding-top:12px; flex:1 1 100%; }
  html[data-filters="top"] .pro-price-inputs input { width:130px; flex:none; }
  html[data-filters="top"] .pro-filter .pro-btn { width:auto; padding:8px 22px; margin-inline-start:auto; }
}
/* ---------- فیلترها: کشویی (در دسکتاپ هم پشتِ دکمه) ---------- */
@media (min-width:821px) {
  html[data-filters="drawer"] .pro-filter-btn { display:inline-flex; }
  html[data-filters="drawer"] .pro-shop-layout .pro-side { display:block; position:fixed; top:0; bottom:0; right:0; width:min(380px, 90vw); z-index:95; overflow-y:auto; border-radius:0;
    padding:0 18px 20px; transform:translateX(105%); transition:transform .25s ease; box-shadow:-8px 0 30px rgba(0,0,0,.18); }
  html[data-filters="drawer"] .pro-shop-layout .pro-side.open { transform:none; }
  html[data-filters="drawer"] .pro-side-head { display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; background:var(--bg-card); padding:16px 0 10px; z-index:1; font-size:15px; }
  html[data-filters="drawer"] .pro-side-backdrop.open { display:block; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:94; }
}
/* =====================================================================
   پوسته‌ها — دورِ سوم: چیدمانِ عمیق‌تر (فونتِ تیتر، هدر، بنرِ اول، فاصله‌ها،
   فوتر، صفحه‌ی محصول، حرکت‌ها، منوی پایینِ موبایل). فونتِ متن همه‌جا وزیرمتن می‌مونه.
   ===================================================================== */
@font-face { font-family:'SkLalezar'; src:url('/static/fonts/skins/Lalezar.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'SkGulzar'; src:url('/static/fonts/skins/Gulzar.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'SkNaskh'; src:url('/static/fonts/skins/NotoNaskh-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'SkNaskh'; src:url('/static/fonts/skins/NotoNaskh-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'SkMarkazi'; src:url('/static/fonts/skins/Markazi-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'SkKufi'; src:url('/static/fonts/skins/ReemKufi-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'SkKufi'; src:url('/static/fonts/skins/ReemKufi-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
html[data-skin] :is(.pro-brand-name, .pro-hero h1, .pro-section-head h2, .pro-section-title, .pro-product-title, .pro-page-title, .pro-footer h3, .pro-slide-cap h2, .pro-post-title, .pro-article-head h1, .pro-news h2, .pro-imgtext h2) { font-family:var(--head-font, 'Vazirmatn'), 'Vazirmatn', Tahoma, sans-serif; }
/* Lalezar فقط یه وزن داره؛ جلوی «بولدِ مصنوعی» رو می‌گیریم */
/* نستعلیق بلنده؛ فاصله‌ی خط و اندازه‌ی بیشتر */
/* ---------- حرکت‌ها: ظاهرشدنِ آرومِ بخش‌ها با اسکرول (فقط وقتی کاربر «کاهشِ حرکت» رو نخواسته) ---------- */
@media (prefers-reduced-motion:no-preference) {
  html.sk-motion .sk-rv { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
  html.sk-motion .sk-rv.sk-in { opacity:1; transform:none; }
  /* نوارِ اعلانِ متحرک */
}
@keyframes sk-marquee { from { transform:translateX(0); } to { transform:translateX(100%); } }
/* ---------- عرضِ صفحه و فاصله‌ها ---------- */
/* ---------- هدر ---------- */
@media (min-width:821px) {
  /* لوگو وسط، جستجو و دکمه‌ها دو طرف، منو وسط‌چین زیرش */
  /* بازارچه: نوارِ منو رنگی */
  /* جستجوی پهن برای فروشگاه‌های پرمحصول */
}
/* ---------- بنرِ اول (کارتِ معرفی) و اسلایدشو ---------- */
/* اسلایدشو */
@media (max-width:600px) {
  html:not([data-skin="classic"]) .pro-hero h1 { font-size:27px !important; }
  html:not([data-skin="classic"]) .pro-slide-cap h2 { font-size:22px !important; }
}
/* ---------- فوتر ---------- */
/* ---------- صفحه‌ی محصول ---------- */
@media (min-width:821px) {
  :is(html[data-skin="lux"], html[data-skin="minimal"], html[data-skin="editorial"], html[data-skin="single"]) .pro-product { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:44px; }
  :is(html[data-skin="lux"], html[data-skin="minimal"], html[data-skin="editorial"], html[data-skin="single"], html[data-skin="tech"]) .pro-product > :last-child { position:sticky; top:96px; }
}
/* ---------- منوی پایینِ موبایل ---------- */
@media (max-width:820px) {
  /* شناور و گرد */
  :is(html[data-skin="pastel"], html[data-skin="bazaar"], html[data-skin="nature"], html[data-skin="single"], html[data-skin="tech"]) .pro-bnav {
    left:12px; right:12px; bottom:calc(10px + env(safe-area-inset-bottom)); border-radius:22px; border:1px solid var(--border); padding:4px; box-shadow:0 10px 30px rgba(0,0,0,.14); }
  :is(html[data-skin="pastel"], html[data-skin="bazaar"], html[data-skin="nature"], html[data-skin="single"], html[data-skin="tech"]) body.has-bnav { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  /* صاف و خطی */
  :is(html[data-skin="minimal"], html[data-skin="editorial"], html[data-skin="lux"]) .pro-bnav { box-shadow:none; }
  :is(html[data-skin="minimal"], html[data-skin="editorial"], html[data-skin="lux"]) .pro-bnav-item.active .pro-bnav-ic { background:transparent; }
  :is(html[data-skin="minimal"], html[data-skin="editorial"]) .pro-bnav-item.active .pro-bnav-label { text-decoration:underline; text-underline-offset:4px; font-weight:500; }
  /* نوارِ عمده‌فروشی بالای منوی شناور */
  :is(html[data-skin="pastel"], html[data-skin="bazaar"], html[data-skin="nature"], html[data-skin="single"], html[data-skin="tech"]) body.has-bnav .ws-bar { bottom:92px; }
}
/* =====================================================================
   چیدمانِ پوسته‌ها — دورِ ۳: صفحه‌ی محصول و فوتر
   ===================================================================== */
.pro-gallery-stack, .pro-quick-specs { display:none; }
/* ---------- صفحه‌ی محصول: عکس‌ها زیرِ هم + ستونِ خریدِ چسبان (دسکتاپ) ---------- */
@media (min-width:821px) {
  html[data-pdp="stack"] .pro-gallery-stack { display:flex; flex-direction:column; gap:12px; }
  html[data-pdp="stack"] .pro-gallery-stack img { width:100%; height:auto; display:block; border-radius:var(--card-radius); cursor:zoom-in; background:var(--bg-card); }
  html[data-pdp="stack"] .pro-product > div:first-child:has(.pro-gallery-stack) > :is(.pro-gallery-main, .pro-gallery-dots, .pro-gallery-thumbs) { display:none; }
  html[data-pdp="stack"] .pro-product { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:48px; }
  html[data-pdp="stack"] .pro-product > :last-child { position:sticky; top:96px; }
  html[data-pdp="stack"] .pro-product-title { margin-top:6px; }
}
/* ---------- صفحه‌ی محصول: عکسِ تمام‌عرض، اطلاعات زیرش وسط‌چین، همه‌ی بخش‌ها باز ---------- */
html[data-pdp="hero"] .pro-product { grid-template-columns:minmax(0,1fr) !important; gap:26px; }
html[data-pdp="hero"] .pro-product > :last-child { position:static !important; max-width:720px; width:100%; margin:0 auto; text-align:center; }
html[data-pdp="hero"] .pro-gallery-main { aspect-ratio:16/9; }
html[data-pdp="hero"] .pro-gallery-main img { object-fit:contain; }
html[data-pdp="hero"] .pro-gallery-thumbs { justify-content:center; }
html[data-pdp="hero"] .pro-product-cats, html[data-pdp="hero"] .pro-price-row, html[data-pdp="hero"] .pro-share { justify-content:center; }
html[data-pdp="hero"] .pro-price-box { text-align:center; }
html[data-pdp="hero"] .pro-qty { margin-inline:auto; }
html[data-pdp="hero"] .pro-info { max-width:820px; margin-inline:auto; border:none; background:transparent; }
html[data-pdp="hero"] .pro-info-tabs { display:none; }
html[data-pdp="hero"] .pro-info-panel[hidden] { display:block; }
html[data-pdp="hero"] .pro-info-panel { padding:26px 0; border-top:1px solid var(--border); }
html[data-pdp="hero"] .pro-info-panel > h2 { font-size:22px; text-align:center; margin-bottom:16px; }
@media (max-width:820px) {
  html[data-pdp="hero"] .pro-gallery-main { aspect-ratio:4/3; }
}
/* ---------- صفحه‌ی محصول: مشخصاتِ فنی کنارِ قیمت ---------- */
html[data-pdp="tech"] .pro-quick-specs { display:block; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--card-radius); padding:6px 14px 10px; margin:0 0 14px; }
html[data-pdp="tech"] .pro-quick-specs .pro-specs th { width:42%; }
.pro-quick-specs-more { border:none; background:none; color:var(--primary); font:inherit; font-size:12.5px; cursor:pointer; padding:6px 0 0; }
@media (min-width:821px) {
  html[data-pdp="tech"] .pro-product { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); }
}
/* ---------- پنجره‌ی سریعِ محصول (کافه) ---------- */
.pro-qv-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:84; opacity:0; visibility:hidden; transition:opacity .2s, visibility .2s; }
.pro-qv-backdrop.open { opacity:1; visibility:visible; }
.pro-qv { position:fixed; z-index:85; left:0; right:0; bottom:0; max-height:88vh; overflow-y:auto; background:var(--bg-card); border-radius:24px 24px 0 0;
  transform:translateY(105%); transition:transform .28s cubic-bezier(.2,.8,.2,1); box-shadow:0 -10px 40px rgba(0,0,0,.2); padding:0 0 calc(16px + env(safe-area-inset-bottom)); }
.pro-qv.open { transform:none; }
@media (min-width:821px) {
  .pro-qv { left:50%; right:auto; width:560px; bottom:50%; border-radius:24px; transform:translate(-50%, 60%) scale(.96); opacity:0; visibility:hidden; transition:transform .25s, opacity .25s, visibility .25s; }
  .pro-qv.open { transform:translate(-50%, 50%); opacity:1; visibility:visible; }
}
.pro-qv-img { aspect-ratio:4/3; background:var(--bg-page); position:relative; }
.pro-qv-img img { width:100%; height:100%; object-fit:cover; display:block; }
.pro-qv-close { position:absolute; top:12px; left:12px; width:38px; height:38px; border-radius:50%; border:none; background:rgba(255,255,255,.92); color:#222; font-size:20px; cursor:pointer; }
.pro-qv-body { padding:16px 18px 4px; display:flex; flex-direction:column; gap:8px; }
.pro-qv-body h3 { margin:0; font-size:19px; }
.pro-qv-desc { font-size:13px; line-height:2; color:var(--text-muted); white-space:pre-line; max-height:9em; overflow:hidden; }
.pro-qv-foot { display:flex; align-items:center; gap:10px; padding:12px 18px 4px; }
.pro-qv-foot .pro-qty { margin:0; }
.pro-qv-foot .pro-btn { flex:1; }
.pro-qv-more { font-size:12.5px; color:var(--primary); padding:6px 18px; display:inline-block; }
/* ---------- فوترِ یک‌خطی ---------- */
html[data-footer="line"] .pro-footer { padding:18px 0; margin-top:34px; }
html[data-footer="line"] .pro-footer-grid { flex-direction:row !important; flex-wrap:wrap; align-items:center !important; justify-content:space-between; gap:12px 24px !important; text-align:right !important; }
html[data-footer="line"] .pro-footer-grid > div { display:flex; align-items:center; gap:12px 18px; flex-wrap:wrap; }
html[data-footer="line"] .pro-footer h3 { margin:0; font-size:15px; }
html[data-footer="line"] .pro-footer-grid > div > h3:not(:first-child), html[data-footer="line"] .pro-footer-grid > div:not(:first-child) > h3 { display:none; }
html[data-footer="line"] .pro-footer-meta, html[data-footer="line"] .pro-footer-trust { display:none; }
html[data-footer="line"] .pro-footer-social { margin:0; }
html[data-footer="line"] .pro-footer-links { flex-direction:row !important; flex-wrap:wrap; gap:6px 16px !important; }
html[data-footer="line"] .pro-footer-cats a { padding:0; border:none; background:none; border-radius:0; }
html[data-footer="line"] .pro-footer-bottom { margin-top:12px; padding-top:10px; }
@media (max-width:820px) {
  html[data-footer="line"] .pro-footer-grid { flex-direction:column !important; align-items:flex-start !important; }
}
/* ---------- فوترِ «اسمِ درشت» ---------- */
.pro-footer-giant { display:none; }
html[data-footer="big"] .pro-footer-giant { display:block; font-family:var(--head-font, 'Vazirmatn'), 'Vazirmatn', sans-serif; font-size:clamp(46px, 11vw, 168px); line-height:1.15;
  text-align:center; white-space:nowrap; overflow:hidden; text-overflow:clip; margin:28px 0 6px; color:var(--text-dark); letter-spacing:-.02em; }
@media (max-width:699px) {
  .ws-qty button { width:32px; }
  .ws-qty input { width:40px; }
}

/* ===== فروشگاهِ نمونه: نوارِ جابه‌جایی بینِ پوسته‌ها ===== */
.pro-demo-bar { position:fixed; z-index:58; left:12px; right:12px; bottom:12px; margin:0 auto; max-width:1100px; display:flex; align-items:center; gap:6px;
  overflow-x:auto; scrollbar-width:none; background:rgba(20,20,24,.92); color:#fff; border-radius:14px; padding:8px 10px; font:13px 'Vazirmatn', sans-serif;
  box-shadow:0 10px 30px rgba(0,0,0,.25); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.pro-demo-bar::-webkit-scrollbar { display:none; }
.pro-demo-bar-title { flex-shrink:0; opacity:.75; padding-inline-end:4px; }
.pro-demo-bar a { flex-shrink:0; color:#fff; padding:6px 12px; border-radius:9px; white-space:nowrap; }
.pro-demo-bar a:hover { background:rgba(255,255,255,.12); }
.pro-demo-bar a.active { background:#fff; color:#111; font-weight:700; }
body:has(.pro-demo-bar) { padding-bottom:70px; }
@media (max-width:820px) { body.has-bnav .pro-demo-bar { bottom:calc(76px + env(safe-area-inset-bottom)); } body.has-bnav:has(.pro-demo-bar) { padding-bottom:calc(140px + env(safe-area-inset-bottom)); } }

@media (max-width:820px) {
  .pro-demo-bar:not(.open) { left:auto; right:12px; max-width:none; width:auto; padding:6px 10px; }
  .pro-demo-bar:not(.open) a:not(.active) { display:none; }
  .pro-demo-bar:not(.open) .pro-demo-bar-title::after { content:" ▴"; }
  .pro-demo-bar.open { flex-wrap:wrap; }
  body.has-bnav:has(.pro-demo-bar) { padding-bottom:calc(120px + env(safe-area-inset-bottom)); }
}

html.ov-on[data-view="landing"] .pro-breadcrumb { display:none; }

/* ===== هدرِ شیشه‌ای (گزینه‌ی تنظیماتِ هدر) + حالتِ اسکرول‌شده‌ی هدرِ شفاف ===== */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .pro-header.is-glass, html.ov-on.ov-solid .pro-header {
    background:color-mix(in srgb, var(--header-bg) 70%, transparent) !important;
    backdrop-filter:blur(16px) saturate(1.5); -webkit-backdrop-filter:blur(16px) saturate(1.5);
    box-shadow:0 1px 0 color-mix(in srgb, var(--border) 70%, transparent); }
  .pro-header.is-glass .pro-nav-bar { background:transparent; }
  .pro-header.is-glass .pro-header-search { background:color-mix(in srgb, var(--bg-card) 60%, transparent); }
}

/* ===== منوی کشویی (drawer): همون منوی موبایل، در دسکتاپ پهن‌تر ===== */
@media (min-width:821px) {
  html[data-menu="drawer"] .pro-mm { width:min(400px, 90vw); }
  html[data-menu="drawer"] .pro-menu-btn { display:inline-flex; }
}
html[data-menu="drawer"] .pro-fm-open { background:transparent; color:var(--text-dark); border:1px solid var(--border); }

/* ===== حالتِ تیره: رنگِ اصلیِ هر پوسته حفظ بشه (نسخه‌ی روشن‌ترش، خوانا روی زمینه‌ی تیره) ===== */
html[data-theme="dark"][data-skin="minimal"] { --primary:#E8E2D6; }
html[data-theme="dark"][data-skin="editorial"] { --primary:#E0564E; }
html[data-theme="dark"][data-skin="bazaar"] { --primary:#FB8A3C; }
html[data-theme="dark"][data-skin="persian"] { --primary:#2BB3BE; --tile:#D0784F; }
html[data-theme="dark"][data-skin="wholesale"] { --primary:#5B92F2; }
html[data-theme="dark"][data-skin="cafe"] { --primary:#D39A6A; }
html[data-theme="dark"][data-skin="single"] { --primary:#E5E7EB; }
html[data-theme="dark"][data-skin="nature"] { --primary:#8DB878; }
html[data-theme="dark"][data-skin="pastel"] { --primary:#EE8BB8; }
html[data-theme="dark"][data-skin="minimal"] .pro-btn, html[data-theme="dark"][data-skin="single"] .pro-btn { color:#111; }

/* ===== نوارِ فیلترِ بالا: دسته‌ها دوخطی (بدونِ اسکرولِ افقی)؛ فقط دسته‌های اصلی؛ «بیشتر» برای بقیه ===== */
@media (min-width:821px) {
  html[data-filters="top"] .pro-cat-list { flex-wrap:wrap !important; overflow:hidden !important; max-height:84px; padding-bottom:0 !important; transition:max-height .25s ease; }
  html[data-filters="top"] .pro-cat-list.is-open { max-height:600px; }
  html[data-filters="top"] .pro-cat-list a[style*="padding-right"]:not(.active) { display:none !important; }
  html[data-filters="top"] .pro-cat-more { display:inline-flex; align-items:center; gap:4px; margin-top:6px; border:none; background:none; color:var(--primary); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; padding:2px 4px; }
}
.pro-cat-more { display:none; }

/* ===== انتخابِ تنوع (سایز/رنگ) در صفحه‌ی محصول ===== */
.pro-pv { display: flex; flex-direction: column; gap: 12px; margin: 12px 0; border-radius: 12px; transition: box-shadow .2s; }
.pro-pv.pro-pv-need { box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #2B3EAC) 45%, transparent); }
.pro-pv-name { font-size: 13px; color: var(--text-muted, #6b7280); margin-bottom: 6px; }
.pro-pv-name b { color: var(--text, #111); }
.pro-pv-vals { display: flex; flex-wrap: wrap; gap: 8px; }
.pro-pv-val { font: inherit; font-size: 13px; min-width: 44px; min-height: 38px; padding: 6px 12px; border-radius: min(var(--card-radius, 10px), 10px); border: 1.5px solid var(--border, #e5e7eb); background: var(--bg-card, #fff); color: var(--text-dark, #111); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.pro-pv-val i { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(0,0,0,.18); flex: none; }
.pro-pv-val.on { border-color: var(--primary, #2B3EAC); box-shadow: inset 0 0 0 1px var(--primary, #2B3EAC); font-weight: 700; }
.pro-pv-val.off { opacity: .45; text-decoration: line-through; }
.pro-pv-val:focus-visible { outline: 2px solid var(--primary, #2B3EAC); outline-offset: 2px; }

/* روشِ ارسال در فرمِ سفارش */
/* کارتِ روشِ ارسال: رنگ، گوشه و پس‌زمینه از متغیرهای خودِ پوسته (هر پوسته حسِ خودش رو داره) */
.pro-ship-list { display: flex; flex-direction: column; gap: 8px; }
.pro-ship-list .pro-ship-opt { margin: 0; font-weight: 400; position: relative; display: flex; gap: 12px; align-items: center; border: 1.5px solid var(--border); border-radius: min(var(--card-radius, 14px), 16px); padding: 10px 12px; cursor: pointer; background: var(--bg-card); color: var(--text-dark); transition: border-color .15s, box-shadow .15s; }
.pro-ship-opt:hover { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); }
.pro-ship-opt.on { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
.pro-ship-opt input { position: absolute; opacity: 0; pointer-events: none; }
.pro-ship-opt:focus-within { outline: 2px solid var(--primary); outline-offset: 2px; }
.pro-ship-logo { width: 42px; height: 42px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: min(var(--card-radius, 12px), 12px); background: color-mix(in srgb, var(--primary) 11%, transparent); color: var(--primary); font-weight: 800; overflow: hidden; }
.pro-ship-logo svg { width: 24px; height: 24px; }
.pro-ship-logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.pro-ship-txt { display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; flex: 1; min-width: 0; }
.pro-ship-txt small { font-size: 11.5px; color: var(--text-muted); font-weight: 400; }
.pro-ship-txt b { font-weight: 700; }
.pro-ship-price { font-size: 12.5px; font-weight: 800; white-space: nowrap; color: var(--text-dark); }
.pro-ship-check { width: 20px; height: 20px; flex: none; border-radius: 50%; border: 2px solid var(--border); position: relative; }
.pro-ship-opt.on .pro-ship-check { border-color: var(--primary); background: var(--primary); }
.pro-ship-opt.on .pro-ship-check::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--on-primary, #fff); }
html[data-skin="lux"] .pro-ship-check, html[data-skin="minimal"] .pro-ship-check, html[data-skin="editorial"] .pro-ship-check, html[data-skin="street"] .pro-ship-check { border-radius: 0; }
html[data-skin="lux"] .pro-ship-check::after, html[data-skin="minimal"] .pro-ship-check::after, html[data-skin="editorial"] .pro-ship-check::after, html[data-skin="street"] .pro-ship-check::after { border-radius: 0 !important; }
html[data-skin="street"] .pro-ship-opt.on, html[data-skin="tech"] .pro-ship-opt.on { box-shadow: 3px 3px 0 var(--text-dark); }
html[data-skin="glass"] .pro-ship-opt { backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); }
html[data-skin="editorial"] .pro-ship-opt, html[data-skin="minimal"] .pro-ship-opt { border-width: 1px; box-shadow: none; }
#shipProvince { width: 100%; font: inherit; font-size: 16px; padding: 10px 12px; border-radius: min(var(--card-radius, 10px), 10px); border: 1px solid var(--border); background: var(--bg-card); color: var(--text-dark); }

/* ===== پیگیریِ سفارش ===== */
.pro-track { max-width: 560px; margin: 28px auto 48px; }
.pro-track h1 { font-size: 22px; margin: 0 0 6px; }
.pro-track-hint { font-size: 13px; color: var(--text-muted); margin: 0 0 16px; line-height: 1.9; }
.pro-track-form { background: var(--bg-card); border: 1px solid var(--border); border-radius: min(var(--card-radius, 14px), 18px); padding: 16px; }
.pro-track-form .pro-btn { width: 100%; }
.pro-track-card { margin-top: 16px; background: var(--bg-card); border: 1px solid var(--border); border-radius: min(var(--card-radius, 14px), 18px); padding: 14px; }
html[data-skin="glass"] :is(.pro-track-form, .pro-track-card) { backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); }
.pro-track-link { display: inline-block; margin-top: 8px; color: var(--primary); font-weight: 700; text-decoration: none; }
.pro-tl { list-style: none; margin: 10px 0; padding: 0; display: flex; flex-direction: column; }
.pro-tl-step { position: relative; display: flex; gap: 10px; padding: 0 0 14px; }
.pro-tl-step:not(:last-child)::before { content: ""; position: absolute; inset-inline-start: 7px; top: 16px; bottom: 0; width: 2px; background: var(--border); }
.pro-tl-step.done:not(:last-child)::before { background: var(--primary); }
.pro-tl-dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border); background: var(--bg-card); flex: none; margin-top: 2px; position: relative; z-index: 1; }
.pro-tl-step.done .pro-tl-dot { border-color: var(--primary); background: var(--primary); }
.pro-tl-step.cur .pro-tl-dot { box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 22%, transparent); }
.pro-tl-txt { display: flex; flex-direction: column; font-size: 13px; }
.pro-tl-step:not(.done) .pro-tl-txt { color: var(--text-muted); }
.pro-tl-txt small { font-size: 11px; color: var(--text-muted); }
.pro-tl-end { font-size: 12.5px; font-weight: 700; color: #b42318; background: #fdecea; border-radius: 8px; padding: 6px 10px; margin-bottom: 8px; }
.pro-tl-ship { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; font-size: 12.5px; background: color-mix(in srgb, var(--primary) 8%, transparent); border-radius: 10px; padding: 8px 10px; margin-bottom: 8px; }
.pro-tl-code button { font: inherit; font-size: 11px; border: 1px solid var(--primary); color: var(--primary); background: transparent; border-radius: 999px; padding: 1px 8px; cursor: pointer; }
html[data-skin="lux"] .pro-tl-dot, html[data-skin="minimal"] .pro-tl-dot, html[data-skin="editorial"] .pro-tl-dot, html[data-skin="street"] .pro-tl-dot { border-radius: 0; }