/* =====================================================================
   گالری جواهریان — بازارچه ساعت | Design System (tokens + components)
   نسخه ۱.۰ — راست‌به‌چپ، موبایل‌اول، سازگار با کلاس‌های a2-jwb-*
   استخراج‌شده از زبان طراحی سایت اصلی javaherian-gallery.com
   مشکی پریمیوم + طلایی/برنزی + فونت ایران‌یکان. آخرین لایه‌ی استایل (برنده).
   ===================================================================== */
:root{
  /* ---- پالت برند: مشکی پریمیوم + طلایی ---- */
  --a2-gold-900:#6A4D00;
  --a2-gold-700:#8C6A12;
  --a2-gold-600:#B9891F;
  --a2-gold-500:#C9A23C;
  --a2-gold-400:#D4B45F;
  --a2-gold-200:#EAD9A6;
  --a2-gold-50:#FBF6E9;
  --a2-gold-grad:linear-gradient(135deg,#D4B45F 0%,#B9891F 45%,#8C6A12 100%);
  --a2-gold-grad-soft:linear-gradient(135deg,#FBF6E9 0%,#EAD9A6 100%);

  /* ---- لهجهٔ رُز/صورتیِ خاکیِ سایت اصلی (#de7b85) ---- */
  --a2-rose-600:#C95E6A;
  --a2-rose-500:#DE7B85;
  --a2-rose-200:#F2C2C7;
  --a2-rose-50:#FBEEF0;

  /* ---- مشکی / خاکستری ---- */
  --a2-ink-950:#0A0A0A;
  --a2-ink-900:#16181A;
  --a2-ink-800:#1A1A1A;
  --a2-ink-700:#363B40;
  --a2-ink-600:#4A4A4A;
  --a2-ink-500:#6B6B6B;
  --a2-ink-400:#9A9A9A;
  --a2-ink-300:#C9C9C9;

  /* ---- سطوح و خطوط ---- */
  --a2-surface:#FFFFFF;
  --a2-surface-2:#F7F8F8;
  --a2-surface-3:#F1F2F3;
  --a2-border:#E8E8E8;
  --a2-border-strong:#D9D9D9;

  /* ---- رنگ‌های وضعیت ---- */
  --a2-success:#1A7A3C;  --a2-success-bg:#E7F4EC;
  --a2-warning:#A8740A;  --a2-warning-bg:#FBF1DC;
  --a2-danger:#B42318;   --a2-danger-bg:#FBEAE8;
  --a2-info:#1F5C8B;     --a2-info-bg:#E7F0F7;

  /* ---- تایپوگرافی ---- */
  --a2-font:"IRANYekanX","IRANYekan","IRANSans","Vazirmatn",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --a2-font-num:"IRANYekanX","Vazirmatn",var(--a2-font);
  --a2-fs-2xs:11px; --a2-fs-xs:12px; --a2-fs-sm:13px; --a2-fs-base:15px;
  --a2-fs-md:16px; --a2-fs-lg:18px; --a2-fs-xl:22px; --a2-fs-2xl:28px;
  --a2-fs-3xl:34px; --a2-fs-4xl:44px;
  --a2-lh-tight:1.3; --a2-lh-normal:1.7; --a2-lh-loose:1.9;
  --a2-fw-regular:400; --a2-fw-medium:500; --a2-fw-bold:700; --a2-fw-black:800;

  /* ---- فاصله‌گذاری (پایه ۴px) ---- */
  --a2-sp-1:4px; --a2-sp-2:8px; --a2-sp-3:12px; --a2-sp-4:16px;
  --a2-sp-5:20px; --a2-sp-6:24px; --a2-sp-8:32px; --a2-sp-10:40px;
  --a2-sp-12:48px; --a2-sp-16:64px;

  /* ---- شعاع گوشه ---- */
  --a2-r-xs:6px; --a2-r-sm:10px; --a2-r-md:12px; --a2-r-lg:14px;
  --a2-r-xl:20px; --a2-r-pill:999px;

  /* ---- سایه ---- */
  --a2-shadow-xs:0 1px 2px rgba(21,23,28,.04);
  --a2-shadow-sm:0 1px 2px rgba(21,23,28,.04),0 4px 10px rgba(21,23,28,.05);
  --a2-shadow-md:0 1px 2px rgba(21,23,28,.04),0 12px 28px rgba(21,23,28,.06);
  --a2-shadow-lg:0 18px 48px rgba(10,10,10,.14);
  --a2-shadow-gold:0 10px 30px rgba(106,77,0,.22);

  /* ---- لایه و حرکت ---- */
  --a2-z-nav:100; --a2-z-drawer:200; --a2-z-modal:300;
  --a2-ease:cubic-bezier(.4,0,.2,1); --a2-dur:.2s;
  --a2-container:1200px;
}

/* پایه و ریست سبک، محدود به ریشه‌ی بازارچه */
.a2-jwb,.a2-jwb *{box-sizing:border-box}
.a2-jwb{
  font-family:var(--a2-font);
  color:var(--a2-ink-800);
  font-size:var(--a2-fs-base);
  line-height:var(--a2-lh-normal);
  direction:rtl;
  text-align:right;
  -webkit-font-smoothing:antialiased;
}
.a2-jwb h1,.a2-jwb h2,.a2-jwb h3,.a2-jwb h4{margin:0;line-height:var(--a2-lh-tight);font-weight:var(--a2-fw-bold)}
.a2-jwb p{margin:0}
.a2-jwb a{color:inherit;text-decoration:none}
.a2-jwb img{max-width:100%;display:block}
.a2-jwb-container{max-width:var(--a2-container);margin-inline:auto;padding-inline:var(--a2-sp-4)}
.a2-jwb-num{font-family:var(--a2-font-num);font-feature-settings:"ss01";letter-spacing:0}

/* دکمه‌ها */
.a2-jwb-button{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--a2-sp-2);
  font-family:inherit;font-size:var(--a2-fs-base);font-weight:var(--a2-fw-bold);
  line-height:1;cursor:pointer;border:1px solid transparent;border-radius:var(--a2-r-md);
  padding:13px 22px;min-height:48px;transition:all var(--a2-dur) var(--a2-ease);
  user-select:none;white-space:nowrap;text-align:center;
}
.a2-jwb-button:active{transform:translateY(1px)}
.a2-jwb-button:focus-visible{outline:2px solid var(--a2-gold-600);outline-offset:2px}
.a2-jwb-button svg,.a2-jwb-button .a2-jwb-ico{width:18px;height:18px;flex:none}
.a2-jwb-button-primary{background:var(--a2-gold-grad);color:#fff;box-shadow:var(--a2-shadow-gold)}
.a2-jwb-button-primary:hover{filter:brightness(1.06);box-shadow:0 14px 36px rgba(106,77,0,.3)}
.a2-jwb-button-secondary{background:#fff;color:var(--a2-gold-900);border-color:var(--a2-gold-400)}
.a2-jwb-button-secondary:hover{background:var(--a2-gold-50);border-color:var(--a2-gold-600)}
.a2-jwb-button-dark{background:var(--a2-ink-900);color:#fff}
.a2-jwb-button-dark:hover{background:#000}
.a2-jwb-button-ghost{background:transparent;color:var(--a2-ink-800);border-color:var(--a2-border-strong)}
.a2-jwb-button-ghost:hover{background:var(--a2-surface-2)}
.a2-jwb-button-danger{background:#fff;color:var(--a2-danger);border-color:#E7B7B2}
.a2-jwb-button-danger:hover{background:var(--a2-danger-bg)}
.a2-jwb-button--sm{min-height:38px;padding:9px 14px;font-size:var(--a2-fs-sm)}
.a2-jwb-button--lg{min-height:56px;padding:16px 30px;font-size:var(--a2-fs-md)}
.a2-jwb-button--block{display:flex;width:100%}
.a2-jwb-button[disabled],.a2-jwb-button--loading{opacity:.55;pointer-events:none}
.a2-jwb-secondary{display:inline-flex;align-items:center;gap:6px;color:var(--a2-gold-900);font-weight:var(--a2-fw-bold);font-size:var(--a2-fs-sm)}
.a2-jwb-secondary:hover{color:var(--a2-gold-600)}

/* بج وضعیت */
.a2-jwb-status-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--a2-surface-2);color:var(--a2-ink-800);
  border:1px solid var(--a2-border);border-radius:var(--a2-r-pill);
  padding:4px 11px;font-size:var(--a2-fs-xs);font-weight:var(--a2-fw-bold);line-height:1.6;
}
.a2-jwb-status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
.a2-jwb-status-badge--verified{background:var(--a2-gold-50);color:var(--a2-gold-900);border-color:var(--a2-gold-200)}
.a2-jwb-status-badge--success{background:var(--a2-success-bg);color:var(--a2-success);border-color:#Bfe3cd}
.a2-jwb-status-badge--warning{background:var(--a2-warning-bg);color:var(--a2-warning);border-color:#EAD7A6}
.a2-jwb-status-badge--danger{background:var(--a2-danger-bg);color:var(--a2-danger);border-color:#E6C3bd}
.a2-jwb-status-badge--info{background:var(--a2-info-bg);color:var(--a2-info);border-color:#bcd5e8}
.a2-jwb-status-badge--no-dot::before{display:none}

/* کارت ساعت */
.a2-jwb-watch-grid{display:grid;gap:var(--a2-sp-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.a2-jwb-watch-card{
  display:flex;flex-direction:column;background:var(--a2-surface);
  border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);
  overflow:hidden;box-shadow:var(--a2-shadow-md);
  transition:transform var(--a2-dur) var(--a2-ease),box-shadow var(--a2-dur) var(--a2-ease);
}
.a2-jwb-watch-card:hover{transform:translateY(-4px);box-shadow:var(--a2-shadow-lg)}
.a2-jwb-watch-card-media{
  position:relative;aspect-ratio:1/1;background:var(--a2-surface-2);
  display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--a2-gold-900);
}
.a2-jwb-watch-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--a2-ease)}
.a2-jwb-watch-card:hover .a2-jwb-watch-card-media img{transform:scale(1.05)}
.a2-jwb-watch-card-placeholder{font-size:54px;opacity:.5}
.a2-jwb-watch-card-fav{
  position:absolute;inset-block-start:10px;inset-inline-start:10px;
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);
  border:1px solid var(--a2-border);display:grid;place-items:center;cursor:pointer;
  backdrop-filter:blur(4px);transition:all var(--a2-dur)
}
.a2-jwb-watch-card-fav:hover{background:#fff;color:var(--a2-danger)}
.a2-jwb-watch-card-flag{position:absolute;inset-block-start:10px;inset-inline-end:10px}
.a2-jwb-watch-card-body{display:grid;gap:var(--a2-sp-2);padding:var(--a2-sp-4)}
.a2-jwb-watch-card-body h3{font-size:var(--a2-fs-md);font-weight:var(--a2-fw-bold)}
.a2-jwb-watch-card-body h3 a:hover{color:var(--a2-gold-900)}
.a2-jwb-watch-card-en{font-size:var(--a2-fs-xs);color:var(--a2-ink-400);direction:ltr;text-align:right;letter-spacing:.2px}
.a2-jwb-watch-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--a2-fs-2xs);color:var(--a2-ink-500)}
.a2-jwb-watch-card-meta span{display:inline-flex;align-items:center;gap:3px;background:var(--a2-surface-2);border-radius:var(--a2-r-xs);padding:3px 7px}
.a2-jwb-watch-card-price{font-size:var(--a2-fs-lg);font-weight:var(--a2-fw-black);color:var(--a2-ink-900);margin-block-start:2px}
.a2-jwb-watch-card-price small{font-size:var(--a2-fs-xs);font-weight:var(--a2-fw-medium);color:var(--a2-ink-500)}
.a2-jwb-watch-card-foot{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--a2-sp-1)}

/* فرم و ورودی‌ها */
.a2-jwb-form{display:grid;gap:var(--a2-sp-5)}
.a2-jwb-form-row{display:grid;gap:var(--a2-sp-4)}
@media(min-width:640px){.a2-jwb-form-row--2{grid-template-columns:1fr 1fr}.a2-jwb-form-row--3{grid-template-columns:repeat(3,1fr)}}
.a2-jwb-field{display:grid;gap:var(--a2-sp-2)}
.a2-jwb-label{font-size:var(--a2-fs-sm);font-weight:var(--a2-fw-bold);color:var(--a2-ink-800)}
.a2-jwb-label .a2-jwb-req{color:var(--a2-danger);margin-inline-start:2px}
.a2-jwb-hint{font-size:var(--a2-fs-xs);color:var(--a2-ink-400)}
.a2-jwb-input,.a2-jwb-select,.a2-jwb-textarea{
  width:100%;font-family:inherit;font-size:var(--a2-fs-base);color:var(--a2-ink-800);
  background:var(--a2-surface);border:1px solid var(--a2-border-strong);
  border-radius:var(--a2-r-sm);padding:13px 14px;min-height:48px;
  transition:border-color var(--a2-dur),box-shadow var(--a2-dur);
}
.a2-jwb-textarea{min-height:120px;resize:vertical;line-height:var(--a2-lh-normal)}
.a2-jwb-input::placeholder,.a2-jwb-textarea::placeholder{color:var(--a2-ink-400)}
.a2-jwb-input:focus,.a2-jwb-select:focus,.a2-jwb-textarea:focus{
  outline:none;border-color:var(--a2-gold-600);box-shadow:0 0 0 3px rgba(185,137,31,.16)
}
.a2-jwb-input--invalid{border-color:var(--a2-danger)!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.a2-jwb-error{font-size:var(--a2-fs-xs);color:var(--a2-danger);display:flex;align-items:center;gap:4px}
.a2-jwb-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-inline-start:40px}
.a2-jwb-input-group{display:flex;align-items:stretch;border:1px solid var(--a2-border-strong);border-radius:var(--a2-r-sm);overflow:hidden;background:#fff}
.a2-jwb-input-group:focus-within{border-color:var(--a2-gold-600);box-shadow:0 0 0 3px rgba(185,137,31,.16)}
.a2-jwb-input-group .a2-jwb-input{border:0;box-shadow:none}
.a2-jwb-input-affix{display:flex;align-items:center;padding-inline:14px;background:var(--a2-surface-2);color:var(--a2-ink-500);font-size:var(--a2-fs-sm);font-weight:var(--a2-fw-bold);white-space:nowrap;border-inline-start:1px solid var(--a2-border)}
.a2-jwb-check{display:flex;align-items:flex-start;gap:var(--a2-sp-2);cursor:pointer;font-size:var(--a2-fs-sm)}
.a2-jwb-check input{width:20px;height:20px;accent-color:var(--a2-gold-600);margin-top:1px;flex:none}
.a2-jwb-switch{position:relative;width:46px;height:26px;flex:none}
.a2-jwb-switch input{opacity:0;width:100%;height:100%;cursor:pointer}
.a2-jwb-switch i{position:absolute;inset:0;background:var(--a2-ink-300);border-radius:var(--a2-r-pill);transition:.2s}
.a2-jwb-switch i::after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s}
.a2-jwb-switch input:checked + i{background:var(--a2-gold-600)}
.a2-jwb-switch input:checked + i::after{inset-inline-end:23px}
.a2-jwb-choice{display:grid;gap:var(--a2-sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.a2-jwb-choice label{display:flex;gap:var(--a2-sp-2);align-items:center;padding:14px;border:1.5px solid var(--a2-border-strong);border-radius:var(--a2-r-md);cursor:pointer;transition:.15s;background:#fff}
.a2-jwb-choice label:hover{border-color:var(--a2-gold-400)}
.a2-jwb-choice input{accent-color:var(--a2-gold-600)}
.a2-jwb-choice input:checked + span{font-weight:var(--a2-fw-bold)}
.a2-jwb-choice label:has(input:checked){border-color:var(--a2-gold-600);background:var(--a2-gold-50);box-shadow:0 0 0 3px rgba(185,137,31,.1)}
.a2-jwb-upload{border:1.5px dashed var(--a2-border-strong);border-radius:var(--a2-r-md);background:var(--a2-surface-2);padding:var(--a2-sp-8) var(--a2-sp-4);text-align:center;cursor:pointer;transition:.15s}
.a2-jwb-upload:hover{border-color:var(--a2-gold-500);background:var(--a2-gold-50)}
.a2-jwb-upload-icon{font-size:34px;color:var(--a2-gold-600)}
.a2-jwb-upload-title{font-weight:var(--a2-fw-bold);margin-block:8px 4px}
.a2-jwb-upload-hint{font-size:var(--a2-fs-xs);color:var(--a2-ink-400)}

/* کد یک‌بارمصرف پیامکی (OTP) */
.a2-jwb-otp{display:flex;gap:var(--a2-sp-2);justify-content:center;direction:ltr}
.a2-jwb-otp input{width:52px;height:60px;text-align:center;font-size:var(--a2-fs-2xl);font-weight:var(--a2-fw-bold);border:1.5px solid var(--a2-border-strong);border-radius:var(--a2-r-md);font-family:var(--a2-font-num)}
.a2-jwb-otp input:focus{outline:none;border-color:var(--a2-gold-600);box-shadow:0 0 0 3px rgba(185,137,31,.16)}
.a2-jwb-otp-timer{text-align:center;font-size:var(--a2-fs-sm);color:var(--a2-ink-500);margin-block-start:var(--a2-sp-4)}
.a2-jwb-otp-timer b{color:var(--a2-gold-900);font-family:var(--a2-font-num)}

/* نوار ناوبری بالا */
.a2-jwb-topbar{position:sticky;top:0;z-index:var(--a2-z-nav);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);color:var(--a2-ink-800);border-bottom:1px solid var(--a2-border)}
.a2-jwb-topbar-inner{max-width:var(--a2-container);margin-inline:auto;display:flex;align-items:center;gap:var(--a2-sp-5);padding:12px var(--a2-sp-4);min-height:64px}
.a2-jwb-brand{display:flex;align-items:center;gap:10px;font-weight:var(--a2-fw-black);font-size:var(--a2-fs-lg);color:var(--a2-ink-900);white-space:nowrap}
.a2-jwb-brand .a2-jwb-brand-mark{width:34px;height:34px;border-radius:9px;background:var(--a2-gold-grad);display:grid;place-items:center;color:#fff;font-size:18px}
.a2-jwb-brand small{display:block;font-size:var(--a2-fs-2xs);font-weight:var(--a2-fw-medium);color:var(--a2-gold-700)}
.a2-jwb-topnav{display:flex;gap:var(--a2-sp-5);margin-inline-end:auto;font-size:var(--a2-fs-sm);font-weight:var(--a2-fw-medium)}
.a2-jwb-topnav a{color:var(--a2-ink-600);padding:6px 2px;border-bottom:2px solid transparent;transition:.15s}
.a2-jwb-topnav a:hover,.a2-jwb-topnav a[aria-current]{color:var(--a2-gold-700);border-color:var(--a2-gold-500)}
.a2-jwb-topbar-actions{display:flex;align-items:center;gap:var(--a2-sp-3)}
.a2-jwb-iconbtn{position:relative;width:42px;height:42px;border-radius:11px;border:1px solid var(--a2-border);background:var(--a2-surface-2);color:var(--a2-ink-700);display:grid;place-items:center;cursor:pointer;transition:.15s}
.a2-jwb-iconbtn:hover{background:var(--a2-gold-50);border-color:var(--a2-gold-400)}
.a2-jwb-iconbtn .a2-jwb-dot{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--a2-rose-500);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}
.a2-jwb-burger{display:none}
.a2-jwb-bottomnav{display:none}
@media(max-width:768px){
  .a2-jwb-topnav{display:none}
  .a2-jwb-burger{display:grid}
  .a2-jwb-bottomnav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:var(--a2-z-nav);background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--a2-border);box-shadow:0 -4px 16px rgba(21,23,28,.06);padding:6px max(env(safe-area-inset-bottom),6px)}
  .a2-jwb-bottomnav a{flex:1;display:grid;justify-items:center;gap:3px;padding:7px 0;color:var(--a2-ink-500);font-size:10px}
  .a2-jwb-bottomnav a[aria-current]{color:var(--a2-gold-700)}
  .a2-jwb-bottomnav .a2-jwb-ico{font-size:19px}
}

/* بردکرامب */
.a2-jwb-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--a2-fs-sm);color:var(--a2-ink-500);padding-block:var(--a2-sp-4)}
.a2-jwb-breadcrumb a:hover{color:var(--a2-gold-900)}
.a2-jwb-breadcrumb li{display:flex;align-items:center;gap:6px;list-style:none}
.a2-jwb-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.a2-jwb-breadcrumb-sep{color:var(--a2-ink-300)}
.a2-jwb-breadcrumb [aria-current]{color:var(--a2-ink-800);font-weight:var(--a2-fw-bold)}

/* نشانگر مراحل ویزارد (a2-jwb-steps) */
.a2-jwb-steps{display:flex;align-items:flex-start;counter-reset:step;overflow-x:auto;padding-block:var(--a2-sp-2);gap:0}
.a2-jwb-steps .a2-jwb-step{flex:1;min-width:90px;text-align:center;position:relative;color:var(--a2-ink-400)}
.a2-jwb-steps .a2-jwb-step::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:38px;height:38px;margin-inline:auto;border-radius:50%;background:#fff;border:2px solid var(--a2-border-strong);font-weight:var(--a2-fw-bold);color:var(--a2-ink-400);position:relative;z-index:2;font-family:var(--a2-font-num)}
.a2-jwb-steps .a2-jwb-step::after{content:"";position:absolute;top:19px;inset-inline-start:50%;width:100%;height:2px;background:var(--a2-border);z-index:1}
.a2-jwb-steps .a2-jwb-step:last-child::after{display:none}
.a2-jwb-step-label{display:block;font-size:var(--a2-fs-xs);margin-block-start:8px;font-weight:var(--a2-fw-medium)}
.a2-jwb-steps .a2-jwb-step--active{color:var(--a2-gold-900)}
.a2-jwb-steps .a2-jwb-step--active::before{border-color:var(--a2-gold-600);color:var(--a2-gold-900);box-shadow:0 0 0 4px var(--a2-gold-50)}
.a2-jwb-steps .a2-jwb-step--done{color:var(--a2-ink-800)}
.a2-jwb-steps .a2-jwb-step--done::before{content:"\2713";background:var(--a2-gold-grad);border-color:transparent;color:#fff}
.a2-jwb-steps .a2-jwb-step--done::after{background:var(--a2-gold-400)}
.a2-jwb-wizard-panel{background:#fff;border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);padding:var(--a2-sp-6);margin-block-start:var(--a2-sp-6);box-shadow:var(--a2-shadow-sm)}
.a2-jwb-wizard-foot{display:flex;justify-content:space-between;gap:var(--a2-sp-3);margin-block-start:var(--a2-sp-6);padding-block-start:var(--a2-sp-5);border-top:1px solid var(--a2-border)}

/* کارت ساده/سکشن + جدول و داشبورد */
.a2-jwb-card{background:#fff;border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);box-shadow:var(--a2-shadow-sm)}
.a2-jwb-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--a2-sp-3);padding:var(--a2-sp-5);border-bottom:1px solid var(--a2-border)}
.a2-jwb-card-head h3{font-size:var(--a2-fs-md)}
.a2-jwb-card-body{padding:var(--a2-sp-5)}
.a2-jwb-stat-grid{display:grid;gap:var(--a2-sp-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.a2-jwb-stat{background:#fff;border:1px solid var(--a2-border);border-radius:var(--a2-r-md);padding:var(--a2-sp-5);box-shadow:var(--a2-shadow-xs)}
.a2-jwb-stat-label{font-size:var(--a2-fs-xs);color:var(--a2-ink-500)}
.a2-jwb-stat-value{font-size:var(--a2-fs-2xl);font-weight:var(--a2-fw-black);color:var(--a2-ink-900);margin-block:6px 2px;font-family:var(--a2-font-num)}
.a2-jwb-stat-trend{font-size:var(--a2-fs-xs);font-weight:var(--a2-fw-bold)}
.a2-jwb-stat-trend--up{color:var(--a2-success)} .a2-jwb-stat-trend--down{color:var(--a2-danger)}
.a2-jwb-table-wrap{overflow-x:auto;border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);background:#fff}
.a2-jwb-table{width:100%;border-collapse:collapse;font-size:var(--a2-fs-sm);min-width:640px}
.a2-jwb-table th{text-align:right;font-weight:var(--a2-fw-bold);color:var(--a2-ink-500);background:var(--a2-surface-2);padding:13px 16px;white-space:nowrap;border-bottom:1px solid var(--a2-border)}
.a2-jwb-table td{padding:14px 16px;border-bottom:1px solid var(--a2-border);vertical-align:middle}
.a2-jwb-table tr:last-child td,.a2-jwb-table tbody tr:last-child td{border-bottom:0}
.a2-jwb-table tbody tr:hover{background:var(--a2-gold-50)}
.a2-jwb-table-thumb{width:46px;height:46px;border-radius:9px;background:var(--a2-surface-2);display:grid;place-items:center;color:var(--a2-gold-900);overflow:hidden}
.a2-jwb-table-cell{display:flex;align-items:center;gap:10px}

/* حالت خالی */
.a2-jwb-empty{text-align:center;padding:var(--a2-sp-12) var(--a2-sp-4);display:grid;justify-items:center;gap:var(--a2-sp-3)}
.a2-jwb-empty-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--a2-gold-grad-soft);color:var(--a2-gold-900);font-size:40px}
.a2-jwb-empty-title{font-size:var(--a2-fs-lg);font-weight:var(--a2-fw-bold)}
.a2-jwb-empty-text{color:var(--a2-ink-500);font-size:var(--a2-fs-sm);max-width:360px}

/* فیلتر کناری + صفحه‌بندی */
.a2-jwb-listing{display:grid;gap:var(--a2-sp-6);grid-template-columns:1fr}
@media(min-width:992px){.a2-jwb-listing{grid-template-columns:288px 1fr}}
.a2-jwb-filters{background:#fff;border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);padding:var(--a2-sp-5);align-self:start;box-shadow:var(--a2-shadow-sm)}
@media(min-width:992px){.a2-jwb-filters{position:sticky;top:84px}}
.a2-jwb-filter-group{padding-block:var(--a2-sp-4);border-bottom:1px solid var(--a2-border)}
.a2-jwb-filter-group:first-child{padding-top:0}
.a2-jwb-filter-group:last-child{border-bottom:0;padding-bottom:0}
.a2-jwb-filter-title{font-size:var(--a2-fs-sm);font-weight:var(--a2-fw-bold);margin-block-end:var(--a2-sp-3);display:flex;justify-content:space-between;align-items:center}
.a2-jwb-filter-list{display:grid;gap:var(--a2-sp-2)}
.a2-jwb-chips{display:flex;flex-wrap:wrap;gap:8px}
.a2-jwb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--a2-r-pill);border:1px solid var(--a2-border-strong);background:#fff;font-size:var(--a2-fs-xs);font-weight:var(--a2-fw-medium);cursor:pointer;transition:.15s}
.a2-jwb-chip:hover{border-color:var(--a2-gold-400)}
.a2-jwb-chip--active{background:var(--a2-gold-50);border-color:var(--a2-gold-600);color:var(--a2-gold-900);font-weight:var(--a2-fw-bold)}
.a2-jwb-chip-remove{cursor:pointer;opacity:.6}
.a2-jwb-toolbar{display:flex;flex-wrap:wrap;gap:var(--a2-sp-3);align-items:center;justify-content:space-between;margin-block-end:var(--a2-sp-4)}
.a2-jwb-result-count{font-size:var(--a2-fs-sm);color:var(--a2-ink-500)}
.a2-jwb-result-count b{color:var(--a2-ink-900);font-family:var(--a2-font-num)}
.a2-jwb-filter-toggle{display:none}
@media(max-width:991px){.a2-jwb-filter-toggle{display:inline-flex}}
.a2-jwb-pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin-block-start:var(--a2-sp-8);flex-wrap:wrap}
.a2-jwb-pagination a,.a2-jwb-pagination span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:var(--a2-r-sm);border:1px solid var(--a2-border-strong);background:#fff;font-weight:var(--a2-fw-bold);font-family:var(--a2-font-num);cursor:pointer;transition:.15s}
.a2-jwb-pagination a:hover{border-color:var(--a2-gold-500);color:var(--a2-gold-900)}
.a2-jwb-pagination .is-active{background:var(--a2-gold-grad);color:#fff;border-color:transparent}
.a2-jwb-pagination .is-disabled{opacity:.4;pointer-events:none}

/* صفحه‌ی جزئیات ساعت */
.a2-jwb-detail{display:grid;gap:var(--a2-sp-8);grid-template-columns:1fr}
@media(min-width:992px){.a2-jwb-detail{grid-template-columns:1.1fr .9fr;align-items:start}}
.a2-jwb-gallery-main{aspect-ratio:1/1;background:var(--a2-surface-2);border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);display:grid;place-items:center;color:var(--a2-gold-900);font-size:72px;overflow:hidden}
.a2-jwb-gallery-thumbs{display:flex;gap:10px;margin-block-start:12px;flex-wrap:wrap}
.a2-jwb-gallery-thumb{width:72px;height:72px;border-radius:var(--a2-r-sm);background:var(--a2-surface-2);border:1.5px solid var(--a2-border);display:grid;place-items:center;cursor:pointer;color:var(--a2-gold-700)}
.a2-jwb-gallery-thumb--active{border-color:var(--a2-gold-600)}
.a2-jwb-detail-title{font-size:var(--a2-fs-2xl);font-weight:var(--a2-fw-black)}
.a2-jwb-detail-en{color:var(--a2-ink-400);direction:ltr;text-align:right;margin-block:4px 0}
.a2-jwb-detail-price{font-size:var(--a2-fs-3xl);font-weight:var(--a2-fw-black);color:var(--a2-ink-900);font-family:var(--a2-font-num);margin-block:var(--a2-sp-4)}
.a2-jwb-spec-list{display:grid;gap:0;border:1px solid var(--a2-border);border-radius:var(--a2-r-md);overflow:hidden;margin-block:var(--a2-sp-5)}
.a2-jwb-spec-list div{display:flex;justify-content:space-between;gap:var(--a2-sp-3);padding:11px 14px;font-size:var(--a2-fs-sm)}
.a2-jwb-spec-list div:nth-child(odd){background:var(--a2-surface-2)}
.a2-jwb-spec-list dt{color:var(--a2-ink-500)} .a2-jwb-spec-list dd{margin:0;font-weight:var(--a2-fw-bold)}
.a2-jwb-trust{display:flex;flex-wrap:wrap;gap:var(--a2-sp-3);margin-block:var(--a2-sp-5)}
.a2-jwb-trust div{flex:1;min-width:130px;display:flex;gap:10px;align-items:center;background:var(--a2-gold-50);border:1px solid var(--a2-gold-200);border-radius:var(--a2-r-md);padding:12px}
.a2-jwb-trust .a2-jwb-ico{color:var(--a2-gold-900);font-size:20px}
.a2-jwb-trust b{font-size:var(--a2-fs-sm);display:block} .a2-jwb-trust small{font-size:var(--a2-fs-2xs);color:var(--a2-ink-500)}
.a2-jwb-seller-box{display:flex;align-items:center;gap:12px;border:1px solid var(--a2-border);border-radius:var(--a2-r-md);padding:14px;margin-block:var(--a2-sp-5)}
.a2-jwb-seller-avatar{width:46px;height:46px;border-radius:50%;background:var(--a2-ink-900);color:var(--a2-gold-400);display:grid;place-items:center;font-weight:800}

/* هیرو و ویژگی‌ها (صفحه‌ی اصلی) */
.a2-jwb-hero{position:relative;background:linear-gradient(135deg,var(--a2-gold-50) 0%,#ffffff 52%,var(--a2-rose-50) 100%);color:var(--a2-ink-800);border:1px solid var(--a2-gold-200);border-radius:var(--a2-r-xl);overflow:hidden;padding:var(--a2-sp-12) var(--a2-sp-6)}
.a2-jwb-hero::after{content:"";position:absolute;inset-block-start:-40%;inset-inline-start:-10%;width:55%;height:160%;background:radial-gradient(closest-side,rgba(222,123,133,.16),transparent);pointer-events:none}
.a2-jwb-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--a2-gold-700);font-size:var(--a2-fs-sm);font-weight:var(--a2-fw-bold);margin-block-end:var(--a2-sp-4)}
.a2-jwb-hero h1{font-size:var(--a2-fs-4xl);line-height:1.25;max-width:680px;color:var(--a2-ink-900)}
.a2-jwb-hero h1 span{background:var(--a2-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.a2-jwb-hero-intro{color:var(--a2-ink-600);max-width:560px;margin-block:var(--a2-sp-4)}
.a2-jwb-hero-actions{display:flex;flex-wrap:wrap;gap:var(--a2-sp-3);margin-block-start:var(--a2-sp-6)}
.a2-jwb-features{display:grid;gap:var(--a2-sp-4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-block:var(--a2-sp-10)}
.a2-jwb-feature{background:#fff;border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);padding:var(--a2-sp-6);box-shadow:var(--a2-shadow-xs);transition:.18s}
.a2-jwb-feature:hover{box-shadow:var(--a2-shadow-md);transform:translateY(-3px)}
.a2-jwb-feature-icon{width:52px;height:52px;border-radius:14px;background:var(--a2-gold-grad-soft);color:var(--a2-gold-900);display:grid;place-items:center;font-size:24px;margin-block-end:var(--a2-sp-3)}
.a2-jwb-feature h3{font-size:var(--a2-fs-md);margin-block-end:6px}
.a2-jwb-feature p{font-size:var(--a2-fs-sm);color:var(--a2-ink-500)}
.a2-jwb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--a2-sp-4);margin-block:var(--a2-sp-10) var(--a2-sp-5)}
.a2-jwb-section-head h2{font-size:var(--a2-fs-2xl)}
.a2-jwb-section-head p{color:var(--a2-ink-500);font-size:var(--a2-fs-sm);margin-block-start:6px}

/* پل سازگاری: نگاشت کلاس‌های قدیمی به سیستم جدید */
.a2-jwb-button-primary.a2-jwb-primary{background:var(--a2-gold-grad);color:#fff}
.a2-jwb-empty-state{text-align:center;padding:var(--a2-sp-12) var(--a2-sp-4);background:#fff;border:1px solid var(--a2-border);border-radius:var(--a2-r-lg);box-shadow:var(--a2-shadow-sm);max-width:560px;margin-inline:auto}
.a2-jwb-empty-state-icon{width:88px;height:88px;border-radius:50%;display:inline-grid;place-items:center;background:var(--a2-gold-grad-soft);color:var(--a2-gold-900);font-size:40px;margin-block-end:var(--a2-sp-3)}

/* فاصله‌ی پایین برای پایین‌نوار ثابت موبایل */
@media(max-width:768px){
  .a2-jwb-fullwidth-main{padding-bottom:76px}
}

/* شمارش معکوس صفحهٔ پرداخت اختصاصی ۲۴ساعته */
.a2-jwb-countdown{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:14px 18px;border-radius:var(--a2-r-md);background:var(--a2-ink-950);color:#fff;border:1px solid rgba(212,180,95,.3)}
.a2-jwb-countdown-label{font-size:var(--a2-fs-sm);color:var(--a2-gold-400);font-weight:var(--a2-fw-bold)}
.a2-jwb-countdown-time{font-size:var(--a2-fs-2xl);font-weight:var(--a2-fw-black);letter-spacing:1px;color:#fff}
.a2-jwb-countdown.is-expired{border-color:#E7B7B2}
.a2-jwb-countdown.is-expired .a2-jwb-countdown-time{color:#E7B7B2}
.a2-jwb-summary-table{width:100%;border-collapse:collapse;margin:8px 0}
.a2-jwb-summary-table th{text-align:right;color:var(--a2-ink-500);font-weight:var(--a2-fw-medium);padding:11px 4px;border-bottom:1px solid var(--a2-border);font-size:var(--a2-fs-sm)}
.a2-jwb-summary-table td{text-align:left;padding:11px 4px;border-bottom:1px solid var(--a2-border);font-size:var(--a2-fs-md)}

/* ===================================================================
   زیرنوارِ باریکِ بازارچه — زیر هدر سایت، نه یک هدر رقیب
   =================================================================== */
.a2-jwb-subnav{background:var(--a2-surface);border-bottom:1px solid var(--a2-border);margin-bottom:var(--a2-sp-6)}
.a2-jwb-subnav-inner{max-width:var(--a2-container);margin-inline:auto;display:flex;align-items:center;gap:var(--a2-sp-4);padding:8px var(--a2-sp-4);flex-wrap:wrap}
.a2-jwb-subnav-label{font-size:var(--a2-fs-xs);font-weight:var(--a2-fw-bold);color:var(--a2-gold-700);white-space:nowrap;padding-inline-end:var(--a2-sp-3);border-inline-end:1px solid var(--a2-border)}
.a2-jwb-subnav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.a2-jwb-subnav-list a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--a2-r-sm);color:var(--a2-ink-600);text-decoration:none;font-size:var(--a2-fs-sm);font-weight:var(--a2-fw-medium);transition:.15s}
.a2-jwb-subnav-list a:hover{background:var(--a2-surface-2);color:var(--a2-gold-700)}
.a2-jwb-subnav-list a.is-active{color:var(--a2-gold-900);background:var(--a2-gold-50);font-weight:var(--a2-fw-bold)}
.a2-jwb-subnav-cta{margin-inline-start:auto;background:var(--a2-gold-grad);color:#fff!important;font-weight:var(--a2-fw-bold)!important}
.a2-jwb-subnav-cta:hover{filter:brightness(1.05)}
@media(max-width:768px){
  /* On mobile the bottom nav covers navigation; hide the inline sub-nav links but keep a slim label bar. */
  .a2-jwb-subnav-list{display:none}
  .a2-jwb-subnav{margin-bottom:var(--a2-sp-4)}
  .a2-jwb-subnav-label{border:0}
}