/* ============================================
   MODERN DARK HEADER STYLE
   کاملاً مستقل و بدون تداخل با استایل اول
   ============================================ */

.ModernHeaderDark {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 0;
    margin: 0;
    position: relative;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.08);
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
}

.ModernContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ===== Top Bar ===== */
.ModernTopBar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: wrap;
}

.ModernSearchIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') center/contain no-repeat;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    margin-left: 5px;
}

.ModernSearchIcon:hover {
    opacity: 1;
}

.ModernPhoneLink {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}

.ModernPhoneLink:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ModernPhoneIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234fc3ff"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>') center/contain no-repeat;
}

/* ===== Lang Selector ===== */
.ModernLangSelector {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: auto;
}

.ModernLangSelector a {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.6;
}

.ModernLangSelector a:hover {
    opacity: 1;
    transform: scale(1.1);
}

.ModernLangSelector img {
    width: 28px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    object-fit: cover;
}

/* ===== Main Row ===== */
.ModernMainRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    flex-wrap: wrap;
    gap: 15px;
}

.ModernLoginWrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    order: 2;
}

.ModernLoginWrapper a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.3s ease;
}

.ModernLoginWrapper a:hover {
    background: rgba(79, 195, 255, 0.15);
    color: #4fc3ff;
    border-color: rgba(79, 195, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(79, 195, 255, 0.15);
}

.ModernLoginWrapper img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.ModernLoginWrapper a:hover img {
    opacity: 1;
    filter: brightness(0) invert(0.8) sepia(1) hue-rotate(180deg) saturate(5);
}

.ModernLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Logo ===== */
.ModernLogoWrapper {
    order: 1;
    flex-shrink: 0;
}

.ModernLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
}

.ModernLogoLink:hover {
    transform: scale(1.02);
    filter: drop-shadow(0 0 20px rgba(79, 195, 255, 0.2));
}

/* ===== Search ===== */
.ModernSearchWrapper {
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ModernSearchWrapper input,
.ModernSearchWrapper .SearchBox {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 25px !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    width: 100% !important;
    transition: all 0.3s ease;
}

.ModernSearchWrapper input:focus,
.ModernSearchWrapper .SearchBox:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #4fc3ff !important;
    box-shadow: 0 0 25px rgba(79, 195, 255, 0.1);
    outline: none;
}

.ModernSearchWrapper input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

/* ===== Responsive ===== */
@media (max-width: 1240px) {
    .ModernHeaderDark {
        display:none;
    }

   
}



/* ============================================
   MINIMAL LIGHT HEADER STYLE
   استایل سوم - مینیمال و روشن
   ============================================ */

.MinimalHeaderLight {
    background: #ffffff;
    padding: 0;
    margin: 0;
    position: relative;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid #e8ecf1;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
}

.MinimalContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 8px 25px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ===== Top Bar ===== */
.MinimalTopBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #f0f2f5;
    flex-wrap: wrap;
}

.MinimalLeftSection {
    display: flex;
    align-items: center;
    gap: 20px;
}

.MinimalRightSection {
    display: flex;
    align-items: center;
}

.MinimalPhoneLink {
    color: #555c6b;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 6px;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.MinimalPhoneLink:hover {
    background: #eef1f5;
    color: #2c3e50;
}

.MinimalPhoneIcon {
    font-size: 14px;
    line-height: 1;
}

/* ===== Lang Selector ===== */
.MinimalLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
}

.MinimalLangSelector a {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 4px;
    transition: all 0.3s ease;
    opacity: 0.5;
}

.MinimalLangSelector a:hover {
    opacity: 1;
    transform: scale(1.05);
}

.MinimalLangSelector img {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #e8ecf1;
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.MinimalLoginWrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.MinimalLoginWrapper a {
    color: #555c6b;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.MinimalLoginWrapper a:hover {
    background: #f0f4f9;
    color: #1a73e8;
    border-color: #dce3ed;
}

.MinimalLoginWrapper img {
    width: 18px;
    height: 18px;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.MinimalLoginWrapper a:hover img {
    opacity: 0.8;
}

.MinimalLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Main Row ===== */
.MinimalMainRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    gap: 25px;
}

/* ===== Logo ===== */
.MinimalLogoWrapper {
    flex-shrink: 0;
}

.MinimalLogoLink {
    display: block;
    transition: all 0.3s ease;
}

.MinimalLogoLink:hover {
    transform: scale(1.02);
    opacity: 0.9;
}

.MinimalLogoLink img {
    max-height: 55px;
    width: auto;
    display: block;
}



/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .MinimalHeaderLight {
        display: none;
    }
}



/* ============================================
   PREMIUM CENTERED HEADER STYLE
   استایل چهارم - لوگو در مرکز با طراحی خاص
   ============================================ */

.PremiumCenterHeader {
    background: linear-gradient(180deg, #0b132b 0%, #1a1a3e 100%);
    padding: 0;
    margin: 0;
    position: relative;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(255, 215, 0, 0.15);
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
}

.PremiumContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 15px 25px 10px 25px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ===== Top Row ===== */
.PremiumTopRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}

/* ===== Left Section ===== */
.PremiumLeftSection {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-start;
}

.PremiumPhoneLink {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.PremiumPhoneLink:hover {
    background: rgba(255, 215, 0, 0.1);
    border-color: rgba(255, 215, 0, 0.3);
    color: #ffd700;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.1);
}

.PremiumPhoneIcon {
    font-size: 16px;
    line-height: 1;
}

/* ===== Center Section - Logo ===== */
.PremiumCenterSection {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PremiumLogoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.PremiumLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
}

.PremiumLogoLink::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffd700, transparent);
    transition: all 0.4s ease;
}

.PremiumLogoLink:hover::after {
    width: 80%;
}

.PremiumLogoLink:hover {
    transform: scale(1.05);
}

.PremiumLogoLink img {
    max-height: 60px;
    width: auto;
    display: block;
    filter: drop-shadow(0 2px 15px rgba(255, 215, 0, 0.1));
}

/* ===== Right Section ===== */
.PremiumRightSection {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-end;
}

/* ===== Lang Selector ===== */
.PremiumLangSelector {
    display: flex;
    align-items: center;
    gap: 5px;
}

.PremiumLangSelector a {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 15px;
    transition: all 0.3s ease;
    opacity: 0.5;
    border: 1px solid transparent;
}

.PremiumLangSelector a:hover {
    opacity: 1;
    transform: scale(1.1);
    border-color: rgba(255, 215, 0, 0.3);
    background: rgba(255, 215, 0, 0.05);
}

.PremiumLangSelector img {
    width: 28px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.PremiumLoginWrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

.PremiumLoginWrapper a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.3s ease;
}

.PremiumLoginWrapper a:hover {
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700;
    border-color: rgba(255, 215, 0, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.05);
}

.PremiumLoginWrapper img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.PremiumLoginWrapper a:hover img {
    opacity: 0.8;
    filter: brightness(0) invert(0.9) sepia(1) hue-rotate(30deg) saturate(10);
}

.PremiumLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Bottom Row - Search ===== */
.PremiumBottomRow {
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: center;
}

.PremiumSearchWrapper {
    width: 100%;
    max-width: 400px;
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .PremiumCenterHeader {
        display: none;
    }
}

/* ============================================
   GLASSMORPHISM HEADER STYLE
   استایل پنجم - طراحی شیشه‌ای مدرن
   ============================================ */

.GlassHeader {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 0;
    margin: 0;
    position: relative;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.GlassHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.05"><circle cx="20" cy="20" r="30" fill="white"/><circle cx="80" cy="80" r="40" fill="white"/><circle cx="90" cy="10" r="20" fill="white"/></svg>');
    pointer-events: none;
}

.GlassContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 10px 25px;
    position: relative;
    z-index: 1;
}

/* ===== Top Bar ===== */
.GlassTopBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    flex-wrap: wrap;
    gap: 10px;
}

.GlassLeftGroup {
    display: flex;
    align-items: center;
    gap: 15px;
}

.GlassRightGroup {
    display: flex;
    align-items: center;
}

.GlassPhoneLink {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}

.GlassPhoneLink:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.GlassPhoneIcon {
    font-size: 14px;
    line-height: 1;
}

/* ===== Lang Selector ===== */
.GlassLangSelector {
    display: flex;
    align-items: center;
    gap: 5px;
}

.GlassLangSelector a {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.6;
    border: 1px solid transparent;
}

.GlassLangSelector a:hover {
    opacity: 1;
    transform: scale(1.1);
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
}

.GlassLangSelector img {
    width: 26px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.GlassLoginWrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.GlassLoginWrapper a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.GlassLoginWrapper a:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.GlassLoginWrapper img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.GlassLoginWrapper a:hover img {
    opacity: 1;
}

.GlassLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Main Row ===== */
.GlassMainRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 5px 0;
    gap: 20px;
}

/* ===== Logo ===== */
.GlassLogoWrapper {
    flex-shrink: 0;
    order: 1;
}

.GlassLogoLink {
    display: block;
    transition: all 0.4s ease;
}

.GlassLogoLink:hover {
    transform: scale(1.05) rotate(-2deg);
    filter: drop-shadow(0 4px 20px rgba(255, 255, 255, 0.15));
}

.GlassLogoLink img {
    max-height: 55px;
    width: auto;
    display: block;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.1));
}

/* ===== Search ===== */
.GlassSearchWrapper {
    flex: 1;
    max-width: 210px;
    min-width: 150px;
    order: 2;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .GlassHeader {
        display: none;
    }
}

/* ============================================
   NEON DARK HEADER STYLE
   استایل ششم - نئون تیره با افکت‌های درخشان
   ============================================ */

.NeonHeader {
    background: #0a0a0f;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 2px solid rgba(0, 255, 255, 0.15);
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    overflow: hidden;
}

/* خطوط نئونی تزئینی */
.NeonHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 255, 255, 0.1) 20%,
        rgba(0, 255, 255, 0.5) 50%,
        rgba(0, 255, 255, 0.1) 80%,
        transparent 100%
    );
    animation: neonScan 6s linear infinite;
}

@keyframes neonScan {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(50%); }
}

.NeonContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 12px 25px;
    position: relative;
    z-index: 1;
}

/* ===== Top Bar ===== */
.NeonTopBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 10px 0;
    border-bottom: 1px solid rgba(0, 255, 255, 0.06);
    flex-wrap: wrap;
    gap: 10px;
}

.NeonLeftGroup {
    display: flex;
    align-items: center;
    gap: 15px;
}

.NeonRightGroup {
    display: flex;
    align-items: center;
}

.NeonPhoneLink {
    color: rgba(0, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    border-radius: 4px;
    border: 1px solid rgba(0, 255, 255, 0.1);
    transition: all 0.3s ease;
    background: rgba(0, 255, 255, 0.02);
}

.NeonPhoneLink:hover {
    color: #00ffff;
    border-color: #00ffff;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.1),
                inset 0 0 20px rgba(0, 255, 255, 0.05);
    transform: translateY(-2px);
}

.NeonPhoneIcon {
    font-size: 14px;
    line-height: 1;
}

/* ===== Lang Selector ===== */
.NeonLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
}

.NeonLangSelector a {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 4px;
    transition: all 0.3s ease;
    opacity: 0.4;
    border: 1px solid transparent;
}

.NeonLangSelector a:hover {
    opacity: 1;
    border-color: rgba(0, 255, 255, 0.3);
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.05);
}

.NeonLangSelector img {
    width: 26px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid rgba(0, 255, 255, 0.1);
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.NeonLoginWrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

.NeonLoginWrapper a {
    color: rgba(0, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    border-radius: 4px;
    border: 1px solid rgba(0, 255, 255, 0.06);
    transition: all 0.3s ease;
    background: rgba(0, 255, 255, 0.02);
}

.NeonLoginWrapper a:hover {
    color: #00ffff;
    border-color: #00ffff;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08);
    transform: translateY(-2px);
}

.NeonLoginWrapper img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(0.6) sepia(1) hue-rotate(180deg) saturate(10);
    opacity: 0.6;
    transition: all 0.3s ease;
}

.NeonLoginWrapper a:hover img {
    opacity: 1;
    filter: brightness(0) invert(0.8) sepia(1) hue-rotate(180deg) saturate(20);
}

.NeonLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Main Row ===== */
.NeonMainRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 5px 0;
    gap: 20px;
}

/* ===== Logo ===== */
.NeonLogoWrapper {
    flex-shrink: 0;
    order: 1;
}

.NeonLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
}

.NeonLogoLink::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        #00ffff,
        #ff00ff,
        #00ffff,
        transparent
    );
    background-size: 200% 100%;
    animation: neonGlow 3s linear infinite;
    opacity: 0;
    transition: opacity 0.4s ease;
}

@keyframes neonGlow {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

.NeonLogoLink:hover::after {
    opacity: 1;
}

.NeonLogoLink:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 30px rgba(0, 255, 255, 0.15));
}

.NeonLogoLink img {
    max-height: 55px;
    width: auto;
    display: block;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}

/* ===== Search ===== */
.NeonSearchWrapper {
    flex: 1;
    max-width: 210px;
    min-width: 150px;
    order: 2;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .NeonHeader {
        display: none;
    }
}

/* ============================================
   MINIMAL CORPORATE HEADER STYLE
   استایل هفتم - شرکتی مینیمال و حرفه‌ای
   ============================================ */

.CorporateHeader {
    background: #ffffff;
    padding: 0;
    margin: 0;
    position: relative;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    border-bottom: 3px solid #1a73e8;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
}

.CorporateContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 10px 25px 8px 25px;
}

/* ===== Top Bar ===== */
.CorporateTopBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #eef2f7;
    flex-wrap: wrap;
    gap: 10px;
}

.CorporateLeftGroup {
    display: flex;
    align-items: center;
    flex: 1;
}

.CorporateRightGroup {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    justify-content: flex-end;
}

/* ===== Logo ===== */
.CorporateLogoWrapper {
    flex-shrink: 0;
}

.CorporateLogoLink {
    display: block;
    transition: all 0.3s ease;
}

.CorporateLogoLink:hover {
    opacity: 0.85;
}

.CorporateLogoLink img {
    max-height: 50px;
    width: auto;
    display: block;
}

/* ===== Phone Link ===== */
.CorporatePhoneLink {
    color: #5f6b7a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
    background: #f8fafc;
    border: 1px solid #e8ecf1;
}

.CorporatePhoneLink:hover {
    color: #1a73e8;
    background: #f0f7ff;
    border-color: #1a73e8;
}

.CorporatePhoneIcon {
    font-size: 14px;
    line-height: 1;
}

/* ===== Lang Selector ===== */
.CorporateLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 5px;
    border-right: 1px solid #e8ecf1;
    border-left: 1px solid #e8ecf1;
}

.CorporateLangSelector a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px;
    transition: all 0.3s ease;
    opacity: 0.5;
}

.CorporateLangSelector a:hover {
    opacity: 1;
    background: #f0f7ff;
}

.CorporateLangSelector img {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #e8ecf1;
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.CorporateLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.CorporateLoginWrapper a {
    color: #5f6b7a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.CorporateLoginWrapper a:hover {
    color: #1a73e8;
    background: #f0f7ff;
}

.CorporateLoginWrapper img {
    width: 16px;
    height: 16px;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.CorporateLoginWrapper a:hover img {
    opacity: 0.8;
}

.CorporateLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Bottom Row - Search ===== */
.CorporateBottomRow {
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.CorporateSearchWrapper {
    max-width: 210px;
    min-width: 150px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .CorporateHeader {
        display: none;
    }
}

@media (max-width: 768px) {
    .CorporateTopBar {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .CorporateLeftGroup {
        justify-content: center;
    }
    
    .CorporateRightGroup {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .CorporateBottomRow {
        justify-content: center;
    }
    
    .CorporateSearchWrapper {
        max-width: 100%;
        min-width: 200px;
    }
}

/* ============================================
   SINGLE ROW COMPACT HEADER STYLE
   استایل هشتم - همه در یک خط با طراحی فشرده
   ============================================ */

.CompactHeader {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 3px solid #e67e22;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

.CompactContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 8px 20px;
}

/* ===== Single Row ===== */
.CompactRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    flex-wrap: nowrap;
}

/* ===== Logo ===== */
.CompactLogoWrapper {
    flex-shrink: 0;
}

.CompactLogoLink {
    display: block;
    transition: all 0.3s ease;
}

.CompactLogoLink:hover {
    transform: scale(1.03);
    opacity: 0.9;
}

.CompactLogoLink img {
    max-height: 45px;
    width: auto;
    display: block;
}

/* ===== Search ===== */
.CompactSearchWrapper {
    flex: 1;
    max-width: 200px;
    min-width: 120px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Phone Link ===== */
.CompactPhoneLink {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.CompactPhoneLink:hover {
    background: rgba(230, 126, 34, 0.15);
    border-color: #e67e22;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(230, 126, 34, 0.15);
}

.CompactPhoneIcon {
    font-size: 13px;
    line-height: 1;
}

/* ===== Lang Selector ===== */
.CompactLangSelector {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
}

.CompactLangSelector a {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.5;
    border: 1px solid transparent;
}

.CompactLangSelector a:hover {
    opacity: 1;
    border-color: rgba(230, 126, 34, 0.3);
    background: rgba(230, 126, 34, 0.1);
}

.CompactLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.CompactLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.CompactLoginWrapper a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.CompactLoginWrapper a:hover {
    background: rgba(230, 126, 34, 0.12);
    border-color: rgba(230, 126, 34, 0.2);
    color: #ffffff;
    transform: translateY(-2px);
}

.CompactLoginWrapper img {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.CompactLoginWrapper a:hover img {
    opacity: 0.8;
}

.CompactLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .CompactHeader {
        display: none;
    }
}
/* ============================================
   CENTERED SINGLE ROW HEADER STYLE
   استایل نهم - لوگو در مرکز و همه در یک خط
   ============================================ */

.CenteredHeader {
    background: linear-gradient(90deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 2px solid rgba(255, 107, 107, 0.2);
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
}

.CenteredHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><circle cx="10" cy="10" r="20" fill="white"/><circle cx="90" cy="90" r="30" fill="white"/><circle cx="50" cy="50" r="15" fill="white"/></svg>');
    pointer-events: none;
}

.CenteredContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 10px 25px;
    position: relative;
    z-index: 1;
}

/* ===== Single Row ===== */
.CenteredRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 5px 0;
    flex-wrap: nowrap;
}

/* ===== Left Group ===== */
.CenteredLeftGroup {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    justify-content: flex-start;
}

/* ===== Phone Link ===== */
.CenteredPhoneLink {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.CenteredPhoneLink:hover {
    background: rgba(255, 107, 107, 0.1);
    border-color: rgba(255, 107, 107, 0.3);
    color: #ff6b6b;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(255, 107, 107, 0.1);
}

.CenteredPhoneIcon {
    font-size: 14px;
    line-height: 1;
}

/* ===== Lang Selector ===== */
.CenteredLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
}

.CenteredLangSelector a {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.4;
    border: 1px solid transparent;
}

.CenteredLangSelector a:hover {
    opacity: 1;
    border-color: rgba(255, 107, 107, 0.2);
    background: rgba(255, 107, 107, 0.05);
    transform: scale(1.05);
}

.CenteredLangSelector img {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    object-fit: cover;
}

/* ===== Logo - Center ===== */
.CenteredLogoWrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CenteredLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
}

.CenteredLogoLink::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ff6b6b, #ee5a24, transparent);
    transition: all 0.4s ease;
    border-radius: 2px;
}

.CenteredLogoLink:hover::after {
    transform: translateX(-50%) scaleX(1);
}

.CenteredLogoLink:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 30px rgba(255, 107, 107, 0.15));
}

.CenteredLogoLink img {
    max-height: 50px;
    width: auto;
    display: block;
}

/* ===== Right Group ===== */
.CenteredRightGroup {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    justify-content: flex-end;
}

/* ===== Search ===== */
.CenteredSearchWrapper {
    max-width: 200px;
    min-width: 120px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Login Wrapper ===== */
.CenteredLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.CenteredLoginWrapper a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.CenteredLoginWrapper a:hover {
    background: rgba(255, 107, 107, 0.08);
    border-color: rgba(255, 107, 107, 0.2);
    color: #ff6b6b;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.05);
}

.CenteredLoginWrapper img {
    width: 17px;
    height: 17px;
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.CenteredLoginWrapper a:hover img {
    opacity: 0.8;
}

.CenteredLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .CenteredHeader {
        display: none;
    }
}
/* ============================================
   LUXURY CORPORATE HEADER STYLE
   استایل یازدهم - شرکتی لوکس و بسیار شیک
   ============================================ */

.LuxuryHeader {
    background: #ffffff;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
}

/* خط طلایی نازک بالا */
.LuxuryHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        #c9a84c 20%, 
        #f5e6b8 40%, 
        #c9a84c 60%, 
        #f5e6b8 80%, 
        #c9a84c 100%
    );
    background-size: 200% 100%;
    animation: luxuryShine 6s linear infinite;
}

@keyframes luxuryShine {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

.LuxuryContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 14px 30px;
    position: relative;
    z-index: 1;
}

/* ===== Single Row ===== */
.LuxuryRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 3px 0;
    flex-wrap: nowrap;
}

/* ===== Left Group ===== */
.LuxuryLeftGroup {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
    justify-content: flex-start;
}

/* ===== Phone Link ===== */
.LuxuryPhoneLink {
    color: #4a4a4a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
    white-space: nowrap;
    background: #fafafa;
    letter-spacing: 0.3px;
}

.LuxuryPhoneLink:hover {
    border-color: #c9a84c;
    background: #fcf9f0;
    color: #1a1a1a;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.08);
}

.LuxuryPhoneIcon {
    font-size: 13px;
    line-height: 1;
    opacity: 0.7;
}

/* ===== Lang Selector ===== */
.LuxuryLangSelector {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-right: 20px;
    border-right: 1px solid #e8e8e8;
}

.LuxuryLangSelector a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px;
    transition: all 0.3s ease;
    opacity: 0.4;
}

.LuxuryLangSelector a:hover {
    opacity: 1;
    background: #fcf9f0;
}

.LuxuryLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
    object-fit: cover;
}

/* ===== Logo - Center ===== */
.LuxuryLogoWrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.LuxuryLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
}

.LuxuryLogoLink::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: #c9a84c;
    transition: all 0.5s ease;
}

.LuxuryLogoLink:hover::after {
    width: 100%;
}

.LuxuryLogoLink:hover {
    opacity: 0.9;
}

.LuxuryLogoLink img {
    max-height: 48px;
    width: auto;
    display: block;
}

/* ===== Right Group ===== */
.LuxuryRightGroup {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-end;
}

/* ===== Search ===== */
.LuxurySearchWrapper {
    max-width: 200px;
    min-width: 120px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Login Wrapper ===== */
.LuxuryLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 15px;
    border-right: 1px solid #e8e8e8;
}

.LuxuryLoginWrapper a {
    color: #4a4a4a;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
    letter-spacing: 0.3px;
}

.LuxuryLoginWrapper a:hover {
    color: #c9a84c;
    background: #fcf9f0;
}

.LuxuryLoginWrapper img {
    width: 16px;
    height: 16px;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.LuxuryLoginWrapper a:hover img {
    opacity: 0.8;
}

.LuxuryLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .LuxuryHeader {
        display: none;
    }
}


/* ============================================
   EXECUTIVE CORPORATE HEADER STYLE
   استایل دوازدهم - شرکتی اجرایی با المان‌های لوکس
   ============================================ */

.ExecutiveHeader {
    background: linear-gradient(180deg, #f8f6f2 0%, #ffffff 100%);
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 2px solid #1a1a1a;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.04);
}

/* سایه‌های داخلی برای عمق */
.ExecutiveHeader::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(26, 26, 26, 0.1) 20%,
        #1a1a1a 50%,
        rgba(26, 26, 26, 0.1) 80%,
        transparent 100%
    );
}

.ExecutiveContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 18px 30px 12px 30px;
    position: relative;
    z-index: 1;
}

/* ===== Top Lines ===== */
.ExecutiveTopLines,
.ExecutiveBottomLines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0 0 14px 0;
    opacity: 0.5;
}

.ExecutiveBottomLines {
    padding: 14px 0 0 0;
}

.ExecutiveLine {
    flex: 1;
    height: 1px;
    max-width: 200px;
    background: linear-gradient(90deg, transparent, #1a1a1a, transparent);
    opacity: 0.15;
}

.ExecutiveLineLeft {
    background: linear-gradient(90deg, transparent, #1a1a1a);
}

.ExecutiveLineRight {
    background: linear-gradient(90deg, #1a1a1a, transparent);
}

.ExecutiveDiamond {
    color: #1a1a1a;
    font-size: 10px;
    opacity: 0.2;
    letter-spacing: 2px;
}

/* ===== Single Row ===== */
.ExecutiveRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 0;
    flex-wrap: nowrap;
    position: relative;
}

/* خط عمودی تزئینی مرکزی پشت لوگو */
.ExecutiveRow::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    bottom: -20px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.04), transparent);
    transform: translateX(-50%);
    pointer-events: none;
}

/* ===== Left Group ===== */
.ExecutiveLeftGroup {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    justify-content: flex-start;
    padding-left: 20px;
}

/* ===== Decor Border ===== */
.ExecutiveDecorBorder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.ExecutiveDecorBorder:hover {
    border-color: rgba(0, 0, 0, 0.15);
    transform: rotate(180deg);
}

.ExecutiveDecorIcon {
    color: #1a1a1a;
    font-size: 12px;
    opacity: 0.15;
    transition: all 0.3s ease;
}

.ExecutiveDecorBorder:hover .ExecutiveDecorIcon {
    opacity: 0.3;
}

/* ===== Divider ===== */
.ExecutiveDivider {
    width: 1px;
    height: 28px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.08), transparent);
    flex-shrink: 0;
}

/* ===== Phone Link ===== */
.ExecutivePhoneLink {
    color: #2c2c2c;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
    letter-spacing: 0.5px;
}

.ExecutivePhoneLink:hover {
    border-color: rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    transform: translateY(-1px);
}

.ExecutivePhoneIcon {
    font-size: 14px;
    line-height: 1;
    opacity: 0.4;
}

/* ===== Lang Selector ===== */
.ExecutiveLangSelector {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ExecutiveLangSelector a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 2px;
    transition: all 0.3s ease;
    opacity: 0.3;
    border: 1px solid transparent;
}

.ExecutiveLangSelector a:hover {
    opacity: 1;
    border-color: rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.02);
}

.ExecutiveLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    object-fit: cover;
}

/* ===== Logo - Center ===== */
.ExecutiveLogoWrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.ExecutiveLogoFrame {
    padding: 8px 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.04);
    border-right: 1px solid rgba(0, 0, 0, 0.04);
    position: relative;
}

/* المان‌های تزئینی اطراف لوگو */
.ExecutiveLogoFrame::before,
.ExecutiveLogoFrame::after {
    content: '❖';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    color: #1a1a1a;
    opacity: 0.08;
}

.ExecutiveLogoFrame::before {
    right: -8px;
}

.ExecutiveLogoFrame::after {
    left: -8px;
}

.ExecutiveLogoLink {
    display: block;
    transition: all 0.4s ease;
}

.ExecutiveLogoLink:hover {
    opacity: 0.85;
    transform: scale(1.02);
}

.ExecutiveLogoLink img {
    max-height: 50px;
    width: auto;
    display: block;
}

/* ===== Right Group ===== */
.ExecutiveRightGroup {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    justify-content: flex-end;
    padding-right: 20px;
}

/* ===== Search ===== */
.ExecutiveSearchWrapper {
    max-width: 200px;
    min-width: 120px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Login Wrapper ===== */
.ExecutiveLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ExecutiveLoginWrapper a {
    color: #2c2c2c;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
    letter-spacing: 0.3px;
}

.ExecutiveLoginWrapper a:hover {
    border-color: rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    transform: translateY(-1px);
}

.ExecutiveLoginWrapper img {
    width: 16px;
    height: 16px;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.ExecutiveLoginWrapper a:hover img {
    opacity: 0.6;
}

.ExecutiveLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .ExecutiveHeader {
        display: none;
    }
}
/* ============================================
   MEDICAL BLUE HEADER STYLE
   استایل سیزدهم - آبی پرستاری با المان‌های تزئینی
   ============================================ */

.MedicalHeader {
    background: linear-gradient(180deg, #e8f4fd 0%, #ffffff 40%, #f0f8ff 100%);
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 3px solid #2c7be5;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 4px 30px rgba(44, 123, 229, 0.08);
}

/* نوار بالایی با گرادیانت آبی */
.MedicalHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        #4a9eff 20%, 
        #2c7be5 40%, 
        #1a5fc7 60%, 
        #2c7be5 80%, 
        #4a9eff 100%
    );
    background-size: 200% 100%;
    animation: medicalShine 4s ease-in-out infinite;
}

@keyframes medicalShine {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}

/* پس‌زمینه نقطه‌چین تزئینی */
.MedicalHeader::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle, rgba(44, 123, 229, 0.03) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
}

.MedicalContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 16px 30px 12px 30px;
    position: relative;
    z-index: 1;
}

/* ===== Top & Bottom Decor ===== */
.MedicalTopDecor,
.MedicalBottomDecor {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 0 12px 0;
}

.MedicalBottomDecor {
    padding: 12px 0 0 0;
}

.MedicalDecorLine {
    flex: 1;
    height: 1px;
    max-width: 150px;
    background: linear-gradient(90deg, transparent, #2c7be5, transparent);
    opacity: 0.2;
}

.MedicalDecorIcon {
    color: #2c7be5;
    font-size: 10px;
    opacity: 0.3;
    animation: medicalSpin 8s linear infinite;
}

@keyframes medicalSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ===== Single Row ===== */
.MedicalRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 0;
    flex-wrap: nowrap;
    position: relative;
}

/* خط عمودی تزئینی پشت لوگو */
.MedicalRow::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -15px;
    bottom: -15px;
    width: 2px;
    background: linear-gradient(180deg, transparent, rgba(44, 123, 229, 0.06), transparent);
    transform: translateX(-50%);
    pointer-events: none;
}

/* ===== Left Group ===== */
.MedicalLeftGroup {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-start;
    padding-left: 15px;
}

/* ===== Pulse Wrapper ===== */
.MedicalPulseWrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.MedicalPulseWrapper:hover {
    opacity: 0.8;
}

.MedicalPulseIcon {
    color: #2c7be5;
    font-size: 16px;
    animation: medicalHeartbeat 1.2s ease-in-out infinite;
}

@keyframes medicalHeartbeat {
    0%, 100% { transform: scale(1); }
    14% { transform: scale(1.2); }
    28% { transform: scale(1); }
    42% { transform: scale(1.15); }
    56% { transform: scale(1); }
}

.MedicalPulseLine {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #2c7be5, transparent);
    border-radius: 2px;
    animation: medicalPulseLine 1.5s ease-in-out infinite;
}



/* ===== Decor Border ===== */
.MedicalDecorBorder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1.5px solid rgba(44, 123, 229, 0.1);
    border-radius: 50%;
    transition: all 0.4s ease;
    background: rgba(44, 123, 229, 0.02);
}

.MedicalDecorBorder:hover {
    border-color: rgba(44, 123, 229, 0.3);
    background: rgba(44, 123, 229, 0.05);
    transform: rotate(90deg) scale(1.05);
}

.MedicalDecorCross {
    color: #2c7be5;
    font-size: 14px;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.MedicalDecorBorder:hover .MedicalDecorCross {
    opacity: 0.6;
}

/* ===== Divider ===== */
.MedicalDivider {
    width: 1.5px;
    height: 30px;
    background: linear-gradient(180deg, transparent, rgba(44, 123, 229, 0.1), transparent);
    flex-shrink: 0;
}

/* ===== Phone Link ===== */
.MedicalPhoneLink {
    color: #1a3a5c;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid rgba(44, 123, 229, 0.08);
    transition: all 0.3s ease;
    white-space: nowrap;
    background: rgba(44, 123, 229, 0.02);
}

.MedicalPhoneLink:hover {
    border-color: rgba(44, 123, 229, 0.2);
    background: rgba(44, 123, 229, 0.05);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(44, 123, 229, 0.06);
}

.MedicalPhoneIcon {
    font-size: 14px;
    line-height: 1;
    opacity: 0.5;
}

/* ===== Lang Selector ===== */
.MedicalLangSelector {
    display: flex;
    align-items: center;
    gap: 5px;
}

.MedicalLangSelector a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.3;
    border: 1px solid transparent;
}

.MedicalLangSelector a:hover {
    opacity: 1;
    border-color: rgba(44, 123, 229, 0.15);
    background: rgba(44, 123, 229, 0.05);
    transform: scale(1.05);
}

.MedicalLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid rgba(44, 123, 229, 0.08);
    object-fit: cover;
}

/* ===== Logo - Center ===== */
.MedicalLogoWrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

.MedicalLogoFrame {
    padding: 5px 30px;
    border-left: 2px solid rgba(44, 123, 229, 0.05);
    border-right: 2px solid rgba(44, 123, 229, 0.05);
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* المان‌های تزئینی اطراف لوگو */
.MedicalLogoDecor {
    color: #2c7be5;
    font-size: 12px;
    opacity: 0.15;
    animation: medicalCrossPulse 2s ease-in-out infinite;
}

.MedicalLogoDecorLeft {
    animation-delay: 0s;
}

.MedicalLogoDecorRight {
    animation-delay: 1s;
}

@keyframes medicalCrossPulse {
    0%, 100% { opacity: 0.15; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(1.2); }
}

.MedicalLogoLink {
    display: block;
    transition: all 0.4s ease;
}

.MedicalLogoLink:hover {
    opacity: 0.9;
    transform: scale(1.03);
}

.MedicalLogoLink img {
    max-height: 48px;
    width: auto;
    display: block;
}

/* ===== Right Group ===== */
.MedicalRightGroup {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-end;
    padding-right: 15px;
}

/* ===== Search ===== */
.MedicalSearchWrapper {
    max-width: 200px;
    min-width: 120px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Login Wrapper ===== */
.MedicalLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.MedicalLoginWrapper a {
    color: #1a3a5c;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid rgba(44, 123, 229, 0.06);
    transition: all 0.3s ease;
    white-space: nowrap;
    background: rgba(44, 123, 229, 0.02);
}

.MedicalLoginWrapper a:hover {
    border-color: rgba(44, 123, 229, 0.15);
    background: rgba(44, 123, 229, 0.05);
    transform: translateY(-2px);
}

.MedicalLoginWrapper img {
    width: 16px;
    height: 16px;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.MedicalLoginWrapper a:hover img {
    opacity: 0.6;
}

.MedicalLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .MedicalHeader {
        display: none;
    }
}

/* ============================================
   CORPORATE BLUE HEADER STYLE
   استایل چهاردهم - آبی شرکتی با چیدمان عمودی
   ============================================ */

.CorporateBlueHeader {
    background: #ffffff;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 4px solid #1a4b8c;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 4px 30px rgba(26, 75, 140, 0.06);
}

/* نوار بالایی آبی */
.CorporateBlueHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        #1a4b8c 0%, 
        #2d6db5 25%, 
        #4a8fd4 50%, 
        #2d6db5 75%, 
        #1a4b8c 100%
    );
}

/* نوار پایینی آبی */
.CorporateBlueHeader::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(26, 75, 140, 0.1) 20%,
        #1a4b8c 50%,
        rgba(26, 75, 140, 0.1) 80%,
        transparent 100%
    );
}

.CorporateBlueContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 12px 30px 8px 30px;
    position: relative;
    z-index: 1;
}

/* ===== Top Row ===== */
.CorporateBlueTopRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 10px 0;
    flex-wrap: wrap;
    gap: 10px;
}

.CorporateBlueTopLeft {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.CorporateBlueTopRight {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* ===== Decor Icon ===== */
.CorporateBlueDecorIcon {
    color: #1a4b8c;
    font-size: 14px;
    opacity: 0.15;
    margin-left: 5px;
}

/* ===== Separator ===== */
.CorporateBlueSeparator {
    color: #c0d0e0;
    font-size: 14px;
    opacity: 0.4;
    font-weight: 100;
}

/* ===== Phone Link ===== */
.CorporateBluePhoneLink {
    color: #2c3e50;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.CorporateBluePhoneLink:hover {
    color: #1a4b8c;
    background: rgba(26, 75, 140, 0.04);
}

.CorporateBluePhoneIcon {
    font-size: 14px;
    opacity: 0.5;
}

/* ===== Email & Hours ===== */
.CorporateBlueEmail,
.CorporateBlueHours {
    color: #5a6b7c;
    font-size: 12px;
    opacity: 0.7;
    letter-spacing: 0.3px;
}

/* ===== Lang Selector ===== */
.CorporateBlueLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
}

.CorporateBlueLangSelector a {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    transition: all 0.3s ease;
    opacity: 0.4;
}

.CorporateBlueLangSelector a:hover {
    opacity: 1;
    background: rgba(26, 75, 140, 0.04);
}

.CorporateBlueLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #e8ecf1;
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.CorporateBlueLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.CorporateBlueLoginWrapper a {
    color: #2c3e50;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.CorporateBlueLoginWrapper a:hover {
    color: #1a4b8c;
    background: rgba(26, 75, 140, 0.04);
}

.CorporateBlueLoginWrapper img {
    width: 16px;
    height: 16px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.CorporateBlueLoginWrapper a:hover img {
    opacity: 0.7;
}

.CorporateBlueLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Divider Row ===== */
.CorporateBlueDividerRow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 2px 0 8px 0;
}

.CorporateBlueDividerLine {
    flex: 1;
    height: 1px;
    max-width: 300px;
    background: linear-gradient(90deg, transparent, rgba(26, 75, 140, 0.08), transparent);
}

.CorporateBlueDividerDiamond {
    color: #1a4b8c;
    font-size: 8px;
    opacity: 0.15;
}

/* ===== Bottom Row ===== */
.CorporateBlueBottomRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 5px 0;
    gap: 20px;
}

/* ===== Left Section ===== */
.CorporateBlueLeftSection {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}

/* ===== Search ===== */
.CorporateBlueSearchWrapper {
    max-width: 210px;
    min-width: 150px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Center Section - Logo ===== */
.CorporateBlueCenterSection {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CorporateBlueLogoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.CorporateBlueLogoBorder {
    position: relative;
    padding: 8px 25px;
    border: 1px solid rgba(26, 75, 140, 0.06);
    background: rgba(26, 75, 140, 0.01);
    transition: all 0.4s ease;
}

.CorporateBlueLogoBorder:hover {
    border-color: rgba(26, 75, 140, 0.12);
    background: rgba(26, 75, 140, 0.02);
}

/* گوشه‌های تزئینی لوگو */
.CorporateBlueLogoCorner {
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #1a4b8c;
    border-style: solid;
    border-width: 0;
    opacity: 0.15;
    transition: all 0.4s ease;
}

.CorporateBlueLogoBorder:hover .CorporateBlueLogoCorner {
    opacity: 0.3;
}

.CorporateBlueLogoCornerTL {
    top: -1px;
    right: -1px;
    border-top-width: 2px;
    border-right-width: 2px;
}

.CorporateBlueLogoCornerTR {
    top: -1px;
    left: -1px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.CorporateBlueLogoCornerBL {
    bottom: -1px;
    right: -1px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.CorporateBlueLogoCornerBR {
    bottom: -1px;
    left: -1px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

.CorporateBlueLogoLink {
    display: block;
    transition: all 0.4s ease;
}

.CorporateBlueLogoLink:hover {
    transform: scale(1.02);
}

.CorporateBlueLogoLink img {
    width: auto;
    display: block;
}

/* ===== Right Section ===== */
.CorporateBlueRightSection {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.CorporateBlueActionButtons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.CorporateBlueActionBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(26, 75, 140, 0.06);
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    background: transparent;
}

.CorporateBlueActionBtn:hover {
    border-color: rgba(26, 75, 140, 0.15);
    background: rgba(26, 75, 140, 0.03);
    transform: translateY(-2px);
}

.CorporateBlueActionIcon {
    color: #1a4b8c;
    font-size: 12px;
    opacity: 0.15;
    transition: all 0.3s ease;
}

.CorporateBlueActionBtn:hover .CorporateBlueActionIcon {
    opacity: 0.4;
}

/* ===== Bottom Bar ===== */
.CorporateBlueBottomBar {
    height: 2px;
    margin-top: 8px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(26, 75, 140, 0.02) 20%,
        rgba(26, 75, 140, 0.05) 50%,
        rgba(26, 75, 140, 0.02) 80%,
        transparent 100%
    );
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .CorporateBlueHeader {
        display: none;
    }
}


/* ============================================
   NAVY BLUE HEADER STYLE
   استایل پانزدهم - سورمه‌ای با لوگو در راست
   ============================================ */

.NavyHeader {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.04);
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

/* افکت شفق قطبی روی هدر */
.NavyHeader::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 140%;
    height: 200%;
    background: radial-gradient(ellipse at 30% 50%, rgba(79, 195, 255, 0.03) 0%, transparent 60%),
                radial-gradient(ellipse at 70% 50%, rgba(79, 195, 255, 0.02) 0%, transparent 50%);
    pointer-events: none;
    animation: navyAurora 8s ease-in-out infinite;
}

@keyframes navyAurora {
    0%, 100% { transform: translateX(0) scale(1); opacity: 0.5; }
    50% { transform: translateX(5%) scale(1.1); opacity: 1; }
}

/* خط بالایی براق */
.NavyHeader::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(79, 195, 255, 0.1) 20%,
        rgba(79, 195, 255, 0.3) 50%,
        rgba(79, 195, 255, 0.1) 80%,
        transparent 100%
    );
}

.NavyContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 12px 30px 10px 30px;
    position: relative;
    z-index: 1;
}

/* ===== Top Row ===== */
.NavyTopRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.NavyTopLeft,
.NavyTopRight {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.NavyTopRight {
    justify-content: flex-end;
}

.NavyTopCenter {
    flex: 0 0 auto;
    padding: 0 20px;
}

.NavyTopText {
    color: rgba(255, 255, 255, 0.25);
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
}

.NavyDecorIcon {
    color: rgba(79, 195, 255, 0.15);
    font-size: 10px;
    animation: navySpin 10s linear infinite;
}

@keyframes navySpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.NavyDecorLine {
    flex: 1;
    max-width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(79, 195, 255, 0.1), transparent);
}

.NavyTopRight .NavyDecorLine {
    background: linear-gradient(90deg, rgba(79, 195, 255, 0.1), transparent);
}

/* ===== Main Row ===== */
.NavyMainRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 8px 0;
    gap: 20px;
}

/* ===== Left Group (چپ) ===== */
.NavyLeftGroup {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* ===== Decor Border ===== */
.NavyDecorBorder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(79, 195, 255, 0.06);
    border-radius: 50%;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.NavyDecorBorder:hover {
    border-color: rgba(79, 195, 255, 0.15);
    background: rgba(79, 195, 255, 0.03);
    transform: rotate(180deg);
}

.NavyDecorSquare {
    color: rgba(79, 195, 255, 0.15);
    font-size: 11px;
    transition: all 0.3s ease;
}

.NavyDecorBorder:hover .NavyDecorSquare {
    color: rgba(79, 195, 255, 0.3);
}

/* ===== Divider ===== */
.NavyDivider {
    width: 1px;
    height: 28px;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.04), transparent);
    flex-shrink: 0;
}

/* ===== Search ===== */
.NavySearchWrapper {
    max-width: 200px;
    min-width: 120px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Phone Link ===== */
.NavyPhoneLink {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: all 0.3s ease;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.02);
}

.NavyPhoneLink:hover {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(79, 195, 255, 0.15);
    background: rgba(79, 195, 255, 0.04);
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.NavyPhoneIcon {
    font-size: 14px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.NavyPhoneLink:hover .NavyPhoneIcon {
    opacity: 0.8;
}

/* ===== Lang Selector ===== */
.NavyLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
}

.NavyLangSelector a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.3;
    border: 1px solid transparent;
}

.NavyLangSelector a:hover {
    opacity: 1;
    border-color: rgba(79, 195, 255, 0.15);
    background: rgba(79, 195, 255, 0.04);
    transform: scale(1.05);
}

.NavyLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    object-fit: cover;
}

/* ===== Login Wrapper ===== */
.NavyLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.NavyLoginWrapper a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    transition: all 0.3s ease;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.02);
}

.NavyLoginWrapper a:hover {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(79, 195, 255, 0.12);
    background: rgba(79, 195, 255, 0.04);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.NavyLoginWrapper img {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
    opacity: 0.3;
    transition: all 0.3s ease;
}

.NavyLoginWrapper a:hover img {
    opacity: 0.6;
}

.NavyLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Right Group (لوگو در راست) ===== */
.NavyRightGroup {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

/* ===== Logo ===== */
.NavyLogoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.NavyLogoFrame {
    position: relative;
    padding: 6px 20px;
    border-right: 2px solid rgba(79, 195, 255, 0.06);
    border-left: 2px solid rgba(79, 195, 255, 0.06);
    transition: all 0.4s ease;
}

.NavyLogoFrame:hover {
    border-right-color: rgba(79, 195, 255, 0.12);
    border-left-color: rgba(79, 195, 255, 0.12);
}

/* هاله نوری پشت لوگو */
.NavyLogoGlow {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(79, 195, 255, 0.04) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.5s ease;
    pointer-events: none;
}

.NavyLogoFrame:hover .NavyLogoGlow {
    opacity: 1;
    transform: translate(50%, -50%) scale(1.1);
}

.NavyLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.NavyLogoLink:hover {
    transform: scale(1.03);
    filter: drop-shadow(0 0 30px rgba(79, 195, 255, 0.05));
}

.NavyLogoLink img {
    max-height: 50px;
    width: auto;
    display: block;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

/* ===== Bottom Row ===== */
.NavyBottomRow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 10px 0 4px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.02);
}

.NavyBottomLine {
    flex: 1;
    max-width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(79, 195, 255, 0.05), transparent);
}

.NavyBottomDiamond {
    color: rgba(79, 195, 255, 0.06);
    font-size: 8px;
    animation: navyDiamondPulse 3s ease-in-out infinite;
}

@keyframes navyDiamondPulse {
    0%, 100% { opacity: 0.06; transform: scale(1); }
    50% { opacity: 0.15; transform: scale(1.2); }
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .NavyHeader {
        display: none;
    }
}
/* ============================================
   NAVY MULTI-ROW HEADER STYLE
   استایل شانزدهم - سورمه‌ای با چند ردیف و المان‌های رنگی
   ============================================ */

.NavyMultiHeader {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 0;
    margin: 0;
    position: relative;
    direction: rtl;
    font-family: 'IRANSans', 'Tahoma', sans-serif;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

/* افکت شفق قطبی روی هدر */
.NavyMultiHeader::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 140%;
    height: 200%;
    background: radial-gradient(ellipse at 30% 50%, rgba(79, 195, 255, 0.03) 0%, transparent 60%),
                radial-gradient(ellipse at 70% 50%, rgba(79, 195, 255, 0.02) 0%, transparent 50%);
    pointer-events: none;
    animation: navyMultiAurora 10s ease-in-out infinite;
}

@keyframes navyMultiAurora {
    0%, 100% { transform: translateX(0) scale(1); opacity: 0.4; }
    50% { transform: translateX(5%) scale(1.1); opacity: 0.8; }
}

.NavyMultiContainer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 8px 30px 6px 30px;
    position: relative;
    z-index: 1;
}

/* ===== Row 1 ===== */
.NavyMultiRow1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

.NavyMultiLeft1 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.NavyMultiRight1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ===== Color Dots ===== */
.NavyMultiColorDot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0.5;
    animation: navyMultiPulse 2s ease-in-out infinite;
}

.NavyMultiDotBlue {
    background: #4a9eff;
    animation-delay: 0s;
}

.NavyMultiDotCyan {
    background: #00d4ff;
    animation-delay: 0.4s;
}

.NavyMultiDotGold {
    background: #ffd700;
    animation-delay: 0.8s;
}

@keyframes navyMultiPulse {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.2); }
}

/* ===== Color Lines ===== */
.NavyMultiColorLine {
    display: inline-block;
    width: 1px;
    height: 20px;
    background: linear-gradient(180deg, transparent, rgba(79, 195, 255, 0.08), transparent);
    flex-shrink: 0;
}

.NavyMultiColorLineV {
    width: 1px;
    height: 30px;
    background: linear-gradient(180deg, transparent, rgba(79, 195, 255, 0.06), transparent);
}

/* ===== Phone Link ===== */
.NavyMultiPhoneLink {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.02);
}

.NavyMultiPhoneLink:hover {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(79, 195, 255, 0.1);
    background: rgba(79, 195, 255, 0.03);
}

.NavyMultiPhoneIcon {
    font-size: 13px;
    opacity: 0.4;
}

/* ===== Info Text ===== */
.NavyMultiInfoText {
    color: rgba(255, 255, 255, 0.2);
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

/* ===== Social Icons ===== */
.NavyMultiSocialIcon {
    color: rgba(79, 195, 255, 0.1);
    font-size: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.NavyMultiSocialIcon:hover {
    color: rgba(79, 195, 255, 0.3);
    transform: rotate(180deg);
}

/* ===== Divider 1 ===== */
.NavyMultiDivider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 5px 0;
}

.NavyMultiDividerLine {
    flex: 1;
    height: 1px;
    max-width: 150px;
}

.NavyMultiDividerLine1 {
    background: linear-gradient(90deg, transparent, rgba(74, 158, 255, 0.1));
}

.NavyMultiDividerLine2 {
    background: linear-gradient(90deg, rgba(74, 158, 255, 0.1), rgba(0, 212, 255, 0.1));
}

.NavyMultiDividerLine3 {
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.1), transparent);
}

.NavyMultiDividerIcon {
    color: rgba(79, 195, 255, 0.05);
    font-size: 8px;
}

/* ===== Row 2 ===== */
.NavyMultiRow2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.NavyMultiLeft2 {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.NavyMultiRight2 {
    flex-shrink: 0;
}

/* ===== Search ===== */
.NavyMultiSearchWrapper {
    max-width: 210px;
    min-width: 150px;
}

/* فقط جایگاه سرچ - بدون استایل */

/* ===== Lang Selector ===== */
.NavyMultiLangSelector {
    display: flex;
    align-items: center;
    gap: 4px;
}

.NavyMultiLangSelector a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0.3;
    border: 1px solid transparent;
}

.NavyMultiLangSelector a:hover {
    opacity: 1;
    border-color: rgba(79, 195, 255, 0.1);
    background: rgba(79, 195, 255, 0.03);
    transform: scale(1.05);
}

.NavyMultiLangSelector img {
    width: 22px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    object-fit: cover;
}

/* ===== Divider 2 ===== */
.NavyMultiDivider2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 4px 0;
}

.NavyMultiDividerLine4 {
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.08));
}

.NavyMultiDividerLine5 {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.08), rgba(0, 212, 255, 0.08));
}

.NavyMultiDividerLine6 {
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.08), transparent);
}

.NavyMultiDividerDiamond {
    color: rgba(255, 215, 0, 0.05);
    font-size: 8px;
}

/* ===== Row 3 ===== */
.NavyMultiRow3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.02);
}

.NavyMultiLeft3 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    flex-wrap: wrap;
}

.NavyMultiRight3 {
    flex-shrink: 0;
}

/* ===== Login Wrapper ===== */
.NavyMultiLoginWrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.NavyMultiLoginWrapper a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.02);
}

.NavyMultiLoginWrapper a:hover {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(79, 195, 255, 0.1);
    background: rgba(79, 195, 255, 0.03);
    transform: translateY(-1px);
}

.NavyMultiLoginWrapper img {
    width: 15px;
    height: 15px;
    filter: brightness(0) invert(1);
    opacity: 0.3;
    transition: all 0.3s ease;
}

.NavyMultiLoginWrapper a:hover img {
    opacity: 0.6;
}

.NavyMultiLoginWrapper .ItemLeftSep {
    display: none;
}

/* ===== Action Buttons ===== */
.NavyMultiActionBtn {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    font-size: 11px;
    font-weight: 300;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.02);
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.02);
}

.NavyMultiActionBtn:hover {
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(79, 195, 255, 0.08);
    background: rgba(79, 195, 255, 0.03);
    transform: translateY(-1px);
}

.NavyMultiActionIcon {
    font-size: 10px;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.NavyMultiActionBtn:hover .NavyMultiActionIcon {
    opacity: 0.6;
}

.NavyMultiActionText {
    font-size: 11px;
}

/* ===== Logo (Right) ===== */
.NavyMultiLogoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.NavyMultiLogoFrame {
    position: relative;
    padding: 0 5px;
}

.NavyMultiLogoGlow {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 150%;
    height: 150%;
    background: radial-gradient(circle, rgba(79, 195, 255, 0.05) 0%, transparent 70%);
    opacity: 0;
    transition: all 0.6s ease;
    pointer-events: none;
}

.NavyMultiLogoFrame:hover .NavyMultiLogoGlow {
    opacity: 1;
    transform: translate(50%, -50%) scale(1.1);
}

.NavyMultiLogoBorder {
    position: relative;
    padding: 5px 25px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: rgba(255, 255, 255, 0.01);
    transition: all 0.4s ease;
}

.NavyMultiLogoBorder:hover {
    border-color: rgba(79, 195, 255, 0.06);
}

/* گوشه‌های طلایی */
.NavyMultiLogoCorner {
    position: absolute;
    width: 12px;
    height: 12px;
    border-color: rgba(255, 215, 0, 0.05);
    border-style: solid;
    border-width: 0;
    transition: all 0.4s ease;
}

.NavyMultiLogoBorder:hover .NavyMultiLogoCorner {
    border-color: rgba(255, 215, 0, 0.15);
}

.NavyMultiLogoCornerTL {
    top: -1px;
    right: -1px;
    border-top-width: 2px;
    border-right-width: 2px;
}

.NavyMultiLogoCornerTR {
    top: -1px;
    left: -1px;
    border-top-width: 2px;
    border-left-width: 2px;
}

.NavyMultiLogoCornerBL {
    bottom: -1px;
    right: -1px;
    border-bottom-width: 2px;
    border-right-width: 2px;
}

.NavyMultiLogoCornerBR {
    bottom: -1px;
    left: -1px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

.NavyMultiLogoLink {
    display: block;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.NavyMultiLogoLink:hover {
    transform: scale(1.03);
}

.NavyMultiLogoLink img {
    max-height: 48px;
    width: auto;
    display: block;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

/* ===== Bottom Bars ===== */
.NavyMultiBottom {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0 2px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.02);
}

.NavyMultiBottomBar {
    flex: 1;
    height: 2px;
    border-radius: 2px;
    max-width: 200px;
}

.NavyMultiBottomBar1 {
    background: linear-gradient(90deg, transparent, rgba(74, 158, 255, 0.1));
}

.NavyMultiBottomBar2 {
    background: linear-gradient(90deg, rgba(74, 158, 255, 0.1), rgba(255, 215, 0, 0.1));
}

.NavyMultiBottomBar3 {
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.1), transparent);
}

/* ===== Responsive - Hide on Mobile ===== */
@media (max-width: 1240px) {
    .NavyMultiHeader {
        display: none;
    }
}