/* 
 * گیسو صادقی (GISO SADEGHI) - فایل استایل تم‌های چهارگانه (Theme-aware CSS)
 * مقادیر مجاز: original | simple | classic | modern
 * بدون تغییر در لوگو، متن‌ها، ساختار صفحات، منوها یا مسیرها
 * با تضمین ۱۰۰٪ خوانایی در تمامی صفحات (به ویژه جداول و فیلدهای پنل ادمین و فروش مو)
 */

/* ==========================================================================
   1) تم اصلی برند گیسو صادقی (original) - زنانه، لوکس، مدرن، نرم، شیک و حرفه‌ای
   ========================================================================== */
body[data-theme="original"],
body:not([data-theme]) {
    background: linear-gradient(180deg, #fffbf8 0%, #faf5f0 50%, #fff9f5 100%) !important;
    color: #615045 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    line-height: 1.8 !important;
    margin: 0;
    padding: 0;
}

/* --- Typographic Brand Block (لوگوی متنی لوکس گیسو صادقی) --- */
.giso-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    padding: 4px 8px !important;
}
.giso-brand-mark {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fffdfb 0%, #f7efe9 100%);
    border: 1px solid rgba(224, 142, 155, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    box-shadow: 0 4px 14px rgba(220, 150, 160, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.giso-brand-logo:hover .giso-brand-mark {
    transform: rotate(-6deg) scale(1.05);
    box-shadow: 0 6px 18px rgba(220, 150, 160, 0.25);
}
.giso-brand-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: transform 0.3s ease;
}
.giso-brand-logo:hover .giso-brand-img {
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(220, 150, 160, 0.25);
}
.giso-brand-text-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.giso-brand-title {
    font-size: 1.28rem;
    font-weight: 700;
    color: #4a3b32;
    letter-spacing: -0.3px;
    line-height: 1.25;
}
.giso-brand-tagline {
    font-size: 0.78rem;
    color: #a94a59;
    font-weight: 500;
}

/* --- نوار ناوبری (Navbar) --- */
body[data-theme="original"] .giso-navbar,
body:not([data-theme]) .giso-navbar {
    background: rgba(255, 252, 249, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(224, 142, 155, 0.22) !important;
    box-shadow: 0 6px 25px rgba(180, 120, 130, 0.06) !important;
}
body[data-theme="original"] .giso-nav-links a,
body:not([data-theme]) .giso-nav-links a {
    color: #615045 !important;
    font-weight: 500 !important;
    transition: color 0.25s ease, background 0.25s ease;
    border-radius: 12px !important;
    padding: 8px 14px !important;
}
body[data-theme="original"] .giso-nav-links a:hover,
body:not([data-theme]) .giso-nav-links a:hover {
    color: #a94a59 !important;
    background: rgba(254, 240, 243, 0.6) !important;
}

/* --- تیترها و سلسله‌مراتب متنی (Typography & Headings) --- */
body[data-theme="original"] h1,
body[data-theme="original"] h2,
body[data-theme="original"] h3,
body[data-theme="original"] h4,
body:not([data-theme]) h1,
body:not([data-theme]) h2,
body:not([data-theme]) h3,
body:not([data-theme]) h4 {
    color: #4a3b32 !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px !important;
}

/* --- دکمه‌های لوکس و زنانه (Premium Buttons) --- */
body[data-theme="original"] .giso-btn-gold,
body:not([data-theme]) .giso-btn-gold {
    background: linear-gradient(135deg, #df8f99 0%, #c46876 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(223, 143, 153, 0.6) !important;
    border-radius: 30px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 24px rgba(196, 104, 118, 0.28) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
}
body[data-theme="original"] .giso-btn-gold:hover,
body:not([data-theme]) .giso-btn-gold:hover {
    background: linear-gradient(135deg, #c46876 0%, #a94a59 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(196, 104, 118, 0.38) !important;
    color: #ffffff !important;
}
body[data-theme="original"] .giso-btn-outline,
body:not([data-theme]) .giso-btn-outline {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid #df8f99 !important;
    color: #a94a59 !important;
    border-radius: 30px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(223, 143, 153, 0.1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
}
body[data-theme="original"] .giso-btn-outline:hover,
body:not([data-theme]) .giso-btn-outline:hover {
    background: #fff5f7 !important;
    color: #8c3644 !important;
    border-color: #c46876 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(223, 143, 153, 0.2) !important;
}

/* --- کارت‌ها و پنل‌های شیشه‌ای لطیف (Cards & Glassmorphism) --- */
body[data-theme="original"] .giso-card,
body[data-theme="original"] .giso-glass,
body[data-theme="original"] .giso-feat-card,
body[data-theme="original"] .giso-dash-content,
body[data-theme="original"] .giso-admin-content,
body:not([data-theme]) .giso-card,
body:not([data-theme]) .giso-glass,
body:not([data-theme]) .giso-feat-card,
body:not([data-theme]) .giso-dash-content,
body:not([data-theme]) .giso-admin-content {
    background: rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(223, 143, 153, 0.26) !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 36px rgba(180, 120, 130, 0.08) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* --- فرم‌ها و فیلدهای ورودی (Forms & Inputs) --- */
body[data-theme="original"] input,
body[data-theme="original"] select,
body[data-theme="original"] textarea,
body:not([data-theme]) input,
body:not([data-theme]) select,
body:not([data-theme]) textarea {
    background: #fffdfb !important;
    border: 1px solid #ebd3d7 !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    color: #4a3b32 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 0.95rem !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
body[data-theme="original"] input:focus,
body[data-theme="original"] select:focus,
body[data-theme="original"] textarea:focus,
body:not([data-theme]) input:focus,
body:not([data-theme]) select:focus,
body:not([data-theme]) textarea:focus {
    border-color: #df8f99 !important;
    box-shadow: 0 0 0 4px rgba(223, 143, 153, 0.18) !important;
    outline: none !important;
}

/* --- جدول‌ها در پنل کاربری و ادمین (Tables) --- */
body[data-theme="original"] .giso-table th,
body[data-theme="original"] .giso-admin-table th,
body:not([data-theme]) .giso-table th,
body:not([data-theme]) .giso-admin-table th {
    background: #fef9f7 !important;
    color: #8c3644 !important;
    border-bottom: 1px solid #eec8ce !important;
    font-weight: 700 !important;
    padding: 14px 16px !important;
}
body[data-theme="original"] .giso-table td,
body[data-theme="original"] .giso-admin-table td,
body:not([data-theme]) .giso-table td,
body:not([data-theme]) .giso-admin-table td {
    border-bottom: 1px solid #faecef !important;
    color: #615045 !important;
    padding: 14px 16px !important;
}
body[data-theme="original"] .giso-table tr:hover,
body[data-theme="original"] .giso-admin-table tr:hover,
body:not([data-theme]) .giso-table tr:hover,
body:not([data-theme]) .giso-admin-table tr:hover {
    background: #fffcfb !important;
}

/* --- استایل تصویر آرت‌ورک هیرو (Hero Artwork Image) --- */
.giso-hero-artwork-img {
    width: 380px;
    height: 380px;
    max-width: 100%;
    border-radius: 36px;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 15px 32px rgba(180, 120, 130, 0.16));
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.giso-hero-artwork-img:hover {
    transform: scale(1.03) translateY(-4px);
}
.giso-hero-visual-luxury {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* ==================== استایل‌های عمومی هیرو و سکشن خدمات (Hero & Services Layout) ==================== */
.giso-hero-section {
    padding: 60px 0 50px 0;
    position: relative;
    overflow: hidden;
}
.giso-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    position: relative;
    z-index: 2;
}
.giso-hero-visual-col {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.giso-hero-text-col {
    flex: 1.25;
    text-align: right;
}
.giso-hero-brand-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(223, 143, 153, 0.14);
    color: #a94a59;
    border: 1px solid rgba(223, 143, 153, 0.35);
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 18px;
    box-shadow: 0 4px 15px rgba(223, 143, 153, 0.1);
}
.giso-hero-title {
    font-size: 2.35rem !important;
    line-height: 1.35 !important;
    margin: 0 0 16px 0 !important;
    font-weight: 700 !important;
}
.giso-hero-subtitle {
    font-size: 1.15rem !important;
    color: #a94a59 !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    margin: 0 0 14px 0 !important;
}
.giso-hero-desc {
    font-size: 1rem !important;
    line-height: 1.85 !important;
    margin: 0 0 24px 0 !important;
    max-width: 95%;
}
.giso-hero-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.giso-hero-bullets li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.98rem;
    font-weight: 500;
}
.giso-hero-bullets li i {
    color: #df8f99;
    font-size: 1.15rem;
}
.giso-hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.giso-services-section {
    padding: 50px 0 70px 0;
}
.giso-section-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 45px auto;
}
.giso-section-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(212, 175, 55, 0.12);
    color: #a1811e;
    border: 1px solid rgba(212, 175, 55, 0.3);
    padding: 5px 14px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 14px;
}
.giso-section-title {
    font-size: 2rem !important;
    margin: 0 0 12px 0 !important;
    font-weight: 700 !important;
}
.giso-section-subtitle {
    font-size: 1.12rem !important;
    color: #a94a59 !important;
    font-weight: 600 !important;
    margin: 0 0 12px 0 !important;
}
.giso-section-intro {
    font-size: 0.98rem !important;
    margin: 0 !important;
    line-height: 1.8 !important;
}
.giso-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
    margin-bottom: 30px;
}
.giso-service-card {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(223, 143, 153, 0.25);
    border-radius: 24px;
    padding: 28px 24px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 8px 25px rgba(180, 120, 130, 0.05);
}
.giso-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(180, 120, 130, 0.12);
    border-color: rgba(223, 143, 153, 0.55);
}
.giso-service-card.active {
    background: #ffffff;
    border: 2px solid #df8f99;
    box-shadow: 0 16px 40px rgba(223, 143, 153, 0.22);
    transform: translateY(-6px);
}
.giso-card-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.gico-pink { background: #fce7f3; color: #db2777; }
.gico-cream { background: #fef3c7; color: #b45309; }
.gico-gold { background: #fef9c3; color: #a16207; }

.giso-service-card h3 {
    font-size: 1.2rem;
    margin: 0 0 10px 0;
    font-weight: 700;
}
.giso-service-card p {
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0 0 22px 0;
    flex: 1;
}
.giso-card-cta-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #a94a59;
    font-weight: 600;
    font-size: 0.95rem;
    transition: gap 0.2s ease;
}
.giso-service-card:hover .giso-card-cta-link,
.giso-service-card.active .giso-card-cta-link {
    gap: 12px;
    color: #8c3644;
}

.giso-service-detail-panel {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(223, 143, 153, 0.35);
    border-radius: 26px;
    padding: 35px 40px;
    box-shadow: 0 16px 45px rgba(180, 120, 130, 0.1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.giso-detail-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    flex-wrap: wrap;
}
.giso-detail-text {
    flex: 2;
    min-width: 280px;
}
.giso-detail-action {
    flex: 1;
    min-width: 220px;
    display: flex;
    justify-content: flex-end;
}
.giso-detail-title {
    font-size: 1.45rem !important;
    margin: 0 0 14px 0 !important;
    font-weight: 700 !important;
}
.giso-detail-desc {
    font-size: 1rem !important;
    line-height: 1.85 !important;
    margin: 0 0 20px 0 !important;
}
.giso-detail-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.giso-detail-bullets li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 0.95rem;
    background: #fffcfb;
    border: 1px solid #ebd3d7;
    padding: 6px 14px;
    border-radius: 20px;
}
.giso-detail-bullets li i {
    color: #df8f99;
}
.giso-detail-btn {
    white-space: nowrap;
}

/* ==================== 6) سازگاری موبایل (Mobile Responsiveness - تا 768px) ==================== */
@media (max-width: 768px) {
    .giso-hero-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 35px;
    }
    .giso-hero-text-col {
        text-align: center;
        order: 2;
    }
    .giso-hero-visual-col {
        order: 1;
        width: 100%;
    }
    .giso-hero-title {
        font-size: 1.75rem !important;
    }
    .giso-hero-bullets {
        align-items: center;
    }
    .giso-hero-btns {
        justify-content: center;
    }
    .giso-hero-artwork-img {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }
    .giso-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .giso-detail-grid {
        flex-direction: column;
        text-align: center;
        gap: 25px;
    }
    .giso-detail-action {
        justify-content: center;
        width: 100%;
    }
    .giso-detail-bullets {
        justify-content: center;
    }
    .giso-service-detail-panel {
        padding: 25px 20px;
    }
    .giso-btn-lg {
        width: 100%;
    }
}

/* ==========================================================================
   7) استایل اختصاصی لندینگ پیج خرید مو (Hair Purchase Landing Page - Scenario 2)
   ========================================================================== */
.giso-hair-landing-page {
    display: flex;
    flex-direction: column;
    gap: 45px;
    padding-bottom: 70px;
}
.giso-hair-section {
    padding: 30px 0;
}
.giso-hair-hero-section {
    padding: 60px 0 50px 0;
    text-align: center;
    position: relative;
}
.giso-hair-hero-content {
    max-width: 820px;
    margin: 0 auto;
}
.giso-hair-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(223, 143, 153, 0.16);
    color: #a94a59;
    border: 1px solid rgba(223, 143, 153, 0.4);
    padding: 7px 18px;
    border-radius: 30px;
    font-size: 0.92rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.giso-hair-hero-title {
    font-size: 2.4rem !important;
    line-height: 1.35 !important;
    margin: 0 0 16px 0 !important;
    font-weight: 700 !important;
}
.giso-hair-hero-subtitle {
    font-size: 1.15rem !important;
    line-height: 1.8 !important;
    color: #615045 !important;
    margin: 0 auto 20px auto !important;
    max-width: 720px;
}
.giso-hair-hero-trust-quote {
    font-size: 1.05rem;
    color: #a94a59;
    font-weight: 600;
    margin-bottom: 26px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fffcf9;
    padding: 8px 20px;
    border-radius: 30px;
    border: 1px dashed #ebd3d7;
}
.giso-hair-hero-cta {
    margin-top: 5px;
}

/* --- بخش 2: اعتمادسازی (Trust Badges Grid) --- */
.giso-hair-trust-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.giso-hair-trust-card {
    text-align: center;
    padding: 22px 14px;
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.giso-hair-trust-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(180, 120, 130, 0.1);
}
.giso-trust-icon {
    font-size: 2.2rem;
    margin-bottom: 12px;
}
.giso-hair-trust-card h4 {
    font-size: 1.05rem !important;
    margin: 0 0 8px 0 !important;
    color: #4a3b32 !important;
}
.giso-hair-trust-card p {
    font-size: 0.88rem !important;
    margin: 0 !important;
    color: #615045 !important;
    line-height: 1.6 !important;
}

/* --- بخش 3: شرایط خرید مو (Terms Card) --- */
.giso-hair-terms-card {
    padding: 35px;
    border-radius: 26px;
}
.giso-terms-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: #4a3b32;
}
.giso-terms-header i {
    font-size: 1.6rem;
    color: #df8f99;
}
.giso-terms-header h2 {
    font-size: 1.55rem !important;
    margin: 0 !important;
}
.giso-terms-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}
.giso-terms-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    color: #4a3b32;
    background: #fffcfb;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid #ebd3d7;
}
.giso-terms-smart-quote {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fef9f7;
    border-right: 4px solid #df8f99;
    padding: 14px 20px;
    border-radius: 12px;
    color: #8c3644;
    font-weight: 500;
    font-size: 0.95rem;
}

/* --- بخش 4: فرم ارزیابی (Evaluation Card) --- */
.giso-hair-eval-card,
.giso-hair-reg-card,
.giso-hair-result-card,
.giso-hair-cta-card {
    padding: 38px 40px;
    border-radius: 28px;
}
.giso-eval-header,
.giso-reg-header {
    text-align: center;
    margin-bottom: 30px;
}
.giso-eval-tag,
.giso-reg-tag {
    display: inline-block;
    background: #fff5f7;
    color: #db2777;
    border: 1px solid #fbcfe8;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 12px;
}
.giso-eval-header h2,
.giso-reg-header h2 {
    font-size: 1.7rem !important;
    margin: 0 0 10px 0 !important;
    color: #4a3b32 !important;
}
.giso-eval-header p,
.giso-reg-header p {
    color: #615045 !important;
    font-size: 1rem !important;
    margin: 0 !important;
}

.giso-form-group {
    margin-bottom: 24px;
}
.giso-label {
    display: block;
    font-size: 1.02rem;
    font-weight: 700;
    color: #4a3b32;
    margin-bottom: 12px;
}
.giso-hint {
    display: block;
    font-size: 0.85rem;
    color: #8b5a2b;
    margin-top: 6px;
}
.giso-radio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.giso-radio-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fffcfb;
    border: 1px solid #ebd3d7;
    padding: 16px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
}
.giso-radio-card:hover {
    border-color: #df8f99;
    box-shadow: 0 4px 15px rgba(223, 143, 153, 0.12);
}
.giso-radio-card input[type="radio"]:checked + .giso-radio-content {
    color: #a94a59;
}
.giso-radio-content strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 4px;
}
.giso-radio-content small {
    display: block;
    font-size: 0.82rem;
    color: #615045;
}

.giso-radio-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.giso-radio-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.giso-radio-card-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fffcfb;
    border: 1px solid #ebd3d7;
    padding: 12px 14px;
    border-radius: 14px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    transition: all 0.2s ease;
}
.giso-radio-card-sm:hover {
    border-color: #df8f99;
}
.giso-select,
.giso-input {
    width: 100%;
    box-sizing: border-box;
}

/* --- باکس آپلود و پیش‌نمایش تصویر (Image Upload & Preview) --- */
.giso-file-upload-box {
    border: 2px dashed #ebd3d7;
    background: #fffdfb;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
}
.giso-file-upload-box:hover {
    border-color: #df8f99;
    background: #fff9fa;
}
.giso-upload-icon {
    font-size: 2.2rem;
    color: #df8f99;
    margin-bottom: 10px;
}
.giso-upload-text {
    font-weight: 700;
    color: #4a3b32;
    margin-bottom: 4px;
}
.giso-upload-hint {
    color: #8b5a2b;
    font-size: 0.88rem;
}
.giso-image-preview-wrap {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fffcf9;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid #e6c8ce;
}
.giso-image-preview {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid #df8f99;
}
.giso-preview-label {
    font-weight: 600;
    color: #166534;
}

/* --- بخش 5: نمایش نتیجه قیمت (Price Result Section) --- */
.giso-hair-result-card {
    text-align: center;
}
.giso-result-badge-wrap {
    margin-bottom: 16px;
}
.giso-result-badge {
    display: inline-block;
    padding: 8px 22px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1rem;
}
.badge-valuable { background: #dcfce7; color: #166534; border: 1px solid #86efac; }
.badge-special { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.badge-warning { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }
.badge-normal { background: #e0f2fe; color: #0369a1; border: 1px solid #7dd3fc; }

.giso-result-title {
    font-size: 1.25rem !important;
    color: #4a3b32 !important;
    margin: 0 0 12px 0 !important;
}
.giso-result-price-box {
    background: #fdfaf4;
    border: 2px solid #D4AF37;
    border-radius: 22px;
    padding: 22px 30px;
    margin: 0 auto 24px auto;
    max-width: 480px;
}
.giso-price-main {
    font-size: 2rem;
    font-weight: 700;
    color: #9a7b2c;
}
.giso-result-details-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 24px;
    font-size: 0.95rem;
    color: #4a3b32;
}
.giso-result-explanation {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fef9f7;
    padding: 16px 20px;
    border-radius: 16px;
    border: 1px solid #ebd3d7;
    text-align: right;
    margin-bottom: 20px;
    color: #615045;
}
.giso-result-explanation i {
    font-size: 1.5rem;
    color: #df8f99;
}
.giso-result-smart-quote {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fffefb;
    border: 1px solid #fde68a;
    padding: 14px 20px;
    border-radius: 16px;
    color: #92400e;
    font-weight: 600;
    margin-bottom: 26px;
    text-align: right;
}
.giso-result-smart-quote i {
    color: #D4AF37;
    font-size: 1.3rem;
}

/* --- بخش 6: CTA اصلی بعد از ارزیابی --- */
.giso-hair-cta-card {
    text-align: center;
    background: linear-gradient(135deg, #fffcfb 0%, #fef5f0 100%) !important;
    border: 2px solid #df8f99 !important;
}
.giso-cta-badge {
    display: inline-block;
    background: #fff5f7;
    color: #be185d;
    padding: 6px 18px;
    border-radius: 30px;
    font-weight: 600;
    margin-bottom: 16px;
}
.giso-cta-title {
    font-size: 1.85rem !important;
    margin: 0 0 14px 0 !important;
    color: #4a3b32 !important;
}
.giso-cta-text {
    color: #615045 !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    max-width: 680px;
    margin: 0 auto 26px auto !important;
}
.giso-cta-trust-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    max-width: 640px;
    margin: 0 auto 30px auto;
}
.giso-cta-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid #ebd3d7;
    font-weight: 500;
    color: #4a3b32;
    text-align: right;
}
.giso-cta-trust-item i {
    color: #166534;
}

/* --- بخش 8: پیام موفقیت (Success Card) --- */
.giso-success-card {
    text-align: center;
    padding: 45px 30px;
    border-radius: 30px;
}
.giso-success-icon-box {
    font-size: 4rem;
    color: #166534;
    margin-bottom: 16px;
}
.giso-success-title {
    font-size: 2.1rem !important;
    color: #4a3b32 !important;
    margin: 0 0 16px 0 !important;
}
.giso-success-text {
    font-size: 1.08rem !important;
    color: #615045 !important;
    max-width: 660px;
    margin: 0 auto 28px auto !important;
    line-height: 1.85 !important;
}
.giso-success-trust-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 26px;
}
.giso-trust-check {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fffcfb;
    border: 1px solid #ebd3d7;
    padding: 10px 18px;
    border-radius: 20px;
    font-weight: 600;
    color: #4a3b32;
}
.giso-trust-check i {
    color: #df8f99;
}
.giso-success-quote {
    font-size: 1.25rem;
    font-weight: 700;
    color: #9a7b2c;
    margin: 0 0 32px 0;
}
.giso-success-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

/* --- بخش 9: گزینه جایگزین (Alternative Option Card) --- */
.giso-hair-alt-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 30px 35px;
    border-radius: 26px;
    flex-wrap: wrap;
}
.giso-alt-icon {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    background: #fff5f7;
    color: #be185d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}
.giso-alt-content {
    flex: 1;
    min-width: 250px;
}
.giso-alt-content h3 {
    font-size: 1.3rem !important;
    margin: 0 0 8px 0 !important;
    color: #4a3b32 !important;
}
.giso-alt-content p {
    margin: 0 !important;
    color: #615045 !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
}

/* --- سازگاری موبایل لندینگ پیج خرید مو (Mobile - 768px) --- */
@media (max-width: 768px) {
    .giso-hair-hero-title {
        font-size: 1.75rem !important;
    }
    .giso-hair-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .giso-hair-trust-grid .giso-hair-trust-card:last-child {
        grid-column: span 2;
    }
    .giso-radio-grid,
    .giso-radio-grid-4,
    .giso-radio-grid-3,
    .giso-cta-trust-grid {
        grid-template-columns: 1fr;
    }
    .giso-hair-eval-card,
    .giso-hair-reg-card,
    .giso-hair-result-card,
    .giso-hair-cta-card,
    .giso-hair-terms-card {
        padding: 25px 20px;
    }
    .giso-hair-alt-card {
        flex-direction: column;
        text-align: center;
    }
    .giso-alt-btn {
        width: 100%;
    }
    .giso-alt-btn .giso-btn {
        width: 100%;
    }
}

/* ==================== Step-by-Step Reveal & Entrance Animations (giso hair_sale) ==================== */
.giso-step-hidden {
    display: none !important;
    opacity: 0;
    transform: translateY(24px);
}
.giso-step-visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.giso-step-completed {
    opacity: 0.78;
    transition: opacity 0.35s ease-out;
}
.giso-step-completed:hover,
.giso-step-completed:focus-within {
    opacity: 1;
}
.giso-btn-disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

/* بخش برجسته آپلود عکس در مرحله ۱ */
.giso-hair-photo-step-card {
    padding: 2.2rem;
    border: 2px dashed rgba(212, 175, 55, 0.45);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}
.giso-hair-photo-step-card:hover {
    border-color: rgba(212, 175, 55, 0.85);
    box-shadow: 0 14px 35px rgba(212, 175, 55, 0.12);
    transform: translateY(-2px);
}
.giso-photo-btn-lg {
    padding: 2.5rem 1.5rem !important;
    cursor: pointer !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(223, 143, 153, 0.08) 100%) !important;
    border: 2px solid rgba(212, 175, 55, 0.35) !important;
    transition: all 0.3s ease !important;
}
.giso-photo-btn-lg:hover {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.16) 0%, rgba(223, 143, 153, 0.16) 100%) !important;
    border-color: #D4AF37 !important;
    transform: scale(1.01);
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.18) !important;
}
.giso-photo-btn-lg .giso-upload-icon {
    font-size: 2.8rem !important;
    color: #D4AF37 !important;
    margin-bottom: 0.8rem;
}
.giso-photo-btn-lg .giso-upload-text {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #4a3b32 !important;
    margin-bottom: 0.4rem;
}

/* دکمه بازگشت به مرحله قبل (سبک، ثانویه، تمیز و بدون کادر اضافه) */
.giso-step-back-wrap {
    margin: 0 0 0.8rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.giso-btn-back {
    /* هم‌ساختار با دکمه‌های outline سایت — نه دکمه‌ی بی‌قاب قبلی */
    background: rgba(255, 252, 246, 0.9) !important;
    border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
    box-shadow: 0 2px 8px rgba(139, 90, 43, 0.08) !important;
    color: #8c7355 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    padding: 0.45rem 1rem !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    text-decoration: none !important;
}
.giso-btn-back:hover {
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.10) !important;
    transform: translateX(3px);
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.18) !important;
}

/* پیش‌نمایش عکس در مرحله ۲ - وسط‌چین، متناسب و واضح */
.giso-preview-step2 {
    margin: 0 auto 2.2rem auto;
    max-width: 460px;
    padding: 1.6rem;
    border-radius: 20px;
    background: rgba(212, 175, 55, 0.06);
    border: 1px solid rgba(212, 175, 55, 0.35);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.2rem;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}
.giso-preview-step2:hover {
    border-color: #D4AF37;
    box-shadow: 0 14px 35px rgba(212, 175, 55, 0.15);
    transform: translateY(-2px);
}
.giso-preview-step2 img.giso-image-preview {
    width: 100%;
    max-width: 360px;
    height: auto;
    max-height: 360px;
    object-fit: contain;
    border-radius: 16px;
    border: 2px solid #D4AF37;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 4px;
}
.giso-preview-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}
.giso-preview-label {
    font-size: 1.05rem;
    font-weight: 700;
    color: #4a3b32;
}
.giso-preview-change-hint {
    font-size: 0.88rem;
    color: #64748b;
}

/* بنرهای خطا و اعتبارسنجی بین مراحل */
.giso-step-error-banner {
    margin-top: 1.2rem;
    padding: 0.9rem 1.2rem;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 12px;
    color: #dc2626;
    font-size: 0.95rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    animation: gisoShake 0.4s ease-in-out;
}
@keyframes gisoShake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-6px); }
    40%, 80% { transform: translateX(6px); }
}

@media (max-width: 768px) {
    .giso-hair-photo-step-card {
        padding: 1.5rem 1.2rem;
    }
    .giso-photo-btn-lg {
        padding: 1.8rem 1rem !important;
    }
    .giso-preview-step2 {
        max-width: 100%;
        padding: 1.2rem 1rem;
        flex-direction: column;
        text-align: center;
    }
    .giso-preview-step2 img.giso-image-preview {
        max-width: 310px;
        max-height: 310px;
    }
}

/* کارت موفقیت لوکس و اعتمادساز */
.giso-success-card {
    padding: 3.5rem 2.5rem;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 252, 245, 0.95) 100%);
    border: 2px solid rgba(212, 175, 55, 0.45);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), 0 0 40px rgba(212, 175, 55, 0.12);
    text-align: center;
    max-width: 620px;
    margin: 3rem auto;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.giso-success-icon-box {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4AF37 0%, #df8f99 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.8rem auto;
    font-size: 2.8rem;
    color: #fff;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.35);
}
.giso-success-title {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #4a3b32 !important;
    margin-bottom: 1.2rem !important;
}
.giso-success-text {
    font-size: 1.12rem !important;
    line-height: 2 !important;
    color: #615045 !important;
    margin-bottom: 2.2rem !important;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}
.giso-success-trust-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
    margin: 1.8rem 0 2.2rem 0;
    padding: 1.2rem;
    background: rgba(212, 175, 55, 0.08);
    border-radius: 16px;
    border: 1px solid rgba(212, 175, 55, 0.25);
}
.giso-trust-check {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #4a3b32;
}
.giso-success-quote {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #D4AF37 !important;
    margin-bottom: 2.2rem !important;
}
.giso-success-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}


/* ═══ فاز P2: آمار واقعی + اسلایدر نظرات صفحه اصلی ═══ */
.giso-stats-section { padding: 1.5rem 0 0.5rem; }
.giso-stats-band {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;
    background: linear-gradient(135deg, #fff7ea 0%, #fdeee0 100%);
    border: 1px solid rgba(198, 156, 94, 0.25);
    border-radius: 20px; padding: 1.4rem 1rem;
    box-shadow: 0 6px 24px rgba(180, 130, 60, 0.08);
}
.giso-stat-item { text-align: center; position: relative; padding: 0.2rem 0; }
.giso-stat-icon { display: block; font-size: 1.5rem; margin-bottom: 0.15rem; filter: drop-shadow(0 3px 6px rgba(180,130,60,0.25)); }
.giso-stat-num {
    display: block; font-size: 2.1rem; font-weight: 800; color: #8a5a1e;
    font-family: 'Vazirmatn', sans-serif; letter-spacing: -0.5px;
    background: linear-gradient(120deg, #8a5a1e 0%, #c69c5e 55%, #8a5a1e 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.giso-stat-of { font-size: 0.85rem; font-weight: 500; color: #b08a4e; }
.giso-stat-lbl { display: block; margin-top: 0.35rem; font-size: 0.86rem; color: #6b543a; }
.giso-stat-note { text-align: center; font-size: 0.88rem; color: #7a6244; margin-top: 0.9rem; }
@media (max-width: 640px) {
    .giso-stats-band { grid-template-columns: repeat(2, 1fr); }
    .giso-stat-num { font-size: 1.35rem; }
}

.giso-reviews-section { padding: 2rem 0 2.5rem; }
.giso-reviews-slider-wrap { position: relative; display: flex; align-items: center; gap: 0.4rem; }
.giso-reviews-slider {
    display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory;
    padding: 0.5rem 0.2rem; scrollbar-width: none; -ms-overflow-style: none;
    flex: 1;
}
.giso-reviews-slider::-webkit-scrollbar { display: none; }
.giso-rev-card {    scroll-snap-align: start; flex: 0 0 270px; background: #fff;
    border: 1px solid rgba(198, 156, 94, 0.2); border-radius: 16px;
    padding: 1rem 1.1rem; box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    display: flex; flex-direction: column; gap: 0.55rem;
}
.giso-rev-stars { color: #d9c8a8; font-size: 0.85rem; letter-spacing: 1px; }
.giso-rev-stars .on, .giso-rev-stars .fa-star.on { color: #e6a817; }
.giso-rev-text {
    font-size: 0.88rem; line-height: 1.75; color: #4a3d2c; margin: 0;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
    min-height: 6.1em;
}
.giso-rev-meta { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.giso-rev-name { font-size: 0.8rem; color: #7a684d; direction: ltr; }
.giso-rev-badge {
    font-size: 0.72rem; background: #fdf3e2; color: #8a5a1e;
    border-radius: 99px; padding: 0.15rem 0.6rem; border: 1px solid rgba(230,168,23,0.25);
}
.giso-rev-product {
    display: flex; justify-content: space-between; align-items: center; gap: 0.4rem;
    font-size: 0.76rem; color: #6b543a; border-top: 1px dashed rgba(198,156,94,0.35);
    padding-top: 0.5rem;
}
.giso-rev-price { font-weight: 700; color: #8a5a1e; direction: ltr; }
.giso-rev-nav {
    flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid rgba(198, 156, 94, 0.35); background: #fff; color: #8a5a1e;
    font-size: 1.2rem; cursor: pointer; transition: all 0.2s ease;
}
.giso-rev-nav:hover { background: #8a5a1e; color: #fff; }
@media (max-width: 640px) {
    .giso-rev-card { flex-basis: 230px; }
    .giso-rev-nav { display: none; }
}

/* ==========================================================================
   Hair Sale Phase 1 — مرکز ارزیابی و خرید هوشمند مو
   Scope: /hair-sale only (giso-hair-phase1)
   ========================================================================== */
.giso-hair-phase1 {
    --hair-ink: #382d28;
    --hair-muted: #705f55;
    --hair-rose: #c96778;
    --hair-rose-soft: #fff3f5;
    --hair-gold: #c89f2d;
    --hair-gold-soft: #fff9e9;
    --hair-green: #237858;
    --hair-border: rgba(143, 105, 79, 0.18);
    --hair-shadow: 0 18px 48px rgba(78, 51, 37, 0.08);
    display: block;
    padding-bottom: 80px;
}

.giso-hair-phase1 .giso-container {
    display: block;
}

.giso-hair-phase1 section {
    scroll-margin-top: 155px;
}

.giso-hair-topline {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
}

.giso-hair-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--hair-muted);
    font-size: 0.82rem;
}

.giso-hair-breadcrumb a {
    color: var(--hair-rose);
    text-decoration: none;
}

.giso-hair-breadcrumb i {
    font-size: 0.68rem;
    opacity: 0.65;
}

/* Stepper ثابت زیر ناوبری اصلی */
.giso-hair-stepper-shell {
    position: sticky;
    top: 72px;
    z-index: 90;
    padding: 10px 0;
    margin-top: 10px;
    background: rgba(255, 252, 247, 0.9);
    border-block: 1px solid rgba(200, 159, 45, 0.18);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 8px 24px rgba(78, 51, 37, 0.05);
}

.giso-hair-stepper-shell .giso-container {
    padding-top: 0;
    padding-bottom: 0;
}

.giso-hair-stepper {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0;
    margin: 0;
}

.giso-stepper-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #96877e;
    font-size: 0.84rem;
    font-weight: 650;
    white-space: nowrap;
    transition: color 0.25s ease, transform 0.25s ease;
}

.giso-stepper-number {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(143, 105, 79, 0.24);
    background: #fff;
    font-size: 0.78rem;
    transition: all 0.25s ease;
}

.giso-stepper-item.is-active {
    color: var(--hair-ink);
    transform: translateY(-1px);
}

.giso-stepper-item.is-active .giso-stepper-number {
    color: #fff;
    border-color: var(--hair-rose);
    background: linear-gradient(135deg, var(--hair-rose), #a94a59);
    box-shadow: 0 5px 13px rgba(201, 103, 120, 0.28);
}

.giso-stepper-item.is-complete {
    color: var(--hair-green);
}

.giso-stepper-item.is-complete .giso-stepper-number {
    color: #fff;
    border-color: var(--hair-green);
    background: var(--hair-green);
}

.giso-stepper-arrow {
    color: rgba(143, 105, 79, 0.35);
    font-size: 0.92rem;
}

/* Hero */
.giso-hair-phase1 .giso-hair-hero-section {
    overflow: hidden;
    padding: 68px 0 54px;
    background:
        radial-gradient(circle at 12% 16%, rgba(212, 175, 55, 0.12), transparent 25%),
        radial-gradient(circle at 88% 20%, rgba(223, 143, 153, 0.13), transparent 29%);
}

.giso-hair-phase1 .giso-hair-hero-content {
    max-width: 900px;
}

.giso-hair-center-name {
    margin: 0 auto 10px;
    color: var(--hair-gold);
    font-size: 0.98rem;
    font-weight: 750;
    letter-spacing: -0.01em;
}

.giso-hair-phase1 .giso-hair-badge-pill {
    margin-bottom: 18px;
    border-style: solid;
    background: rgba(255, 243, 245, 0.78);
}

.giso-hair-phase1 .giso-hair-hero-title {
    color: var(--hair-ink) !important;
    font-size: clamp(2.25rem, 5vw, 3.45rem) !important;
    font-weight: 850 !important;
    letter-spacing: -0.045em;
    margin-bottom: 14px !important;
}

.giso-hair-phase1 .giso-hair-hero-subtitle {
    max-width: 670px;
    color: var(--hair-muted) !important;
    font-size: 1.12rem !important;
    margin-bottom: 27px !important;
}

.giso-hero-feature-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 auto 28px;
}

.giso-hero-feature-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid var(--hair-border);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--hair-ink);
    font-size: 0.82rem;
    font-weight: 650;
    box-shadow: 0 7px 20px rgba(78, 51, 37, 0.045);
}

.giso-hero-feature-chip i {
    color: var(--hair-rose);
}

.giso-hair-phase1 .giso-hair-hero-cta .giso-btn {
    min-width: 245px;
    justify-content: center;
    gap: 10px;
}

.giso-hero-microcopy {
    margin: 13px 0 0;
    color: #8b7d74;
    font-size: 0.78rem;
}

.giso-hero-microcopy i {
    margin-left: 5px;
    color: var(--hair-gold);
}

/* Trust cards */
.giso-hair-phase1 .giso-hair-trust-section {
    padding: 8px 0 42px;
}

.giso-hair-phase1 .giso-hair-trust-grid {
    gap: 13px;
}

.giso-hair-phase1 .giso-hair-trust-card {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 24px 15px;
    border: 1px solid var(--hair-border);
    box-shadow: 0 12px 34px rgba(78, 51, 37, 0.055);
}

.giso-hair-phase1 .giso-trust-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-bottom: 14px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--hair-rose-soft), var(--hair-gold-soft));
    color: var(--hair-rose);
    font-size: 1.22rem;
}

.giso-hair-phase1 .giso-hair-trust-card h4 {
    min-height: 2.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.98rem !important;
}

.giso-hair-phase1 .giso-hair-trust-card p {
    color: var(--hair-muted) !important;
    font-size: 0.82rem !important;
}

/* معرفی نقش گیسو و حریم خصوصی */
.giso-hair-intro-section {
    padding: 22px 0 58px;
}

.giso-how-card {
    width: 100%;
    padding: 36px;
    border: 1px solid rgba(200, 159, 45, 0.25);
    border-radius: 28px;
    box-shadow: var(--hair-shadow);
}

.giso-section-heading {
    color: var(--hair-ink);
}

.giso-section-heading--center {
    text-align: center;
}

.giso-section-heading h2 {
    margin: 4px 0 7px !important;
    color: var(--hair-ink) !important;
    font-size: 1.62rem !important;
    line-height: 1.5 !important;
}

.giso-section-heading p,
.giso-terms-header p {
    margin: 4px 0 0;
    color: var(--hair-muted);
    font-size: 0.92rem;
    line-height: 1.8;
}

.giso-section-kicker {
    display: inline-block;
    color: var(--hair-rose);
    font-size: 0.78rem;
    font-weight: 750;
}

.giso-how-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    margin-top: 25px;
}

.giso-how-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--hair-border);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.62);
}

.giso-how-item > span {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, var(--hair-gold), #a87e13);
    font-size: 0.82rem;
    font-weight: 800;
}

.giso-how-item p {
    margin: 0;
    color: var(--hair-ink);
    font-size: 0.87rem;
    font-weight: 620;
    line-height: 1.7;
}

.giso-privacy-panel {
    display: flex;
    gap: 17px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 22px;
    border: 1px solid rgba(35, 120, 88, 0.2);
    border-radius: 18px;
    background: rgba(237, 250, 245, 0.72);
}

.giso-privacy-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #fff;
    background: var(--hair-green);
    font-size: 1.2rem;
}

.giso-privacy-panel h3 {
    margin: 0 0 8px !important;
    color: #185b43 !important;
    font-size: 1rem !important;
}

.giso-privacy-panel ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 20px;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #376a58;
    font-size: 0.84rem;
}

.giso-privacy-panel li::before {
    content: "✓";
    margin-left: 6px;
    color: var(--hair-green);
    font-weight: 800;
}

/* عنوان و ناوبری مینیمال هر مرحله */
.giso-hair-phase1 .giso-hair-terms-section,
.giso-hair-phase1 .giso-hair-eval-section,
.giso-hair-phase1 .giso-hair-result-section,
.giso-hair-phase1 .giso-hair-reg-section,
.giso-hair-phase1 .giso-hair-login-section {
    padding: 54px 0 28px;
}

.giso-stage-heading-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.giso-step-nav-link {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--hair-muted);
    font-size: 0.82rem;
    font-weight: 650;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease, gap 0.2s ease;
}

.giso-step-nav-link:hover,
.giso-step-nav-link:focus-visible {
    gap: 10px;
    color: var(--hair-rose);
    border-bottom-color: currentColor;
    outline: none;
}

.giso-step-nav-link--next {
    color: var(--hair-rose);
}

.giso-stage-bottom-nav {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
}

/* معیارها */
.giso-hair-phase1 .giso-hair-terms-card {
    width: 100%;
    padding: 32px;
    border: 1px solid var(--hair-border);
    box-shadow: var(--hair-shadow);
}

.giso-hair-phase1 .giso-terms-header {
    align-items: flex-start;
}

.giso-hair-phase1 .giso-terms-header > i {
    margin-top: 5px;
}

.giso-hair-phase1 .giso-terms-header h2 {
    margin: 0 !important;
    color: var(--hair-ink) !important;
}

.giso-evaluation-criteria {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.giso-evaluation-criteria li {
    align-items: flex-start;
    min-height: 78px;
    background: rgba(255, 255, 255, 0.62);
}

.giso-evaluation-criteria li > i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border-radius: 11px;
    color: var(--hair-rose);
    background: var(--hair-rose-soft);
}

.giso-evaluation-criteria li div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.giso-evaluation-criteria li span {
    color: var(--hair-muted);
    font-size: 0.79rem;
    line-height: 1.55;
}

.giso-hair-phase1 .giso-terms-smart-quote {
    border-right-color: var(--hair-gold);
    background: var(--hair-gold-soft);
    color: #785c13;
}

/* راهنمای عکس */
.giso-hair-phase1 .giso-hair-photo-step-card {
    width: 100%;
    margin-top: 20px;
    padding: 32px;
    border: 1px solid rgba(200, 159, 45, 0.28);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: var(--hair-shadow);
}

.giso-hair-phase1 .giso-hair-photo-step-card:hover {
    transform: none;
}

.giso-photo-guide-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    list-style: none;
    padding: 0;
    margin: 22px 0;
}

.giso-photo-guide-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(237, 250, 245, 0.72);
    color: #376a58;
    font-size: 0.8rem;
    font-weight: 600;
}

.giso-photo-guide-list i {
    color: var(--hair-green);
}

.giso-photo-examples {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 20px 0 26px;
}

.giso-photo-example {
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--hair-border);
    border-radius: 18px;
    background: #fff;
}

.giso-photo-example.is-correct {
    border-color: rgba(35, 120, 88, 0.35);
}

.giso-photo-example.is-wrong {
    border-color: rgba(190, 66, 66, 0.3);
}

.giso-photo-example-media {
    position: relative;
    overflow: hidden;
    height: 250px;
    background: #e8ded6;
}

.giso-photo-example-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 38%;
}

.giso-photo-example.is-wrong img {
    filter: blur(2.5px) brightness(0.52) saturate(0.7);
    transform: scale(1.9) translateY(8%);
    object-position: 70% 20%;
}

.giso-photo-example-status {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--hair-green);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
}

.giso-photo-example.is-wrong .giso-photo-example-status {
    background: #bd4141;
}

.giso-photo-wrong-label {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 6px 10px;
    border-radius: 9px;
    background: rgba(90, 23, 23, 0.82);
    color: #fff;
    font-size: 0.73rem;
    font-weight: 700;
}

.giso-photo-example figcaption {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px 14px;
}

.giso-photo-example figcaption strong {
    color: var(--hair-ink);
    font-size: 0.88rem;
}

.giso-photo-example figcaption span {
    color: var(--hair-muted);
    font-size: 0.74rem;
}

.giso-photo-upload-group {
    margin: 0;
}

.giso-required-mark {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 7px;
    border-radius: 8px;
    color: #a53647;
    background: var(--hair-rose-soft);
    font-size: 0.68rem;
}

.giso-hair-phase1 .giso-photo-btn-lg {
    padding: 32px 20px !important;
    border: 1.5px dashed rgba(200, 159, 45, 0.55) !important;
    background: linear-gradient(135deg, rgba(255, 249, 233, 0.72), rgba(255, 243, 245, 0.72)) !important;
}

.giso-hair-phase1 .giso-photo-btn-lg:focus-visible {
    outline: 3px solid rgba(201, 103, 120, 0.22);
    outline-offset: 3px;
}

.giso-photo-privacy-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 13px;
    padding: 11px 13px;
    border-radius: 12px;
    color: #376a58;
    background: rgba(237, 250, 245, 0.72);
    font-size: 0.78rem;
}

.giso-photo-privacy-note i {
    color: var(--hair-green);
}

/* فرم مشخصات */
.giso-hair-phase1 .giso-preview-step2 {
    width: min(100%, 430px);
    margin-top: 0;
}

.giso-hair-phase1 .giso-hair-eval-card,
.giso-hair-phase1 .giso-hair-reg-card,
.giso-hair-phase1 .giso-hair-result-card {
    width: 100%;
    border: 1px solid var(--hair-border);
    box-shadow: var(--hair-shadow);
}

.giso-hair-phase1 .giso-radio-card,
.giso-hair-phase1 .giso-radio-card-sm {
    position: relative;
    border: 1px solid var(--hair-border);
    background: rgba(255, 255, 255, 0.75);
}

.giso-hair-phase1 .giso-radio-card:has(input:checked),
.giso-hair-phase1 .giso-radio-card-sm:has(input:checked) {
    border-color: rgba(201, 103, 120, 0.72);
    background: var(--hair-rose-soft);
    box-shadow: 0 0 0 2px rgba(201, 103, 120, 0.1);
}

.giso-hair-phase1 .giso-label small {
    color: var(--hair-muted);
    font-size: 0.72rem;
    font-weight: 450;
}

.giso-hair-phase1 .giso-eval-submit-btn-wrap {
    margin-top: 30px;
}

.giso-hair-phase1 .giso-eval-submit-btn-wrap .giso-btn {
    justify-content: center;
    gap: 9px;
}

/* نتیجه و تصمیم */
.giso-hair-phase1 .giso-hair-result-card {
    padding: 38px;
}

.giso-result-price-caption {
    display: block;
    margin-bottom: 5px;
    color: var(--hair-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.giso-hair-phase1 .giso-result-price-box {
    background: linear-gradient(135deg, #fffdf6, #fff8e8);
    box-shadow: inset 0 0 0 5px rgba(200, 159, 45, 0.06);
}

.giso-result-factors {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 0 22px;
}

.giso-result-factors > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 14px 8px;
    border: 1px solid var(--hair-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.64);
}

.giso-result-factors i {
    color: var(--hair-rose);
    font-size: 1rem;
}

.giso-result-factors span {
    color: var(--hair-muted);
    font-size: 0.7rem;
}

.giso-result-factors strong {
    overflow-wrap: anywhere;
    color: var(--hair-ink);
    font-size: 0.78rem;
    line-height: 1.55;
}

.giso-hair-phase1 .giso-result-explanation {
    border-color: rgba(35, 120, 88, 0.2);
    background: rgba(237, 250, 245, 0.72);
    color: #376a58;
}

.giso-hair-phase1 .giso-result-explanation i {
    color: var(--hair-green);
}

.giso-hair-phase1 .giso-result-explanation p {
    margin: 0;
    line-height: 1.85;
}

.giso-decision-heading {
    padding-top: 12px;
    text-align: center;
}

.giso-decision-heading h3 {
    margin: 4px 0 5px !important;
    color: var(--hair-ink) !important;
    font-size: 1.38rem !important;
}

.giso-decision-heading p {
    margin: 0 0 18px;
    color: var(--hair-muted);
    font-size: 0.86rem;
}

.giso-decision-actions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}

.giso-decision-actions .giso-btn {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    text-align: center;
}

.giso-price-proposal-panel {
    margin-top: 18px;
    padding: 24px;
    border: 1px solid rgba(200, 159, 45, 0.32);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 253, 246, 0.92), rgba(255, 247, 249, 0.92));
    text-align: right;
    animation: gisoProposalIn 0.3s ease both;
}

.giso-price-proposal-panel[hidden],
.giso-proposal-success[hidden],
.giso-proposal-continue[hidden] {
    display: none !important;
}

@keyframes gisoProposalIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.giso-price-proposal-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.giso-price-proposal-head > i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    border-radius: 13px;
    color: #fff;
    background: var(--hair-gold);
}

.giso-price-proposal-head h4 {
    margin: 0 0 4px !important;
    color: var(--hair-ink) !important;
    font-size: 1.05rem !important;
}

.giso-price-proposal-head p {
    margin: 0;
    color: var(--hair-muted);
    font-size: 0.8rem;
}

.giso-price-input-wrap {
    position: relative;
}

.giso-price-input-wrap .giso-input {
    padding-left: 70px;
}

.giso-price-input-wrap > span {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--hair-muted);
    font-size: 0.78rem;
}

.giso-textarea {
    min-height: 90px;
    resize: vertical;
    line-height: 1.8;
}

.giso-proposal-success {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid rgba(35, 120, 88, 0.25);
    border-radius: 14px;
    background: rgba(237, 250, 245, 0.85);
    color: #285f4b;
}

.giso-proposal-success > i {
    margin-top: 3px;
    color: var(--hair-green);
}

.giso-proposal-success div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.giso-proposal-success strong {
    font-size: 0.82rem;
    line-height: 1.7;
}

.giso-proposal-success span {
    font-size: 0.75rem;
}

.giso-proposal-continue {
    margin: 16px 0 0;
}

/* فرم ثبت نهایی */
.giso-account-summary {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    margin-bottom: 22px;
    border: 1px solid rgba(35, 120, 88, 0.2);
    border-radius: 15px;
    background: rgba(237, 250, 245, 0.7);
}

.giso-account-summary > i {
    color: var(--hair-green);
    font-size: 1.35rem;
}

.giso-account-summary div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--hair-muted);
    font-size: 0.86rem;
}

.giso-ltr-input {
    direction: ltr;
    text-align: left;
}

.giso-login-help {
    margin-top: 16px;
    text-align: center;
}

.giso-login-help a {
    color: var(--hair-rose);
    font-size: 0.84rem;
    font-weight: 650;
}

.giso-success-eyebrow {
    margin: 0 0 7px;
    color: var(--hair-rose);
    font-size: 0.8rem;
    font-weight: 750;
}

/* Responsive */
@media (max-width: 900px) {
    .giso-hair-stepper-shell { top: 68px; }
    .giso-hair-phase1 .giso-hair-trust-grid { grid-template-columns: repeat(2, 1fr); }
    .giso-hair-phase1 .giso-hair-trust-grid .giso-hair-trust-card:last-child { grid-column: span 2; }
    .giso-how-grid { grid-template-columns: 1fr; }
    .giso-result-factors { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .giso-hair-phase1 section { scroll-margin-top: 132px; }
    .giso-hair-topline { padding-top: 12px !important; }
    .giso-hair-stepper-shell { top: 62px; padding: 8px 0; }
    .giso-hair-stepper { gap: 5px; justify-content: space-between; }
    .giso-stepper-item { gap: 4px; font-size: 0.7rem; }
    .giso-stepper-number { width: 24px; height: 24px; font-size: 0.68rem; }
    .giso-stepper-arrow { font-size: 0.72rem; }
    .giso-hair-phase1 .giso-hair-hero-section { padding: 48px 0 38px; }
    .giso-hair-phase1 .giso-hair-hero-title { font-size: 2.12rem !important; }
    .giso-hair-center-name { font-size: 0.85rem; }
    .giso-hero-feature-row { display: grid; grid-template-columns: 1fr; width: min(100%, 360px); }
    .giso-hero-feature-chip { justify-content: flex-start; }
    .giso-hair-phase1 .giso-hair-trust-grid { grid-template-columns: 1fr; }
    .giso-hair-phase1 .giso-hair-trust-grid .giso-hair-trust-card:last-child { grid-column: auto; }
    .giso-hair-phase1 .giso-hair-trust-card { min-height: auto; }
    .giso-hair-phase1 .giso-hair-trust-card h4 { min-height: auto; }
    .giso-how-card,
    .giso-hair-phase1 .giso-hair-terms-card,
    .giso-hair-phase1 .giso-hair-photo-step-card,
    .giso-hair-phase1 .giso-hair-result-card { padding: 24px 18px; }
    .giso-privacy-panel { flex-direction: column; }
    .giso-privacy-panel ul { display: block; }
    .giso-privacy-panel li + li { margin-top: 5px; }
    .giso-stage-heading-row { align-items: flex-start; flex-direction: column; gap: 8px; }
    .giso-evaluation-criteria { grid-template-columns: 1fr; }
    .giso-photo-guide-list { grid-template-columns: 1fr; }
    .giso-photo-examples { grid-template-columns: 1fr; }
    .giso-photo-example-media { height: 235px; }
    .giso-decision-actions { grid-template-columns: 1fr; }
    .giso-price-proposal-panel { padding: 20px 16px; }
}

@media (max-width: 430px) {
    .giso-stepper-label { display: none; }
    .giso-stepper-item.is-active .giso-stepper-label { display: inline; }
    .giso-hair-stepper { justify-content: center; gap: 8px; }
    .giso-hair-phase1 .giso-hair-hero-title { font-size: 1.88rem !important; }
    .giso-result-factors { grid-template-columns: 1fr 1fr; }
    .giso-result-factors > div { padding-inline: 5px; }
    .giso-hair-phase1 .giso-price-main { font-size: 1.48rem; }
}

/* ==========================================================================
   Hair Sale Phase 1 v2 — final UX refinements
   ========================================================================== */

/* Hero → معرفی گیسو → کارت‌های اعتماد → Stepper */
.giso-hair-phase1 .giso-hair-intro-section {
    padding-top: 2px;
    padding-bottom: 34px;
}

.giso-hair-phase1 .giso-hair-trust-section {
    padding-top: 0;
    padding-bottom: 36px;
}

.giso-hair-phase1 .giso-hair-trust-card {
    min-height: 158px;
    padding: 18px 13px;
}

.giso-hair-phase1 .giso-trust-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.giso-hair-phase1 .giso-hair-trust-card h4 {
    min-height: 2.4em;
    margin-bottom: 5px !important;
    font-size: 0.9rem !important;
}

.giso-hair-phase1 .giso-hair-trust-card p {
    font-size: 0.76rem !important;
}

.giso-hair-phase1 .giso-hair-stepper-shell {
    margin-top: 0;
}

/* دکمه‌های رفت‌وبرگشت: کارت مینیمال و واضح */
.giso-hair-phase1 .giso-step-nav-link {
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid rgba(143, 105, 79, 0.2);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.8);
    color: var(--hair-ink);
    font-size: 0.87rem;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(78, 51, 37, 0.065);
}

.giso-hair-phase1 .giso-step-nav-link:hover,
.giso-hair-phase1 .giso-step-nav-link:focus-visible {
    gap: 10px;
    border-color: rgba(201, 103, 120, 0.5);
    background: var(--hair-rose-soft);
    color: var(--hair-rose);
    box-shadow: 0 9px 22px rgba(201, 103, 120, 0.12);
    transform: translateY(-1px);
}

.giso-hair-phase1 .giso-step-nav-link--next {
    border-color: rgba(200, 159, 45, 0.4);
    background: var(--hair-gold-soft);
    color: #856814;
}

.giso-hair-phase1 .giso-stage-bottom-nav {
    padding-top: 16px;
    border-top: 1px solid rgba(143, 105, 79, 0.12);
}

/* بررسی هوشمند عکس */
.giso-photo-validation[hidden],
.giso-photo-validation-loading[hidden],
.giso-photo-validation-result[hidden] {
    display: none !important;
}

.giso-photo-validation {
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid rgba(200, 159, 45, 0.25);
    border-radius: 18px;
    background: rgba(255, 253, 247, 0.9);
}

.giso-photo-validation-loading {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
}

.giso-photo-validation-loading > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.giso-photo-validation-loading strong {
    color: var(--hair-ink);
    font-size: 0.9rem;
}

.giso-photo-validation-loading span:not(.giso-ai-spinner) {
    color: var(--hair-muted);
    font-size: 0.76rem;
}

.giso-ai-spinner {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 3px solid rgba(200, 159, 45, 0.2);
    border-top-color: var(--hair-gold);
    border-radius: 50%;
    animation: gisoHairSpin 0.8s linear infinite;
}

@keyframes gisoHairSpin {
    to { transform: rotate(360deg); }
}

.giso-photo-validation-result {
    padding: 16px;
}

.giso-photo-validation-message {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 13px 14px;
    border-radius: 13px;
    font-size: 0.82rem;
    line-height: 1.75;
}

.giso-photo-validation-message.is-success {
    color: #176246;
    background: #eaf8f1;
    border: 1px solid rgba(35, 120, 88, 0.22);
}

.giso-photo-validation-message.is-warning {
    color: #7d5c0c;
    background: #fff8de;
    border: 1px solid rgba(200, 159, 45, 0.3);
}

.giso-photo-validation-message.is-error {
    color: #9b3030;
    background: #fff0f0;
    border: 1px solid rgba(190, 65, 65, 0.25);
}

.giso-photo-validation-message ul {
    margin: 0;
    padding-right: 18px;
    font-size: 0.76rem;
}

.giso-photo-validation-checks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 10px;
}

.giso-photo-validation-checks > div {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px;
    border: 1px solid var(--hair-border);
    border-radius: 11px;
    color: var(--hair-muted);
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    line-height: 1.5;
}

.giso-photo-validation-checks .is-pass {
    border-color: rgba(35, 120, 88, 0.22);
    color: #237858;
    background: #f1faf6;
}

.giso-photo-validation-checks .is-warning {
    border-color: rgba(200, 159, 45, 0.28);
    color: #856814;
    background: #fffaf0;
}

.giso-photo-validation-checks .is-fail {
    border-color: rgba(190, 65, 65, 0.22);
    color: #ad3f3f;
    background: #fff5f5;
}

.giso-photo-retry {
    margin-top: 12px;
}

.giso-hair-phase1 .giso-photo-btn-lg.is-checking {
    border-color: rgba(200, 159, 45, 0.8) !important;
    box-shadow: 0 0 0 4px rgba(200, 159, 45, 0.08) !important;
}

.giso-hair-phase1 .giso-photo-btn-lg.is-valid {
    border-color: rgba(35, 120, 88, 0.75) !important;
    background: rgba(237, 250, 245, 0.78) !important;
}

.giso-hair-phase1 .giso-photo-btn-lg.is-invalid {
    border-color: rgba(190, 65, 65, 0.65) !important;
    background: rgba(255, 240, 240, 0.78) !important;
}

/* تصمیم سه‌مسیره */
.giso-hair-result-section .giso-container.giso-narrow {
    max-width: 1100px !important;
}

.giso-decision-heading {
    max-width: 820px;
    margin: 0 auto;
    padding-top: 18px;
}

.giso-decision-trust-message {
    padding: 15px 18px;
    border: 1px solid rgba(35, 120, 88, 0.18);
    border-radius: 15px;
    background: rgba(237, 250, 245, 0.62);
    color: #376a58 !important;
    font-size: 0.88rem !important;
    line-height: 1.95;
}

.giso-sale-path-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    margin-top: 22px;
    padding-top: 10px;
}

.giso-sale-path-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 27px 18px 19px;
    border: 1px solid var(--hair-border);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 12px 32px rgba(78, 51, 37, 0.065);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.giso-sale-path-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201, 103, 120, 0.42);
    box-shadow: 0 18px 38px rgba(78, 51, 37, 0.1);
}

.giso-sale-path-card.is-selected {
    border-color: var(--hair-green);
    box-shadow: 0 0 0 3px rgba(35, 120, 88, 0.1), 0 18px 38px rgba(35, 120, 88, 0.1);
}

.giso-sale-path-card.is-selected::after {
    content: "✓ انتخاب شد";
    position: absolute;
    top: 11px;
    left: 11px;
    padding: 4px 8px;
    border-radius: 8px;
    color: #fff;
    background: var(--hair-green);
    font-size: 0.65rem;
    font-weight: 800;
}

.giso-sale-path-card--featured {
    z-index: 2;
    border: 1.5px solid rgba(200, 159, 45, 0.65);
    background: linear-gradient(155deg, #fffdf5 0%, #fff8e7 100%);
    box-shadow: 0 20px 44px rgba(200, 159, 45, 0.16);
    transform: translateY(-8px);
}

.giso-sale-path-card--featured:hover {
    transform: translateY(-12px);
    border-color: var(--hair-gold);
}

.giso-sale-path-ribbon {
    position: absolute;
    top: -13px;
    right: 50%;
    transform: translateX(50%);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 15px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #d7ae35, #9d7410);
    box-shadow: 0 7px 18px rgba(157, 116, 16, 0.25);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.giso-sale-path-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 11px;
    border-radius: 17px;
    color: var(--hair-rose);
    background: linear-gradient(135deg, var(--hair-rose-soft), var(--hair-gold-soft));
    font-size: 1.25rem;
}

.giso-sale-path-card--featured .giso-sale-path-icon {
    color: #9d7410;
    background: rgba(200, 159, 45, 0.14);
}

.giso-sale-path-number {
    color: var(--hair-rose);
    font-size: 0.68rem;
    font-weight: 800;
}

.giso-sale-path-card h4 {
    margin: 5px 0 8px !important;
    color: var(--hair-ink) !important;
    font-size: 1rem !important;
    text-align: center;
}

.giso-sale-path-card p {
    flex: 1;
    margin: 0 0 17px;
    color: var(--hair-muted);
    font-size: 0.76rem;
    line-height: 1.85;
    text-align: center;
}

.giso-sale-path-card .giso-btn {
    width: 100%;
    min-height: 43px;
    justify-content: center;
    padding-inline: 9px;
    font-size: 0.78rem;
}

.giso-price-proposal-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 25px;
    padding: 14px 16px;
    border: 1px dashed rgba(200, 159, 45, 0.45);
    border-radius: 16px;
    background: rgba(255, 249, 233, 0.58);
    text-align: right;
}

.giso-price-proposal-entry > div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--hair-muted);
    font-size: 0.8rem;
}

.giso-price-proposal-entry > div > i {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 35px;
    border-radius: 11px;
    color: #9d7410;
    background: rgba(200, 159, 45, 0.15);
}

.giso-price-proposal-entry strong {
    color: var(--hair-ink);
}

/* کارت قیمت پیشنهادی v2 */
.giso-hair-phase1 .giso-price-proposal-panel {
    max-width: 780px;
    margin: 18px auto 0;
    padding: 27px;
    border: 1px solid rgba(200, 159, 45, 0.38);
    background:
        radial-gradient(circle at 0 0, rgba(200, 159, 45, 0.1), transparent 35%),
        linear-gradient(150deg, rgba(255, 254, 249, 0.98), rgba(255, 247, 249, 0.96));
    box-shadow: 0 18px 42px rgba(78, 51, 37, 0.09);
}

.giso-hair-phase1 .giso-price-proposal-head {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(143, 105, 79, 0.12);
}

.giso-hair-phase1 .giso-price-proposal-head > i {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--hair-gold), #9d7410);
    box-shadow: 0 8px 18px rgba(157, 116, 16, 0.2);
}

.giso-hair-phase1 .giso-price-proposal-head p {
    max-width: 590px;
    line-height: 1.8;
}

.giso-proposal-submit {
    min-width: 170px;
    min-height: 45px;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 9px 22px rgba(200, 159, 45, 0.22);
}

.giso-selected-path-badge {
    display: inline-flex;
    margin-bottom: 9px;
    padding: 5px 12px;
    border: 1px solid rgba(200, 159, 45, 0.25);
    border-radius: 999px;
    color: #8a6915;
    background: var(--hair-gold-soft);
    font-size: 0.72rem;
    font-weight: 800;
}

#contactTimeGroup[hidden] {
    display: none !important;
}

@media (max-width: 900px) {
    .giso-sale-path-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .giso-sale-path-card--featured,
    .giso-sale-path-card--featured:hover {
        transform: none;
    }
    .giso-sale-path-card {
        padding: 24px 20px 19px;
    }
    .giso-photo-validation-checks {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .giso-hair-phase1 .giso-step-nav-link {
        min-height: 40px;
        padding: 8px 12px;
    }
    .giso-price-proposal-entry {
        align-items: stretch;
        flex-direction: column;
    }
    .giso-price-proposal-entry .giso-step-nav-link {
        justify-content: center;
    }
    .giso-hair-phase1 .giso-price-proposal-panel {
        padding: 21px 16px;
    }
}

/* ==================== Hair Marketplace MVP ==================== */
.giso-market-page{direction:rtl;min-height:70vh;background:linear-gradient(180deg,#fffaf7 0,#fff 46%,#fff9f3 100%);color:#342820}
.giso-market-hero{padding:64px 0 44px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(212,175,55,.16),transparent 58%)}
.giso-market-hero h1{margin:8px 0 12px;font-size:clamp(2rem,5vw,3.4rem)}
.giso-market-hero p{max-width:760px;margin:0 auto 18px;color:#6d5a4e;line-height:1.9}
.giso-market-disclaimer,.giso-marketplace-disclaimer-box,.giso-market-chat-warning{display:flex;gap:12px;align-items:flex-start;max-width:900px;margin:18px auto;padding:14px 16px;border:1px solid rgba(174,124,57,.25);border-radius:16px;background:#fff9eb;color:#654b2b;text-align:right;line-height:1.85}
.giso-market-disclaimer i,.giso-marketplace-disclaimer-box i,.giso-market-chat-warning i{color:#b17a22;margin-top:5px}
.giso-marketplace-disclaimer-box{max-width:none;margin:18px 0}
.giso-marketplace-disclaimer-box p{margin:4px 0}.giso-marketplace-disclaimer-box small{display:block;color:#735f4e}
.giso-market-hero-actions,.giso-market-card-stats,.giso-market-result-head,.giso-market-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.giso-market-content{padding-top:26px;padding-bottom:70px}
.giso-market-filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;padding:20px;margin-bottom:28px;border-radius:20px}
.giso-market-filters div{display:flex;flex-direction:column;gap:6px}.giso-market-filters label{font-size:.83rem;font-weight:800;color:#695547}
.giso-market-filters input,.giso-market-filters select,.giso-market-offer-form input,.giso-market-offer-form textarea,.giso-market-report select,.giso-market-report textarea,.giso-market-chat-form textarea{width:100%;min-height:45px;border:1px solid rgba(114,83,60,.22);border-radius:12px;padding:10px 12px;background:#fff;color:#372b24;font:inherit}
.giso-market-result-head{justify-content:space-between;margin:14px 0}.giso-market-result-head h2{margin:0}.giso-market-result-head span{color:#816a59}
.giso-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.giso-market-card{overflow:hidden;border:1px solid rgba(106,72,49,.14);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(75,47,30,.08);transition:.2s ease}
.giso-market-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(75,47,30,.14)}
.giso-market-card-image{position:relative;display:block;aspect-ratio:4/3;background:#efe6df;overflow:hidden}
.giso-market-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.giso-market-card:hover img{transform:scale(1.025)}
.giso-market-status{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:rgba(43,32,24,.82);color:#fff;font-size:.76rem;font-weight:800;backdrop-filter:blur(8px)}
.giso-market-card-body{padding:17px}.giso-market-card-body h3{margin:0 0 12px;font-size:1.1rem}
.giso-market-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#715d50;font-size:.84rem}.giso-market-card-meta span{display:flex;gap:6px;align-items:center}
.giso-market-price{display:flex;flex-direction:column;margin:16px 0;padding:12px;border-radius:14px;background:#fff7e8}.giso-market-price small{color:#7b654f}.giso-market-price strong{font-size:1.12rem;color:#8c5d14}
.giso-market-card-stats{justify-content:space-between;margin:0 0 14px;color:#79675b;font-size:.85rem}
.giso-market-empty{text-align:center;padding:48px 20px;border:1px dashed rgba(120,87,62,.25);border-radius:20px;background:#fff}.giso-market-empty h2{margin-top:0}
.giso-market-pagination{margin-top:28px}.giso-market-pagination a,.giso-market-pagination span{padding:9px 14px;border-radius:10px;background:#fff;border:1px solid rgba(104,73,51,.18)}
.giso-market-breadcrumb{display:flex;gap:8px;padding-top:28px;color:#7b6758}.giso-market-breadcrumb a{color:#9b6a1d}
.giso-market-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;padding-top:24px}
.giso-market-detail-media{position:relative;min-height:520px;border-radius:24px;overflow:hidden;background:#eee4dc}.giso-market-detail-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.giso-market-detail-info{padding:28px;border-radius:24px}.giso-market-detail-info h1{margin:8px 0 16px}
.giso-market-detail-price{display:flex;flex-direction:column;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fff5dd,#fffaf0);margin-bottom:18px}.giso-market-detail-price strong{font-size:1.45rem;color:#8d5f19}
.giso-market-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.giso-market-specs div{display:flex;flex-direction:column;padding:11px;border-radius:12px;background:#fbf8f5}.giso-market-specs span{font-size:.78rem;color:#837064}.giso-market-specs strong{margin-top:4px}
.giso-market-note,.giso-market-highest,.giso-market-privacy{margin-top:16px;padding:14px;border-radius:14px;background:#f9f6f3}.giso-market-note p{margin:5px 0 0;color:#66554b}
.giso-market-highest{display:flex;justify-content:space-between;gap:12px;background:#eef8f1;color:#275f3b}.giso-market-privacy{display:flex;gap:10px;line-height:1.8}.giso-market-privacy p{margin:0}
.giso-market-action-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:22px;padding-top:24px;padding-bottom:70px}
.giso-market-offer-box,.giso-market-legal-box{padding:24px;border-radius:22px}.giso-market-offer-box h2,.giso-market-legal-box h2{margin-top:0}
.giso-market-offer-form{display:flex;flex-direction:column;gap:10px}.giso-market-offer-form label{font-weight:750}.giso-market-terms-check,.giso-marketplace-consent{display:flex!important;gap:9px;align-items:flex-start;padding:13px;border-radius:13px;background:#fff8e9;line-height:1.75;font-size:.88rem}.giso-market-terms-check input,.giso-marketplace-consent input{width:auto!important;min-height:auto!important;margin-top:5px;flex:0 0 auto}.giso-marketplace-consent[hidden]{display:none!important}
.giso-market-restriction{padding:14px;border:1px solid rgba(180,114,36,.24);border-radius:14px;background:#fff8ed}.giso-market-restriction p{margin-bottom:0}
.giso-market-legal-box p,.giso-market-legal-box li{line-height:1.85;color:#65554b}.giso-market-report{margin-top:15px;padding:12px;border-radius:12px;background:#faf7f4}.giso-market-report summary{cursor:pointer;font-weight:800}.giso-market-report form{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.giso-market-chat{padding-top:28px;padding-bottom:70px}.giso-market-chat-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:20px}.giso-market-chat-head h1{font-size:1.35rem;margin:6px 0}.giso-market-chat-head p{margin:0;color:#766356}
.giso-market-chat-warning{max-width:none}.giso-market-chat-messages{display:flex;flex-direction:column;gap:12px;padding:18px 0}.giso-market-message{max-width:78%;padding:13px 15px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid rgba(105,77,57,.14);box-shadow:0 6px 18px rgba(70,45,29,.06)}.giso-market-message.is-mine{margin-right:auto;border-radius:16px 16px 4px 16px;background:#fff5dc}.giso-market-message p{white-space:pre-wrap;line-height:1.8;margin:6px 0}.giso-market-message small{color:#87766a}.giso-market-chat-form{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px}
.pnl-market-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:10px 0}.pnl-market-row>div{flex:1}.pnl-market-listing-card{margin-top:14px}.pnl-marketplace-page .pnl-tab{text-decoration:none}.pnl-marketplace-page textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:9px}
@media(max-width:980px){.giso-market-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.giso-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.giso-market-detail-grid,.giso-market-action-grid{grid-template-columns:1fr}.giso-market-detail-media{min-height:440px}}
@media(max-width:620px){.giso-market-hero{padding:42px 0 30px}.giso-market-filters,.giso-market-grid,.giso-market-specs{grid-template-columns:1fr}.giso-market-detail-media{min-height:360px}.giso-market-detail-info,.giso-market-offer-box,.giso-market-legal-box{padding:18px}.giso-market-chat-head,.pnl-market-row{flex-direction:column}.giso-market-message{max-width:92%}.giso-market-highest{flex-direction:column}}

/* Hair-sale forms use available monitor width without becoming unreadably wide. */
@media(min-width:1000px){.giso-hair-phase1 .giso-container.giso-narrow{width:min(1120px,calc(100% - 48px))!important;max-width:1120px!important}.giso-hair-phase1 .giso-hair-eval-card,.giso-hair-phase1 .giso-hair-result-card,.giso-hair-phase1 .giso-hair-reg-card{width:100%}}