/* =========================================================
   Branding Page
   ========================================================= */

.branding-page {
    --brand-primary: #0f3d5c;
    --brand-primary-dark: #092c42;
    --brand-accent: #e8b923;
    --brand-dark: #041420;
    --brand-dark-2: #0a2436;
    --brand-card: rgba(255,255,255,.04);
    --brand-card-hover: rgba(255,255,255,.07);
    --brand-border: rgba(255,255,255,.1);
    --brand-border-strong: rgba(255,255,255,.22);
    --brand-ink: #f2f5f7;
    --brand-muted: rgba(242,245,247,.65);

    background: var(--brand-dark);
    color: var(--brand-ink);
    min-height: 100vh;
}

/* ---------- هیرو ---------- */
.branding-hero {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--brand-border);
    margin-bottom: 20px;
}

.branding-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.branding-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--brand-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--brand-accent);
    flex-shrink: 0;
}

.branding-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--brand-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.branding-hero-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.branding-hero-content p {
    color: var(--brand-muted);
    margin: 0;
    line-height: 1.9;
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .branding-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .branding-hero-content h1 {
        font-size: 1.6rem;
    }
}

/* ---------- محتوای اصلی ---------- */
.branding-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 24px 60px;
}

/* ---------- تصویر اصلی ---------- */
.branding-image-main {
    text-align: center;
    margin: 30px 0 40px;
}

.branding-main-img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--brand-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
}

/* ---------- بخش‌ها ---------- */
.branding-section {
    background: var(--brand-card);
    border: 1px solid var(--brand-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.branding-section:hover {
    border-color: var(--brand-border-strong);
}

.branding-section-header {
    margin-bottom: 18px;
}

.branding-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--brand-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.branding-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--brand-ink);
    margin: 0 0 4px;
}

.branding-section-sub {
    color: var(--brand-muted);
    margin: 0;
}

.branding-section-body p {
    color: var(--brand-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- باکس هایلایت ---------- */
.branding-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--brand-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin: 16px 0;
}

.branding-highlight-box i {
    color: var(--brand-accent);
    font-size: 22px;
    margin-top: 3px;
}

.branding-highlight-box div {
    color: var(--brand-ink);
    line-height: 1.9;
}

.branding-highlight-box strong {
    color: var(--brand-accent);
}

/* ---------- لیست‌ها ---------- */
.branding-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.branding-list li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 12px;
    color: var(--brand-muted);
    line-height: 1.9;
}

/* چک مارک سبز */
.branding-list-check li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 0;
    color: #4caf50;
    font-weight: 700;
    font-size: 18px;
}

/* الماس طلایی */
.branding-list-diamond li::before {
    content: "◆";
    position: absolute;
    right: 0;
    top: 0;
    color: var(--brand-accent);
    font-size: 14px;
}

/* ستاره */
.branding-list-star li::before {
    content: "★";
    position: absolute;
    right: 0;
    top: 0;
    color: var(--brand-accent);
    font-size: 16px;
}

/* خطا (قرمز) */
.branding-list-error li::before {
    content: "✕";
    position: absolute;
    right: 0;
    top: 0;
    color: #dc3545;
    font-weight: 700;
    font-size: 16px;
}

/* ---------- گرید اجزای برند ---------- */
.branding-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.branding-component-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--brand-border);
    border-radius: 12px;
    padding: 20px 22px;
    text-align: center;
    transition: .3s;
}

.branding-component-card:hover {
    border-color: var(--brand-border-strong);
    background: rgba(255,255,255,.05);
}

.branding-component-icon {
    font-size: 28px;
    margin-bottom: 10px;
}

.branding-component-card h4 {
    color: var(--brand-ink);
    font-weight: 700;
    margin: 0 0 6px;
}

.branding-component-card p {
    color: var(--brand-muted);
    margin: 0;
    font-size: .9rem;
    line-height: 1.7;
}

@media (max-width: 600px) {
    .branding-grid-2col {
        grid-template-columns: 1fr;
    }
}

/* ---------- مراحل گام‌به‌گام ---------- */
.branding-steps {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.branding-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 18px;
    background: rgba(255,255,255,.03);
    border-radius: 12px;
    border: 1px solid var(--brand-border);
    transition: .3s;
}

.branding-step:hover {
    border-color: var(--brand-border-strong);
    background: rgba(255,255,255,.05);
}

.branding-step-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--brand-accent);
    color: var(--brand-dark);
    font-weight: 800;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.branding-step h4 {
    color: var(--brand-ink);
    font-weight: 700;
    margin: 0 0 4px;
}

.branding-step p {
    color: var(--brand-muted);
    margin: 0;
    line-height: 1.7;
}

/* ---------- بخش خطا (قرمز) ---------- */
.branding-section-error {
    border-color: rgba(220,53,69,.2);
}

.branding-section-error:hover {
    border-color: rgba(220,53,69,.4);
}

/* ---------- مثال‌های موفق ---------- */
.branding-examples {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.branding-example-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--brand-border);
    border-radius: 12px;
    padding: 18px 20px;
    text-align: center;
    transition: .3s;
}

.branding-example-card:hover {
    border-color: var(--brand-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}

.branding-example-badge {
    font-size: 24px;
    display: block;
    margin-bottom: 6px;
}

.branding-example-card h4 {
    color: var(--brand-ink);
    font-weight: 700;
    margin: 0 0 4px;
}

.branding-example-card p {
    color: var(--brand-muted);
    margin: 0;
    font-size: .85rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .branding-examples {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .branding-examples {
        grid-template-columns: 1fr;
    }
}

/* ---------- CTA ---------- */
.branding-cta {
    margin-top: 20px;
}

.branding-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: .3s;
    border: none;
    cursor: pointer;
}

.branding-btn-primary {
    background: var(--brand-accent);
    color: var(--brand-dark);
    width: 100%;
    justify-content: center;
}

.branding-btn-primary:hover {
    background: #f4c948;
    color: var(--brand-dark);
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(232,185,35,.3);
}

/* ---------- نقل قول‌ها ---------- */
.branding-section-quotes {
    background: rgba(255,255,255,.02);
    border-color: var(--brand-border-strong);
}

.branding-quotes {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.branding-quote-card {
    display: flex;
    gap: 20px;
    padding: 20px 24px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--brand-border);
    border-radius: 14px;
    transition: .3s;
}

.branding-quote-card:hover {
    border-color: var(--brand-border-strong);
    background: rgba(255,255,255,.05);
}

.branding-quote-avatar {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--brand-border-strong);
}

.branding-quote-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.branding-quote-content h4 {
    color: var(--brand-ink);
    font-weight: 700;
    margin: 0 0 2px;
}

.branding-quote-title {
    font-size: .82rem;
    color: var(--brand-muted);
    display: block;
    margin-bottom: 8px;
}

.branding-quote-content blockquote {
    margin: 0;
    padding-right: 16px;
    border-right: 3px solid var(--brand-accent);
    color: var(--brand-muted);
    line-height: 1.9;
    font-style: italic;
}

@media (max-width: 600px) {
    .branding-quote-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .branding-quote-content blockquote {
        border-right: none;
        padding-right: 0;
    }
}

/* ---------- جمع‌بندی ---------- */
.branding-section-summary {
    border-color: rgba(232,185,35,.2);
}

.branding-section-summary:hover {
    border-color: rgba(232,185,35,.4);
}
/* ---------- تصویر اصلی ---------- */
.branding-image-main {
    text-align: center;
    margin: 30px 0 40px;
}

.branding-main-img {
    max-width: 60%;  /* ← از 100% به 80% کاهش یافت */
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--brand-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .branding-main-img {
        max-width: 95%;  /* در موبایل کمی بزرگتر */
    }
}

/* =========================================================
   Cross Promotion Page
   ========================================================= */

.cross-promotion-page {
    --cross-primary: #0f3d5c;
    --cross-primary-dark: #092c42;
    --cross-accent: #e8b923;
    --cross-dark: #041420;
    --cross-dark-2: #0a2436;
    --cross-card: rgba(255,255,255,.04);
    --cross-card-hover: rgba(255,255,255,.07);
    --cross-border: rgba(255,255,255,.1);
    --cross-border-strong: rgba(255,255,255,.22);
    --cross-ink: #f2f5f7;
    --cross-muted: rgba(242,245,247,.65);

    background: var(--cross-dark);
    color: var(--cross-ink);
    min-height: 100vh;
}

/* ---------- هیرو ---------- */
.cross-hero {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--cross-border);
    margin-bottom: 20px;
}

.cross-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.cross-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--cross-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--cross-accent);
    flex-shrink: 0;
}

.cross-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--cross-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.cross-hero-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.cross-hero-content p {
    color: var(--cross-muted);
    margin: 0 0 8px;
    line-height: 1.9;
    font-size: 1.05rem;
}

.cross-credit {
    color: var(--cross-muted);
    font-size: 0.95rem;
}

.cross-brand {
    color: var(--cross-accent);
    font-weight: 700;
}

.cross-highlight {
    color: var(--cross-accent);
    font-weight: 700;
}

@media (max-width: 768px) {
    .cross-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .cross-hero-content h1 {
        font-size: 1.6rem;
    }
}

/* ---------- محتوای اصلی ---------- */
.cross-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 24px 60px;
}

/* ---------- بخش‌ها ---------- */
.cross-section {
    background: var(--cross-card);
    border: 1px solid var(--cross-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.cross-section:hover {
    border-color: var(--cross-border-strong);
}

.cross-section-header {
    margin-bottom: 18px;
}

.cross-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--cross-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.cross-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--cross-ink);
    margin: 0 0 4px;
}

.cross-section-body p {
    color: var(--cross-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- عکس‌ها ---------- */
.cross-section-image {
    text-align: center;
    margin-bottom: 24px;
}

.cross-main-img {
    max-width: 70%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--cross-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .cross-main-img {
        max-width: 95%;
    }
}

/* ---------- باکس هایلایت ---------- */
.cross-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--cross-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin: 16px 0;
}

.cross-highlight-box i {
    color: var(--cross-accent);
    font-size: 22px;
    margin-top: 3px;
}

.cross-highlight-box div {
    color: var(--cross-ink);
    line-height: 1.9;
}

/* ---------- گرید نظارت ---------- */
.cross-supervision-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.cross-supervision-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--cross-border);
    border-radius: 12px;
    transition: .3s;
}

.cross-supervision-item:hover {
    border-color: var(--cross-border-strong);
    background: rgba(255,255,255,.05);
}

.cross-supervision-icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(232,185,35,.1);
    color: var(--cross-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.cross-supervision-item p {
    color: var(--cross-muted);
    margin: 0;
    line-height: 1.8;
    font-size: .92rem;
}

.cross-supervision-highlight {
    border-color: rgba(232,185,35,.2);
    background: rgba(232,185,35,.04);
}

.cross-supervision-highlight:hover {
    border-color: rgba(232,185,35,.4);
}

@media (max-width: 768px) {
    .cross-supervision-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   Business Coaching Page
   ========================================================= */

.coaching-page {
    --coach-primary: #0f3d5c;
    --coach-primary-dark: #092c42;
    --coach-accent: #e8b923;
    --coach-dark: #041420;
    --coach-dark-2: #0a2436;
    --coach-card: rgba(255,255,255,.04);
    --coach-card-hover: rgba(255,255,255,.07);
    --coach-border: rgba(255,255,255,.1);
    --coach-border-strong: rgba(255,255,255,.22);
    --coach-ink: #f2f5f7;
    --coach-muted: rgba(242,245,247,.65);

    background: var(--coach-dark);
    color: var(--coach-ink);
    min-height: 100vh;
}

/* ---------- هیرو ---------- */
.coaching-hero {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--coach-border);
    margin-bottom: 20px;
}

.coaching-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.coaching-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--coach-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--coach-accent);
    flex-shrink: 0;
}

.coaching-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--coach-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.coaching-hero-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.coaching-hero-content p {
    color: var(--coach-muted);
    margin: 0;
    line-height: 1.9;
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .coaching-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .coaching-hero-content h1 {
        font-size: 1.6rem;
    }
}

/* ---------- محتوای اصلی ---------- */
.coaching-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 24px 60px;
}

/* ---------- تصویر اصلی ---------- */
.coaching-image-main {
    text-align: center;
    margin: 30px 0 40px;
}

.coaching-main-img {
    max-width: 70%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--coach-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .coaching-main-img {
        max-width: 95%;
    }
}

/* ---------- بخش‌ها ---------- */
.coaching-section {
    background: var(--coach-card);
    border: 1px solid var(--coach-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.coaching-section:hover {
    border-color: var(--coach-border-strong);
}

.coaching-section-header {
    margin-bottom: 18px;
}

.coaching-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--coach-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.coaching-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--coach-ink);
    margin: 0 0 4px;
}

.coaching-section-sub {
    color: var(--coach-muted);
    margin: 0;
}

.coaching-section-body p {
    color: var(--coach-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- باکس هایلایت ---------- */
.coaching-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--coach-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin: 16px 0;
}

.coaching-highlight-box i {
    color: var(--coach-accent);
    font-size: 22px;
    margin-top: 3px;
}

.coaching-highlight-box div {
    color: var(--coach-ink);
    line-height: 1.9;
}

/* ---------- لیست‌ها ---------- */
.coaching-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.coaching-list li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 12px;
    color: var(--coach-muted);
    line-height: 1.9;
}

.coaching-list-check li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 0;
    color: #4caf50;
    font-weight: 700;
    font-size: 18px;
}

.coaching-list-diamond li::before {
    content: "◆";
    position: absolute;
    right: 0;
    top: 0;
    color: var(--coach-accent);
    font-size: 14px;
}

/* ---------- گرید موضوعات ---------- */
.coaching-topics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.coaching-topic-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--coach-border);
    border-radius: 10px;
    transition: .3s;
}

.coaching-topic-item:hover {
    border-color: var(--coach-border-strong);
    background: rgba(255,255,255,.05);
}

.coaching-topic-item i {
    color: var(--coach-accent);
    font-size: 18px;
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}

.coaching-topic-item span {
    color: var(--coach-muted);
    line-height: 1.7;
    font-size: .92rem;
}

.coaching-topic-highlight {
    border-color: rgba(232,185,35,.15);
    background: rgba(232,185,35,.04);
}

.coaching-topic-highlight:hover {
    border-color: rgba(232,185,35,.3);
}

@media (max-width: 768px) {
    .coaching-topics-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- فرایند ---------- */
.coaching-process {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.coaching-process-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--coach-border);
    border-radius: 12px;
    transition: .3s;
}

.coaching-process-step:hover {
    border-color: var(--coach-border-strong);
    background: rgba(255,255,255,.05);
}

.coaching-process-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--coach-accent);
    color: var(--coach-dark);
    font-weight: 800;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coaching-process-step h4 {
    color: var(--coach-ink);
    font-weight: 700;
    margin: 0 0 4px;
}

.coaching-process-step p {
    color: var(--coach-muted);
    margin: 0;
    line-height: 1.7;
}

/* ---------- CTA ---------- */
.coaching-cta {
    margin-top: 20px;
}

.coaching-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: .3s;
    border: none;
    cursor: pointer;
}

.coaching-btn-primary {
    background: var(--coach-accent);
    color: var(--coach-dark);
    width: 100%;
    justify-content: center;
}

.coaching-btn-primary:hover {
    background: #f4c948;
    color: var(--coach-dark);
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(232,185,35,.3);
}

/* ---------- جمع‌بندی ---------- */
.coaching-section-summary {
    border-color: rgba(232,185,35,.2);
}

.coaching-section-summary:hover {
    border-color: rgba(232,185,35,.4);
}

/* =========================================================
   Optimization Page
   ========================================================= */

.optimization-page {
    --opt-primary: #0f3d5c;
    --opt-primary-dark: #092c42;
    --opt-accent: #e8b923;
    --opt-dark: #041420;
    --opt-dark-2: #0a2436;
    --opt-card: rgba(255,255,255,.04);
    --opt-card-hover: rgba(255,255,255,.07);
    --opt-border: rgba(255,255,255,.1);
    --opt-border-strong: rgba(255,255,255,.22);
    --opt-ink: #f2f5f7;
    --opt-muted: rgba(242,245,247,.65);

    background: var(--opt-dark);
    color: var(--opt-ink);
    min-height: 100vh;
}

/* ---------- هیرو ---------- */
.optimization-hero-new {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--opt-border);
    margin-bottom: 20px;
}

.optimization-hero-new-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.optimization-hero-new-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--opt-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--opt-accent);
    flex-shrink: 0;
}

.optimization-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--opt-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.optimization-hero-new-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.optimization-hero-new-content p {
    color: var(--opt-muted);
    margin: 0;
    line-height: 1.9;
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .optimization-hero-new-inner {
        flex-direction: column;
        text-align: center;
    }
    .optimization-hero-new-content h1 {
        font-size: 1.6rem;
    }
}

/* ---------- محتوای اصلی (تمام‌عرض) ---------- */
.optimization-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 40px 60px;
    background: var(--opt-dark);
}

@media (max-width: 768px) {
    .optimization-wrap {
        padding: 20px 16px 60px;
    }
}

/* ---------- تصاویر ---------- */
.optimization-image-main,
.optimization-image-secondary,
.optimization-department-image {
    text-align: center;
    margin: 30px 0 40px;
}

.optimization-main-img {
    max-width: 70%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--opt-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .optimization-main-img {
        max-width: 95%;
    }
}

/* ---------- بخش‌ها ---------- */
.optimization-section {
    background: var(--opt-card);
    border: 1px solid var(--opt-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.optimization-section:hover {
    border-color: var(--opt-border-strong);
}

.optimization-section-header {
    margin-bottom: 18px;
}

.optimization-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--opt-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.optimization-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--opt-ink);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.optimization-icon {
    color: var(--opt-accent);
    font-size: 1.3rem;
}

.optimization-section-body p {
    color: var(--opt-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- باکس هایلایت ---------- */
.optimization-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--opt-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin: 16px 0;
}

.optimization-highlight-box i {
    color: var(--opt-accent);
    font-size: 22px;
    margin-top: 3px;
}

.optimization-highlight-box div {
    color: var(--opt-ink);
    line-height: 1.9;
}

.optimization-highlight-gold {
    background: rgba(232,185,35,.08);
    border-right-color: #f4c948;
}

.optimization-highlight-gold i {
    color: #f4c948;
}

.optimization-red {
    color: #dc3545;
    font-weight: 700;
}

/* ---------- لیست‌ها ---------- */
.optimization-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.optimization-list li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 12px;
    color: var(--opt-muted);
    line-height: 1.9;
}

.optimization-list-check li::before {
    content: "✓";
    position: absolute;
    right: 0;
    top: 0;
    color: #4caf50;
    font-weight: 700;
    font-size: 18px;
}

/* ---------- گرید ابزارها ---------- */
.optimization-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.optimization-tool-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--opt-border);
    border-radius: 10px;
    transition: .3s;
}

.optimization-tool-item:hover {
    border-color: var(--opt-border-strong);
    background: rgba(255,255,255,.05);
}

.optimization-tool-badge {
    flex-shrink: 0;
    font-size: .7rem;
    font-weight: 700;
    color: var(--opt-accent);
    background: rgba(232,185,35,.1);
    padding: 2px 10px;
    border-radius: 12px;
    border: 1px solid rgba(232,185,35,.2);
    min-width: 50px;
    text-align: center;
}

.optimization-tool-item span:last-child {
    color: var(--opt-muted);
    line-height: 1.7;
    font-size: .88rem;
}

.optimization-tool-highlight {
    border-color: rgba(232,185,35,.15);
    background: rgba(232,185,35,.04);
}

.optimization-tool-highlight:hover {
    border-color: rgba(232,185,35,.3);
}

@media (max-width: 768px) {
    .optimization-tools-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- مراحل ---------- */
.optimization-steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.optimization-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 22px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--opt-border);
    border-radius: 12px;
    transition: .3s;
}

.optimization-step:hover {
    border-color: var(--opt-border-strong);
    background: rgba(255,255,255,.05);
}

.optimization-step-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--opt-accent);
    color: var(--opt-dark);
    font-weight: 800;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.optimization-step h4 {
    color: var(--opt-ink);
    font-weight: 700;
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.optimization-step h4 i {
    color: var(--opt-accent);
}

.optimization-step p {
    color: var(--opt-muted);
    margin: 0 0 6px;
    line-height: 1.8;
}

.optimization-step p:last-child {
    margin-bottom: 0;
}

/* ---------- دپارتمان‌ها ---------- */
.optimization-section-departments {
    border-color: rgba(232,185,35,.15);
}

.optimization-section-departments:hover {
    border-color: rgba(232,185,35,.3);
}

.optimization-departments-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.optimization-dept-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--opt-border);
    border-radius: 10px;
    transition: .3s;
}

.optimization-dept-item:hover {
    border-color: var(--opt-border-strong);
    background: rgba(255,255,255,.05);
}

.optimization-dept-item i {
    color: var(--opt-accent);
    font-size: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    width: 22px;
    text-align: center;
}

.optimization-dept-item span {
    color: var(--opt-muted);
    line-height: 1.8;
    font-size: .88rem;
}

.optimization-dept-highlight {
    border-color: rgba(232,185,35,.15);
    background: rgba(232,185,35,.04);
}

.optimization-dept-highlight:hover {
    border-color: rgba(232,185,35,.3);
}

.optimization-dept-highlight i {
    color: #f4c948;
}

@media (max-width: 768px) {
    .optimization-departments-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   Economic Consulting Page
   ========================================================= */

.economic-page {
    --eco-primary: #0f3d5c;
    --eco-primary-dark: #092c42;
    --eco-accent: #e8b923;
    --eco-dark: #041420;
    --eco-dark-2: #0a2436;
    --eco-card: rgba(255,255,255,.04);
    --eco-card-hover: rgba(255,255,255,.07);
    --eco-border: rgba(255,255,255,.1);
    --eco-border-strong: rgba(255,255,255,.22);
    --eco-ink: #f2f5f7;
    --eco-muted: rgba(242,245,247,.65);

    background: var(--eco-dark);
    color: var(--eco-ink);
    min-height: 100vh;
}

/* ---------- هیرو ---------- */
.economic-hero {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--eco-border);
    margin-bottom: 20px;
}

.economic-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.economic-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--eco-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--eco-accent);
    flex-shrink: 0;
}

.economic-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--eco-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.economic-hero-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.economic-hero-content p {
    color: var(--eco-muted);
    margin: 0;
    line-height: 1.9;
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .economic-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .economic-hero-content h1 {
        font-size: 1.6rem;
    }
}

/* ---------- محتوای اصلی (تمام‌عرض) ---------- */
.economic-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 40px 60px;
    background: var(--eco-dark);
}

@media (max-width: 768px) {
    .economic-wrap {
        padding: 20px 16px 60px;
    }
}

/* ---------- تصاویر ---------- */
.economic-image-main,
.economic-image-secondary,
.economic-priority-image {
    text-align: center;
    margin: 30px 0 40px;
}

.economic-main-img {
    max-width: 54%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--eco-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .economic-main-img {
        max-width: 95%;
    }
}

.economic-priority-image .economic-main-img {
    max-width: 480px;
}

/* ---------- بخش‌ها ---------- */
.economic-section {
    background: var(--eco-card);
    border: 1px solid var(--eco-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.economic-section:hover {
    border-color: var(--eco-border-strong);
}

.economic-section-header {
    margin-bottom: 18px;
}

.economic-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--eco-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.economic-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--eco-ink);
    margin: 0;
}

.economic-section-sub {
    color: var(--eco-muted);
    margin: 6px 0 0;
}

.economic-section-body p {
    color: var(--eco-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.economic-sub-title {
    font-weight: 700;
    color: var(--eco-ink);
    margin-top: 20px !important;
}

/* ---------- برند و هایلایت ---------- */
.economic-brand {
    color: var(--eco-accent);
    font-weight: 700;
}

.economic-highlight-red {
    color: #dc3545;
    font-weight: 700;
}

.economic-highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

/* ---------- باکس هایلایت ---------- */
.economic-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--eco-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin: 16px 0;
}

.economic-highlight-box i {
    color: var(--eco-accent);
    font-size: 22px;
    margin-top: 3px;
}

.economic-highlight-box div {
    color: var(--eco-ink);
    line-height: 1.9;
}

.economic-highlight-gold {
    background: rgba(232,185,35,.08);
    border-right-color: #f4c948;
}

.economic-highlight-gold i {
    color: #f4c948;
}

/* ---------- لیست توخالی ---------- */
.economic-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.economic-list li {
    position: relative;
    padding-right: 30px;
    margin-bottom: 16px;
    color: var(--eco-muted);
    line-height: 1.9;
}

.economic-list-hollow li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 14px;
    height: 14px;
    border: 2px solid var(--eco-accent);
    border-radius: 50%;
    background: transparent;
}

/* ---------- گرید خدمات ---------- */
.economic-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.economic-service-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--eco-border);
    border-radius: 12px;
    padding: 20px 22px;
    transition: .3s;
}

.economic-service-card:hover {
    border-color: var(--eco-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}

.economic-service-highlight {
    border-color: rgba(232,185,35,.2);
    background: rgba(232,185,35,.04);
}

.economic-service-highlight:hover {
    border-color: rgba(232,185,35,.4);
}

.economic-service-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(232,185,35,.1);
    color: var(--eco-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 12px;
}

.economic-service-card h4 {
    color: var(--eco-ink);
    font-weight: 700;
    margin: 0 0 6px;
}

.economic-service-card p {
    color: var(--eco-muted);
    margin: 0;
    font-size: .88rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .economic-grid-2col {
        grid-template-columns: 1fr;
    }
}

/* ---------- باکس نوت ---------- */
.economic-note-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--eco-border);
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 20px;
}

.economic-note-box i {
    color: var(--eco-accent);
    font-size: 22px;
    margin-top: 3px;
}

.economic-note-box div {
    color: var(--eco-muted);
    line-height: 1.9;
}

.economic-note-box strong {
    color: var(--eco-ink);
}

/* ---------- فرآیند ---------- */
.economic-process {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.economic-process-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--eco-border);
    border-radius: 12px;
    transition: .3s;
}

.economic-process-step:hover {
    border-color: var(--eco-border-strong);
    background: rgba(255,255,255,.05);
}

.economic-process-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--eco-accent);
    color: var(--eco-dark);
    font-weight: 800;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.economic-process-step h4 {
    color: var(--eco-ink);
    font-weight: 700;
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.economic-process-step h4 i {
    color: var(--eco-accent);
}

.economic-process-step p {
    color: var(--eco-muted);
    margin: 0;
    line-height: 1.7;
    font-size: .92rem;
}

.economic-process-arrow {
    text-align: center;
    color: var(--eco-muted);
    font-size: 20px;
    padding: 2px 0;
}

/* ---------- مینی بدج ---------- */
.economic-mini-badge {
    display: inline-block;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 12px;
    border-radius: 12px;
    margin: 0 4px;
    border: 1px solid;
}

.economic-mini-blue {
    color: #4fc3f7;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.economic-mini-green {
    color: #81c784;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.economic-mini-orange {
    color: #ffb74d;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.economic-mini-red {
    color: #ef5350;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.economic-mini-purple {
    color: #ce93d8;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

/* ---------- سرمایه‌گذاری بدج ---------- */
.economic-investment-badge {
    display: inline-block;
    font-size: .8rem;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 16px;
    margin: 2px 4px;
    border: 1px solid;
}

.economic-investment-green {
    color: #81c784;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.economic-investment-red {
    color: #ef5350;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.economic-investment-blue {
    color: #4fc3f7;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.economic-investment-purple {
    color: #ce93d8;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

.economic-investment-orange {
    color: #ffb74d;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

/* ---------- باکس سؤال ---------- */
.economic-question-box {
    padding: 4px 0;
}

.economic-question-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--eco-accent);
    padding: 8px 20px;
    border-radius: 12px;
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    margin-bottom: 20px;
}

.economic-question-title i {
    font-size: 20px;
}

.economic-final-note {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(232,185,35,.08);
    border: 1px solid rgba(232,185,35,.2);
    border-radius: 12px;
    padding: 16px 22px;
    margin-top: 20px;
}

.economic-final-note i {
    color: var(--eco-accent);
    font-size: 24px;
    flex-shrink: 0;
}

.economic-final-note {
    color: var(--eco-ink);
    font-weight: 600;
    line-height: 1.8;
}

/* ---------- جمع‌بندی ---------- */
.economic-section-summary {
    border-color: rgba(232,185,35,.2);
}

.economic-section-summary:hover {
    border-color: rgba(232,185,35,.4);
}

/* =========================================================
   Pricing Section - Economic Page
   ========================================================= */

.economic-pricing-section {
    border-color: rgba(232,185,35,.15);
}

.economic-pricing-section:hover {
    border-color: rgba(232,185,35,.3);
}

.economic-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 10px 0;
}

.economic-pricing-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--eco-border);
    border-radius: 14px;
    padding: 24px 20px;
    text-align: center;
    transition: all .3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.economic-pricing-card:hover {
    transform: translateY(-6px);
    border-color: var(--eco-border-strong);
    background: rgba(255,255,255,.06);
    box-shadow: 0 8px 30px rgba(0,0,0,.3);
}

.economic-pricing-popular {
    border-color: rgba(232,185,35,.3);
    background: rgba(232,185,35,.06);
}

.economic-pricing-popular:hover {
    border-color: var(--eco-accent);
    background: rgba(232,185,35,.1);
}

.economic-pricing-premium {
    border-color: rgba(232,185,35,.2);
    background: rgba(232,185,35,.04);
}

.economic-pricing-premium:hover {
    border-color: var(--eco-accent);
    background: rgba(232,185,35,.08);
}

.economic-pricing-badge {
    position: absolute;
    top: -12px;
    right: 20px;
    background: var(--eco-accent);
    color: var(--eco-dark);
    font-size: .7rem;
    font-weight: 800;
    padding: 3px 16px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.economic-pricing-badge-premium {
    background: linear-gradient(135deg, #f4c948, #e8b923);
    color: #1a1a2e;
}

.economic-pricing-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(232,185,35,.1);
    color: var(--eco-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin: 0 auto 12px;
}

.economic-pricing-card h4 {
    color: var(--eco-ink);
    font-weight: 700;
    font-size: 1.05rem;
    margin: 0 0 4px;
}

.economic-pricing-duration {
    display: inline-block;
    font-size: .8rem;
    color: var(--eco-muted);
    background: rgba(255,255,255,.05);
    padding: 2px 14px;
    border-radius: 12px;
    margin-bottom: 12px;
}

.economic-pricing-price {
    padding: 12px 0;
    border-top: 1px solid var(--eco-border);
    border-bottom: 1px solid var(--eco-border);
    margin-bottom: 14px;
}

.economic-pricing-amount {
    display: block;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--eco-accent);
    line-height: 1.2;
    direction: ltr;
}

.economic-pricing-currency {
    display: block;
    font-size: .8rem;
    color: var(--eco-muted);
    margin-top: 2px;
}

.economic-pricing-features {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    flex-grow: 1;
}

.economic-pricing-features li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--eco-muted);
    font-size: .85rem;
    line-height: 1.8;
    padding: 3px 0;
}

.economic-pricing-features li i {
    color: #4caf50;
    font-size: 14px;
    flex-shrink: 0;
}

.economic-pricing-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--eco-border);
    border-radius: 10px;
    padding: 14px 18px;
    margin-top: 20px;
}

.economic-pricing-note i {
    color: var(--eco-accent);
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
}

.economic-pricing-note div {
    color: var(--eco-muted);
    line-height: 1.8;
    font-size: .9rem;
}

.economic-pricing-note strong {
    color: var(--eco-ink);
}

/* ---------- CTA دکمه ---------- */
.economic-cta {
    margin-top: 24px;
    text-align: center;
}

.economic-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 36px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: .3s;
    border: none;
    cursor: pointer;
}

.economic-btn-primary {
    background: var(--eco-accent);
    color: var(--eco-dark);
}

.economic-btn-primary:hover {
    background: #f4c948;
    color: var(--eco-dark);
    transform: translateY(-3px);
    box-shadow: 0 0 30px rgba(232,185,35,.3);
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .economic-pricing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .economic-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .economic-hero-content h1 {
        font-size: 1.6rem;
    }
    .economic-wrap {
        padding: 20px 16px 60px;
    }
    .economic-main-img {
        max-width: 95%;
    }
    .economic-grid-2col {
        grid-template-columns: 1fr;
    }
    .economic-process-step {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .economic-process-arrow {
        transform: rotate(90deg);
    }
    .economic-question-title {
        font-size: 0.95rem;
        padding: 6px 14px;
    }
    .economic-final-note {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .economic-pricing-grid {
        grid-template-columns: 1fr;
    }
    .economic-pricing-amount {
        font-size: 1.4rem;
    }
}

/* =========================================================
   Website Design Page
   ========================================================= */

.website-page {
    --web-primary: #0f3d5c;
    --web-primary-dark: #092c42;
    --web-accent: #e8b923;
    --web-dark: #041420;
    --web-dark-2: #0a2436;
    --web-card: rgba(255,255,255,.04);
    --web-card-hover: rgba(255,255,255,.07);
    --web-border: rgba(255,255,255,.1);
    --web-border-strong: rgba(255,255,255,.22);
    --web-ink: #f2f5f7;
    --web-muted: rgba(242,245,247,.65);

    background: var(--web-dark);
    color: var(--web-ink);
    min-height: 100vh;
}

/* ---------- هیرو ---------- */
.website-hero {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--web-border);
    margin-bottom: 20px;
}

.website-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.website-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--web-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--web-accent);
    flex-shrink: 0;
}

.website-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--web-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.website-hero-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.website-hero-content p {
    color: var(--web-muted);
    margin: 0;
    line-height: 1.9;
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .website-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .website-hero-content h1 {
        font-size: 1.6rem;
    }
}

/* ---------- محتوای اصلی (تمام‌عرض) ---------- */
.website-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 40px 60px;
    background: var(--web-dark);
}

@media (max-width: 768px) {
    .website-wrap {
        padding: 20px 16px 60px;
    }
}

/* ---------- تصاویر ---------- */
.website-image-main,
.website-image-secondary {
    text-align: center;
    margin: 30px 0 40px;
}

.website-main-img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--web-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .website-main-img {
        max-width: 95%;
    }
}

/* ---------- بخش‌ها ---------- */
.website-section {
    background: var(--web-card);
    border: 1px solid var(--web-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.website-section:hover {
    border-color: var(--web-border-strong);
}

.website-section-header {
    margin-bottom: 18px;
}

.website-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--web-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.website-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--web-ink);
    margin: 0;
}

.website-section-body p {
    color: var(--web-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- برند و هایلایت ---------- */
.website-brand {
    color: var(--web-accent);
    font-weight: 700;
}

.website-highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

.website-highlight-green {
    color: #81c784;
    font-weight: 700;
}

/* ---------- باکس هایلایت ---------- */
.website-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--web-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin: 16px 0;
}

.website-highlight-box i {
    color: var(--web-accent);
    font-size: 22px;
    margin-top: 3px;
}

.website-highlight-box div {
    color: var(--web-ink);
    line-height: 1.9;
}

.website-highlight-gold {
    background: rgba(232,185,35,.08);
    border-right-color: #f4c948;
}

.website-highlight-gold i {
    color: #f4c948;
}

/* ---------- مینی بدج ---------- */
.website-mini-badge {
    display: inline-block;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 12px;
    border-radius: 12px;
    margin: 0 4px;
    border: 1px solid;
}

.website-mini-blue {
    color: #4fc3f7;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.website-mini-green {
    color: #81c784;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.website-mini-orange {
    color: #ffb74d;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.website-mini-red {
    color: #ef5350;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.website-mini-purple {
    color: #ce93d8;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

/* ---------- گول بدج ---------- */
.website-goal-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    border-radius: 20px;
    background: rgba(232,185,35,.15);
    color: var(--web-accent);
    border: 1px solid rgba(232,185,35,.2);
    font-weight: 700;
    font-size: .85rem;
}

/* ---------- تک بدج ---------- */
.website-tech-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    border-radius: 20px;
    background: rgba(79,195,247,.1);
    color: #4fc3f7;
    border: 1px solid rgba(79,195,247,.2);
    font-weight: 700;
    font-size: .85rem;
}

.website-feature-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 20px;
    margin: 4px;
    font-weight: 700;
    font-size: .85rem;
    border: 1px solid;
}

.website-feature-speed {
    color: #4fc3f7;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.website-feature-security {
    color: #81c784;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.website-feature-structure {
    color: #ffb74d;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.website-feature-text {
    font-size: 1.1rem;
    color: var(--web-ink);
    font-weight: 700;
    margin-right: 10px;
}

/* ---------- فلوی سه مرحله ---------- */
.website-flow {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.website-flow-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(255,255,255,.03);
    border: 1px solid var(--web-border);
    border-radius: 12px;
    transition: .3s;
}

.website-flow-step:hover {
    border-color: var(--web-border-strong);
    background: rgba(255,255,255,.05);
}

.website-flow-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--web-accent);
    color: var(--web-dark);
    font-weight: 800;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.website-flow-step h4 {
    color: var(--web-ink);
    font-weight: 700;
    margin: 0 0 4px;
}

.website-flow-step p {
    color: var(--web-muted);
    margin: 0;
    line-height: 1.7;
}

.website-flow-arrow {
    text-align: center;
    color: var(--web-muted);
    font-size: 18px;
    padding: 2px 0;
}

/* ---------- گرید خدمات ---------- */
.website-grid-2col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.website-service-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--web-border);
    border-radius: 12px;
    padding: 20px 22px;
    transition: .3s;
}

.website-service-card:hover {
    border-color: var(--web-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}

.website-service-highlight {
    border-color: rgba(232,185,35,.2);
    background: rgba(232,185,35,.04);
}

.website-service-highlight:hover {
    border-color: rgba(232,185,35,.4);
}

.website-service-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(232,185,35,.1);
    color: var(--web-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 12px;
}

.website-service-card h4 {
    color: var(--web-ink);
    font-weight: 700;
    margin: 0 0 6px;
}

.website-service-card p {
    color: var(--web-muted);
    margin: 0;
    font-size: .88rem;
    line-height: 1.7;
}

@media (max-width: 992px) {
    .website-grid-2col {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .website-grid-2col {
        grid-template-columns: 1fr;
    }
}

/* ---------- فرآیند ---------- */
.website-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.website-process-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--web-border);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: .3s;
}

.website-process-card:hover {
    border-color: var(--web-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}

.website-process-num {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: var(--web-accent);
    color: var(--web-dark);
    font-weight: 800;
    font-size: 1rem;
    margin-bottom: 12px;
}

.website-process-card h4 {
    color: var(--web-ink);
    font-weight: 700;
    margin: 0 0 6px;
}

.website-process-card p {
    color: var(--web-muted);
    margin: 0;
    font-size: .88rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .website-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .website-process-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- تبدیل (Conversion) ---------- */
.website-conversion-intro {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--web-ink);
    margin-bottom: 20px;
}

.website-conversion-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 20px 0;
    padding: 20px;
    background: rgba(255,255,255,.03);
    border-radius: 12px;
    border: 1px solid var(--web-border);
}

.website-flow-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    background: rgba(255,255,255,.04);
    border-radius: 10px;
    min-width: 70px;
}

.website-flow-item i {
    font-size: 24px;
    color: var(--web-accent);
}

.website-flow-item span {
    font-size: .8rem;
    color: var(--web-muted);
}

.website-flow-success i {
    color: #4caf50;
}

.website-flow-arrow {
    color: var(--web-muted);
    font-size: 20px;
    font-weight: 700;
}

.website-action-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    border-radius: 16px;
    margin: 2px 4px;
    font-size: .8rem;
    font-weight: 700;
    border: 1px solid;
}

.website-action-cart {
    color: #4fc3f7;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.website-action-consult {
    color: #81c784;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.website-action-phone {
    color: #ffb74d;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.website-action-form {
    color: #ce93d8;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

/* ---------- گالری تصاویر ---------- *//* ============================================ */
/* گالری تصاویر نمونه وب‌سایت */
/* ============================================ */

.website-image-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 25px 0;
}

.website-gallery-img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    border: 1.5px solid var(--web-border);
    transition: all 0.3s ease;
    cursor: pointer;
}

.website-gallery-img:hover {
    transform: scale(1.05);
    border-color: var(--web-accent);
    box-shadow: 0 4px 20px rgba(232,185,35,.2);
}
@media (max-width: 768px) {
    .website-image-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .website-gallery-img {
        height: 80px;
    }
}

@media (max-width: 480px) {
    .website-image-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
    .website-gallery-img {
        height: 70px;
    }
}

/* ---------- باکس تبدیل ---------- */
.website-conversion-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border: 1px solid rgba(232,185,35,.2);
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 20px;
}

.website-conversion-note i {
    color: var(--web-accent);
    font-size: 24px;
    margin-top: 4px;
    flex-shrink: 0;
}

.website-conversion-note div {
    color: var(--web-muted);
    line-height: 1.8;
}

.website-conversion-note strong {
    display: block;
    color: var(--web-ink);
    margin-bottom: 2px;
}

/* ---------- سؤال مهم ---------- */
.website-question-box {
    padding: 4px 0;
}

.website-question-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--web-accent);
    padding: 8px 20px;
    border-radius: 12px;
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    margin-bottom: 20px;
}

.website-question-title i {
    font-size: 20px;
}

.website-final-note {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(232,185,35,.08);
    border: 1px solid rgba(232,185,35,.2);
    border-radius: 12px;
    padding: 16px 22px;
    margin-top: 20px;
}

.website-final-note i {
    color: var(--web-accent);
    font-size: 24px;
    flex-shrink: 0;
}

.website-final-note {
    color: var(--web-ink);
    font-weight: 600;
    line-height: 1.8;
}

/* ---------- جمع‌بندی ---------- */
.website-section-summary {
    border-color: rgba(232,185,35,.2);
}

.website-section-summary:hover {
    border-color: rgba(232,185,35,.4);
}

/* ---------- بخش تکنیکال ---------- */
.website-section-tech {
    border-color: rgba(79,195,247,.15);
}

.website-section-tech:hover {
    border-color: rgba(79,195,247,.3);
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 768px) {
    .website-conversion-flow {
        flex-direction: column;
        gap: 8px;
    }
    .website-flow-arrow {
        transform: rotate(90deg);
    }
    .website-flow-item {
        width: 100%;
    }
}
/* ============================================ */
/* بزرگ‌نمایی تصاویر با کلیک */
/* ============================================ */

.click-image {
    cursor: zoom-in;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.click-image.active {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 80vw;
    max-width: 900px;
    height: 80vh;
    object-fit: contain;
    z-index: 9999;
    cursor: zoom-out;
    border: 2px solid var(--web-accent);
    box-shadow: 0 0 60px rgba(0,0,0,0.9), 0 0 30px rgba(232,185,35,.2);
    border-radius: 12px;
    background: rgba(4,20,32,.95);
    padding: 12px;
}

/* پس‌زمینه تاریک برای بزرگ‌نمایی */
.click-image.active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    z-index: -1;
}

@media (max-width: 768px) {
    .website-image-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .website-gallery-img {
        height: 80px;
    }
    .click-image.active {
        width: 95vw;
        height: 70vh;
    }
}

@media (max-width: 480px) {
    .website-image-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
    .website-gallery-img {
        height: 70px;
    }
    .click-image.active {
        width: 98vw;
        height: 60vh;
    }
}

/* =========================================================
   صفحه آموزش مذاکره - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.negotiation-page {
    --nego-primary: #0f3d5c;
    --nego-primary-dark: #092c42;
    --nego-accent: #e8b923;
    --nego-dark: #041420;
    --nego-dark-2: #0a2436;
    --nego-card: rgba(255,255,255,.04);
    --nego-card-hover: rgba(255,255,255,.07);
    --nego-border: rgba(255,255,255,.1);
    --nego-border-strong: rgba(255,255,255,.22);
    --nego-ink: #f2f5f7;
    --nego-muted: rgba(242,245,247,.65);

    background: var(--nego-dark);
    color: var(--nego-ink);
    min-height: 100vh;
}

/* ---------- هایلایت‌ها ---------- */
.highlight-gold {
    color: var(--nego-accent);
    font-weight: 700;
}

.highlight-green {
    color: #4caf50;
    font-weight: 700;
}

.highlight-red {
    color: #dc3545;
    font-weight: 700;
}

/* ---------- هیرو ---------- */
.negotiation-hero {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    padding: 50px 24px;
    border-bottom: 1px solid var(--nego-border);
    margin-bottom: 20px;
}

.negotiation-hero-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
}

.negotiation-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--nego-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--nego-accent);
    flex-shrink: 0;
}

.negotiation-eyebrow {
    display: inline-block;
    font-size: .82rem;
    font-weight: 700;
    color: var(--nego-accent);
    padding: 4px 16px;
    border-radius: 20px;
    background: rgba(232,185,35,.1);
    margin-bottom: 10px;
}

.negotiation-hero-content h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.negotiation-hero-content h1 .highlight-gold {
    color: var(--nego-accent);
}

.negotiation-hero-content p {
    color: var(--nego-muted);
    margin: 0 0 16px;
    line-height: 1.9;
    font-size: 1.05rem;
}

.negotiation-hero-stats {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    color: var(--nego-muted);
    font-size: .9rem;
}

.negotiation-hero-stats span {
    display: flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 768px) {
    .negotiation-hero-inner {
        flex-direction: column;
        text-align: center;
    }
    .negotiation-hero-content h1 {
        font-size: 1.6rem;
    }
    .negotiation-hero-stats {
        justify-content: center;
    }
}

/* ---------- محتوای اصلی ---------- */
.negotiation-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 24px 60px;
}

/* ---------- بخش‌ها ---------- */
.negotiation-section {
    background: var(--nego-card);
    border: 1px solid var(--nego-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin-bottom: 28px;
    transition: .3s;
}

.negotiation-section:hover {
    border-color: var(--nego-border-strong);
}

.negotiation-section-header {
    margin-bottom: 20px;
}

.negotiation-section-badge {
    display: inline-block;
    font-size: .78rem;
    font-weight: 700;
    color: var(--nego-accent);
    background: rgba(232,185,35,.1);
    border: 1px solid rgba(232,185,35,.2);
    padding: 4px 16px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.negotiation-section-header h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--nego-ink);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.negotiation-section-header h2 i {
    color: var(--nego-accent);
}

/* ---------- گرید ۳ ستونه ---------- */
.negotiation-grid-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

@media (max-width: 768px) {
    .negotiation-grid-3col {
        grid-template-columns: 1fr;
    }
}

/* ---------- کارت‌ها ---------- */
.negotiation-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--nego-border);
    border-radius: 12px;
    padding: 24px 20px;
    text-align: center;
    transition: .3s;
}

.negotiation-card:hover {
    border-color: var(--nego-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}

.negotiation-card-icon {
    font-size: 2.5rem;
    color: var(--nego-accent);
    margin-bottom: 12px;
}

.negotiation-card h4 {
    color: var(--nego-ink);
    font-weight: 700;
    font-size: 1.05rem;
    margin: 0 0 6px;
}

.negotiation-card p {
    color: var(--nego-muted);
    margin: 0;
    font-size: .92rem;
    line-height: 1.7;
}

/* ---------- کارت‌های موضوعات ---------- */
.negotiation-topic-card {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--nego-border);
    border-radius: 12px;
    padding: 24px 20px;
    transition: .3s;
}

.negotiation-topic-card:hover {
    border-color: var(--nego-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}

.negotiation-topic-icon {
    font-size: 2rem;
    color: var(--nego-accent);
    margin-bottom: 10px;
}

.negotiation-topic-card h4 {
    color: var(--nego-ink);
    font-weight: 700;
    font-size: 1.05rem;
    margin: 0 0 10px;
}

.negotiation-topic-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.negotiation-topic-card ul li {
    padding: 4px 0;
    color: var(--nego-muted);
    font-size: .9rem;
    position: relative;
    padding-right: 18px;
}

.negotiation-topic-card ul li::before {
    content: "▸";
    position: absolute;
    right: 0;
    color: var(--nego-accent);
    font-weight: 700;
}

/* ---------- باکس هایلایت ---------- */
.negotiation-highlight-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(232,185,35,.06);
    border-right: 4px solid var(--nego-accent);
    border-radius: 10px;
    padding: 16px 20px;
    margin-top: 20px;
}

.negotiation-highlight-box i {
    color: var(--nego-accent);
    font-size: 22px;
    margin-top: 3px;
    flex-shrink: 0;
}

.negotiation-highlight-box div {
    color: var(--nego-ink);
    line-height: 1.9;
}

.negotiation-highlight-box strong {
    color: var(--nego-accent);
}

.negotiation-highlight-box.gold {
    background: rgba(232,185,35,.08);
    border-right-color: #f4c948;
}

.negotiation-highlight-box.gold i {
    color: #f4c948;
}

/* ---------- تایم‌لاین ---------- */
.negotiation-timeline {
    position: relative;
    padding-right: 30px;
}

.negotiation-timeline::before {
    content: '';
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, var(--nego-accent), #f4c948);
    border-radius: 4px;
}

.negotiation-timeline-item {
    display: flex;
    gap: 20px;
    margin-bottom: 28px;
    position: relative;
}

.negotiation-timeline-item:last-child {
    margin-bottom: 0;
}

.negotiation-timeline-num {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: var(--nego-accent);
    color: var(--nego-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(232,185,35,.3);
}

.negotiation-timeline-content {
    flex: 1;
    padding-top: 4px;
}

.negotiation-timeline-content h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--nego-ink);
    margin-bottom: 2px;
}

.negotiation-timeline-content h4 span {
    font-weight: 600;
    font-size: .85rem;
}

.negotiation-timeline-content p {
    color: var(--nego-muted);
    font-size: .95rem;
    margin-bottom: 4px;
}

.negotiation-quote {
    background: rgba(255,255,255,.04);
    padding: 12px 18px;
    border-radius: 10px;
    font-size: .9rem;
    color: var(--nego-muted);
    border-right: 3px solid var(--nego-accent);
    margin-top: 6px;
}

.negotiation-quote i {
    color: var(--nego-accent);
    margin-left: 6px;
}

.negotiation-quote-author {
    display: block;
    font-size: .8rem;
    color: rgba(242,245,247,.5);
    margin-top: 4px;
}

/* ---------- آمار ---------- */
.negotiation-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.negotiation-stat-item {
    text-align: center;
    padding: 20px 12px;
    background: rgba(255,255,255,.03);
    border-radius: 12px;
    border: 1px solid var(--nego-border);
    transition: .3s;
}

.negotiation-stat-item:hover {
    border-color: var(--nego-border-strong);
    background: rgba(255,255,255,.05);
    transform: scale(1.02);
}

.negotiation-stat-number {
    display: block;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.2;
}

.negotiation-stat-label {
    display: block;
    font-size: .82rem;
    color: var(--nego-muted);
    margin-top: 4px;
}

@media (max-width: 768px) {
    .negotiation-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .negotiation-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ---------- داستان‌ها ---------- */
.negotiation-story {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--nego-border);
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 16px;
    border-right: 4px solid var(--nego-accent);
    transition: .3s;
}

.negotiation-story:last-child {
    margin-bottom: 0;
}

.negotiation-story:hover {
    border-color: var(--nego-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateX(-4px);
}

.negotiation-story-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
}

.negotiation-story-number {
    background: var(--nego-accent);
    color: var(--nego-dark);
    padding: 2px 14px;
    border-radius: 50px;
    font-size: .8rem;
    font-weight: 700;
}

.negotiation-story-brand {
    font-weight: 700;
    color: var(--nego-ink);
    font-size: 1rem;
}

.negotiation-story-body p {
    color: var(--nego-muted);
    font-size: .95rem;
    margin-bottom: 8px;
}

.negotiation-story-lesson {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(232,185,35,.08);
    padding: 10px 16px;
    border-radius: 8px;
    font-size: .9rem;
    color: var(--nego-ink);
}

.negotiation-story-lesson i {
    color: var(--nego-accent);
    font-size: 1.1rem;
    margin-top: 2px;
}

/* ---------- تکنیک‌ها ---------- */
.negotiation-tech-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.negotiation-tech-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.03);
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--nego-border);
    transition: .3s;
    flex-wrap: wrap;
}

.negotiation-tech-item:hover {
    border-color: var(--nego-border-strong);
    background: rgba(255,255,255,.05);
    transform: translateY(-2px);
}

.negotiation-tech-num {
    background: var(--nego-accent);
    color: var(--nego-dark);
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 800;
}

.negotiation-tech-name {
    font-weight: 700;
    color: var(--nego-ink);
    font-size: .9rem;
    flex: 1;
}

.negotiation-tech-desc {
    font-size: .78rem;
    color: var(--nego-muted);
    width: 100%;
    padding-right: 38px;
}

@media (max-width: 768px) {
    .negotiation-tech-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- جمع‌بندی ---------- */
.negotiation-section-summary {
    border-color: rgba(232,185,35,.2);
}

.negotiation-section-summary:hover {
    border-color: rgba(232,185,35,.4);
}

.negotiation-final-quote {
    font-size: 1.2rem;
    text-align: center;
    margin: 20px 0;
}

.negotiation-final-quote .highlight-red {
    font-size: 1.4rem;
}

/* ---------- CTA ---------- */
.negotiation-cta-box {
    background: linear-gradient(135deg, #092c42 0%, #0f3d5c 100%);
    border: 1px solid var(--nego-border-strong);
    border-radius: 16px;
    padding: 30px 35px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.negotiation-cta-content {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--nego-ink);
}

.negotiation-cta-content i {
    font-size: 2.5rem;
    color: var(--nego-accent);
}

.negotiation-cta-content h4 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.negotiation-cta-content h4 .highlight-gold {
    color: var(--nego-accent);
}

.negotiation-cta-content p {
    font-size: .9rem;
    color: var(--nego-muted);
    margin-bottom: 0;
}

.negotiation-cta-btn {
    background: var(--nego-accent);
    color: var(--nego-dark);
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: .3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.negotiation-cta-btn:hover {
    background: #f4c948;
    color: var(--nego-dark);
    transform: translateX(-4px);
    box-shadow: 0 4px 20px rgba(232,185,35,.3);
}

.negotiation-cta-btn i {
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .negotiation-cta-box {
        flex-direction: column;
        text-align: center;
    }
    .negotiation-cta-content {
        flex-direction: column;
        text-align: center;
    }
    .negotiation-cta-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .negotiation-section {
        padding: 24px 20px;
    }
}

@media (max-width: 768px) {
    .negotiation-wrap {
        padding: 12px 16px 40px;
    }
    .negotiation-section {
        padding: 20px 16px;
    }
    .negotiation-section-header h2 {
        font-size: 1.2rem;
    }
    .negotiation-timeline {
        padding-right: 16px;
    }
    .negotiation-timeline-num {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: .85rem;
    }
}

@media (max-width: 480px) {
    .negotiation-hero {
        padding: 30px 16px;
    }
    .negotiation-hero-content h1 {
        font-size: 1.4rem;
    }
    .negotiation-hero-stats {
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }
    .negotiation-section {
        padding: 16px 12px;
    }
    .negotiation-stat-number {
        font-size: 1.6rem;
    }
}
/* =========================================================
   صفحه آموزش بازارهای مالی - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.financial-page {
    --fin-primary: #0f3d5c;
    --fin-primary-dark: #092c42;
    --fin-accent: #e8b923;
    --fin-dark: #041420;
    --fin-dark-2: #0a2436;
    --fin-card: rgba(255,255,255,.04);
    --fin-card-hover: rgba(255,255,255,.07);
    --fin-border: rgba(255,255,255,.1);
    --fin-border-strong: rgba(255,255,255,.22);
    --fin-ink: #f2f5f7;
    --fin-muted: rgba(242,245,247,.65);

    background: var(--fin-dark);
    color: var(--fin-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;  /* ← اضافه شد: فاصله از بالای صفحه */
}

/* ---------- هایلایت‌ها ---------- */
.highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

.highlight-green2 {
    color: #4caf50;
    font-weight: 700;
}

.highlight-red {
    color: #dc3545;
    font-weight: 700;
}

.highlight-progis {
    color: var(--fin-accent);
    font-weight: 700;
}

/* ---------- مینی بدج ---------- */
.mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    margin: 2px 4px;
    border: 1px solid;
    transition: all 0.3s ease;
    cursor: default;
    position: relative;
    color: #f2f5f7 !important;
}

.mini-badge i {
    font-size: .8rem;
    color: inherit !important;
}

.mini-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

/* رنگ‌های مینی بدج */
.mini-badge.blue {
    color: #4fc3f7 !important;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.mini-badge.green {
    color: #81c784 !important;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.mini-badge.red {
    color: #ef5350 !important;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.mini-badge.orange {
    color: #ffb74d !important;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.mini-badge.purple {
    color: #ce93d8 !important;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

.mini-badge.gold {
    color: var(--fin-accent) !important;
    border-color: var(--fin-accent);
    background: rgba(232,185,35,.1);
}

/* ---------- تایتل اصلی ---------- */
.seminar-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 16px;  /* ← margin-top کاهش یافت چون padding-top به صفحه اضافه شد */
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
}

.seminar-title i {
    color: var(--fin-accent);
    font-size: 2rem;
}

/* ---------- مقدمه ---------- */
.seminar-intro {
    font-size: 1.05rem;
    color: var(--fin-muted);
    line-height: 2;
    padding: 0 24px;
    margin-bottom: 16px;
}

.seminar-intro i {
    color: var(--fin-accent);
    font-size: 1.2rem;
    margin-left: 8px;
}

.sky-icon {
    color: #4fc3f7 !important;
}

/* ---------- گالری تصاویر ---------- */
.forex-image-gallery {
    text-align: center;
    margin: 30px 0 40px;
    padding: 0 24px;
}

.forex-image-gallery img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--fin-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.forex-image-gallery img:hover {
    border-color: var(--fin-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
}

@media (max-width: 768px) {
    .forex-image-gallery img {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .forex-image-gallery img {
        max-width: 100%;
    }
}

/* ---------- باکس اصلی (سمینار) ---------- */
.seminar-box {
    background: var(--fin-card);
    border: 1px solid var(--fin-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.seminar-box:hover {
    border-color: var(--fin-border-strong);
}

.seminar-box h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.seminar-box h2 i {
    color: var(--fin-accent);
    font-size: 1.5rem;
}

.seminar-box p {
    color: var(--fin-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.seminar-box .highlight-red,
.seminar-box .highlight-blue,
.seminar-box .highlight-green2,
.seminar-box .highlight-progis {
    color: var(--fin-accent);
}

/* ---------- گرید سمینار ---------- */
.seminar-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 16px 0;
}

.seminar-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--fin-border);
    border-radius: 12px;
    padding: 24px 22px;
    transition: all 0.3s ease;
}

.seminar-card:hover {
    border-color: var(--fin-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.seminar-card > i {
    font-size: 2.5rem;
    color: var(--fin-accent);
    display: block;
    margin-bottom: 12px;
}
/* ---------- گرید دوره‌های توسعه ذهنی ---------- */
.mindset-courses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px 0;
}

/* ---------- کارت دوره ---------- */
.mindset-course-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--mind-border);
    border-radius: 12px;
    padding: 20px 18px;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mindset-course-card:hover {
    border-color: var(--mind-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.mindset-course-card > i {
    font-size: 2rem;
    color: var(--mind-accent);
    display: block;
    margin-bottom: 10px;
}

.mindset-course-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    flex: 1;
}

.mindset-course-card ul li {
    position: relative;
    padding-right: 20px;
    color: var(--mind-muted);
    font-size: .88rem;
    line-height: 1.9;
    margin-bottom: 4px;
}

.mindset-course-card ul li::before {
    content: "▸";
    position: absolute;
    right: 0;
    color: var(--mind-accent);
    font-weight: 700;
}

/* ---------- عنوان دوره ---------- */
.mindset-course-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

/* ---------- بدج دوره ---------- */
.mindset-course-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 12px;
    border-radius: 20px;
    background: rgba(232,185,35,.15);
    color: var(--mind-accent);
    border: 1px solid rgba(232,185,35,.2);
    margin-bottom: 8px;
}

.mindset-course-badge i {
    font-size: .7rem;
}

/* ---------- نتیجه دوره ---------- */
.mindset-course-result {
    background: rgba(255,255,255,.03);
    border-radius: 8px;
    padding: 12px 14px;
    margin: 12px 0;
    border-right: 3px solid #4caf50;
}

.mindset-course-result strong {
    font-size: .85rem;
    display: block;
    margin-bottom: 4px;
}

.mindset-course-result p {
    font-size: .85rem;
    color: var(--mind-muted);
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

/* ---------- دکمه علاقه‌مندی ---------- */
.mindset-course-vote {
    margin-top: auto;
    padding-top: 10px;
}

.mindset-interest-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid var(--mind-border);
    background: rgba(255,255,255,.03);
    color: var(--mind-muted);
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    width: 100%;
    justify-content: center;
}

.mindset-interest-btn:hover {
    border-color: var(--mind-accent);
    background: rgba(232,185,35,.08);
    color: #ffffff;
}

.mindset-interest-btn.active {
    border-color: #dc3545;
    background: rgba(220,53,69,.1);
    color: #dc3545;
}

.mindset-interest-btn.active i {
    color: #dc3545 !important;
}

.mindset-interest-btn i {
    font-size: 1rem;
    transition: all 0.3s ease;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .mindset-courses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .mindset-courses-grid {
        grid-template-columns: 1fr 1fr;
        margin: 16px 16px;
    }
}

@media (max-width: 576px) {
    .mindset-courses-grid {
        grid-template-columns: 1fr;
        margin: 16px 12px;
    }
}

.seminar-card .course-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.seminar-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.seminar-card ul li {
    position: relative;
    padding-right: 24px;
    color: var(--fin-muted);
    line-height: 1.9;
    margin-bottom: 8px;
    font-size: .92rem;
}

.seminar-card ul li::before {
    content: "▸";
    position: absolute;
    right: 0;
    color: var(--fin-accent);
    font-weight: 700;
}

.seminar-card ul li strong {
    color: #ffffff;
}

.seminar-card ul li .highlight-blue,
.seminar-card ul li .highlight-red {
    color: var(--fin-accent);
}

@media (max-width: 768px) {
    .seminar-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .seminar-box {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .seminar-title {
        font-size: 1.5rem;
        padding: 0 16px;
    }
    .seminar-intro {
        padding: 0 16px;
        font-size: .95rem;
    }
}

/* ---------- استپ باکس (مشابه تم قبلی) ---------- */
.step-box {
    background: var(--fin-card);
    border: 1px solid var(--fin-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.step-box:hover {
    border-color: var(--fin-border-strong);
}

.step-box .simple-title h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #092c42;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-box .simple-title h2 i {
    color: var(--fin-accent);
    font-size: 1.5rem;
}

.step-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-box h3 i {
    font-size: 1.5rem;
}

.step-box h3 .highlight-blue {
    color: #4fc3f7;
}

.step-box p {
    color: var(--fin-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.step-box p .highlight-blue,
.step-box p .highlight-red,
.step-box p .highlight-green2,
.step-box p .highlight-progis {
    color: var(--fin-accent);
}

.step-box .step-box {
    margin: 0;
    padding: 20px 24px;
    border-color: var(--fin-border-strong);
}

/* ---------- تصویر سمینار ---------- */
.seminar-image {
    text-align: center;
    margin: 30px 0 40px;
    padding: 0 24px;
}

.seminar-image img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--fin-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.seminar-image img:hover {
    border-color: var(--fin-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
}

@media (max-width: 768px) {
    .seminar-image img {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .seminar-image img {
        max-width: 100%;
    }
}

/* ---------- مقایسه بازار (مزایا و معایب) ---------- */
.market-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0 24px 28px;
}

.market-column {
    background: var(--fin-card);
    border: 1px solid var(--fin-border);
    border-radius: 16px;
    padding: 28px 26px;
    transition: all 0.3s ease;
}

.market-column:hover {
    border-color: var(--fin-border-strong);
}

.market-column h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.market-column h2 i {
    font-size: 1.3rem;
}

.market-column.market-plus {
    border-top: 3px solid #4caf50;
}

.market-column.market-plus h2 i {
    color: #4caf50;
}

.market-column.market-minus {
    border-top: 3px solid #dc3545;
}

.market-column.market-minus h2 i {
    color: #dc3545;
}

.market-highlight {
    background: rgba(255,255,255,.05);
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 16px;
    border-right: 3px solid var(--fin-accent);
}

.market-highlight strong {
    color: #ffffff;
}

.market-highlight .highlight-blue,
.market-highlight .highlight-red {
    color: var(--fin-accent);
}

.market-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.market-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--fin-muted);
    line-height: 1.8;
    padding: 4px 0;
    font-size: .92rem;
}

.market-list li i {
    font-size: 1.1rem;
    margin-top: 4px;
    flex-shrink: 0;
}

.market-list.plus li i {
    color: #4caf50;
}

.market-list.minus li i {
    color: #dc3545;
}

@media (max-width: 768px) {
    .market-compare {
        grid-template-columns: 1fr;
        margin: 0 16px 20px;
    }
    .market-column {
        padding: 20px 18px;
    }
}

@media (max-width: 480px) {
    .step-box {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .seminar-box {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .market-compare {
        margin: 0 12px 20px;
    }
    .seminar-image {
        padding: 0 12px;
    }
    .forex-image-gallery {
        padding: 0 12px;
    }
}

/* ---------- گرید تیپ‌ها ---------- */
.tips-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.sales-tip-box {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--fin-border);
    border-radius: 10px;
    padding: 12px 16px;
    transition: all 0.3s ease;
    color: var(--fin-muted);
    font-size: .92rem;
}

.sales-tip-box:hover {
    border-color: var(--fin-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-2px);
}

.sales-tip-box i {
    color: #4caf50;
    font-size: 1.1rem;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .tips-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .tips-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- ریسپانسیو کلی ---------- */
@media (max-width: 768px) {
    .financial-page {
        padding-top: 20px;  /* ← فاصله کمتر در موبایل */
    }

    .seminar-title {
        font-size: 1.6rem;
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .seminar-title i {
        font-size: 1.5rem;
    }
    .seminar-card {
        padding: 18px 16px;
    }
    .seminar-box h2,
    .step-box .simple-title h2,
    .step-box h3 {
        font-size: 1.2rem;
    }
    .market-column h2 {
        font-size: 1.1rem;
    }
    .mini-badge {
        font-size: .7rem;
        padding: 3px 10px;
        margin: 2px 3px;
    }
}

@media (max-width: 480px) {
    .financial-page {
        padding-top: 15px;  /* ← فاصله کمتر در موبایل کوچک */
    }

    .seminar-title {
        font-size: 1.3rem;
        margin-top: 0;
    }
    .seminar-intro {
        font-size: .9rem;
    }
    .seminar-box h2,
    .step-box .simple-title h2,
    .step-box h3 {
        font-size: 1rem;
    }
    .seminar-card .course-title {
        font-size: 1rem;
    }
    .market-list li {
        font-size: .85rem;
    }
    .sales-tip-box {
        font-size: .85rem;
        padding: 10px 14px;
    }
}

/* =========================================================
   صفحه آموزش برنامه نویسی - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.programming-page {
    --prog-primary: #0f3d5c;
    --prog-primary-dark: #092c42;
    --prog-accent: #e8b923;
    --prog-dark: #041420;
    --prog-dark-2: #0a2436;
    --prog-card: rgba(255,255,255,.04);
    --prog-card-hover: rgba(255,255,255,.07);
    --prog-border: rgba(255,255,255,.1);
    --prog-border-strong: rgba(255,255,255,.22);
    --prog-ink: #f2f5f7;
    --prog-muted: rgba(242,245,247,.65);

    background: var(--prog-dark);
    color: var(--prog-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- هایلایت‌ها ---------- */
.highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

.highlight-green2 {
    color: #4caf50;
    font-weight: 700;
}

.highlight-red {
    color: #dc3545;
    font-weight: 700;
}

.highlight-progis {
    color: var(--prog-accent);
    font-weight: 700;
}

/* ---------- تایتل اصلی ---------- */
.seminar-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
}

.seminar-title i {
    color: var(--prog-accent);
    font-size: 2rem;
}

/* ---------- مقدمه ---------- */
.seminar-intro {
    font-size: 1.05rem;
    color: var(--prog-muted);
    line-height: 2;
    padding: 0 24px;
    margin-bottom: 16px;
}

.seminar-intro i {
    color: var(--prog-accent);
    font-size: 1.2rem;
    margin-left: 8px;
}

.sky-icon {
    color: #4fc3f7 !important;
}

/* ---------- لینک‌های آسمانی (popover) ---------- */
.sky-link {
    color: #4fc3f7;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 2px dashed rgba(79,195,247,.3);
    transition: all 0.3s ease;
    padding: 2px 4px;
}

.sky-link:hover {
    color: var(--prog-accent);
    border-bottom-color: var(--prog-accent);
}

/* ---------- تصاویر ---------- */
.seminar-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 30px 24px 40px;
}

.seminar-image {
    text-align: center;
}

.seminar-image img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--prog-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    transition: all 0.3s ease;
}

.seminar-image img:hover {
    border-color: var(--prog-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
    transform: scale(1.01);
}

.seminar-images .seminar-image img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .seminar-images {
        grid-template-columns: 1fr;
        margin: 20px 16px 30px;
    }
}

@media (max-width: 480px) {
    .seminar-images {
        margin: 15px 12px 20px;
    }
}

/* ---------- باکس اصلی (سمینار) ---------- */
.seminar-box {
    background: var(--prog-card);
    border: 1px solid var(--prog-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.seminar-box:hover {
    border-color: var(--prog-border-strong);
}

.seminar-box h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.seminar-box h2 i {
    color: var(--prog-accent);
    font-size: 1.5rem;
}

.seminar-box p {
    color: var(--prog-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- گرید سمینار ---------- */
.seminar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px 0;
}

.seminar-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--prog-border);
    border-radius: 12px;
    padding: 20px 18px;
    transition: all 0.3s ease;
}

.seminar-card:hover {
    border-color: var(--prog-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.seminar-card > i {
    font-size: 2rem;
    color: var(--prog-accent);
    display: block;
    margin-bottom: 10px;
}

.seminar-card h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.seminar-card p {
    color: var(--prog-muted);
    font-size: .9rem;
    line-height: 1.8;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .seminar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .seminar-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .seminar-box {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .seminar-title {
        font-size: 1.5rem;
        padding: 0 16px;
    }
    .seminar-intro {
        padding: 0 16px;
        font-size: .95rem;
    }
}

/* ---------- استپ باکس ---------- */
.step-box {
    background: var(--prog-card);
    border: 1px solid var(--prog-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.step-box:hover {
    border-color: var(--prog-border-strong);
}

.step-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-box h3 i {
    font-size: 1.5rem;
}

.step-box h3 .highlight-blue {
    color: #4fc3f7;
}

.step-box p {
    color: var(--prog-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.step-box p .highlight-blue,
.step-box p .highlight-red,
.step-box p .highlight-green2,
.step-box p .highlight-progis {
    color: var(--prog-accent);
}

/* ---------- تصویر تکی ---------- */
.seminar-image.single {
    margin: 30px 24px 40px;
}

.seminar-image.single img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--prog-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.seminar-image.single img:hover {
    border-color: var(--prog-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
}

@media (max-width: 768px) {
    .seminar-image.single img {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .seminar-image.single img {
        max-width: 100%;
    }
    .seminar-image.single {
        margin: 20px 12px 30px;
    }
}

/* ---------- بخش ثبت‌نام ---------- */
.seminar-attend {
    background: var(--prog-card);
    border: 1px solid var(--prog-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    text-align: center;
    transition: all 0.3s ease;
    border-top: 3px solid var(--prog-accent);
}

.seminar-attend:hover {
    border-color: var(--prog-border-strong);
}

.seminar-attend h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.seminar-attend h2 i {
    color: var(--prog-accent);
    font-size: 1.5rem;
}

.seminar-attend p {
    color: var(--prog-muted);
    line-height: 2;
    margin-bottom: 20px;
    font-size: 1rem;
}

.seminar-badges {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.seminar-badges .mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 50px;
    border: 1px solid;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.seminar-badges .mini-badge i {
    font-size: 1rem;
}

.seminar-badges .mini-badge.blue {
    color: #4fc3f7 !important;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.seminar-badges .mini-badge.blue:hover {
    background: rgba(79,195,247,.2);
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(79,195,247,.2);
}

.seminar-badges .mini-badge.gold {
    color: var(--prog-accent) !important;
    border-color: var(--prog-accent);
    background: rgba(232,185,35,.1);
}

.seminar-badges .mini-badge.gold:hover {
    background: rgba(232,185,35,.2);
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(232,185,35,.2);
}

.seminar-badges .mini-badge.green {
    color: #81c784 !important;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.seminar-badges .mini-badge.green:hover {
    background: rgba(129,199,132,.2);
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(129,199,132,.2);
}

@media (max-width: 480px) {
    .seminar-attend {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .seminar-attend h2 {
        font-size: 1.1rem;
        flex-wrap: wrap;
    }
    .seminar-badges .mini-badge {
        font-size: .8rem;
        padding: 8px 16px;
    }
}

/* ---------- استپ باکس جمع‌بندی ---------- */
.step-box:last-of-type {
    border-color: rgba(232,185,35,.2);
}

.step-box:last-of-type:hover {
    border-color: rgba(232,185,35,.4);
}

/* ---------- ریسپانسیو کلی ---------- */
@media (max-width: 768px) {
    .programming-page {
        padding-top: 20px;
    }

    .seminar-title {
        font-size: 1.6rem;
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .seminar-title i {
        font-size: 1.5rem;
    }
    .seminar-card {
        padding: 16px 14px;
    }
    .seminar-box h2,
    .step-box h3,
    .seminar-attend h2 {
        font-size: 1.2rem;
    }
    .step-box {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
    .seminar-box {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
    .seminar-attend {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
}

@media (max-width: 480px) {
    .programming-page {
        padding-top: 15px;
    }

    .seminar-title {
        font-size: 1.3rem;
        margin-top: 0;
    }
    .seminar-intro {
        font-size: .9rem;
    }
    .seminar-box h2,
    .step-box h3,
    .seminar-attend h2 {
        font-size: 1rem;
    }
    .seminar-card h3 {
        font-size: .95rem;
    }
    .seminar-card p {
        font-size: .85rem;
    }
    .step-box {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .seminar-box {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .seminar-attend {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .seminar-attend p {
        font-size: .9rem;
    }
}

/* =========================================================
   صفحه آموزش توسعه ذهنی مدیران - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.mindset-page {
    --mind-primary: #0f3d5c;
    --mind-primary-dark: #092c42;
    --mind-accent: #e8b923;
    --mind-dark: #041420;
    --mind-dark-2: #0a2436;
    --mind-card: rgba(255,255,255,.04);
    --mind-card-hover: rgba(255,255,255,.07);
    --mind-border: rgba(255,255,255,.1);
    --mind-border-strong: rgba(255,255,255,.22);
    --mind-ink: #f2f5f7;
    --mind-muted: rgba(242,245,247,.65);

    background: var(--mind-dark);
    color: var(--mind-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- هایلایت‌ها ---------- */
.highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

.highlight-green2 {
    color: #4caf50;
    font-weight: 700;
}

.highlight-red {
    color: #dc3545;
    font-weight: 700;
}

.highlight-progis {
    color: var(--mind-accent);
    font-weight: 700;
}

/* ---------- تایتل اصلی ---------- */
.seminar-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
}

.seminar-title i {
    color: var(--mind-accent);
    font-size: 2rem;
}

/* ---------- مقدمه ---------- */
.seminar-intro {
    font-size: 1.05rem;
    color: var(--mind-muted);
    line-height: 2;
    padding: 0 24px;
    margin-bottom: 16px;
}

.seminar-intro i {
    color: var(--mind-accent);
    font-size: 1.2rem;
    margin-left: 8px;
}

.seminar-page p {
    font-size: 1.05rem;
    color: var(--mind-muted);
    line-height: 2;
    padding: 0 24px;
    margin-bottom: 16px;
}

/* ---------- مینی بدج ---------- */
.mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    margin: 2px 4px;
    border: 1px solid;
    transition: all 0.3s ease;
    cursor: default;
    color: #f2f5f7 !important;
}

.mini-badge i {
    font-size: .8rem;
    color: inherit !important;
}

.mini-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

.mini-badge.blue {
    color: #4fc3f7 !important;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.mini-badge.green {
    color: #81c784 !important;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.mini-badge.red {
    color: #ef5350 !important;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.mini-badge.orange {
    color: #ffb74d !important;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.mini-badge.purple {
    color: #ce93d8 !important;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

.mini-badge.gold {
    color: var(--mind-accent) !important;
    border-color: var(--mind-accent);
    background: rgba(232,185,35,.1);
}

/* ---------- تصاویر ---------- */
.seminar-image {
    text-align: center;
    margin: 30px 24px 40px;
}

.seminar-image img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--mind-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    transition: all 0.3s ease;
    display: block;
    margin: 0 auto;
}

.seminar-image img:hover {
    border-color: var(--mind-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
    transform: scale(1.01);
}

@media (max-width: 768px) {
    .seminar-image img {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .seminar-image img {
        max-width: 100%;
    }
    .seminar-image {
        margin: 20px 12px 30px;
    }
}

/* ---------- باکس اصلی (سمینار) ---------- */
.seminar-box {
    background: var(--mind-card);
    border: 1px solid var(--mind-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.seminar-box:hover {
    border-color: var(--mind-border-strong);
}

.seminar-box h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.seminar-box h2 i {
    color: var(--mind-accent);
    font-size: 1.5rem;
}

.seminar-box p {
    color: var(--mind-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.seminar-box .highlight-blue,
.seminar-box .highlight-red,
.seminar-box .highlight-green2,
.seminar-box .highlight-progis {
    color: var(--mind-accent);
}

/* ---------- استپ باکس ---------- */
.step-box {
    background: var(--mind-card);
    border: 1px solid var(--mind-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.step-box:hover {
    border-color: var(--mind-border-strong);
}



.step-box .simple-title h2 i {
    color: var(--mind-accent);
    font-size: 1.5rem;
}

.step-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-box h3 i {
    font-size: 1.5rem;
}

.step-box h3 .highlight-blue {
    color: #4fc3f7;
}

.step-box p {
    color: var(--mind-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.step-box p .highlight-blue,
.step-box p .highlight-red,
.step-box p .highlight-green2,
.step-box p .highlight-progis {
    color: var(--mind-accent);
}

/* ---------- گرید دوره‌ها ---------- */
.seminar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px 24px;
}

.seminar-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--mind-border);
    border-radius: 12px;
    padding: 20px 18px;
    transition: all 0.3s ease;
    position: relative;
}

.seminar-card:hover {
    border-color: var(--mind-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.seminar-card > i {
    font-size: 2rem;
    color: var(--mind-accent);
    display: block;
    margin-bottom: 10px;
}

.seminar-card .course-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.seminar-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
}

.seminar-card ul li {
    position: relative;
    padding-right: 20px;
    color: var(--mind-muted);
    font-size: .88rem;
    line-height: 1.9;
    margin-bottom: 4px;
}

.seminar-card ul li::before {
    content: "▸";
    position: absolute;
    right: 0;
    color: var(--mind-accent);
    font-weight: 700;
}

/* ---------- بدج دوره ---------- */
.course-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 12px;
    border-radius: 20px;
    background: rgba(232,185,35,.15);
    color: var(--mind-accent);
    border: 1px solid rgba(232,185,35,.2);
    margin-bottom: 8px;
}

.course-badge i {
    font-size: .7rem;
}

/* ---------- نتیجه دوره ---------- */
.course-result {
    background: rgba(255,255,255,.03);
    border-radius: 8px;
    padding: 12px 14px;
    margin: 12px 0;
    border-right: 3px solid #4caf50;
}

.course-result strong {
    font-size: .85rem;
    display: block;
    margin-bottom: 4px;
}

.course-result p {
    font-size: .85rem;
    color: var(--mind-muted);
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

/* ---------- دکمه علاقه‌مندی ---------- */
.course-vote {
    margin-top: 10px;
}

.interest-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid var(--mind-border);
    background: rgba(255,255,255,.03);
    color: var(--mind-muted);
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    width: 100%;
    justify-content: center;
}

.interest-btn:hover {
    border-color: var(--mind-accent);
    background: rgba(232,185,35,.08);
    color: #ffffff;
}

.interest-btn.active {
    border-color: #dc3545;
    background: rgba(220,53,69,.1);
    color: #dc3545;
}

.interest-btn.active i {
    color: #dc3545 !important;
}

.interest-btn i {
    font-size: 1rem;
    transition: all 0.3s ease;
}

@media (max-width: 992px) {
    .seminar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .seminar-grid {
        grid-template-columns: 1fr 1fr;
        margin: 16px 16px;
    }
}

@media (max-width: 576px) {
    .seminar-grid {
        grid-template-columns: 1fr;
        margin: 16px 12px;
    }
}

@media (max-width: 480px) {
    .seminar-box {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .step-box {
        padding: 20px 16px;
        margin: 0 12px 20px;
    }
    .seminar-title {
        font-size: 1.5rem;
        padding: 0 16px;
    }
    .seminar-intro {
        padding: 0 16px;
        font-size: .95rem;
    }
    .seminar-page p {
        padding: 0 16px;
        font-size: .95rem;
    }
    .seminar-card {
        padding: 16px 14px;
    }
    .step-box .simple-title h2 {
        font-size: 1.1rem;
    }
}

/* ---------- ریسپانسیو کلی ---------- */
@media (max-width: 768px) {
    .mindset-page {
        padding-top: 20px;
    }

    .seminar-title {
        font-size: 1.6rem;
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .seminar-title i {
        font-size: 1.5rem;
    }
    .seminar-box h2,
    .step-box .simple-title h2,
    .step-box h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .mindset-page {
        padding-top: 15px;
    }

    .seminar-title {
        font-size: 1.3rem;
        margin-top: 0;
    }
    .seminar-intro {
        font-size: .9rem;
    }
    .seminar-page p {
        font-size: .9rem;
    }
    .seminar-box h2,
    .step-box .simple-title h2,
    .step-box h3 {
        font-size: 1rem;
    }
    .seminar-card .course-title {
        font-size: .95rem;
    }
    .seminar-card ul li {
        font-size: .82rem;
    }
    .interest-btn {
        font-size: .8rem;
        padding: 6px 14px;
    }
    .mini-badge {
        font-size: .7rem;
        padding: 3px 10px;
    }
}
/* =========================================================
   صفحه آموزش مهندسی فروش - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.sales-page {
    --sales-primary: #0f3d5c;
    --sales-primary-dark: #092c42;
    --sales-accent: #e8b923;
    --sales-dark: #041420;
    --sales-dark-2: #0a2436;
    --sales-card: rgba(255,255,255,.04);
    --sales-card-hover: rgba(255,255,255,.07);
    --sales-border: rgba(255,255,255,.1);
    --sales-border-strong: rgba(255,255,255,.22);
    --sales-ink: #f2f5f7;
    --sales-muted: rgba(242,245,247,.65);

    background: var(--sales-dark);
    color: var(--sales-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- هایلایت‌ها ---------- */
.highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

.highlight-green2 {
    color: #4caf50;
    font-weight: 700;
}

.highlight-red {
    color: #dc3545;
    font-weight: 700;
}

.highlight-progis {
    color: var(--sales-accent);
    font-weight: 700;
}

/* ---------- تایتل اصلی ---------- */
.seminar-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
}

.seminar-title i {
    color: var(--sales-accent);
    font-size: 2rem;
}

/* ---------- مقدمه ---------- */
.seminar-intro {
    font-size: 1.05rem;
    color: var(--sales-muted);
    line-height: 2;
    padding: 0 24px;
    margin-bottom: 16px;
}

.seminar-intro i {
    color: var(--sales-accent);
    font-size: 1.2rem;
    margin-left: 8px;
}

.sky-icon {
    color: #4fc3f7 !important;
}

.sales-page h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin: 20px 24px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sales-page h3 i {
    font-size: 1.5rem;
}

.sales-page h3 .highlight-blue {
    color: #4fc3f7;
}

/* ---------- مینی بدج ---------- */
.mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    margin: 2px 4px;
    border: 1px solid;
    transition: all 0.3s ease;
    cursor: default;
    color: #f2f5f7 !important;
}

.mini-badge i {
    font-size: .8rem;
    color: inherit !important;
}

.mini-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

.mini-badge.blue {
    color: #4fc3f7 !important;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.mini-badge.green {
    color: #81c784 !important;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.mini-badge.red {
    color: #ef5350 !important;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.mini-badge.orange {
    color: #ffb74d !important;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.mini-badge.purple {
    color: #ce93d8 !important;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

.mini-badge.gold {
    color: var(--sales-accent) !important;
    border-color: var(--sales-accent);
    background: rgba(232,185,35,.1);
}

/* ---------- استپ باکس ---------- */
.step-box {
    background: var(--sales-card);
    border: 1px solid var(--sales-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.step-box:hover {
    border-color: var(--sales-border-strong);
}

.step-box .simple-title h2 i {
    color: var(--sales-accent);
    font-size: 1.5rem;
}

.step-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
}

.step-box h3 i {
    font-size: 1.5rem;
}

.step-box h3 .highlight-blue {
    color: #4fc3f7;
}

.step-box p {
    color: var(--sales-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.step-box p .highlight-blue,
.step-box p .highlight-red,
.step-box p .highlight-green2,
.step-box p .highlight-progis {
    color: var(--sales-accent);
}

/* ---------- باکس اصلی (سمینار) ---------- */
.seminar-box {
    background: var(--sales-card);
    border: 1px solid var(--sales-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.seminar-box:hover {
    border-color: var(--sales-border-strong);
}

.seminar-box h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.seminar-box h2 i {
    color: var(--sales-accent);
    font-size: 1.5rem;
}

.seminar-box p {
    color: var(--sales-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- گرید سمینار ---------- */
.seminar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px 0;
}

.seminar-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--sales-border);
    border-radius: 12px;
    padding: 20px 18px;
    transition: all 0.3s ease;
}

.seminar-card:hover {
    border-color: var(--sales-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.seminar-card > i {
    font-size: 2.5rem;
    color: var(--sales-accent);
    display: block;
    margin-bottom: 10px;
}

.seminar-card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px;
    padding: 0;
}

.seminar-card p {
    color: var(--sales-muted);
    font-size: .92rem;
    line-height: 1.8;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .seminar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .seminar-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- تیپ باکس‌ها (باورهای اشتباه) ---------- */
.sales-tip-box {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--sales-border);
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    color: var(--sales-muted);
    font-size: .92rem;
}

.sales-tip-box:hover {
    border-color: var(--sales-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateX(-4px);
}

.sales-tip-box i {
    color: #4caf50;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.sales-tip-box:last-child {
    margin-bottom: 0;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 768px) {
    .sales-page {
        padding-top: 20px;
    }

    .seminar-title {
        font-size: 1.6rem;
        flex-wrap: wrap;
        margin-top: 5px;
        padding: 0 16px;
    }
    .seminar-title i {
        font-size: 1.5rem;
    }
    .seminar-intro {
        padding: 0 16px;
        font-size: .95rem;
    }
    .step-box {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
    .seminar-box {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
    .step-box .simple-title h2,
    .step-box h3,
    .seminar-box h2 {
        font-size: 1.2rem;
    }
    .sales-page h3 {
        font-size: 1.1rem;
        margin: 16px 16px 12px;
        padding: 0;
    }
    .seminar-card {
        padding: 16px 14px;
    }
}

@media (max-width: 480px) {
    .sales-page {
        padding-top: 15px;
    }

    .seminar-title {
        font-size: 1.3rem;
        padding: 0 12px;
    }
    .seminar-intro {
        padding: 0 12px;
        font-size: .9rem;
    }
    .step-box {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .seminar-box {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .step-box .simple-title h2,
    .step-box h3,
    .seminar-box h2 {
        font-size: 1rem;
    }
    .sales-page h3 {
        font-size: 1rem;
        margin: 12px 12px 10px;
    }
    .seminar-card h3 {
        font-size: .95rem;
    }
    .seminar-card p {
        font-size: .85rem;
    }
    .mini-badge {
        font-size: .65rem;
        padding: 3px 8px;
        margin: 2px 3px;
    }
    .sales-tip-box {
        font-size: .85rem;
        padding: 10px 14px;
    }
}
/* ---------- باورهای اشتباه به صورت دایره‌ای ---------- */
.sales-tips-circle {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.sales-tip-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--sales-border);
    border-radius: 50%;
    aspect-ratio: 1/1;
    padding: 20px;
    transition: all 0.3s ease;
    justify-content: center;
    min-height: 180px;
}

.sales-tip-circle:hover {
    border-color: #dc3545;
    background: rgba(220,53,69,.08);
    transform: scale(1.03);
    box-shadow: 0 0 30px rgba(220,53,69,.1);
}

.sales-tip-circle-icon {
    font-size: 2rem;
    color: #dc3545;
    margin-bottom: 10px;
}

.sales-tip-circle-icon i {
    display: block;
}

.sales-tip-circle-text {
    color: var(--sales-muted);
    font-size: .85rem;
    line-height: 1.7;
    font-weight: 500;
}

@media (max-width: 768px) {
    .sales-tips-circle {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .sales-tip-circle {
        min-height: 140px;
        padding: 14px;
        border-radius: 50%;
    }

    .sales-tip-circle-icon {
        font-size: 1.5rem;
        margin-bottom: 6px;
    }

    .sales-tip-circle-text {
        font-size: .78rem;
    }
}

@media (max-width: 480px) {
    .sales-tips-circle {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .sales-tip-circle {
        min-height: 120px;
        padding: 10px;
        border-radius: 50%;
    }

    .sales-tip-circle-text {
        font-size: .72rem;
    }
}

/* =========================================================
   صفحه پرورش کودکان و نوجوانان نخبه - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.talent-page {
    --talent-primary: #0f3d5c;
    --talent-primary-dark: #092c42;
    --talent-accent: #e8b923;
    --talent-dark: #041420;
    --talent-dark-2: #0a2436;
    --talent-card: rgba(255,255,255,.04);
    --talent-card-hover: rgba(255,255,255,.07);
    --talent-border: rgba(255,255,255,.1);
    --talent-border-strong: rgba(255,255,255,.22);
    --talent-ink: #f2f5f7;
    --talent-muted: rgba(242,245,247,.65);

    background: var(--talent-dark);
    color: var(--talent-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- هایلایت‌ها ---------- */
.highlight-blue {
    color: #4fc3f7;
    font-weight: 700;
}

.highlight-green2 {
    color: #4caf50;
    font-weight: 700;
}

.highlight-red {
    color: #dc3545;
    font-weight: 700;
}

.highlight-progis {
    color: var(--talent-accent);
    font-weight: 700;
}

/* ---------- تایتل اصلی ---------- */
.seminar-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 24px;
}

.seminar-title i {
    color: var(--talent-accent);
    font-size: 2rem;
}

/* ---------- مقدمه ---------- */
.seminar-intro {
    font-size: 1.05rem;
    color: var(--talent-muted);
    line-height: 2;
    padding: 0 24px;
    margin-bottom: 16px;
}

.seminar-intro i {
    color: var(--talent-accent);
    font-size: 1.2rem;
    margin-left: 8px;
}

.sky-icon {
    color: #4fc3f7 !important;
}

/* ---------- مینی بدج ---------- */
.mini-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    margin: 2px 4px;
    border: 1px solid;
    transition: all 0.3s ease;
    cursor: default;
    color: #f2f5f7 !important;
}

.mini-badge i {
    font-size: .8rem;
    color: inherit !important;
}

.mini-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

.mini-badge.blue {
    color: #4fc3f7 !important;
    border-color: #4fc3f7;
    background: rgba(79,195,247,.1);
}

.mini-badge.green {
    color: #81c784 !important;
    border-color: #81c784;
    background: rgba(129,199,132,.1);
}

.mini-badge.red {
    color: #ef5350 !important;
    border-color: #ef5350;
    background: rgba(239,83,80,.1);
}

.mini-badge.orange {
    color: #ffb74d !important;
    border-color: #ffb74d;
    background: rgba(255,183,77,.1);
}

.mini-badge.purple {
    color: #ce93d8 !important;
    border-color: #ce93d8;
    background: rgba(206,147,216,.1);
}

.mini-badge.gold {
    color: var(--talent-accent) !important;
    border-color: var(--talent-accent);
    background: rgba(232,185,35,.1);
}

/* ---------- تصاویر ---------- */
.seminar-image {
    text-align: center;
    margin: 30px 24px 40px;
}

.seminar-image img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--talent-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    transition: all 0.3s ease;
    display: block;
    margin: 0 auto;
}

.seminar-image img:hover {
    border-color: var(--talent-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
    transform: scale(1.01);
}

@media (max-width: 768px) {
    .seminar-image img {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .seminar-image img {
        max-width: 100%;
    }
    .seminar-image {
        margin: 20px 12px 30px;
    }
}

/* ---------- استپ باکس ---------- */
.step-box {
    background: var(--talent-card);
    border: 1px solid var(--talent-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.step-box:hover {
    border-color: var(--talent-border-strong);
}



.step-box .simple-title h2 i {
    color: var(--talent-accent);
    font-size: 1.5rem;
}

.step-box h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-box h3 i {
    font-size: 1.5rem;
}

.step-box h3 .highlight-blue {
    color: #4fc3f7;
}

.step-box p {
    color: var(--talent-muted);
    line-height: 2;
    margin-bottom: 14px;
}

.step-box p .highlight-blue,
.step-box p .highlight-red,
.step-box p .highlight-green2 {
    color: var(--talent-accent);
}

/* ---------- تیپ باکس‌ها (نقش خانواده) ---------- */
.sales-tip-box {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--talent-border);
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    color: var(--talent-muted);
    font-size: .92rem;
}

.sales-tip-box:hover {
    border-color: var(--talent-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateX(-4px);
}

.sales-tip-box i {
    color: #4caf50;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.sales-tip-box:last-child {
    margin-bottom: 0;
}

/* ---------- باکس اصلی (سمینار) ---------- */
.seminar-box {
    background: var(--talent-card);
    border: 1px solid var(--talent-border);
    border-radius: 16px;
    padding: 32px 34px;
    margin: 0 24px 28px;
    transition: all 0.3s ease;
}

.seminar-box:hover {
    border-color: var(--talent-border-strong);
}

.seminar-box h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.seminar-box h2 i {
    color: var(--talent-accent);
    font-size: 1.5rem;
}

.seminar-box p {
    color: var(--talent-muted);
    line-height: 2;
    margin-bottom: 14px;
}

/* ---------- گرید سمینار ---------- */
.seminar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px 0;
}

.seminar-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--talent-border);
    border-radius: 12px;
    padding: 20px 18px;
    transition: all 0.3s ease;
    text-align: center;
}

.seminar-card:hover {
    border-color: var(--talent-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.seminar-card > i {
    font-size: 2.5rem;
    color: #dc3545;
    display: block;
    margin-bottom: 10px;
}

.seminar-card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px;
    padding: 0;
}

.seminar-card p {
    color: var(--talent-muted);
    font-size: .92rem;
    line-height: 1.8;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .seminar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .seminar-grid {
        grid-template-columns: 1fr;
    }
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 768px) {
    .talent-page {
        padding-top: 20px;
    }

    .seminar-title {
        font-size: 1.6rem;
        flex-wrap: wrap;
        margin-top: 5px;
        padding: 0 16px;
    }
    .seminar-title i {
        font-size: 1.5rem;
    }
    .seminar-intro {
        padding: 0 16px;
        font-size: .95rem;
    }
    .step-box {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
    .seminar-box {
        padding: 24px 20px;
        margin: 0 16px 20px;
    }
    .step-box .simple-title h2,
    .step-box h3,
    .seminar-box h2 {
        font-size: 1.2rem;
    }
    .seminar-card {
        padding: 16px 14px;
    }
}

@media (max-width: 480px) {
    .talent-page {
        padding-top: 15px;
    }

    .seminar-title {
        font-size: 1.3rem;
        padding: 0 12px;
    }
    .seminar-intro {
        padding: 0 12px;
        font-size: .9rem;
    }
    .step-box {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .seminar-box {
        padding: 18px 14px;
        margin: 0 12px 16px;
    }
    .step-box .simple-title h2,
    .step-box h3,
    .seminar-box h2 {
        font-size: 1rem;
    }
    .seminar-card h3 {
        font-size: .95rem;
    }
    .seminar-card p {
        font-size: .85rem;
    }
    .mini-badge {
        font-size: .65rem;
        padding: 3px 8px;
        margin: 2px 3px;
    }
    .sales-tip-box {
        font-size: .85rem;
        padding: 10px 14px;
    }
}
/* ---------- گرید دوره‌های توسعه ذهنی ---------- */
.mindset-courses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px 0;
}

/* ---------- کارت دوره ---------- */
.mindset-course-card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--mind-border);
    border-radius: 12px;
    padding: 20px 18px;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mindset-course-card:hover {
    border-color: var(--mind-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-3px);
}

.mindset-course-card > i {
    font-size: 2rem;
    color: var(--mind-accent);
    display: block;
    margin-bottom: 10px;
}

.mindset-course-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    flex: 1;
}

.mindset-course-card ul li {
    position: relative;
    padding-right: 20px;
    color: var(--mind-muted);
    font-size: .88rem;
    line-height: 1.9;
    margin-bottom: 4px;
}

.mindset-course-card ul li::before {
    content: "▸";
    position: absolute;
    right: 0;
    color: var(--mind-accent);
    font-weight: 700;
}

/* ---------- عنوان دوره ---------- */
.mindset-course-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

/* ---------- بدج دوره ---------- */
.mindset-course-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .7rem;
    font-weight: 700;
    padding: 2px 12px;
    border-radius: 20px;
    background: rgba(232,185,35,.15);
    color: var(--mind-accent);
    border: 1px solid rgba(232,185,35,.2);
    margin-bottom: 8px;
}

.mindset-course-badge i {
    font-size: .7rem;
}

/* ---------- نتیجه دوره ---------- */
.mindset-course-result {
    background: rgba(255,255,255,.03);
    border-radius: 8px;
    padding: 12px 14px;
    margin: 12px 0;
    border-right: 3px solid #4caf50;
}

.mindset-course-result strong {
    font-size: .85rem;
    display: block;
    margin-bottom: 4px;
}

.mindset-course-result p {
    font-size: .85rem;
    color: var(--mind-muted);
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

/* ---------- دکمه علاقه‌مندی ---------- */
.mindset-course-vote {
    margin-top: auto;
    padding-top: 10px;
}

.mindset-interest-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid var(--mind-border);
    background: rgba(255,255,255,.03);
    color: var(--mind-muted);
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    width: 100%;
    justify-content: center;
}

.mindset-interest-btn:hover {
    border-color: var(--mind-accent);
    background: rgba(232,185,35,.08);
    color: #ffffff;
}

.mindset-interest-btn.active {
    border-color: #dc3545;
    background: rgba(220,53,69,.1);
    color: #dc3545;
}

.mindset-interest-btn.active i {
    color: #dc3545 !important;
}

.mindset-interest-btn i {
    font-size: 1rem;
    transition: all 0.3s ease;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .mindset-courses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .mindset-courses-grid {
        grid-template-columns: 1fr 1fr;
        margin: 16px 16px;
    }
}

@media (max-width: 576px) {
    .mindset-courses-grid {
        grid-template-columns: 1fr;
        margin: 16px 12px;
    }
}

/* =========================================================
   صفحه ثبت نام با موبایل - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.signup-mobile-page {
    --signup-primary: #0f3d5c;
    --signup-primary-dark: #092c42;
    --signup-accent: #e8b923;
    --signup-dark: #041420;
    --signup-dark-2: #0a2436;
    --signup-card: rgba(255,255,255,.04);
    --signup-card-hover: rgba(255,255,255,.07);
    --signup-border: rgba(255,255,255,.1);
    --signup-border-strong: rgba(255,255,255,.22);
    --signup-ink: #f2f5f7;
    --signup-muted: rgba(242,245,247,.65);

    background: var(--signup-dark);
    color: var(--signup-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- هدر صفحه ---------- */
.signup-mobile-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 24px;
    margin-bottom: 32px;
}

.signup-mobile-header-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(232,185,35,.12);
    border: 1px solid rgba(232,185,35,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--signup-accent);
    flex-shrink: 0;
}

.signup-mobile-header h1 {
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

.signup-mobile-header h1 span {
    color: var(--signup-accent);
}

/* ---------- کانتینر اصلی ---------- */
.signup-mobile-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ---------- باکس فرم ---------- */
.signup-mobile-box {
    background: var(--signup-card);
    border: 1px solid var(--signup-border);
    border-radius: 20px;
    padding: 40px 38px;
    max-width: 520px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.signup-mobile-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(232,185,35,.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.signup-mobile-box:hover {
    border-color: var(--signup-border-strong);
}

/* ---------- عنوان باکس ---------- */
.signup-mobile-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}

.signup-mobile-title .icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(232,185,35,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--signup-accent);
    flex-shrink: 0;
}

.signup-mobile-title h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.signup-mobile-title h3 small {
    display: block;
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--signup-muted);
    margin-top: 2px;
}

/* ---------- فیلد فرم ---------- */
.signup-mobile-box .form-group {
    margin-bottom: 20px;
}

.signup-mobile-box .control-label {
    color: var(--signup-muted);
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 8px;
    display: block;
}

.signup-mobile-box .form-control {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--signup-border);
    border-radius: 12px;
    padding: 14px 18px;
    color: #ffffff;
    font-size: 1rem;
    transition: all 0.3s ease;
    height: auto;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    direction: ltr;
    text-align: left;
}

.signup-mobile-box .form-control:focus {
    background: rgba(255,255,255,.08);
    border-color: var(--signup-accent);
    box-shadow: 0 0 0 3px rgba(232,185,35,.15);
    outline: none;
}

.signup-mobile-box .form-control::placeholder {
    color: rgba(255,255,255,.3);
    direction: rtl;
    text-align: right;
}

.signup-mobile-box .form-control:focus::placeholder {
    color: rgba(255,255,255,.15);
}

/* ---------- دکمه ارسال ---------- */
.signup-mobile-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 40px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: var(--signup-accent);
    color: var(--signup-dark);
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.signup-mobile-btn .arrow {
    transition: all 0.3s ease;
}

.signup-mobile-btn:hover {
    background: #f4c948;
    color: var(--signup-dark);
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(232,185,35,.25);
}

.signup-mobile-btn:hover .arrow {
    transform: translateX(-6px);
}

.signup-mobile-btn:active {
    transform: scale(0.97);
}

.signup-mobile-btn .btn-icon {
    font-size: 1.3rem;
}

/* ---------- متن بازگشت ---------- */
.signup-mobile-back {
    margin-top: 24px;
    text-align: center;
    font-size: 0.85rem;
    color: var(--signup-muted);
}

.signup-mobile-back a {
    color: var(--signup-accent);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.signup-mobile-back a:hover {
    color: #f4c948;
    text-decoration: underline;
}

.signup-mobile-back a i {
    transition: all 0.3s ease;
}

.signup-mobile-back a:hover i {
    transform: translateX(4px);
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 768px) {
    .signup-mobile-page {
        padding-top: 20px;
    }

    .signup-mobile-header {
        padding: 0 16px;
        margin-bottom: 24px;
    }

    .signup-mobile-header h1 {
        font-size: 1.5rem;
    }

    .signup-mobile-header-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .signup-mobile-container {
        padding: 0 16px;
    }

    .signup-mobile-box {
        padding: 28px 20px;
        max-width: 100%;
    }

    .signup-mobile-title h3 {
        font-size: 1.05rem;
    }

    .signup-mobile-btn {
        padding: 14px 30px;
        font-size: 0.95rem;
    }

    .signup-mobile-box .form-control {
        padding: 12px 16px;
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .signup-mobile-page {
        padding-top: 15px;
    }

    .signup-mobile-header {
        padding: 0 12px;
        margin-bottom: 18px;
        flex-wrap: wrap;
    }

    .signup-mobile-header h1 {
        font-size: 1.2rem;
    }

    .signup-mobile-header-icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .signup-mobile-container {
        padding: 0 12px;
    }

    .signup-mobile-box {
        padding: 20px 14px;
    }

    .signup-mobile-title {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .signup-mobile-title h3 {
        font-size: 0.95rem;
    }

    .signup-mobile-title h3 small {
        font-size: 0.75rem;
    }

    .signup-mobile-btn {
        padding: 12px 20px;
        font-size: 0.85rem;
        gap: 8px;
    }

    .signup-mobile-box .control-label {
        font-size: 0.85rem;
    }

    .signup-mobile-box .form-control {
        padding: 10px 14px;
        font-size: 0.9rem;
    }

    .signup-mobile-back {
        font-size: 0.75rem;
    }
}
/* =========================================================
   صفحه درباره ما - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.about-page {
    --about-primary: #0f3d5c;
    --about-primary-dark: #092c42;
    --about-accent: #e8b923;
    --about-dark: #041420;
    --about-dark-2: #0a2436;
    --about-card: rgba(255,255,255,.04);
    --about-card-hover: rgba(255,255,255,.07);
    --about-border: rgba(255,255,255,.1);
    --about-border-strong: rgba(255,255,255,.22);
    --about-ink: #f2f5f7;
    --about-muted: rgba(242,245,247,.65);

    background: var(--about-dark);
    color: var(--about-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- کانتینر ---------- */
.about-page .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px 60px;
}

/* ---------- تایتل اصلی ---------- */
.about-page h1 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 24px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.about-page h1::before {
    content: '';
    width: 5px;
    height: 40px;
    background: var(--about-accent);
    border-radius: 4px;
    display: inline-block;
}



/* ---------- هایلایت برند ---------- */
.about-page .progis {
    color: var(--about-accent);
    font-weight: 700;
}

.about-page .link1 {
    color: var(--about-accent);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.about-page .link1:hover {
    color: #f4c948;
    text-decoration: underline;
}

/* ---------- پاراگراف‌ها ---------- */
.about-page p {
    color: var(--about-muted);
    line-height: 2;
    font-size: 1.05rem;
    margin-bottom: 16px;
}

/* ---------- تصویر ---------- */
.about-image {
    text-align: center;
    margin: 30px 0 40px;
}

.responsive-img {
    max-width: 50%;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--about-border);
    box-shadow: 0 0 30px rgba(255,255,255,.06);
    transition: all 0.3s ease;
    display: block;
    margin: 0 auto;
}

.responsive-img:hover {
    border-color: var(--about-accent);
    box-shadow: 0 0 40px rgba(232,185,35,.15);
    transform: scale(1.01);
}

@media (max-width: 768px) {
    .responsive-img {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .responsive-img {
        max-width: 100%;
    }
}

/* ---------- عنوان بخش‌ها ---------- */
.about-page h2 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin: 30px 0 16px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-page h2::before {
    content: '◆';
    color: var(--about-accent);
    font-size: 1.2rem;
}

/* ---------- کارت‌های خدمات ---------- */
.about-page .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
    margin: 16px 0;
}

.about-page .card {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--about-border);
    border-radius: 14px;
    padding: 24px 22px;
    transition: all 0.3s ease;
}

.about-page .card:hover {
    border-color: var(--about-border-strong);
    background: rgba(255,255,255,.08);
    transform: translateY(-4px);
}

.about-page .card h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.about-page .card h3::before {
    content: '▸';
    color: var(--about-accent);
    font-size: 1.2rem;
}

/* ---------- لیست ویژگی‌ها ---------- */
.about-page .features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-page .features li {
    padding: 6px 0;
    color: var(--about-muted);
    font-size: 0.95rem;
    line-height: 1.8;
    position: relative;
    padding-right: 24px;
}

.about-page .features li::before {
    content: '✓';
    position: absolute;
    right: 0;
    top: 6px;
    color: #4caf50;
    font-weight: 700;
    font-size: 1rem;
}

.about-page .features li a {
    color: var(--about-accent);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.about-page .features li a:hover {
    color: #f4c948;
    text-decoration: underline;
}

/* ---------- دکمه CTA ---------- */
.about-page .cta {
    text-align: center;
    margin: 30px 0 20px;
}

.about-page .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 40px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: var(--about-accent);
    color: var(--about-dark);
}

.about-page .btn-primary:hover {
    background: #f4c948;
    color: var(--about-dark);
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(232,185,35,.25);
}

.about-page .btn-primary:active {
    transform: scale(0.97);
}

/* ---------- دکمه "سوال دارم" ---------- */
.about-page .btn-primary#open-form-btn {
    background: rgba(232,185,35,.15);
    color: var(--about-accent);
    border: 1px solid rgba(232,185,35,.2);
}

.about-page .btn-primary#open-form-btn:hover {
    background: rgba(232,185,35,.25);
    color: var(--about-accent);
    border-color: var(--about-accent);
}

/* ---------- boldkon ---------- */
.about-page .boldkon {
    color: #ffffff;
    font-weight: 700;
}

/* ---------- مودال ---------- */
.about-page .modal-content {
    background: var(--about-dark-2);
    border: 1px solid var(--about-border-strong);
    border-radius: 16px;
    color: var(--about-ink);
}

.about-page .modal-header {
    border-bottom: 1px solid var(--about-border);
    padding: 20px 24px;
}

.about-page .modal-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.2rem;
}

.about-page .modal-header .btn-close {
    filter: invert(1) brightness(2);
}

.about-page .modal-body {
    padding: 24px;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 768px) {
    .about-page {
        padding-top: 20px;
    }

    .about-page .container {
        padding: 0 16px 40px;
    }

    .about-page h1 {
        font-size: 1.6rem;
    }

    .about-page h1::after {
        display: none;
    }

    .about-page .cards {
        grid-template-columns: 1fr 1fr;
    }

    .about-page p {
        font-size: 0.95rem;
    }
}

@media (max-width: 576px) {
    .about-page .cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .about-page {
        padding-top: 15px;
    }

    .about-page .container {
        padding: 0 12px 30px;
    }

    .about-page h1 {
        font-size: 1.3rem;
        flex-wrap: wrap;
    }

    .about-page h1::before {
        height: 30px;
    }

    .about-page h2 {
        font-size: 1.1rem;
    }

    .about-page .card {
        padding: 18px 16px;
    }

    .about-page .card h3 {
        font-size: 0.95rem;
    }

    .about-page .features li {
        font-size: 0.85rem;
    }

    .about-page .btn-primary {
        padding: 12px 30px;
        font-size: 0.9rem;
        width: 100%;
        justify-content: center;
    }

    .about-page p {
        font-size: 0.9rem;
    }
}

/* =========================================================
   صفحه تماس با ما - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.contact-page {
    --contact-primary: #0f3d5c;
    --contact-primary-dark: #092c42;
    --contact-accent: #e8b923;
    --contact-dark: #041420;
    --contact-dark-2: #0a2436;
    --contact-card: rgba(255,255,255,.04);
    --contact-card-hover: rgba(255,255,255,.07);
    --contact-border: rgba(255,255,255,.1);
    --contact-border-strong: rgba(255,255,255,.22);
    --contact-ink: #f2f5f7;
    --contact-muted: rgba(242,245,247,.65);

    background: var(--contact-dark);
    color: var(--contact-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- کانتینر ---------- */
.contact-page .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px 60px;
}

/* ---------- تایتل اصلی ---------- */
.contact-page h1 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.contact-page h1::before {
    content: '';
    width: 5px;
    height: 40px;
    background: var(--contact-accent);
    border-radius: 4px;
    display: inline-block;
}

/* ---------- پاراگراف توضیح ---------- */
.contact-page .site-contact > p {
    color: var(--contact-muted);
    font-size: 1.05rem;
    line-height: 2;
    margin-bottom: 28px;
}

/* ---------- باکس فرم ---------- */
.contact-page .row {
    max-width: 1100px;
    margin: 0 auto;
}

.contact-page .col-lg-5 {
    background: var(--contact-card);
    border: 1px solid var(--contact-border);
    border-radius: 20px;
    padding: 35px 38px;
    max-width: 580px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.contact-page .col-lg-5::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(232,185,35,.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.contact-page .col-lg-5:hover {
    border-color: var(--contact-border-strong);
}

/* ---------- فیلدهای فرم ---------- */
.contact-page .form-group {
    margin-bottom: 20px;
}

.contact-page .control-label {
    color: var(--contact-muted);
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 6px;
    display: block;
}

.contact-page .form-control,
.contact-page .form-select {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--contact-border);
    border-radius: 12px;
    padding: 12px 16px;
    color: #ffffff;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    height: auto;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    width: 100%;
}

.contact-page .form-control:focus,
.contact-page .form-select:focus {
    background: rgba(255,255,255,.08);
    border-color: var(--contact-accent);
    box-shadow: 0 0 0 3px rgba(232,185,35,.12);
    outline: none;
}

.contact-page .form-control::placeholder {
    color: rgba(255,255,255,.3);
}

.contact-page .form-control:focus::placeholder {
    color: rgba(255,255,255,.15);
}

.contact-page .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8b923' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
    padding-left: 40px;
    cursor: pointer;
    color: #ffffff;
}

.contact-page .form-select option {
    background: #0a2436;
    color: #ffffff;
}

.contact-page .form-select:focus {
    border-color: var(--contact-accent);
    box-shadow: 0 0 0 3px rgba(232,185,35,.12);
}

.contact-page textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

/* ---------- کپچا ---------- */
.contact-page .field-contactform-verifycode {
    margin-bottom: 24px;
}

.contact-page .field-contactform-verifycode .control-label {
    margin-bottom: 8px;
}

.contact-page .field-contactform-verifycode .form-control {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.contact-page .field-contactform-verifycode img {
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    border: 1px solid var(--contact-border);
    max-height: 48px;
}

.contact-page .field-contactform-verifycode a {
    color: var(--contact-accent);
    font-size: 1.1rem;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.contact-page .field-contactform-verifycode a:hover {
    color: #f4c948;
    transform: rotate(180deg);
}

/* ---------- دکمه ارسال ---------- */
.contact-page .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 40px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: var(--contact-accent);
    color: var(--contact-dark);
    width: 100%;
}

.contact-page .btn-primary:hover {
    background: #f4c948;
    color: var(--contact-dark);
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(232,185,35,.25);
}

.contact-page .btn-primary:active {
    transform: scale(0.97);
}

.contact-page .btn-primary::after {
    content: '←';
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.contact-page .btn-primary:hover::after {
    transform: translateX(-6px);
}

/* ---------- خطاهای فرم ---------- */
.contact-page .help-block {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 4px;
}

.contact-page .has-error .form-control,
.contact-page .has-error .form-select {
    border-color: #dc3545;
}

.contact-page .has-error .form-control:focus,
.contact-page .has-error .form-select:focus {
    box-shadow: 0 0 0 3px rgba(220,53,69,.15);
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 768px) {
    .contact-page {
        padding-top: 20px;
    }

    .contact-page .container {
        padding: 0 16px 40px;
    }

    .contact-page h1 {
        font-size: 1.6rem;
    }

    .contact-page .col-lg-5 {
        padding: 28px 20px;
        max-width: 100%;
    }

    .contact-page .site-contact > p {
        font-size: 0.95rem;
    }

    .contact-page .field-contactform-verifycode .form-control {
        width: 130px;
    }
}

@media (max-width: 480px) {
    .contact-page {
        padding-top: 15px;
    }

    .contact-page .container {
        padding: 0 12px 30px;
    }

    .contact-page h1 {
        font-size: 1.3rem;
        flex-wrap: wrap;
    }

    .contact-page h1::before {
        height: 30px;
    }

    .contact-page .col-lg-5 {
        padding: 20px 14px;
    }

    .contact-page .control-label {
        font-size: 0.85rem;
    }

    .contact-page .form-control,
    .contact-page .form-select {
        padding: 10px 14px;
        font-size: 0.9rem;
    }

    .contact-page .btn-primary {
        padding: 12px 20px;
        font-size: 0.9rem;
    }

    .contact-page .field-contactform-verifycode .form-control {
        width: 100px;
        margin-right: 8px;
    }

    .contact-page .field-contactform-verifycode img {
        max-height: 40px;
    }
}

/* =========================================================
   صفحه موقعیت‌های شغلی - پراجیس (هماهنگ با تم تیره)
   ========================================================= */

.positions-page {
    --pos-primary: #0f3d5c;
    --pos-primary-dark: #092c42;
    --pos-accent: #e8b923;
    --pos-dark: #041420;
    --pos-dark-2: #0a2436;
    --pos-card: rgba(255,255,255,.04);
    --pos-card-hover: rgba(255,255,255,.07);
    --pos-border: rgba(255,255,255,.1);
    --pos-border-strong: rgba(255,255,255,.22);
    --pos-ink: #f2f5f7;
    --pos-muted: rgba(242,245,247,.65);

    background: var(--pos-dark);
    color: var(--pos-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding-top: 30px;
}

/* ---------- کانتینر ---------- */
.positions-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 60px;
}

/* ---------- دکمه‌های بالای صفحه ---------- */
.positions-page .top-buttons {
    margin-bottom: 24px;
    padding: 0 0 10px;
}

.positions-page .top-buttons .text-start {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.positions-page .top-buttons .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: var(--pos-accent);
    color: var(--pos-dark);
}

.positions-page .top-buttons .btn-primary:hover {
    background: #f4c948;
    color: var(--pos-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(232,185,35,.25);
}

.positions-page .top-buttons .btn-success {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: #4caf50;
    color: #ffffff;
}

.positions-page .top-buttons .btn-success:hover {
    background: #43a047;
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(76,175,80,.25);
}

/* ---------- تایتل صفحه ---------- */
.positions-page .page-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #ffffff;
    margin: 10px 0 30px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.positions-page .page-title::before {
    content: '';
    width: 5px;
    height: 40px;
    background: var(--pos-accent);
    border-radius: 4px;
    display: inline-block;
}

/* ---------- کارت موقعیت شغلی ---------- */
.positions-page .position-card {
    background: var(--pos-card);
    border: 1px solid var(--pos-border);
    border-radius: 16px;
    padding: 20px 22px;
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.positions-page .position-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(232,185,35,.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.positions-page .position-card:hover {
    border-color: var(--pos-border-strong);
    background: rgba(255,255,255,.06);
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
}

/* ---------- هدر کارت ---------- */
.positions-page .position-card .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.positions-page .position-card .card-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    flex: 1;
}

.positions-page .position-card .badge {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 50px;
    flex-shrink: 0;
    margin-top: 2px;
}

.positions-page .position-card .badge.bg-success {
    background: #4caf50 !important;
    color: #ffffff;
}

.positions-page .position-card .badge.bg-danger {
    background: #dc3545 !important;
    color: #ffffff;
}

.positions-page .position-card .badge.bg-secondary {
    background: #6c757d !important;
    color: #ffffff;
}

/* ---------- متن کارت ---------- */
.positions-page .position-card .card-text {
    margin-top: 12px !important;
    color: var(--pos-muted);
    font-size: 0.95rem;
    line-height: 1.9;
}

.positions-page .position-card .card-text strong {
    color: var(--pos-ink);
    font-weight: 600;
}

.positions-page .position-card .card-text br {
    display: block;
    content: '';
    margin: 4px 0;
}

/* ---------- دکمه جزئیات ---------- */
.positions-page .position-card .btn-outline-primary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid var(--pos-border);
    color: var(--pos-muted);
    background: transparent;
    margin-top: 8px;
}

.positions-page .position-card .btn-outline-primary:hover {
    border-color: var(--pos-accent);
    color: var(--pos-accent);
    background: rgba(232,185,35,.08);
}

/* ---------- هشدار خالی ---------- */
.positions-page .empty-alert {
    background: var(--pos-card);
    border: 1px solid var(--pos-border);
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    color: var(--pos-muted);
    font-size: 1.1rem;
}

.positions-page .empty-alert i {
    font-size: 2.5rem;
    color: var(--pos-accent);
    display: block;
    margin-bottom: 12px;
}

/* ---------- صفحه‌بندی ---------- */
.positions-page .pagination-container {
    margin-top: 30px;
    padding: 10px 0;
}

.positions-page .pagination {
    gap: 6px;
}

.positions-page .pagination .page-link {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--pos-border);
    border-radius: 10px;
    color: var(--pos-muted);
    padding: 8px 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
}

.positions-page .pagination .page-link:hover {
    background: rgba(232,185,35,.1);
    border-color: var(--pos-accent);
    color: var(--pos-accent);
}

.positions-page .pagination .active .page-link {
    background: var(--pos-accent);
    border-color: var(--pos-accent);
    color: var(--pos-dark);
}

.positions-page .pagination .active .page-link:hover {
    background: #f4c948;
    border-color: #f4c948;
}

.positions-page .pagination .disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .positions-page .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .positions-page {
        padding-top: 20px;
    }

    .positions-page .container {
        padding: 0 16px 40px;
    }

    .positions-page .page-title {
        font-size: 1.6rem;
    }

    .positions-page .top-buttons .text-start {
        flex-direction: column;
        width: 100%;
    }

    .positions-page .top-buttons .btn-primary,
    .positions-page .top-buttons .btn-success {
        width: 100%;
        justify-content: center;
    }

    .positions-page .position-card {
        padding: 16px 18px;
    }

    .positions-page .position-card .card-title {
        font-size: 1rem;
    }

    .positions-page .pagination .page-link {
        padding: 6px 12px;
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .positions-page .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .positions-page {
        padding-top: 15px;
    }

    .positions-page .container {
        padding: 0 12px 30px;
    }

    .positions-page .page-title {
        font-size: 1.3rem;
        flex-wrap: wrap;
    }

    .positions-page .page-title::before {
        height: 30px;
    }

    .positions-page .position-card {
        padding: 14px 12px;
    }

    .positions-page .position-card .card-text {
        font-size: 0.88rem;
    }

    .positions-page .pagination .page-link {
        padding: 4px 10px;
        font-size: 0.8rem;
    }

    .positions-page .empty-alert {
        padding: 30px 20px;
        font-size: 1rem;
    }
}
/* ---------- گرید دوره‌های توسعه ذهنی ---------- */
.mindset-courses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 16px 0;
    padding: 0 10px;  /* ← این خط رو اضافه کنید */
}

.mindset-page {
    --mind-primary: #0f3d5c;
    --mind-primary-dark: #092c42;
    --mind-accent: #e8b923;
    --mind-dark: #041420;
    --mind-dark-2: #0a2436;
    --mind-card: rgba(255,255,255,.04);
    --mind-card-hover: rgba(255,255,255,.07);
    --mind-border: rgba(255,255,255,.1);
    --mind-border-strong: rgba(255,255,255,.22);
    --mind-ink: #f2f5f7;
    --mind-muted: rgba(242,245,247,.65);

    background: var(--mind-dark);
    color: var(--mind-ink);
    min-height: 100vh;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    padding: 30px 30px 0;  /* ← این خط رو اصلاح کنید */
}
/* ---------- نشانگر اسکرول ---------- */
.edu-table-scroll-indicator {
    text-align: center;
    padding: 10px 0 5px;
    color: rgba(242,245,247,.5);
    font-size: 0.85rem;
}

.edu-scroll-hint {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.05);
    padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.06);
    transition: all 0.3s ease;
}

.edu-scroll-hint i {
    color: #e8b923;
    font-size: 0.9rem;
}

/* ---------- حالت کشیدن ---------- */
.edu-calendar-table-scroll {
    cursor: grab;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.edu-calendar-table-scroll:active {
    cursor: grabbing;
}

/* مخفی کردن اسکرول بار در بعضی مرورگرها (اختیاری) */
.edu-calendar-table-scroll::-webkit-scrollbar {
    height: 6px;
}

.edu-calendar-table-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05);
    border-radius: 10px;
}

.edu-calendar-table-scroll::-webkit-scrollbar-thumb {
    background: rgba(232,185,35,.3);
    border-radius: 10px;
}

.edu-calendar-table-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(232,185,35,.5);
}

/* ---------- اطلاعات تماس و نقشه ---------- */
.contact-info-map-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 30px 0 40px;
}

.contact-info-box,
.contact-map-box {
    background: var(--contact-card, rgba(255,255,255,.04));
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
    border-radius: 16px;
    padding: 28px 30px;
    transition: all 0.3s ease;
}

.contact-info-box:hover,
.contact-map-box:hover {
    border-color: var(--contact-border-strong, rgba(255,255,255,.22));
}

.contact-info-box h3,
.contact-map-box h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ---------- آیتم‌های اطلاعات تماس ---------- */
.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.contact-info-item:last-of-type {
    border-bottom: none;
}

.contact-info-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(232,185,35,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #e8b923;
}

.contact-info-content {
    flex: 1;
    min-width: 0;
}

.contact-info-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(242,245,247,.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-info-value {
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    margin-top: 2px;
}

.contact-info-value:hover {
    color: #e8b923;
}

/* ---------- شبکه‌های اجتماعی ---------- */
.contact-social {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.contact-social-label {
    display: block;
    font-size: 0.85rem;
    color: rgba(242,245,247,.5);
    margin-bottom: 10px;
}

.contact-social-icons {
    display: flex;
    gap: 12px;
}

.contact-social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(242,245,247,.6);
    font-size: 1.1rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.contact-social-icons a:hover {
    background: rgba(232,185,35,.15);
    border-color: #e8b923;
    color: #e8b923;
    transform: translateY(-3px);
}

/* ---------- نقشه ---------- */
.contact-map-wrapper {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
}

.contact-map-wrapper iframe {
    display: block;
}

.contact-map-address {
    margin-top: 14px;
    font-size: 0.95rem;
    color: rgba(242,245,247,.7);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(255,255,255,.03);
    border-radius: 10px;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .contact-info-map-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .contact-info-box,
    .contact-map-box {
        padding: 20px 18px;
    }

    .contact-info-item {
        padding: 10px 0;
    }

    .contact-info-value {
        font-size: 0.95rem;
    }

    .contact-social-icons a {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .contact-info-box,
    .contact-map-box {
        padding: 16px 14px;
    }

    .contact-info-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contact-info-value {
        font-size: 0.9rem;
        word-break: break-all;
    }

    .contact-social-icons {
        justify-content: center;
    }

    .contact-map-address {
        font-size: 0.85rem;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* ---------- چیدمان فرم و اطلاعات تماس ---------- */
.contact-form-info-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 30px 0 40px;
}

.contact-form-box,
.contact-info-box {
    background: var(--contact-card, rgba(255,255,255,.04));
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
    border-radius: 16px;
    padding: 28px 30px;
    transition: all 0.3s ease;
}

.contact-form-box:hover,
.contact-info-box:hover {
    border-color: var(--contact-border-strong, rgba(255,255,255,.22));
}

.contact-form-box h3,
.contact-info-box h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ---------- آیتم‌های اطلاعات تماس ---------- */
.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.contact-info-item:last-of-type {
    border-bottom: none;
}

.contact-info-address {
    border-bottom: none;
}

.contact-info-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(232,185,35,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #e8b923;
}

.contact-info-content {
    flex: 1;
    min-width: 0;
}

.contact-info-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(242,245,247,.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-info-value {
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    margin-top: 2px;
}

.contact-info-value:hover {
    color: #e8b923;
}

.contact-info-postal {
    display: block;
    font-size: 0.8rem;
    color: rgba(242,245,247,.4);
    margin-top: 2px;
}

/* ---------- شبکه‌های اجتماعی ---------- */
.contact-social {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.contact-social-label {
    display: block;
    font-size: 0.85rem;
    color: rgba(242,245,247,.5);
    margin-bottom: 10px;
}

.contact-social-icons {
    display: flex;
    gap: 12px;
}

.contact-social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(242,245,247,.6);
    font-size: 1.1rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.contact-social-icons a:hover {
    background: rgba(232,185,35,.15);
    border-color: #e8b923;
    color: #e8b923;
    transform: translateY(-3px);
}

/* ---------- نقشه بزرگ (پایین) ---------- */
.contact-map-wrapper-full {
    background: var(--contact-card, rgba(255,255,255,.04));
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
    border-radius: 16px;
    padding: 28px 30px;
    margin-bottom: 40px;
    transition: all 0.3s ease;
}

.contact-map-wrapper-full:hover {
    border-color: var(--contact-border-strong, rgba(255,255,255,.22));
}

.contact-map-wrapper-full h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-map-container {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
}

.contact-map-container iframe {
    display: block;
    min-height: 350px;
}

.contact-map-address-full {
    margin-top: 14px;
    font-size: 0.95rem;
    color: rgba(242,245,247,.7);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(255,255,255,.03);
    border-radius: 10px;
}

/* ---------- فرم تماس ---------- */
.contact-form-box .form-group {
    margin-bottom: 20px;
}

.contact-form-box .control-label {
    color: rgba(242,245,247,.7);
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 6px;
    display: block;
}

.contact-form-box .form-control,
.contact-form-box .form-select {
    background: rgba(255,255,255,.05);
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
    border-radius: 12px;
    padding: 12px 16px;
    color: #ffffff;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    height: auto;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
    width: 100%;
}

.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus {
    background: rgba(255,255,255,.08);
    border-color: #e8b923;
    box-shadow: 0 0 0 3px rgba(232,185,35,.12);
    outline: none;
}

.contact-form-box .form-control::placeholder {
    color: rgba(255,255,255,.3);
}

.contact-form-box .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8b923' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
    padding-left: 40px;
    cursor: pointer;
    color: #ffffff;
}

.contact-form-box .form-select option {
    background: #0a2436;
    color: #ffffff;
}

.contact-form-box textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

/* ---------- دکمه ارسال ---------- */
.contact-form-box .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 40px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    background: #e8b923;
    color: #041420;
    width: 100%;
}

.contact-form-box .btn-primary:hover {
    background: #f4c948;
    color: #041420;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(232,185,35,.25);
}

/* ---------- کپچا ---------- */
.contact-form-box .field-contactform-verifycode {
    margin-bottom: 24px;
}

.contact-form-box .field-contactform-verifycode img {
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    border: 1px solid var(--contact-border, rgba(255,255,255,.1));
    max-height: 48px;
}

.contact-form-box .field-contactform-verifycode a {
    color: #e8b923;
    font-size: 1.1rem;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.contact-form-box .field-contactform-verifycode a:hover {
    color: #f4c948;
    transform: rotate(180deg);
}

.contact-form-box .field-contactform-verifycode .form-control {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

/* ---------- خطاها ---------- */
.contact-form-box .help-block {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 4px;
}

.contact-form-box .has-error .form-control,
.contact-form-box .has-error .form-select {
    border-color: #dc3545;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 992px) {
    .contact-form-info-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-map-container iframe {
        min-height: 300px;
    }
}

@media (max-width: 768px) {
    .contact-form-box,
    .contact-info-box,
    .contact-map-wrapper-full {
        padding: 20px 18px;
    }

    .contact-info-item {
        padding: 10px 0;
    }

    .contact-info-value {
        font-size: 0.95rem;
    }

    .contact-social-icons a {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .contact-map-container iframe {
        min-height: 250px;
    }

    .contact-map-address-full {
        font-size: 0.85rem;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .contact-form-box,
    .contact-info-box,
    .contact-map-wrapper-full {
        padding: 16px 14px;
    }

    .contact-info-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contact-info-value {
        font-size: 0.9rem;
        word-break: break-all;
    }

    .contact-social-icons {
        justify-content: center;
    }

    .contact-form-box .field-contactform-verifycode .form-control {
        width: 120px;
        margin-right: 8px;
    }

    .contact-map-container iframe {
        min-height: 200px;
    }
}
/* =========================================================
   پکیج‌های کوچینگ - جدول مقایسه
   ========================================================= */

.coaching-table-wrapper {
    margin: 24px 0 32px;
    overflow: hidden;
}

.coaching-table-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
}

.coaching-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.coaching-packages-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
}

.coaching-packages-table thead {
    background: rgba(255,255,255,.05);
}

.coaching-packages-table th {
    padding: 14px 18px;
    text-align: center;
    font-weight: 700;
    color: rgba(255,255,255,.8);
    border-bottom: 2px solid rgba(255,255,255,.08);
    font-size: 0.95rem;
}

.coaching-packages-table th:first-child {
    text-align: right;
    color: rgba(255,255,255,.5);
    font-size: 0.85rem;
}

.coaching-packages-table .col-basic {
    color: #4fc3f7;
}

.coaching-packages-table .col-advanced {
    color: #ffb74d;
}

.coaching-packages-table .col-professional {
    color: #e8b923;
}

.coaching-packages-table td {
    padding: 12px 18px;
    text-align: center;
    color: rgba(242,245,247,.7);
    border-bottom: 1px solid rgba(255,255,255,.04);
    font-size: 0.9rem;
}

.coaching-packages-table td:first-child {
    text-align: right;
    color: rgba(242,245,247,.5);
    font-size: 0.85rem;
}

.coaching-packages-table tbody tr:hover {
    background: rgba(255,255,255,.03);
}

.coaching-price-row td {
    font-weight: 700;
    font-size: 1rem;
    border-top: 2px solid rgba(255,255,255,.08);
    padding: 16px 18px;
}

.coaching-price-basic {
    color: #4fc3f7;
}

.coaching-price-advanced {
    color: #ffb74d;
}

.coaching-price-professional {
    color: #e8b923;
}

/* =========================================================
   توضیحات تکمیلی پکیج‌ها (قابل بازشو)
   ========================================================= */

.coaching-details-wrapper {
    margin: 16px 0 24px;
}

.coaching-details-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
}

.coaching-details {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.coaching-details:hover {
    border-color: rgba(255,255,255,.15);
}

.coaching-details-summary {
    padding: 16px 20px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    list-style: none;
}

.coaching-details-summary::-webkit-details-marker {
    display: none;
}

.coaching-details-summary::before {
    content: '▶';
    font-size: 0.7rem;
    color: #e8b923;
    transition: all 0.3s ease;
}

.coaching-details[open] .coaching-details-summary::before {
    transform: rotate(90deg);
}

.coaching-details-summary:hover {
    background: rgba(255,255,255,.03);
}

.coaching-details-content {
    padding: 16px 20px 24px;
    border-top: 1px solid rgba(255,255,255,.06);
}

.coaching-details-content p {
    color: rgba(242,245,247,.7);
    line-height: 1.9;
    font-size: 0.95rem;
    margin-bottom: 10px;
}

.coaching-details-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
}

.coaching-details-content ul li {
    position: relative;
    padding-right: 24px;
    color: rgba(242,245,247,.6);
    line-height: 1.9;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.coaching-details-content ul li::before {
    content: '✓';
    position: absolute;
    right: 0;
    color: #4caf50;
    font-weight: 700;
}

.coaching-details-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 28px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(232,185,35,.3);
    color: #e8b923;
    background: transparent;
    margin-top: 8px;
}

.coaching-details-btn:hover {
    background: #e8b923;
    color: #041420;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(232,185,35,.2);
}

.coaching-details-btn.popular-btn {
    background: #e8b923;
    color: #041420;
}

.coaching-details-btn.popular-btn:hover {
    background: #f4c948;
    color: #041420;
}

/* =========================================================
   دکمه اقدام نهایی
   ========================================================= */

.coaching-final-cta {
    text-align: center;
    padding: 20px 0 10px;
}

.coaching-final-cta p {
    font-size: 1.05rem;
    color: rgba(242,245,247,.7);
}

.coaching-final-link {
    color: #e8b923;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.coaching-final-link:hover {
    color: #f4c948;
    text-decoration: underline;
}

/* =========================================================
   ریسپانسیو جدول
   ========================================================= */

@media (max-width: 768px) {
    .coaching-packages-table th,
    .coaching-packages-table td {
        padding: 10px 12px;
        font-size: 0.8rem;
    }

    .coaching-packages-table td:first-child {
        font-size: 0.78rem;
    }

    .coaching-details-summary {
        font-size: 0.85rem;
        padding: 14px 16px;
    }

    .coaching-details-content {
        padding: 12px 16px 18px;
    }

    .coaching-details-content p {
        font-size: 0.88rem;
    }

    .coaching-details-content ul li {
        font-size: 0.85rem;
    }

    .coaching-details-btn {
        padding: 8px 20px;
        font-size: 0.82rem;
    }
}

@media (max-width: 480px) {
    .coaching-packages-table th,
    .coaching-packages-table td {
        padding: 8px 8px;
        font-size: 0.7rem;
    }

    .coaching-packages-table td:first-child {
        font-size: 0.7rem;
        min-width: 80px;
    }

    .coaching-details-summary {
        font-size: 0.8rem;
        padding: 12px 12px;
    }

    .coaching-final-cta p {
        font-size: 0.9rem;
    }
}