/*
Theme Name: قالب مهرومی
Author: مجتبی مهرداد
Description: قالب اختصاصی سایت mehromey.com
Version: 1.0
Text Domain: mehromey
Domain Path: /languages
*/
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
/* ========================================================
   ۱. متغیرهای رنگی سایت (کاملاً یکپارچه و سراسری برای تمام صفحات)
   ======================================================== */
:root {
    --bg-base: #EFE8DD;
    --bg: #F6F2EB;            
    --bg-cream: #F4ECDF;
    --bg-footer: #EEE7D8;
    
    --text-primary: #2B2B2B;
    --text: #2E2925;          
    --text-secondary: #3D362D;
    --text-muted: #5C5449;
    
    --gold: #C9A35A;
    --gold-deep: #B3863E;
    --gold-soft: #DFBA6B;
    
    --green: #7C8C6C;
    --green-bg: #E8EEE4; 
    --green-text: #6D7B5D;
    
    --red-bg: #FBEAE6; 
    --red-text: #8A3324;
    --red: #D9695C;
    
    --amber-bg: #F3E4C2; 
    --amber-text: #9C7234;
    --amber: #B08862;
    
    --card: #FBF9F5;          
    --card-border: rgba(46,41,37,0.07); 
    
    --glass-bg: rgba(255,255,255,0.62);
    --glass-border: rgba(255,255,255,0.68);
    --faq-border: #E5DDD0;
    
    --dark-bg: #211C16;
    --dark-text: #F5F0E6;
    --dark-text-dim: #A8A092;
    --dark-card-bg: rgba(255,255,255,0.04);
    --dark-card-border: rgba(255,255,255,0.08);
    
    --neon-green: #96B395;
    --neon-amber: #D4A857;
    --neon-gold: #DFC18A;
    
    --shadow-soft: 0 10px 40px rgba(43,38,32,0.08);
    --shadow-hover: 0 20px 50px rgba(43,38,32,0.12);

    /* متغیرهای برگه درباره ما */
    --about-bg: #EFE8DD;
    --about-text: #2B2B2B;
    --about-text-secondary: #6E6457;
    --about-text-muted: #9C9285;
    --about-gold: #C9A35A;
    --about-gold-deep: #B68A3E;
    --about-card: #FBF9F5;
    --about-card-border: rgba(46,41,37,0.07);
    --about-green: #7C8C6C;
    --about-green-bg: #E8EEE4;
    --about-red: #8A3324;

    /* متغیرهای برگه دسته‌بندی */
    --topic: #C79A43;
    --topic-bg: #F3E4C2;

    /* متغیرهای برگه رسانه و تجربه‌ها (رنگ دسته‌بندی‌ها) */
    --c-energy: #C79A43;  --c-energy-bg: #F3E4C2;
    --c-sleep: #7C8C6C;  --c-sleep-bg: #EAEEE2;
    --c-gut: #8C9A6E;  --c-gut-bg: #EDEFE1;
    --c-focus: #6E8C82;  --c-focus-bg: #E4EDE9;
    --c-stress: #B08862;  --c-stress-bg: #EFE3D4;
    --c-nutrition: #9C8654;  --c-nutrition-bg: #EDE6D3;
    --c-lifestyle: #A9854A;  --c-lifestyle-bg: #F1E6CE;
    --c-mind: #7E8FA0;  --c-mind-bg: #E6EAEF;
    --c-gold: #C79A43;  --c-gold-bg: #F3E4C2;
    --c-green: #7C8C6C;  --c-green-bg: #EAEEE2;
    --c-amber: #B08862;  --c-amber-bg: #EFE3D4;
    --c-teal: #6E8C82;  --c-teal-bg: #E4EDE9;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }

body {
    font-family: 'Vazirmatn', Tahoma, 'Segoe UI', Arial, sans-serif !important;
    font-weight: 400; /* وزن استاندارد برای متن‌های بدنه */
    font-size: 16px;
    line-height: 1.9;
    background: var(--bg-base);
    color: var(--text-primary);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

/* تیترها پررنگ باشند، نه کل متن سایت */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important; 
    color: var(--text-primary);
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--gold-soft); color: #fff; }

/* ========================================================
   ۲. استایل‌دهی به فرم پرداخت EDD
   ======================================================== */
.edd-checkout-container { margin-top: 20px; }

.edd-checkout-container input[type="text"],
.edd-checkout-container input[type="email"],
.edd-checkout-container input[type="tel"],
.edd-checkout-container input[type="password"],
.edd-checkout-container select,
.edd-checkout-container textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid rgba(46,41,37,0.1);
    border-radius: 14px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
    color: var(--text-primary);
    margin-bottom: 16px;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.edd-checkout-container input:focus,
.edd-checkout-container select:focus,
.edd-checkout-container textarea:focus {
    outline: none;
    border-color: var(--gold);
}

.edd-checkout-container label {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 8px;
    display: block;
}

/* دکمه پرداخت */
.edd-checkout-container #edd-purchase-button,
.edd-checkout-container input[type="submit"] {
    width: 100%;
    background: var(--green);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 16px;
    border-radius: 14px;
    border: none;
    transition: all 0.3s;
    cursor: pointer;
}

.edd-checkout-container #edd-purchase-button:hover {
    background: #6D7B5D;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(109,123,93,0.3);
}

/* جدول سبد خرید در صفحه پرداخت */
#edd_checkout_cart {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    border-radius: 16px;
    overflow: hidden;
}

#edd_checkout_cart th {
    background: var(--bg-cream);
    color: var(--text-secondary);
    font-size: 13px;
    padding: 14px;
    text-align: right;
}

#edd_checkout_cart td {
    padding: 16px 14px;
    border-bottom: 1px solid rgba(43,38,32,0.06);
    font-size: 14px;
}

#edd_checkout_cart .edd_cart_footer_row td {
    background: var(--bg-cream);
    font-weight: bold;
    font-size: 16px;
}

/* ========================================================
   ۳. استایل‌دهی به افزونه پشتیبانی SupportCandy
   ======================================================== */
.supportcandy-wrapper, .wpsc-container {
    font-family: inherit !important;
}

.wpsc-input-wrapper input[type="text"],
.wpsc-input-wrapper input[type="email"],
.wpsc-input-wrapper input[type="password"],
.wpsc-input-wrapper input[type="tel"],
.wpsc-input-wrapper select,
.wpsc-input-wrapper textarea {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid rgba(46,41,37,0.1);
    border-radius: 14px;
    background: #fff;
    font-family: inherit;
    font-size: 14px;
    color: var(--text-primary);
    box-sizing: border-box;
    margin-bottom: 16px;
    transition: border-color 0.2s;
}

.wpsc-input-wrapper input:focus,
.wpsc-input-wrapper select:focus,
.wpsc-input-wrapper textarea:focus {
    outline: none;
    border-color: var(--gold);
}

.wpsc-input-wrapper label {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 8px;
    display: block;
}

/* دکمه ارسال تیکت در SupportCandy */
.wpsc-btn, .wpsc-button {
    background: var(--green) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 14px 24px !important;
    border-radius: 14px !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.wpsc-btn:hover, .wpsc-button:hover {
    background: #6D7B5D !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(109,123,93,0.3) !important;
    color: #fff !important;
}

/* جداول لیست تیکت‌ها در پنل کاربری */
.wpsc-tickets-list table th {
    background: var(--bg-cream);
    color: var(--text-secondary);
    font-size: 13px;
    padding: 14px;
    text-align: right;
}

.wpsc-tickets-list table td {
    padding: 16px 14px;
    border-bottom: 1px solid rgba(43,38,32,0.06);
    font-size: 14px;
}

/* ========================================================
   ۴. استایل رنگ‌بندی سکشن‌ها (اعمال شده برای تمام صفحات)
   ======================================================== */
.stats-wrap {
    background: transparent !important;
    padding-bottom: 60px !important;
    position: relative;
}

.stats-wrap::after {
    content: "";
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #EFE8DD !important;
    z-index: 0;
}

.stats-bar {
    position: relative;
    z-index: 1;
}

/* رنگ‌دهی پس‌زمینه بخش‌های مختلف */
.why-section { background: #EFE8DD; }
.timeline-section { background: #F7F4EE; }
.compare-section { background: #EFE8DD; }
.depth-section { background: #faeded; }
.product-section { background: #EFE8DD; }
.stories-section { background: #F7F4EE; }
.pricing-section { background: #EFE8DD; }
.purchase-faq-section { background: #F7F4EE; }
.principles-section { background: #f2e8d8; }
.philosophy-section { background: #F7F4EE; }
.guarantee-banner { background: #F7F4EE; }
.final-cta-section { background: #F7F4EE; }

.section-eyebrow {
    font-weight: 900 !important;
    font-size: 18px !important;
}
/* اصلاح نهایی کنتراست کلمات و کارت‌های بخش تایم‌لاین */
.timeline-section p, 
.timeline-section .road-card,
.timeline-section .road-card p,
.timeline-section .road-result,
.timeline-section .road-result b {
    color: #1A1714 !important; /* تیره‌ترین حالت ممکن */
}

.timeline-section h3 {
    color: #000000 !important;
}

.timeline-section .road-badge {
    color: #2A2520 !important;
    font-weight: bold;
}

/* ========================================================
   ۵. کامپوننت‌های پایه و ابزارها (Utilities)
   ======================================================== */
.btn-reset {
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* اصلاح رنگ‌بندی متون فوتر برای خوانایی روی پس‌زمینه تیره */
footer,
footer p,
.footer-legal,
.footer-bottom-tagline {
    color: rgba(245, 240, 230, 0.7) !important; /* رنگ روشن و خوانا */
}

.footer-brand,
.footer-col h4 {
    color: var(--dark-text) !important;
}

.footer-col a,
.footer-bottom-links a {
    color: var(--neon-gold) !important;
}

/* ========================================================
   ۶. هیرو سکشن (Hero Section)
   ======================================================== */
.hero-scene__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ========================================================
   ۷. بخش چرایی (Why Section)
   ======================================================== */
.legend-dot--red { background-color: #D9695C; }
.legend-dot--gold { background-color: #C9A35A; }

/* ========================================================
   ۸. بخش داستان‌ها (Stories Section)
   ======================================================== */
.stories-section--spaced { padding-top: 40px; }

/* ========================================================
   ۹. بخش اصول (Principles Section)
   ======================================================== */
.principles-intro {
    font-size: 14.5px;
    color: var(--text-secondary);
    margin-top: 14px;
    line-height: 1.95;
}

/* ========================================================
   ۱۰. کامپوننت‌های قیمت‌گذاری (Pricing Components)
   ======================================================== */
.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    align-items: stretch;
    max-width: 1140px;
    margin: 0 auto;
}

.price-card {
    position: relative;
    border: 1px solid rgba(43,38,32,0.08);
    border-radius: 22px;
    padding: 38px 30px;
    display: flex;
    flex-direction: column;
    transition: transform .3s ease;
    background: #F6F2EB;
}

.price-card.featured {
    background: #FBF1DD;
    border: 1px solid rgba(199,154,67,0.55);
    box-shadow: 0 0 0 1px rgba(199,154,67,0.25), 0 30px 60px rgba(201,163,90,0.20);
    transform: scale(1.03);
    z-index: 2;
}

.price-pin {
    position: absolute;
    top: -13px;
    right: 50%;
    transform: translateX(50%);
    white-space: nowrap;
    background: #B3863A;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 18px;
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(179,134,58,0.35);
}

.price-level {
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 6px;
}

.price-card.featured .price-level {
    color: #B3863A;
    font-weight: 500;
}

.price-tagline {
    font-size: 13.5px;
    color: #4A4237;
    margin-bottom: 22px;
    line-height: 1.8;
}

.price-features {
    list-style: none;
    font-size: 14.5px;
    color: #3D362D;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    margin: 0;
    padding: 0;
}

.price-features li {
    padding-right: 18px;
    position: relative;
}

.price-features li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DFBA6B;
}

.price-card.featured .price-features li::before {
    background: #B3863A;
}

.price-amount {
    font-size: 13px;
    color: #9C9285;
    margin: 26px 0 16px;
}

.price-amount b {
    font-size: 17px;
    color: #2E2925;
    font-weight: 500;
    display: block;
    margin-bottom: 2px;
}

.price-card.featured .price-amount b {
    color: #B3863A;
}

.price-btn {
    display: block;
    text-align: center;
    background: #B3863A;
    border: 1px solid #B3863A;
    color: #fff;
    border-radius: 999px;
    padding: 13px;
    font-size: 14px;
    font-weight: 500;
    transition: all .35s ease;
    cursor: pointer;
    font-family: inherit;
}

.price-card.tier-base .price-btn:hover {
    background: #B3863A;
    color: #fff;
    border-color: #B3863A;
    box-shadow: 0 10px 24px rgba(179,134,58,0.3);
}

.price-card.featured .price-btn {
    background: #B3863A;
    color: #fff;
    border-color: #B3863A;
    box-shadow: 0 10px 24px rgba(179,134,58,0.3);
}

.price-card.featured .price-btn:hover {
    background: #C9A35A;
    box-shadow: 0 14px 30px rgba(179,134,58,0.45);
    transform: translateY(-3px);
}

.plan-details-link {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #9C9285;
    margin-top: 16px;
    transition: color .3s ease;
}

.plan-details-link:hover {
    color: #B3863A;
}

/* ========================================================
   ۱۱. استایل‌های اختصاصی ریسپانسیو برای موبایل
   ======================================================== */
@media only screen and (max-width: 768px) {
    body { overflow-x: hidden !important; }
    .section-inner { padding: 0 15px !important; }
    
    /* هیرو سکشن */
    .hero-content { text-align: center; padding: 20px; }
    .hero-content h1 { font-size: 28px !important; line-height: 1.5; }
    
    /* باکس آمار */
    .stats-bar { flex-wrap: wrap; justify-content: center; gap: 15px !important; }
    .stat-item { width: 45%; min-width: 150px; text-align: center; }
    
    /* بخش چرایی (Why Section) */
    .why-grid { grid-template-columns: 1fr !important; gap: 30px; }
    
    /* بخش مقایسه */
    .compare-grid { grid-template-columns: 1fr !important; gap: 20px; }
    .compare-arrow { transform: rotate(90deg); margin: 0 auto; }
    
    /* بخش جدول زمانی */
    .roadmap-list { padding-right: 20px; }
    
    /* بخش عمق (Depth Section) */
    .dim-row { flex-wrap: wrap; justify-content: center; gap: 10px !important; }
    .dim-pill { width: 45%; justify-content: center; }
    
    /* بخش محصول و موکاپ */
    .mockup-grid { grid-template-columns: 1fr !important; gap: 40px; }
    .mockup-phone-col { max-width: 300px; margin: 0 auto; }
    
    /* بخش داستان‌ها */
    .method-grid { grid-template-columns: 1fr !important; gap: 40px; }
    
    /* بخش قیمت‌گذاری */
    .pricing-grid { grid-template-columns: 1fr !important; gap: 25px; }
    .price-card { padding: 25px 20px; }
    .price-card.featured { transform: none; }
    .vip-desc br { display: none; } /* جلوگیری از فاصله زیاد در موبایل */
    
    /* بخش اصول و فلسفه */
    .principles-grid { grid-template-columns: 1fr !important; gap: 20px; }
    
    /* باکس‌های نهایی */
    .guarantee-box, .final-cta-box { padding: 30px 20px !important; text-align: center; }
    .main-content { padding: 0 15px; }

    /* ریسپانسیو کردن جدول سبد خرید در موبایل */
    #edd_checkout_cart {
        display: block;
        width: 100%;
        overflow-x: auto; /* اضافه شدن اسکرول افقی برای جدول در موبایل */
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* اسکرول نرم در آیفون */
    }
    .edd-checkout-container input[type="text"],
    .edd-checkout-container input[type="email"],
    .edd-checkout-container input[type="tel"],
    .edd-checkout-container input[type="password"],
    .edd-checkout-container select,
    .edd-checkout-container textarea {
        padding: 12px 14px; /* فشرده‌تر شدن فیلدها در موبایل */
    }

    /* ریسپانسیو کردن جداول پشتیبانی در موبایل */
    .wpsc-tickets-list table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

 
  .scroll-progress{
    position:fixed; top:0; right:0; left:0; height:3px;
    background:linear-gradient(90deg, #6D7B5D, #B68A3E);
    width:0%; z-index:999; transition:width .08s linear;
  }
 
  /* ===== Header ===== */
  .site-header{
    position:fixed; top:22px; left:0; right:0; margin-left:auto; margin-right:auto;
    width:min(940px,92%); z-index:900;
    background:var(--glass-bg);
    -webkit-backdrop-filter:blur(30px) saturate(180%);
    backdrop-filter:blur(30px) saturate(180%);
    border:1px solid var(--glass-border);
    border-radius:999px;
    box-shadow:0 10px 34px rgba(43,38,32,0.08);
    padding:10px 12px 10px 10px;
  }
  .header-inner {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-inner > * { 
    margin-left: 5px; 
    margin-right: 5px; 
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
  .brand{font-size:21px; font-weight:300; color:var(--text-primary); padding-right:10px; white-space:nowrap;}
  .main-nav{display:flex; align-items:center; gap:26px; font-size:14.5px; color:var(--text-secondary);}
  .main-nav a{transition:color .2s;}
  .main-nav a:hover{color:var(--gold-deep);}
  .cta-pill{
    background:var(--gold-deep);
    color:#fff; font-size:14px; font-weight:500;
    padding:11px 22px; border-radius:999px; white-space:nowrap;
    box-shadow:0 6px 16px rgba(182,138,62,0.28);
    transition:background .55s cubic-bezier(.22,1,.36,1), box-shadow .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
  }
  .cta-pill:hover{background:var(--gold); box-shadow:0 14px 30px rgba(182,138,62,0.42); transform:translateY(-3px);}
  .quickbuy-pill{
    background:rgba(255,255,255,0.5); border:1px solid rgba(212,175,55,0.3);
    color:var(--text-primary); font-size:12.5px; font-weight:500;
    padding:8px 16px; border-radius:999px; white-space:nowrap;
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    transition:background .45s ease, border-color .45s ease, transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;
    cursor:pointer;
  }
  .quickbuy-pill:hover{background:rgba(255,255,255,0.72); border-color:rgba(212,175,55,0.55); transform:translateY(-2px); box-shadow:0 8px 18px rgba(182,138,62,0.16);}
  @media (max-width:760px){ .quickbuy-pill{display:none;} }
  .mobile-nav-panel .quickbuy-pill{display:block; text-align:center; margin-top:6px;}
    .account-btn, .mobile-toggle{
    width:38px; height:38px; border-radius:50%; border:1px solid var(--glass-border);
    background:rgba(255,255,255,0.5); display:flex; align-items:center; justify-content:center;
    flex-shrink:0; cursor:pointer; position: relative; z-index: 901;
  }
  .mobile-toggle{display:none;}
  .mobile-nav-panel{
    position:fixed; top:90px; left:0; right:0; margin-left:auto; margin-right:auto;
    width:min(320px,88%); background:var(--glass-bg);
    -webkit-backdrop-filter:blur(30px) saturate(180%); backdrop-filter:blur(30px) saturate(180%);
    border:1px solid var(--glass-border); border-radius:24px; padding:14px;
    box-shadow:0 16px 40px rgba(43,38,32,0.14);
    display:flex; flex-direction:column; gap:4px;
    opacity:0; pointer-events:none; 
    transform:translateY(-8px) scale(0.96); transform-origin:top center;
    transition:opacity .22s ease, transform .22s ease;
    z-index:850;
  }
  .mobile-nav-panel.open{opacity:1; pointer-events:auto; transform:translateY(0) scale(1);}
  .mobile-nav-panel a{padding:13px 14px; border-radius:14px; font-size:15px; color:var(--text-primary);}
  .mobile-nav-panel a:active{background:rgba(0,0,0,0.05);}
  .mobile-nav-panel .cta-pill{margin-top:6px; text-align:center;}
      @media (max-width:760px){
    .main-nav{display:none;}
    .header-inner > .cta-pill, .quickbuy-pill{display:none;}
    
    .header-inner {
        align-items: center;
        flex-wrap: nowrap;
    }
    
    /* ۱. لوگو در سمت راست */
    .brand { 
        order: 1; 
        flex-shrink: 0; 
    }
    
    /* ۲. همبرگری دقیقاً در وسط */
    .mobile-toggle { 
        display: flex; 
        order: 2; 
        margin: 0 auto; /* این خط دکمه را دقیقاً در مرکز قرار می‌دهد */
    }
    
        /* ۳. حساب کاربری، زنگوله و زبان در سمت چپ */
    .account-btn, .lang-switcher { 
        order: 3; 
    }
}
 
  /* ===== Hero ===== */
  .hero{
    min-height:100vh; position:relative; overflow:hidden;
    display:flex; align-items:center; justify-content:center; text-align:center;
    padding:120px 24px 90px;
    background:#EAF1F7;
  }
  .hero-scene{position:absolute; inset:0; z-index:0;}
  .hero-scene svg{width:100%; height:100%; display:block;}
  .hero-vignette{
    position:absolute; inset:0; z-index:1;
    background:radial-gradient(ellipse 60% 50% at 50% 55%, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0) 72%);
  }
  .hero-content{position:relative; z-index:2; max-width:680px;}
  .eyebrow{font-size:14px; color:var(--gold-deep); font-weight:500; margin-bottom:18px;}
  .hero h1{font-size:clamp(30px,5vw,50px); font-weight:300; line-height:1.5; color:var(--text-primary); margin-bottom:22px;}
  .hero .sub{font-size:17px; color:var(--text-secondary); max-width:540px; margin:0 auto 38px;}
  .primary-btn{
    display:inline-block; background:var(--gold-deep);
    color:#fff; font-size:16px; font-weight:500;
    padding:17px 40px; border-radius:999px;
    box-shadow:0 10px 26px rgba(182,138,62,0.32); transition:background .55s cubic-bezier(.22,1,.36,1), box-shadow .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
  }
  .primary-btn:hover{background:var(--gold); box-shadow:0 18px 40px rgba(182,138,62,0.48); transform:translateY(-3px);}
  .micro{font-size:12.5px; color:var(--text-muted); margin-top:14px;}
 
  /* ===== Trust stats bar ===== */
  .stats-wrap{padding:0 24px; position:relative; z-index:5;}
  .stats-bar{
    max-width:880px; margin:-56px auto 0; background:var(--glass-bg); border:1px solid rgba(255,255,255,0.7);
    border-radius:24px; padding:30px 16px; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    box-shadow: 0 25px 60px -10px rgba(43, 38, 32, 0.49) !important;
    display:grid; grid-template-columns:repeat(4,1fr);
  }
  @media (max-width:760px){.stats-bar{grid-template-columns:repeat(2,1fr); gap:26px 0;}}
  .stat-item{text-align:center; position:relative;}
  .stat-item::after{content:''; position:absolute; top:6px; bottom:6px; left:0; width:1px; background:rgba(43,38,32,0.1);}
  .stat-item:last-child::after{display:none;}
  @media (max-width:760px){.stat-item::after{display:none;}}
  .stat-num{font-size:25px; font-weight:500; color:var(--gold-deep); margin-bottom:5px;}
  .stat-icon{display:flex; align-items:center; justify-content:center; width:26px; height:26px; margin:2px auto 8px; color:var(--gold-deep); opacity:.75;}
  .stat-icon svg{width:100%; height:100%;}
  .stat-label{font-size:12px; color:var(--text-secondary);}
 
  /* ===== Section shells ===== */
  section{padding:92px 24px;}
  .section-inner{max-width:1080px; margin:0 auto;}
  .section-head{text-align:center; max-width:680px; margin:0 auto 46px;}
  .section-eyebrow{font-size:13px; font-weight:500; color:var(--gold-deep); margin-bottom:14px;}
  .section-head h2{font-size:clamp(24px,3.4vw,34px); font-weight:300; color:var(--text-primary); line-height:1.6;}
 
  .reveal{opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease;}
  .reveal.in-view{opacity:1; transform:translateY(0);}
 
  /* ===== Why 80% section ===== */
  .why-section{background:var(--bg-base);}
  .why-grid{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
  @media (max-width:880px){.why-grid{grid-template-columns:1fr;}}
  .why-box{
    background:#fff; border:1px solid rgba(43,38,32,0.06); border-radius:22px; padding:36px;
  }
  .why-box-title{font-size:17px; font-weight:500; color:var(--text-primary); margin-bottom:24px; line-height:1.6;}
  .donut-wrap{display:flex; align-items:center; gap:22px; margin-bottom:28px; flex-wrap:wrap;}
  .donut-legend{font-size:13.5px; color:var(--text-secondary); display:flex; flex-direction:column; gap:8px;}
  .legend-dot{display:inline-block; width:9px; height:9px; border-radius:50%; margin-left:8px;}
 
  .story-accordion{display:flex; flex-direction:column; gap:10px;}
  .story-acc-item{border:1px solid rgba(43,38,32,0.08); border-radius:16px; overflow:hidden; transition:background .35s ease, border-color .35s ease;}
  .story-acc-item.open{background:var(--bg-cream); border-color:rgba(43,38,32,0.05);}
  .story-acc-header{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px;
    background:none; border:none; padding:16px 18px; cursor:pointer; text-align:right;
    font-size:14.5px; font-weight:500; color:var(--text-primary); font-family:inherit;
  }
  .story-acc-header svg{width:13px; height:13px; color:var(--gold-deep); flex-shrink:0; transition:transform .35s ease;}
  .story-acc-item.open .story-acc-header svg{transform:rotate(180deg);}
  .story-acc-body{max-height:0; overflow:hidden; transition:max-height .45s cubic-bezier(.22,1,.36,1);}
  .story-acc-item.open .story-acc-body{max-height:600px;}
  .story-acc-content{padding:0 18px 20px;}
  .story-acc-content .line{font-size:15px; color:var(--text-secondary); line-height:1.85; margin-bottom:10px;}
  .story-acc-content .line:last-child{margin-bottom:0;}
  .story-acc-content .line b{color:var(--text-primary); font-weight:500;}
 
  .sci-intro{font-size:14px; color:var(--text-secondary); margin-bottom:22px; line-height:1.9;}
 
  .faq-mini summary{
    cursor:pointer; font-size:15px; font-weight:500; padding:16px 4px;
    border-bottom:1px solid var(--faq-border); list-style:none; display:flex; justify-content:space-between;
  }
  .faq-mini summary::-webkit-details-marker{display:none;}
  .faq-mini summary::after{content:'+'; color:var(--gold-deep); font-weight:400;}
  .faq-mini[open] summary::after{content:'−';}
  .faq-mini p{font-size:15px; color:var(--text-secondary); padding:4px 4px 18px;}
 
  /* ===== Timeline / Roadmap section ===== */
  .timeline-section{background:var(--bg-cream); overflow:hidden;}
  .timeline-section .section-eyebrow{color:var(--gold-deep);}
  .timeline-section .section-head h2{color:var(--text-primary);}
  .roadmap-wrap{position:relative; max-width:760px; margin:0 auto;}
  
  .roadmap-path{
    position:absolute; top:36px; bottom:36px; left:14%; right:14%;
    background:linear-gradient(135deg, rgba(201,163,90,0.1), rgba(223,186,107,0.08), rgba(182,138,62,0.12));
    border:1px dashed rgba(255,255,255,0.06); border-radius:50px; z-index:0; pointer-events:none;
  }
  .roadmap-list{position:relative; z-index:1; display:flex; flex-direction:column; gap:32px;}
 
      .road-node{
    display:flex; width:100%; opacity:0.8; transform:scale(0.95);
    transition:opacity .6s cubic-bezier(.25,1,.5,1), transform .6s cubic-bezier(.25,1,.5,1);
  }
  .road-node.active{opacity:1; transform:scale(1);}
  .road-1{justify-content:flex-start;}
  .road-2{justify-content:flex-end; padding-left:9%;}
  .road-3{justify-content:flex-start;}
  .road-4{justify-content:flex-end; padding-left:9%;}
 
  .road-card{
    width:80%; background:var(--dark-card-bg); border:1px solid var(--dark-card-border);
    border-radius:24px; padding:26px; display:flex; gap:18px; align-items:flex-start;
    box-shadow:0 14px 40px rgba(0,0,0,0.25);
    -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    transition:box-shadow .4s ease, border-color .4s ease;
  }
  .road-node.active .road-card{box-shadow:0 20px 50px rgba(0,0,0,0.35); background: rgba(255,255,255,0.07);}
  .road-1.active .road-card{border-inline-end:3px solid var(--neon-green);}
  .road-2.active .road-card{border-inline-start:3px solid var(--neon-amber);}
  .road-3.active .road-card{border-inline-end:3px solid var(--neon-gold);}
  .road-4.active .road-card{border-inline-start:3px solid var(--neon-green);}
 
  .road-badge{
    width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08);
    display:flex; align-items:center; justify-content:center; font-weight:600; font-size:13.5px; flex-shrink:0;
    color:var(--dark-text-dim); transition:all .4s ease;
  }
  .road-1.active .road-badge{background:rgba(150,179,149,0.1); color:var(--neon-green); box-shadow:0 0 14px rgba(150,179,149,0.3);}
  .road-2.active .road-badge{background:rgba(212,168,87,0.12); color:var(--neon-amber); box-shadow:0 0 14px rgba(212,168,87,0.32);}
  .road-3.active .road-badge{background:rgba(223,193,138,0.1); color:var(--neon-gold); box-shadow:0 0 14px rgba(223,193,138,0.35);}
 
  .road-text{flex:1; text-align:right;}
  .road-text h3{font-size:17px; font-weight:500; margin:0 0 10px; color:var(--text-primary);}
  .road-text p{font-size:15px; line-height:1.85; color:var(--text-secondary); margin:0 0 10px;}
    .road-result{font-size:13.5px; color: var(--text-secondary);}
  .road-result b{font-weight:500; color:var(--text-primary);}
 
  @media (max-width:760px){
    .roadmap-path{left:21px; right:auto; width:1px; border:none; border-radius:0;
      background:linear-gradient(to bottom, rgba(201,163,90,0.3), rgba(223,186,107,0.2));}
    .road-1, .road-2, .road-3{justify-content:flex-start !important; padding-left:0;}
    .road-card{width:calc(100% - 38px); margin-right:38px; flex-direction:column-reverse; gap:14px; padding:22px;}
    .road-2.active .road-card{border-inline-start:none; border-inline-end:3px solid var(--neon-amber);}
  }
 
  .anchor-point{position:relative; text-align:center; padding-top:44px;}
  .anchor-circle{
    width:18px; height:18px; border-radius:50%; background:var(--neon-gold); margin:0 auto 22px;
    box-shadow:0 0 0 0 rgba(223,193,138,0.4); animation:pulseGlow 2.4s ease-out infinite;
  }
  @keyframes pulseGlow{
    0%{box-shadow:0 0 0 0 rgba(223,193,138,0.4);}
    70%{box-shadow:0 0 0 26px rgba(223,193,138,0);}
    100%{box-shadow:0 0 0 0 rgba(223,193,138,0);}
  }
  .anchor-text{font-size:16px; font-weight:300; color:var(--dark-text-dim); font-style:italic;}
 
  /* ===== Compare section ===== */
  .compare-section{background:var(--bg-base);}
  .compare-sub{font-size:14.5px; color:var(--text-muted); text-align:center; max-width:480px; margin:14px auto 0;}
  .compare-grid{display:grid; grid-template-columns:1fr auto 1fr; gap:0; align-items:stretch; max-width:920px; margin:0 auto;}
  .compare-card{
    background:var(--glass-bg); border:1px solid rgba(255,255,255,0.7); border-radius:24px; padding:32px 28px;
    -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); display:flex; flex-direction:column;
  }
  .compare-bad{opacity:0.9;}
  .compare-good{
    background:linear-gradient(165deg, rgba(255,253,247,0.96), rgba(250,239,216,0.85));
    border:1px solid rgba(201,163,90,0.45);
    box-shadow:0 0 0 1px rgba(201,163,90,0.18), 0 22px 50px rgba(201,163,90,0.16);
  }
  .compare-card-title{font-size:15.5px; font-weight:500; margin-bottom:24px;}
  .compare-card-title span{font-size:12px; color:var(--text-muted); font-weight:400; display:block; margin-top:4px;}
  .compare-bad .compare-card-title{color:var(--text-secondary);}
  .compare-good .compare-card-title{color:var(--gold-deep);}
  .compare-list{display:flex; flex-direction:column; gap:14px; flex:1; margin-bottom:24px;}
  .compare-list li{list-style:none; display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.7;}
  .compare-bad .compare-list li{color:var(--text-secondary);}
  .compare-good .compare-list li{color:var(--text-primary);}
  .compare-icon{width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;}
  .compare-icon svg{width:10px; height:10px;}
  .compare-icon.bad{background:var(--red-bg); color:var(--red-text);}
  .compare-icon.good{background:var(--green-bg); color:var(--green-text);}
  .compare-result{font-size:13.5px; font-weight:500; padding-top:16px; border-top:1px solid rgba(43,38,32,0.1);}
  .compare-result.bad{color:var(--red-text);}
  .compare-result.good{color:var(--gold-deep);}
  .compare-arrow{display:flex; align-items:center; justify-content:center; padding:0 16px; color:var(--gold-soft);}
  .compare-arrow svg{width:24px; height:24px;}
  @media (max-width:800px){
    .compare-grid{grid-template-columns:1fr; gap:16px;}
    .compare-arrow{transform:rotate(-90deg); margin:0 auto;}
  }
 
  /* ===== Pricing section (3 cards) ===== */
  .pricing-section{background:var(--bg-base);}
  .pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:32px; align-items:stretch; max-width:1140px; margin:0 auto;}
  @media (max-width:980px){.pricing-grid{grid-template-columns:1fr; max-width:420px; margin:0 auto; gap:24px;}}
  .price-card{
    position:relative; border:1px solid rgba(43,38,32,0.08);
    border-radius:22px; padding:38px 30px;
    display:flex; flex-direction:column; transition:transform .3s ease;
  }
  .price-card.tier-base{background:var(--bg-base);}
  .price-card.featured{
    background:#FBF1DD;
    border:1px solid rgba(201,163,90,0.55);
    box-shadow:0 0 0 1px rgba(201,163,90,0.25), 0 30px 60px rgba(201,163,90,0.20);
    transform:scale(1.03); 
    z-index:2;
  }
  .price-card.featured::before{
    content:''; position:absolute; inset:-25%; z-index:-1; pointer-events:none;
    background:radial-gradient(circle at 50% 0%, rgba(201,163,90,0.2), transparent 65%);
  }
  @media (max-width:980px){ .price-card.featured{transform:none; padding:38px 30px;} }
  .price-pin{
    position:absolute; top:-13px; right:50%; transform:translateX(50%); white-space:nowrap;
    background:var(--text-secondary); color:#fff; font-size:12px; font-weight:500;
    padding:6px 16px; border-radius:999px; box-shadow:0 6px 16px rgba(43,38,32,0.2);
  }
  .price-card.featured .price-pin{
    background:var(--gold-deep); box-shadow:0 6px 16px rgba(182,138,62,0.32);
  }
  .price-level{font-size:21px; font-weight:300; margin-bottom:6px;}
  .price-card.featured .price-level{color:var(--gold-deep); font-weight:500;}
  .price-tagline{font-size:13.5px; color:var(--text-secondary); margin-bottom:22px; line-height:1.8;}
  .price-features{font-size:14.5px; color:var(--text-secondary); display:flex; flex-direction:column; gap:10px; flex:1;}
  .price-features li{list-style:none; padding-right:18px; position:relative;}
  .price-features li::before{content:'';position:absolute; right:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--gold-soft);}
  .price-card.featured .price-features li::before{background:var(--gold-deep);}
  .price-amount{font-size:13px; color:var(--text-muted); margin:26px 0 16px;}
  .price-amount b{font-size:17px; color:var(--text-primary); font-weight:500; display:block; margin-bottom:2px;}
  .price-card.featured .price-amount b{color:var(--gold-deep);}
  .price-btn{
    display:block; text-align:center; background:transparent; border:1px solid var(--text-secondary);
    color:var(--text-secondary); border-radius:999px; padding:13px; font-size:14px; font-weight:500;
    transition:all .5s cubic-bezier(.22,1,.36,1); cursor:pointer;
  }
  .price-card.tier-base .price-btn:hover{background:var(--text-secondary); color:#fff;}
  .price-card.featured .price-btn{
    background:var(--gold-deep); color:#fff; border:none;
    box-shadow:0 12px 26px rgba(182,138,62,0.34);
  }
  .price-card.featured .price-btn:hover{background:var(--gold); box-shadow:0 18px 38px rgba(182,138,62,0.45); transform:translateY(-3px);}
  .plan-details-link{
    display:block; text-align:center; font-size:13px; color:var(--text-muted);
    margin-top:16px; transition:color .3s ease;
  }
  .plan-details-link:hover{color:var(--gold-deep);}
  .scarcity-note{
    text-align:center; font-weight:500; font-size:14.5px; color:var(--red-text);
    max-width:560px; margin:48px auto 0; line-height:1.85;
    background:var(--red-bg); border:1px solid rgba(138,51,36,0.18);
    border-radius:16px; padding:16px 26px;
  }
 
        /* استایل کارت دسترسی ویژه (VIP) - سبک Quiet Luxury */
  .price-card.vip-card{
    background: #EFE8DD; /* مشکی گرم و عمیق */
    border: 1px solid rgba(184,155,88,.35); /* حاشیه بسیار نازک و محو */
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    color: #2F2F2F;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
  }
  .price-card.vip-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 163, 90, 0.4), transparent); /* خط طلایی محو در لبه بالایی */
  }
  .price-card.vip-card:hover{
    border-color: rgba(201, 163, 90, 0.3);
    box-shadow: 0 18px 36px rgba(0,0,0,.12);
    transform: translateY(-2px);
  }
  .vip-lock-icon{
    width: 40px; height: 40px; margin: 0 auto 28px;
    display: flex; align-items: center; justify-content: center;
    color:#B89B58; /* خاکستری براق */
    opacity: 0.8;
  }
  .vip-title{
    font-size: 19px; font-weight: 600; color:#2E2E2E; margin-bottom: 18px; text-align: center;
    letter-spacing: 0.5px;
  }
  .vip-desc{
    font-size: 13px; color:#6A6A6A; line-height: 2.1; text-align: center; flex: 1; margin-bottom: 28px;
    font-weight: 300;
  }
  .vip-btn{
    display: block; text-align: center; background:#4A433B;

border:none;

color:#FFFFFF; border-radius: 8px; padding: 14px; font-size: 13px; font-weight: 500;
    cursor: pointer; margin-top: auto; letter-spacing: 0.5px;
    transition: all 0.4s ease;
  }
  .vip-btn:hover{
    background: #C9A35A; /* پس‌زمینه طلایی */
    color:#FFFFFF; /* متن مشکی */
    border-color: #C9A35A;
  }
 
  /* ===== Assessment depth + sample insight section ===== */
  .depth-section{background:var(--bg-cream);}
  .depth-intro{font-size:15px; color:var(--text-secondary); text-align:center; max-width:560px; margin:-18px auto 36px; line-height:1.9;}
  .depth-dim-label{text-align:center; display:block;}
  .dim-row{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:760px; margin:0 auto 50px;}
  .dim-pill{display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--text-secondary); background:#fff; border:1px solid rgba(43,38,32,0.08); padding:9px 18px; border-radius:999px;}
  .dim-pill-icon{display:flex; width:16px; height:16px; color:var(--gold-deep); flex-shrink:0;}
  .dim-pill-icon svg{width:100%; height:100%;}
 
  .insight-sample{max-width:640px; margin:0 auto; position:relative;}
  .insight-sample-label{
    display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:500;
    color:var(--gold-deep); background:#FBF1DD; padding:6px 14px; border-radius:999px; margin-bottom:18px;
  }
  .insight-sample-card{
    background:#fff; border:1px solid rgba(43,38,32,0.07); border-radius:22px; padding:34px 32px;
    box-shadow:0 16px 38px rgba(43,38,32,0.06);
  }
  .insight-sample-card p.insight-quote{font-size:16px; line-height:2; color:var(--text-primary); font-weight:300;}
  .insight-sample-card p.insight-quote b{font-weight:500; color:var(--gold-deep);}
  .insight-sample-foot{font-size:12px; color:var(--text-muted); margin-top:18px; text-align:left;}
 
  /* ===== Product mockup (what's inside) section ===== */
  .product-section{background:var(--bg-base);}
  .mockup-grid{display:grid; grid-template-columns:1fr 0.85fr; gap:48px; align-items:center; max-width:980px; margin:0 auto;}
  @media (max-width:880px){.mockup-grid{grid-template-columns:1fr; gap:40px;}}
  .mockup-phone-col{display:flex; justify-content:center;}
 
  .mockup-feature{display:flex; gap:14px; align-items:flex-start; margin-bottom:22px;}
  .mockup-feature:last-child{margin-bottom:0;}
  .mockup-feature-icon{
    width:38px; height:38px; border-radius:50%; background:#FBF1DD; color:var(--gold-deep);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .mockup-feature-icon svg{width:16px; height:16px;}
  .mockup-feature h4{font-size:15px; font-weight:500; color:var(--text-primary); margin-bottom:4px;}
  .mockup-feature p{font-size:13.5px; color:var(--text-secondary); line-height:1.8;}
 
  .phone-frame{
    width:268px; background:#1E1B16; border-radius:38px; padding:12px;
    box-shadow:0 30px 60px rgba(43,38,32,0.22);
  }
  .phone-screen{background:var(--bg-cream); border-radius:28px; padding:22px 18px; min-height:420px;}
  .phone-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
  .phone-brand{font-size:13px; font-weight:500; color:var(--text-primary);}
  .phone-day-badge{font-size:11px; font-weight:500; background:#FBF1DD; color:var(--gold-deep); padding:4px 10px; border-radius:999px;}
  .phone-progress{height:4px; border-radius:4px; background:rgba(43,38,32,0.08); margin-bottom:20px; overflow:hidden;}
  .phone-progress span{display:block; height:100%; width:32%; background:linear-gradient(90deg,var(--gold-soft),var(--gold-deep)); border-radius:4px;}
  .phone-task-label{font-size:11px; color:var(--text-muted); margin-bottom:10px;}
  .phone-task{display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid rgba(43,38,32,0.06); font-size:13px; color:var(--text-primary);}
  .phone-task:last-of-type{border-bottom:none;}
  .phone-task-text{display:flex; flex-direction:column; gap:2px; padding-top:1px;}
  .phone-task-reason{font-size:10.5px; color:var(--text-muted); font-weight:400;}
  .phone-check{width:19px; height:19px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-top:1px;}
  .phone-check.done{background:var(--green-bg); color:var(--green-text);}
  .phone-check.pending{background:rgba(43,38,32,0.06); border:1px solid rgba(43,38,32,0.15);}
  .phone-check svg{width:10px; height:10px;}
  .phone-task.is-pending{color:var(--text-muted);}
  .phone-coach-msg{
    margin-top:18px; background:#fff; border-radius:16px; padding:14px 16px; display:flex; gap:10px;
    box-shadow:0 6px 16px rgba(43,38,32,0.06);
  }
  .phone-coach-avatar{width:26px; height:26px; border-radius:50%; background:var(--green-bg); color:var(--green-text); font-size:11px; font-weight:500; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .phone-coach-msg p{font-size:12px; color:var(--text-secondary); line-height:1.7;}
 
  /* ===== Testimonials / Story spotlight ===== */
  .stories-section{background:var(--bg-cream);}
 
  .method-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; max-width:980px; margin:0 auto;}
  @media (max-width:880px){.method-grid{grid-template-columns:1fr;}}
  .method-col{
    background:var(--glass-bg); border:1px solid rgba(255,255,255,0.7); border-radius:24px; padding:40px 36px;
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 16px 40px rgba(43,38,32,0.06);
    display:flex; flex-direction:column;
  }
  .method-label{font-size:13px; font-weight:500; color:var(--gold-deep); margin-bottom:18px; letter-spacing:0.2px;}
  .method-title{font-size:19px; font-weight:500; color:var(--text-primary); margin-bottom:22px;}
  .method-list{display:flex; flex-direction:column; gap:11px; margin-bottom:28px;}
  .method-list li{list-style:none; padding-right:18px; position:relative; font-size:14px; color:var(--text-secondary);}
  .method-list li::before{content:''; position:absolute; right:0; top:8px; width:6px; height:6px; border-radius:50%; background:var(--gold-soft);}
  .method-usp{border-top:1px solid rgba(43,38,32,0.08); padding-top:22px; text-align:center; margin-top:auto;}
  .method-usp svg{width:26px; height:19px; color:var(--gold-soft); margin:0 auto 8px;}
  .method-usp p{font-size:19px; font-weight:300; color:var(--text-primary);}
  .method-usp span{display:block; font-size:12px; color:var(--text-muted); margin-top:8px;}
 
  .testi-col .spotlight{flex:1; display:flex; flex-direction:column;}
  .testi-col .spotlight-card{flex:1; display:flex; flex-direction:column;}
  .testi-col .spotlight-extra-wrap{flex:0;}
  .testi-col .spotlight-meta{margin-top:auto; padding-top:18px;}
  .spotlight-mark{color:var(--gold-soft); margin-bottom:18px;}
  .spotlight-mark svg{width:30px; height:22px;}
  .spotlight-quote{font-size:clamp(18px,2.2vw,22px); font-weight:300; line-height:1.8; color:var(--text-primary); min-height:88px; transition:opacity .25s ease;}
  .spotlight-toggle{
    display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(201,163,90,0.4);
    background:rgba(201,163,90,0.07); color:var(--gold-deep); font-size:12.5px; font-weight:500;
    cursor:pointer; padding:8px 16px; border-radius:999px; margin-top:18px;
    transition:background .45s ease, border-color .45s ease, transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;
  }
  .spotlight-toggle:hover{background:rgba(201,163,90,0.16); transform:translateY(-2px); box-shadow:0 8px 18px rgba(182,138,62,0.18);}
  .spotlight-toggle svg{width:10px; height:10px; transition:transform .25s;}
  .spotlight-toggle.open svg{transform:rotate(180deg);}
  .spotlight-extra-wrap{display:none; margin-top:18px;}
  .spotlight-extra-wrap.open{display:block;}
  .spotlight-extra{font-size:14px; color:var(--text-secondary); max-width:480px; margin:18px auto 0; line-height:1.85;}
  .spotlight-divider{width:36px; height:1px; background:rgba(43,38,32,0.12); margin:28px auto 20px;}
  .spotlight-meta{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; transition:opacity .25s ease;}
  .spotlight-mini-avatar{
    width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-size:13px; font-weight:500; flex-shrink:0;
  }
  .spotlight-mini-avatar.c-amber{background:var(--amber-bg); color:var(--amber-text);}
  .spotlight-mini-avatar.c-green{background:var(--green-bg); color:var(--green-text);}
  .spotlight-mini-avatar.c-gold{background:#FBF1DD; color:var(--gold-deep);}
  .spotlight-name{font-size:14px; color:var(--text-primary); font-weight:500;}
  .spotlight-badge{font-size:11.5px; font-weight:500; padding:4px 12px; border-radius:999px;}
  .spotlight-badge.c-amber{background:var(--amber-bg); color:var(--amber-text);}
  .spotlight-badge.c-green{background:var(--green-bg); color:var(--green-text);}
  .spotlight-badge.c-gold{background:#FBF1DD; color:var(--gold-deep);}
  .avatar-row{display:flex; align-items:center; justify-content:center; gap:14px; margin-top:26px;}
  .avatar-btn{
    width:48px; height:48px; border-radius:50%; border:none; cursor:pointer; font-size:15px; font-weight:500;
    display:flex; align-items:center; justify-content:center; opacity:0.45; transition:opacity .25s, transform .25s;
    box-shadow:0 0 0 2px transparent;
  }
  .avatar-btn:hover{opacity:0.8;}
  .avatar-btn.active{opacity:1; transform:translateY(-3px);}
  .avatar-btn.c-amber{background:var(--amber-bg); color:var(--amber-text);}
  .avatar-btn.c-amber.active{box-shadow:0 0 0 2px var(--amber-text);}
  .avatar-btn.c-green{background:var(--green-bg); color:var(--green-text);}
  .avatar-btn.c-green.active{box-shadow:0 0 0 2px var(--green-text);}
  .avatar-btn.c-gold{background:#FBF1DD; color:var(--gold-deep);}
  .avatar-btn.c-gold.active{box-shadow:0 0 0 2px var(--gold-deep);}
 
  /* ===== Three principles section ===== */
  .principles-section{background:var(--bg-base);}
  .principles-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:960px; margin:0 auto 40px;}
  @media (max-width:880px){.principles-grid{grid-template-columns:1fr; max-width:420px;}}
  .principle-card{border:1px solid rgba(43,38,32,0.06); border-radius:20px; padding:32px 26px; text-align:center;}
  .principle-card.pc-1{background:var(--green-bg);}
  .principle-card.pc-2{background:var(--bg-base); border-color:rgba(43,38,32,0.08);}
  .principle-card.pc-3{background:#FBF1DD;}
  .principle-icon{
    width:50px; height:50px; border-radius:50%; margin:0 auto 16px;
    display:flex; align-items:center; justify-content:center;
  }
  .principle-icon svg{width:22px; height:22px;}
  .pc-1 .principle-icon{background:rgba(109,123,93,0.14); color:var(--green-text);}
  .pc-2 .principle-icon{background:rgba(182,138,62,0.14); color:var(--gold-deep);}
  .pc-3 .principle-icon{background:rgba(201,163,90,0.18); color:var(--gold);}
  .principle-title{font-size:16px; font-weight:500; color:var(--text-primary); margin-bottom:12px;}
  .principle-text{font-size:13.5px; color:var(--text-secondary); line-height:1.85;}
  .principles-tagline{
    max-width:520px; margin:0 auto; text-align:center; font-size:15px; font-weight:300;
    color:var(--text-primary); line-height:1.9; border-top:1px solid rgba(43,38,32,0.08); padding-top:28px;
  }
 
  /* ===== Philosophy section ===== */
  .philosophy-section{background:var(--bg-cream);}
  .philosophy-inner{max-width:600px; margin:0 auto;}
  .philosophy-block{text-align:center;}
  .philosophy-block h3{font-size:19px; font-weight:500; color:var(--text-primary); margin-bottom:18px;}
  .philosophy-block p{font-size:14.5px; color:var(--text-secondary); line-height:2;}
 
  /* ===== Purchase FAQ section ===== */
  .purchase-faq-section{background:var(--bg-base);}
  .purchase-faq-box{max-width:680px; margin:0 auto; background:#fff; border:1px solid var(--faq-border); border-radius:22px; padding:36px;}
 
  /* ===== Guarantee banner ===== */
  .guarantee-banner{padding:0 24px 90px;}
  .guarantee-box{
    position:relative; max-width:620px; margin:0 auto; text-align:center;
    background:var(--glass-bg); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
    border:1px solid rgba(201,163,90,0.35); border-radius:28px; padding:54px 44px;
    box-shadow: 0 25px 60px -10px rgba(43, 38, 32, 0.49) !important;
    overflow:hidden;
  }
  .guarantee-box::before{
    content:''; position:absolute; inset:-40%; z-index:0;
    background:radial-gradient(circle at 50% 30%, rgba(201,163,90,0.16), transparent 60%);
  }
  .guarantee-seal{
    position:relative; z-index:1; width:54px; height:54px; margin:0 auto 22px; border-radius:50%;
    background:#FBF1DD; display:flex; align-items:center; justify-content:center; color:var(--gold-deep);
  }
  .guarantee-eyebrow{position:relative; z-index:1; font-size:13px; font-weight:500; color:var(--gold-deep); margin-bottom:14px;}
  .guarantee-headline{position:relative; z-index:1; font-size:clamp(22px,3vw,28px); font-weight:300; color:var(--text-primary); margin-bottom:16px;}
  .guarantee-sub{position:relative; z-index:1; font-size:15px; color:var(--text-secondary); max-width:440px; margin:0 auto 18px;}
  .guarantee-fine{position:relative; z-index:1; font-size:12.5px; color:var(--text-muted); font-style:italic;}
 
  /* ===== Final CTA (pre-footer) ===== */
  .final-cta-section{background:var(--bg-cream); padding:0 24px 110px;}
  .final-cta-box{
    position:relative; max-width:680px; margin:0 auto; text-align:center;
    background:linear-gradient(160deg, rgba(43,38,32,0.97), #211C16);
    border-radius:30px; padding:64px 44px;
    box-shadow: 0 25px 60px -10px rgba(43, 38, 32, 0.60) !important;
    overflow:hidden;
  }
  .final-cta-box::before{
    content:''; position:absolute; inset:-50%; z-index:0;
    background:radial-gradient(circle at 30% 20%, rgba(223,193,138,0.16), transparent 60%);
  }
  .final-cta-box h3{position:relative; z-index:1; font-size:clamp(24px,3.4vw,32px); font-weight:300; color:var(--bg-base); margin-bottom:16px;}
  .final-cta-box p{position:relative; z-index:1; font-size:15.5px; color:rgba(245,240,230,0.68); max-width:440px; margin:0 auto 30px;}
  .final-cta-box .primary-btn{position:relative; z-index:1;}
 
  /* ===== Footer ===== */
  footer{background:var(--text-primary); padding:96px 24px 56px;}
  .footer-inner{max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:72px;}
  @media (max-width:760px){.footer-inner{grid-template-columns:1fr; gap:44px;}}
 
  .footer-brand{font-size:21px; font-weight:300; margin-bottom:16px; color:var(--bg-base);}
  .footer-desc{font-size:13.5px; color:rgba(247,244,238,0.62); max-width:280px;}
  .footer-tagline{font-size:13px; color:var(--gold-soft); margin-top:14px; letter-spacing:.2px;}
 
  .footer-contact-title{font-size:13px; font-weight:500; color:rgba(247,244,238,0.85); margin:28px 0 12px;}
  .social-row{display:flex; flex-wrap:wrap; gap:10px;}
  .social-link{
    display:flex; align-items:center; gap:8px; padding:8px 14px 8px 10px; border-radius:999px;
    background:rgba(247,244,238,0.06); color:rgba(247,244,238,0.78); font-size:12.5px;
    transition:background .3s ease, color .3s ease;
  }
  .social-link svg{flex-shrink:0;}
  .social-link:hover{background:rgba(247,244,238,0.14); color:#fff;}
 
  .footer-col h4{font-size:14px; font-weight:500; margin-bottom:20px; color:var(--bg-base);}
  .footer-col a{display:block; font-size:13.5px; color:var(--gold-soft); padding:9px 0; transition:color .3s ease, padding-right .3s ease;}
  .footer-col a:hover{color:#fff; padding-right:4px;}
  .footer-col .footer-note{font-size:11.5px; color:rgba(247,244,238,0.4); margin-top:10px;}
 
  .footer-divider{max-width:1080px; margin:56px auto 0; border-top:1px solid rgba(247,244,238,0.12);}
  .footer-legal{
    max-width:620px; margin:0 auto; padding-top:30px; text-align:center;
    font-size:11.5px; line-height:1.85; color:rgba(247,244,238,0.4);
  }
 
  .footer-bottom-bar{
    max-width:1080px; margin:0 auto; padding-top:26px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    font-size:12px; color:rgba(247,244,238,0.45);
  }
  .footer-bottom-links{display:flex; gap:18px;}
  .footer-bottom-links a{color:var(--gold-soft); transition:color .3s ease;}
  .footer-bottom-links a:hover{color:#fff;}
  .footer-bottom-tagline{color:rgba(247,244,238,0.32); white-space:nowrap;}
  @media (max-width:760px){
    .footer-bottom-bar{flex-direction:column; text-align:center; gap:14px;}
  }
 
  /* ===== Modals ===== */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(43,38,32,0.65); backdrop-filter:blur(8px);
    z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px;
    opacity:0; pointer-events:none; transition:opacity .3s ease;
  }
  .modal-overlay.open{opacity:1; pointer-events:auto;}
  .modal-box{
    background:#fff; border-radius:24px; padding:40px 32px; max-width:450px; width:100%;
    text-align:center; box-shadow:0 30px 60px rgba(0,0,0,0.2);
    transform:translateY(20px) scale(0.98); transition:transform .3s ease;
    position:relative; max-height: 90vh; overflow-y: auto;
  }
  .modal-overlay.open .modal-box{transform:translateY(0) scale(1);}
  .modal-title{font-size:22px; font-weight:500; margin-bottom:24px; color:var(--text-primary);}
  .modal-close{
    position:absolute; top:16px; left:16px; background:none; border:none; cursor:pointer;
    color:var(--text-muted); font-size:24px; line-height:1; transition:color .2s;
  }
  .modal-close:hover{color:var(--text-primary);}
  
  .modal-plan-option {
    border: 1px solid var(--faq-border);
    border-radius: 16px;
    padding: 24px 20px;
    margin-bottom: 16px;
    text-align: right; /* RTL alignment */
    background: #fff;
    transition: border-color .3s ease, box-shadow .3s ease;
  }
  .modal-plan-option:hover {
    border-color: rgba(201,163,90,0.4);
    box-shadow: 0 6px 18px rgba(43,38,32,0.06);
  }
  .modal-plan-option.featured {
    border: 1px solid rgba(201,163,90,0.45);
    background: #FBF1DD;
  }
  .modal-plan-option h4 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--text-primary);
  }
  .modal-plan-option.featured h4 {
    color: var(--gold-deep);
  }
  .modal-plan-option p {
    font-size: 13.5px;
    color: var(--text-secondary);
    margin-bottom: 18px;
    line-height: 1.7;
  }
  .modal-plan-btn {
    display: block;
    width: 100%;
    background: var(--text-secondary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    transition: background .3s ease;
  }
  .modal-plan-btn:hover {
    background: var(--text-primary);
  }
  .modal-plan-option.featured .modal-plan-btn {
    background: var(--gold-deep);
    box-shadow: 0 6px 16px rgba(182,138,62,0.28);
  }
  .modal-plan-option.featured .modal-plan-btn:hover {
    background: var(--gold);
    box-shadow: 0 10px 24px rgba(182,138,62,0.4);
  }
 
  .modal-desc{font-size:14px; color:var(--text-secondary); margin-bottom:24px; line-height:1.8;}
  .modal-input{
    width:100%; padding:14px 18px; border:1px solid var(--faq-border); border-radius:12px;
    font-family:inherit; font-size:15px; text-align:center; direction:ltr; margin-bottom:16px;
    transition:border-color .2s;
  }
  .modal-input:focus{outline:none; border-color:var(--gold);}
  .modal-submit-btn{
    width:100%; background:var(--gold-deep); color:#fff; border:none; border-radius:999px;
    padding:15px 0; font-size:15px; font-weight:500; cursor:pointer;
    transition:background .3s;
  }
  .modal-submit-btn:hover{background:var(--gold);}
@media (max-width: 360px) {
  .site-header { padding: 8px 10px; width: 94%; }
  .brand { font-size: 16px; }
  .cta-pill { padding: 9px 14px; font-size: 12px; }
  .mobile-toggle, .account-btn { width: 34px; height: 34px; }
}

  /* === استایل‌های منتقل شده از خطی به کلاس === */
  .header-cta-link { border: none; text-decoration: none; display: inline-flex; align-items: center; }
  .header-cta-btn { border: none; }
  .header-account-link { text-decoration: none; display: flex; align-items: center; justify-content: center; }
  .header-account-btn { border: none; cursor: pointer; }
  .mobile-quickbuy-mt { margin-top: 6px; }
  
  /* === استایل‌های منتقل شده از هدر به CSS === */
.main-nav ul,
.main-nav ul li,
.mobile-nav-panel ul,
.mobile-nav-panel ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.main-menu {
    display: flex;
    gap: 20px;
    align-items: center;
}
.mobile-menu-list {
    list-style: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.mobile-menu-list li a {
    display: block;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 15px;
    color: var(--text-primary);
    transition: background 0.2s ease;
}
.mobile-menu-list li a:hover {
    background: rgba(201,163,90,0.08);
    color: var(--gold-deep);
}
.mobile-cta-pill {
    text-align: center;
    margin-top: 6px;
    border: none;
    font-family: inherit;
    cursor: pointer;
    display: block;
    width: 100%;
}

/* === استایل‌های منتقل شده از فوتر به CSS === */
.footer-modal-trigger { background:none; border:none; color:var(--gold-soft); font-size:13.5px; padding:9px 0; display:block; cursor:pointer; font-family:inherit; text-align:right; }
.modal-box-right { text-align:right; }
.modal-title-center { text-align:center; color:var(--gold-deep); }
.modal-text-secondary { font-size:14.5px; color:var(--text-secondary); line-height:1.9; margin-bottom:24px; }
.modal-step-hidden { display:none; }
.modal-step-btn-link { background:none; color:var(--text-muted); font-size:12px; margin-top:10px; cursor:pointer; border:none; }

/* اصلاح مودال‌ها در موبایل */
@media (max-width: 600px) {
    .modal-overlay {
        padding: 30px 15px;
        align-items: flex-start;
        overflow-y: auto;
    }
    .modal-box {
        padding: 30px 22px;
        border-radius: 20px;
        width: 100%;
        max-width: 100%;
        max-height: none;
        margin: 0 auto;
        position: relative;
    }
    .modal-title {
        font-size: 19px;
        margin-bottom: 16px;
    }
    .modal-plan-option {
        padding: 18px 16px;
    }
}
/* ========================================================
   اصلاحات چپ‌چین (LTR) برای زبان انگلیسی
   ======================================================== */

/* اصلاح متن‌های داخل مودال‌ها */
body.ltr .modal-box,
body.ltr .modal-plan-option,
body.ltr .modal-title,
body.ltr .modal-desc,
body.ltr .modal-text-secondary {
    text-align: left;
}

/* جابجایی دکمه بستن (ضربدر) مودال به سمت راست در زبان انگلیسی */
body.ltr .modal-close {
    left: auto;
    right: 16px;
}

/* اصلاح آیکون‌ها و فلش‌ها در صورت نیاز به چرخش */
body.ltr .story-acc-header svg,
body.ltr .spotlight-toggle svg {
    transform: rotate(180deg);
}
body.ltr .story-acc-item.open .story-acc-header svg,
body.ltr .spotlight-toggle.open svg {
    transform: rotate(0deg);
}

/* اصلاح حاشیه‌های راست به چپ در مودال‌ها (در صورت وجود) */
body.ltr .modal-plan-option {
    border-left: 1px solid var(--faq-border);
    border-right: none;
}
/* ========================================================
   اصلاحات چپ‌چین (LTR) برای زبان انگلیسی - تجربه‌ها
   ======================================================== */

/* چپ‌چین کردن متن‌های داخل کارت تجربه‌ها */
body.ltr .story-card,
body.ltr .story-block-text,
body.ltr .story-name,
body.ltr .story-block-label,
body.ltr .modal-box,
body.ltr .modal-plan-option,
body.ltr .modal-title,
body.ltr .modal-desc,
body.ltr .modal-text-secondary {
    text-align: left;
}

/* قرار گرفتن آواتار در سمت چپ در سایت انگلیسی */
body.ltr .story-head {
    flex-direction: row;
}

/* جابجایی دکمه بستن (ضربدر) مودال به سمت راست در زبان انگلیسی */
body.ltr .modal-close {
    left: auto;
    right: 16px;
}

/* اصلاح جهت فلش‌های آکاردئون در حالت انگلیسی */
body.ltr .story-acc-header svg,
body.ltr .spotlight-toggle svg {
    transform: rotate(180deg);
}
body.ltr .story-acc-item.open .story-acc-header svg,
body.ltr .spotlight-toggle.open svg {
    transform: rotate(0deg);
}
/* استایل لوگوی سایت برای جلوگیری از تاری در موبایل */
.site-logo-img {
    height: auto; /* حفظ تناسب ابعاد */
    max-height: 60px; /* ارتفاعی که می‌خواهید لوگو در سایت داشته باشد */
    width: auto;
    display: block;
    /* ترفند مرورگر برای رندر کردن واضح عکس‌های کوچک شده */
    image-rendering: -webkit-optimize-contrast; 
}
/* ========================================================
   اصلاح فونت برای زبان انگلیسی (LTR)
   ======================================================== */

/* استفاده از فونت‌های سیستمی خوانا برای زبان انگلیسی به جای وزیرمتن */
body.ltr,
body.ltr h1,
body.ltr h2,
body.ltr h3,
body.ltr h4,
body.ltr h5,
body.ltr h6,
body.ltr p,
body.ltr span,
body.ltr a,
body.ltr li,
body.ltr button,
body.ltr input,
body.ltr select,
body.ltr textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* اصلاح وزن فونت در زبان انگلیسی (چون فونت‌های انگلیسی ظریف‌تر هستند، وزن نرمال 400 برایشان کافی است) */
body.ltr {
    font-weight: 400 !important;
}

body.ltr h1,
body.ltr h2,
body.ltr h3,
body.ltr h4,
body.ltr h5,
body.ltr h6 {
    font-weight: 600 !important; /* تیترهای انگلیسی کمی پررنگ‌تر */
}
/* ========================================================
   اصلاحات تایم‌لاین (LTR) برای زبان انگلیسی
   ======================================================== */

/* اصلاح چپ‌چین شدن متن‌های داخل کارت تایم‌لاین */
body.ltr .road-text {
    text-align: left !important;
}

/* در حالت موبایل: خط تایم لاین به سمت چپ برود */
body.ltr .roadmap-path {
    left: 21px;
    right: auto;
}

/* کارت‌ها در موبایل به سمت راست کشیده شوند (چون خط در چپ است) */
body.ltr .road-card {
    margin-right: 0;
    margin-left: 38px;
}

/* اصلاح فاصله لیست در موبایل برای انگلیسی */
@media (max-width: 760px) {
    body.ltr .roadmap-list {
        padding-right: 0 !important;
        padding-left: 20px;
    }
}

/* در حالت دسکتاپ: چینش کارت‌ها در حالت انگلیسی */
@media (min-width: 761px) {
    body.ltr .roadmap-path { left: 14%; right: 14%; }
    body.ltr .road-1 { justify-content: flex-start !important; }
    body.ltr .road-2 { justify-content: flex-end !important; padding-left: 0; padding-right: 9%; }
    body.ltr .road-3 { justify-content: flex-start !important; }
    body.ltr .road-card { margin-left: 0; }
}
/* ========================================================
   استایل دکمه مشاهده جزئیات و همه تجربه‌ها
   ======================================================== */

/* استایل دکمه "مشاهده همه تجربه‌ها" در صفحه اصلی */
.view-all-stories-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    padding: 12px 20px;
    background: var(--bg-cream);
    border: 1px solid var(--gold-soft);
    border-radius: 999px;
    color: var(--gold-deep);
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
}
.view-all-stories-btn svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}
.view-all-stories-btn:hover {
    background: var(--gold-deep);
    color: #fff;
    border-color: var(--gold-deep);
}
.view-all-stories-btn:hover svg {
    transform: translateX(-4px); /* حرکت فلش به چپ در حالت هاور */
}

/* جذاب‌تر کردن لینک "مشاهده جزئیات" در کارت‌های پلن */
.plan-details-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--gold-soft);
    border-radius: 999px;
    color: var(--gold-deep) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
}
.plan-details-link::after {
    content: '↞';
    font-size: 16px;
    line-height: 1;
    transition: transform 0.3s ease;
}
.plan-details-link:hover {
    background: var(--gold-soft);
    color: #fff !important;
    border-color: var(--gold-soft);
}
.plan-details-link:hover::after {
    transform: translateX(-4px);
}
/* استایل زنگوله اعلان کاربر در هدر */
.header-bell-link {
    position: relative;
    color: var(--gold-deep);
    animation: bell-shake 3s ease-in-out infinite;
}
.bell-notification-dot {
    position: absolute;
    top: 4px; left: 4px;
    width: 10px; height: 10px;
    background: #d63638;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    box-shadow: 0 0 8px rgba(214, 54, 56, 0.6);
}
@keyframes bell-shake {
    0%, 100% { transform: rotate(0); }
    20% { transform: rotate(-12deg); }
    40% { transform: rotate(12deg); }
    60% { transform: rotate(-8deg); }
    80% { transform: rotate(8deg); }
}
/* ========================================================
   استایل‌های برگه مقالات و داستان‌ها (single.php)
   ======================================================== */
  
  .single-container { max-width: 800px; margin: 120px auto 60px; padding: 0 24px; }
  
  .article-breadcrumb { font-size: 13px; color: var(--text-muted); margin-bottom: 20px; display: flex; gap: 8px; align-items: center; }
  .article-breadcrumb a { color: var(--gold-deep); transition: 0.2s; }
  .article-breadcrumb a:hover { color: var(--text-primary); }
  
  .article-category-badge { display: inline-block; background: rgba(201,163,90,0.12); color: var(--gold-deep); padding: 6px 16px; border-radius: 999px; font-size: 12.5px; font-weight: 500; margin-bottom: 16px; }
  
  .single-title { font-size: clamp(24px, 4vw, 34px); font-weight: 500; line-height: 1.5; color: var(--text-primary); margin-bottom: 32px; }
  
  .featured-image-wrap { width: 100%; height: auto; border-radius: 24px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 10px 40px rgba(43,38,32,0.06); }
  .featured-image-wrap img { width: 100%; height: auto; display: block; }
  
  .article-content { font-size: 16px; line-height: 2; color: var(--text-secondary); }
  .article-content p { margin-bottom: 24px; }
  .article-content h2, .article-content h3, .article-content h4 { color: var(--text-primary); font-weight: 500; margin: 36px 0 16px; line-height: 1.4; }
  .article-content h2 { font-size: 24px; }
  .article-content h3 { font-size: 20px; }
  .article-content a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 3px; }
  .article-content img { border-radius: 16px; margin: 24px auto; max-width: 100%; height: auto; box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
  .article-content ul, .article-content ol { margin: 0 24px 24px; line-height: 2; }
  .article-content blockquote { background: var(--bg-cream); padding: 20px 24px; border-right: 4px solid var(--gold); border-radius: 12px; margin: 0 0 24px; font-style: italic; color: var(--text-primary); }
  
  .related-section { margin-top: 40px; }
  .related-title { font-size: 20px; font-weight: 500; margin-bottom: 24px; color: var(--text-primary); }
  .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  @media (max-width: 768px) { .related-grid { grid-template-columns: 1fr; } }
  
  .related-card { background: #fff; border: 1px solid rgba(43,38,32,0.06); border-radius: 20px; padding: 20px; transition: 0.3s; text-decoration: none; color: inherit; }
  .related-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); }
  .related-card h5 { font-size: 15px; font-weight: 500; line-height: 1.6; color: var(--text-primary); margin-bottom: 10px; }
  .related-card span { font-size: 12px; color: var(--gold-deep); font-weight: 500; }

  /* استایل‌های کارت تجربه کاربران (مشابه صفحه دسته‌بندی) */
  .story-related-card { background: #FBF9F5; border: 1px solid rgba(46,41,37,0.07); border-radius: 20px; padding: 24px 22px; color: inherit; display: flex; flex-direction: column; transition: all 0.4s ease; text-decoration: none; }
  .story-related-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(46,41,37,0.07); }
  .story-related-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
  .story-related-avatar { width: 42px; height: 42px; border-radius: 50%; background: #C79A43; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; }
  .story-related-name { font-size: 14.5px; font-weight: 500; color: var(--text-primary); }
  .story-related-label { font-size: 11px; color: var(--text-muted); margin-bottom: 4px; }
  .story-related-text { font-size: 13px; color: var(--text-secondary); line-height: 1.85; margin-bottom: 12px; }
  .story-related-text:last-child { margin-bottom: 0; }
  
  @media (max-width: 600px) {
      .single-container { padding: 0 15px; margin-top: 90px; }
  }
  /* ========================================================
   استایل‌های صفحه نتایج جستجو (search.php)
   ======================================================== */

  .search-hero {
      background: var(--card);
      border-bottom: 1px solid var(--card-border);
      padding: 140px 24px 40px;
      text-align: center;
  }
  .search-hero h1 {
      font-size: clamp(24px, 4vw, 34px);
      font-weight: 300;
      color: var(--text);
      margin-bottom: 12px;
  }
  .search-hero h1 span { color: var(--gold-deep); font-weight: 500; }
  .search-hero p {
      font-size: 14px;
      color: var(--text-secondary);
      margin-bottom: 28px;
  }

  .search-box-wrap {
      max-width: 540px;
      margin: 0 auto;
      position: relative;
  }
  .search-input {
      width: 100%; padding: 15px 54px 15px 20px; border-radius: 999px; border: 1px solid var(--card-border);
      background: #fff; font-size: 15px; color: var(--text); box-shadow: 0 12px 30px rgba(46,41,37,0.06);
      outline: none; transition: all .3s ease; font-family: inherit;
  }
  .search-input:focus { border-color: rgba(199,154,67,0.45); box-shadow: 0 16px 36px rgba(199,154,67,0.14); }
  .search-icon-btn {
      position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
      width: 40px; height: 40px; background: var(--gold-deep); border: none; border-radius: 50%;
      display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s;
  }
  .search-icon-btn:hover { background: var(--gold); }
  .search-icon-btn svg { width: 18px; height: 18px; color: #fff; }

  .search-results-wrap {
      max-width: 1080px;
      margin: 50px auto 80px;
      padding: 0 24px;
  }

  .article-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
  }
  @media (max-width: 980px){ .article-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 600px){ .article-grid { grid-template-columns: 1fr; } }

  .article-card {
      display: block; border-radius: 20px; overflow: hidden; background: var(--card);
      border: 1px solid var(--card-border); transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;
  }
  .article-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(46,41,37,0.08); }
  
  .article-card-img { height: 160px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .article-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
  .article-card:hover .article-card-img img { transform: scale(1.05); }
  .article-card-img svg { width: 36px; height: 36px; }
  
  /* رنگ‌بندی دسته‌بندی‌ها */
  .cat-energy .article-card-img { background: var(--c-energy-bg); color: var(--c-energy); }
  .cat-sleep .article-card-img { background: var(--c-sleep-bg); color: var(--c-sleep); }
  .cat-gut-health .article-card-img { background: var(--c-gut-bg); color: var(--c-gut); }
  .cat-focus .article-card-img { background: var(--c-focus-bg); color: var(--c-focus); }
  .cat-stress .article-card-img { background: var(--c-stress-bg); color: var(--c-stress); }
  .cat-nutrition .article-card-img { background: var(--c-nutrition-bg); color: var(--c-nutrition); }
  .cat-lifestyle .article-card-img { background: var(--c-lifestyle-bg); color: var(--c-lifestyle); }
  .cat-mind .article-card-img { background: var(--c-awareness-bg); color: var(--c-awareness); }

  .article-card-body { padding: 20px 20px 22px; }
  .article-cat { font-size: 11px; font-weight: 500; color: var(--gold-deep); }
  .article-title { font-size: 16px; font-weight: 500; color: var(--text); margin: 8px 0; line-height: 1.7; }
  .article-excerpt { font-size: 13px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .article-meta { font-size: 11.5px; color: var(--text-muted); display: flex; align-items: center; gap: 6px; }
  .article-meta svg { width: 13px; height: 13px; }

  .no-posts-box {
      text-align: center; background: var(--card); padding: 60px 20px; border-radius: 24px;
      border: 1px solid var(--card-border); color: var(--text-muted);
  }
  .no-posts-box h3 { font-size: 20px; margin-bottom: 15px; color: var(--text); }
  .no-posts-btn { display: inline-block; margin-top: 25px; background: var(--gold-deep); color: #fff; padding: 12px 30px; border-radius: 999px; text-decoration: none; font-weight: 500; transition: background 0.3s ease; }
  .no-posts-btn:hover { background: var(--gold); }

  .pagination-wrap { text-align: center; margin-top: 50px; }
  .pagination-wrap .page-numbers {
      display: inline-flex; align-items: center; justify-content: center;
      width: 40px; height: 40px; margin: 0 4px; border-radius: 12px; border: 1px solid var(--card-border);
      color: var(--text-secondary); font-size: 14px; text-decoration: none; transition: 0.3s;
  }
  .pagination-wrap .page-numbers.current { background: var(--gold-deep); color: #fff; border-color: var(--gold-deep); }
  .pagination-wrap .page-numbers:hover:not(.current) { background: var(--card); color: var(--gold-deep); }
  /* ========================================================
   استایل‌های برگه قوانین و مقررات (page-terms.php)
   ======================================================== */

  /* Layout */
  .legal-container{max-width:800px; margin:0 auto; padding:130px 24px 80px;} /* فاصله برای هدر ثابت */
  .legal-container section{margin-bottom:40px;} /* محدود کردن به این برگه تا روی کل سایت تاثیر نگذارد */
  
  .reveal{opacity:0; transform:translateY(20px); transition:all 0.8s cubic-bezier(.22,1,.36,1);}
  .reveal.in-view{opacity:1; transform:translateY(0);}

  /* Typography */
  .legal-container .hero-title{font-size:clamp(28px, 4vw, 40px); font-weight:300; line-height:1.5; margin-bottom:15px; text-align:center;}
  .legal-container .hero-date{font-size:13px; color:var(--text-muted); text-align:center; margin-bottom:20px;}
  .legal-container .hero-text{font-size:15px; color:var(--text-secondary); text-align:center; max-width:600px; margin:0 auto 60px; line-height:1.9;}
  .legal-container .section-title{font-size:20px; font-weight:500; margin-bottom:16px; color:var(--text-primary); display:flex; align-items:center; gap:10px;}
  .legal-container .section-title::before{content:''; width:6px; height:24px; background:var(--gold-deep); border-radius:4px; display:block;}
  .legal-container .section-text{font-size:15px; color:var(--text-secondary); line-height:1.9;}
  .legal-container .section-text p { margin-bottom: 12px; }

  /* Content Box */
  .legal-container .content-box{
    background:var(--glass-bg); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    border:1px solid var(--glass-border); border-radius:24px; padding:32px;
    box-shadow:0 10px 40px rgba(43,38,32,0.06); /* اصلاح متغیر سایه */
  }

  .legal-container .contact-link{color:var(--gold-deep); font-weight:500; text-decoration:underline;}

  /* CTA Box */
  .legal-container .final-cta-box{background:var(--dark-bg); color:var(--bg-base); padding:48px 32px; border-radius:30px; text-align:center; position:relative; overflow:hidden; margin-top: 40px;}
  .legal-container .final-cta-box::before{content:''; position:absolute; top:-50%; right:-20%; width:400px; height:400px; background:radial-gradient(circle, rgba(201,163,90,0.2), transparent 70%); pointer-events:none;}
  .legal-container .final-cta-box h2{color:#fff; font-size:26px; font-weight:300; margin-bottom:14px; position:relative; z-index:1;}
  .legal-container .final-cta-box p{color:rgba(247,244,238,0.7); font-size:14.5px; margin-bottom:28px; max-width:450px; margin-left:auto; margin-right:auto; position:relative; z-index:1;}
  .legal-container .btn-primary{background:var(--gold-deep); color:#fff; padding:15px 32px; border-radius:999px; font-size:15px; font-weight:500; box-shadow:0 10px 26px rgba(182,138,62,0.32); transition:all 0.3s; display:inline-block; position:relative; z-index:1; text-decoration:none;}
  .legal-container .btn-primary:hover{background:var(--gold); transform:translateY(-3px);}

  /* === استایل‌های منتقل شده از خطی به کلاس === */
  .btn-primary-no-border { border: none; }

  /* ریسپانسیو موبایل */
  @media only screen and (max-width: 768px) {
    .legal-container { padding: 100px 15px 60px; }
    .legal-container .content-box { padding: 24px 20px; }
    .legal-container .section-title { font-size: 18px; }
    .legal-container .section-text { font-size: 14px; }
    .legal-container .final-cta-box { padding: 35px 20px; }
    .legal-container .final-cta-box h2 { font-size: 22px; }
  }
  /* ========================================================
   استایل‌های برگه تجربه کاربران (page-stories.php)
   ======================================================== */
  
    .filter-section{padding:0 24px 30px;}
  .filter-row{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:760px; margin:0 auto;}
  .filter-pill{font-size:13.5px; color:var(--text-secondary); background:var(--card); border:1px solid var(--card-border); padding:10px 22px; border-radius:999px; cursor:pointer; transition:all .3s ease;}
  .filter-pill:hover{border-color:rgba(199,154,67,0.4);}
  .filter-pill.active{background:var(--gold-deep); color:#fff; border-color:var(--gold-deep);}
 
  /* ===== Stories Grid ===== */
  .stories-grid-section{background:var(--card);}
    .stories-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1080px; margin-left:auto !important; margin-right:auto !important;}
  @media (max-width:980px){.stories-grid{grid-template-columns:repeat(2,1fr); max-width:700px;}}
  @media (max-width:600px){.stories-grid{grid-template-columns:1fr; max-width:420px;}}
 
  .story-card{background:var(--bg); border:1px solid var(--card-border); border-radius:22px; padding:28px 26px; display:flex; flex-direction:column; transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;}
  .story-card:hover{transform:translateY(-4px); box-shadow:0 18px 38px rgba(46,41,37,0.07);}
  .story-head{display:flex; align-items:center; gap:12px; margin-bottom:18px;}
  .story-avatar{width:42px; height:42px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:500; color:#fff;}
  .story-avatar.c-green{background:var(--c-green);} .story-avatar.c-amber{background:var(--c-amber);} .story-avatar.c-gold{background:var(--c-gold);} .story-avatar.c-teal{background:var(--c-teal);}
  .story-name{font-size:14.5px; font-weight:500; color:var(--text);}
  .story-tag{display:inline-block; font-size:11px; font-weight:500; padding:4px 12px; border-radius:999px; margin-bottom:16px; align-self:flex-start;}
  .story-tag.cat-energy{background:var(--c-gold-bg); color:var(--c-gold);} .story-tag.cat-sleep{background:var(--c-green-bg); color:var(--c-green);} .story-tag.cat-focus{background:var(--c-teal-bg); color:var(--c-teal);} .story-tag.cat-gut{background:var(--c-amber-bg); color:var(--c-amber);} .story-tag.cat-lifestyle{background:#EDE6D3; color:#9C8654;} .story-tag.cat-stress{background:#EFE3D4; color:#B08862;} .story-tag.cat-nutrition{background:#EDE6D3; color:#9C8654;} .story-tag.cat-mind{background:#E6EAEF; color:#7E8FA0;}
  .story-block{margin-bottom:14px;} .story-block:last-of-type{margin-bottom:0;} .story-block-label{font-size:11px; font-weight:500; color:var(--text-muted); margin-bottom:5px;} .story-block-text{font-size:13px; color:var(--text-secondary); line-height:1.85;}
  .story-block-text a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 2px; } /* استایل لینک‌ها */
  .empty-state{text-align:center; padding:50px 0; color:var(--text-muted); font-size:14px; display:none;}
  .empty-state.show{display:block;}
 
  /* ===== Variance ===== */
  .variance-section{background:var(--bg);}
  .variance-text{font-size:15px; color:var(--text-secondary); line-height:2; text-align:center;}
 
  /* ===== FAQ ===== */
  .stories-faq-section{background:var(--card);}
  .stories-faq-box{max-width:680px; margin:0 auto; background:var(--bg); border:1px solid var(--card-border); border-radius:22px; padding:36px;}
  
 
  /* ===== CTA ===== */
  .stories-cta-section{padding:0 24px 110px;}
  .stories-cta-box{position:relative; max-width:620px; margin:0 auto; text-align:center; background:linear-gradient(155deg, var(--gold) 0%, var(--gold-deep) 100%); border-radius:30px; padding:56px 44px; box-shadow:0 30px 70px rgba(179,134,58,0.28); overflow:hidden;}
  .stories-cta-box::before{content:''; position:absolute; inset:-50%; z-index:0; background:radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 60%);}
  .stories-cta-box h3{position:relative; z-index:1; font-size:clamp(22px,3vw,28px); font-weight:300; color:#fff; margin-bottom:16px;}
  .stories-cta-box p{position:relative; z-index:1; font-size:15.5px; color:rgba(255,255,255,0.88); max-width:460px; margin:0 auto 28px; line-height:1.9;}
  .stories-cta-btn{position:relative; z-index:1; display:inline-block; background:#fff; color:var(--gold-deep); font-size:16px; font-weight:500; padding:17px 40px; border-radius:999px; box-shadow:0 10px 26px rgba(46,41,37,0.18); transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; border:none; cursor:pointer; text-decoration:none;}
  .stories-cta-btn:hover{transform:translateY(-3px); box-shadow:0 16px 36px rgba(46,41,37,0.24);}

  /* ===== استایل‌های هیرو (انتقال از Inline) ===== */
  .stories-hero { min-height: 60vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
  .stories-hero .hero-scene { position: absolute; inset: 0; z-index: 0; }
  .stories-hero .hero-scene img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .stories-hero__overlay { position: absolute; inset: 0; z-index: 1; background: rgba(43,38,32,0.45); }
  .stories-hero__content { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; padding: 100px 24px 60px; }
  .stories-hero .section-eyebrow { color: #DFBA6B; }
  .stories-hero h1 { font-size: clamp(28px, 4.4vw, 44px); font-weight: 300; line-height: 1.5; color: #fff; margin-bottom: 20px; }
  .stories-hero .sub { font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.95; }

  /* ===== استایل‌های فرم (انتقال از Inline) ===== */
  .story-form-section { background: var(--bg); padding: 80px 24px; }
  .dash-card { background: #fff; padding: 28px; border-radius: 22px; border: 1px solid rgba(43,38,32,0.06); box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
  .mehromey-story-form { display: flex; flex-direction: column; gap: 15px; }
  .story-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
  .story-form-input { width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #E5DDD0; background: #FBF9F5; font-family: inherit; font-size: 14px; outline: none; transition: border-color 0.2s; }
  .story-form-input:focus { border-color: var(--gold); }
  .story-form-label { font-size: 13px; color: #6E6457; margin-bottom: 5px; display: block; }
  .story-form-btn { background: var(--gold-deep); color: #fff; border: none; padding: 14px; border-radius: 999px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background 0.3s; width: 100%; }
  .story-form-btn:hover { background: var(--gold); }
  .story-form-msg { display: none; margin-top: 15px; padding: 15px; border-radius: 12px; text-align: center; font-weight: 500; }
  /* ========================================================
   استایل‌های برگه حریم خصوصی (page-privacy.php)
   ======================================================== */
  
  .privacy-container{max-width:800px; margin:0 auto; padding:130px 24px 80px;}
  .privacy-container section{margin-bottom:40px;}
  
  .privacy-container .reveal{opacity:0; transform:translateY(20px); transition:all 0.8s cubic-bezier(.22,1,.36,1);}
  .privacy-container .reveal.in-view{opacity:1; transform:translateY(0);}

  .privacy-container .hero-title{font-size:clamp(28px, 4vw, 40px); font-weight:300; line-height:1.5; margin-bottom:15px; text-align:center;}
  .privacy-container .hero-date{font-size:13px; color:var(--text-muted); text-align:center; margin-bottom:20px;}
  .privacy-container .hero-text{font-size:15px; color:var(--text-secondary); text-align:center; max-width:600px; margin:0 auto 60px; line-height:1.9;}
  .privacy-container .section-title{font-size:20px; font-weight:500; margin-bottom:16px; color:var(--text-primary); display:flex; align-items:center; gap:10px;}
  .privacy-container .section-title::before{content:''; width:6px; height:24px; background:var(--gold-deep); border-radius:4px; display:block;}
  .privacy-container .section-text{font-size:15px; color:var(--text-secondary); line-height:1.9;}

  .privacy-container .content-box{
    background:var(--glass-bg); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    border:1px solid var(--glass-border); border-radius:24px; padding:32px;
    box-shadow:0 10px 40px rgba(43,38,32,0.06);
  }
  
  .privacy-container ul.styled-list{list-style:none; padding:0;}
  .privacy-container ul.styled-list li{font-size:15px; color:var(--text-secondary); margin-bottom:12px; padding-right:28px; position:relative;}
  .privacy-container ul.styled-list li::before{content:'✓'; position:absolute; right:0; color:var(--green-text); font-weight:bold;}

  .privacy-container .contact-link{color:var(--gold-deep); font-weight:500; text-decoration:underline;}

  .privacy-container .final-cta-box{background:var(--dark-bg); color:var(--bg-base); padding:48px 32px; border-radius:30px; text-align:center; position:relative; overflow:hidden; margin-top: 40px;}
  .privacy-container .final-cta-box::before{content:''; position:absolute; top:-50%; right:-20%; width:400px; height:400px; background:radial-gradient(circle, rgba(201,163,90,0.2), transparent 70%); pointer-events:none;}
  .privacy-container .final-cta-box h2{color:#fff; font-size:26px; font-weight:300; margin-bottom:14px; position:relative; z-index:1;}
  .privacy-container .final-cta-box p{color:rgba(247,244,238,0.7); font-size:14.5px; margin-bottom:28px; max-width:450px; margin-left:auto; margin-right:auto; position:relative; z-index:1;}
  .privacy-container .btn-primary{background:var(--gold-deep); color:#fff; padding:15px 32px; border-radius:999px; font-size:15px; font-weight:500; box-shadow:0 10px 26px rgba(182,138,62,0.32); transition:all 0.3s; display:inline-block; position:relative; z-index:1; text-decoration:none;}
  .privacy-container .btn-primary:hover{background:var(--gold); transform:translateY(-3px);}

  .privacy-container .btn-primary-no-border { border: none; }

  @media only screen and (max-width: 768px) {
    .privacy-container { padding: 100px 15px 60px; }
    .privacy-container .content-box { padding: 24px 20px; }
    .privacy-container .section-title { font-size: 18px; }
    .privacy-container .section-text, .privacy-container ul.styled-list li { font-size: 14px; }
    .privacy-container .final-cta-box { padding: 35px 20px; }
    .privacy-container .final-cta-box h2 { font-size: 22px; }
  }
  /* ========================================================
   استایل‌های برگه مسیر همراه (page-guided-path.php)
   ======================================================== */
.gp-wrapper section{padding:80px 24px;} .gp-wrapper .section-inner{max-width:1140px; margin:0 auto;} .gp-wrapper .text-center{text-align:center;}
.gp-wrapper .reveal{opacity:0; transform:translateY(20px); transition:all 0.8s cubic-bezier(.22,1,.36,1);}
.gp-wrapper .reveal.in-view{opacity:1; transform:translateY(0);}

.gp-wrapper h1.hero-title{font-size:clamp(28px, 4vw, 44px); font-weight:300; line-height:1.5; margin-bottom:20px;}
.gp-wrapper h2.section-title{font-size:clamp(24px, 3vw, 34px); font-weight:300; margin-bottom:16px; line-height:1.5;}
.gp-wrapper .section-eyebrow{font-size:13px; font-weight:500; color:var(--gold-deep); margin-bottom:12px; letter-spacing:0.5px;}
.gp-wrapper .section-desc{font-size:15px; color:var(--text-secondary); max-width:640px; margin:0 auto 40px; line-height:1.9;}
.gp-wrapper .hero-label{display:inline-block; background:var(--green-bg); color:var(--green-text); padding:6px 16px; border-radius:999px; font-size:12.5px; font-weight:500; margin-bottom:20px;}

.gp-wrapper .btn-primary{display:inline-flex; align-items:center; gap:8px; background:var(--gold-deep); color:#fff; font-size:15px; font-weight:500; padding:15px 32px; border-radius:999px; box-shadow:0 10px 26px rgba(182,138,62,0.32); transition:all 0.3s; text-decoration:none;}
.gp-wrapper .btn-primary:hover{background:var(--gold); transform:translateY(-3px); box-shadow:0 16px 36px rgba(182,138,62,0.4);}

.gp-wrapper .hero-section{padding-top:140px;}
.gp-wrapper .hero-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
@media(max-width:980px){ .gp-wrapper .hero-grid{grid-template-columns:1fr; gap:40px;} .gp-wrapper .hero-section{padding-top:120px;} }
.gp-wrapper .hero-bullets{list-style:none; margin:24px 0 32px;}
.gp-wrapper .hero-bullets li{display:flex; align-items:center; gap:8px; font-size:14.5px; color:var(--text-secondary); margin-bottom:10px;}
.gp-wrapper .hero-bullets li::before{content:'✓'; color:var(--green-text); font-weight:bold;}

.gp-wrapper .hero-mockup{background:var(--glass-bg); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); border:1px solid var(--glass-border); border-radius:24px; box-shadow:var(--shadow-hover); padding:24px; animation:floatMockup 5s ease-in-out infinite;}
@keyframes floatMockup{ 0%{transform:translateY(0);} 50%{transform:translateY(-6px);} 100%{transform:translateY(0);} }
.gp-wrapper .mockup-status-bar{display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid rgba(43,38,32,0.06); margin-bottom:20px;}
.gp-wrapper .mockup-status-badge{font-size:12px; background:var(--green-bg); color:var(--green-text); padding:4px 12px; border-radius:999px; font-weight:500;}
.gp-wrapper .comp-row{display:flex; align-items:center; gap:12px; padding:12px; background:#fff; border-radius:14px; margin-bottom:10px;}
.gp-wrapper .comp-icon-sm{width:32px; height:32px; border-radius:50%; background:var(--bg-cream); color:var(--gold-deep); display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0;}
.gp-wrapper .comp-text-sm{font-size:13px; font-weight:500;} .gp-wrapper .comp-sub-sm{font-size:11px; color:var(--text-muted);}
.gp-wrapper .mockup-divider{height:1px; background:rgba(43,38,32,0.06); margin:16px 0;}

.gp-wrapper .timeline-wrap{max-width:500px; margin:0 auto; position:relative;}
.gp-wrapper .timeline-line{position:absolute; right:20px; top:10px; bottom:10px; width:2px; background:rgba(43,38,32,0.1);}
.gp-wrapper .timeline-step{display:flex; gap:20px; margin-bottom:24px; position:relative;}
.gp-wrapper .timeline-dot{width:40px; height:40px; border-radius:50%; background:#fff; border:2px solid var(--gold-deep); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; color:var(--gold-deep); z-index:1; flex-shrink:0;}
.gp-wrapper .timeline-content{padding-top:6px; font-size:15px; font-weight:500;}

.gp-wrapper .h-stepper{display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;}
.gp-wrapper .h-step{background:#fff; padding:12px 20px; border-radius:14px; font-size:13px; font-weight:500; box-shadow:var(--shadow-soft);} .gp-wrapper .h-arrow{color:var(--text-muted);}

.gp-wrapper .demo-wrapper{position:relative; max-width:960px; margin:0 auto; background:var(--glass-bg); -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px); border:1px solid var(--glass-border); border-radius:24px; box-shadow:var(--shadow-hover); overflow:hidden;}
.gp-wrapper .demo-scroll-area{height:620px; overflow-y:auto; padding:32px;}
.gp-wrapper .demo-scroll-area::-webkit-scrollbar{width:5px;} .gp-wrapper .demo-scroll-area::-webkit-scrollbar-track{background:transparent;} .gp-wrapper .demo-scroll-area::-webkit-scrollbar-thumb{background:rgba(43,38,32,0.2); border-radius:10px;}
.gp-wrapper .demo-header{display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid rgba(43,38,32,0.06); padding-bottom:16px; margin-bottom:24px;}
.gp-wrapper .demo-header h3{font-size:18px; font-weight:500;}
.gp-wrapper .demo-section-block{margin-bottom:24px;} .gp-wrapper .demo-section-block h4{font-size:15px; font-weight:500; margin-bottom:12px; color:var(--text-primary);} .gp-wrapper .demo-section-block p{font-size:14px; color:var(--text-secondary); line-height:1.8;}
.gp-wrapper .blur-text{filter:blur(5px); user-select:none; color:rgba(43,38,32,0.7); display:block; margin-bottom:8px; line-height:1.8;}
.gp-wrapper .comp-log-section{margin-top:40px; padding-top:24px; border-top:2px dashed rgba(43,38,32,0.1);}
.gp-wrapper .comp-log-item{background:#fff; padding:16px; border-radius:16px; margin-bottom:12px; border-right:4px solid var(--green-text);} .gp-wrapper .comp-log-date{font-size:12px; color:var(--green-text); font-weight:600; margin-bottom:4px;} .gp-wrapper .comp-log-text{font-size:14px; font-weight:500;}

.gp-wrapper .cards-grid-4{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;} .gp-wrapper .cards-grid-3{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;} .gp-wrapper .cards-grid-3-sm{max-width:800px; margin:0 auto;}
@media(max-width:880px){ .gp-wrapper .cards-grid-4{grid-template-columns:repeat(2, 1fr);} .gp-wrapper .cards-grid-3{grid-template-columns:1fr;} } @media(max-width:480px){ .gp-wrapper .cards-grid-4{grid-template-columns:1fr;} }
.gp-wrapper .icon-card{background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:20px; padding:28px; text-align:center; height:100%;} .gp-wrapper .icon-card-emoji{font-size:28px; margin-bottom:12px;} .gp-wrapper .icon-card h4{font-size:15px; font-weight:500; margin-bottom:8px;} .gp-wrapper .icon-card p{font-size:13.5px; color:var(--text-secondary); line-height:1.7;}
.gp-wrapper .check-card{background:#fff; border:1px solid rgba(43,38,32,0.04); border-radius:20px; padding:24px; display:flex; align-items:center; gap:12px; font-size:14px; font-weight:500; color:var(--text-primary); box-shadow:var(--shadow-soft);} .gp-wrapper .check-icon{width:28px; height:28px; background:var(--green-bg); color:var(--green-text); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-weight:bold;}

.gp-wrapper .panel-mockup-large{max-width:600px; margin:0 auto; background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:24px; box-shadow:var(--shadow-hover); padding:28px;}
.gp-wrapper .panel-head{display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid rgba(43,38,32,0.06); margin-bottom:20px;}
.gp-wrapper .panel-row{display:flex; justify-content:space-between; padding:14px 0; border-bottom:1px solid rgba(43,38,32,0.04); font-size:14px;} .gp-wrapper .panel-row:last-child{border-bottom:none;} .gp-wrapper .panel-label{color:var(--text-muted);} .gp-wrapper .panel-val{font-weight:500;}
.gp-wrapper .panel-msg{background:var(--bg-cream); padding:14px; border-radius:14px; font-size:13.5px; color:var(--text-secondary); margin-top:10px;}
.gp-wrapper .panel-progress{height:8px; background:rgba(43,38,32,0.1); border-radius:999px; overflow:hidden; margin-top:4px;} .gp-wrapper .panel-progress-fill{height:100%; width:70%; background:var(--green-text); border-radius:999px;}

.gp-wrapper .compare-table-wrap{max-width:800px; margin:0 auto; background:#fff; border-radius:24px; box-shadow:var(--shadow-soft); overflow-x:auto; border:1px solid rgba(43,38,32,0.04);}
.gp-wrapper .compare-table{width:100%; border-collapse:collapse; min-width:480px;}
.gp-wrapper .compare-table th, .gp-wrapper .compare-table td{padding:18px 20px; text-align:center; font-size:14px; border-bottom:1px solid rgba(43,38,32,0.04);}
.gp-wrapper .compare-table thead th{background:var(--bg-cream); font-weight:500; color:var(--text-secondary);} .gp-wrapper .compare-table td:first-child, .gp-wrapper .compare-table th:first-child{text-align:right; font-weight:500;} .gp-wrapper .compare-table td.yes{color:var(--green-text); font-weight:bold;} .gp-wrapper .compare-table td.no{color:var(--text-muted);} .gp-wrapper .compare-table tbody tr:last-child td{border-bottom:none;}

.gp-wrapper .final-cta-box{background:var(--dark-bg); color:var(--bg-base); padding:60px 40px; border-radius:30px; text-align:center; max-width:800px; margin:0 auto; position:relative; overflow:hidden;}
.gp-wrapper .final-cta-box::before{content:''; position:absolute; top:-50%; right:-20%; width:400px; height:400px; background:radial-gradient(circle, rgba(201,163,90,0.2), transparent 70%); pointer-events:none;}
.gp-wrapper .final-cta-box h2{color:#fff; font-size:28px; font-weight:300; margin-bottom:16px; position:relative; z-index:1;} .gp-wrapper .final-cta-box p{color:rgba(247,244,238,0.7); font-size:15px; margin-bottom:28px; max-width:500px; margin-left:auto; margin-right:auto; position:relative; z-index:1;}

/* === استایل‌های این صفحه === */
.gp-wrapper .hero-desc-text{font-size:15px; color:var(--text-secondary); line-height:1.9;}
.gp-wrapper .plan-price{font-size:14px; color:var(--text-muted); margin-bottom:16px;}
.gp-wrapper .plan-price b{font-size:20px; color:var(--text-primary);}
.gp-wrapper .section-cream{background:var(--bg-cream);}
.gp-wrapper .mockup-status-title{font-size:15px; font-weight:500;}
.gp-wrapper .demo-list-text{font-size:14px; color:var(--text-secondary);}
.gp-wrapper .panel-row-col{flex-direction:column; align-items:flex-start;}
.gp-wrapper .panel-progress-val{margin-top:4px;}
.gp-wrapper .panel-val-gold{color:var(--gold-deep);}
.gp-wrapper .panel-mockup-note{font-size:14.5px; color:var(--text-secondary); max-width:600px; margin:32px auto 0;}
.gp-wrapper .section-sub-desc{font-size:15px; color:var(--text-secondary); max-width:600px; margin:0 auto 40px;}
.gp-wrapper .compare-footer-note{max-width:700px; margin:32px auto 0; text-align:center; font-size:14px; color:var(--text-secondary); line-height:1.9;}
.gp-wrapper .check-card-col{flex-direction:column; text-align:center;}
.gp-wrapper .check-icon-mb{margin-bottom:10px;}
.gp-wrapper .timeline-wrap-small{max-width:400px;}
/* ========================================================
   استایل‌های صفحه پرداخت موفق (page-payment-success.php)
   ======================================================== */

  /* Layout */
  .success-container{
    max-width:800px; margin:40px auto 0; padding:0 24px;
    animation: fadeScale 0.6s cubic-bezier(.22,1,.36,1);
  }
  @keyframes fadeScale { from{opacity:0; transform:scale(0.96);} to{opacity:1; transform:scale(1);} }

  /* Typography */
  .hero-icon-wrap{display:flex; justify-content:center; margin-bottom:24px;}
  .hero-icon-circle{
    width:80px; height:80px; background:var(--green-bg); border-radius:50%;
    display:flex; align-items:center; justify-content:center; font-size:40px; color:var(--green);
    box-shadow:0 0 0 8px rgba(124,140,108,0.1);
  }
  h1.hero-title{font-size:28px; font-weight:500; text-align:center; margin-bottom:12px; color:var(--text-primary);}
  p.hero-text{font-size:15px; color:var(--text-secondary); text-align:center; max-width:500px; margin:0 auto 40px; line-height:1.9;}

  /* Cards */
  .glass-card{
    background:var(--glass-bg); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    border:1px solid var(--glass-border); border-radius:24px; padding:28px;
    box-shadow:0 10px 40px rgba(43,38,32,0.06); margin-bottom:24px;
  }

  .order-status-row{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid rgba(43,38,32,0.06); font-size:14.5px; gap: 15px;}
  .order-status-row:last-child{border-bottom:none;}
  .status-label{color:var(--text-muted); white-space:nowrap;}
  .status-val{font-weight:500; color:var(--text-primary); text-align:left;}
  .status-badge{background:var(--amber-bg); color:var(--amber-text); padding:4px 12px; border-radius:999px; font-size:12.5px; font-weight:500;}

  .step-label{font-size:13px; color:var(--gold-deep); font-weight:500; margin-bottom:12px;}
  .step-title{font-size:17px; font-weight:500; margin-bottom:16px;}
  .progress-track{height:6px; background:rgba(43,38,32,0.08); border-radius:999px; overflow:hidden; margin-bottom:8px;}
  .progress-fill{height:100%; width:25%; background:var(--green); border-radius:999px; transition:width 1s ease;}
  .progress-text{font-size:12px; color:var(--text-muted); margin-bottom:24px;}
  
  .btn-primary{width:100%; background:var(--green); color:#fff; font-size:15px; font-weight:500; padding:15px; border-radius:14px; transition:all 0.3s; display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none;}
  .btn-primary:hover{background:#6D7B5D; transform:translateY(-2px); box-shadow:0 10px 24px rgba(109,123,93,0.3);}
  .btn-secondary{width:100%; background:transparent; color:var(--text-secondary); font-size:14px; font-weight:500; padding:14px; border-radius:14px; border:1px solid rgba(46,41,37,0.15); transition:all 0.3s; margin-top:12px; display:block; text-align:center; box-sizing:border-box;}
  .btn-secondary:hover{background:var(--text-primary); color:#fff; border-color:var(--text-primary);}

  .warning-card{background:var(--amber-bg); border:1px solid rgba(156,114,52,0.2); padding:20px; border-radius:16px; font-size:14px; color:var(--amber-text); margin-bottom:24px; text-align:center; font-weight:500;}
  
  .timeline-wrap{position:relative; padding-right:20px;}
  .timeline-step{position:relative; padding-bottom:24px; padding-right:30px; border-right:2px solid rgba(43,38,32,0.08);}
  .timeline-step:last-child{border-right:2px solid transparent;}
  .timeline-dot{position:absolute; right:-9px; top:0; width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid rgba(43,38,32,0.2);}
  .timeline-step.done .timeline-dot{background:var(--green); border-color:var(--green);}
  .timeline-text{font-size:14.5px; color:var(--text-secondary);}
  .timeline-step.done .timeline-text{color:var(--text-primary); font-weight:500;}

  .info-cards-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:24px;}
  .info-card-mini{background:var(--bg-cream); padding:20px; border-radius:16px; text-align:center; font-size:13px; color:var(--text-secondary); line-height:1.7;}
  .info-card-mini span{display:block; font-size:22px; margin-bottom:8px;}

  .companion-card{background:#fff; border:1px solid var(--green-bg); padding:24px; border-radius:20px; margin-bottom:24px;}
  .companion-card h4{font-size:15px; font-weight:500; color:var(--green-text); margin-bottom:12px;}
  .companion-card ul{list-style:none;}
  .companion-card li{font-size:13.5px; color:var(--text-secondary); margin-bottom:8px; padding-right:24px; position:relative;}
  .companion-card li::before{content:'✓'; position:absolute; right:0; color:var(--green); font-weight:bold;}

  .mini-footer{text-align:center; padding:40px 24px 0; font-size:12px; color:var(--text-muted);}

  /* === استایل‌های منتقل شده از خطی به کلاس === */
  .glass-card-cream{background:var(--bg-cream); text-align:center; font-size:13.5px; color:var(--text-secondary);}
  .timeline-title{font-size:16px; font-weight:500; margin-bottom:20px;}
  .companion-desc{font-size:13.5px; color:var(--text-secondary); margin-bottom:16px;}

  /* ===== ریسپانسیو موبایل ===== */
  @media (max-width: 768px) {
    .success-container {
        padding: 0 15px;
        margin-top: 20px;
    }
    .glass-card {
        padding: 20px;
    }
    h1.hero-title {
        font-size: 22px;
    }
    .order-status-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .status-val {
        text-align: right;
    }
    .info-cards-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
  }
  /* ========================================================
   استایل‌های برگه متد مهرومی (page-method.php)
   ======================================================== */

  
    /* ===== Section 2 — اصل مشترک ===== */
  .shared-section{background:var(--card);}
  
  .shared-layout{
    display:grid; 
    grid-template-columns: 1fr 1.2fr; 
    gap:40px; 
    max-width:980px; 
    margin:0 auto;
    align-items: stretch;
  }
  @media (max-width:880px){
    .shared-layout{grid-template-columns:1fr; gap:24px;}
  }

  .shared-left-col{
    display:flex; 
    flex-direction:column; 
    gap:18px;
  }
  .shared-card{
    display:flex; align-items:center; text-align:right; gap:20px;
    border:1px solid var(--card-border); border-radius:20px; padding:24px 28px; 
    background:var(--bg); transition:transform .4s ease, box-shadow .4s ease;
  }
  .shared-card:hover{transform:translateX(-4px); box-shadow:0 14px 30px rgba(46,41,37,0.06);}
  .shared-card.s1{background:var(--green-bg);} .shared-card.s2{background:var(--bg);} .shared-card.s3{background:var(--amber-bg);}
  .shared-icon{width:52px; height:52px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
  .shared-icon svg{width:24px; height:24px;}
  .s1 .shared-icon{background:rgba(124,140,108,0.18); color:var(--green);} 
  .s2 .shared-icon{background:rgba(199,154,67,0.16); color:var(--gold-deep);} 
  .s3 .shared-icon{background:rgba(199,154,67,0.26); color:var(--gold-deep);}
  .shared-text-wrap h3{font-size:17px; font-weight:500; color:var(--text); margin-bottom:4px;}
  .shared-text-wrap p{font-size:13.5px; color:var(--text-secondary); line-height:1.7; margin:0;}

  .method-fail-box{
    background: var(--bg);
    border: 1px solid var(--card-border);
    border-radius: 24px;
    padding: 36px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }
  .method-fail-box::before{
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, var(--red), var(--gold-deep));
  }
  .method-fail-box p{
    font-size: 15px; color: var(--text-secondary); line-height: 2; margin-bottom: 16px;
  }
  .method-fail-box .fail-list{
    list-style: none; padding: 0; margin: 0 0 20px 0;
  }
  .method-fail-box .fail-list li{
    font-size: 15px; color: var(--text); font-weight: 500; 
    padding: 8px 0;
  }
  .method-fail-box .fail-conclusion{
    font-weight: 500; color: var(--text); border-top: 1px dashed var(--card-border); padding-top: 16px; margin-bottom: 0;
  }
 
  /* ===== Section 3 — دو روش برای شروع ===== */
  .plans-section{background:var(--bg);}
  .plans-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:40px; max-width:880px; margin:0 auto; align-items:stretch;}
  @media (max-width:900px){.plans-grid{grid-template-columns:1fr; max-width:400px; margin:0 auto; gap:24px;}}
  .plan-card{display:flex; flex-direction:column; border-radius:24px; padding:38px 32px; background:var(--card); border:1px solid var(--card-border); box-shadow:0 16px 40px rgba(46,41,37,0.05); transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; position:relative;}
  .plan-card:hover{transform:translateY(-5px); box-shadow:0 24px 54px rgba(46,41,37,0.09);}
  .plan-card.featured{background:linear-gradient(165deg, #FBF1DD, var(--card) 70%); border-color:rgba(199,154,67,0.4); box-shadow:0 20px 50px rgba(199,154,67,0.18); transform:scale(1.05); z-index:2;}
  @media (max-width:900px){.plan-card.featured{transform:none;}}
  .plan-tag{position:absolute; top:-14px; right:50%; transform:translateX(50%); white-space:nowrap; background:var(--gold-deep); color:#fff; font-size:12px; font-weight:500; padding:7px 18px; border-radius:999px; box-shadow:0 6px 16px rgba(179,134,58,0.35);}
  .plan-name{font-size:20px; font-weight:500; color:var(--text); margin-bottom:6px;}
  .plan-card.featured .plan-name{color:var(--gold-deep);}
  .plan-for{font-size:13.5px; color:var(--text-secondary); margin-bottom:22px; line-height:1.8;}
  .plan-features{list-style:none; display:flex; flex-direction:column; gap:11px; flex:1; margin-bottom:26px;}
  .plan-features li{display:flex; align-items:flex-start; gap:9px; font-size:13.5px; color:var(--text-secondary); line-height:1.75;}
  .plan-features li svg{flex-shrink:0; margin-top:3px; color:var(--gold-deep);}
  .plan-price{font-size:13px; color:var(--text-muted); margin-bottom:18px;}
  .plan-price b{font-size:19px; color:var(--text); font-weight:500; display:block; margin-bottom:2px;}
  .plan-card.featured .plan-price b{color:var(--gold-deep);}
  .plan-btn{display:block; text-align:center; background:transparent; border:1px solid var(--card-border); color:var(--text); font-size:14px; font-weight:500; padding:14px 0; border-radius:999px; transition:all .35s ease; cursor:pointer; font-family:inherit;}
  .plan-btn:hover{background:var(--text); color:#fff; border-color:var(--text);}
  .plan-card.featured .plan-btn{background:var(--gold-deep); color:#fff; border-color:var(--gold-deep); box-shadow:0 10px 24px rgba(179,134,58,0.3);}
  .plan-card.featured .plan-btn:hover{background:var(--gold); box-shadow:0 14px 30px rgba(179,134,58,0.45);}
  .plan-details-link{display:block; text-align:center; font-size:13px; color:var(--text-muted); margin-top:16px; transition:color .3s ease;}
  .plan-details-link:hover{color:var(--gold-deep);}
  .scarcity-note-plans{text-align:center; font-style:italic; font-weight:300; font-size:14px; color:var(--text-muted); max-width:560px; margin:56px auto 0;}
 
  /* ===== Section 4 — جدول مقایسه ===== */
  .compare-section{background:var(--card);}
  .compare-table-wrap{max-width:760px; margin:0 auto; overflow-x:auto;}
  .compare-table{width:100%; border-collapse:collapse; min-width:480px;}
  .compare-table th, .compare-table td{padding:16px 14px; text-align:center; font-size:14px;}
  .compare-table thead th{font-size:14px; font-weight:500; color:var(--text-secondary); border-bottom:2px solid var(--card-border); padding-bottom:14px;}
  .compare-table thead th:first-child{text-align:right;}
  .compare-table thead th.col-featured{color:var(--gold-deep);}
  .compare-table tbody td:first-child{text-align:right; font-size:14px; color:var(--text); font-weight:500;}
  .compare-table tbody tr{border-bottom:1px solid var(--card-border);}
  .compare-table tbody tr:last-child{border-bottom:none;}
  .compare-table td.icon-yes{color:var(--green); font-weight:bold; font-size:16px;}
  .compare-table td.icon-no{color:var(--text-muted); font-weight:bold; font-size:16px;}
 
  /* ===== Section 5 — کدام برنامه مناسب‌تر است؟ ===== */
  .fit-section{background:var(--bg);}
  .fit-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; max-width:760px; margin:0 auto;}
  @media (max-width:880px){.fit-grid{grid-template-columns:1fr; max-width:420px;}}
  .fit-card{background:var(--card); border:1px solid var(--card-border); border-radius:20px; padding:36px 26px; text-align:center; transition:transform .3s ease;}
  .fit-card:hover{transform:translateY(-4px);}
  .fit-cond{font-size:14px; color:var(--text-secondary); margin-bottom:18px; line-height:1.85;}
  .fit-arrow{display:flex; justify-content:center; margin-bottom:14px; color:var(--text-muted); opacity:.6;}
  .fit-name{font-size:18px; font-weight:500; color:var(--gold-deep);}
 
  /* ===== Section 6 — بعد از ثبت‌نام ===== */
  .process-section{background:var(--card);}
  .process-wrap{position:relative; max-width:600px; margin:0 auto;}
  .process-line{position:absolute; top:8px; bottom:8px; right:23px; width:1px; background:var(--card-border);}
  .process-list{position:relative; display:flex; flex-direction:column; gap:38px;}
  .process-step{display:flex; gap:20px; align-items:flex-start;}
  .process-num{width:48px; height:48px; border-radius:50%; background:var(--bg); border:1px solid var(--card-border); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:500; color:var(--gold-deep); flex-shrink:0; position:relative; z-index:1;}
  .process-body{flex:1; padding-top:6px;}
  .process-body h3{font-size:16.5px; font-weight:500; color:var(--text); margin-bottom:8px;}
  .process-body p{font-size:14px; color:var(--text-secondary); line-height:1.9;}
 
  /* ===== Section 7 — سوالات متداول ===== */
  .method-faq-section{background:var(--bg);}
  .method-faq-box{max-width:680px; margin:0 auto; background:var(--card); border:1px solid var(--card-border); border-radius:22px; padding:36px;}
  .faq-mini summary{cursor:pointer; font-size:15px; font-weight:500; padding:16px 4px; border-bottom:1px solid var(--card-border); list-style:none; display:flex; justify-content:space-between; color:var(--text);}
  
 
  /* ===== استایل‌های هیرو ===== */
  .method-hero { min-height: 60vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
  .method-hero .hero-scene { position: absolute; inset: 0; z-index: 0; }
  .method-hero .hero-scene img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .method-hero__overlay { position: absolute; inset: 0; z-index: 1; background: rgba(43,38,32,0.4); }
  .method-hero__content { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; padding: 100px 24px 60px; }
  .method-hero .section-eyebrow { color: #DFBA6B; }
  .method-hero h1 { font-size: clamp(28px, 4.4vw, 44px); font-weight: 300; line-height: 1.5; color: #fff; margin-bottom: 20px; }
  .method-hero .sub { font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.95; margin-bottom: 32px; }
    
  /* ===== Section 4 — تفاوت متد مهرومی ===== */
  .method-diff-section{background:var(--card);}
  .method-diff-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; max-width:760px; margin:0 auto;}
  @media (max-width:760px){.method-diff-grid{grid-template-columns:1fr;}}
  .method-diff-card{background:var(--bg); border:1px solid var(--card-border); border-radius:20px; padding:32px 26px; text-align:center; transition:transform .4s ease, box-shadow .4s ease;}
  .method-diff-card:hover{transform:translateY(-5px); box-shadow:0 20px 42px rgba(46,41,37,0.09);}
  .method-diff-icon{width:48px; height:48px; border-radius:50%; margin:0 auto 18px; background:var(--green-bg); color:var(--green); display:flex; align-items:center; justify-content:center;}
  .method-diff-icon svg{width:22px; height:22px;}
  .method-diff-card h3{font-size:16px; font-weight:500; color:var(--text); margin-bottom:10px;}
  .method-diff-card p{font-size:13.5px; color:var(--text-secondary); line-height:1.85;}
  /* ========================================================
   استایل‌های برگه رسانه (page-media.php)
   ======================================================== */
  
  
  /* ===== استایل‌های هیرو رسانه ===== */
  .media-hero { min-height: 60vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
  .media-hero .hero-scene { position: absolute; inset: 0; z-index: 0; }
  .media-hero .hero-scene img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .media-hero__overlay { position: absolute; inset: 0; z-index: 1; background: rgba(43,38,32,0.45); }
  .media-hero__content { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; padding: 100px 24px 60px; }
  .media-hero .section-eyebrow { color: #DFBA6B; }
  .media-hero h1 { font-size: clamp(28px, 4.4vw, 44px); font-weight: 300; line-height: 1.5; color: #fff; margin-bottom: 20px; }
  .media-hero .sub { font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.95; margin-bottom: 36px; }
  .search-box{max-width:540px; margin:0 auto; position:relative;} .search-input{width:100%; padding:17px 54px 17px 20px; border-radius:999px; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.15); backdrop-filter:blur(10px); font-size:15px; color:#fff; box-shadow:0 12px 30px rgba(0,0,0,0.1); outline:none; transition:all .3s ease;} .search-input::placeholder{color:rgba(255,255,255,0.7);} .search-input:focus{background:rgba(255,255,255,0.25); border-color:rgba(255,255,255,0.6);} .search-icon{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:rgba(255,255,255,0.8); pointer-events:none;} .search-hint{font-size:12px; color:rgba(255,255,255,0.7); margin-top:14px;}

  .entry-section{background:var(--bg-base, #F6F2EB);} .entry-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:980px; margin:0 auto;} @media (max-width:880px){.entry-grid{grid-template-columns:1fr; max-width:420px;}} .entry-card{display:flex; align-items:center; justify-content:space-between; gap:14px; background:var(--card, #FBF9F5); border:1px solid var(--card-border, rgba(46,41,37,0.07)); border-radius:20px; padding:26px 24px; transition:all .4s ease;} .entry-card:hover{transform:translateY(-4px); box-shadow:0 18px 38px rgba(46,41,37,0.07);} .entry-q{font-size:15px; font-weight:500; color:var(--text-primary); margin-bottom:8px;} .entry-cta{font-size:13px; color:var(--gold-deep); font-weight:500; display:flex; align-items:center; gap:6px;} .entry-cta svg{width:14px; height:14px;} .entry-icon{width:46px; height:46px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;} .entry-icon svg{width:21px; height:21px;} .entry-card.e1 .entry-icon{background:var(--c-energy-bg, #F3E4C2); color:var(--c-energy, #C79A43);} .entry-card.e2 .entry-icon{background:var(--c-sleep-bg, #EAEEE2); color:var(--c-sleep, #7C8C6C);} .entry-card.e3 .entry-icon{background:var(--c-focus-bg, #E4EDE9); color:var(--c-focus, #6E8C82);}
  .topics-section{background:var(--card, #FBF9F5);} .topics-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1080px; margin:0 auto;} @media (max-width:980px){.topics-grid{grid-template-columns:repeat(2,1fr); max-width:560px;}} @media (max-width:480px){.topics-grid{grid-template-columns:1fr; max-width:340px;}} .topic-card{display:block; border-radius:20px; overflow:hidden; background:var(--bg-base, #F6F2EB); border:1px solid var(--card-border, rgba(46,41,37,0.07)); transition:all .4s ease;} .topic-card:hover{transform:translateY(-5px); box-shadow:0 20px 42px rgba(46,41,37,0.09);} .topic-card-img{height:108px; display:flex; align-items:center; justify-content:center;} .topic-card-img svg{width:36px; height:36px;} .topic-card.t-energy .topic-card-img{background:var(--c-energy-bg, #F3E4C2); color:var(--c-energy, #C79A43);} .topic-card.t-sleep .topic-card-img{background:var(--c-sleep-bg, #EAEEE2); color:var(--c-sleep, #7C8C6C);} .topic-card.t-gut .topic-card-img{background:var(--c-gut-bg, #EDEFE1); color:var(--c-gut, #8C9A6E);} .topic-card.t-focus .topic-card-img{background:var(--c-focus-bg, #E4EDE9); color:var(--c-focus, #6E8C82);} .topic-card.t-stress .topic-card-img{background:var(--c-stress-bg, #EFE3D4); color:var(--c-stress, #B08862);} .topic-card.t-nutrition .topic-card-img{background:var(--c-nutrition-bg, #EDE6D3); color:var(--c-nutrition, #9C8654);} .topic-card.t-lifestyle .topic-card-img{background:var(--c-lifestyle-bg, #F1E6CE); color:var(--c-lifestyle, #A9854A);} .topic-card.t-mind .topic-card-img{background:var(--c-mind-bg, #E6EAEF); color:var(--c-mind, #7E8FA0);} .topic-card-body{padding:18px 18px 20px;} .topic-card-fa{font-size:15.5px; font-weight:500; color:var(--text-primary);} .topic-card-en{font-size:11px; color:var(--text-muted); margin-top:2px; letter-spacing:.3px;} .topic-card-count{font-size:12px; color:var(--gold-deep); margin-top:10px;}
  .latest-section{background:var(--bg-base, #F6F2EB);}
  .article-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1080px; margin:0 auto;} @media (max-width:980px){.article-grid{grid-template-columns:repeat(2,1fr); max-width:700px;}} @media (max-width:600px){.article-grid{grid-template-columns:1fr; max-width:420px;}} .article-card{display:block; border-radius:20px; overflow:hidden; background:var(--card, #FBF9F5); border:1px solid var(--card-border, rgba(46,41,37,0.07)); transition:all .4s ease;} .article-card:hover{transform:translateY(-4px); box-shadow:0 18px 38px rgba(46,41,37,0.08);} .article-card-img{height:120px; display:flex; align-items:center; justify-content:center;} .article-card-img svg{width:30px; height:30px;} .article-card.a-energy .article-card-img{background:var(--c-energy-bg, #F3E4C2); color:var(--c-energy, #C79A43);} .article-card.a-sleep .article-card-img{background:var(--c-sleep-bg, #EAEEE2); color:var(--c-sleep, #7C8C6C);} .article-card.a-gut .article-card-img{background:var(--c-gut-bg, #EDEFE1); color:var(--c-gut, #8C9A6E);} .article-card.a-focus .article-card-img{background:var(--c-focus-bg, #E4EDE9); color:var(--c-focus, #6E8C82);} .article-card.a-stress .article-card-img{background:var(--c-stress-bg, #EFE3D4); color:var(--c-stress, #B08862);} .article-card.a-nutrition .article-card-img{background:var(--c-nutrition-bg, #EDE6D3); color:var(--c-nutrition, #9C8654);} .article-card.a-lifestyle .article-card-img{background:var(--c-lifestyle-bg, #F1E6CE); color:var(--c-lifestyle, #A9854A);} .article-card.a-mind .article-card-img{background:var(--c-mind-bg, #E6EAEF); color:var(--c-mind, #7E8FA0);} .article-card-body{padding:20px 20px 22px;} .article-cat{font-size:11px; font-weight:500; color:var(--gold-deep);} .article-title{font-size:15px; font-weight:500; color:var(--text-primary); margin:8px 0 8px; line-height:1.7;} .article-excerpt{font-size:13px; color:var(--text-secondary); line-height:1.8; margin-bottom:12px;} .article-meta{font-size:11.5px; color:var(--text-muted); display:flex; align-items:center; gap:6px;} .article-meta svg{width:13px; height:13px;}
  
  /* ===== استایل‌های راهنماها ===== */
  .guides-section{background:var(--bg-base, #F6F2EB);} 
  .guides-list-container { background: var(--card, #FBF9F5); border-radius: 24px; padding: 20px; max-width: 680px; margin: 0 auto; }
  .guide-link { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; border-bottom: 1px solid var(--card-border, rgba(46,41,37,0.07)); text-decoration: none; color: var(--text-primary); transition: 0.3s; }
  .guide-link:last-child { border-bottom: none; }
  .guide-link.is-disabled { opacity: 0.5; pointer-events: none; }
  .guide-link__title { font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 12px; }
  .guide-link__cta { font-size: 13px; color: var(--gold-deep); font-weight: 500; }
  .guide-link__badge { font-size: 11px; color: var(--text-muted); background: var(--bg-cream, #F4ECDF); padding: 4px 12px; border-radius: 999px; }
  
  .picks-section{background:var(--card, #FBF9F5);} .picks-list{display:flex; flex-direction:column; gap:14px; max-width:680px; margin:0 auto;} .pick-item{display:flex; align-items:center; justify-content:space-between; gap:14px; background:var(--bg-base, #F6F2EB); border:1px solid var(--card-border, rgba(46,41,37,0.07)); border-radius:16px; padding:18px 22px; transition:all .35s ease;} .pick-item:hover{transform:translateX(-3px); box-shadow:0 12px 28px rgba(46,41,37,0.06);} .pick-title{font-size:14.5px; color:var(--text-primary); font-weight:500;} .pick-arrow{color:var(--gold-deep); flex-shrink:0;} .pick-arrow svg{width:16px; height:16px;}
  .resources-section{background:var(--bg-base, #F6F2EB);} .resources-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:920px; margin:0 auto;} @media (max-width:880px){.resources-grid{grid-template-columns:1fr; max-width:420px;}} .resource-card{background:var(--card, #FBF9F5); border:1px solid var(--card-border, rgba(46,41,37,0.07)); border-radius:20px; padding:28px 24px; text-align:center; transition:all .4s ease;} .resource-card:hover{transform:translateY(-4px); box-shadow:0 18px 38px rgba(46,41,37,0.07);} .resource-icon{width:48px; height:48px; border-radius:50%; margin:0 auto 16px; background:rgba(199,154,67,0.14); color:var(--gold-deep); display:flex; align-items:center; justify-content:center;} .resource-icon svg{width:21px; height:21px;} .resource-title{font-size:14.5px; font-weight:500; color:var(--text-primary); margin-bottom:14px;} .resource-link{font-size:13px; color:var(--gold-deep); font-weight:500;}
  .glossary-section{background:var(--card, #FBF9F5);} .glossary-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:780px; margin:0 auto;} @media (max-width:600px){.glossary-grid{grid-template-columns:1fr; max-width:420px;}} .glossary-item{display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--bg-base, #F6F2EB); border:1px solid var(--card-border, rgba(46,41,37,0.07)); border-radius:14px; padding:16px 20px; font-size:13.5px; color:var(--text-primary); transition:all .3s ease;} .glossary-item:hover{border-color:rgba(199,154,67,0.4); color:var(--gold-deep);} .glossary-item svg{width:14px; height:14px; color:var(--text-muted); flex-shrink:0;} .glossary-more{text-align:center; margin-top:24px;} .glossary-more a{font-size:13.5px; color:var(--gold-deep); font-weight:500;}
  .media-faq-section{background:var(--bg-base, #F6F2EB);} .media-faq-box{max-width:680px; margin:0 auto; background:var(--card, #FBF9F5); border:1px solid var(--card-border, rgba(46,41,37,0.07)); border-radius:22px; padding:36px;} .faq-mini summary{cursor:pointer; font-size:15px; font-weight:500; padding:16px 4px; border-bottom:1px solid var(--card-border, rgba(46,41,37,0.07)); list-style:none; display:flex; justify-content:space-between; color:var(--text-primary);} .faq-mini summary::-webkit-details-marker{display:none;} .faq-mini summary::after{content:'+'; color:var(--gold-deep); font-weight:400;} .faq-mini[open] summary::after{content:'−';} .faq-mini p{font-size:14px; color:var(--text-secondary); padding:4px 4px 18px;} .faq-mini:last-child summary{border-bottom:1px solid var(--card-border, rgba(46,41,37,0.07));}
  .media-cta-section{padding:0 24px 110px;} .media-cta-box{position:relative; max-width:620px; margin:0 auto; text-align:center; background:linear-gradient(155deg, var(--gold, #C9A35A) 0%, var(--gold-deep, #B3863A) 100%); border-radius:30px; padding:56px 44px; box-shadow:0 30px 70px rgba(179,134,58,0.28); overflow:hidden;} .media-cta-box::before{content:''; position:absolute; inset:-50%; z-index:0; background:radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 60%);} .media-cta-box h3{position:relative; z-index:1; font-size:clamp(22px,3vw,28px); font-weight:300; color:#fff; margin-bottom:16px;} .media-cta-box p{position:relative; z-index:1; font-size:15.5px; color:rgba(255,255,255,0.88); max-width:460px; margin:0 auto 28px; line-height:1.9;} .media-cta-btn{position:relative; z-index:1; display:inline-block; background:#fff; color:var(--gold-deep); font-size:16px; font-weight:500; padding:17px 40px; border-radius:999px; box-shadow:0 10px 26px rgba(46,41,37,0.18); transition:all .45s ease; cursor:pointer; border:none;} .media-cta-btn:hover{transform:translateY(-3px); box-shadow:0 16px 36px rgba(46,41,37,0.24);}
  /* ========================================================
   استایل‌های برگه سوالات متداول (page-faq.php)
   ======================================================== */

  .faq-container { max-width: 840px; margin: 0 auto; padding: 120px 24px 80px; }
  .faq-container section { margin-bottom: 50px; }
    .hero-title { font-size: clamp(28px, 4vw, 40px); font-weight: 300; line-height: 1.5; margin-bottom: 20px; }
  .hero-text { font-size: 15px; color: var(--text-secondary); max-width: 600px; margin: 0 auto 40px; line-height: 1.9; }

  .search-wrap { position: relative; max-width: 500px; margin: 0 auto 20px; }
  .search-input {
    width: 100%; padding: 16px 50px 16px 20px; border-radius: 999px; border: 1px solid var(--glass-border);
    background: var(--glass-bg); font-family: inherit; font-size: 15px; color: var(--text-primary); transition: all 0.3s;
    box-shadow: 0 10px 40px rgba(43,38,32,0.06); outline: none;
  }
  .search-input:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(201,163,90,0.15); }
  .search-icon { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--text-muted); }
  .search-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
  .chip { background: var(--bg-cream); padding: 6px 16px; border-radius: 999px; font-size: 12.5px; color: var(--text-secondary); cursor: pointer; transition: all 0.2s; border: 1px solid transparent; }
  .chip:hover { background: #fff; border-color: var(--gold); color: var(--gold-deep); }

  .cat-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 40px; }
  .cat-btn { padding: 10px 20px; border-radius: 999px; font-size: 13.5px; font-weight: 500; background: #fff; color: var(--text-secondary); border: 1px solid rgba(43,38,32,0.06); transition: all 0.2s; }
  .cat-btn:hover, .cat-btn.active { background: var(--green-bg); color: var(--green-text); border-color: transparent; }

  .faq-category-title { font-size: 18px; font-weight: 500; margin-bottom: 16px; padding-right: 12px; border-right: 4px solid var(--gold-deep); color: var(--text-primary); }
  .faq-item { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 20px; margin-bottom: 12px; overflow: hidden; transition: box-shadow 0.3s; }
  .faq-item:hover { box-shadow: 0 10px 40px rgba(43,38,32,0.06); }
  .faq-item summary {
    cursor: pointer; padding: 20px 24px; font-size: 15.5px; font-weight: 500; color: var(--text-primary);
    display: flex; justify-content: space-between; align-items: center; list-style: none;
  }
  .faq-item summary h3 { font-size: 15.5px; font-weight: 500; margin: 0; }
  .faq-item summary::-webkit-details-marker { display: none; }
  .faq-item summary::after {
    content: ''; width: 10px; height: 10px; border-left: 2px solid var(--gold-deep); border-bottom: 2px solid var(--gold-deep);
    transform: rotate(-45deg); transition: transform 0.3s ease; margin-left: 10px; flex-shrink: 0;
  }
  .faq-item[open] summary::after { transform: rotate(135deg); }
  .faq-content { padding: 0 24px 20px; font-size: 14.5px; color: var(--text-secondary); line-height: 1.9; }
  
  .no-results { text-align: center; color: var(--text-muted); font-size: 15px; padding: 40px 0; display: none; }

  .contact-box { background: var(--bg-cream); padding: 40px; border-radius: 24px; text-align: center; }
  .contact-box h3 { font-size: 20px; font-weight: 500; margin-bottom: 10px; }
  .contact-box p { font-size: 14.5px; color: var(--text-secondary); margin-bottom: 24px; }
  .btn-outline { background: transparent; border: 1px solid var(--text-secondary); color: var(--text-secondary); padding: 13px 28px; border-radius: 999px; font-size: 14px; font-weight: 500; transition: all 0.3s; display: inline-block; }
  .btn-outline:hover { background: var(--text-primary); color: #fff; border-color: var(--text-primary); }

  .final-cta-box { background: var(--dark-bg); color: var(--bg-base); padding: 48px 32px; border-radius: 30px; text-align: center; position: relative; overflow: hidden; }
  .final-cta-box::before { content: ''; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(201,163,90,0.2), transparent 70%); pointer-events: none; }
  .final-cta-box h2 { color: #fff; font-size: 26px; font-weight: 300; margin-bottom: 14px; position: relative; z-index: 1; }
  .final-cta-box p { color: rgba(247,244,238,0.7); font-size: 14.5px; margin-bottom: 28px; max-width: 450px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }
  .btn-primary { background: var(--gold-deep); color: #fff; padding: 15px 32px; border-radius: 999px; font-size: 15px; font-weight: 500; box-shadow: 0 10px 26px rgba(182,138,62,0.32); transition: all 0.3s; display: inline-block; position: relative; z-index: 1; text-decoration: none; }
  .btn-primary:hover { background: var(--gold); transform: translateY(-3px); }

  .btn-primary-no-border { border: none; }
  
  @media only screen and (max-width: 768px) {
    .faq-container { padding: 100px 15px 60px; }
    .faq-item summary { padding: 16px 18px; font-size: 14px; }
    .faq-item summary h3 { font-size: 14px; }
    .faq-content { padding: 0 18px 16px; font-size: 13.5px; }
    .cat-nav { gap: 8px; }
    .cat-btn { padding: 8px 14px; font-size: 12.5px; }
    .contact-box, .final-cta-box { padding: 30px 20px; }
    .final-cta-box h2 { font-size: 22px; }
  }
  /* ========================================================
   استایل‌های برگه تماس با ما (page-contact.php)
   ======================================================== */

  .contact-hero{padding:152px 24px 50px; text-align:center;} 
  .contact-hero-content{max-width:600px; margin:0 auto;} 
  .contact-hero h1{font-size:clamp(28px,4.2vw,42px); font-weight:300; line-height:1.5; margin-bottom:18px;} 
  .contact-hero p{font-size:15.5px; color:var(--text-secondary); line-height:1.95;}
  
  .before-section{background:var(--card);} 
  .before-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:920px; margin:0 auto;} 
  @media (max-width:880px){.before-grid{grid-template-columns:1fr; max-width:420px;}} 
  .before-card{display:block; background:var(--bg); border:1px solid var(--card-border); border-radius:20px; padding:28px 24px; text-align:center; transition:all .4s ease;} 
  .before-card:hover{transform:translateY(-4px); box-shadow:0 18px 38px rgba(46,41,37,0.07);} 
  .before-icon{width:46px; height:46px; border-radius:50%; margin:0 auto 16px; background:rgba(199,154,67,0.14); color:var(--gold-deep); display:flex; align-items:center; justify-content:center;} 
  .before-icon svg{width:21px; height:21px;} 
  .before-title{font-size:14.5px; font-weight:500; margin-bottom:6px;} 
  .before-cta{font-size:12.5px; color:var(--gold-deep);}
  
  .channels-section{background:var(--bg);} 
  .channels-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; max-width:680px; margin:0 auto 30px;} 
  @media (max-width:560px){.channels-grid{grid-template-columns:1fr;}} 
  .channel-card{background:var(--card); border:1px solid var(--card-border); border-radius:20px; padding:26px 24px;} 
  .channel-icon{width:42px; height:42px; border-radius:50%; margin-bottom:14px; background:var(--green-bg); color:var(--green); display:flex; align-items:center; justify-content:center;} 
  .channel-icon svg{width:19px; height:19px;} 
  .channel-title{font-size:14.5px; font-weight:500; margin-bottom:6px;} 
  .channel-email{font-size:13.5px; color:var(--gold-deep); font-weight:500; margin-bottom:8px; direction:ltr; display:inline-block;} 
  .channel-desc{font-size:12.5px; color:var(--text-secondary); line-height:1.85;}
  
  .channels-social{text-align:center;} 
  .channels-social-label{font-size:13px; color:var(--text-muted); margin-bottom:14px;} 
  .social-row-contact{display:flex; flex-wrap:wrap; justify-content:center; gap:10px;} 
  .social-link-contact{display:flex; align-items:center; gap:8px; padding:9px 18px; border-radius:999px; background:var(--card); border:1px solid var(--card-border); color:var(--text-secondary); font-size:13px; transition:all .3s ease;} 
  .social-link-contact:hover{border-color:rgba(199,154,67,0.4); color:var(--gold-deep);} 
  .social-link-contact.soon{opacity:.55; cursor:default;} 
  .social-link-contact svg{flex-shrink:0;}
  
  .form-section{background:var(--card);} 
  .contact-form{max-width:560px; margin:0 auto; display:flex; flex-direction:column; gap:18px;} 
  .form-field label{display:block; font-size:13px; font-weight:500; margin-bottom:8px;} 
  .form-field input, .form-field textarea{width:100%; padding:14px 18px; border-radius:14px; border:1px solid var(--card-border); background:var(--bg); font-size:14.5px; color:var(--text); outline:none; transition:all .3s ease;} 
  .form-field input:focus, .form-field textarea:focus{border-color:rgba(199,154,67,0.45); box-shadow:0 8px 22px rgba(199,154,67,0.12);} 
  .form-field textarea{resize:vertical; min-height:130px;}
  .form-submit-btn{align-self:center; margin-top:8px; border:none; cursor:pointer; background:var(--gold-deep); color:#fff; font-size:16px; font-weight:500; padding:16px 46px; border-radius:999px; box-shadow:0 10px 26px rgba(179,134,58,0.32); transition:all .45s ease;} 
  .form-submit-btn:hover{background:var(--gold); transform:translateY(-3px);} 
  .form-submit-btn:disabled{opacity:0.7; cursor:not-allowed; transform:none;}
  .form-success{display:none; text-align:center; padding:30px; background:var(--green-bg); border-radius:18px; color:var(--green); font-size:14.5px; font-weight:500;} 
  .form-success.show{display:block;} 
  .form-success svg{width:28px; height:28px; margin:0 auto 12px;}
  
  .response-section{background:var(--bg);} 
  .response-box{max-width:560px; margin:0 auto; display:flex; align-items:center; gap:18px; text-align:right; background:var(--card); border:1px solid var(--card-border); border-radius:20px; padding:26px 28px;} 
  @media (max-width:480px){.response-box{flex-direction:column; text-align:center;}} 
  .response-icon{width:48px; height:48px; border-radius:50%; flex-shrink:0; background:rgba(199,154,67,0.14); color:var(--gold-deep); display:flex; align-items:center; justify-content:center;} 
  .response-icon svg{width:21px; height:21px;} 
  .response-title{font-size:14.5px; font-weight:500; margin-bottom:4px;} 
  .response-text{font-size:13.5px; color:var(--text-secondary); line-height:1.85;}
  
  .what-section{background:var(--card);} 
  .what-list{display:flex; flex-direction:column; gap:12px; max-width:480px; margin:0 auto;} 
  .what-item{display:flex; align-items:center; gap:12px; font-size:14px; color:var(--text); background:var(--bg); border:1px solid var(--card-border); border-radius:14px; padding:14px 18px;} 
  .what-item svg{flex-shrink:0; color:var(--green); width:18px; height:18px;}
  
  .privacy-note-section{background:var(--bg);} 
  .privacy-note-card{max-width:560px; margin:0 auto; display:flex; align-items:center; gap:16px; text-align:right; background:var(--green-bg); border:1px solid rgba(124,140,108,0.2); border-radius:18px; padding:22px 26px;} 
  @media (max-width:480px){.privacy-note-card{flex-direction:column; text-align:center;}} 
  .privacy-note-icon{width:42px; height:42px; border-radius:50%; flex-shrink:0; background:rgba(124,140,108,0.18); color:var(--green); display:flex; align-items:center; justify-content:center;} 
  .privacy-note-icon svg{width:19px; height:19px;} 
  .privacy-note-text{font-size:13.5px; color:var(--text-secondary); line-height:1.85;} 
  .privacy-note-text a{color:var(--green); font-weight:500;}
  
  .contact-cta-section{padding:0 24px 110px;} 
  .contact-cta-box{position:relative; max-width:620px; margin:0 auto; text-align:center; background:linear-gradient(155deg, var(--gold) 0%, var(--gold-deep) 100%); border-radius:30px; padding:56px 44px; box-shadow:0 30px 70px rgba(179,134,58,0.28); overflow:hidden;} 
  .contact-cta-box::before{content:''; position:absolute; inset:-50%; z-index:0; background:radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 60%);} 
  .contact-cta-box h3{position:relative; z-index:1; font-size:clamp(22px,3vw,28px); font-weight:300; color:#fff; margin-bottom:16px;} 
  .contact-cta-box p{position:relative; z-index:1; font-size:15.5px; color:rgba(255,255,255,0.88); max-width:460px; margin:0 auto 28px; line-height:1.9;} 
  .contact-cta-btn{position:relative; z-index:1; display:inline-block; background:#fff; color:var(--gold-deep); font-size:16px; font-weight:500; padding:17px 40px; border-radius:999px; box-shadow:0 10px 26px rgba(46,41,37,0.18); transition:all .45s ease; border:none; cursor:pointer;} 
  .contact-cta-btn:hover{transform:translateY(-3px); box-shadow:0 16px 36px rgba(46,41,37,0.24);}
  /* ========================================================
   استایل‌های برگه درباره ما (page-about.php)
   ======================================================== */
 
  /* ===== Hero ===== */
  .about-hero{
    min-height:60vh; position:relative; overflow:hidden;
    display:flex; align-items:center; justify-content:center; text-align:center;
  }
  .about-hero-content{position:relative; z-index:2; max-width:660px; margin:0 auto; padding:100px 24px 60px;}
  .about-hero-eyebrow{font-size:13.5px; color:#DFBA6B; font-weight:500; margin-bottom:20px; letter-spacing:.3px;}
  .about-hero h1{font-size:clamp(32px,5.4vw,54px); font-weight:300; line-height:1.45; color:#fff; margin-bottom:28px;}
  .about-hero p{font-size:16.5px; color:rgba(255,255,255,0.9); max-width:540px; margin:0 auto 14px; line-height:1.95;}
  .about-hero-line{
    margin-top:30px; font-size:16px; font-weight:500; color:#fff;
    letter-spacing:.3px;
  }
  .about-hero-line span{color:#DFBA6B;}
 
  /* ===== Section 2 — چرا مهرومی شکل گرفت ===== */
  .pattern-section{background:var(--about-card);}
  .pattern-list{
    display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:760px; margin:0 auto 38px;
  }
  .pattern-chip{
    display:inline-flex; align-items:center; gap:9px; font-size:14px; color:var(--about-text);
    background:var(--about-bg); border:1px solid var(--about-card-border);
    padding:11px 20px; border-radius:999px;
  }
  .pattern-chip-dot{width:6px; height:6px; border-radius:50%; background:var(--about-gold-deep); flex-shrink:0;}
  .pattern-note{
    max-width:600px; margin:0 auto; text-align:center; font-size:15.5px;
    color:var(--about-text-secondary); line-height:1.95;
  }
 
  /* ===== Section 3 — سه اصل مهرومی (Signature) ===== */
  .principles-section{background:var(--about-bg); position:relative; overflow:hidden;}
  .principles-grid{
    position:relative; z-index:1;
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px; max-width:1040px; margin:56px auto 0;
  }
  @media (max-width:900px){
    .principles-grid{grid-template-columns:1fr; max-width:480px; gap:22px;}
  }
  .principle-big-card{
    position:relative; border-radius:28px; padding:48px 36px 40px; text-align:center;
    background:var(--about-card); border:1px solid var(--about-card-border);
    box-shadow:0 20px 50px rgba(46,41,37,0.05);
    transition:transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s cubic-bezier(.22,1,.36,1);
  }
  .principle-big-card:hover{transform:translateY(-6px); box-shadow:0 28px 64px rgba(46,41,37,0.09);}
  .principle-big-card.p1{background:linear-gradient(165deg, var(--about-green-bg), var(--about-card) 65%);}
  .principle-big-card.p2{background:linear-gradient(165deg, #FBF1DD, var(--about-card) 65%);}
  .principle-big-card.p3{background:linear-gradient(165deg, #F3E4C2, var(--about-card) 65%);}
  .principle-big-num{
    font-size:13px; font-weight:500; color:var(--about-gold-deep); letter-spacing:.3px; margin-bottom:22px;
  }
  .principle-big-icon{
    width:62px; height:62px; border-radius:50%; margin:0 auto 24px;
    display:flex; align-items:center; justify-content:center;
  }
  .p1 .principle-big-icon{background:rgba(124,140,108,0.16); color:var(--about-green);}
  .p2 .principle-big-icon{background:rgba(199,154,67,0.18); color:var(--about-gold-deep);}
  .p3 .principle-big-icon{background:rgba(199,154,67,0.24); color:var(--about-gold);}
  .principle-big-icon svg{width:26px; height:26px;}
  .principle-big-title{font-size:21px; font-weight:500; color:var(--about-text); margin-bottom:14px;}
  .principle-big-text{font-size:14.5px; color:var(--about-text-secondary); line-height:1.95; max-width:260px; margin:0 auto;}
 
  /* ===== Section 4 & 5 — آنچه مهرومی نیست / برای چه کسانی مناسب نیست ===== */
  .boundaries-section{background:var(--about-card);}
  .boundaries-grid{display:grid; grid-template-columns:1fr 1fr; gap:36px; max-width:920px; margin:0 auto;}
  @media (max-width:760px){.boundaries-grid{grid-template-columns:1fr; gap:48px;}}
  .boundary-block-head{display:flex; align-items:center; gap:10px; margin-bottom:22px;}
  .boundary-block-icon{
    width:34px; height:34px; border-radius:50%; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
  }
  .boundary-block-icon svg{width:16px; height:16px;}
  .boundary-not .boundary-block-icon{background:rgba(161,75,58,0.12); color:var(--about-red);}
  .boundary-who .boundary-block-icon{background:rgba(124,140,108,0.16); color:var(--about-green);}
  .boundary-block-head h3{font-size:17px; font-weight:500; color:var(--about-text);}
  .boundary-list{display:flex; flex-direction:column; gap:14px;}
  .boundary-item{display:flex; align-items:flex-start; gap:10px; font-size:14.5px; color:var(--about-text-secondary); line-height:1.85;}
  .boundary-item svg{flex-shrink:0; margin-top:4px;}
  .boundary-not .boundary-item svg{color:var(--about-red);}
  .boundary-who .boundary-item svg{color:var(--about-green);}
  .boundary-foot{
    margin-top:30px; text-align:center; font-size:14px; color:var(--about-text-secondary);
    max-width:580px; margin-left:auto; margin-right:auto; line-height:1.9;
  }
 
  /* ===== Section 6 — رویکرد مهرومی ===== */
  .approach-section{background:var(--about-bg);}
  .approach-note{max-width:560px; margin:0 auto 36px; text-align:center; font-size:15.5px; color:var(--about-text-secondary); line-height:1.95;}
  .factor-row{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:760px; margin:0 auto;}
  .factor-pill{
    display:inline-flex; align-items:center; gap:9px; font-size:14px; color:var(--about-text);
    background:var(--about-card); border:1px solid var(--about-card-border);
    padding:12px 22px; border-radius:999px;
  }
  .factor-pill svg{width:16px; height:16px; color:var(--about-gold-deep); flex-shrink:0;}
  .approach-foot{max-width:560px; margin:30px auto 0; text-align:center; font-size:14.5px; color:var(--about-text-secondary); line-height:1.9;}
 
  /* ===== Section 7 — چشم‌انداز مهرومی ===== */
  .vision-section{background:var(--about-card);}
  .vision-box{max-width:680px; margin:0 auto; text-align:center; position:relative;}
  .vision-mark{
    width:46px; height:46px; border-radius:50%; margin:0 auto 26px;
    background:rgba(199,154,67,0.14); color:var(--about-gold-deep);
    display:flex; align-items:center; justify-content:center;
  }
  .vision-mark svg{width:22px; height:22px;}
  .vision-text{font-size:clamp(18px,2.4vw,22px); font-weight:300; color:var(--about-text); line-height:1.95;}
  .vision-text b{font-weight:500; color:var(--about-gold-deep);}
 
  /* ===== Section 8 — ارزش‌های مهرومی ===== */
  .values-section{background:var(--about-bg);}
  .values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1000px; margin:0 auto;}
  @media (max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr); max-width:520px;}}
  @media (max-width:520px){.values-grid{grid-template-columns:1fr;}}
  .value-card{background:var(--about-card); border:1px solid var(--about-card-border); border-radius:20px; padding:30px 24px; text-align:center;}
  .value-icon{
    width:46px; height:46px; border-radius:50%; margin:0 auto 18px;
    background:rgba(199,154,67,0.14); color:var(--about-gold-deep);
    display:flex; align-items:center; justify-content:center;
  }
  .value-icon svg{width:20px; height:20px;}
  .value-title{font-size:15.5px; font-weight:500; color:var(--about-text); margin-bottom:10px;}
  .value-text{font-size:13px; color:var(--about-text-secondary); line-height:1.85;}
 
  /* ===== Section 9 — پشت مهرومی (بنیانگذار) ===== */
  .founder-section{background:var(--about-card); padding:84px 24px;}
  .founder-box{max-width:560px; margin:0 auto; text-align:center;}
  .founder-rule{width:36px; height:1px; background:var(--about-gold-deep); opacity:.5; margin:0 auto 22px;}
  .founder-text{font-size:14.5px; color:var(--about-text-secondary); line-height:1.95;}
  .founder-sign{margin-top:22px; font-size:13px; color:var(--about-text-muted); letter-spacing:.5px;}
 
  /* ===== Section 10 — CTA پایانی (طلایی) ===== */
  .about-cta-section{padding:0 24px 110px;}
  .about-cta-box{
    position:relative; max-width:680px; margin:0 auto; text-align:center;
    background:linear-gradient(155deg, var(--about-gold) 0%, var(--about-gold-deep) 100%);
    border-radius:30px; padding:64px 44px;
    box-shadow:0 30px 70px rgba(179,134,58,0.28);
    overflow:hidden;
  }
  .about-cta-box::before{
    content:''; position:absolute; inset:-50%; z-index:0;
    background:radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 60%);
  }
  .about-cta-box h3{position:relative; z-index:1; font-size:clamp(24px,3.4vw,32px); font-weight:300; color:#fff; margin-bottom:16px;}
  .about-cta-box p{position:relative; z-index:1; font-size:15.5px; color:rgba(255,255,255,0.85); max-width:440px; margin:0 auto 30px;}
  .about-cta-btn{
    position:relative; z-index:1; display:inline-block; background:#fff;
    color:var(--about-gold-deep); font-size:16px; font-weight:500;
    padding:17px 40px; border-radius:999px;
    box-shadow:0 10px 26px rgba(46,41,37,0.18);
    transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;
    border: none; cursor: pointer; font-family: inherit; text-decoration: none;
  }
  .about-cta-btn:hover{transform:translateY(-3px); box-shadow:0 16px 36px rgba(46,41,37,0.24);}

  /* === استایل‌های منتقل شده از خطی به کلاس === */
  .about-hero-scene { position: absolute; inset: 0; z-index: 0; }
  .about-hero-img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .about-hero-overlay { position: absolute; inset: 0; z-index: 1; background: rgba(43,38,32,0.45); }
  .pattern-note-mb { margin-bottom: 30px; }
  .center-text { text-align: center; }
  /* ========================================================
   استایل‌های صفحه وبلاگ و فالبک (index.php)
   ======================================================== */

  .main-content { max-width: 900px; margin: 120px auto 50px; padding: 0 20px; min-height: 50vh; }
  .blog-title { font-size: 28px; font-weight: 300; margin-bottom: 30px; color: var(--text-primary); }
  .blog-posts-wrap { display: flex; flex-direction: column; gap: 24px; }
  .blog-article { background: #fff; border: 1px solid rgba(43,38,32,0.06); border-radius: 20px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
  .blog-article-title { font-size: 22px; font-weight: 500; margin-bottom: 12px; }
  .blog-article-link { color: var(--text-primary); text-decoration: none; }
  .blog-excerpt { font-size: 14px; color: var(--text-secondary); line-height: 1.8; }
  .blog-readmore { display: inline-block; margin-top: 16px; color: var(--gold-deep); font-size: 14px; font-weight: 500; text-decoration: none; }
  .blog-pagination { margin-top: 40px; text-align: center; }
  .blog-empty-state { text-align: center; padding: 60px 20px; background: #fff; border-radius: 20px; border: 1px solid rgba(43,38,32,0.06); }
  .blog-empty-title { font-size: 22px; margin-bottom: 15px; color: var(--text-primary); }
  .blog-empty-text { color: var(--text-secondary); margin-bottom: 25px; }
  .blog-empty-btn { background: var(--gold-deep); color: #fff; padding: 12px 30px; border-radius: 999px; text-decoration: none; font-size: 14px; font-weight: 500; }
  /* ========================================================
   استایل‌های برگه ۴۰۴ (404.php)
   ======================================================== */

  /* ===== صفحه ۴۰۴ ===== */
  .error-404-page {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 24px;
    background: var(--bg-base);
  }

  /* انیمیشن ورود */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .glass-card{
    background:var(--glass-bg);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    backdrop-filter:blur(24px) saturate(180%);
    border:1px solid var(--glass-border);
    border-radius:24px;
    box-shadow:0 20px 50px rgba(43,38,32,0.08);
    max-width:600px;
    width:100%;
    padding:56px 40px;
    text-align:center;
    
    /* اعمال انیمیشن */
    opacity:0;
    animation: fadeInUp 0.5s ease-out forwards;
  }

  .error-code{
    font-size:84px;
    font-weight:700;
    color:var(--green-text);
    line-height:1;
    margin-bottom:24px;
    letter-spacing:-2px;
  }

  .error-title{
    font-size:22px;
    font-weight:500;
    color:var(--text-primary);
    margin-bottom:14px;
  }

  .error-text{
    font-size:15px;
    color:var(--text-secondary);
    max-width:420px;
    margin:0 auto 32px;
    line-height:1.85;
  }

  .btn-group{
    display:flex;
    gap:14px;
    justify-content:center;
    flex-wrap:wrap;
  }

  .btn-primary{
    display:inline-block;
    background:var(--gold-deep);
    color:#fff;
    font-size:15px;
    font-weight:500;
    padding:14px 32px;
    border-radius:999px;
    border:none;
    text-decoration: none;
    transition:background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow:0 6px 16px rgba(182,138,62,0.25);
  }
  .btn-primary:hover{
    background:#C9A35A;
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(182,138,62,0.35);
  }

  .btn-outline{
    display:inline-block;
    background:transparent;
    color:var(--text-secondary);
    font-size:15px;
    font-weight:500;
    padding:14px 32px;
    border-radius:999px;
    border:1px solid rgba(43,38,32,0.15);
    text-decoration: none;
    transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    font-family: inherit;
  }
  .btn-outline:hover{
    background:rgba(43,38,32,0.05);
    border-color:rgba(43,38,32,0.3);
    color:var(--text-primary);
  }

  .error-foot{
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid rgba(43,38,32,0.06);
    font-size:12.5px;
    color:var(--text-muted);
  }

  @media (max-width:480px){
    .glass-card{ padding:40px 24px; }
    .error-code{ font-size:64px; }
    .btn-group{ flex-direction:column; }
    .btn-primary, .btn-outline{ width:100%; display:block; }
  }
  /* ========================================================
   استایل‌های برگه دسته‌بندی (category.php)
   ======================================================== */

  .cat-hero { padding: 30px 24px 56px; text-align: center; }
  .cat-hero-icon { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 22px; background: var(--topic-bg); color: var(--topic); display: flex; align-items: center; justify-content: center; }
  .cat-hero-icon svg { width: 28px; height: 28px; }
  .cat-hero h1 { font-size: clamp(28px, 4vw, 38px); font-weight: 300; color: var(--text); margin-bottom: 16px; }
  .cat-hero p { font-size: 15px; color: var(--text-secondary); line-height: 1.95; max-width: 600px; margin: 0 auto 18px; }
  
  .start-section { background: var(--card); }
  .start-list { display: flex; flex-direction: column; gap: 14px; max-width: 640px; margin: 0 auto; }
  .start-item { display: flex; align-items: center; gap: 18px; background: var(--bg); border: 1px solid var(--card-border); border-radius: 18px; padding: 20px 22px; transition: all .35s ease; text-decoration: none; color: inherit; }
  .start-item:hover { transform: translateX(-3px); box-shadow: 0 14px 30px rgba(46,41,37,0.06); }
  .start-num { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; background: var(--topic-bg); color: var(--topic); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; }
  .start-title { font-size: 14.5px; font-weight: 500; color: var(--text); flex: 1; }
  .start-arrow { color: var(--gold-deep); }
  .start-arrow svg { width: 15px; height: 15px; }

  .pillar-section { background: var(--bg); }
  .pillar-card { max-width: 760px; margin: 0 auto; display: flex; align-items: center; gap: 24px; background: linear-gradient(155deg, var(--topic-bg), var(--card) 70%); border: 1px solid var(--card-border); border-radius: 24px; padding: 36px 34px; transition: all .4s ease; text-decoration: none; color: inherit; }
  .pillar-card:hover { transform: translateY(-4px); box-shadow: 0 22px 46px rgba(46,41,37,0.1); }
  @media (max-width: 560px) { .pillar-card { flex-direction: column; text-align: center; } }
  .pillar-icon { width: 64px; height: 64px; border-radius: 18px; flex-shrink: 0; background: rgba(255,255,255,0.6); color: var(--topic); display: flex; align-items: center; justify-content: center; }
  .pillar-icon svg { width: 28px; height: 28px; }
  .pillar-title { font-size: 18px; font-weight: 500; color: var(--text); margin-bottom: 8px; }
  .pillar-cta { font-size: 13.5px; color: var(--gold-deep); font-weight: 500; }

  .latest-section { background: var(--card); }
  .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1080px; margin: 0 auto; }
  @media (max-width: 980px) { .article-grid { grid-template-columns: repeat(2, 1fr); max-width: 700px; } }
  @media (max-width: 600px) { .article-grid { grid-template-columns: 1fr; max-width: 420px; } }
  .article-card { display: block; border-radius: 20px; overflow: hidden; background: var(--card); border: 1px solid var(--card-border); transition: all .4s ease; text-decoration: none; color: inherit; }
  .article-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(46,41,37,0.08); }
  .article-card-img { height: 104px; display: flex; align-items: center; justify-content: center; background: var(--topic-bg); color: var(--topic); }
  .article-card-img svg { width: 26px; height: 26px; }
  .article-card-body { padding: 18px 18px 20px; }
  .article-title { font-size: 14.5px; font-weight: 500; color: var(--text); margin-bottom: 8px; line-height: 1.7; }
  .article-excerpt { font-size: 12.5px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 12px; }
  .article-meta { font-size: 11px; color: var(--text-muted); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .article-meta-left { display: flex; align-items: center; gap: 5px; }
  .article-meta svg { width: 12px; height: 12px; }

  .pagination-wrap { text-align: center; margin-top: 36px; }
  .pagination-wrap .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 4px; border-radius: 12px; border: 1px solid var(--card-border); color: var(--text-secondary); text-decoration: none; transition: 0.3s; }
  .pagination-wrap .page-numbers.current { background: var(--topic); color: #fff; border-color: var(--topic); }

  .related-section { background: var(--bg); }
  .related-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 780px; margin: 0 auto; }
  .related-pill { font-size: 13.5px; color: var(--text-secondary); background: var(--card); border: 1px solid var(--card-border); padding: 10px 22px; border-radius: 999px; transition: all .3s ease; text-decoration: none; }
  .related-pill:hover { border-color: rgba(199,154,67,0.4); color: var(--gold-deep); }

  .cat-faq-section { background: var(--card); }
  .cat-faq-box { max-width: 680px; margin: 0 auto; background: var(--bg); border: 1px solid var(--card-border); border-radius: 22px; padding: 36px; }
  
  .seo-text-section { background: var(--bg); }
  .seo-text-block { max-width: 680px; margin: 0 auto 36px; }
  .seo-text-block:last-child { margin-bottom: 0; }
  .seo-text-block h3 { font-size: 17px; font-weight: 500; color: var(--text); margin-bottom: 14px; }
  .seo-text-block p { font-size: 14px; color: var(--text-secondary); line-height: 2; margin-bottom: 14px; }
  .seo-text-block p:last-child { margin-bottom: 0; }

  .cat-cta-section { padding: 0 24px 110px; }
  .cat-cta-box { position: relative; max-width: 620px; margin: 0 auto; text-align: center; background: linear-gradient(155deg, var(--gold) 0%, var(--gold-deep) 100%); border-radius: 30px; padding: 56px 44px; box-shadow: 0 30px 70px rgba(179,134,58,0.28); overflow: hidden; }
  .cat-cta-box::before { content: ''; position: absolute; inset: -50%; z-index: 0; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 60%); }
  .cat-cta-box h3 { position: relative; z-index: 1; font-size: clamp(22px, 3vw, 28px); font-weight: 300; color: #fff; margin-bottom: 16px; }
  .cat-cta-box p { position: relative; z-index: 1; font-size: 15.5px; color: rgba(255,255,255,0.88); max-width: 460px; margin: 0 auto 28px; line-height: 1.9; }
  .cat-cta-btn { position: relative; z-index: 1; display: inline-block; background: #fff; color: var(--gold-deep); font-size: 16px; font-weight: 500; padding: 17px 40px; border-radius: 999px; box-shadow: 0 10px 26px rgba(46,41,37,0.18); transition: all .45s ease; border: none; cursor: pointer; }

  /* استایل‌های کارت تجربه کاربران در صفحه دسته‌بندی */
  .cat-stories-section { background: var(--bg); padding: 80px 24px; }
  .cat-stories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
  @media (max-width: 980px) { .cat-stories-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; } }
  .cat-story-card { background: #FBF9F5; border: 1px solid rgba(46,41,37,0.07); border-radius: 22px; padding: 28px 26px; color: inherit; display: flex; flex-direction: column; transition: all 0.4s ease; }
  .cat-story-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(46,41,37,0.07); }
  .cat-story-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
  .cat-story-avatar { width: 42px; height: 42px; border-radius: 50%; background: #C79A43; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; }
  .cat-story-name { font-size: 14.5px; font-weight: 500; color: var(--text); }
  .cat-story-label { font-size: 11px; color: var(--text-muted); margin-bottom: 4px; }
  .cat-story-text { font-size: 13px; color: var(--text-secondary); line-height: 1.85; margin-bottom: 12px; }
  .cat-story-text:last-child { margin-bottom: 0; }


/* === استایل لوگوی اینماد در فوتر === */
.footer-enamad {
    display: block;
    clear: both;
    margin-top: 25px;
    text-align: center;
}
.footer-enamad a {
    display: inline-block;
    line-height: 0;
    background: none !important;
    padding: 0;
    border-radius: 8px;
    transition: transform 0.3s ease;
}
.footer-enamad a:hover {
    transform: translateY(-2px);
}
.footer-enamad-logo {
    width: 90px !important;
    max-width: 90px !important;
    height: auto !important;
    display: block;
    background: transparent !important;
}

/* === استایل برگه اختصاصی اینماد === */
.mehromey-enamad-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    margin-top: 120px;
    margin-bottom: 50px;
    padding: 0 20px;
}
.enamad-box {
    background: #fff;
    padding: 40px;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(43,38,32,0.06);
    text-align: center;
    border: 1px solid rgba(43,38,32,0.07);
}
.enamad-box h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 12px;
}
.enamad-box p {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 24px;
}
.enamad-page-logo {
    width: 200px !important;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.enamad-page-logo:hover {
    transform: scale(1.05);
}

/* === استایل سوئیچر زبان (متن محور) === */
.lang-switcher { position: relative; display: inline-flex; align-items: center; }
.lang-dropdown {
    position: absolute; top: 120%; left: 50%; transform: translateX(-50%) translateY(10px);
    background: rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
    border: 1px solid rgba(43,38,32,0.06); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    padding: 8px; min-width: 120px; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000; text-align: right;
}
.lang-switcher.is-open .lang-dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.lang-list { list-style: none; margin: 0; padding: 0; }
.lang-list li { margin: 0; padding: 0; }
.lang-list li a {
    display: block; padding: 10px 12px; font-size: 14px; color: #2B2620; text-decoration: none; border-radius: 8px; transition: background 0.2s; font-family: inherit;
}
.lang-list li a:hover { background: #FBF9F5; }
.lang-list li.current-lang a { font-weight: bold; color: #B68A3E; background: #F7F4EE; }
/* حذف حاشیه‌های پیش‌فرض پولیلنگ */
.lang-list li a span { margin: 0 !important; padding: 0 !important; }

@media only screen and (max-width: 768px) {
    .lang-dropdown { left: auto; right: 0; transform: translateY(10px); }
        .lang-switcher.is-open .lang-dropdown { transform: translateY(0); }
}
.lang-list li a.active-lang {
    font-weight: bold;
    color: #B68A3E;
    background: #F7F4EE;
}
.story-read-more-btn {
    border: 1px solid var(--gold-soft);
    background: transparent;
    padding: 8px 16px;
    border-radius: 999px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.story-read-more-btn:hover {
    background: var(--gold-deep);
    color: #fff !important;
    border-color: var(--gold-deep);
}