/* =========================================================================
   AROOSYAR • Design System v3
   پالت اصلی: آبی کمرنگ (#AFC5D3) · سرمه‌ای فقط به‌عنوان تایپوگرافی/لهجه
   قواعد: یک شعاع گردی، یک پدینگ داخلی، آیکن‌ها فقط SVG
   نصب: این فایل را بعد از bootstrap.rtl.min.css لود کنید (جایگزین
   aroosyar-additions.css نسخهٔ قبلی می‌شود).
   ========================================================================= */

/* ----------------------------- 1. TOKENS ------------------------------- */
:root{
  /* رنگ‌ها */
  --ink:#0F1533;              /* متن اصلی (سرمه‌ای ملایم‌تر) */
  --navy:#0F1533;             /* alias برای هماهنگی با business-dashboard.css (که فقط اونجا لود می‌شه) */
  --ink-2:#43507A;            /* متن ثانویه */
  --muted:#7C88A8;            /* متن کم‌رنگ */

  --sky: #A3BEE7;              /* رنگ اصلی برند */
  --sky-50:#F4F8FB;           /* پس‌زمینه صفحه */
  --sky-100:#E7F0F6;          /* سطح ملایم */
  --sky-200:#D3E2EC;          /* حاشیه/سطح */
  --sky-400:#A3BEE7;          /* حالت هاور */
  --sky-600: #7099d6;          /* تاکید */

  --gold:#F3D9B8;
  --gold-2:#E3BE8C;
  --gold-ink:#8A6534;

  --surface:#FFFFFF;
  --line:#E3ECF2;
  --line-strong:#CFDDE7;

  --ok:#3FB98B;
  --warn:#E8A33D;
  --bad:#E4695C;

  /* هندسه — همه‌جا یکسان */
  --r:22px;                   /* شعاع باکس‌ها */
  --r-sm:14px;                /* شعاع المان‌های کوچک */
  --r-pill:15px;
  --pad:24px;                 /* پدینگ داخلی باکس‌ها */
  --pad-sm:16px;
  --gap:20px;

  /* سایه‌ها */
  --sh-1:0 2px 10px rgba(15,21,51,.04);
  --sh-2:0 12px 32px -18px rgba(15,21,51,.28);
  --sh-3:0 26px 60px -30px rgba(15,21,51,.35);
  --sh-sky:0 18px 40px -22px rgba(92,130,153,.55);

  --t:.28s cubic-bezier(.22,.75,.3,1);
}
/*@font-face {*/
/*  font-family: 'Pinar VF';*/
/*  src: url('webfont/Pinar-VF[wght-KSHD-DSTY].woff2') format('woff2-variations') ;*/
/*  font-weight: 100 900;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/

/* ----------------------------- 2. BASE --------------------------------- */
html{scroll-behavior:smooth;overflow-x:clip;}
body{
  background:var(--sky-50);
  color:var(--ink);
  font-family:Vazirmatn,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
  width:100%;
}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.5;}
/*h1,h2{*/
/*  font-family: 'Pinar VF', Vazirmatn, system-ui, sans-serif !important;*/
/*  font-weight: 600;*/
/*}*/
p{color:var(--ink-2);line-height:2;}
.text-muted,.muted{color:var(--muted)!important;}
img{max-width:100%;}
::selection{background:var(--gold);color:var(--ink);}

/* اسکرول‌بار */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--sky-50);}
::-webkit-scrollbar-thumb{background:var(--sky-200);border-radius:var(--r-pill);border:3px solid var(--sky-50);}
::-webkit-scrollbar-thumb:hover{background:var(--sky-400);}

/* ----------------------------- 3. LAYOUT ------------------------------- */
.section{padding:76px 0;position:relative;}
.section-tight{padding:48px 0;}
@media (max-width:768px){ .section{padding:52px 0;} }

/* سطوح جایگزین «bg-navy-2» قدیمی */
.surface-soft{background:var(--sky-100);}
.surface-soft::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(var(--sky-200) 1.2px, transparent 1.2px);
  background-size:22px 22px;opacity:.55;
}
.surface-soft > *{position:relative;z-index:1;}
.surface-ink{background:linear-gradient(160deg,#141B3E,#0F1533);color:#fff;}
.surface-ink h1,.surface-ink h2,.surface-ink h3,.surface-ink h5{color:#fff;}
.surface-ink p{color:#C7D6E1;}

/* لکه‌های نور تزئینی */
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;z-index:0;}
.blob-sky{background:var(--sky);width:340px;height:340px;}
.blob-gold{background:var(--gold);width:280px;height:280px;}

/* ------------------------- 4. SECTION HEADING -------------------------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--surface);border:1px solid var(--line);
  color:var(--sky-600);font-weight:700;font-size:.78rem;
  padding:8px 16px;border-radius:var(--r-pill);box-shadow:var(--sh-1);
}
.eyebrow svg{width:16px;height:16px;}
.section-title{font-size:clamp(1.5rem,3.2vw,2.3rem);margin:14px 0 10px;}
.section-title .hl{position:relative;white-space:nowrap;}
.section-title .hl::after{
  content:"";position:absolute;right:0;left:0;bottom:.5em;height:.32em;
  background:var(--gold);opacity:.55;border-radius:var(--r-pill);z-index:-1;
}
.section-sub{color:var(--muted);max-width:620px;margin-inline:auto;font-size:.98rem;}
.text-start .section-sub{margin-inline:0;}

/* ----------------------------- 5. CARDS -------------------------------- */
.card-x{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:var(--pad);
  box-shadow:var(--sh-1);
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
  position:relative;overflow:hidden;
  display: flex;
  flex-direction: column;
}
/* کارت‌هایی که توشون سلکت Chosen هست، نباید overflow:hidden داشته باشن
   وگرنه دراپ‌داون موقع باز شدن توسط لبهٔ گرد کارت قطع/بهم‌ریخته می‌شه */
.card-x.has-select{overflow:visible;}
.card-x:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:var(--sky-200);}
.card-x.is-flat:hover{transform:none;}
.card-x.no-pad{padding:0;}
.card-x .card-x-body{padding:var(--pad);}
.card-x.is-gold{border-color:var(--gold-2);box-shadow:0 18px 42px -26px rgba(227,190,140,.9);}
.card-x.is-gold::after{
  content:"";position:absolute;inset:0;border-radius:var(--r);pointer-events:none;
  border:1.5px solid var(--gold-2);
}
.card-x.is-glass{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);}

/* آیکن‌باکس SVG */
.icon-box{
  width:52px;height:52px;flex:0 0 52px;border-radius:16px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--sky-100);color:var(--sky-600);
  transition:var(--t);
}
.icon-box svg{width:24px;height:24px;stroke-width:1.6;}
.card-x:hover .icon-box{background:var(--sky);color:#fff;transform:rotate(-6deg);}
.icon-box.gold{background:rgba(243,217,184,.42);color:var(--gold-ink);}
.icon-box.sm{width:40px;height:40px;flex-basis:40px;border-radius:12px;}
.icon-box.sm svg{width:19px;height:19px;}
.icon-box.lg{width:64px;height:64px;flex-basis:64px;border-radius:20px;}
.icon-box.lg svg{width:30px;height:30px;}

/* ---------------------------- 6. BUTTONS ------------------------------- */
.btn-x{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:var(--r-pill);font-weight:700;font-size:.94rem;
  padding:12px 24px;border:1.5px solid transparent;cursor:pointer;
  transition:var(--t);white-space:nowrap;
}
.btn-x svg{width:18px;height:18px;}
.btn-sky{background:var(--sky);color:var(--ink);box-shadow:var(--sh-sky);}
.btn-sky:hover{background:var(--sky-400);color:#fff;transform:translateY(-2px);}
.btn-ink{background:var(--ink);color:#fff;}
.btn-ink:hover{background:#1C2551;color:#fff;transform:translateY(-2px);}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-radius: var(--r-pill);padding: 6px 13px;}
.btn-gold:hover{filter:brightness(1.04);transform:translateY(-2px);color:var(--gold-ink);}
.btn-line{background:var(--surface);border-color:var(--line-strong);color:var(--ink);}
.btn-line:hover{border-color:var(--sky-400);color:var(--sky-600);background:var(--sky-50);}
.btn-x.sm{padding:8px 16px;font-size:.84rem;}
.btn-x.lg {
  padding: 13px 15px;
  font-size: 1rem;
}.btn-x.block{width:100%;}

/* ---------------------------- 7. CHIPS --------------------------------- */
.chip{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--sky-100);color:var(--sky-600);
  padding:6px 13px;border-radius:var(--r-pill);
  font-size:.78rem;font-weight:700;
}
.chip svg{width:14px;height:14px;}
.chip.gold{background:rgba(243,217,184,.45);color:var(--gold-ink);}
.chip.ok{background:rgba(63,185,139,.14);color:#2C8C68;}
.chip.plain{background:#F2F5F9;color:var(--ink-2);}

/* تب‌های قرصی */
.tabs-x{display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--line);padding:6px;border-radius:var(--r-pill);box-shadow:var(--sh-1);}
.tabs-x button{border:0;background:transparent;color:var(--ink-2);font-weight:700;font-size:.85rem;padding:9px 18px;border-radius:var(--r-pill);transition:var(--t);}
.tabs-x button.active{background:var(--sky);color:var(--ink);box-shadow:var(--sh-1);}

/* ---------------------------- 8. FORMS --------------------------------- */
.field{
  width:100%;background:var(--surface);border:1.5px solid var(--line);
  border-radius:var(--r-sm);padding:13px 16px;font-size:.92rem;color:var(--ink);
  transition:var(--t);
}
.field::placeholder{color:#A7B3C9;}
.field:focus{outline:none;border-color:var(--sky-400);box-shadow:0 0 0 4px rgba(175,197,211,.28);}
.field-group{position:relative;}
.field-group svg{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);}
.field-group .field{padding-right:42px;}

/* ------------------------- 9. HEADER / NAV ----------------------------- */
.site-header{
  position:sticky;top:0;z-index:1040;
  background:rgba(255,255,255,.82);backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;transition:var(--t);
}
.site-header.is-stuck{border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(15,21,51,.5);}
.brand-name{font-weight:900;font-size:1.15rem;color:var(--ink);}
.brand-sub{font-size:.68rem;color:var(--muted);font-weight:600;}
.nav-x{display:flex;align-items:center;gap:4px;}
.nav-x > a,.nav-x > .has-mega > a{
  padding:10px 14px;border-radius:var(--r-pill);font-weight:700;font-size:.9rem;
  color:var(--ink-2);transition:var(--t);display:inline-flex;align-items:center;gap:6px;
}
.nav-x a:hover,.nav-x a.active{background:var(--sky-100);color:var(--ink);}
.nav-x svg{width:15px;height:15px;}
.icon-btn{
  width:44px;height:44px;border-radius:14px;display:inline-flex;
  align-items:center;justify-content:center;background:var(--sky-50);
  border:1px solid var(--line);color:var(--ink-2);transition:var(--t);position:relative;
}
.icon-btn:hover{background:var(--sky-100);color:var(--sky-600);}
.icon-btn svg{width:19px;height:19px;}
.icon-btn .dot{position:absolute;top:8px;left:9px;width:8px;height:8px;background:var(--bad);border-radius:50%;border:2px solid #fff;}
.user-chip{display:inline-flex;align-items:center;gap:8px;background:var(--sky-50);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px;font-weight:700;font-size:.86rem;color:var(--ink);}
.user-chip img{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.user-chip:hover{border-color:var(--sky-400);}
.menu-x{border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-3);padding:8px;min-width:230px;}
.menu-x a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--ink-2);}
.menu-x a:hover{background:var(--sky-50);color:var(--ink);}
.menu-x svg{width:17px;height:17px;color:var(--sky-600);}
.menu-x hr{margin:6px 0;border-color:var(--line);}

/* مگا منو */
.has-mega{position:relative;}
.mega{
  position:absolute;top:calc(100% + 12px);right:0;width:min(720px,84vw);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh-3);padding:var(--pad);opacity:0;visibility:hidden;
  transform:translateY(10px);transition:var(--t);z-index:60;
}
.has-mega:hover .mega{opacity:1;visibility:visible;transform:translateY(0);}
.mega-item{display:flex;gap:12px;padding:12px;border-radius:var(--r-sm);transition:var(--t);}
.mega-item:hover{background:var(--sky-50);}
.mega-item b{display:block;font-size:.9rem;}
.mega-item span{font-size:.76rem;color:var(--muted);}

/* منوی موبایل */
.m-drawer{width:88vw;max-width:340px;background:var(--surface);}
.m-menu a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-sm);font-weight:700;color:var(--ink);}
.m-menu a:hover,.m-menu a.active{background:var(--sky-50);}
.m-menu svg{width:20px;height:20px;color:var(--sky-600);}

/* ------------------------ 10. BUSINESS CARD ---------------------------- */
.biz-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;display:flex;transition:var(--t);height:100%;
}
.biz-card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:var(--sky-200);}
.biz-card .biz-media{position:relative;flex:0 0 40%;min-height:210px;overflow:hidden;}
.biz-card .biz-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.biz-card:hover .biz-media img{transform:scale(1.07);}
.biz-card .biz-body{flex:1;padding:var(--pad);background:#fff;display:flex;flex-direction:column;gap:10px;}
.biz-card.is-gold{border:1.5px solid var(--gold-2);box-shadow:0 20px 46px -28px rgba(227,190,140,.95);}
.biz-gold-star{
  position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:12px;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);
  display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-2);
}
.biz-gold-star svg{width:19px;height:19px;}
.biz-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--muted);}
.biz-meta span{display:inline-flex;align-items:center;gap:5px;}
.biz-meta svg{width:14px;height:14px;}
.biz-stats{display:flex;gap:8px;border-top:1px dashed var(--line);padding-top:12px;margin-top:auto;}
.biz-stat{flex:1;text-align:center;background:var(--sky-50);border-radius:12px;padding:8px 4px;}
.biz-stat b{display:block;font-size:.95rem;}
.biz-stat span{font-size:.68rem;color:var(--muted);}
@media (max-width:575px){
  .biz-card{flex-direction:column;}
  .biz-card .biz-media{flex:none;height:170px;min-height:0;}
}

/* رتبه (ستاره‌ها) */
.stars{display:inline-flex;gap:2px;color:var(--gold-2);}
.stars svg{width:15px;height:15px;}

/* --------------------------- 11. POST CARD ----------------------------- */
.post-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;height:100%;display:flex;flex-direction:column;transition:var(--t);
}
.post-card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);}
.post-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.post-card:hover .post-thumb img{transform:scale(1.06);}
.post-cat{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.94);color:var(--sky-600);font-size:.72rem;font-weight:800;padding:6px 12px;border-radius:var(--r-pill);}
.post-card .post-body{padding:var(--pad);display:flex;flex-direction:column;gap:8px;flex:1;}
.post-card h3{font-size:1rem;line-height:1.9;}
.post-card p{font-size:.85rem;color:var(--muted);line-height:1.95;margin:0;}

/* --------------------------- 12. TIMELINE ------------------------------ */
.tl{position:relative;padding-right:28px;}
.tl::before{content:"";position:absolute;top:6px;bottom:6px;right:9px;width:2px;background:var(--line);}
.tl-item{position:relative;padding-bottom:22px;}
.tl-item::before{content:"";position:absolute;right:-24px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--sky);border:3px solid var(--sky-50);}
.tl-item.done::before{background:var(--ok);}

/* --------------------------- 13. FLOATING ------------------------------ */
.float-dock{
  position:fixed;bottom:22px;left:50%;transform:translateX(-50%);
  z-index:1050;display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(16px);
  border:1px solid var(--line);border-radius:var(--r-pill);
  padding:8px;box-shadow:var(--sh-3);
  transition:var(--t);
}
.float-dock .fd-btn{
  display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--r-pill);
  padding:11px 18px;font-weight:800;font-size:.86rem;transition:var(--t);
}
.fd-btn.primary{background:var(--sky);color:var(--ink);}
.fd-btn.primary:hover{background:var(--sky-400);color:#fff;}
.fd-btn.ghost{background:var(--sky-50);color:var(--ink-2);padding:14px;}
.fd-btn.ghost:hover{background:var(--sky-100);color:var(--sky-600);}
.float-dock svg{width:18px;height:18px;}
.fd-top{opacity:0;pointer-events:none;transform:scale(.8);transition:var(--t);}
.fd-top.show{opacity:1;pointer-events:auto;transform:scale(1);display: flex !important;}
/*.float-dock .fd-btn{flex:1;justify-content:center;padding: 13px !important;}*/
@media (max-width:575px){
  .float-dock{bottom:14px;width:auto;justify-content:space-between; }
  .float-dock .fd-btn{flex:1;justify-content:center;padding: 13px !important;}
  /*.fd-btn.ghost{flex:0 0 46px;}*/
  .fd-label-sm{display:none;}
  .telegram-btn span{
    display: none;
  }
}

/* ---------------------- 14. REVEAL ON SCROLL --------------------------- */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1);}
[data-reveal].in{opacity:1;transform:none;}
[data-reveal="zoom"]{transform:scale(.96);}
[data-reveal="right"]{transform:translateX(28px);}
[data-reveal="left"]{transform:translateX(-28px);}
[data-reveal].in{transform:none;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;}}

/* نوار پیشرفت مطالعه */
.read-bar{position:fixed;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--gold-2),var(--sky));z-index:1060;width:0;}

/* --------------------------- 15. SWIPER -------------------------------- */
.swiper{padding-bottom:44px!important;}
.swiper-pagination-bullet{background:var(--sky-400);opacity:.35;width:8px;height:8px;}
.swiper-pagination-bullet-active{opacity:1;background:var(--sky-600);width:22px;border-radius:var(--r-pill);}
.nav-arrow{
  width:44px;height:44px;border-radius:14px;background:var(--surface);
  border:1px solid var(--line);color:var(--ink-2);display:inline-flex;
  align-items:center;justify-content:center;transition:var(--t);
}
.nav-arrow:hover{background:var(--sky);color:var(--ink);border-color:var(--sky);}
.nav-arrow svg{width:18px;height:18px;}

/* --------------------------- 16. ACCORDION ----------------------------- */
.acc-x .acc-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden;}
.acc-x .acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--pad-sm) var(--pad);background:transparent;border:0;font-weight:700;font-size:.95rem;color:var(--ink);text-align:right;}
.acc-x .acc-head svg{width:20px;height:20px;color:var(--sky-600);transition:var(--t);flex:0 0 20px;}
.acc-x .acc-item.open .acc-head svg{transform:rotate(180deg);}
.acc-x .acc-body{padding:0 var(--pad) var(--pad);color:var(--ink-2);font-size:.9rem;line-height:2.1;display:none;}
.acc-x .acc-item.open .acc-body{display:block;}

/* ------------------------- 17. BREADCRUMB ------------------------------ */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);}
.crumb a:hover{color:var(--sky-600);}
.crumb svg{width:14px;height:14px;opacity:.6;}

/* صفحه‌بندی */
.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.pager a,.pager span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:.88rem;color:var(--ink-2);transition:var(--t);}
.pager a:hover{border-color:var(--sky-400);color:var(--sky-600);}
.pager .current{background:var(--sky);border-color:var(--sky);color:var(--ink);}

/* ------------------------- 18. SINGLE POST ----------------------------- */
.prose{font-size:1rem;line-height:2.3;color:var(--ink-2);}
.prose h2{font-size:1.3rem;margin:34px 0 14px;position:relative;padding-right:16px;}
.prose h2::before{content:"";position:absolute;right:0;top:.35em;width:5px;height:1em;border-radius:var(--r-pill);background:var(--sky);}
.prose h3{font-size:1.08rem;margin:26px 0 10px;}
.prose img{border-radius:var(--r);margin:22px 0;}
.prose ul,.prose ol{padding-right:20px;}
.prose li{margin-bottom:8px;}
.prose blockquote{
  background:var(--sky-50);border:1px solid var(--line);border-right:4px solid var(--sky);
  border-radius:var(--r-sm);padding:var(--pad);margin:22px 0;color:var(--ink);font-weight:600;
}
.prose a{color:var(--sky-600);border-bottom:1px dashed var(--sky-400);}
.toc a{display:block;padding:9px 12px;border-radius:10px;font-size:.85rem;color:var(--ink-2);border-right:2px solid transparent;}
.toc a:hover,.toc a.active{background:var(--sky-50);color:var(--sky-600);border-right-color:var(--sky);}
.sticky-side{position:sticky;top:96px;}

/* -------------------------- 19. GALLERY -------------------------------- */
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.gal-grid a{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:1;display:block;}
.gal-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.gal-grid a:hover img{transform:scale(1.08);}
@media (max-width:575px){.gal-grid{grid-template-columns:repeat(2,1fr);}}

/* ویدئوی نمونه‌کار: پخش بی‌صدا با هاور، دکمهٔ باز کردن صدا */
.gal-grid .gal-video{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:1;}
.ar-video-wrap{position:relative;overflow:hidden;background:#000;}
.ar-video-wrap video{width:100%;height:100%;object-fit:cover;display:block;}
.ar-video-sound{
  position:absolute;bottom:8px;left:8px;width:32px;height:32px;border-radius:50%;
  background:rgba(0,0,0,.55);border:none;color:#fff;display:flex;align-items:center;
  justify-content:center;cursor:pointer;transition:var(--t);z-index:2;
}
.ar-video-sound:hover{background:rgba(0,0,0,.75);}
.ar-video-wrap.is-unmuted .ar-video-sound{background:var(--sky);color:var(--ink);}
.ar-video-sound svg{width:16px;height:16px;}

/* فلش‌های ناوبری نوار تصاویر کوچک زیر تصویر اصلی */
.ar-thumbs-nav{display:flex;align-items:center;gap:8px;}
.ar-thumbs-nav .vendorThumbs{flex:1;min-width:0;padding-bottom:0!important;}
.nav-arrow-sm{width:32px;height:32px;border-radius:10px;flex:0 0 auto;}
.nav-arrow-sm svg{width:14px;height:14px;}
.nav-arrow.swiper-button-disabled{opacity:.35;pointer-events:none;cursor:not-allowed;}

/* تصویر اصلی هیرو: بدون فاصلهٔ رزرو‌شدهٔ پایین، پجینیشن روی خود عکس */
.vendorMain{padding-bottom:0!important;}
.vendorMain .swiper-pagination{position:absolute;bottom:10px!important;left:0;right:0;}
.vendorMain .swiper-pagination-bullet{background:#fff;opacity:.6;}
.vendorMain .swiper-pagination-bullet-active{opacity:1;background:var(--sky-400);}

/* آواتار */
.avatar{width:44px;height:44px;border-radius:14px;object-fit:cover;}
.avatar.round{border-radius:50%;}

/* ----------------------- 20. FILTER SIDEBAR ---------------------------- */
.filter-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad);}
.filter-box + .filter-box{margin-top:16px;}
.filter-box h5{font-size:.92rem;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.filter-box h5 svg{width:17px;height:17px;color:var(--sky-600);}
.check-x{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:.87rem;color:var(--ink-2);cursor:pointer;text-decoration:none;}
.check-x:hover{color:var(--ink-2);}
.check-x input{width:18px;height:18px;accent-color:var(--sky-600);border-radius:6px;}

.ar-cat-tree {
  margin-top: 4px;
}

.ar-cat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

/* تورفتگی بر اساس عمق */
.ar-cat-node[data-depth="1"] {
  padding-right: 18px;
}

.ar-cat-node[data-depth="2"] {
  padding-right: 36px;
}

.ar-cat-node[data-depth="3"] {
  padding-right: 54px;
}

.ar-cat-row .check-x {
  flex: 1;
  padding: 7px 0;
}

.ar-cat-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: none;
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
}

.ar-cat-toggle:hover {
  background: var(--line);
  color: var(--sky-600);
}

.ar-cat-arrow {
  transition: transform .2s ease;
}

/* وقتی شاخه بازه، فلش می‌چرخه */
.ar-cat-node--open>.ar-cat-row .ar-cat-arrow {
  transform: rotate(180deg);
}

/* بچه‌ها به‌صورت پیش‌فرض بسته‌ان */
.ar-cat-children {
  display: none;
  overflow: hidden;
}

.ar-cat-node--open>.ar-cat-children {
  display: block;
}

.ar-cat-count{
  margin-right:auto;
  font-size:.74rem;
  color:var(--muted);
  background:var(--sky-50);
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  padding:1px 8px;
  flex-shrink:0;
}
/* دایرهٔ رادیو ظاهری (به‌جای input واقعی) — چون آیتم‌ها الان <a href> واقعی و قابل‌کرال هستن */
.ar-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);flex:0 0 18px;position:relative;transition:var(--t);}
.ar-radio-dot.is-checked{border-color:var(--sky-600);}
.ar-radio-dot.is-checked::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--sky-600);}
.ar-radio-dot.is-checked ~ .ar-cat-count{color:var(--sky-600);border-color:var(--sky-200);background:var(--sky-100);}

/* --- سایدبار دسته‌بندی مجله (archive.php) --- */
.blog-cat-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;}
.blog-cat-list li{margin-bottom:2px;}
.blog-cat-list a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 12px;border-radius:var(--r-sm);font-size:.87rem;color:var(--ink-2);
  transition:var(--t);
}
.blog-cat-list a:hover{background:var(--sky-50);color:var(--sky-600);}
.blog-cat-list li.is-active a{background:var(--sky);color:#fff;font-weight:700;}
.blog-cat-list li.is-active a .blog-cat-count{background:rgba(255,255,255,.25);color:#fff;border-color:transparent;}
.blog-cat-count{
  font-size:.72rem;color:var(--muted);background:var(--sky-50);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 8px;flex-shrink:0;
}
.single-post figure{
  width: auto !important;
}

/* ---------------------------- 21. FOOTER ------------------------------- */
.site-footer{background:var(--ink);color:#C7D6E1;padding:64px 0 0;position:relative;overflow:hidden;}
.site-footer h5{color:#fff;font-size:.98rem;margin-bottom:18px;}
.site-footer a{color:#AEBCD3;font-size:.88rem;display:inline-block;padding:5px 0;transition:var(--t);}
.site-footer a:hover{color:var(--gold);transform:translateX(-3px);}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:44px;padding:20px 0;font-size:.82rem;color:#8494B0;}
.soc{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.06);display:inline-flex !important;align-items:center;justify-content:center;color:#fff;}
.soc:hover{background:var(--sky);color:var(--ink);}
.soc svg{width:19px;height:19px;}

/* ---------------------------- 22. UTIL --------------------------------- */
.r-x{border-radius:var(--r);}
.r-sm{border-radius:var(--r-sm);}
.p-x{padding:var(--pad);}
.divider{height:1px;background:var(--line);border:0;}
.dashed{border-top:1px dashed var(--line);}
.skeleton{background:linear-gradient(90deg,#EEF3F7 25%,#F7FAFC 50%,#EEF3F7 75%);background-size:200% 100%;animation:sk 1.3s infinite;}
@keyframes sk{to{background-position:-200% 0;}}
.hover-lift{transition:var(--t);}
.hover-lift:hover{transform:translateY(-4px);}


/* ============ MOCK VENDOR (سکشن 6) ============ */
.mock-vendor{
  background:#fff;border:1px solid #eef2f5;border-radius:1.2rem;padding:1.1rem;
  box-shadow:0 20px 40px -25px rgba(8,12,41,.2);
  display:flex;flex-direction:column;
}
.mock-vendor h3{
  font-size: 16px;
}
.mv-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem;}
.mv-avatar{width:52px;height:52px;border-radius:1rem;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;overflow:hidden;flex-shrink:0;}

.mv-tabs{display:flex;gap:.4rem;overflow-x:auto;border-bottom:1px solid #eef2f5;padding-bottom:.5rem;margin-bottom:.9rem;}
.mv-tabs button{
  border:0;padding:.35rem .8rem;font-size:.82rem;font-family:inherit;color:#6b7280;
  border-radius:2rem;background:#f4f6f9;white-space:nowrap;cursor:pointer;transition:var(--t,.2s);
}
.mv-tabs button:hover{background:#e9edf3;}
.mv-tabs button.active{background:var(--navy);color:#fff;}

.mv-panel{display:none;margin-bottom:.9rem;}
.mv-panel.active{display:block;}

.mv-portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;}
.mv-portfolio>div{aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:.6rem;background-color:#f4f6f9;display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:800;}

.mv-hours-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;}
.mv-hours-list li{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#6b7280;}
.mv-hours-list li b{font-size:.8rem;color:var(--navy);font-weight:700;}
.mv-hours-list li b.text-danger{color:#c0392b;}

.mv-review{padding:.6rem 0;border-bottom:1px dashed #eef2f5;}
.mv-review:last-child{border-bottom:0;padding-bottom:0;}
.mv-review .aroosyar-stars-display{color:var(--gold-2);font-size:.78rem;letter-spacing:1px;}

.mv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-top:1px dashed #eef2f5;padding-top:.9rem;margin-top:auto;}
.mv-stats>div{text-align:center;}
.mv-stats b{display:block;font-size:1.05rem;color:var(--navy);}
.mv-stats span{font-size:.75rem;color:#6b7280;}


.post-type-archive-vendor .page-numbers{
  display: flex;
  gap: 2px;
}

/* ============ استایل یکپارچهٔ برگه‌های عادی (page.php) ============ */
.page-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--sky-600),var(--sky-400) 55%,var(--gold-2));
  border-radius:var(--r);
  padding:38px var(--pad) 46px;
  margin-top:24px;
  box-shadow:var(--sh-3);
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(420px 220px at 85% -20%, rgba(255,255,255,.35), transparent 70%);
  pointer-events:none;
}
.page-hero-top{
  display:flex;align-items:center;justify-content:space-between;
  position:relative;z-index:1;margin-bottom:26px;
}
.page-hero-back{
  display:inline-flex;align-items:center;gap:6px;
  color:#fff;font-size:.85rem;font-weight:700;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);
  padding:8px 16px;border-radius:var(--r-pill);
  transition:var(--t);
}
.page-hero-back:hover{background:rgba(255,255,255,.28);color:#fff;}
.page-hero-back svg{width:15px;height:15px;transform:scaleX(-1);}
.page-hero h1{
  position:relative;z-index:1;
  color:#fff;font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);margin:0;
}
.page-hero-eyebrow{
  position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;
  color:rgba(255,255,255,.85);font-size:.8rem;font-weight:700;margin-bottom:8px;
}
.page-hero-sub{
  position:relative;z-index:1;color:rgba(255,255,255,.9);
  font-size:.92rem;max-width:640px;margin:10px 0 0;line-height:1.9;
}
.page-body-x{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--pad);margin-top:26px;margin-bottom:40px;
  box-shadow:var(--sh-1);
}
.page-body-x h2{font-size:1.25rem;font-weight:800;color:var(--ink);margin-top:1.6em;}
.page-body-x h3{font-size:1.05rem;font-weight:800;color:var(--ink);margin-top:1.4em;}
.page-body-x p{color:var(--ink-2);line-height:2;}
.page-body-x a{color:var(--sky-600);text-decoration:underline;}
.page-body-x img{border-radius:var(--r-sm);max-width:100%;height:auto;}
.page-body-x ul,.page-body-x ol{color:var(--ink-2);line-height:2;padding-right:1.4em;}

/* نقاط علاقهٔ نقشهٔ ویژه (پارکینگ/محوطهٔ رقص/...) رو صفحهٔ تک‌محصولی */
.aroosyar-vendor-map-point{
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,var(--sky-600),var(--gold-2));
  color:var(--ink);font-weight:800;font-size:12px;
  box-shadow:0 4px 10px rgba(15,21,51,.25);
  border:2px solid #fff;
}
/* =========================================================================
   صفحات ثابت: تماس با ما / درباره ما / سوالات متداول
   ========================================================================= */

/* --- فرم عمومی (تماس با ما) --- */
.form-label-x{display:block;font-size:.83rem;font-weight:700;color:var(--ink);margin-bottom:6px;}
.input-x{
  width:100%;background:var(--sky-50);border:1px solid var(--line-strong);
  color:var(--ink);border-radius:var(--r-sm);padding:11px 14px;font-size:.9rem;
  font-family:inherit;transition:var(--t);
}
.input-x:focus{border-color:var(--sky-400);outline:none;background:#fff;}
textarea.input-x{resize:vertical;min-height:100px;}

/* --- لیست راه‌های ارتباطی --- */
.contact-info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.contact-info-list li{display:flex;align-items:center;gap:12px;}
.contact-info-list b{display:block;font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:2px;}
.contact-info-list a{display:block;font-size:.98rem;font-weight:700;color:var(--ink);}
.contact-info-list a:hover{color:var(--sky-600);}

/* --- درباره ما --- */
.about-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.about-feature-list li{display:flex;align-items:flex-start;gap:14px;}
.about-feature-list h4{font-size:.98rem;font-weight:800;color:var(--ink);margin:0 0 4px;}
.about-feature-list p{font-size:.87rem;color:var(--ink-2);margin:0;line-height:1.9;}
.about-img-wrap{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-2);}
.about-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}

/* --- سوالات متداول (سکشن متنی بالای صفحهٔ اختصاصی) --- */
.faq-page-intro{text-align:center;max-width:680px;margin:0 auto 36px;}