/* زرنوبل — هویتِ دیداری. بعد از main.cssِ مادر بار می‌شود و فقط آن را بازنویسی می‌کند.
   «گرافیت و یاقوتِ کبود»: زمینهٔ خاکستریِ سرد، متنِ تقریباً مشکی، یک رنگِ تأکید (آبیِ یاقوتی).
   هیچ طلایی، هیچ سبزی، هیچ گنبدی — عمداً دور از عبدالی (کرم/سبز/طلایی/طاق). */

@font-face{font-family:"Estedad";src:url(../fonts/Estedad-var.woff2) format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}
/* قالبِ مادر نامِ این دو فونت را در ۳۰+ جا مستقیم نوشته؛ به‌جای بازنویسیِ تک‌تک، همان نام‌ها به استداد اشاره می‌کنند. */
@font-face{font-family:"Vazirmatn";src:url(../fonts/Estedad-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Naskh Arabic";src:url(../fonts/Estedad-var.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --paper:#F4F5F7; --cream:#EAEDF1; --sand:#E1E5EB; --ink:#12161C;
  --body:#3A424C; --mute:#5F6873; --line:#DCE0E6; --line-2:#C5CBD3;
  --em:#151A21; --em-2:#222A35; --em-ink:#EEF1F5;
  --gold:#2F55A4; --gold-2:#9DB2DE; --gold-soft:#E3E9F6; --gold-tx:#2A4C93;
  --zb-acc:#2F55A4; --zb-acc-ink:#fff; --zb-acc-dk:#22407D;
  --r:6px; --rl:10px; --dome:10px; --dome-d:10px; --btnr:6px;
  --nas:"Estedad",system-ui,sans-serif;
}
body{font-family:"Estedad",system-ui,sans-serif;font-feature-settings:"ss01";letter-spacing:0}
h1,h2,h3,.h-xl,.h-l{font-family:"Estedad",system-ui,sans-serif;font-weight:800;line-height:1.45;letter-spacing:-.01em}
.h-l{font-size:clamp(22px,2.3vw,30px)}
.flr{display:none!important}                 /* زینتِ بال‌مانندِ عبدالی بالای هر بخش */
.eyebrow{color:var(--zb-acc);letter-spacing:0;font-weight:700}
.eyebrow::after{width:22px;background:var(--zb-acc)}
.btn,.button,button.single_add_to_cart_button{border-radius:var(--r)!important}
:focus-visible{outline-color:var(--zb-acc)}

/* ---------- دکمه ---------- */
.zb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;
  border-radius:var(--r);background:var(--zb-acc);color:var(--zb-acc-ink);font-weight:700;font-size:15px;
  border:1px solid var(--zb-acc);transition:background .2s,color .2s,border-color .2s}
.zb-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.zb-btn--light{background:#fff;color:var(--ink);border-color:#fff}
@media (hover:hover) and (pointer:fine){
  .zb-btn:hover{background:var(--zb-acc-dk);border-color:var(--zb-acc-dk)}
  .zb-btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
  .zb-btn--light:hover{background:var(--em-ink)}
}
.zb-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--zb-acc);margin:0 0 14px}
.zb-kicker::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}

/* ---------- بالای صفحه: تیتر + تابلوی دسته‌ها (جای تابلوی قیمتِ رخ) ---------- */
.zb-hero{background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.zb-hero__in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;
  padding-top:clamp(36px,6vw,84px);padding-bottom:clamp(36px,6vw,84px)}
.zb-hero__title{font-size:clamp(34px,5.2vw,64px);line-height:1.25;font-weight:900;color:var(--ink);margin:0}
.zb-hero__text{margin-top:18px;font-size:17px;color:var(--body);max-width:34ch}
.zb-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.zb-hero__board{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:18px;
  box-shadow:0 24px 60px -32px rgba(18,22,28,.28)}
.zb-board__head{font-size:13px;font-weight:700;color:var(--mute);margin:2px 4px 14px}
.zb-board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zb-board a{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--cream)}
.zb-board img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.zb-board a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,13,18,.78))}
.zb-board__name,.zb-board__n{position:absolute;right:12px;z-index:1;color:#fff}
.zb-board__name{bottom:30px;font-weight:800;font-size:15px}
.zb-board__n{bottom:10px;font-size:12px;opacity:.85}
@media (hover:hover) and (pointer:fine){ .zb-board a:hover img{transform:scale(1.05)} }

/* ---------- نوارِ مزیت‌ها (همان جای نوارِ ۵ مزیتِ رخ) ---------- */
.trust{background:transparent;padding:clamp(22px,3vw,34px) 0 0}
.trust ul{background:#fff;border:1px solid var(--line);border-radius:var(--rl);box-shadow:none}
.trust li{border-color:var(--line)!important}
.trust .ti{background:var(--gold-soft);color:var(--zb-acc);border:0;border-radius:var(--r)}
.trust .tt{color:var(--ink);font-weight:600}

/* ---------- دسته‌ها ---------- */
.zb-cats{padding:clamp(26px,3.4vw,44px) 0 0}
.zb-cats__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zb-cats__list a{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid var(--line);
  border-radius:var(--rl);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.zb-cats__img{flex:none;width:56px;height:56px;border-radius:var(--r);overflow:hidden;background:var(--cream)}
.zb-cats__img img{width:100%;height:100%;object-fit:cover}
.zb-cats__t{flex:1;display:flex;flex-direction:column;font-weight:700;font-size:15px;line-height:1.5}
.zb-cats__t small{font-weight:500;font-size:12px;color:var(--mute)}
.zb-cats__list .svg{width:18px;height:18px;color:var(--mute)}
@media (hover:hover) and (pointer:fine){ .zb-cats__list a:hover{border-color:var(--zb-acc);box-shadow:0 8px 24px -16px rgba(47,85,164,.6)} }

/* ---------- ریلِ هر دسته (مثلِ ردیف‌های رخ) ---------- */
.zb-catrail{padding-top:clamp(40px,5vw,64px)}
.zb-catrail .head{border-bottom:1px solid var(--line);padding-bottom:14px}
.zb-catrail .head .btn{min-height:40px;padding:0 16px;font-size:14px}
.zb-catrail .rail{justify-content:flex-start}

/* ---------- کارتِ محصول ---------- */
.card.zb-card{--cw:clamp(210px,23vw,264px);background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;transform:none!important}
.card.zb-card .fr::before{display:none}
.card.zb-card .ph{border-radius:0;aspect-ratio:1/1;height:auto;background:var(--cream)}
.card.zb-card .ph img{aspect-ratio:1/1;height:100%}
.card.zb-card .bd{padding:14px 14px 12px;text-align:right}
.zb-card__cat{font-size:12px;color:var(--mute);margin:0 0 2px}
.card.zb-card h3{font-family:"Estedad",sans-serif;font-size:15px;font-weight:700;line-height:1.6;min-height:3.2em}
.zb-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;
  padding-top:10px;border-top:1px dashed var(--line)}
.card.zb-card .price{font-size:16px;font-weight:800;color:var(--ink);margin:0}
.card.zb-card .price small{font-size:12px;font-weight:500;color:var(--mute)}
.zb-card__go{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r);background:var(--ink);color:#fff}
.card.zb-card .tag{background:var(--ink);color:#fff;border-radius:4px;font-size:11px}
.card.zb-card .wish{border-radius:var(--r)}
@media (hover:hover) and (pointer:fine){
  .card.zb-card:hover{border-color:var(--line-2);box-shadow:0 18px 40px -26px rgba(18,22,28,.35)}
  .zb-card__go:hover{background:var(--zb-acc)}
}
.grid .card.zb-card{--cw:auto}

/* ---------- درباره ما ---------- */
.zb-about{padding:clamp(48px,6vw,80px) 0}
.zb-about__box{display:grid;grid-template-columns:1.1fr 1fr;background:var(--em);color:var(--em-ink);
  border-radius:var(--rl);overflow:hidden;min-height:320px}
.zb-about__box.is-text{grid-template-columns:1fr}
.zb-about__copy{padding:clamp(28px,4.5vw,56px);display:flex;flex-direction:column;justify-content:center;gap:4px}
.zb-about__copy .zb-kicker{color:var(--gold-2)}
.zb-about__copy h2{color:#fff;font-size:clamp(24px,2.6vw,34px);margin-bottom:10px}
.zb-about__copy p{color:#C9D0DA;font-size:16px;line-height:2;max-width:46ch;margin-bottom:22px}
.zb-about__copy .zb-btn{align-self:flex-start}
.zb-about__img img{width:100%;height:100%;object-fit:cover}

/* ---------- شعب ---------- */
#branches .brimg img,#branches .brimg{border-radius:var(--rl)!important}
.brc{border-radius:var(--rl)!important;background:#fff}

/* ---------- فوتر و سرصفحه ---------- */
.site-footer,footer.ft,footer{--gold:var(--gold-2)}
.nlf button,.nlf .btn{background:var(--zb-acc)!important;border-color:var(--zb-acc)!important;color:#fff!important}

/* ---------- موبایل ---------- */
@media (max-width:900px){
  .zb-hero__in{grid-template-columns:1fr}
  .zb-cats__list{grid-template-columns:1fr 1fr}
  .zb-about__box{grid-template-columns:1fr}
  .zb-about__img{order:-1;max-height:240px}
}
@media (max-width:480px){
  .zb-cats__list{grid-template-columns:1fr}
  .zb-hero__cta .zb-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){ .zb-board img,.zb-btn,.zb-cats__list a{transition:none} }

/* رنگ‌های سبزِ باقی‌مانده از قالبِ مادر (ساعتِ شعبه، «موجود») */
.brc .hs,.brc [class*="hour"],.ok{color:var(--zb-acc)!important}