/* پروفایلِ سالن — پوستهٔ ZB (Steep × beUI). رنگِ صفحه = شخصیتِ سالن (زنانه صورتی-بنفش / مردانه آبی) + سرمه‌ای.
   روی zh-nova-salon.css می‌نشیند؛ هیچ رنگِ بیرون از پالت (طلایی/خاکستری/سرمه‌ایِ تصادفی) نباید دیده شود. */
:root{--gold:oklch(80% .13 82)}
html body{background:var(--bg);color:var(--text)}

/* ── هیرو: کاورِ گرادیانی + پردهٔ سرمه‌ای + کارتِ شیشه‌ای ── */
.sp-hero{min-height:480px}
.sp-cover.g1{background:radial-gradient(90% 120% at 12% 0%,color-mix(in srgb,var(--zb-accent) 90%,#fff 10%),transparent 62%),radial-gradient(80% 110% at 100% 100%,var(--zb-navy),transparent 66%),linear-gradient(135deg,color-mix(in srgb,var(--zb-accent) 70%,var(--zb-navy)),var(--zb-navy))}
.sp-cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,color-mix(in srgb,var(--zb-navy) 94%,transparent) 0%,color-mix(in srgb,var(--zb-navy) 66%,transparent) 40%,color-mix(in srgb,var(--zb-navy) 14%,transparent) 100%)}
.sp-hero::after{height:90px}
.sp-hero-inner{padding:120px 0 46px;gap:22px}
.sp-logo{width:104px;height:112px;border-radius:52px 52px 22px 22px;overflow:hidden;display:grid;place-items:center;font-size:2.4rem;font-weight:600;color:#fff;
    background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.4);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 40px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.45)}
.sp-id h1{font-weight:600;letter-spacing:0;text-wrap:balance}
.sp-id p{color:rgba(255,255,255,.82);line-height:1.9;max-width:60ch}
.sp-verified{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sp-chips .chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;font-weight:500}
.sp-open{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:12.5px;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sp-open .dot{background:#7dffb4;box-shadow:0 0 0 0 rgba(125,255,180,.6);animation:zbLive 2s infinite}
.sp-actions .btn-primary{background:#fff;color:var(--zb-navy);border:1px solid transparent;font-weight:600}
.sp-actions .btn-primary:hover{background:color-mix(in srgb,#fff 88%,var(--zb-accent));color:var(--zb-navy)}
.sp-actions .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#fff}
.sp-actions .btn-ghost:hover{background:rgba(255,255,255,.2);color:#fff}

/* ── نوارِ زنده و ناوبری ── */
.sp-live-in{border-radius:20px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--border);box-shadow:0 20px 40px -24px color-mix(in srgb,var(--zb-navy) 60%,transparent)}
.lv-badge{color:var(--zb-ok);background:color-mix(in srgb,var(--zb-ok) 10%,transparent);border-color:color-mix(in srgb,var(--zb-ok) 28%,transparent);font-weight:600}
.lv-dot{background:var(--zb-ok)}
.lv-item b{font-weight:500}
.sp-nav{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border);box-shadow:none}
.sp-nav a{font-weight:500;border-radius:12px}
.sp-nav a.is-active{color:var(--zb-accent-ink,var(--zb-accent));background:var(--zb-accent-soft)}

/* ── بخش‌ها ── */
.sp-sec.alt{background:var(--surface-2)}
.sp-sec-head h2{font-weight:500}
.sp-sec-head h2 .ic{color:var(--zb-accent)}
.svc-menu-chips .chip,.chip{border-radius:99px}
.svc-menu-chips .chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.svc-item{border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:none;transition:border-color .2s var(--zb-ease-out),transform .2s var(--zb-ease-out)}
.svc-item:hover{border-color:var(--zb-accent-line);box-shadow:none;transform:translateY(-1px)}
.svc-item .si-ic{border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--zb-accent) 16%,transparent),color-mix(in srgb,var(--zb-navy) 10%,transparent));color:var(--zb-accent)}
.svc-item .si-info b{font-weight:500}
.svc-item .si-price b{color:var(--text);font-weight:500}
.svc-item .si-hot{color:var(--zb-accent);border-color:var(--zb-accent-line);font-weight:500}
.svc-item .si-go{border-radius:12px}
.sp-offer{border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--zb-accent) 12%,var(--surface)),color-mix(in srgb,var(--zb-navy) 8%,var(--surface)));border:1px solid var(--zb-accent-line)}
.sp-offer .off-num{background:linear-gradient(135deg,var(--zb-accent),var(--zb-navy));color:#fff}
.sp-offer h3{font-weight:500}

/* ── نوارِ رزروِ شناور (روی موبایل بالای دُک) ── */
.sp-float{background:color-mix(in srgb,var(--zb-navy) 90%,transparent);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:22px;
    -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 20px 40px -16px rgba(0,0,0,.5)}
.sp-float .btn-primary{background:var(--zb-accent-solid,var(--zb-accent));color:#fff;border-radius:14px}
@media(max-width:899.98px){.sp-float{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}}

/* ── هرچه گرادیان‌ِ تیز بود آرام‌تر ── */
.btn-primary{background-image:none}
@media(prefers-reduced-motion:reduce){.sp-open .dot{animation:none}}

/* ── هدرِ بالا: شیشه‌ای، بدونِ گرادیانِ خاکستری ── */
html #navbar{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border);box-shadow:none}
html #navbar.scrolled{background:color-mix(in srgb,var(--bg) 90%,transparent)}
html #navbar .brand-name{font-weight:600}
html #navbar .brand-mark{border-radius:14px 14px 10px 10px;box-shadow:none}
html #navbar .icon-btn{border-radius:12px;border:1px solid var(--border);background:transparent;box-shadow:none}
html .crumbs{background:transparent}

/* ── ردیفِ خدمت روی موبایل: آیکون | نام+قیمت | رزرو ── */
.svc-item{position:relative}
@media(max-width:760px){
  .svc-item{display:grid!important;grid-template-columns:52px 1fr auto;grid-template-areas:"ic info go" "ic price go";column-gap:12px;row-gap:3px;align-items:center;padding:14px}
  .svc-item .si-ic{grid-area:ic}.svc-item .si-info{grid-area:info}.svc-item .si-price{grid-area:price;text-align:start}.svc-item .si-go{grid-area:go;align-self:center;padding-inline:16px}
  .svc-item .si-line{display:none}
  .svc-item .si-hot{position:absolute;top:10px;inset-inline-end:14px;grid-area:unset}
  .svc-item .si-price s{margin-inline-start:8px}
}