/* ═══════════════════════════════════════════════════════════════════
   صفحاتِ داخلیِ پیش از ورود — پوستهٔ واحدِ «آتلیه» (۲۰۲۶-۱۰-۰۱)
   بعد از zh-nova(-inner).css لود می‌شود (marketplace/_nova_head.html) و فقط «زبان» را یکی می‌کند:
   کاغذِ کرم، سربرگِ مخملیِ قوسی، کیکرِ طلایی، تیترهای سبک، کارت‌های کاغذی، باندهای مخملی، فوترِ کامل.
   صفحه‌ها: for-salons، about، pricing، faq، help، guide، contact-us، success-stories، legal، city/province،
   iran-map، search، map. هر دو تم.
   ═══════════════════════════════════════════════════════════════════ */
.zin-on{--zin-arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='84'%3E%3Cpath d='M8 80V36a24 24 0 0 1 48 0v44' fill='none' stroke='%23C9A46C' stroke-width='.8'/%3E%3C/svg%3E")}
html body{background:var(--bg)}

/* ── مسیر (beUI Animated Breadcrumb) ── */
html .crumbs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;border-radius:99px;background:var(--surface);border:1px solid var(--border);
  font-size:12.5px;margin-bottom:18px;box-shadow:0 8px 20px -18px rgba(40,30,50,.5)}
html .crumbs a{padding:3px 10px;border-radius:99px;color:var(--text-2);text-decoration:none;transition:background .25s,color .25s}
html .crumbs a:hover{background:color-mix(in srgb,var(--zb-accent) 10%,transparent);color:var(--zb-accent)}
html .crumbs .sep{opacity:1;color:transparent;width:14px;height:14px;position:relative;font-size:0}
html .crumbs .sep::before{content:"";position:absolute;inset:4px;border-inline-start:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg)}
html .crumbs>span:last-child{padding:3px 10px;border-radius:99px;font-weight:700;color:var(--text);background:color-mix(in srgb,var(--zb-gold,#C9A46C) 16%,transparent)}

/* ── کیکر و تیترها ── */
html .sec-kicker{display:inline-flex;align-items:center;gap:10px;padding:0;background:none!important;border:0!important;
  font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--zb-gold-ink,#8a6a36)!important}
html .sec-kicker::before{content:"";width:26px;height:1px;background:currentColor}
html[data-theme="dark"] .sec-kicker{color:#e6cd9c!important}
html .sec-kicker .ic,html .sec-kicker svg{display:none}
html .page-head h1,html .sec-head h2,html .b2b-copy h1{font-weight:300!important;letter-spacing:-.6px;color:var(--text)}
html .page-head h1 .grad-text,html .sec-head h2 .grad-text,html .b2b-copy h1 .grad-text{font-weight:800}
html:not([data-theme="dark"]) .grad-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--zb-accent)!important}
html .sec-sub{color:var(--text-2)!important;line-height:2}

/* ── سربرگِ صفحه: باندِ مخملی با الگوی قوس ── */
html .page>.container>.page-head,html main.page .page-head{position:relative;isolation:isolate;max-width:none;margin:0 0 34px;padding:40px clamp(20px,4vw,48px) 44px;border-radius:30px;overflow:hidden;color:#fff;
  background:radial-gradient(90% 120% at 90% 0%,color-mix(in srgb,var(--zb-accent-solid,var(--zb-accent)) 55%,#141A3A) 0%,transparent 62%),
             radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--zb-gold,#C9A46C) 24%,#141A3A) 0%,transparent 70%),linear-gradient(180deg,#141A3A,#0f1230);
  box-shadow:0 40px 70px -50px rgba(20,16,40,.8)}
html main.page .page-head::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='84'%3E%3Cpath d='M8 80V36a24 24 0 0 1 48 0v44' fill='none' stroke='%23C9A46C' stroke-width='.8'/%3E%3C/svg%3E")}
html main.page .page-head::after{content:"";position:absolute;inset-inline-end:clamp(16px,5vw,60px);bottom:-40px;width:150px;height:200px;border-radius:75px 75px 0 0;
  border:2px solid rgba(217,189,134,.55);border-bottom:0;opacity:.75}
html main.page .page-head h1{color:#fff;max-width:720px}
html main.page .page-head .grad-text{background:none!important;-webkit-text-fill-color:#f1d9a8!important;color:#f1d9a8!important}
html main.page .page-head .sec-kicker{color:#e6cd9c!important}
html main.page .page-head .sec-sub,html main.page .page-head p{color:rgba(247,241,234,.82)!important;max-width:640px}
html main.page .page-head a{color:#f1d9a8!important}

/* ── بخش‌ها ── */
html .section-alt{background:color-mix(in srgb,var(--zb-gold,#C9A46C) 7%,var(--bg))!important;position:relative}
html .section-alt::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='84'%3E%3Cpath d='M8 80V36a24 24 0 0 1 48 0v44' fill='none' stroke='%23C9A46C' stroke-width='.8'/%3E%3C/svg%3E")}
html[data-theme="dark"] .section-alt{background:color-mix(in srgb,var(--surface) 70%,var(--bg))!important}

/* ── هیروی B2B (برای سالن‌داران) ── */
html .b2b-hero{color:#fff;background:radial-gradient(80% 110% at 90% 0%,color-mix(in srgb,var(--zb-accent-solid,var(--zb-accent)) 50%,#141A3A) 0%,transparent 62%),
  radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--zb-gold,#C9A46C) 22%,#141A3A) 0%,transparent 70%),linear-gradient(180deg,#141A3A,#0d1029)}
html .b2b-hero::before{opacity:.08!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='84'%3E%3Cpath d='M8 80V36a24 24 0 0 1 48 0v44' fill='none' stroke='%23C9A46C' stroke-width='.8'/%3E%3C/svg%3E")!important}
html .b2b-copy h1{color:#fff!important}
html .b2b-copy h1 .grad-text{-webkit-text-fill-color:#f1d9a8!important;color:#f1d9a8!important}
html .b2b-copy p,html .b2b-copy small,html .b2b-copy .hero-quick{color:rgba(247,241,234,.82)!important}
html .b2b-copy .sec-kicker{color:#e6cd9c!important}
html .b2b-copy .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.06)!important}
html .b2b-panel{border-radius:26px!important;background:linear-gradient(170deg,#fffdf8,#f6efe3)!important;color:#141A3A!important;box-shadow:0 40px 70px -40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(201,164,108,.5)!important}
html .b2b-panel *{color:inherit}
html .b2b-panel .b2b-mini div{background:#fff!important;border-color:rgba(20,26,58,.08)!important}
html .b2b-panel .b2b-mini small,html .b2b-panel .b2b-row span:first-child{color:#5a5470!important}

/* ── کارت‌ها: ویژگی، پلن، داستان، راهنما ── */
html .feature-row,html .plan,html .gh-tile,html .story-card,html .contact-card,html .ix-card{border-radius:24px!important;background:var(--surface)!important;border:1px solid var(--border)!important;
  box-shadow:0 1px 2px rgba(40,30,50,.04),0 24px 46px -36px rgba(40,30,50,.45)!important;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s!important}
html .feature-row:hover,html .plan:hover,html .gh-tile:hover{transform:translateY(-5px)!important;box-shadow:0 1px 2px rgba(40,30,50,.05),0 34px 60px -34px color-mix(in srgb,var(--zb-accent) 45%,transparent)!important}
html .fr-icon{border-radius:20px 20px 8px 8px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--zb-gold,#C9A46C) 30%,var(--surface)),color-mix(in srgb,var(--zb-accent) 16%,var(--surface)))!important;
  color:var(--zb-accent)!important;border:1px solid color-mix(in srgb,var(--zb-gold,#C9A46C) 40%,transparent)!important}
html .plan.hot{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(140deg,#e9cf98,var(--zb-accent),#b88a47) border-box!important;border:1.5px solid transparent!important}
html .plan .p-flag{background:linear-gradient(135deg,#e9cf98,#b88a47)!important;color:#141A3A!important}
html .plan .p-price b{font-weight:300!important;letter-spacing:-1px}
html .plan li .ic{color:var(--zb-ok)!important}
html[data-theme="dark"] :is(.feature-row,.plan,.gh-tile,.story-card,.contact-card){background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,#fff 3%),var(--surface))!important}

/* ── باندِ آمار ── */
html .stat-band{border-radius:28px!important;overflow:hidden;color:#fff;background:linear-gradient(180deg,#141A3A,#0d1029)!important;border:1px solid rgba(201,164,108,.35)!important}
html .stat-band::before{opacity:.1!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='84'%3E%3Cpath d='M8 80V36a24 24 0 0 1 48 0v44' fill='none' stroke='%23C9A46C' stroke-width='.8'/%3E%3C/svg%3E")!important}
html .sb-item b{background:none!important;-webkit-text-fill-color:#f1d9a8!important;color:#f1d9a8!important;font-weight:300!important}
html .sb-item span{color:rgba(247,241,234,.75)!important}

/* ── پرسش‌ها (beUI Bouncy Accordion) ── */
html .faq-item{border-radius:18px!important;background:var(--surface)!important;border:1px solid var(--border)!important;overflow:hidden;transition:border-color .3s,box-shadow .3s}
html .faq-item.open,html .faq-item[open],html .faq-item.on{border-color:color-mix(in srgb,var(--zb-gold,#C9A46C) 60%,transparent)!important;box-shadow:0 18px 36px -28px rgba(40,30,50,.5)}
html .faq-q{font-weight:700!important;color:var(--text)!important}
html .faq-q .ic{color:var(--zb-gold,#C9A46C)!important;transition:transform .45s cubic-bezier(.34,1.56,.64,1)!important}
html .faq-a p{color:var(--text-2)!important;line-height:2.05}
html .cat-chips .chip.on,html .chip.on{background:var(--zb-navy,#141A3A)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="dark"] .cat-chips .chip.on,html[data-theme="dark"] .chip.on{background:var(--zb-accent-solid,var(--zb-accent))!important}

/* ── دکمه‌ها ── */
html .btn-primary{background:var(--zb-navy,#141A3A)!important;color:#fff!important;border:0!important;box-shadow:0 14px 26px -16px rgba(20,26,58,.75)!important}
html .btn-primary:hover{background:var(--zb-accent-solid,var(--zb-accent))!important;color:#fff!important}
html[data-theme="dark"] .btn-primary{background:var(--zb-accent-solid,var(--zb-accent))!important}
html[data-theme="dark"] .btn-primary:hover{background:#c9a46c!important;color:#141A3A!important}

/* ── کارتِ سالن در فهرست‌ها ── */
html .salon-card{border-radius:24px!important;overflow:hidden;background:var(--surface)!important;border:1px solid var(--border)!important}
html .salon-card .salon-cover{border-radius:0!important}

/* ── فوترِ کاملِ صفحاتِ داخلی (marketplace/_nova_foot.html) ── */
html .ix-foot.zinf{padding:56px 0 26px;margin-top:60px;color:rgba(247,241,234,.82);background:linear-gradient(180deg,#141A3A,#0b0e24);border:0}
html .zinf-g{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:900px){html .zinf-g{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
html .zinf h4{margin:0 0 12px;font-size:14px;font-weight:800;color:#fff}
html .zinf p{margin:0;font-size:13px;line-height:2;color:rgba(247,241,234,.7)}
html .zinf ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html .zinf ul a{color:rgba(247,241,234,.8);text-decoration:none;font-size:13.5px}
html .zinf ul a:hover{color:#f1d9a8}
html .zinf-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#fff;font-weight:800;font-size:18px;text-decoration:none}
html .zinf-brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
html .zinf-cta{display:inline-flex;margin-top:12px;padding:9px 16px;border-radius:12px;background:#c9a46c;color:#141A3A!important;font-weight:800;font-size:13px;text-decoration:none}
html .zinf-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(247,241,234,.6)}
html .zinf-bot a{color:rgba(247,241,234,.7);text-decoration:none;margin-inline-start:14px}
html .zinf .zsoc a{color:rgba(247,241,234,.88);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
html .zinf .zsoc a:hover{color:#141A3A;background:#c9a46c;border-color:#c9a46c}
html .zinf .zbot{color:rgba(247,241,234,.9);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
@media(prefers-reduced-motion:reduce){html .feature-row,html .plan{transition:none!important}}
html .zinf ul.zsoc{flex-direction:row;gap:8px}