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

/* =========================================================
   1) HERO
   ========================================================= */
.ara-hero{ padding-block:var(--ara-s6) 0; }
.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); }
}

/* =========================================================
   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);
}
.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%; border-radius:var(--ara-r-lg); }
.ara-post-card-media{
  position:relative; display:block; aspect-ratio:16/10; overflow:hidden;
  background:var(--ara-primary-tint);
}
.ara-post-card-media img{
  width:100%; height:100%; 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{
  width:100%; height:100%; 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; }
.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-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); }

/* =========================================================
   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) ورود و عضویت
   ========================================================= */
.ara-auth-shell{ display:grid; grid-template-columns:1fr; gap:var(--ara-s6); align-items:center; 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{ 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-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-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-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;
}