/*
 * Janeziba Universal Service Page
 * فایل مشترک همه صفحات خدمات؛ داخل ویجت HTML کپی نشود.
 */
/* =========================================================
   JANEZIBA – UNIVERSAL SERVICE LANDING CSS
   نسخه عمومی تمام صفحات خدمات جان زیبا
   تمام کلاس‌ها با jzsvc- شروع می‌شوند.
   این فایل را فقط یک‌بار در Custom CSS سایت قرار دهید.
========================================================= */

:root{
  --jzsvc-navy:#061d75;
  --jzsvc-blue:#123bb9;
  --jzsvc-blue-2:#082382;
  --jzsvc-cyan:#00c2c8;
  --jzsvc-cyan-soft:#eafafb;
  --jzsvc-yellow:#f6b400;
  --jzsvc-yellow-2:#ffc83d;
  --jzsvc-yellow-3:#f4a900;
  --jzsvc-yellow-soft:#fff8df;
  --jzsvc-cream:#fffaf0;
  --jzsvc-bg:#f7f9fc;
  --jzsvc-text:#26324b;
  --jzsvc-muted:#69758d;
  --jzsvc-white:#ffffff;
  --jzsvc-border:rgba(6,29,117,.11);
  --jzsvc-shadow:0 16px 42px rgba(6,29,117,.08);
  --jzsvc-nav-top:74px; /* ارتفاع هدر چسبان سایت؛ در صورت نیاز تغییر دهید */
}

html{scroll-behavior:smooth}

.jzsvc-section{
  direction:rtl;
  text-align:right;
  font-family:inherit;
  color:var(--jzsvc-text);
  box-sizing:border-box;
}

.jzsvc-section *{box-sizing:border-box}

.jzsvc-section{padding:78px 0;scroll-margin-top:155px}
.jzsvc-soft{background:var(--jzsvc-bg)}
.jzsvc-warm{background:linear-gradient(135deg,#fffdf8 0%,var(--jzsvc-yellow-soft) 100%)}
.jzsvc-cyan-bg{background:linear-gradient(135deg,#f8feff 0%,var(--jzsvc-cyan-soft) 100%)}
.jzsvc-wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.jzsvc-heading{max-width:820px;margin:0 auto 42px;text-align:center}
.jzsvc-eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;
  padding:7px 13px;border-radius:999px;background:var(--jzsvc-yellow-soft);
  color:var(--jzsvc-navy);font-size:13px;font-weight:850
}
.jzsvc-eyebrow:before{
  content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;
  background:linear-gradient(135deg,var(--jzsvc-yellow),var(--jzsvc-yellow-2));
  box-shadow:0 0 0 5px rgba(246,180,0,.14)
}
.jzsvc-title{
  margin:0 0 14px;color:var(--jzsvc-navy);
  font-size:clamp(28px,3.2vw,46px);font-weight:950;line-height:1.4
}
.jzsvc-subtitle{margin:0;color:var(--jzsvc-muted);font-size:16px;line-height:2}
.jzsvc-highlight{color:var(--jzsvc-navy);background:linear-gradient(transparent 62%,rgba(255,200,61,.55) 0)}

/* ---------- دکمه‌ها؛ دقیقاً بر پایه استایل ارسالی ---------- */
.jzsvc-actions{
  width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-top:26px
}
.jzsvc-actions-center{justify-content:center}
.jzsvc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:50px;padding:12px 22px;border:0;border-radius:999px;
  font-size:15px;font-weight:900;line-height:1.4;text-decoration:none!important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease
}
.jzsvc-profile{
  color:#fff!important;
  background:linear-gradient(135deg,#123bb9 0%,#082382 55%,#061d75 100%);
  box-shadow:0 10px 24px rgba(101,80,143,.35)
}
.jzsvc-reserve{
  color:#ffffff!important;
  background:linear-gradient(135deg,#f6b400 0%,#ffc83d 55%,#f4a900 100%);
  box-shadow:0 10px 24px rgba(246,180,0,.35)
}
.jzsvc-btn:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(0,0,0,.17)
}
.jzsvc-btn:focus-visible{outline:3px solid rgba(0,194,200,.32);outline-offset:3px}

/* ---------- هیرو ---------- */

/* =====================================================
   HERO V3 — CENTERED CONTENT + WIDE IMAGE
===================================================== */

.jzlp-hero-v3 {
    position: relative;
    padding: 70px 0 58px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(0, 194, 200, 0.11),
            transparent 25%
        ),
        radial-gradient(
            circle at 90% 8%,
            rgba(246, 180, 0, 0.13),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f9fb 100%
        );
}

.jzlp-hero-v3::before {
    content: "";
    position: absolute;
    top: 140px;
    right: -90px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(246, 180, 0, 0.06);
    filter: blur(2px);
}

.jzlp-hero-v3-content {
    position: relative;
    z-index: 2;
    max-width: 910px;
    margin: 0 auto 42px;
    text-align: center;
}

.jzlp-hero-v3-title {
    max-width: 850px;
    margin: 0 auto 18px;
    color: #082382;
    font-size: clamp(38px, 4.6vw, 68px);
    font-weight: 950;
    line-height: 1.3;
    letter-spacing: -0.7px;
}

.jzlp-hero-v3-lead {
    max-width: 790px;
    margin: 0 auto 12px;
    color: #2c3955;
    font-size: 19px;
    font-weight: 800;
    line-height: 2;
}

.jzlp-hero-v3-text {
    max-width: 820px;
    margin: 0 auto;
    color: #69758c;
    font-size: 15px;
    line-height: 2.05;
}

.jzlp-hero-v3-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 25px;
}

.jzlp-hero-v3-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    margin-top: 20px;
}

.jzlp-hero-v3-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    color: #082382;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(8, 35, 130, 0.1);
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(0, 24, 105, 0.05);
    font-size: 12px;
    font-weight: 800;
}

.jzlp-hero-v3-pills span::before {
    content: "✓";
    color: #f6b400;
    font-size: 13px;
    font-weight: 950;
}


/* تصویر اصلی */

.jzlp-hero-v3-media {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
}

.jzlp-hero-v3-image {
    position: relative;
    overflow: hidden;
    padding: 7px;
    background: #ffffff;
    border-radius: 32px;
    box-shadow:
        0 25px 60px rgba(0, 24, 105, 0.12),
        0 6px 18px rgba(0, 24, 105, 0.05);
}

.jzlp-hero-v3-image > img {
    display: block;
    width: 100%;
    height: 510px;
    object-fit: cover;
    object-position: center;
    border-radius: 26px;
}


/* باکس روی عکس */

.jzlp-hero-v3-image-overlay {
    position: absolute;
    right: 28px;
    bottom: 28px;
    left: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 17px 19px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 19px;
    box-shadow: 0 15px 35px rgba(0, 24, 105, 0.13);
    backdrop-filter: blur(12px);
}

.jzlp-hero-v3-overlay-content {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.jzlp-hero-v3-overlay-icon {
    display: flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    color: #082382;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-radius: 12px;
    font-weight: 950;
}

.jzlp-hero-v3-overlay-content strong {
    display: block;
    margin-bottom: 3px;
    color: #082382;
    font-size: 15px;
    font-weight: 900;
}

.jzlp-hero-v3-overlay-content p {
    margin: 0;
    color: #6b768d;
    font-size: 12px;
    line-height: 1.8;
}

.jzlp-hero-v3-image-overlay > a {
    display: inline-flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 9px 17px;
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #123bb9 0%,
        #082382 55%,
        #061d75 100%
    );
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(101, 80, 143, 0.25);
    font-size: 12px;
    font-weight: 900;
    transition: 0.25s ease;
}

.jzlp-hero-v3-image-overlay > a:hover {
    transform: translateY(-3px);
}


/* تصاویر واقعی کلینیک */

.jzlp-hero-v3-clinic {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 22px;
    align-items: center;
    width: calc(100% - 80px);
    margin: -5px auto 0;
    padding: 19px 22px;
    background: #ffffff;
    border: 1px solid rgba(8, 35, 130, 0.08);
    border-radius: 0 0 25px 25px;
    box-shadow: 0 15px 32px rgba(0, 24, 105, 0.07);
}

.jzlp-hero-v3-clinic-text span {
    display: inline-flex;
    margin-bottom: 4px;
    color: #c98d00;
    font-size: 11px;
    font-weight: 900;
}

.jzlp-hero-v3-clinic-text strong {
    display: block;
    color: #082382;
    font-size: 15px;
    font-weight: 900;
}

.jzlp-hero-v3-clinic-text p {
    margin: 2px 0 0;
    color: #788298;
    font-size: 12px;
}

.jzlp-hero-v3-clinic-images {
    display: flex;
    gap: 8px;
}

.jzlp-hero-v3-clinic-images figure {
    width: 92px;
    height: 62px;
    margin: 0;
    overflow: hidden;
    background: #edf3f5;
    border: 3px solid #ffffff;
    border-radius: 13px;
    box-shadow: 0 7px 17px rgba(0, 24, 105, 0.1);
}

.jzlp-hero-v3-clinic-images img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* دکمه‌های اصلی */

.jzlp-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    transition: 0.25s ease;
}

.jzlp-btn-profile {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #123bb9 0%,
        #082382 55%,
        #061d75 100%
    );
    box-shadow: 0 10px 24px rgba(101, 80, 143, 0.35);
}

.jzlp-btn-reserve {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    box-shadow: 0 10px 24px rgba(246, 180, 0, 0.35);
}

.jzlp-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.17);
}


/* تبلت */

@media (max-width: 991px) {

    .jzlp-hero-v3 {
        padding-top: 50px;
    }

    .jzlp-hero-v3-title {
        font-size: clamp(35px, 6vw, 52px);
    }

    .jzlp-hero-v3-image > img {
        height: 440px;
    }

    .jzlp-hero-v3-clinic {
        width: calc(100% - 40px);
    }

}


/* موبایل */

@media (max-width: 767px) {

    .jzlp-hero-v3 {
        padding: 38px 0 32px;
    }

    .jzlp-hero-v3-content {
        margin-bottom: 28px;
        text-align: right;
    }

    .jzlp-hero-v3-title {
        font-size: 34px;
        line-height: 1.45;
    }

    .jzlp-hero-v3-lead {
        font-size: 16px;
    }

    .jzlp-hero-v3-text {
        font-size: 14px;
    }

    .jzlp-hero-v3-actions {
        justify-content: stretch;
    }

    .jzlp-hero-v3-actions .jzlp-btn {
        width: 100%;
    }

    .jzlp-hero-v3-pills {
        justify-content: flex-start;
    }

    .jzlp-hero-v3-pills span {
        flex: 1 1 calc(50% - 5px);
        justify-content: center;
        text-align: center;
    }

    .jzlp-hero-v3-image {
        padding: 5px;
        border-radius: 23px;
    }

    .jzlp-hero-v3-image > img {
        height: 360px;
        border-radius: 19px;
    }

    .jzlp-hero-v3-image-overlay {
        right: 12px;
        bottom: 12px;
        left: 12px;
        display: block;
        padding: 13px;
    }

    .jzlp-hero-v3-image-overlay > a {
        width: 100%;
        margin-top: 10px;
    }

    .jzlp-hero-v3-clinic {
        display: block;
        width: calc(100% - 20px);
        padding: 15px;
        text-align: center;
    }

    .jzlp-hero-v3-clinic-images {
        justify-content: center;
        margin-top: 12px;
    }

    .jzlp-hero-v3-clinic-images figure {
        width: calc(33.333% - 6px);
        height: 65px;
    }

}

@media (max-width: 420px) {

    .jzlp-hero-v3-pills span {
        flex-basis: 100%;
    }

    .jzlp-hero-v3-image > img {
        height: 320px;
    }

    .jzlp-hero-v3-overlay-content p {
        display: none;
    }

}

/* دکمه‌ها با استایل موردنظر شما */
.jzlp-btn{
  min-height:50px;
  padding:12px 22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:15px;
  font-weight:900;
  transition: all .25s ease;
}

.jzlp-btn-profile{
  color:#fff !important;
  background: linear-gradient(135deg, #123bb9 0%, #082382 55%, #061d75 100%);
  box-shadow: 0 10px 24px rgba(101, 80, 143, 0.35);
}

.jzlp-btn-reserve{
  color:#ffffff !important;
  background: linear-gradient(135deg, #f6b400 0%, #ffc83d 55%, #f4a900 100%);
  box-shadow: 0 10px 24px rgba(246, 180, 0, 0.35);
}

.jzlp-btn:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.17);
}

/* موبایل */

/* ---------- ناوبری اسکرولی چسبان ---------- */

/* ---------- نوار اعتماد ---------- */
.jzsvc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.jzsvc-trust-card{
  padding:20px;background:#fff;border:1px solid var(--jzsvc-border);border-radius:20px;
  box-shadow:0 10px 28px rgba(6,29,117,.055)
}
.jzsvc-trust-icon{
  display:flex;width:42px;height:42px;align-items:center;justify-content:center;
  margin-bottom:12px;border-radius:14px;color: #ffffff;
  background:linear-gradient(135deg,#f6b400,#ffc83d);font-weight:950
}
.jzsvc-trust-card strong{display:block;color:var(--jzsvc-navy);font-size:15px}
.jzsvc-trust-card p{margin:4px 0 0;color:var(--jzsvc-muted);font-size:13px;line-height:1.8}

/* ---------- درمانگران؛ سازگار با شورت‌کد فعلی jzlp ---------- */

/* ---------- نشانه‌ها ---------- */
.jzsvc-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:start}
.jzsvc-sticky{position:sticky;top:calc(var(--jzsvc-nav-top) + 84px)}
.jzsvc-listbox{padding:25px;background:#fff;border:1px solid var(--jzsvc-border);border-radius:26px;box-shadow:var(--jzsvc-shadow)}
.jzsvc-checkrow{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:15px 0;border-bottom:1px dashed var(--jzsvc-border)}
.jzsvc-checkrow:last-child{border-bottom:0}
.jzsvc-check{
  display:flex;width:26px;height:26px;align-items:center;justify-content:center;margin-top:3px;
  border-radius:50%;background:linear-gradient(135deg,#f6b400,#ffc83d);color:var(--jzsvc-navy);font-weight:950
}
.jzsvc-checkrow h3{margin:0 0 4px;color:var(--jzsvc-navy);font-size:17px}
.jzsvc-checkrow p{margin:0;color:var(--jzsvc-muted);font-size:14px;line-height:1.85}
.jzsvc-side-image{margin-top:24px;overflow:hidden;border-radius:23px;border:5px solid #fff;box-shadow:var(--jzsvc-shadow)}
.jzsvc-side-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}

/* ---------- روند جلسات ---------- */

/* ---------- موضوعات ---------- */
.jzsvc-topic-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}
.jzsvc-topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none}
.jzsvc-topic-list li{
  position:relative;padding:14px 42px 14px 15px;border-radius:16px;
  color:var(--jzsvc-navy);background:#fff;border:1px solid var(--jzsvc-border);
  font-size:14px;font-weight:800;box-shadow:0 7px 20px rgba(6,29,117,.04)
}
.jzsvc-topic-list li:before{
  content:"";position:absolute;right:16px;top:50%;width:12px;height:12px;transform:translateY(-50%);
  border-radius:50%;background:linear-gradient(135deg,#f6b400,#ffc83d);box-shadow:0 0 0 5px rgba(246,180,0,.12)
}
.jzsvc-topic-image{overflow:hidden;border-radius:25px;border:5px solid #fff;box-shadow:var(--jzsvc-shadow)}
.jzsvc-topic-image img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover}

/* ---------- حضوری و آنلاین ---------- */
.jzsvc-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.jzsvc-format-card{overflow:hidden;background:#fff;border:1px solid var(--jzsvc-border);border-radius:25px;box-shadow:0 10px 30px rgba(6,29,117,.055)}
.jzsvc-format-card img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover}
.jzsvc-format-body{padding:25px}
.jzsvc-format-badge{
  display:inline-flex;margin-bottom:12px;padding:6px 11px;border-radius:999px;
  color:var(--jzsvc-navy);background:var(--jzsvc-yellow-soft);font-size:12px;font-weight:900
}
.jzsvc-format-card h3{margin:0 0 8px;color:var(--jzsvc-navy);font-size:23px}
.jzsvc-format-card p{margin:0;color:var(--jzsvc-muted);font-size:14px;line-height:1.9}
.jzsvc-format-card ul{margin:14px 0 0;padding:0;list-style:none}
.jzsvc-format-card li{position:relative;padding:5px 24px 5px 0;color:var(--jzsvc-muted);font-size:14px}
.jzsvc-format-card li:before{content:"✓";position:absolute;right:0;color:var(--jzsvc-yellow-3);font-weight:950}

/* ---------- مزیت‌ها؛ روشن و بدون بخش سرمه‌ای ---------- */

/* ---------- گالری ---------- */
.jzsvc-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:230px 230px;gap:12px}
.jzsvc-gallery figure{margin:0;overflow:hidden;border-radius:22px;border:4px solid #fff;box-shadow:0 9px 26px rgba(6,29,117,.07)}
.jzsvc-gallery figure:first-child{grid-row:1/3}
.jzsvc-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.jzsvc-gallery figure:hover img{transform:scale(1.035)}

/* ---------- سوالات ---------- */
.jzsvc-faq{max-width:920px;margin:auto;display:grid;gap:11px}
.jzsvc-faq details{overflow:hidden;background:#fff;border:1px solid var(--jzsvc-border);border-radius:18px;box-shadow:0 7px 20px rgba(6,29,117,.035)}
.jzsvc-faq summary{position:relative;padding:18px 54px 18px 18px;cursor:pointer;color:var(--jzsvc-navy);font-weight:900;list-style:none}
.jzsvc-faq summary::-webkit-details-marker{display:none}
.jzsvc-faq summary:before{
  content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);
  display:flex;width:27px;height:27px;align-items:center;justify-content:center;
  border-radius:50%;color:var(--jzsvc-navy);background:linear-gradient(135deg,#f6b400,#ffc83d);font-size:19px
}
.jzsvc-faq details[open] summary:before{content:"−"}
.jzsvc-answer{padding:0 18px 18px;color:var(--jzsvc-muted);font-size:14px;line-height:1.9}

/* ---------- CTA پایانی؛ روشن و بدون سرمه‌ای ---------- */
.jzsvc-final-card{
  display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;
  border:1px solid rgba(246,180,0,.28);border-radius:30px;
  background:linear-gradient(135deg,#fff 0%,var(--jzsvc-yellow-soft) 100%);
  box-shadow:0 20px 48px rgba(6,29,117,.10)
}
.jzsvc-final-copy{padding:48px 38px;align-self:center}
.jzsvc-final-copy h2{margin:0 0 13px;color:var(--jzsvc-navy);font-size:clamp(29px,3.5vw,48px);line-height:1.42}
.jzsvc-final-copy p{margin:0;color:var(--jzsvc-muted);font-size:16px;line-height:2}
.jzsvc-final-image{min-height:420px}
.jzsvc-final-image img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- نوار موبایل ---------- */

@media(max-width:1024px){
  .jzsvc-trust-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
  :root{--jzsvc-nav-top:58px}
  .jzsvc-section{padding:56px 0;scroll-margin-top:125px}
  .jzsvc-wrap{width:min(100% - 22px,1160px)}
  .jzsvc-two-col,
.jzsvc-topic-layout,
.jzsvc-final-card{grid-template-columns:1fr}
  .jzsvc-actions .jzsvc-btn{flex:1 1 100%}
  .jzsvc-trust-grid,
.jzsvc-format-grid{grid-template-columns:1fr}
  .jzsvc-sticky{position:static}
  .jzsvc-topic-list{grid-template-columns:1fr}
  .jzsvc-topic-image img{min-height:300px}
  .jzsvc-gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 180px 180px}
  .jzsvc-gallery figure:first-child{grid-column:1/3;grid-row:auto}
  .jzsvc-final-image{min-height:300px;order:-1}
  .jzsvc-final-copy{padding:34px 22px}
}

@media(max-width:430px){
  .jzsvc-title{font-size:27px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .jzsvc-btn,
.jzsvc-gallery img{transition:none}
}

/* =========================================================
   افزوده‌های نسخه جدید: هدر مینیمال، تصاویر خدمات و فوتر مینیمال
========================================================= */

/* وقتی هدر اصلی سایت حذف شده، ناوبری اسکرولی به بالای صفحه می‌چسبد. */
:root{--jzsvc-nav-top:0px}

/* ---------- هدر مینیمال لندینگ ---------- */

/* ---------- تصاویر مرتبط با خدمات ---------- */
.jzsvc-format-media,
.jzsvc-captioned-image{
  position:relative;
  margin:0;
  overflow:hidden
}
.jzsvc-format-media figcaption,
.jzsvc-captioned-image figcaption,
.jzsvc-gallery figcaption{
  position:absolute;
  right:10px;
  bottom:10px;
  max-width:calc(100% - 20px);
  padding:6px 10px;
  border-radius:999px;
  color:var(--jzsvc-navy);
  background:rgba(255,255,255,.93);
  border:1px solid rgba(246,180,0,.3);
  box-shadow:0 7px 18px rgba(6,29,117,.09);
  font-size:11px;
  font-weight:850;
  line-height:1.5;
  backdrop-filter:blur(7px)
}
.jzsvc-format-media{aspect-ratio:16/8.5}
.jzsvc-format-media img{width:100%;height:100%;object-fit:cover}
.jzsvc-captioned-image{border-radius:23px}

/* گالری ترکیبی */
.jzsvc-gallery-mixed figure{position:relative}
.jzsvc-gallery-mixed .jzsvc-gallery-service{border-color:rgba(246,180,0,.42)}

/* ---------- فوتر مینیمال ---------- */
.jzsvc-lp-footer{
  direction:rtl;
  color:var(--jzsvc-text);
  background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);
  border-top:1px solid rgba(246,180,0,.24)
}
.jzsvc-lp-footer *{box-sizing:border-box}
.jzsvc-lp-footer-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr .75fr;
  gap:32px;
  padding-top:42px;
  padding-bottom:34px
}
.jzsvc-lp-footer-title{display:block;margin-bottom:10px;color:var(--jzsvc-navy);font-size:16px;font-weight:950}
.jzsvc-lp-footer p{margin:0;color:var(--jzsvc-muted);font-size:13px;line-height:2}
.jzsvc-lp-footer a{display:block;width:max-content;max-width:100%;margin-bottom:7px;color:var(--jzsvc-navy)!important;text-decoration:none!important;font-size:13px;font-weight:800}
.jzsvc-lp-footer-contact>a{direction:ltr;font-size:17px;font-weight:950}
.jzsvc-lp-footer-copy{
  padding:15px;
  text-align:center;
  color:var(--jzsvc-muted);
  background:#fff;
  border-top:1px solid var(--jzsvc-border);
  font-size:12px
}

@media(max-width:767px){
  :root{--jzsvc-nav-top:0px}
  .jzsvc-lp-footer-grid{grid-template-columns:1fr;gap:22px;padding-top:34px;padding-bottom:28px}
}

/* ==================================================
   تنظیمات پایه
=================================================== */

:root {
    --jzsvc-onebar-height: 76px;
}

.jzsvc-onebar,
.jzsvc-onebar *,
.jzsvc-onebar-spacer {
    box-sizing: border-box;
}

.jzsvc-onebar a {
    text-decoration: none !important;
}


/* ==================================================
   هدر ثابت
=================================================== */

.jzsvc-onebar {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    direction: rtl;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid rgba(8, 35, 130, 0.10);
    box-shadow: 0 8px 28px rgba(0, 24, 105, 0.09);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.jzsvc-onebar-inner {
    display: flex;
    width: 100%;
    max-width: 1380px;
    min-width: 0;
    min-height: 76px;
    align-items: center;
    flex-wrap: nowrap;
    gap: 13px;
    margin: 0 auto;
    padding: 8px clamp(12px, 2.5vw, 34px);
}


/* ==================================================
   لوگو
=================================================== */

.jzsvc-onebar-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.jzsvc-onebar-brand img {
    display: block;
    width: auto;
    max-width: 132px;
    height: 54px;
    object-fit: contain;
}


/* ==================================================
   بخش میانی منو
=================================================== */

.jzsvc-onebar-navigation {
    min-width: 0;
    flex: 1 1 0;
    overflow: hidden;
}

.jzsvc-onebar-menu {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 2px;
    direction: rtl;
    white-space: nowrap;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
}

.jzsvc-onebar-menu::-webkit-scrollbar {
    display: none;
}

.jzsvc-onebar-menu a {
    display: inline-flex;
    min-height: 37px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    color: #566178 !important;
    background: #ffffff;
    border: 1px solid rgba(8, 35, 130, 0.09);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition:
        color 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.jzsvc-onebar-menu a:hover {
    color: #082382 !important;
    border-color: rgba(246, 180, 0, 0.42);
    transform: translateY(-2px);
}

.jzsvc-onebar-menu a.is-active {
    color: #082382 !important;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-color: transparent;
    box-shadow: 0 8px 20px rgba(246, 180, 0, 0.28);
}


/* ==================================================
   تماس و رزرو
=================================================== */

.jzsvc-onebar-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}


/* تماس */

.jzsvc-onebar-phone {
    display: flex;
    min-height: 45px;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: 6px 11px;
    color: #082382 !important;
    background: #f7f9fd;
    border: 1px solid rgba(8, 35, 130, 0.09);
    border-radius: 999px;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

.jzsvc-onebar-phone:hover {
    background: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 24, 105, 0.10);
}

.jzsvc-onebar-phone-icon {
    display: flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    color: #082382;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-radius: 50%;
}

.jzsvc-onebar-phone-icon svg {
    display: block;
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.jzsvc-onebar-phone-content {
    display: grid;
    line-height: 1.3;
}

.jzsvc-onebar-phone-content small {
    color: #788399;
    font-size: 9px;
    font-weight: 700;
}

.jzsvc-onebar-phone-content strong {
    color: #082382;
    font-size: 12px;
    font-weight: 950;
}


/* رزرو */

.jzsvc-onebar-reserve {
    display: inline-flex;
    min-height: 45px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 9px 17px;
    color: #fff !important;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(246, 180, 0, 0.35);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.jzsvc-onebar-reserve:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.17);
}

.jzsvc-onebar-reserve-mobile {
    display: none;
}


/* ==================================================
   دسترس‌پذیری
=================================================== */

.jzsvc-onebar-menu a:focus-visible,
.jzsvc-onebar-phone:focus-visible,
.jzsvc-onebar-reserve:focus-visible,
.jzsvc-onebar-brand:focus-visible {
    outline: 3px solid rgba(0, 194, 200, 0.42);
    outline-offset: 3px;
}


/* ==================================================
   فضای خالی زیر هدر ثابت
=================================================== */

.jzsvc-onebar-spacer {
    width: 100%;
    height: var(--jzsvc-onebar-height);
}


/* فاصله مقصدهای منو از هدر ثابت */

#jzsvc-intro,
#jzsvc-therapists,
#jzsvc-signs,
#jzsvc-process,
#jzsvc-topics,
#jzsvc-format,
#jzsvc-advantages,
#jzsvc-gallery,
#jzsvc-faq,
#jzsvc-booking {
    scroll-margin-top: calc(
        var(--jzsvc-onebar-height) + 18px
    );
}


/* ==================================================
   نوار مدیریت وردپرس
=================================================== */

body.admin-bar .jzsvc-onebar {
    top: 32px;
}


/* ==================================================
   لپ‌تاپ و نمایشگر متوسط
=================================================== */

@media (max-width: 1180px) {

    .jzsvc-onebar-inner {
        gap: 8px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .jzsvc-onebar-brand img {
        max-width: 108px;
        height: 48px;
    }

    .jzsvc-onebar-menu {
        gap: 5px;
    }

    .jzsvc-onebar-menu a {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 11px;
    }

    .jzsvc-onebar-phone-content {
        display: none;
    }

    .jzsvc-onebar-phone {
        padding: 6px;
    }

}


/* ==================================================
   تبلت
=================================================== */

@media (max-width: 900px) {

    :root {
        --jzsvc-onebar-height: 66px;
    }

    .jzsvc-onebar-inner {
        min-height: 66px;
        gap: 6px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .jzsvc-onebar-brand img {
        max-width: 87px;
        height: 43px;
    }

    .jzsvc-onebar-menu a {
        min-height: 34px;
        padding: 6px 9px;
        font-size: 10px;
    }

    .jzsvc-onebar-phone {
        min-width: 39px;
        min-height: 39px;
    }

    .jzsvc-onebar-phone-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .jzsvc-onebar-reserve {
        min-height: 39px;
        padding: 7px 12px;
        font-size: 10px;
    }

}


/* ==================================================
   موبایل
=================================================== */

@media (max-width: 782px) {

    body.admin-bar .jzsvc-onebar {
        top: 46px;
    }

}

@media (max-width: 767px) {

    :root {
        --jzsvc-onebar-height: 58px;
    }

    .jzsvc-onebar-inner {
        min-height: 58px;
        gap: 5px;
        padding: 5px 7px;
    }

    /* لوگو */
    .jzsvc-onebar-brand img {
        max-width: 65px;
        height: 36px;
    }

    /* منوی وسط */
    .jzsvc-onebar-navigation {
        min-width: 0;
        flex: 1 1 0;
    }

    .jzsvc-onebar-menu {
        width: 100%;
        gap: 4px;
        padding: 3px 0;
    }

    .jzsvc-onebar-menu a {
        min-height: 31px;
        padding: 5px 9px;
        font-size: 9.5px;
    }

    /* تماس فقط آیکون */
    .jzsvc-onebar-phone {
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        justify-content: center;
        padding: 4px;
    }

    .jzsvc-onebar-phone-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .jzsvc-onebar-phone-content {
        display: none;
    }

    /* رزرو کوتاه */
    .jzsvc-onebar-reserve {
        min-width: 50px;
        min-height: 36px;
        padding: 6px 9px;
        font-size: 10px;
    }

    .jzsvc-onebar-reserve-desktop {
        display: none;
    }

    .jzsvc-onebar-reserve-mobile {
        display: inline;
    }

}


/* ==================================================
   موبایل کوچک
=================================================== */

@media (max-width: 430px) {

    .jzsvc-onebar-inner {
        gap: 3px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .jzsvc-onebar-brand img {
        max-width: 54px;
        height: 33px;
    }

    .jzsvc-onebar-menu {
        gap: 3px;
    }

    .jzsvc-onebar-menu a {
        min-height: 29px;
        padding: 4px 8px;
        font-size: 9px;
    }

    .jzsvc-onebar-phone {
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
    }

    .jzsvc-onebar-phone-icon {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }

    .jzsvc-onebar-phone-icon svg {
        width: 13px;
        height: 13px;
    }

    .jzsvc-onebar-reserve {
        min-width: 43px;
        min-height: 32px;
        padding: 5px 7px;
        font-size: 9px;
    }

}


/* ==================================================
   عرض ۳۲۰ تا ۳۵۰ پیکسل
=================================================== */

@media (max-width: 350px) {

    .jzsvc-onebar-brand img {
        max-width: 47px;
        height: 31px;
    }

    .jzsvc-onebar-phone {
        width: 29px;
        min-width: 29px;
        height: 30px;
        min-height: 30px;
    }

    .jzsvc-onebar-phone-icon {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .jzsvc-onebar-reserve {
        min-width: 39px;
        min-height: 30px;
        padding-right: 5px;
        padding-left: 5px;
        font-size: 8.5px;
    }

}


/* کاهش انیمیشن */

@media (prefers-reduced-motion: reduce) {

    .jzsvc-onebar-menu {
        scroll-behavior: auto;
    }

    .jzsvc-onebar-menu a,
    .jzsvc-onebar-phone,
    .jzsvc-onebar-reserve {
        transition: none;
    }

}




/* =====================================================
   تنظیمات پایه
===================================================== */

.jzproc6,
.jzproc6 * {
    box-sizing: border-box;
}

.jzproc6 {
    position: relative;
    overflow: hidden;
    padding: 84px 0;
    direction: rtl;
    background:
        radial-gradient(
            circle at 7% 15%,
            rgba(0, 194, 200, 0.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 93% 86%,
            rgba(246, 180, 0, 0.11),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f8fbfc 0%,
            #f3f8fa 100%
        );
}

.jzproc6-wrap {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
}


/* =====================================================
   عنوان بخش
===================================================== */

.jzproc6-heading {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 auto 52px;
    text-align: center;
}

.jzproc6-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding: 8px 15px;
    color: #082382;
    background: #fff6d7;
    border: 1px solid rgba(246, 180, 0, 0.24);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.jzproc6-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #f6b400;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(246, 180, 0, 0.14);
}

.jzproc6-title {
    margin: 0 0 13px;
    color: #082382;
    font-size: clamp(29px, 3.5vw, 47px);
    font-weight: 950;
    line-height: 1.45;
}

.jzproc6-title span {
    position: relative;
    display: inline;
    color: #082382;
    background:
        linear-gradient(
            transparent 65%,
            rgba(255, 200, 61, 0.52) 65%
        );
}

.jzproc6-subtitle {
    max-width: 730px;
    margin: 0 auto;
    color: #67748b;
    font-size: 15px;
    line-height: 2;
}


/* =====================================================
   مسیر اصلی
===================================================== */

.jzproc6-timeline {
    position: relative;
    max-width: 1050px;
    margin: 0 auto;
    padding: 20px 0;
}


/* مسیر موج‌دار SVG */

.jzproc6-path {
    position: absolute;
    top: 55px;
    left: 50%;
    z-index: 0;
    width: 110px;
    height: calc(100% - 110px);
    overflow: visible;
    transform: translateX(-50%);
    pointer-events: none;
    filter: drop-shadow(
        0 7px 11px rgba(246, 180, 0, 0.17)
    );
}

.jzproc6-path-main {
    fill: none;
    stroke: url(#jzproc6Gradient);
    stroke-width: 5;
    stroke-linecap: round;
}

.jzproc6-path-detail {
    fill: none;
    stroke: rgba(255, 255, 255, 0.88);
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-dasharray: 4 13;
}


/* =====================================================
   هر مرحله
===================================================== */

.jzproc6-step {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        110px
        minmax(0, 1fr);
    min-height: 178px;
    align-items: center;
    direction: ltr;
}


/* کارت */

.jzproc6-card {
    position: relative;
    direction: rtl;
    padding: 23px 24px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(8, 35, 130, 0.08);
    border-radius: 23px;
    box-shadow:
        0 15px 36px rgba(0, 24, 105, 0.07),
        0 3px 9px rgba(0, 24, 105, 0.03);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.jzproc6-card:hover {
    transform: translateY(-5px);
    border-color: rgba(246, 180, 0, 0.34);
    box-shadow:
        0 21px 46px rgba(0, 24, 105, 0.11),
        0 5px 13px rgba(0, 24, 105, 0.04);
}


/* مراحل فرد در سمت راست */

.jzproc6-step.is-right .jzproc6-card {
    grid-column: 3;
}

.jzproc6-step.is-right .jzproc6-card::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -13px;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid #ffffff;
}


/* مراحل زوج در سمت چپ */

.jzproc6-step.is-left .jzproc6-card {
    grid-column: 1;
}

.jzproc6-step.is-left .jzproc6-card::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -13px;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 14px solid #ffffff;
}


/* =====================================================
   شماره مرحله
===================================================== */

.jzproc6-node {
    position: relative;
    z-index: 4;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    justify-self: center;
    padding: 6px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(246, 180, 0, 0.30);
    border-radius: 50%;
    box-shadow:
        0 12px 27px rgba(246, 180, 0, 0.22),
        0 0 0 8px rgba(255, 255, 255, 0.72);
}

.jzproc6-node span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #082382;
    background:
        linear-gradient(
            135deg,
            #f6b400 0%,
            #ffc83d 55%,
            #f4a900 100%
        );
    border-radius: 50%;
    font-size: 20px;
    font-weight: 950;
}


/* =====================================================
   محتوای کارت
===================================================== */

.jzproc6-label {
    display: inline-flex;
    margin-bottom: 9px;
    padding: 5px 11px;
    color: #ae7800;
    background: #fff7dc;
    border: 1px solid rgba(246, 180, 0, 0.14);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}

.jzproc6-card h3 {
    margin: 0 0 8px;
    color: #082382;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.65;
}

.jzproc6-card p {
    margin: 0;
    color: #69758b;
    font-size: 14px;
    line-height: 1.95;
}


/* =====================================================
   توضیح انتهای مسیر
===================================================== */

.jzproc6-note {
    display: flex;
    max-width: 790px;
    align-items: flex-start;
    gap: 12px;
    margin: 38px auto 0;
    padding: 17px 19px;
    background: #ffffff;
    border: 1px solid rgba(246, 180, 0, 0.25);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(0, 24, 105, 0.05);
}

.jzproc6-note-icon {
    display: flex;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    color: #082382;
    background:
        linear-gradient(
            135deg,
            #f6b400,
            #ffc83d
        );
    border-radius: 10px;
    font-size: 15px;
    font-weight: 950;
}

.jzproc6-note p {
    margin: 0;
    color: #626f86;
    font-size: 13px;
    line-height: 1.9;
}


/* =====================================================
   دکمه‌ها
===================================================== */

.jzproc6-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px;
    margin-top: 28px;
}

.jzproc6-reserve,
.jzproc6-call {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 999px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 900;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.jzproc6-reserve {
    color: #ffffff !important;
    background:
        linear-gradient(
            135deg,
            #f6b400 0%,
            #ffc83d 55%,
            #f4a900 100%
        );
    box-shadow: 0 10px 24px rgba(246, 180, 0, 0.35);
}

.jzproc6-call {
    color: #ffffff !important;
    background:
        linear-gradient(
            135deg,
            #123bb9 0%,
            #082382 55%,
            #061d75 100%
        );
    box-shadow: 0 10px 24px rgba(101, 80, 143, 0.35);
}

.jzproc6-reserve:hover,
.jzproc6-call:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.17);
}


/* =====================================================
   تبلت
===================================================== */

@media (max-width: 900px) {

    .jzproc6-step {
        grid-template-columns:
            minmax(0, 1fr)
            90px
            minmax(0, 1fr);
    }

    .jzproc6-path {
        width: 90px;
    }

    .jzproc6-card {
        padding: 21px;
    }

}


/* =====================================================
   موبایل
   مسیر موج‌دار ظریف در سمت راست
===================================================== */

@media (max-width: 767px) {

    .jzproc6 {
        padding: 58px 0;
    }

    .jzproc6-wrap {
        width: min(100% - 22px, 1120px);
    }

    .jzproc6-heading {
        margin-bottom: 35px;
        text-align: right;
    }

    .jzproc6-title {
        font-size: 29px;
        line-height: 1.55;
    }

    .jzproc6-subtitle {
        margin: 0;
        font-size: 14px;
    }


    /* مسیر */

    .jzproc6-timeline {
        padding: 5px 0;
    }

    .jzproc6-path {
        display: block;
        top: 52px;
        right: 1px;
        bottom: auto;
        left: auto;
        z-index: 0;
        width: 50px;
        height: calc(100% - 104px);
        transform: none;
        filter: none;
    }

    /*
     * خط اصلی در موبایل ظریف‌تر است
     */

    .jzproc6-path-main {
        stroke-width: 2.4;
    }

    .jzproc6-path-detail {
        stroke-width: 0.7;
        stroke-dasharray: 3 15;
        opacity: 0.72;
    }


    /* چیدمان هر مرحله */

    .jzproc6-step {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            52px;
        min-height: 158px;
        align-items: center;
        gap: 10px;
        direction: ltr;
    }


    /* همه کارت‌ها در یک سمت */

    .jzproc6-step.is-right .jzproc6-card,
    .jzproc6-step.is-left .jzproc6-card {
        grid-column: 1;
        grid-row: 1;
    }

    .jzproc6-card {
        width: 100%;
        min-width: 0;
        padding: 18px;
        direction: rtl;
        border-radius: 19px;
        margin: 3px 0;
    }


    /* نوک حباب رو به مسیر */

    .jzproc6-step.is-right .jzproc6-card::before,
    .jzproc6-step.is-left .jzproc6-card::before {
        content: "";
        position: absolute;
        top: 50%;
        right: -10px;
        left: auto;
        width: 0;
        height: 0;
        transform: translateY(-50%);
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid #ffffff;
        border-right: 0;
    }


    /* شماره‌ها روی مسیر */

    .jzproc6-node {
        grid-column: 2;
        grid-row: 1;
        width: 46px;
        height: 46px;
        justify-self: center;
        padding: 4px;
        border-width: 1px;
        box-shadow:
            0 7px 18px rgba(246, 180, 0, 0.19),
            0 0 0 4px rgba(255, 255, 255, 0.84);
    }

    .jzproc6-node span {
        font-size: 15px;
    }


    /* متن کارت */

    .jzproc6-label {
        margin-bottom: 7px;
        font-size: 10px;
    }

    .jzproc6-card h3 {
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 1.7;
    }

    .jzproc6-card p {
        font-size: 13px;
        line-height: 1.9;
    }


    /* توضیح و دکمه‌ها */

    .jzproc6-note {
        margin-top: 30px;
        padding: 14px;
    }

    .jzproc6-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .jzproc6-actions a {
        width: 100%;
    }

}


/* =====================================================
   موبایل کوچک
===================================================== */

@media (max-width: 390px) {

    .jzproc6-step {
        grid-template-columns:
            minmax(0, 1fr)
            45px;
        min-height: 165px;
        gap: 8px;
    }

    .jzproc6-path {
        width: 43px;
    }

    .jzproc6-path-main {
        stroke-width: 9;
    }

    .jzproc6-path-detail {
        stroke-width: 2.55;
    }

    .jzproc6-node {
        width: 41px;
        height: 41px;
        padding: 4px;
    }

    .jzproc6-node span {
        font-size: 14px;
    }

    .jzproc6-card {
        padding: 16px 15px;
    }

    .jzproc6-card h3 {
        font-size: 15px;
    }

    .jzproc6-card p {
        font-size: 12px;
    }

}


/* =====================================================
   کاهش انیمیشن
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .jzproc6-card,
    .jzproc6-reserve,
    .jzproc6-call {
        transition: none;
    }

    .jzproc6-card:hover,
    .jzproc6-reserve:hover,
    .jzproc6-call:hover {
        transform: none;
    }

}



    /* =====================================================
   ADVANTAGES V2
   مزیت‌های متمایز جان زیبا
===================================================== */

.jzsvc-adv2 {
    position: relative;
    overflow: hidden;
    padding: 84px 0;
    background:
        radial-gradient(
            circle at 6% 12%,
            rgba(0, 194, 200, 0.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 94% 88%,
            rgba(246, 180, 0, 0.13),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #fffdf8 0%,
            #f8fbfc 100%
        );
}

.jzsvc-adv2::before {
    content: "";
    position: absolute;
    top: 90px;
    left: -110px;
    width: 260px;
    height: 260px;
    border: 44px solid rgba(246, 180, 0, 0.07);
    border-radius: 50%;
}

.jzsvc-adv2-heading {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin-bottom: 48px;
}


/* ساختار اصلی */

.jzsvc-adv2-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 34px;
    align-items: start;
}


/* تصویر */

.jzsvc-adv2-visual {
    position: sticky;
    top: 100px;
}

.jzsvc-adv2-photo {
    position: relative;
    padding: 7px;
    background: #ffffff;
    border: 1px solid rgba(8, 35, 130, 0.08);
    border-radius: 29px;
    box-shadow:
        0 22px 50px rgba(0, 24, 105, 0.11),
        0 5px 14px rgba(0, 24, 105, 0.04);
}

.jzsvc-adv2-photo::before {
    content: "";
    position: absolute;
    top: -13px;
    right: -13px;
    z-index: -1;
    width: 105px;
    height: 105px;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-radius: 27px;
    opacity: 0.95;
}

.jzsvc-adv2-photo > img {
    display: block;
    width: 100%;
    height: 460px;
    object-fit: cover;
    border-radius: 23px;
}

.jzsvc-adv2-photo-caption {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 16px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 18px;
    box-shadow: 0 13px 30px rgba(0, 24, 105, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.jzsvc-adv2-photo-icon {
    display: flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    color: #082382;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-radius: 12px;
    font-size: 17px;
    font-weight: 950;
}

.jzsvc-adv2-photo-caption strong {
    display: block;
    margin-bottom: 3px;
    color: #082382;
    font-size: 15px;
    font-weight: 950;
}

.jzsvc-adv2-photo-caption p {
    margin: 0;
    color: #6a768c;
    font-size: 12px;
    line-height: 1.8;
}


/* سه مزیت سریع زیر تصویر */

.jzsvc-adv2-quick {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.jzsvc-adv2-quick article {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 11px;
    align-items: center;
    padding: 13px 14px;
    background: #ffffff;
    border: 1px solid rgba(8, 35, 130, 0.08);
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(0, 24, 105, 0.04);
}

.jzsvc-adv2-quick article > span {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    color: #082382;
    background: #fff4c8;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 950;
}

.jzsvc-adv2-quick strong {
    display: block;
    color: #082382;
    font-size: 14px;
    font-weight: 900;
}

.jzsvc-adv2-quick p {
    margin: 1px 0 0;
    color: #758096;
    font-size: 11px;
}


/* چهار کارت اصلی */

.jzsvc-adv2-main-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.jzsvc-adv2-main-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 23px 21px;
    background: #ffffff;
    border: 1px solid rgba(8, 35, 130, 0.09);
    border-radius: 22px;
    box-shadow:
        0 12px 32px rgba(0, 24, 105, 0.06),
        0 3px 8px rgba(0, 24, 105, 0.02);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.jzsvc-adv2-main-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 6px;
    background: linear-gradient(
        90deg,
        #f6b400,
        #ffc83d
    );
    border-radius: 6px 0 0 0;
}

.jzsvc-adv2-main-card:hover {
    transform: translateY(-6px);
    border-color: rgba(246, 180, 0, 0.34);
    box-shadow:
        0 20px 44px rgba(0, 24, 105, 0.11),
        0 5px 13px rgba(0, 24, 105, 0.03);
}

.jzsvc-adv2-number {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    color: #082382;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    border-radius: 14px;
    box-shadow: 0 9px 20px rgba(246, 180, 0, 0.25);
    font-size: 17px;
    font-weight: 950;
}

.jzsvc-adv2-main-card h3 {
    margin: 0 0 8px;
    color: #082382;
    font-size: 17px;
    font-weight: 950;
    line-height: 1.65;
}

.jzsvc-adv2-main-card p {
    margin: 0;
    color: #69758b;
    font-size: 13px;
    line-height: 1.95;
}


/* مزیت‌های تکمیلی */

.jzsvc-adv2-extra {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
    padding: 18px;
    background: rgba(255, 248, 224, 0.62);
    border: 1px solid rgba(246, 180, 0, 0.18);
    border-radius: 23px;
}

.jzsvc-adv2-extra-item {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 10px;
    align-items: start;
    padding: 13px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
}

.jzsvc-adv2-check {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    color: #082382;
    background: #ffc83d;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 950;
}

.jzsvc-adv2-extra-item h3 {
    margin: 0 0 4px;
    color: #082382;
    font-size: 14px;
    font-weight: 900;
}

.jzsvc-adv2-extra-item p {
    margin: 0;
    color: #717c91;
    font-size: 11px;
    line-height: 1.85;
}


/* CTA انتهای بخش */

.jzsvc-adv2-cta {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
    margin-top: 38px;
    padding: 27px 29px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 4% 50%,
            rgba(0, 194, 200, 0.13),
            transparent 25%
        ),
        #ffffff;
    border: 1px solid rgba(246, 180, 0, 0.28);
    border-radius: 25px;
    box-shadow: 0 15px 38px rgba(0, 24, 105, 0.07);
}

.jzsvc-adv2-cta::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    background: linear-gradient(
        180deg,
        #f6b400,
        #ffc83d,
        #00c2c8
    );
}

.jzsvc-adv2-cta-copy > span {
    display: inline-flex;
    margin-bottom: 5px;
    color: #b47c00;
    font-size: 11px;
    font-weight: 950;
}

.jzsvc-adv2-cta-copy h3 {
    margin: 0 0 6px;
    color: #082382;
    font-size: 21px;
    font-weight: 950;
}

.jzsvc-adv2-cta-copy p {
    margin: 0;
    color: #6c778c;
    font-size: 13px;
}

.jzsvc-adv2-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.jzsvc-adv2-reserve,
.jzsvc-adv2-call {
    display: inline-flex;
    min-height: 49px;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.jzsvc-adv2-reserve {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #f6b400 0%,
        #ffc83d 55%,
        #f4a900 100%
    );
    box-shadow: 0 10px 24px rgba(246, 180, 0, 0.35);
}

.jzsvc-adv2-call {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #123bb9 0%,
        #082382 55%,
        #061d75 100%
    );
    box-shadow: 0 10px 24px rgba(101, 80, 143, 0.35);
}

.jzsvc-adv2-reserve:hover,
.jzsvc-adv2-call:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.17);
}


/* تبلت */

@media (max-width: 1000px) {

    .jzsvc-adv2-layout {
        grid-template-columns: 1fr;
    }

    .jzsvc-adv2-visual {
        position: static;
        display: grid;
        grid-template-columns: 1fr 0.82fr;
        gap: 16px;
    }

    .jzsvc-adv2-photo > img {
        height: 420px;
    }

}


/* موبایل */

@media (max-width: 767px) {

    .jzsvc-adv2 {
        padding: 58px 0;
    }

    .jzsvc-adv2-heading {
        margin-bottom: 31px;
    }

    .jzsvc-adv2-visual {
        display: block;
    }

    .jzsvc-adv2-photo > img {
        height: 350px;
    }

    .jzsvc-adv2-quick {
        margin-top: 13px;
    }

    .jzsvc-adv2-main-grid,
    .jzsvc-adv2-extra {
        grid-template-columns: 1fr;
    }

    .jzsvc-adv2-main-card {
        min-height: 0;
    }

    .jzsvc-adv2-cta {
        grid-template-columns: 1fr;
        gap: 19px;
        padding: 23px 20px;
    }

    .jzsvc-adv2-cta-actions a {
        width: 100%;
    }

}


/* موبایل کوچک */

@media (max-width: 420px) {

    .jzsvc-adv2-photo > img {
        height: 310px;
    }

    .jzsvc-adv2-photo-caption {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 12px;
    }

}

.jzlp-hero,
.jzlp-hero * { box-sizing: border-box; }
.jzlp-wrap { width: 100%; max-width: 1160px; margin-inline: auto; }

/* فاصله افقی هیرو بدون حذف فاصله عمودی */
.jzlp-hero-v3 { padding-right: 10px; padding-left: 10px; }

/* فاصله‌های اختصاصی دو ویجت درمانگران؛ جایگزین استایل‌های اینلاین */
.jzsvc-therapists-heading-section { padding-bottom: 32px; }
.jzsvc-heading-compact { margin-bottom: 0; }
.jzsvc-therapists-actions-section { padding-top: 34px; }