/* ==========================================================
   Luxe theme — قهوه‌ای تیره با لهجه‌ی صورتی (بازطراحی بر اساس مرجع)
   این فایل آخر از همه لود می‌شود و فقط ظاهر را عوض می‌کند.
   ========================================================== */
@font-face { font-family: 'Estedad'; font-weight: 300; font-display: swap; src: url('/fonts/Estedad-Light.woff2') format('woff2'); }
@font-face { font-family: 'Estedad'; font-weight: 400; font-display: swap; src: url('/fonts/Estedad-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Estedad'; font-weight: 500; font-display: swap; src: url('/fonts/Estedad-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Estedad'; font-weight: 600; font-display: swap; src: url('/fonts/Estedad-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Estedad'; font-weight: 700; font-display: swap; src: url('/fonts/Estedad-Bold.woff2') format('woff2'); }

:root {
    --lx-ink: #f6ece3;
    --lx-muted: rgba(246, 236, 227, .66);
    --lx-line: rgba(238, 111, 165, .55);
    --lx-line-soft: rgba(246, 236, 227, .12);
    --lx-panel: #33231a;
    --lx-panel-2: #3d2b1f;
    --lx-card: rgba(255, 244, 235, .045);
    --lx-card-hi: rgba(255, 244, 235, .085);
    --lx-pink-1: #f68ec0;
    --lx-pink-2: #d93a85;
    --lx-pink-grad: linear-gradient(135deg, #f58dbd 0%, #e2509a 55%, #c92f78 100%);
    --lx-radius: 22px;
}

html body,
html body button,
html body input,
html body select,
html body textarea {
    font-family: 'Estedad', 'IRANSansX', Tahoma, sans-serif;
}

html body {
    color: var(--lx-ink);
    background: #4a3322;
}

/* ---------- پس‌زمینه‌ی کلی و قاب ---------- */
html body .sj-spa-main { background: transparent; isolation: isolate; }

html body .sj-spa-main:before {
    z-index: -2;
    background:
        radial-gradient(900px 600px at 12% 8%, rgba(150, 105, 70, .55), transparent 70%),
        radial-gradient(800px 600px at 92% 96%, rgba(120, 78, 50, .55), transparent 70%),
        linear-gradient(135deg, #6a4a32 0%, #4e3524 50%, #3b2819 100%);
}

html body .sj-spa-main:after {
    content: "";
    position: absolute;
    inset: 16px;
    z-index: -1;
    border-radius: 34px;
    border: 1.5px solid var(--lx-line);
    background:
        radial-gradient(900px 520px at 18% 0%, #4a3324 0%, transparent 70%),
        linear-gradient(180deg, #3a281b 0%, #2c1d13 100%);
    box-shadow: 0 40px 90px rgba(10, 5, 2, .45);
    pointer-events: none;
}

/* ---------- هدر ---------- */
html body .sj-blue-header {
    inset: 16px 16px auto 16px;
    background: linear-gradient(180deg, rgba(58, 40, 27, .97), rgba(46, 31, 21, .94));
    border: 0;
    border-bottom: 1px solid var(--lx-line-soft);
    border-radius: 34px 34px 0 0;
    box-shadow: 0 14px 30px rgba(15, 8, 3, .28);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
html body .sj-blue-header::after { display: none; }
html body .sj-blue-header-inner { height: 82px; padding: 0 34px; max-width: none; }

html body .sj-blue-logo { color: var(--lx-ink); gap: 14px; }
html body .sj-logo-icon {
    width: 52px; height: 52px; margin-top: 0;
    background-size: 50px; border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(238, 111, 165, .7);
}
html body .sj-blue-logo:hover .sj-logo-icon { box-shadow: 0 0 0 3px rgba(238, 111, 165, .95); }
html body .sj-blue-logo strong { margin-top: 0; font-size: 17px; font-weight: 700; text-shadow: none; letter-spacing: 0; }
html body .sj-blue-logo span { color: var(--lx-muted); }

html body .sj-blue-nav { gap: 4px; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
html body .sj-blue-nav a,
html body .sj-nav-more-btn {
    color: var(--lx-ink);
    font-size: 13px;
    font-weight: 500;
    background: transparent;
    border-radius: 999px;
    opacity: .82;
    box-shadow: none;
    text-shadow: none;
}
html body .sj-blue-nav a:hover,
html body .sj-nav-more-btn:hover { background: var(--lx-card-hi); opacity: 1; color: #fff; }
html body .sj-blue-nav a.active {
    color: #fff !important;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    position: relative;
}
html body .sj-blue-nav a.active::after {
    content: ""; position: absolute; left: 22%; right: 22%; bottom: 2px; height: 2px; border-radius: 2px; background: var(--lx-pink-grad);
}
html body .sj-nav-drop {
    background: #3a281b;
    border: 1px solid var(--lx-line-soft);
    box-shadow: 0 24px 50px rgba(0, 0, 0, .45);
    border-radius: 16px;
}
html body .sj-nav-drop a { color: var(--lx-ink); }

html body .sj-blue-reserve-btn {
    background: var(--lx-pink-grad);
    color: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(214, 60, 134, .35);
    font-weight: 600;
}
html body .sj-blue-reserve-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }

/* ---------- دکمه‌ها ---------- */
html body .sj-btn-primary,
html body .sj-btn-gold {
    background: var(--lx-pink-grad);
    color: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(214, 60, 134, .32);
    font-weight: 600;
    text-shadow: none;
}
html body .sj-btn-light,
html body .sj-btn-glass {
    background: transparent;
    color: var(--lx-ink);
    border: 1px solid var(--lx-line);
    border-radius: 8px;
    box-shadow: none;
}
html body .sj-btn-light:hover,
html body .sj-btn-glass:hover { background: var(--lx-card-hi); color: #fff; }

/* ---------- هیرو ---------- */
html body .sj-design-hero { background: transparent; padding-top: 112px; }
html body .sj-hero-bottom-glow,
html body .sj-hero-wave,
html body .sj-hero-shapes,
html body .sj-hero-white-ribbon,
html body .sj-bride-slider-glow { display: none !important; }

html body .sj-hero-content { align-items: center; padding-inline: 6%; }

html body .sj-hero-label {
    color: var(--lx-pink-1);
    background: transparent;
    border: 0;
    padding: 0;
    letter-spacing: 6px;
    font-size: 12px;
    text-transform: uppercase;
    box-shadow: none;
}
html body .sj-hero-info h1 {
    color: var(--lx-ink);
    font-weight: 300;
    font-size: clamp(22px, 2.15vw, 34px);
    line-height: 1.75;
    text-shadow: none;
    letter-spacing: 0;
    max-width: 560px;
}
html body .sj-hero-highlight,
html body .sj-hero-highlight .sj-w {
    display: block;
    font-weight: 800;
    font-size: 1.55em;
    line-height: 1.5;
    background: none !important;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor !important;
    color: #fff !important;
    text-shadow: none;
    filter: none;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}
html body .sj-hero-highlight .sj-w { display: inline-block; font-size: 1em; }
html body .sj-hero-info p {
    color: var(--lx-muted);
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    padding: 0;
    font-weight: 300;
    line-height: 2.1;
    max-width: 520px;
}
html body .sj-club-teaser {
    background: var(--lx-card);
    border: 1px solid var(--lx-line-soft);
    color: var(--lx-ink);
    border-radius: 14px;
    box-shadow: none;
}
html body .sj-club-teaser small { color: var(--lx-muted); }

html body .sj-hero-side-menu a { color: var(--lx-muted); }
html body .sj-hero-side-menu a.active { color: #fff !important; text-shadow: none; }

/* اسلایدر عکس: قاب مستطیلی بدون چرخش، مثل مرجع */
html body .sj-bride-slider-frame {
    border-radius: 6px;
    transform: none;
    background: #2c1d13;
    box-shadow: 0 40px 80px rgba(0, 0, 0, .5);
    height: min(62vh, 520px);
    width: auto;
    aspect-ratio: 4 / 5;
    max-width: 92%;
}
html body .sj-bride-slider-frame::before { display: none; }
html body .sj-bride-slider-frame::after { background: linear-gradient(180deg, rgba(0,0,0,0) 62%, rgba(32, 18, 10, .55) 100%); }
html body .sj-bride-slide { transform: scale(1.04); filter: none; }
html body .sj-bride-slide.active { transform: scale(1); filter: none; }
html body .sj-bride-slide img { filter: none; }
html body .sj-bride-shape-slider:hover .sj-bride-slider-frame { transform: none; }
html body .sj-bride-slider-badge {
    right: auto; left: 22px; bottom: 22px; border-radius: 6px;
    border: 1px solid var(--lx-line); background: rgba(40, 24, 15, .7);
    font-weight: 600; letter-spacing: 2px;
}
html body .sj-bride-slider-dots { display: none; }

/* شمارنده و فلش‌ها (با sanaz-luxe.js ساخته می‌شوند) */
.lx-hero-nav {
    position: absolute; z-index: 9; left: 50%; bottom: 8%; transform: translateX(-50%);
    display: flex; align-items: center; gap: 26px; direction: ltr; color: var(--lx-ink);
}
.lx-hero-nav button {
    width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--lx-line-soft); background: transparent; color: var(--lx-ink);
    display: grid; place-items: center; cursor: pointer; transition: background .2s, border-color .2s;
}
.lx-hero-nav button:hover { background: var(--lx-card-hi); border-color: var(--lx-line); }
.lx-hero-count { font-size: 12px; letter-spacing: 2px; display: grid; gap: 6px; min-width: 70px; }
.lx-hero-count i { display: block; height: 2px; background: rgba(246, 236, 227, .18); border-radius: 2px; overflow: hidden; }
.lx-hero-count i b { display: block; height: 100%; background: var(--lx-pink-grad); width: 0; transition: width .5s ease; }

/* خط منحنی تزئینی */
.lx-curve { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .55; }
.lx-curve path { fill: none; stroke: rgba(246, 236, 227, .35); stroke-width: 1; }


/* ---------- چیدمان هیرو (بازنویسی) ---------- */
html body .sj-hero-content {
    position: absolute; inset: 104px 6% 70px 6%; display: flex; align-items: center; justify-content: flex-start;
}
html body .sj-hero-info { padding: 0; max-width: 46%; text-align: right; }
html body .sj-hero-info:before { display: none !important; }
html body .sj-hero-info h1,
html body .sj-hero-info p { animation: none !important; }
html body .sj-hero-info p { font-size: 14px; letter-spacing: 0; margin-bottom: 26px; background: none; }
html body .sj-hero-actions { gap: 12px; }
html body .sj-btn-primary,
html body .sj-btn-light { padding: 13px 30px; font-weight: 600; font-size: 14px; }
html body .sj-hero-model-ref { left: 8%; bottom: 13%; width: 44%; height: 72%; }

html body .sj-club-teaser {
    background: var(--lx-card) !important; border: 1px solid var(--lx-line-soft) !important; border-radius: 14px; overflow: hidden;
    margin-top: 26px; max-width: 460px;
}
html body .sj-club-teaser::before { display: none !important; }
html body .sj-club-teaser::after { background: transparent !important; }
html body .sj-club-teaser .sj-ct-icon { animation: none; }
html body .sj-glow-card::before, html body .sj-glow-card::after { display: none !important; }
/* ---------- بخش‌های داخلی ---------- */
html body .sj-spa-section { color: var(--lx-ink); padding-top: 128px; }
html body .sj-eyebrow {
    color: var(--lx-pink-1); background: transparent; border: 0; padding: 0;
    letter-spacing: 6px; text-transform: uppercase; font-size: 12px; box-shadow: none;
}
html body .sj-section-title h2,
html body .sj-appointment-info h2,
html body .sj-contact-info h2,
html body .sj-club-info h2 {
    color: var(--lx-ink); font-weight: 300; letter-spacing: 0; text-shadow: none;
    font-size: clamp(26px, 3vw, 44px); line-height: 1.6;
}
html body .sj-section-title p,
html body .sj-appointment-info p,
html body .sj-contact-info p,
html body .sj-club-info p { color: var(--lx-muted); font-weight: 300; line-height: 2.1; }
html body .sj-style-heading { color: var(--lx-ink); font-weight: 400; }

/* کارت‌ها */
html body .sj-service-card,
html body .sj-style-card,
html body .sj-education-card,
html body .sj-testimonial-card,
html body .sj-faq-item,
html body .sj-club-tier,
html body .sj-contact-box,
html body .sj-appointment-note,
html body .sj-gallery-card {
    background: var(--lx-card);
    color: var(--lx-ink);
    border: 1px solid var(--lx-line-soft);
    border-radius: var(--lx-radius);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
html body .sj-service-card:hover,
html body .sj-style-card:hover,
html body .sj-education-card:hover,
html body .sj-testimonial-card:hover,
html body .sj-club-tier:hover { background: var(--lx-card-hi); border-color: var(--lx-line); transform: translateY(-4px); }
html body .sj-service-card h3,
html body .sj-style-card strong,
html body .sj-education-card h3,
html body .sj-testimonial-name { color: var(--lx-ink); font-weight: 600; text-shadow: none; }
html body .sj-service-card p,
html body .sj-style-card p,
html body .sj-education-card p,
html body .sj-testimonial-card p,
html body .sj-faq-item p,
html body .sj-club-tier p,
html body .sj-gallery-caption { color: var(--lx-muted); }
html body .sj-style-icon,
html body .sj-testimonial-stars { color: var(--lx-pink-1); }
html body .sj-select-service { color: var(--lx-pink-1); }
html body .sj-coverage-chips span,
html body .sj-coverage-chips a {
    background: transparent; color: var(--lx-ink); border: 1px solid var(--lx-line); border-radius: 999px; box-shadow: none;
    font-size: 13px; font-weight: 700; padding: 8px 18px; text-decoration: none; display: inline-block; transition: background .2s, border-color .2s;
}
html body .sj-coverage-chips a:hover { border-color: var(--lx-pink, #e8a0b8); background: rgba(232,160,184,.12); }
html body .sj-perk-icon { background: var(--lx-pink-grad); }
html body .sj-appointment-perks li span { color: var(--lx-muted); }
html body .sj-faq-item summary,
html body .sj-faq-item h3 { color: var(--lx-ink); }

/* فرم‌ها */
html body .sj-appointment-card,
html body .sj-contact-card {
    background: var(--lx-panel-2);
    border: 1px solid var(--lx-line-soft);
    border-radius: 26px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
    color: var(--lx-ink);
}
html body .sj-form-group label { color: var(--lx-muted); font-weight: 400; }
html body .sj-form-group input,
html body .sj-form-group select,
html body .sj-form-group textarea,
html body .sj-appointment-card input,
html body .sj-appointment-card select,
html body .sj-appointment-card textarea,
html body .sj-contact-card input,
html body .sj-contact-card textarea {
    background: rgba(0, 0, 0, .22);
    color: var(--lx-ink);
    border: 1px solid var(--lx-line-soft);
    border-radius: 12px;
}
html body .sj-form-group input:focus,
html body .sj-form-group select:focus,
html body .sj-form-group textarea:focus { border-color: var(--lx-pink-1); box-shadow: 0 0 0 3px rgba(246, 142, 192, .18); outline: 0; }
html body .sj-form-group option { background: #3a281b; color: var(--lx-ink); }
html body .sj-style-select label { background: transparent; color: var(--lx-ink); border: 1px solid var(--lx-line-soft); border-radius: 999px; }
html body .sj-style-select input:checked + label { background: var(--lx-pink-grad); color: #fff; border-color: transparent; }

/* گالری */
html body .sj-gallery-filter button,
html body .sj-gallery-filter a {
    background: transparent; color: var(--lx-ink); border: 1px solid var(--lx-line-soft); border-radius: 999px; box-shadow: none;
}
html body .sj-gallery-filter .active,
html body .sj-gallery-filter button.active { background: var(--lx-pink-grad); color: #fff; border-color: transparent; }
html body .sj-gallery-card { overflow: hidden; padding: 0; }

/* قیمت و برچسب‌ها */
html body .sj-education-price { color: var(--lx-pink-1); }
html body .sj-education-duration { color: var(--lx-muted); }

/* ---------- شناورها و منوی موبایل ---------- */
html body .sj-mobile-menu-sheet { background: #33231a; color: var(--lx-ink); }
html body .sj-mobile-menu-links a { color: var(--lx-ink); border-color: var(--lx-line-soft); }
html body .sj-mobile-menu-cta { background: var(--lx-pink-grad); color: #fff; }
html body .sj-mobile-dock { background: rgba(44, 29, 19, .94); border-top: 1px solid var(--lx-line-soft); box-shadow: none; }
html body .sj-mobile-dock a { color: var(--lx-muted); }
html body .sj-mobile-dock a.active { color: var(--lx-pink-1); }


/* ---------- درباره / دکمه‌های ارسال ---------- */
html body .sj-team-image img {
    background: #f1e4d8; border-radius: 200px 200px 28px 28px; border: 1px solid var(--lx-line);
    box-shadow: 0 40px 80px rgba(0, 0, 0, .45);
}
html body .sj-appointment-card button[type="submit"],
html body .sj-contact-card button[type="submit"],
html body .sj-club-card button[type="submit"],
html body #appointmentSubmit, html body #contactSubmit, html body #clubSubmit {
    background: var(--lx-pink-grad); color: #fff; border: 0; border-radius: 10px;
    box-shadow: 0 14px 30px rgba(214, 60, 134, .28); font-weight: 600; text-shadow: none;
}
html body .sj-btn-gold::after, html body .sj-btn-primary::after { display: none; }
html body .sj-btn-gold { background: transparent; border: 1px solid var(--lx-line); box-shadow: none; color: var(--lx-ink); }
html body .sj-btn-gold:hover { background: var(--lx-card-hi); color: #fff; }
html body .sj-whatsapp-float { box-shadow: 0 14px 30px rgba(0, 0, 0, .4); }

/* ---------- مقالات ---------- */
html body .sj-spa-main { background: transparent !important; }
html body .sj-article-hero,
html body .sj-article-featured,
html body .sj-article-card,
html body .sj-article-popular,
html body .sj-article-toc,
html body .sj-article-cta-box,
html body .sj-empty-box {
    background: var(--lx-card) !important;
    color: var(--lx-ink);
    border: 1px solid var(--lx-line-soft) !important;
    border-radius: var(--lx-radius);
    box-shadow: none !important;
}
html body .sj-article-hero { margin-top: 110px; }
html body .sj-article-hero h1,
html body .sj-article-featured h2,
html body .sj-article-card h2,
html body .sj-article-card h3,
html body .sj-article-detail h1,
html body .sj-article-content h2,
html body .sj-article-content h3,
html body .sj-article-detail-header h1,
html body .sj-related-articles h2,
html body .sj-article-popular h2,
html body .sj-article-toc strong,
html body .sj-article-cta-box h2,
html body .sj-article-cta-box h3 { color: var(--lx-ink) !important; font-weight: 600; }
html body .sj-article-hero p,
html body .sj-article-card p,
html body .sj-article-featured p,
html body .sj-article-content,
html body .sj-article-content p,
html body .sj-article-content li,
html body .sj-article-meta,
html body .sj-article-detail-meta,
html body .sj-breadcrumb,
html body .sj-breadcrumb a,
html body .sj-article-toc a,
html body .sj-article-cta-box p { color: var(--lx-muted) !important; }
html body .sj-article-content a,
html body .sj-article-readmore,
html body .sj-back-link { color: var(--lx-pink-1) !important; }
html body .sj-article-hero span:first-child, html body .sj-article-hero .sj-eyebrow, html body .sj-article-hero small { color: var(--lx-pink-1) !important; background: transparent !important; }
html body .sj-article-tag { background: rgba(246, 142, 192, .14) !important; color: var(--lx-pink-1) !important; }
html body .sj-article-search input { background: rgba(0, 0, 0, .22); color: var(--lx-ink); border: 1px solid var(--lx-line-soft); border-radius: 12px; }
html body .sj-article-search button,
html body .sj-article-hero-actions a:first-child,
html body .sj-article-cta-box a { background: var(--lx-pink-grad) !important; color: #fff !important; border: 0; border-radius: 10px; box-shadow: none; }
html body .sj-article-hero-actions a:not(:first-child) { background: transparent; color: var(--lx-ink); border: 1px solid var(--lx-line); border-radius: 10px; }
html body .sj-article-band { background: var(--lx-panel-2) !important; border: 1px solid var(--lx-line-soft); border-radius: var(--lx-radius); }
html body .sj-pagination a, html body .sj-pagination span { background: transparent; color: var(--lx-ink); border: 1px solid var(--lx-line-soft); }
html body .sj-pagination .active, html body .sj-pagination a.active { background: var(--lx-pink-grad); color: #fff; border-color: transparent; }
html body .sj-article-popular a, html body .sj-article-popular li, html body .sj-article-popular span { color: var(--lx-ink) !important; }
html body .sj-article-popular small, html body .sj-article-popular em { color: var(--lx-muted) !important; }
html body .sj-article-readmore { background: var(--lx-pink-grad) !important; color: #fff !important; border-radius: 10px; box-shadow: none; }
html body .sj-article-band a { background: var(--lx-pink-grad) !important; color: #fff !important; border: 0; border-radius: 10px; }
html body .sj-article-band a.alt { background: transparent !important; border: 1px solid var(--lx-line); color: var(--lx-ink) !important; }
html body .sj-article-band h2, html body .sj-article-band h3, html body .sj-article-band p { color: var(--lx-ink) !important; }
html body .sj-article-band p { color: var(--lx-muted) !important; }html body .sj-article-detail, html body .sj-article-list-section, html body .sj-related-articles { background: transparent; }
html body .sj-article-detail-image img, html body .sj-article-card-image img { border-radius: 14px; }

/* ---------- تلفن و شبکه‌های اجتماعی در هدر (مثل مرجع) ---------- */
.lx-head-contact { display: none; align-items: center; gap: 18px; margin-right: auto; direction: ltr; }
.lx-head-contact .lx-phone { color: var(--lx-ink); font-size: 13px; font-weight: 600; letter-spacing: .6px; text-decoration: none; opacity: .92; }
.lx-head-contact .lx-phone:hover { color: var(--lx-pink-1); }
.lx-head-contact .lx-soc { display: grid; place-items: center; color: var(--lx-ink); opacity: .9; transition: color .2s, transform .2s, opacity .2s; }
.lx-head-contact .lx-soc:hover { color: var(--lx-pink-1); opacity: 1; transform: translateY(-2px); }


/* فیلدها: روی کارت تیره باید تیره بمانند */
html body .sj-form-group input:not([type="radio"]):not([type="checkbox"]),
html body .sj-form-group select,
html body .sj-form-group textarea,
html body .sj-captcha-row input {
    background: rgba(0, 0, 0, .26) !important;
    color: var(--lx-ink) !important;
    border: 1px solid var(--lx-line-soft) !important;
}
html body .sj-form-group input::placeholder,
html body .sj-form-group textarea::placeholder { color: rgba(246, 236, 227, .38) !important; }

/* ---------- حذف تصویر متحرک پس‌زمینه‌ی رزرو و تماس ---------- */
html body .sj-appointment-info::before,
html body .sj-appointment-info::after,
html body .sj-contact-info::before { display: none !important; animation: none !important; }

/* ---------- امضای وب مهراز ---------- */
.lx-credit {
    position: fixed; z-index: 40; right: 38px; bottom: 30px; display: inline-flex; align-items: center; gap: 9px;
    padding: 5px 14px 5px 6px; border-radius: 999px; text-decoration: none; direction: rtl;
    background: rgba(255, 244, 235, .06); border: 1px solid var(--lx-line-soft); color: var(--lx-muted);
    font-size: 11.5px; line-height: 1; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    transition: background .2s, color .2s, border-color .2s;
}
.lx-credit img { width: 26px; height: 26px; border-radius: 50%; background: #fff; padding: 3px; object-fit: contain; flex: none; }
.lx-credit b { color: var(--lx-ink); font-weight: 600; }
.lx-credit:hover { background: var(--lx-card-hi); border-color: var(--lx-line); color: var(--lx-ink); }
.lx-credit-menu { position: static; margin: 16px auto 4px; display: flex; width: fit-content; backdrop-filter: none; }
@media (max-width: 991.98px) {
    .lx-credit:not(.lx-credit-menu) { display: none; }
}

/* خوانایی متن مقاله */
html body .sj-article-content p,
html body .sj-article-content li { color: rgba(246, 236, 227, .86) !important; line-height: 2.2; }
html body .sj-article-content h2, html body .sj-article-content h3 { color: #fff !important; margin-top: 1.6em; }

/* ==========================================================
   موشن و المان‌های مینیمال (همه با prefers-reduced-motion خاموش می‌شوند)
   ========================================================== */
.lx-grain {
    position: fixed; inset: 0; z-index: 3; pointer-events: none; opacity: .06; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.lx-aura {
    position: fixed; left: 0; top: 0; z-index: 2; pointer-events: none; width: 520px; height: 520px; margin: -260px 0 0 -260px;
    border-radius: 50%; opacity: 0; transition: opacity .6s ease;
    background: radial-gradient(circle, rgba(238, 111, 165, .16), rgba(238, 111, 165, 0) 62%);
    will-change: transform;
}
.lx-aura.on { opacity: 1; }

/* هیرو: زوم آرام عکس، قاب خط‌دار با پارالکس، خط‌های منحنی که کشیده می‌شوند */
@keyframes lxKen { from { transform: scale(1); } to { transform: scale(1.09); } }
html body .sj-bride-slide.active img { animation: lxKen 9s ease-out forwards; }

html body .sj-bride-slider-frame { overflow: visible; }
html body .sj-bride-slider-frame > .sj-bride-slide { border-radius: 6px; overflow: hidden; }
html body .sj-bride-slider-frame::before {
    display: block; content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 6px;
    border: 1px solid var(--lx-line); pointer-events: none;
    transform: translate(calc(var(--px, 0) * -14px + 18px), calc(var(--py, 0) * -10px + 16px));
    transition: transform .25s ease-out;
}

@keyframes lxDraw { to { stroke-dashoffset: 0; } }
.lx-curve path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: lxDraw 3.2s .4s cubic-bezier(.4, 0, .2, 1) forwards; }

/* متن عمودی کنار هیرو و نوار متحرک پایین */
.lx-side-text {
    position: absolute; z-index: 4; top: 50%; right: 34px; transform: translateY(-50%) rotate(180deg); writing-mode: vertical-rl;
    display: flex; align-items: center; gap: 14px; font-size: 10.5px; letter-spacing: 5px; color: rgba(246, 236, 227, .45);
    text-transform: uppercase; direction: ltr; pointer-events: none;
}
.lx-side-text i { display: block; width: 1px; height: 52px; background: linear-gradient(180deg, transparent, var(--lx-pink-1), transparent); }

.lx-marquee {
    position: absolute; z-index: 3; left: 4%; right: 4%; bottom: 16px; overflow: hidden; pointer-events: none; opacity: .38;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
}
.lx-marquee-track { display: inline-flex; white-space: nowrap; animation: lxMarquee 46s linear infinite; direction: ltr; }
.lx-marquee-track span { font-size: 11px; letter-spacing: 6px; color: var(--lx-ink); padding-right: 6px; }
@keyframes lxMarquee { to { transform: translateX(-50%); } }

/* هدر: فشرده شدن هنگام اسکرول و زیرخط لغزان منو */
html body .sj-blue-header { transition: box-shadow .3s ease, background .3s ease; }
html body .sj-blue-header-inner { transition: height .3s ease; }
html body .sj-blue-header.lx-compact .sj-blue-header-inner { height: 66px; }
html body .sj-blue-header.lx-compact { box-shadow: 0 18px 38px rgba(10, 5, 2, .42); }
html body .sj-blue-nav a { position: relative; }
html body .sj-blue-nav a:not(.active)::after {
    content: ""; position: absolute; left: 50%; right: 50%; bottom: 2px; height: 2px; border-radius: 2px;
    background: var(--lx-pink-grad); transition: left .3s ease, right .3s ease;
}
html body .sj-blue-nav a:not(.active):hover::after { left: 24%; right: 24%; }

/* عنوان بخش‌ها: خط ظریف کنار eyebrow که باز می‌شود */
html body .sj-eyebrow { display: inline-flex; align-items: center; gap: 12px; }
html body .sj-eyebrow::before {
    content: ""; display: inline-block; width: 0; height: 1px; background: var(--lx-pink-1); transition: width .9s .2s cubic-bezier(.22, .75, .25, 1);
}
html body .sj-section-active .sj-eyebrow::before { width: 34px; }

/* ورود نرم‌تر بخش‌ها */
@keyframes lxIn { from { opacity: 0; filter: blur(6px); } to { opacity: 1; filter: blur(0); } }
html body .sj-spa-section.sj-section-active { animation: lxIn .7s ease both; }

/* دکمه‌ها: برق نرم هنگام هاور */
html body .sj-btn-primary, html body .sj-blue-reserve-btn { position: relative; overflow: hidden; will-change: transform; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; }
html body .sj-btn-primary::before, html body .sj-blue-reserve-btn::before {
    content: ""; position: absolute; top: 0; bottom: 0; width: 40%; left: -60%; z-index: 1; pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .38), transparent); transform: skewX(-18deg);
}
html body .sj-btn-primary:hover::before, html body .sj-blue-reserve-btn:hover::before { left: 130%; transition: left .8s ease; }
html body .sj-btn-light { transition: background .25s ease, border-color .25s ease, transform .25s ease; will-change: transform; }

/* کارت‌ها: بالا آمدن نرم با درخشش حاشیه */
html body .sj-service-card, html body .sj-style-card, html body .sj-education-card, html body .sj-testimonial-card, html body .sj-club-tier {
    transition: transform .45s cubic-bezier(.22, .75, .25, 1), background .3s ease, border-color .3s ease, box-shadow .45s ease;
}
html body .sj-service-card:hover, html body .sj-style-card:hover, html body .sj-education-card:hover, html body .sj-testimonial-card:hover, html body .sj-club-tier:hover {
    box-shadow: 0 24px 50px rgba(0, 0, 0, .35), 0 0 0 1px rgba(238, 111, 165, .25);
}

/* ستاره‌های ریز شناور */
.lx-sparkle { position: fixed; z-index: 2; pointer-events: none; color: var(--lx-pink-1); opacity: 0; font-size: 12px; animation: lxSpark 9s ease-in-out infinite; }
.lx-sparkle:nth-of-type(1) { left: 12%; top: 26%; animation-delay: 0s; }
.lx-sparkle:nth-of-type(2) { left: 46%; top: 78%; animation-delay: 3s; font-size: 9px; }
.lx-sparkle:nth-of-type(3) { left: 88%; top: 38%; animation-delay: 6s; font-size: 10px; }
@keyframes lxSpark { 0%, 100% { opacity: 0; transform: translateY(8px) scale(.6); } 40%, 60% { opacity: .75; transform: translateY(-6px) scale(1); } }

@media (max-width: 991.98px) {
    .lx-side-text, .lx-marquee, .lx-aura, .lx-sparkle { display: none; }
    html body .sj-bride-slider-frame::before { transform: translate(10px, 10px); }
}
@media (prefers-reduced-motion: reduce) {
    .lx-aura, .lx-sparkle, .lx-marquee-track { display: none; }
    html body .sj-bride-slide.active img, html body .sj-spa-section.sj-section-active { animation: none; }
    .lx-curve path { animation: none; stroke-dashoffset: 0; }
}

/* ---------- هیرو در موبایل/تبلت: عکس بالا، متن پایین، بدون هم‌پوشانی ---------- */
@media (max-width: 991.98px) {
    html body .sj-design-hero { overflow-y: auto; padding: 0; }
    html body .sj-hero-content {
        position: static; inset: auto; display: flex; flex-direction: column; align-items: stretch; gap: 22px;
        padding: 92px 6% 150px;
    }
    html body .sj-hero-visual { order: -1; position: relative; display: flex; justify-content: center; }
    html body .sj-hero-model-ref {
        position: relative; left: auto; bottom: auto; width: 100%; height: auto; padding-bottom: 18px;
        display: flex; align-items: center; justify-content: center;
    }
    html body .sj-bride-slider-frame {
        height: min(44vh, 360px); width: auto; aspect-ratio: 4 / 5; max-width: 82%; transform: none !important;
    }
    html body .sj-bride-slider-dots { display: flex; bottom: -2px; }
    html body .sj-bride-slider-dots button { background: rgba(246, 236, 227, .35); }
    html body .sj-bride-slider-dots button.active { background: var(--lx-pink-1); }
    .lx-hero-nav { display: none; }
    html body .sj-hero-info { max-width: 100%; text-align: right; }
    html body .sj-hero-info h1 { font-size: 17px !important; line-height: 1.8 !important; }
    html body .sj-hero-highlight, html body .sj-hero-highlight .sj-w { font-size: 1.55em !important; }
    html body .sj-hero-info p { font-size: 13px !important; line-height: 2 !important; }
    html body .sj-hero-actions { flex-wrap: wrap; }
    html body .sj-club-teaser { max-width: 100%; }
    .lx-curve { opacity: .3; }
}

/* ---------- هدر ریسپانسیو (نقطه‌ی شکست منوی اصلی: ۱۲۴۱px) ---------- */
html body .sj-blue-header-inner { display: flex !important; align-items: center; gap: 14px; }
html body .sj-blue-logo { flex-shrink: 0; }
html body .sj-blue-logo > div:last-child { min-width: 0; white-space: nowrap; }
html body .sj-blue-reserve-btn { flex-shrink: 0; white-space: nowrap; }
html body .sj-mobile-menu-toggle {
    background: var(--lx-card-hi); border: 1px solid var(--lx-line-soft); box-shadow: none; border-radius: 14px;
    backdrop-filter: none; -webkit-backdrop-filter: none; flex-shrink: 0;
}

/* تبلت و لپ‌تاپ کوچک (تا ۱۲۴۰): لوگو راست، تماس و رزرو وسط/چپ، همبرگر ته چپ */
@media (max-width: 1240px) {
    .lx-head-contact { display: flex; gap: 16px; margin-right: auto; }
    .lx-head-contact .lx-phone { display: none; }
}
@media (min-width: 700px) and (max-width: 1240px) {
    .lx-head-contact .lx-phone { display: inline; }
}
@media (min-width: 1241px) {
    html body .sj-blue-header-inner { padding: 0 28px; }
    .lx-head-contact { display: flex; gap: 14px; }
    .lx-head-contact .lx-phone { display: none; }
    html body .sj-blue-header .sj-blue-reserve-btn { display: none; }
    html body .sj-blue-nav a, html body .sj-nav-more-btn { padding: 8px 10px; font-size: 13px; }
}
@media (min-width: 1440px) {
    .lx-head-contact { gap: 18px; }
    .lx-head-contact .lx-phone { display: inline; }
    html body .sj-blue-nav a, html body .sj-nav-more-btn { padding: 8px 13px; font-size: 13.5px; }
}
/* موبایل: فشرده و بدون شلوغی */
@media (max-width: 699.98px) {
    .lx-head-contact .lx-soc svg { width: 19px; height: 19px; }
    .lx-head-contact { gap: 14px; }
}
@media (max-width: 520px) {
    html body .sj-blue-header-inner { height: 62px; padding: 0 12px; gap: 10px; }
    html body .sj-logo-icon { width: 42px; height: 42px; background-size: 40px; }
    html body .sj-blue-logo { gap: 9px; }
    html body .sj-blue-logo strong { font-size: 14.5px; }
    html body .sj-blue-logo span { font-size: 10.5px; }
    html body .sj-blue-reserve-btn { padding: 0 12px; min-height: 38px; font-size: 12px; }
    html body .sj-mobile-menu-toggle { width: 40px; height: 40px; min-width: 40px; border-radius: 12px; }
    .lx-head-contact { display: none; }
}
@media (max-width: 380px) {
    html body .sj-blue-logo span { display: none; }
    html body .sj-blue-reserve-btn span { font-size: 11.5px; }
}

/* ترتیب ثابت اجزای هدر تا ۱۲۴۰px: لوگو (راست) ← تماس ← رزرو ← همبرگر (چپ) */
@media (max-width: 1240px) {
    html body .sj-blue-header-inner { flex-direction: row; flex-wrap: nowrap; }
    html body .sj-blue-logo { order: 1; }
    html body .lx-head-contact { order: 2; }
    html body .sj-blue-header .sj-blue-reserve-btn {
        order: 3; margin: 0 !important; position: static !important; display: inline-flex; flex-shrink: 0;
    }
    html body .sj-mobile-menu-toggle { order: 4; margin: 0 !important; }
}
@media (max-width: 520px) {
    html body .sj-blue-logo { margin-right: 0; }
    html body .sj-blue-header .sj-blue-reserve-btn { margin-right: auto !important; }
}
/* ---------- موبایل ---------- */
@media (max-width: 991.98px) {
    html body .sj-spa-main:after { inset: 0; border-radius: 0; border: 0; }
    html body .sj-blue-header { inset: 0 0 auto 0; background: rgba(44, 29, 19, .92); backdrop-filter: blur(10px); }
    html body .sj-blue-header-inner { height: 68px; padding: 0 16px; }
    html body .sj-spa-section { padding-top: 96px; }
    html body .sj-design-hero { padding-top: 84px; }
    .lx-hero-nav { bottom: 96px; }
}

/* ---------- GSAP: پرده‌ی ورود و نشانگر ---------- */
.gs-curtain { display: none; position: fixed; inset: 0; z-index: 100000; pointer-events: none; }
html.gs-intro .gs-curtain { display: block; pointer-events: all; }
.gs-panel { position: absolute; inset: 0; }
.gs-panel-a { background: #e56a9f; }
.gs-panel-b { background: #1b0f0c; display: grid; place-items: center; }
.gs-curtain-box { text-align: center; color: #f6ece3; }
.gs-curtain-name { display: flex; justify-content: center; gap: .08em; overflow: hidden; font: 800 clamp(34px, 7vw, 76px)/1.25 Estedad, sans-serif; letter-spacing: .02em; }
.gs-curtain-name span { display: inline-block; }
.gs-curtain-sub { margin-top: 6px; font: 400 13px Estedad, sans-serif; letter-spacing: .4em; opacity: .7; }
.gs-curtain-bar { width: 160px; height: 2px; margin: 22px auto 0; background: rgba(246,236,227,.18); overflow: hidden; }
.gs-curtain-bar i { display: block; height: 100%; background: #e56a9f; transform: scaleX(0); transform-origin: left; }
html.gs-intro body { overflow: hidden; }
html.gs-on [data-reveal] { transition: none !important; }

.gs-ring { position: fixed; left: 0; top: 0; z-index: 99998; width: 0; height: 0; pointer-events: none; opacity: 0; transition: opacity .3s; mix-blend-mode: normal; }
.gs-ring.on { opacity: 1; }
.gs-ring i { position: absolute; left: -17px; top: -17px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(229,106,159,.7); transition: width .3s, height .3s, left .3s, top .3s, background .3s, border-color .3s; }
.gs-ring.hot i { left: -30px; top: -30px; width: 60px; height: 60px; background: rgba(229,106,159,.14); border-color: rgba(229,106,159,.9); }
@media (hover: none), (pointer: coarse) { .gs-ring { display: none; } }