/* ==========================================================================
   AraShop — PAGES
   صفحه‌ی اصلی، مقالات، درباره ما، رزرو، ورود، تماس، ۴۰۴ و محتوای ادیتور.
   ========================================================================== */

/* =========================================================
   0) فاصله‌ی عمودی استاندارد بین بخش‌های صفحه (پیش‌تر برای این دو کلاس هیچ
   padding/margin‌ای تعریف نشده بود، به همین دلیل همه‌ی بخش‌های صفحه اصلی —
   هیرو، دسته‌بندی‌ها، ویژگی‌ها، بنرها و... — کاملاً به هم چسبیده بودند.)
   ========================================================= */
.ara-section{ padding-block:var(--ara-s7); }
.ara-section-sm{ padding-block:var(--ara-s5); }
@media (min-width:900px){
  .ara-section{ padding-block:var(--ara-s9); }
  .ara-section-sm{ padding-block:var(--ara-s7); }
}

/* =========================================================
   1) HERO
   ========================================================= */
.ara-hero{ padding-block:var(--ara-s6) var(--ara-s7); }
@media (min-width:900px){ .ara-hero{ padding-block:var(--ara-s6) var(--ara-s9); } }
.ara-hero-shell{
  position:relative; overflow:hidden;
  border-radius:var(--ara-r-2xl);
  padding:0;
}
/* اسلایدر هرو یک اسلاید در هر صفحه دارد؛ فاصله و padding پیش‌فرض اسلایدر
   باعث می‌شود عرض هر «صفحه» با clientWidth یکی نباشد و اسنپ بهم بریزد. */
.ara-hero-track{ display:flex; gap:0; padding:0; margin:0; scroll-padding-inline:0; }
.ara-hero-slide{
  flex:0 0 100%; min-width:100%;
  display:grid; grid-template-columns:1fr; gap:var(--ara-s6);
  padding:var(--ara-s8) var(--ara-s6) var(--ara-s9);
  align-items:center;
}
.ara-hero-copy .ara-badge{ margin-bottom:var(--ara-s4); }
.ara-hero-copy h1{
  font-size:var(--ara-fs-3xl); line-height:1.2; margin:0 0 var(--ara-s4);
  letter-spacing:-.03em;
}
.ara-hero-copy p{
  font-size:var(--ara-fs-md); color:var(--ara-ink-soft);
  max-width:52ch; margin:0 0 var(--ara-s6);
}
.ara-hero-actions{ display:flex; flex-wrap:wrap; gap:var(--ara-s3); }

.ara-hero-media{
  position:relative; display:flex; align-items:center; justify-content:center;
  min-height:220px;
}
.ara-hero-media img{
  width:100%; max-width:520px; border-radius:var(--ara-r-xl);
  box-shadow:var(--ara-e3);
  object-fit:cover; aspect-ratio:4/3;
}
.ara-hero-media-fallback{
  width:100%; max-width:420px; aspect-ratio:4/3;
  border-radius:var(--ara-r-xl);
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-glass-bg-soft);
  border:1px dashed var(--ara-line-strong);
  color:var(--ara-primary);
}
.ara-hero-media-fallback svg{ width:72px; height:72px; opacity:.4; }

/* گوی‌های شناور تزئینی — عمق بصری پشت تصویر */
.ara-hero-orb{
  position:absolute; border-radius:50%; z-index:-1; filter:blur(2px);
  pointer-events:none;
}
.ara-hero-orb-1{
  width:120px; height:120px; inset-inline-end:2%; top:4%;
  background:var(--ara-accent-tint);
  border:1px solid var(--ara-glass-line-soft);
  animation:ara-float 7s var(--ara-ease) infinite;
}
.ara-hero-orb-2{
  width:80px; height:80px; inset-inline-start:6%; bottom:6%;
  background:var(--ara-primary-tint);
  border:1px solid var(--ara-glass-line-soft);
  animation:ara-float 9s var(--ara-ease) infinite reverse;
}

.ara-hero-dots{
  position:absolute; inset-inline:0; bottom:var(--ara-s5);
  margin-top:0; z-index:3;
}

.ara-hero-stats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:var(--ara-s3); margin-top:calc(var(--ara-s6) * -1); position:relative; z-index:2;
  padding-inline:var(--ara-s5);
}
.ara-hero-stat{
  border-radius:var(--ara-r-md); padding:var(--ara-s4);
  text-align:center;
}
.ara-hero-stat strong{ display:block; font-size:var(--ara-fs-xl); color:var(--ara-primary); line-height:1.2; }
.ara-hero-stat span{ font-size:var(--ara-fs-xs); color:var(--ara-ink-soft); }

@media (min-width:900px){
  .ara-hero-slide{
    grid-template-columns:1.05fr .95fr;
    padding:var(--ara-s10) var(--ara-s9);
    gap:var(--ara-s8);
  }
  .ara-hero-media{ min-height:340px; }
  /* آمار شناور از اسلایدر جدا و با فاصله‌ی مشخص زیر آن قرار می‌گیرد؛
     دیگر روی لبه‌ی اسلایدر معلق نمی‌ماند. */
  .ara-hero-stats{ padding-inline:var(--ara-s8); margin-top:48px; }
}

/* =========================================================
   2) USP
   ========================================================= */
.ara-usp-row{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ara-s3);
}
.ara-usp-item{
  display:flex; align-items:center; gap:var(--ara-s3);
  padding:var(--ara-s4); border-radius:var(--ara-r-md);
}
.ara-usp-icon{
  width:44px; height:44px; flex:0 0 auto; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary-tint); color:var(--ara-primary);
  overflow:hidden; /* هم‌سو با .ara-cat-card-media — آیکون هرگز از دایره‌ی خودش بیرون نمی‌زند */
}
.ara-usp-icon svg{ width:21px; height:21px; }
.ara-usp-item strong{ display:block; font-size:var(--ara-fs-sm); line-height:1.5; }
.ara-usp-item span{ display:block; font-size:var(--ara-fs-xs); color:var(--ara-ink-soft); line-height:1.6; }
@media (min-width:900px){
  .ara-usp-row{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ara-s4); }
}

/* =========================================================
   3) دسته‌بندی‌ها
   ========================================================= */
.ara-cat-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ara-s3);
}
.ara-cat-card{
  display:flex; align-items:center; gap:var(--ara-s3);
  padding:var(--ara-s3); border-radius:var(--ara-r-lg);
  color:inherit;
}
.ara-cat-card-media{
  width:64px; height:64px; flex:0 0 auto; border-radius:var(--ara-r-md);
  overflow:hidden; background:var(--ara-primary-tint);
  display:flex; align-items:center; justify-content:center;
}
.ara-cat-card-media img{ width:100%; height:100%; object-fit:cover; }
.ara-cat-card-icon{ color:var(--ara-primary); display:flex; }
.ara-cat-card-icon svg{ width:26px; height:26px; }
.ara-cat-card-body{ flex:1 1 auto; min-width:0; }
.ara-cat-card-body strong{ display:block; font-size:var(--ara-fs-sm); line-height:1.5; }
.ara-cat-card-body small{ color:var(--ara-ink-mute); font-size:var(--ara-fs-xs); }
.ara-cat-card-go{
  flex:0 0 auto; color:var(--ara-ink-mute);
  transition:transform var(--ara-t) var(--ara-ease), color var(--ara-t) var(--ara-ease);
}
.ara-cat-card-go svg{ width:18px; height:18px; }
.ara-cat-card:hover .ara-cat-card-go{ color:var(--ara-primary); transform:translateX(-4px); }
@media (min-width:700px){ .ara-cat-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .ara-cat-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ara-s4); } }

/* =========================================================
   4) خدمات
   ========================================================= */
.ara-service-grid{
  display:grid; grid-template-columns:1fr; gap:var(--ara-s4);
}
@media (min-width:640px){ .ara-service-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .ara-service-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.ara-service-card{
  display:flex; flex-direction:column; height:100%;
  border-radius:var(--ara-r-lg); padding:var(--ara-s5);
}
.ara-service-card-top{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:var(--ara-s3); margin-bottom:var(--ara-s4);
}
.ara-service-card-img{
  width:64px; height:64px; border-radius:var(--ara-r-md); overflow:hidden; flex:0 0 auto;
}
.ara-service-card-img img{ width:100%; height:100%; object-fit:cover; }
.ara-service-card-icon{
  width:56px; height:56px; flex:0 0 auto; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary-tint); color:var(--ara-primary);
}
.ara-service-card-icon svg{ width:26px; height:26px; }
.ara-service-card-body{ flex:1 1 auto; }
.ara-service-card-body h3{ font-size:var(--ara-fs-md); margin:0 0 6px; }
.ara-service-card-body p{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); margin:0 0 var(--ara-s4); }
.ara-service-card-meta{
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--ara-s3); flex-wrap:wrap; margin-bottom:var(--ara-s4);
  font-size:var(--ara-fs-xs); color:var(--ara-ink-soft);
}
.ara-service-card-meta span{ display:inline-flex; align-items:center; gap:5px; }
.ara-service-card-meta svg{ width:14px; height:14px; }
.ara-service-card-price{ font-size:var(--ara-fs-sm); font-weight:800; color:var(--ara-primary); }
.ara-service-card-btn{ margin-top:auto; }

/* =========================================================
   5) بنرها
   ========================================================= */
.ara-banner-grid{ display:grid; grid-template-columns:1fr; gap:var(--ara-s4); }
@media (min-width:700px){
  .ara-banner-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ara-banner-count-3 .ara-banner:first-child{ grid-column:1 / -1; }
}
@media (min-width:1024px){
  .ara-banner-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ara-banner-count-3 .ara-banner:first-child{ grid-column:auto; }
  .ara-banner-count-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.ara-banner{
  position:relative; overflow:hidden; isolation:isolate;
  min-height:190px; border-radius:var(--ara-r-xl);
  display:flex; align-items:flex-end;
  padding:var(--ara-s6);
  color:#fff;
  box-shadow:var(--ara-e2);
  transition:transform var(--ara-t) var(--ara-ease-out), box-shadow var(--ara-t) var(--ara-ease-out);
}
.ara-banner:hover{ transform:translateY(-4px); box-shadow:var(--ara-e3); }
.ara-banner.is-primary{ background:var(--ara-primary); color:var(--ara-on-primary); }
.ara-banner.is-accent{ background:var(--ara-accent); color:var(--ara-on-accent); }
.ara-banner.is-dark{ background:var(--ara-ink); color:#fff; }
.ara-banner.is-glass{
  background:var(--ara-glass-bg); color:var(--ara-ink);
  border:1px solid var(--ara-glass-line-soft);
  -webkit-backdrop-filter:blur(var(--ara-blur)); backdrop-filter:blur(var(--ara-blur));
}
.ara-banner-bg{
  position:absolute; inset:0; z-index:-2;
  width:100%; height:100%; object-fit:cover;
}
.ara-banner.has-img::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to top, rgba(10,8,20,.82), rgba(10,8,20,.25) 60%, transparent);
}
.ara-banner.has-img{ color:#fff; }
.ara-banner-inner{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:8px; width:100%; }
.ara-banner-inner strong{ font-size:var(--ara-fs-lg); line-height:1.35; }
.ara-banner-text{ font-size:var(--ara-fs-sm); opacity:.9; max-width:36ch; }
.ara-banner-btn{
  display:inline-flex; align-items:center; gap:6px; margin-top:6px;
  padding:8px 16px; border-radius:var(--ara-r-pill);
  background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.32);
  font-size:var(--ara-fs-xs); font-weight:700;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:background-color var(--ara-t) var(--ara-ease);
}
.ara-banner-btn svg{ width:15px; height:15px; }
.ara-banner:hover .ara-banner-btn{ background:rgba(255,255,255,.32); }
.ara-banner.is-glass .ara-banner-btn{
  background:var(--ara-primary); color:var(--ara-on-primary); border-color:transparent;
}

/* =========================================================
   6) دعوت به رزرو
   ========================================================= */
.ara-bcta{
  display:grid; grid-template-columns:1fr; gap:var(--ara-s6);
  border-radius:var(--ara-r-2xl); padding:var(--ara-s7);
  align-items:center;
}
.ara-bcta-copy h2{ font-size:var(--ara-fs-2xl); margin:var(--ara-s4) 0 var(--ara-s3); }
.ara-bcta-copy > p{ color:var(--ara-ink-soft); margin-bottom:var(--ara-s5); max-width:52ch; }
.ara-bcta-steps{
  display:flex; flex-direction:column; gap:var(--ara-s3);
  margin:0 0 var(--ara-s6); padding:0; list-style:none; counter-reset:none;
}
.ara-bcta-steps li{ display:flex; align-items:flex-start; gap:var(--ara-s3); }
.ara-bcta-num{
  width:32px; height:32px; flex:0 0 auto; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary); color:var(--ara-on-primary);
  font-size:var(--ara-fs-sm); font-weight:800;
  box-shadow:var(--ara-e-primary);
}
.ara-bcta-steps strong{ display:block; font-size:var(--ara-fs-sm); }
.ara-bcta-steps small{ display:block; font-size:var(--ara-fs-xs); color:var(--ara-ink-soft); }
.ara-bcta-media img{ width:100%; border-radius:var(--ara-r-xl); box-shadow:var(--ara-e2); }
.ara-bcta-visual{
  position:relative; min-height:230px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--ara-s3);
}
.ara-bcta-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 18px; border-radius:var(--ara-r-pill);
  background:var(--ara-glass-bg-strong);
  border:1px solid var(--ara-glass-line);
  box-shadow:var(--ara-e2);
  font-size:var(--ara-fs-sm); font-weight:700;
  animation:ara-float 6s var(--ara-ease) infinite;
}
.ara-bcta-chip svg{ width:18px; height:18px; color:var(--ara-primary); }
.ara-bcta-chip.is-2{ animation-delay:.9s; transform:translateX(-24px); }
.ara-bcta-chip.is-3{ animation-delay:1.8s; transform:translateX(20px); }
@media (min-width:900px){
  .ara-bcta{ grid-template-columns:1.1fr .9fr; padding:var(--ara-s8); }
}

/* =========================================================
   7) نظرات
   ========================================================= */
.ara-testi-track{ align-items:stretch; }
.ara-testi{
  flex:0 0 88%; max-width:88%;
  display:flex; flex-direction:column; gap:var(--ara-s3);
  margin:0; padding:var(--ara-s6);
  border-radius:var(--ara-r-lg);
  position:relative;
}
.ara-testi-quote{
  position:absolute; top:var(--ara-s5); inset-inline-start:var(--ara-s5);
  color:var(--ara-primary); opacity:.14;
}
.ara-testi-quote svg{ width:44px; height:44px; }
.ara-testi blockquote{
  margin:0; font-size:var(--ara-fs-sm); line-height:1.9; color:var(--ara-ink-soft);
  flex:1 1 auto;
}
.ara-testi figcaption{ display:flex; align-items:center; gap:var(--ara-s3); }
.ara-testi figcaption img,
.ara-testi-initial{
  width:44px; height:44px; flex:0 0 auto; border-radius:50%; object-fit:cover;
}
.ara-testi-initial{
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary); color:var(--ara-on-primary);
  font-weight:800; font-size:var(--ara-fs-md);
}
.ara-testi figcaption strong{ display:block; font-size:var(--ara-fs-sm); }
.ara-testi figcaption small{ display:block; font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }
@media (min-width:700px){ .ara-testi{ flex-basis:calc(50% - var(--ara-s2)); max-width:calc(50% - var(--ara-s2)); } }
@media (min-width:1024px){ .ara-testi{ flex-basis:calc(33.333% - var(--ara-s3)); max-width:calc(33.333% - var(--ara-s3)); } }

/* =========================================================
   8) نوار برندها (marquee)
   ========================================================= */
.ara-brands-title{
  text-align:center; font-size:var(--ara-fs-xs); font-weight:700;
  color:var(--ara-ink-mute); margin-bottom:var(--ara-s4);
  letter-spacing:.04em;
}
.ara-marquee{
  overflow:hidden; width:100%;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ara-marquee-track{
  display:flex; align-items:center; gap:var(--ara-s8);
  width:max-content;
  animation:ara-marquee var(--ara-marquee-time,40s) linear infinite;
}
.ara-marquee:hover .ara-marquee-track{ animation-play-state:paused; }
.ara-marquee-item{ display:flex; align-items:center; height:44px; flex:0 0 auto; }
.ara-marquee-item img{
  max-height:100%; width:auto; max-width:130px; object-fit:contain;
  filter:grayscale(1); opacity:.55;
  transition:filter var(--ara-t) var(--ara-ease), opacity var(--ara-t) var(--ara-ease);
}
.ara-marquee-item:hover img{ filter:none; opacity:1; }
@keyframes ara-marquee{ to{ transform:translateX(50%); } }

/* =========================================================
   9) کارت مقاله
   ========================================================= */
.ara-post-grid{ display:grid; grid-template-columns:1fr; gap:var(--ara-s4); }
@media (min-width:640px){ .ara-post-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .ara-post-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--ara-s5); } }

.ara-post-card{ display:flex; flex-direction:column; height:100%; min-width:0; border-radius:var(--ara-r-lg); }
/* تصویر مطلق قرار می‌گیرد تا ارتفاع اصلی فایل، کادر نسبت‌تصویر را نکشد. */
.ara-post-card-media{
  position:relative; display:block; aspect-ratio:16/10; overflow:hidden;
  flex:0 0 auto; min-height:0; min-width:0; width:100%;
  background:var(--ara-primary-tint);
}
.ara-post-card-media img{
  position:absolute; inset:0;
  width:100%; height:100%; max-width:none; object-fit:cover; border-radius:0;
  transition:transform var(--ara-t-slow) var(--ara-ease-out);
}
.ara-post-card:hover .ara-post-card-media img{ transform:scale(1.06); }
.ara-post-card-fallback{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  color:var(--ara-primary); opacity:.4;
}
.ara-post-card-fallback svg{ width:40px; height:40px; }
.ara-post-card-cat{
  position:absolute; top:12px; inset-inline-start:12px;
  padding:5px 12px; border-radius:var(--ara-r-pill);
  background:rgba(255,255,255,.85); color:var(--ara-ink);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  font-size:var(--ara-fs-xs); font-weight:700;
}
[data-ara-theme="dark"] .ara-post-card-cat{ background:rgba(20,17,42,.8); color:#fff; }
.ara-post-card-body{ padding:var(--ara-s5); display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
.ara-post-card-meta{
  display:flex; flex-wrap:wrap; gap:var(--ara-s3);
  font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); margin-bottom:var(--ara-s3);
}
.ara-post-card-meta span{ display:inline-flex; align-items:center; gap:5px; }
.ara-post-card-meta svg{ width:14px; height:14px; }
.ara-post-card-body h3{
  font-size:var(--ara-fs-md); margin:0 0 var(--ara-s2); line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ara-post-card-body h3 a{ transition:color var(--ara-t) var(--ara-ease); }
.ara-post-card-body h3 a:hover{ color:var(--ara-primary); }
.ara-post-card-body p{
  font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); margin:0 0 var(--ara-s4);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ara-post-card-more{
  margin-top:auto; display:inline-flex; align-items:center; gap:6px;
  font-size:var(--ara-fs-xs); font-weight:700; color:var(--ara-primary);
  transition:gap var(--ara-t) var(--ara-ease);
}
.ara-post-card-more svg{ width:15px; height:15px; }
.ara-post-card-more:hover{ gap:10px; }

/* =========================================================
   10) تک‌نوشته
   ========================================================= */
.ara-single-hero{ padding-block:var(--ara-s8) var(--ara-s6); text-align:center; }
.ara-single-hero .ara-crumbs{ justify-content:center; margin-bottom:var(--ara-s4); }
.ara-single-cats{ display:flex; justify-content:center; gap:var(--ara-s2); margin-bottom:var(--ara-s4); flex-wrap:wrap; }
.ara-single-hero h1{ margin:0 0 var(--ara-s4); }
.ara-single-meta{
  display:flex; flex-wrap:wrap; justify-content:center; gap:var(--ara-s2) var(--ara-s5);
  font-size:var(--ara-fs-xs); color:var(--ara-ink-mute);
}
.ara-single-meta span{ display:inline-flex; align-items:center; gap:6px; }
.ara-single-meta svg{ width:15px; height:15px; }

.ara-single-cover{
  border-radius:var(--ara-r-xl); overflow:hidden; margin:0 0 var(--ara-s7); padding:8px;
}
.ara-single-cover img{ width:100%; border-radius:calc(var(--ara-r-xl) - 8px); aspect-ratio:16/8; object-fit:cover; }

.ara-single-layout{ display:grid; grid-template-columns:1fr; gap:var(--ara-s6); }
@media (min-width:1024px){
  .ara-single-layout{ grid-template-columns:minmax(0,1fr) 320px; gap:var(--ara-s7); align-items:start; }
  .ara-single-side{ position:sticky; top:calc(var(--ara-header-h) + 20px); }
}
.ara-single-main{ min-width:0; display:flex; flex-direction:column; gap:var(--ara-s6); }

.ara-single-tags{
  display:flex; align-items:center; flex-wrap:wrap; gap:var(--ara-s2);
  font-size:var(--ara-fs-xs); color:var(--ara-ink-soft);
}
.ara-single-tags > span{ display:inline-flex; align-items:center; gap:6px; font-weight:700; }
.ara-single-tags svg{ width:15px; height:15px; }
.ara-chip-sm{ min-height:32px; padding:0 12px; font-size:var(--ara-fs-xs); }

.ara-share{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  gap:var(--ara-s3); padding:var(--ara-s4) var(--ara-s5); border-radius:var(--ara-r-lg);
}
.ara-share strong{ font-size:var(--ara-fs-sm); }
.ara-share-btns{ display:flex; gap:var(--ara-s2); }

.ara-side-cta{ padding:var(--ara-s6); border-radius:var(--ara-r-xl); text-align:center; }
.ara-side-cta-icon{
  width:56px; height:56px; margin:0 auto var(--ara-s3); border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary); color:var(--ara-on-primary);
  box-shadow:var(--ara-e-primary);
}
.ara-side-cta-icon svg{ width:26px; height:26px; }
.ara-side-cta strong{ display:block; font-size:var(--ara-fs-md); margin-bottom:6px; }
.ara-side-cta p{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); margin-bottom:var(--ara-s4); }

.ara-related-posts{ margin-top:var(--ara-s4); }

/* =========================================================
   11) محتوای ادیتور (prose)
   ========================================================= */
.ara-prose{ font-size:var(--ara-fs-base); line-height:2; color:var(--ara-ink-soft); }
.ara-prose > *:first-child{ margin-top:0; }
.ara-prose > *:last-child{ margin-bottom:0; }
.ara-prose h1,.ara-prose h2,.ara-prose h3,.ara-prose h4{ color:var(--ara-ink); margin:1.6em 0 .6em; }
.ara-prose h2{ font-size:var(--ara-fs-xl); }
.ara-prose h3{ font-size:var(--ara-fs-lg); }
.ara-prose p{ margin:0 0 1.15em; }
.ara-prose a{ color:var(--ara-primary); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.ara-prose ul,.ara-prose ol{ margin:0 0 1.15em; padding-inline-start:1.4em; }
.ara-prose ul{ list-style:disc; }
.ara-prose ol{ list-style:decimal; }
.ara-prose li{ margin-bottom:.5em; }
.ara-prose img,.ara-prose figure{ border-radius:var(--ara-r-md); margin:1.5em 0; }
.ara-prose figcaption{ font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); text-align:center; margin-top:8px; }
.ara-prose blockquote{
  margin:1.5em 0; padding:var(--ara-s5);
  border-radius:var(--ara-r-md);
  border-inline-start:4px solid var(--ara-primary);
  background:var(--ara-primary-tint);
  font-size:var(--ara-fs-md); color:var(--ara-ink);
}
.ara-prose blockquote p:last-child{ margin-bottom:0; }
.ara-prose code{
  background:var(--ara-glass-bg-soft); border:1px solid var(--ara-line);
  padding:2px 7px; border-radius:6px; font-size:.92em; direction:ltr; display:inline-block;
}
.ara-prose pre{
  background:var(--ara-ink); color:#E8E6F5; padding:var(--ara-s5);
  border-radius:var(--ara-r-md); overflow-x:auto; direction:ltr; text-align:left;
}
.ara-prose pre code{ background:none; border:0; padding:0; color:inherit; }
.ara-prose table{ margin:1.5em 0; border-radius:var(--ara-r-sm); overflow:hidden; font-size:var(--ara-fs-sm); }
.ara-prose th,.ara-prose td{ padding:12px 14px; border:1px solid var(--ara-line); }
.ara-prose th{ background:var(--ara-glass-bg-soft); font-weight:700; color:var(--ara-ink); }
.ara-prose hr{ margin:2em 0; }

/* =========================================================
   12) درباره ما
   ========================================================= */
.ara-about-hero{
  display:grid; grid-template-columns:1fr; gap:var(--ara-s6);
  border-radius:var(--ara-r-2xl); padding:var(--ara-s7); align-items:center;
}
.ara-about-hero h1{ margin:var(--ara-s4) 0 var(--ara-s3); }
.ara-about-hero p{ color:var(--ara-ink-soft); font-size:var(--ara-fs-md); margin-bottom:var(--ara-s4); }
.ara-about-hero-media img{ width:100%; border-radius:var(--ara-r-xl); box-shadow:var(--ara-e2); aspect-ratio:4/3; object-fit:cover; }
@media (min-width:900px){
  .ara-about-hero{ grid-template-columns:1.1fr .9fr; padding:var(--ara-s9) var(--ara-s8); }
}

.ara-stat-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ara-s3); }
@media (min-width:768px){ .ara-stat-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--ara-s4); } }
.ara-stat{ text-align:center; padding:var(--ara-s5) var(--ara-s3); border-radius:var(--ara-r-lg); }
.ara-stat strong{ display:block; font-size:var(--ara-fs-2xl); color:var(--ara-primary); line-height:1.1; }
.ara-stat span{ font-size:var(--ara-fs-xs); color:var(--ara-ink-soft); }

.ara-about-story{ display:grid; grid-template-columns:1fr; gap:var(--ara-s6); align-items:center; }
.ara-about-story.is-solo{ max-width:70ch; margin-inline:auto; }
.ara-about-story-media{ margin:0; padding:8px; border-radius:var(--ara-r-xl); overflow:hidden; }
.ara-about-story-media img{ width:100%; border-radius:calc(var(--ara-r-xl) - 8px); aspect-ratio:4/3; object-fit:cover; }
@media (min-width:900px){ .ara-about-story{ grid-template-columns:.95fr 1.05fr; gap:var(--ara-s8); } }

.ara-value-grid{ display:grid; grid-template-columns:1fr; gap:var(--ara-s4); }
@media (min-width:768px){ .ara-value-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.ara-value{ padding:var(--ara-s6); border-radius:var(--ara-r-lg); text-align:center; }
.ara-value-icon{
  width:58px; height:58px; margin:0 auto var(--ara-s4); border-radius:19px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary-tint); color:var(--ara-primary);
}
.ara-value-icon svg{ width:26px; height:26px; }
.ara-value h3{ font-size:var(--ara-fs-md); margin-bottom:8px; }
.ara-value p{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); margin:0; }

.ara-team-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ara-s4); }
@media (min-width:900px){ .ara-team-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.ara-team-card{ padding:var(--ara-s5); border-radius:var(--ara-r-lg); text-align:center; display:block; color:inherit; }
.ara-team-avatar{
  display:block; width:88px; height:88px; margin:0 auto var(--ara-s3);
  border-radius:50%; overflow:hidden; background:var(--ara-primary-tint);
}
.ara-team-avatar img{ width:100%; height:100%; object-fit:cover; }
.ara-team-initial{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  font-size:var(--ara-fs-xl); font-weight:800; color:var(--ara-primary);
}
.ara-team-card strong{ display:block; font-size:var(--ara-fs-sm); }
.ara-team-card small{ display:block; font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }

.ara-about-cta{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:var(--ara-s5); padding:var(--ara-s7);
  border-radius:var(--ara-r-2xl);
  background:var(--ara-primary); color:var(--ara-on-primary);
  box-shadow:var(--ara-e3), inset 0 1px 0 rgba(255,255,255,.25);
}
.ara-about-cta h2{ color:inherit; margin:0 0 6px; font-size:var(--ara-fs-xl); }
.ara-about-cta p{ margin:0; opacity:.9; font-size:var(--ara-fs-sm); }

/* =========================================================
   13) صفحه رزرو
   ========================================================= */
.ara-steps{
  display:flex; gap:var(--ara-s2); margin:0 0 var(--ara-s6); padding:0; list-style:none;
  overflow-x:auto; scrollbar-width:none;
}
.ara-steps::-webkit-scrollbar{ display:none; }
.ara-step-dot{
  flex:1 0 auto; display:flex; align-items:center; gap:10px;
  padding:12px var(--ara-s4); border-radius:var(--ara-r-pill);
  background:var(--ara-glass-bg-soft);
  border:1px solid var(--ara-glass-line-soft);
  font-size:var(--ara-fs-xs); color:var(--ara-ink-mute);
  cursor:default; white-space:nowrap;
  transition:all var(--ara-t) var(--ara-ease);
}
.ara-step-num{
  width:26px; height:26px; flex:0 0 auto; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-glass-bg-strong); border:1px solid var(--ara-glass-line-soft);
  font-weight:800; font-size:var(--ara-fs-xs);
}
.ara-step-dot.is-active{
  background:var(--ara-glass-bg-strong); color:var(--ara-ink);
  border-color:color-mix(in srgb, var(--ara-primary) 40%, transparent);
  box-shadow:var(--ara-e1);
}
.ara-step-dot.is-active .ara-step-num{ background:var(--ara-primary); color:var(--ara-on-primary); border-color:transparent; }
.ara-step-dot.is-done{ cursor:pointer; color:var(--ara-primary); }
.ara-step-dot.is-done .ara-step-num{ background:var(--ara-primary-tint); color:var(--ara-primary); }
.ara-step-label{ font-weight:700; }
@media (max-width:640px){
  .ara-step-dot .ara-step-label{ display:none; }
  .ara-step-dot.is-active .ara-step-label{ display:inline; }
}

.ara-step-panel{ display:none; }
.ara-step-panel.is-active{ display:block; animation:ara-fade-up .4s var(--ara-ease-out); }

/* --- فرم تک‌صفحه‌ای رزرو --- */
.ara-booking-form-single{ display:flex; flex-direction:column; gap:var(--ara-s8); }
.ara-single-block{ transition:opacity var(--ara-t) var(--ara-ease); }
.ara-single-block.is-disabled{ opacity:.5; pointer-events:none; }
.ara-single-title{
  display:flex; align-items:center; gap:10px; font-size:var(--ara-fs-lg); margin:0 0 var(--ara-s4);
}
.ara-single-title span{
  width:30px; height:30px; flex:0 0 auto; border-radius:50%; background:var(--ara-primary); color:var(--ara-on-primary);
  display:flex; align-items:center; justify-content:center; font-size:var(--ara-fs-sm); font-weight:700;
}

.ara-srv-filters{ display:flex; flex-wrap:wrap; gap:var(--ara-s2); margin-bottom:var(--ara-s5); }

.ara-srv-grid{ display:grid; grid-template-columns:1fr; gap:var(--ara-s3); }
@media (min-width:700px){ .ara-srv-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1100px){ .ara-srv-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.ara-srv-card{ display:block; border-radius:var(--ara-r-lg); cursor:pointer; position:relative; }
.ara-srv-card input{ position:absolute; opacity:0; width:0; height:0; }
.ara-srv-card-inner{
  display:flex; align-items:center; gap:var(--ara-s3);
  padding:var(--ara-s4); border-radius:inherit;
  border:2px solid transparent;
  transition:border-color var(--ara-t) var(--ara-ease), transform var(--ara-t) var(--ara-ease);
}
.ara-srv-card:hover .ara-srv-card-inner{ transform:translateY(-2px); }
.ara-srv-card.is-selected{ box-shadow:var(--ara-e2); }
.ara-srv-card.is-selected .ara-srv-card-inner{ border-color:var(--ara-primary); }
.ara-srv-card input:focus-visible + .ara-srv-card-inner{ outline:2px solid var(--ara-primary); outline-offset:2px; }
.ara-srv-card-media{
  width:60px; height:60px; flex:0 0 auto; border-radius:var(--ara-r-md);
  overflow:hidden; background:var(--ara-primary-tint);
  display:flex; align-items:center; justify-content:center;
}
.ara-srv-card-media img{ width:100%; height:100%; object-fit:cover; }
.ara-srv-card-icon{ color:var(--ara-primary); display:flex; }
.ara-srv-card-icon svg{ width:26px; height:26px; }
.ara-srv-card-body{ flex:1 1 auto; min-width:0; }
.ara-srv-card-body strong{ display:block; font-size:var(--ara-fs-sm); line-height:1.5; }
.ara-srv-card-body small{ display:block; font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); margin-bottom:4px; }
.ara-srv-card-meta{ display:flex; align-items:center; gap:var(--ara-s3); flex-wrap:wrap; font-size:var(--ara-fs-xs); color:var(--ara-ink-soft); }
.ara-srv-card-meta > span{ display:inline-flex; align-items:center; gap:5px; }
.ara-srv-card-meta svg{ width:13px; height:13px; }
.ara-srv-card-price{ font-weight:800; color:var(--ara-primary); }
.ara-srv-card-check{
  width:26px; height:26px; flex:0 0 auto; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:2px solid var(--ara-line-strong); color:transparent;
  transition:all var(--ara-t) var(--ara-ease);
}
.ara-srv-card-check svg{ width:14px; height:14px; }
.ara-srv-card.is-selected .ara-srv-card-check{
  background:var(--ara-primary); border-color:var(--ara-primary); color:var(--ara-on-primary);
}

/* --- انتخاب روز و ساعت --- */
.ara-picker{ padding:var(--ara-s6); border-radius:var(--ara-r-xl); }
.ara-picker-head h3{ font-size:var(--ara-fs-md); margin:0 0 4px; }
.ara-picker-note{ font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); margin:0 0 var(--ara-s5); }

.ara-days-loading{ display:flex; justify-content:center; padding:var(--ara-s6); }
.ara-days-strip{
  display:flex; gap:var(--ara-s2); overflow-x:auto; padding:4px 2px var(--ara-s4);
  scroll-snap-type:x proximity; scrollbar-width:none;
}
.ara-days-strip::-webkit-scrollbar{ display:none; }
.ara-day{
  flex:0 0 auto; scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  width:70px; padding:12px 6px;
  border-radius:var(--ara-r-md);
  background:var(--ara-glass-bg-soft);
  border:1.5px solid var(--ara-glass-line-soft);
  transition:all var(--ara-t) var(--ara-ease);
}
.ara-day-w{ font-size:11px; font-weight:700; color:var(--ara-ink-mute); }
.ara-day-n{ font-size:20px; font-weight:800; line-height:1.2; color:var(--ara-ink); }
.ara-day-m{ font-size:10.5px; color:var(--ara-ink-mute); }
.ara-day:not(.is-full):hover{ border-color:var(--ara-primary); transform:translateY(-2px); }
.ara-day.is-selected{
  background:var(--ara-primary); border-color:var(--ara-primary);
  box-shadow:var(--ara-e-primary);
}
.ara-day.is-selected .ara-day-w,
.ara-day.is-selected .ara-day-n,
.ara-day.is-selected .ara-day-m{ color:var(--ara-on-primary); }
.ara-day.is-full{ opacity:.35; cursor:not-allowed; }

.ara-slots-wrap{ margin-top:var(--ara-s4); padding-top:var(--ara-s5); border-top:1px solid var(--ara-glass-line-soft); }
.ara-slots-wrap h4{ font-size:var(--ara-fs-sm); margin:0 0 var(--ara-s4); }
.ara-slots{ display:flex; flex-wrap:wrap; gap:var(--ara-s2); min-height:46px; }
.ara-slots-hint{ font-size:var(--ara-fs-sm); color:var(--ara-ink-mute); margin:0; }
.ara-slot{ flex-direction:column; gap:1px; min-height:46px; padding-inline:var(--ara-s4); }
.ara-slot small{ font-size:10px; opacity:.8; font-weight:600; }

/* --- خلاصه و پرداخت --- */
.ara-summary-grid{ display:grid; grid-template-columns:1fr; gap:var(--ara-s4); }
@media (min-width:900px){ .ara-summary-grid{ grid-template-columns:.9fr 1.1fr; gap:var(--ara-s5); align-items:start; } }

.ara-summary{ padding:var(--ara-s6); border-radius:var(--ara-r-xl); }
.ara-summary h3{ font-size:var(--ara-fs-md); margin:0 0 var(--ara-s4); }
.ara-summary ul{ display:flex; flex-direction:column; gap:2px; }
.ara-summary li{
  display:flex; align-items:center; justify-content:space-between; gap:var(--ara-s3);
  padding:11px 0; border-bottom:1px dashed var(--ara-glass-line-soft);
  font-size:var(--ara-fs-sm);
}
.ara-summary li:last-child{ border-bottom:0; }
.ara-summary li span{ color:var(--ara-ink-soft); }
.ara-summary-total{ margin-top:6px; padding-top:14px!important; border-top:1px solid var(--ara-line); border-bottom:0!important; }
.ara-summary-total strong{ font-size:var(--ara-fs-lg); color:var(--ara-primary); }

.ara-pay{ padding:var(--ara-s6); border-radius:var(--ara-r-xl); }
.ara-pay h3{ display:flex; align-items:center; gap:8px; font-size:var(--ara-fs-md); margin:0 0 var(--ara-s3); }
.ara-pay h3 svg{ width:20px; height:20px; color:var(--ara-primary); }
.ara-pay > p{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); }
.ara-pay-note{ font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }
.ara-pay-trust{ display:flex; gap:var(--ara-s4); flex-wrap:wrap; margin:var(--ara-s4) 0; }
.ara-pay-trust span{ display:inline-flex; align-items:center; gap:6px; font-size:var(--ara-fs-xs); color:var(--ara-ink-soft); }
.ara-pay-trust svg{ width:15px; height:15px; color:var(--ara-success); }
.ara-pay-terms{ margin:var(--ara-s4) 0; }
.ara-card-info{
  background:var(--ara-glass-bg-soft); border:1px solid var(--ara-glass-line-soft);
  border-radius:var(--ara-r-md); padding:var(--ara-s4); margin-bottom:var(--ara-s4);
}
.ara-card-num{
  display:flex; align-items:center; gap:var(--ara-s2);
  font-size:var(--ara-fs-md); font-weight:800; letter-spacing:.08em;
}
.ara-card-info p{ margin:8px 0 0; font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); }

.ara-step-nav{
  display:flex; align-items:center; justify-content:space-between; gap:var(--ara-s3);
  margin-top:var(--ara-s6);
}
.ara-step-nav [data-ara-next]{ margin-inline-start:auto; }
.ara-step-error{
  margin-top:var(--ara-s4); padding:12px 16px; border-radius:var(--ara-r-sm);
  background:var(--ara-danger-tint); color:var(--ara-danger);
  font-size:var(--ara-fs-sm); font-weight:600;
}
.ara-booking-content{ margin-top:var(--ara-s7); }

/* --- نتیجه ثبت --- */
.ara-result{ text-align:center; padding:var(--ara-s9) var(--ara-s6); border-radius:var(--ara-r-2xl); }
.ara-result-icon{
  width:76px; height:76px; margin:0 auto var(--ara-s4); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-success-tint); color:var(--ara-success);
}
.ara-result-icon svg{ width:38px; height:38px; }
.ara-result h2{ margin:0 0 var(--ara-s3); }
.ara-result p{ color:var(--ara-ink-soft); max-width:52ch; margin-inline:auto; }
.ara-result-code{
  display:inline-block; margin-top:var(--ara-s4); padding:10px 20px;
  border-radius:var(--ara-r-pill); background:var(--ara-primary-tint);
  color:var(--ara-primary); font-weight:700;
}
.ara-result .ara-btn{ margin-top:var(--ara-s5); }

/* =========================================================
   13‑ب) تراکم فشرده رزرو (تنظیمات ← رزرو و نوبت ← تراکم بصری فرم رزرو)
   ========================================================= */
body.ara-booking-style-compact .ara-steps{ margin-bottom:var(--ara-s4); }
body.ara-booking-style-compact .ara-step-dot{ padding:8px var(--ara-s3); }
body.ara-booking-style-compact .ara-step-num{ width:22px; height:22px; }
body.ara-booking-style-compact .ara-booking-form-single{ gap:var(--ara-s6); }
body.ara-booking-style-compact .ara-single-title{ margin-bottom:var(--ara-s3); font-size:var(--ara-fs-md); }
body.ara-booking-style-compact .ara-srv-grid{ gap:var(--ara-s2); }
body.ara-booking-style-compact .ara-srv-card-inner{ padding:10px var(--ara-s3); gap:var(--ara-s2); }
body.ara-booking-style-compact .ara-srv-card-media{ width:44px; height:44px; }
body.ara-booking-style-compact .ara-picker{ padding:var(--ara-s4); }
body.ara-booking-style-compact .ara-day{ width:56px; padding:8px 4px; }
body.ara-booking-style-compact .ara-summary,
body.ara-booking-style-compact .ara-pay{ padding:var(--ara-s4); }
body.ara-booking-style-compact .ara-summary li{ padding:7px 0; font-size:var(--ara-fs-xs); }
body.ara-booking-style-compact .ara-booking-content{ margin-top:var(--ara-s5); }
body.ara-booking-style-compact .ara-step-nav{ margin-top:var(--ara-s4); }

/* --- رسید رزرو (صفحه‌ی رسیدمانند بعد از ثبت موفق) --- */
.ara-receipt-wrap{ max-width:520px; margin:0 auto; }
.ara-receipt{ padding:var(--ara-s7) var(--ara-s6); border-radius:var(--ara-r-2xl); }
.ara-receipt-head{ text-align:center; margin-bottom:var(--ara-s6); }
.ara-receipt-head h2{ margin:0 0 var(--ara-s2); }
.ara-receipt-head p{ color:var(--ara-ink-soft); }
.ara-receipt-body{
  border-top:1px dashed var(--ara-glass-line); border-bottom:1px dashed var(--ara-glass-line);
  padding:var(--ara-s5) 0; display:flex; flex-direction:column; gap:12px;
}
.ara-receipt-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--ara-s4); font-size:var(--ara-fs-sm); }
.ara-receipt-row span{ color:var(--ara-ink-soft); }
.ara-receipt-row strong{ color:var(--ara-ink); font-weight:700; text-align:left; }
.ara-receipt-row-lg strong{ font-size:var(--ara-fs-lg); color:var(--ara-primary); }
.ara-receipt-row-total{ margin-top:4px; padding-top:12px; border-top:1px solid var(--ara-glass-line); }
.ara-receipt-row-total strong{ font-size:var(--ara-fs-lg); color:var(--ara-primary); }
.ara-badge{
  display:inline-block; padding:3px 12px; border-radius:var(--ara-r-pill); font-size:var(--ara-fs-xs);
  font-weight:700; background:var(--ara-primary-tint); color:var(--ara-primary);
}
.ara-badge-confirmed,.ara-badge-paid,.ara-badge-done{ background:var(--ara-success-tint); color:var(--ara-success); }
.ara-badge-pending{ background:var(--ara-warning-tint,var(--ara-primary-tint)); color:var(--ara-warning,var(--ara-primary)); }
.ara-badge-cancelled,.ara-badge-failed{ background:var(--ara-danger-tint,rgba(220,38,38,.12)); color:var(--ara-danger,#dc2626); }
.ara-receipt-foot{ text-align:center; margin:var(--ara-s5) 0 0; font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }
.ara-receipt-actions{ display:flex; gap:var(--ara-s3); justify-content:center; margin-top:var(--ara-s5); }
@media (max-width:480px){ .ara-receipt-actions{ flex-direction:column; } }

@media print{
  .site-header,.site-footer,.ara-receipt-actions,.ara-aurora,[data-ara-theme-toggle]{ display:none!important; }
  body,.ara-receipt{ background:#fff!important; box-shadow:none!important; }
  .ara-receipt{ border:1px solid #ccc!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }
  .ara-receipt-wrap{ max-width:100%!important; }
}

/* =========================================================
   14) تک‌خدمت
   ========================================================= */
.ara-srv-single{
  display:grid; grid-template-columns:1fr; gap:var(--ara-s6);
  padding:var(--ara-s6); border-radius:var(--ara-r-2xl); align-items:center;
}
.ara-srv-single-media img{ width:100%; border-radius:var(--ara-r-xl); aspect-ratio:4/3; object-fit:cover; }
.ara-srv-single-icon{
  display:flex; align-items:center; justify-content:center;
  aspect-ratio:4/3; border-radius:var(--ara-r-xl);
  background:var(--ara-primary-tint); color:var(--ara-primary);
}
.ara-srv-single-icon svg{ width:72px; height:72px; }
.ara-srv-single-body h1{ margin:var(--ara-s3) 0; }
.ara-srv-single-lead{ color:var(--ara-ink-soft); }
.ara-srv-single-meta{ display:flex; flex-wrap:wrap; gap:var(--ara-s4); margin:var(--ara-s4) 0 var(--ara-s6); }
.ara-srv-single-meta li{ display:inline-flex; align-items:center; gap:7px; font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); }
.ara-srv-single-meta svg{ width:17px; height:17px; color:var(--ara-primary); }
.ara-srv-single-content{ margin-top:var(--ara-s6); }
@media (min-width:900px){
  .ara-srv-single{ grid-template-columns:.85fr 1.15fr; padding:var(--ara-s8); }
}

/* =========================================================
   15) ورود و عضویت
   ========================================================= */
/* align-items:stretch (نه center) تا هر دو باکس هم‌ارتفاع باشند —
   با center قبلی، هرکدام فقط به اندازه‌ی محتوای خودش بلند بود. */
.ara-auth-shell{ display:grid; grid-template-columns:1fr; gap:var(--ara-s6); align-items:stretch; max-width:1040px; margin-inline:auto; }
@media (min-width:960px){ .ara-auth-shell{ grid-template-columns:1fr 1fr; gap:var(--ara-s8); } }

.ara-auth-aside,
.ara-auth-card{ display:flex; flex-direction:column; justify-content:center; height:100%; box-sizing:border-box; }

.ara-auth-aside{ padding:var(--ara-s4); }
.ara-auth-aside h2{ margin:var(--ara-s4) 0 var(--ara-s3); font-size:var(--ara-fs-2xl); }
.ara-auth-aside > p{ color:var(--ara-ink-soft); margin-bottom:var(--ara-s5); }
.ara-auth-aside .ara-badge{ background:var(--ara-primary); color:var(--ara-on-primary); border-color:transparent; }
.ara-auth-perks{ display:flex; flex-direction:column; gap:var(--ara-s3); }
.ara-auth-perks li{ display:flex; align-items:center; gap:10px; font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); }
.ara-auth-perks svg{ width:18px; height:18px; flex:0 0 auto; color:var(--ara-success); }

.ara-auth-card{ padding:var(--ara-s7); border-radius:var(--ara-r-2xl); max-width:520px; width:100%; margin-inline:auto; }

/* کنتراست فیلدهای فرم ورود/عضویت (مشترک بین هر دو فرم چون هر دو داخل
   .ara-auth-card هستند): چون این کارت خودش یک سطح شیشه‌ای است، پس‌زمینه‌ی
   نرم پیش‌فرض ورودی‌ها (--ara-glass-bg-soft) و خط دور شیشه‌ای‌اش
   (--ara-glass-line-soft) روی آن تقریباً محو می‌شوند. اینجا از همان توکن‌های
   طراحی، نسخه‌ی پررنگ‌تر انتخاب شده — نه رنگ جدید — دقیقاً همان جفتی که
   المان‌های شیشه‌ای دیگر سایت برای مرز مشخص و خوانا استفاده می‌کنند. */
.ara-auth-card .ara-field input[type="text"],
.ara-auth-card .ara-field input[type="email"],
.ara-auth-card .ara-field input[type="tel"],
.ara-auth-card .ara-field input[type="password"],
.ara-auth-card .ara-field select{
  background:var(--ara-glass-bg-strong);
  border-color:var(--ara-line);
}
.ara-auth-card .ara-field input:focus,
.ara-auth-card .ara-field select:focus{
  border-color:var(--ara-primary);
}

.ara-auth-title{ font-size:var(--ara-fs-xl); margin:0 0 6px; }
.ara-auth-sub{ color:var(--ara-ink-soft); font-size:var(--ara-fs-sm); margin:0 0 var(--ara-s6); }

.ara-auth-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--ara-s3); flex-wrap:wrap; margin-bottom:var(--ara-s5); }
.ara-auth-forgot{ font-size:var(--ara-fs-xs); color:var(--ara-primary); font-weight:700; }

/* فرم ورود/عضویت با رمز عبور، از همان چیدمان استاندارد .ara-field
   سراسر سایت (برچسب بالای فیلد) استفاده می‌کند تا با بقیه‌ی فرم‌های سایت
   (تسویه‌حساب، رزرو و ...) هماهنگ بماند. */

/* =========================================================
   15‑ب) چهار استایل آماده صفحه ورود/عضویت (تنظیمات ← ورود و عضویت)
   ========================================================= */
/* استایل ۲ — کارت مرکزی ساده: بدون ستون معرفی */
body.ara-auth-style-2 .ara-auth-aside{ display:none; }
body.ara-auth-style-2 .ara-auth-shell{ grid-template-columns:1fr; max-width:520px; }

/* استایل ۳ — پس‌زمینه رنگی تمام‌عرض پشت کارت */
body.ara-auth-style-3 .ara-auth{
  background:linear-gradient(135deg, var(--ara-primary), var(--ara-accent));
  border-radius:var(--ara-r-2xl); padding-block:var(--ara-s8);
}
body.ara-auth-style-3 .ara-auth-shell{ grid-template-columns:1fr; max-width:560px; }
body.ara-auth-style-3 .ara-auth-aside{ text-align:center; padding-bottom:0; }
body.ara-auth-style-3 .ara-auth-aside .ara-badge{ background:rgba(255,255,255,.2); color:#fff; border-color:transparent; }
body.ara-auth-style-3 .ara-auth-aside h2{ color:#fff; }
body.ara-auth-style-3 .ara-auth-aside > p{ color:rgba(255,255,255,.85); }
body.ara-auth-style-3 .ara-auth-perks{ display:none; }
body.ara-auth-style-3 .ara-auth-card{ box-shadow:0 30px 60px -20px rgba(0,0,0,.35); }

/* استایل ۴ — پنل رنگی برند در کنار فرم، بدون فاصله بین دو ستون */
body.ara-auth-style-4 .ara-auth-shell{ grid-template-columns:1fr; max-width:1100px; gap:0; border-radius:var(--ara-r-2xl); overflow:hidden; box-shadow:var(--ara-e3); }
@media (min-width:960px){ body.ara-auth-style-4 .ara-auth-shell{ grid-template-columns:1fr 1fr; } }
body.ara-auth-style-4 .ara-auth-aside{
  background:linear-gradient(160deg, var(--ara-primary), var(--ara-ink));
  display:flex; flex-direction:column; justify-content:center;
  padding:var(--ara-s8); border-radius:0; min-height:360px;
}
body.ara-auth-style-4 .ara-auth-aside .ara-badge{ background:rgba(255,255,255,.16); color:#fff; border-color:transparent; }
body.ara-auth-style-4 .ara-auth-aside h2{ color:#fff; }
body.ara-auth-style-4 .ara-auth-aside > p{ color:rgba(255,255,255,.82); }
body.ara-auth-style-4 .ara-auth-perks li{ color:rgba(255,255,255,.85); }
body.ara-auth-style-4 .ara-auth-perks svg{ color:#fff; }
body.ara-auth-style-4 .ara-auth-card{ border-radius:0; box-shadow:none; max-width:none; }
.ara-pass-wrap{ position:relative; }
.ara-pass-wrap input{ padding-inline-end:48px; }
.ara-pass-toggle{
  position:absolute; inset-inline-end:8px; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--ara-ink-mute); transition:color var(--ara-t) var(--ara-ease);
}
.ara-pass-toggle svg{ width:18px; height:18px; }
.ara-pass-toggle:hover,.ara-pass-toggle.is-active{ color:var(--ara-primary); }

/* --- ورود با کد یکبار مصرف --- */
.ara-login-mode{ display:none; }
.ara-login-mode.is-active{ display:block; animation:ara-fade-up .3s var(--ara-ease-out); }

.ara-login-switch{ margin-top:var(--ara-s5); }
.ara-login-or{
  display:flex; align-items:center; gap:var(--ara-s3);
  margin-bottom:var(--ara-s4);
  font-size:var(--ara-fs-xs); color:var(--ara-ink-mute);
}
.ara-login-or::before,
.ara-login-or::after{
  content:""; flex:1 1 auto; height:1px; background:var(--ara-glass-line-soft);
}

/* --- ورود/عضویت با رمز عبور (جایگزین یکپارچه) --- */
.ara-pass-auth[hidden]{ display:none; }
.ara-pass-auth{ animation:ara-fade-up .3s var(--ara-ease-out); }
.ara-pass-switch{ margin-top:var(--ara-s5); text-align:center; }

.ara-otp-step{ display:none; }
.ara-otp-step.is-active{ display:block; animation:ara-fade-up .3s var(--ara-ease-out); }

.ara-otp-sent{
  font-size:var(--ara-fs-sm); color:var(--ara-ink-soft);
  margin-bottom:var(--ara-s5); line-height:2;
}
.ara-otp-sent strong{ color:var(--ara-ink); font-weight:700; }

.ara-linkbtn{
  display:inline; font-size:var(--ara-fs-xs); font-weight:700;
  color:var(--ara-primary); text-decoration:underline; text-underline-offset:3px;
}
.ara-linkbtn:hover{ color:var(--ara-primary-600); }

.ara-otp-boxes{
  display:flex; justify-content:center; gap:var(--ara-s3);
  margin-bottom:var(--ara-s5);
}
.ara-otp-boxes input{
  width:60px; height:68px; flex:0 0 auto;
  text-align:center; font-size:26px; font-weight:800;
  border-radius:var(--ara-r-md);
  background:var(--ara-glass-bg-soft);
  border:1.5px solid var(--ara-glass-line-soft);
  color:var(--ara-ink);
  caret-color:var(--ara-primary);
  transition:border-color var(--ara-t) var(--ara-ease), box-shadow var(--ara-t) var(--ara-ease), background-color var(--ara-t) var(--ara-ease);
}
.ara-otp-boxes input:focus{
  outline:none; border-color:var(--ara-primary);
  background:var(--ara-glass-bg-strong);
  box-shadow:0 0 0 4px var(--ara-primary-tint);
}
.ara-otp-boxes input.has-value{ border-color:var(--ara-primary); background:var(--ara-primary-tint); }
@media (max-width:400px){
  .ara-otp-boxes{ gap:var(--ara-s2); }
  .ara-otp-boxes input{ width:52px; height:60px; font-size:22px; }
}

.ara-otp-resend{
  margin:var(--ara-s4) 0 0; text-align:center;
  font-size:var(--ara-fs-xs); color:var(--ara-ink-mute);
}
.ara-otp-msg{
  margin:var(--ara-s4) 0 0; padding:11px 15px;
  border-radius:var(--ara-r-sm);
  font-size:var(--ara-fs-sm); font-weight:600; text-align:center;
  background:var(--ara-danger-tint); color:var(--ara-danger);
}
.ara-otp-msg.is-success{ background:var(--ara-success-tint); color:var(--ara-success); }

.ara-auth-done{ text-align:center; max-width:520px; }
.ara-auth-icon{
  width:76px; height:76px; margin:0 auto var(--ara-s4); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-success-tint); color:var(--ara-success);
}
.ara-auth-icon svg{ width:36px; height:36px; }
.ara-auth-done-actions{ display:flex; gap:var(--ara-s3); justify-content:center; flex-wrap:wrap; margin-top:var(--ara-s5); }

/* =========================================================
   16) تماس با ما
   ========================================================= */
.ara-contact-grid{ display:grid; grid-template-columns:1fr; gap:var(--ara-s4); }
@media (min-width:640px){ .ara-contact-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .ara-contact-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.ara-contact-card{
  display:flex; flex-direction:column; gap:6px; align-items:flex-start;
  padding:var(--ara-s6); border-radius:var(--ara-r-lg); color:inherit;
}
.ara-contact-icon{
  width:50px; height:50px; margin-bottom:6px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background:var(--ara-primary-tint); color:var(--ara-primary);
}
.ara-contact-icon svg{ width:23px; height:23px; }
.ara-contact-card strong{ font-size:var(--ara-fs-sm); }
.ara-contact-card span{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); }
.ara-contact-social{
  display:flex; align-items:center; justify-content:space-between; gap:var(--ara-s4);
  flex-wrap:wrap; margin-top:var(--ara-s5); padding:var(--ara-s5) var(--ara-s6);
  border-radius:var(--ara-r-lg);
}
.ara-contact-content{ margin-top:var(--ara-s5); }

/* =========================================================
   17) جستجو و ۴۰۴
   ========================================================= */
.ara-search-again{ padding:var(--ara-s4); border-radius:var(--ara-r-lg); margin-bottom:var(--ara-s6); }
.ara-search-list{ display:flex; flex-direction:column; gap:var(--ara-s3); }
.ara-search-item{
  display:flex; align-items:center; gap:var(--ara-s4);
  padding:var(--ara-s4); border-radius:var(--ara-r-lg);
}
.ara-search-item-media{ width:80px; height:80px; flex:0 0 auto; border-radius:var(--ara-r-md); overflow:hidden; }
.ara-search-item-media img{ width:100%; height:100%; object-fit:cover; }
.ara-search-item-body{ flex:1 1 auto; min-width:0; }
.ara-search-item-type{ font-size:var(--ara-fs-xs); color:var(--ara-primary); font-weight:700; }
.ara-search-item-body h3{ font-size:var(--ara-fs-md); margin:2px 0 4px; }
.ara-search-item-body p{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); margin:0; }
.ara-search-item-go{ flex:0 0 auto; color:var(--ara-ink-mute); }
.ara-search-item-go svg{ width:18px; height:18px; }

.ara-404-card{ text-align:center; padding:var(--ara-s9) var(--ara-s6); border-radius:var(--ara-r-2xl); }
.ara-404-code{
  display:block; font-size:clamp(64px, 16vw, 132px); font-weight:800; line-height:1;
  background:linear-gradient(120deg, var(--ara-primary), var(--ara-accent));
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  margin-bottom:var(--ara-s4);
}
.ara-404-card p{ color:var(--ara-ink-soft); max-width:46ch; margin:0 auto var(--ara-s5); }
.ara-404-card .ara-search-field{ max-width:420px; margin-inline:auto; }
.ara-404-actions{ display:flex; flex-wrap:wrap; gap:var(--ara-s3); justify-content:center; margin-top:var(--ara-s5); }

/* =========================================================
   18) ابزارک‌ها و دیدگاه‌ها
   ========================================================= */
.ara-widget{
  padding:var(--ara-s5); border-radius:var(--ara-r-lg);
  background:var(--ara-glass-bg); border:1px solid var(--ara-glass-line-soft);
  box-shadow:var(--ara-e1); margin-bottom:var(--ara-s4);
}
.ara-widget-title{ font-size:var(--ara-fs-sm); margin:0 0 var(--ara-s4); }
.ara-widget ul{ display:flex; flex-direction:column; gap:2px; }
.ara-widget li a{ display:block; padding:8px 0; font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); }
.ara-widget li a:hover{ color:var(--ara-primary); }

.ara-comments-title{ display:flex; align-items:center; gap:8px; font-size:var(--ara-fs-lg); margin-bottom:var(--ara-s5); }
.ara-comments-title svg{ width:20px; height:20px; color:var(--ara-primary); }
.ara-comment-list{ display:flex; flex-direction:column; gap:var(--ara-s4); margin-bottom:var(--ara-s6); }
.ara-comment-list .comment-body{
  padding:var(--ara-s5); border-radius:var(--ara-r-md);
  background:var(--ara-glass-bg-soft); border:1px solid var(--ara-glass-line-soft);
}
.ara-comment-list .children{ margin-top:var(--ara-s3); padding-inline-start:var(--ara-s5); display:flex; flex-direction:column; gap:var(--ara-s3); }
.ara-comment-list .comment-author{ display:flex; align-items:center; gap:10px; margin-bottom:8px; font-size:var(--ara-fs-sm); font-weight:700; }
.ara-comment-list .comment-author img{ border-radius:50%; }
.ara-comment-list .comment-meta{ font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); margin-bottom:10px; }
.ara-comment-list .reply a{ font-size:var(--ara-fs-xs); font-weight:700; color:var(--ara-primary); }
.ara-comment-form .form-submit{ margin-top:var(--ara-s4); }
.ara-comments-closed{ font-size:var(--ara-fs-sm); color:var(--ara-ink-mute); }

/* =========================================================
   19) حالت بارگذاری روی دکمه‌ها
   ========================================================= */
.ara-btn.is-loading{ pointer-events:none; position:relative; color:transparent!important; }
.ara-btn.is-loading::before{
  content:""; position:absolute; inset:0; margin:auto;
  width:20px; height:20px; border-radius:50%;
  border:2.5px solid rgba(255,255,255,.4); border-top-color:#fff;
  animation:ara-spin .7s linear infinite;
}

/* =========================================================
   MOBILE REDESIGN PASS (v1.3.0)
   همه‌ی قوانین این بخش با @media (max-width:767px) محدود شده‌اند تا دیزاین
   دسکتاپ دقیقاً همان چیزی که بود بماند — به‌جز دو استثنای صریح: حذف فلش
   کارت دسته‌بندی (هم موبایل هم دسکتاپ)، و حذف عنوان/بردکرامپ فروشگاه
   (که در PHP برای هر دو حالت انجام شده، پایین‌تر مشخص شده).
   ========================================================= */

/* --- دکمه/فلش کارت‌های دسته‌بندی: هم موبایل هم دسکتاپ حذف شود --- */
.ara-cat-card-go{ display:none!important; }

/* توجه: عنوان (h1) و بردکرامپ فروشگاه/دسته‌بندی از خروجی PHP (ara_shop_header) کاملاً
   حذف شده‌اند — هم موبایل هم دسکتاپ — بدون نیاز به قانون CSS جداگانه، تا بردکرامپ
   صفحات دیگر (مثل تک‌محصول/تک‌خدمت) که همچنان لازم است دست‌نخورده بماند. */

@media (max-width:767px){

  /* ===== ۱) اسلایدر هیرو در موبایل: ریدیزاین کامل و مینیمال —
     فقط عکس، دکمه(ها) روی عکس، و یک دات‌نویگیشن پایین آن‌ها. بدون متن،
     بدون بکگراند/شیشه‌ی پشت اسلاید. ===== */
  .ara-hero-shell{
    background:none!important; border:0!important; box-shadow:none!important;
    -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
    border-radius:0;
  }
  .ara-hero-slide{
    display:grid; grid-template-columns:1fr; grid-template-rows:1fr;
    padding:0; gap:0; background:none; min-height:0;
  }
  .ara-hero-media{
    grid-column:1; grid-row:1; position:relative;
    aspect-ratio:4/3; min-height:0;
    border-radius:var(--ara-r-xl); overflow:hidden;
  }
  .ara-hero-media img{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; border-radius:0; box-shadow:none; aspect-ratio:auto;
  }
  .ara-hero-media-fallback{ position:absolute; inset:0; width:100%; height:100%; max-width:none; aspect-ratio:auto; border-radius:0; }
  .ara-hero-copy{
    grid-column:1; grid-row:1; position:relative; z-index:2; align-self:end;
    display:flex; flex-direction:column; align-items:center; width:100%;
    padding:var(--ara-s4); max-width:none;
  }
  .ara-hero-copy .ara-badge,
  .ara-hero-copy h1,
  .ara-hero-copy p{ display:none; }
  .ara-hero-actions{ width:100%; justify-content:center; margin:0; }
  .ara-hero-orb{ display:none; }
  .ara-hero-dots{
    position:static; margin:var(--ara-s3) auto 0; display:flex; justify-content:center;
    padding-inline:0;
  }
  .ara-hero-stats{ margin-top:var(--ara-s4); }

  /* ===== ۲) دسته‌بندی‌ها: جمع‌وجورتر، یک ردیف اسکرول‌شونده، بدون زمان‌بندی ===== */
  .ara-cat-grid{
    display:flex!important; flex-wrap:nowrap; overflow-x:auto; gap:var(--ara-s2);
    padding-bottom:4px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .ara-cat-grid::-webkit-scrollbar{ display:none; }
  .ara-cat-card{
    flex:0 0 auto; width:150px; flex-direction:column; align-items:flex-start; text-align:start;
    gap:6px; padding:var(--ara-s2) 2px; scroll-snap-align:start;
    /* بکگراند/شیشه‌ی محدود کارت (که در ردیف باریک افقی جمع‌وجور می‌شد و بد به‌نظر می‌رسید) حذف شد */
    background:none!important; border:0!important; box-shadow:none!important;
    -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
  }
  .ara-cat-card-media{ width:100%; height:76px; background:var(--ara-primary-tint); }
  .ara-cat-card-body small{ display:none; }
  .ara-cat-card[data-ara-reveal]{ opacity:1!important; transform:none!important; transition:none!important; }

  /* ===== ۳) ردیف «۴ ویژگی»: نوار تمام‌عرض، آیتم‌ها کنار هم و وسط‌چین با
     فاصله‌ی متناسب از هم و از کناره‌ها — بدون اسکرول افقی و بدون راست‌چین شدن ===== */
  .ara-usp-row{
    display:flex!important; flex-wrap:wrap; justify-content:center;
    gap:var(--ara-s5) var(--ara-s4); padding-inline:var(--ara-s3);
  }
  .ara-usp-item{
    flex:0 1 calc(50% - var(--ara-s4)); max-width:170px;
    flex-direction:column; align-items:center; text-align:center; gap:8px; padding:var(--ara-s3) 2px;
    background:none!important; border:0!important; box-shadow:none!important;
    -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
  }
  .ara-usp-icon{ width:52px; height:52px; }
  .ara-usp-icon svg{ width:23px; height:23px; }
  .ara-usp-item span{ display:none; }
  .ara-usp-item strong{ font-size:var(--ara-fs-sm); }

  /* ===== ۴) کارت‌های خدمات قابل رزرو: حذف لوگو/عکس، جمع‌وجورتر ===== */
  .ara-service-card{ padding:var(--ara-s4); }
  .ara-service-card-img{ display:none; }
  .ara-service-card-icon.ara-service-card-icon-mobile-only{ display:flex; }
  .ara-service-card-icon{ width:44px; height:44px; }
  .ara-service-card-icon svg{ width:20px; height:20px; }
  .ara-service-card-body p{ display:none; }

  /* ===== ۹) بخش دعوت به رزرو: حذف انیمیشن شناور + جمع‌وجورتر ===== */
  .ara-bcta{ padding:var(--ara-s5); gap:var(--ara-s5); }
  .ara-bcta-chip{ animation:none!important; transform:none!important; }
  .ara-bcta-chip.is-2, .ara-bcta-chip.is-3{ transform:none!important; }
  .ara-bcta-visual{ min-height:0; flex-direction:row; flex-wrap:wrap; justify-content:center; }
  .ara-bcta-steps{ gap:var(--ara-s2); }

  /* ===== صفحه رزرو: حذف انیمیشن تعویض مرحله + جمع‌وجورتر ===== */
  .ara-step-panel.is-active{ animation:none!important; }
  .ara-day{ width:58px; padding:9px 4px; }
  .ara-day-n{ font-size:17px; }
  .ara-srv-card-inner{ padding:var(--ara-s3); }
  .ara-srv-card-media{ width:48px; height:48px; }
  .ara-picker{ padding:var(--ara-s4); }

  /* ===== ۱۰) کارت‌های مقاله: کم‌ارتفاع‌تر، یک ردیف اسکرول‌شونده ===== */
  .ara-post-grid{
    display:flex!important; flex-wrap:nowrap; overflow-x:auto; gap:var(--ara-s3);
    scroll-snap-type:x proximity; scrollbar-width:none;
  }
  .ara-post-grid::-webkit-scrollbar{ display:none; }
  .ara-post-grid > div{ flex:0 0 84%; scroll-snap-align:start; }
  .ara-post-card-media{ aspect-ratio:16/8; }
  .ara-post-card-body{ padding:var(--ara-s3); }
  .ara-post-card-meta{ display:none; }
  .ara-post-card-body h3{ font-size:var(--ara-fs-sm); -webkit-line-clamp:1; }
  .ara-post-card-body p{ -webkit-line-clamp:1; margin-bottom:var(--ara-s2); }

  /* ===== بالای فروشگاه: نمایش بخش دسته‌بندی (تکرار همان بخش صفحه اصلی) کمی جمع‌وجورتر ===== */
  .ara-shop-cat-band .ara-section{ padding-top:0; }
}

/* =========================================================
   20) امتیاز/نظرات خدمات (صفحه رزرو، تک‌خدمت) + کارت مینیمال مقاله
   ========================================================= */
.ara-srv-rating{ display:flex; align-items:center; gap:var(--ara-s2); margin-top:6px; flex-wrap:wrap; }
.ara-srv-rating-stars{ display:inline-flex; align-items:center; gap:4px; font-size:var(--ara-fs-xs); font-weight:700; color:var(--ara-ink); }
.ara-srv-rating-stars svg{ width:14px; height:14px; color:#F5A623; }
.ara-srv-rating-count{ font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }
.ara-srv-single-rating{ margin-top:var(--ara-s2); }

.ara-srv-reviews-list{ display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:var(--ara-s4); }
.ara-srv-review-card{ padding:var(--ara-s4); border-radius:var(--ara-r-md); }
.ara-srv-review-head{ display:flex; align-items:center; justify-content:space-between; gap:var(--ara-s2); margin-bottom:8px; }
.ara-srv-review-name{ font-size:var(--ara-fs-sm); }
.ara-srv-review-stars{ display:inline-flex; align-items:center; gap:4px; font-size:var(--ara-fs-xs); font-weight:700; color:#F5A623; }
.ara-srv-review-stars svg{ width:13px; height:13px; }
.ara-srv-review-text{ font-size:var(--ara-fs-sm); color:var(--ara-ink-soft); line-height:1.9; margin:0 0 var(--ara-s3); }
.ara-srv-review-foot{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }
.ara-srv-review-service{ font-weight:700; color:var(--ara-primary); }
.ara-srv-review-date{ margin-inline-start:auto; }

.ara-mini-article-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:var(--ara-s4); }
.ara-mini-article-card{ padding:var(--ara-s4); border-radius:var(--ara-r-md); display:flex; flex-direction:column; gap:10px; }
.ara-mini-article-cat{
  align-self:flex-start; font-size:var(--ara-fs-xs); font-weight:700; color:var(--ara-primary);
  background:color-mix(in srgb, var(--ara-primary) 12%, transparent); padding:3px 10px; border-radius:var(--ara-r-xs);
}
.ara-mini-article-title{ font-size:var(--ara-fs-md); margin:0; line-height:1.6; }
.ara-mini-article-link{ display:inline-flex; align-items:center; gap:6px; font-size:var(--ara-fs-xs); font-weight:700; color:var(--ara-primary); margin-top:auto; }
.ara-mini-article-link svg{ width:14px; height:14px; }

/* =========================================================
   21) ویجت نظرات صفحه اصلی — حالت گرادیانی / اسلایدر
   ========================================================= */
.ara-home-reviews{ padding-block:var(--ara-s7); }
.ara-home-reviews-gradient{
  background:linear-gradient(135deg, var(--ara-primary), var(--ara-accent));
  color:var(--ara-on-primary);
}
.ara-home-reviews-gradient .ara-section-head *{ color:inherit; }
.ara-home-reviews-gradient .ara-home-review-card{
  background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.22); color:var(--ara-on-primary);
}
.ara-home-reviews-gradient .ara-home-review-text,
.ara-home-reviews-gradient .ara-home-review-foot{ color:inherit; opacity:.92; }
.ara-home-reviews-gradient .ara-home-review-entity{ color:var(--ara-on-primary); text-decoration:underline; }

.ara-home-reviews-track{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:var(--ara-s4);
}
.ara-home-reviews-slider .ara-home-reviews-track{
  display:flex; flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x proximity;
  padding-bottom:var(--ara-s2); scrollbar-width:none;
}
.ara-home-reviews-slider .ara-home-reviews-track::-webkit-scrollbar{ display:none; }
.ara-home-reviews-slider .ara-home-review-card{ flex:0 0 300px; scroll-snap-align:start; }

.ara-home-review-card{ padding:var(--ara-s4); border-radius:var(--ara-r-md); }
.ara-home-review-stars{ margin-bottom:8px; }
.ara-home-review-text{ font-size:var(--ara-fs-sm); line-height:1.9; margin:0 0 var(--ara-s3); color:var(--ara-ink-soft); }
.ara-home-review-foot{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:var(--ara-fs-xs); color:var(--ara-ink-mute); }
.ara-home-review-entity{ font-weight:700; color:var(--ara-primary); }
.ara-home-review-date{ margin-inline-start:auto; }

@media (max-width:767px){
  .ara-srv-reviews-list,
  .ara-mini-article-grid{ grid-template-columns:1fr; }
  .ara-home-reviews-track{ grid-template-columns:1fr; }
  .ara-home-reviews:not(.ara-home-reviews-slider) .ara-home-review-card{ width:100%; }
  .ara-home-reviews-slider .ara-home-review-card{ flex-basis:82%; }
}