/* CRITICAL: Ensure ALL buttons and links are clickable */
.btn,
a.btn,
button.btn,
.btn-hero-primary,
.btn-hero-secondary,
.package-btn,
.service-btn,
.cta-button,
a[href],
button,
[role="button"] {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
    cursor: pointer !important;
    user-select: none;
}

/* Ensure links work even if inside overlays - but below navbar */
a[href] {
    pointer-events: auto !important;
    z-index: 1 !important;
    position: relative !important;
}

/* Ensure buttons work even if inside overlays - but below navbar */
button,
.btn {
    pointer-events: auto !important;
    z-index: 1 !important;
    position: relative !important;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --top-bar-height: 65px;
    --navbar-offset: 100px;
    --top-gap: 0px;
    /* Premium Metalik Renk Paleti */
    --bg-primary: #050505; /* Derin Siyah */
    --bg-surface: #121212; /* Antrasit */
    --bg-surface-2: #1E1E1E; /* Açık Antrasit */
    --bg-card: linear-gradient(135deg, #121212 0%, #1E1E1E 100%);
    
    /* Altın/Metalik Renkler */
    --gold-primary: #D4AF37; /* Metalik Altın */
    --gold-light: #FFE082;
    --gold-dark: #C5A059;
    --gold-gradient: linear-gradient(45deg, #C5A059, #D4AF37, #FFE082);
    --gold-glow: rgba(212, 175, 55, 0.6);
    --gold-border: rgba(212, 175, 55, 0.2);
    
    /* Metin Renkleri */
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-muted: #808080;
    
    /* Eski değişkenler (geriye dönük uyumluluk) */
    --primary-color: #D4AF37;
    --secondary-color: #FFE082;
    --accent-color: #D4AF37;
    --dark-bg: #050505;
    --dark-bg-2: #121212;
    --light-bg: #121212;
    --white: #FFFFFF;
    --gradient-1: linear-gradient(45deg, #C5A059, #D4AF37, #FFE082);
    --gradient-2: linear-gradient(135deg, #D4AF37 0%, #FFE082 100%);
    --gradient-3: linear-gradient(135deg, #121212 0%, #1E1E1E 100%);
}

/* Google Fonts Import - Optimized with font-display: swap */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Oswald:wght@400;500;600;700&display=swap');

html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    overflow-x: hidden;
    letter-spacing: 0.02em;
    width: 100%;
    max-width: 100vw;
    position: relative;
    padding-top: calc(var(--top-bar-height) + var(--navbar-offset)) !important; /* fixed header + top bar offset */
}

/* Premium Tipografi Sistemi */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-primary);
    text-transform: uppercase;
}

/* Mobile-First Typography */
h1 {
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 1.2;
    color: var(--gold-primary); /* Fallback renk */
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Gradient text desteklemeyen tarayıcılar için fallback */
@supports not (-webkit-background-clip: text) {
    h1 {
        color: var(--gold-primary);
        -webkit-text-fill-color: var(--gold-primary);
    }
}

h2 {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
}

h3 {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.06em;
}

/* Desktop Typography - Progressive Enhancement */
/* Desktop - Hide hamburger menu */
@media (min-width: 769px) {
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger,
    body .hamburger,
    html body .hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
    }
    
    .hamburger span,
    .navbar .hamburger span,
    .navbar .container .hamburger span {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Desktop Logo - Optimized Size for Navbar */
    .navbar .nav-brand .logo-img {
        max-width: 180px !important;
        max-height: 70px !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* Desktop Hero Welcome Title - Optimized Size */
    .hero-welcome-title {
        font-size: 4.5rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2rem !important;
    }
    
    /* Desktop Hero Welcome Subtitle - Optimized Size */
    .hero-welcome-subtitle {
        font-size: 2.2rem !important;
        line-height: 1.4 !important;
        margin-bottom: 1rem !important;
    }
    
    .hero-welcome-subtitle span {
        font-size: 2.2rem !important;
        line-height: 1.4 !important;
    }
    
    /* Desktop Hero Section - Video navbar'ın hemen altında başlamalı */
    .hero,
    #home.hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        top: 0 !important;
    }
    
    .hero-image-container {
        position: absolute !important;
        top: 50px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .hero-background-image,
    .hero video,
    .hero-image-container video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.75rem;
    }
}

@media (min-width: 1024px) {
    /* Large Desktop Logo - Optimized Size */
    .navbar .nav-brand .logo-img {
        max-width: 200px !important;
        max-height: 80px !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* Large Desktop Hero Welcome Title - Optimized Size */
    .hero-welcome-title {
        font-size: 5.5rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2.5rem !important;
    }
    
    /* Large Desktop Hero Welcome Subtitle - Optimized Size */
    .hero-welcome-subtitle {
        font-size: 2.8rem !important;
        line-height: 1.4 !important;
        margin-bottom: 1.5rem !important;
    }
    
    .hero-welcome-subtitle span {
        font-size: 2.8rem !important;
        line-height: 1.4 !important;
    }
    
    /* Large Desktop Hero Section - Video navbar'ın hemen altında başlamalı */
    .hero,
    #home.hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        top: 0 !important;
    }
    
    .hero-image-container {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .hero-background-image,
    .hero video,
    .hero-image-container video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 1.8rem;
    }
}

p {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--text-secondary);
    letter-spacing: 0.01em;
}

/* Global Image Optimization - CLS Prevention */
img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Lazy Loading Images - Performance Optimization */
img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    /* Performance optimization */
    will-change: opacity;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

img[loading="lazy"].loaded {
    opacity: 1;
}

/* Critical images - load immediately */
img[loading="eager"],
img[fetchpriority="high"] {
    opacity: 1;
    will-change: auto;
}

/* Image loading placeholder */
img[loading="lazy"]:not(.loaded) {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

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

/* Prevent layout shift for images without dimensions */
img:not([width]):not([height]) {
    aspect-ratio: 16 / 9;
}

/* CLS Prevention - Aspect ratio for images with dimensions */
img[width][height] {
    aspect-ratio: attr(width) / attr(height);
}

/* Mobile-First Container */
.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

/* Top contact bar */
.top-info-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: var(--gold-primary) !important;
    color: var(--white) !important;
    z-index: 1200 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
    height: var(--top-bar-height) !important;
    min-height: var(--top-bar-height) !important;
    max-height: var(--top-bar-height) !important;
    display: flex !important;
    align-items: center !important;
}

/* Ensure top-info-bar stays above everything */
.top-info-bar,
.top-info-bar * {
    z-index: 1200 !important;
}

.top-info-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0.7rem 0.9rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.top-info-left {
    display: flex !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    padding-top: 0 !important;
}

.top-info-right {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-left: 15px !important;
}

.info-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    text-decoration: none !important;
    color: var(--white) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-align: left !important;
}

.info-label {
    display: none !important;
}

.info-value {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
    color: var(--white) !important;
}

/* Top info bar: show icons only (hide text) */
.top-info-bar .info-label,
.top-info-bar .info-value,
.top-info-bar .info-value-desktop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.top-info-bar .info-icon-mobile {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    font-size: 1rem !important;
    background: transparent !important;
    padding: 0 !important;
    margin-right: 6px !important;
    position: relative !important;
    top: -1px !important;
}

/* Lift the social icons slightly upward in the info bar - Desktop only */
@media (min-width: 769px) {
    .top-info-bar .social-icon {
        top: -16px !important;
    }
}

/* Mobile: Social icons aligned with phone/email icons */
@media (max-width: 768px) {
    .top-info-bar .social-icon {
        top: 0 !important;
        margin-top: 0 !important;
        align-self: center !important;
    }
}

/* Desktop: info items as pill cards (match mobile card feel) */
@media (min-width: 1024px) {
    .top-info-left {
        gap: 0.6rem !important;
    }

    .info-item {
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px solid rgba(255, 255, 255, 0.22) !important;
        border-radius: 14px !important;
        padding: 0.45rem 0.75rem !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16) !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
        border-bottom: 3px solid rgba(0, 0, 0, 0.2) !important;
    }

    .info-item:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important;
    }

    .info-item-email .info-icon-mobile,
    .info-item-phone .info-icon-mobile {
        font-size: 0.95rem !important;
        background: rgba(0, 0, 0, 0.18) !important;
        border-radius: 50% !important;
        padding: 0.35rem !important;
    }

    .info-value {
        font-size: 0.95rem !important;
        font-weight: 700 !important;
    }
}

/* Desktop: Show text, hide icon */
.info-icon-mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.info-value-desktop {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.info-divider {
    display: none;
}

.social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    color: var(--white) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 1.25rem !important;
    margin-top: 0 !important;
    position: relative !important;
    top: -0.1rem !important;
    /* vertical-align removed - not compatible with display: flex */
}

.social-icon:hover {
    color: var(--bg-primary) !important;
    transform: scale(1.15);
}

/* Mobile First - Small phones (320px - 480px) */
@media (max-width: 480px) {
    :root {
        --top-bar-height: 70px;
        --navbar-offset: 80px;
    }
    
    /* Top Info Bar - Must be visible */
    /* Top Info Bar - AGGRESSIVE FIXES */
    .top-info-bar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        z-index: 1200 !important;
        background: #D4AF37 !important;
        background-color: #D4AF37 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        box-shadow: none !important;
    }
    
    .top-info-container {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0.3rem !important;
        padding: 0.5rem 0.8rem !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box !important;
    }
    
    .top-info-left {
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important;
        width: auto !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        display: flex !important;
    }
    
    /* Email and Phone - ICON ONLY on mobile */
    .info-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        gap: 0 !important;
        width: 36px !important; /* Küçültüldü - 44px'den 36px'e */
        height: 36px !important; /* Küçültüldü - 44px'den 36px'e */
        min-width: 36px !important; /* Küçültüldü - 44px'den 36px'e */
        min-height: 36px !important; /* Küçültüldü - 44px'den 36px'e */
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
        color: #FFFFFF !important;
        background: transparent !important;
        border-radius: 6px !important; /* Küçültüldü - 8px'den 6px'e */
        transition: background 0.2s ease !important;
    }
    
    .info-item:active {
        background: rgba(255, 255, 255, 0.2) !important;
    }
    
    /* Hide text on mobile, show icon */
    .info-item .info-label,
    .info-item .info-value-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Show icon on mobile */
    .info-item .info-icon-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 16px !important; /* Küçültüldü - 18px'den 16px'e */
        color: #FFFFFF !important;
        width: 16px !important; /* Küçültüldü - 18px'den 16px'e */
        height: 16px !important; /* Küçültüldü - 18px'den 16px'e */
        line-height: 16px !important; /* Küçültüldü - 18px'den 16px'e */
        margin-top: 8px !important; /* İkonları aşağıya taşı - 4px'den 8px'e artırıldı */
    }
    
    .info-value {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .top-info-right {
        gap: 0.3rem !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        display: flex !important;
        margin-left: 10px !important;
    }
    
    .social-icon {
        font-size: 1rem !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 8px !important;
        top: 0 !important;
        display: flex !important;
        margin-top: 0 !important;
        align-self: center !important;
    }
    
    /* Language Selector - HIDE on mobile (moved to menu) */
    /* Hide all language selectors except navbar one on mobile */
    .language-selector-desktop:not(.language-selector-navbar-top) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Hide language selector in navbar on mobile - COMPLETELY REMOVED */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        top: -9999px !important;
        right: -9999px !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Language Selector in Mobile Menu */
    /* MOBILDE HAMBURGER MENÜDEN DİL SEÇİCİSİNİ GİZLE */
    .nav-menu .language-selector-mobile-item,
    .nav-menu .language-selector-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    .lang-label-mobile {
        display: none !important; /* "Dil:" YAZISINI GİZLE */
        visibility: hidden !important;
    }
    
    .language-selector-mobile .lang-flag {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 4px !important;
        border-radius: 6px !important;
        transition: background 0.2s ease !important;
    }
    
    .language-selector-mobile .lang-flag:hover,
    .language-selector-mobile .lang-flag.active {
        background: rgba(212, 175, 55, 0.2) !important;
    }
    
    .language-selector-mobile .lang-flag img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 4px !important;
    }
    
    .lang-flag {
        width: 32px !important;
        height: 32px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px !important;
        border-radius: 6px !important;
        transition: background 0.2s ease !important;
    }
    
    .lang-flag:hover,
    .lang-flag.active {
        background: rgba(255, 255, 255, 0.3) !important;
    }
    
    .lang-flag img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 4px !important;
    }
    
    /* Navbar - Must be visible and white - INCREASED HEIGHT - NO GAP */
    .navbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        top: 60px !important;
        height: var(--navbar-offset) !important;
        min-height: var(--navbar-offset) !important;
        max-height: var(--navbar-offset) !important;
        background: rgba(255, 255, 255, 0.95) !important;
        background-color: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        z-index: 1100 !important;
        position: fixed !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
    }
    
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 1rem !important;
        padding-left: 2rem !important;
    }
    
    /* Mobile hamburger menu is now handled by navbar-mobile.css */
        list-style: none !important;
    }
    
    /* Submenu links - MUST BE VISIBLE */
    .nav-menu .submenu a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #000000 !important;
        padding: 0.75rem 1.5rem !important;
    }
    
    /* Active submenu - EXTRA VISIBILITY */
    .nav-menu .has-submenu.active .submenu,
    .nav-menu .has-submenu.active .submenu li,
    .nav-menu .has-submenu.active .submenu a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Force all nav-menu items to be visible on ALL pages */
    .nav-menu > li:not(.has-submenu),
    .nav-menu > li.has-submenu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure Anasayfa, Hakkımızda, Blog, İletişim are visible */
    .nav-menu > li > a[href="/"],
    .nav-menu > li > a[href="about.html"],
    .nav-menu > li > a[href="blog.html"],
    .nav-menu > li > a[href="contact.html"] {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    body {
        padding-top: var(--navbar-offset) !important; /* SADECE NAVBAR YÜKSEKLİĞİ - TOP-BAR YOK */
    }
    
    /* Prevent body scroll when menu is open */
    body.nav-menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }
    
    /* FORCE NAVBAR WHITE ON MOBILE */
    .navbar,
    .navbar .container,
    nav.navbar {
        background: rgba(255, 255, 255, 0.95) !important;
        background-color: rgba(255, 255, 255, 0.95) !important;
    }
    
    /* Mobile: Hide language selector card above logo - COMPLETELY REMOVED */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        top: -9999px !important;
        right: -9999px !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Mobile: Hide nav-menu when closed - prevent overlap with logo - ONLY MOBILE */
    /* This rule is now handled by navbar-mobile.css - keeping for backward compatibility */
    
    /* Hide language selector in top-info-bar */
    .top-info-bar .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* FORCE MENU CLOSED ON LOAD */
    .nav-menu:not(.active) {
        left: -100% !important;
        transform: translateX(-100%) !important;
    }
    
    /* Hero Section - Mobile Optimization - NAVBAR'IN HEMEN ALTINDA BAŞLAMALI - BOŞLUK YOK */
    .hero,
    #home.hero {
        height: calc(100vh - var(--top-bar-height) - var(--navbar-offset)) !important;
        min-height: calc(100vh - var(--top-bar-height) - var(--navbar-offset)) !important;
        max-height: calc(100vh - var(--top-bar-height) - var(--navbar-offset)) !important;
        margin-top: 0 !important; /* BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        position: relative !important;
        width: 100% !important;
        top: 0 !important; /* BOŞLUK TAMAMEN KALDIR */
        z-index: 0 !important; /* En düşük katman - navbar/submenu altında */
    }
    
    .hero-image-container {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        min-height: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
        z-index: 0 !important; /* En düşük katman - navbar/submenu altında */
    }
    
    /* MOBILDE HERO SECTION'IN ÜSTÜNDEKİ TÜM BOŞLUKLARI KALDIR - VİDEO NAVBAR'IN HEMEN ALTINDA */
    @media (max-width: 768px) {
        .hero,
        #home.hero {
            position: relative !important;
            margin-top: 0 !important; /* BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
            padding-top: 0 !important;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            width: 100% !important;
            top: 0 !important; /* BOŞLUK TAMAMEN KALDIR */
        }
        
        .hero-image-container {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 0 !important; /* En düşük katman - navbar/submenu altında */
        }
        
        /* Video navbar'ın hemen altında başlamalı - BOŞLUK YOK */
        .hero-background-image,
        .hero video,
        .hero-image-container video {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 0 !important; /* En düşük katman - navbar/submenu altında */
            bottom: 0 !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }
    }
    
    .hero-background-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    /* ULTRA AGGRESSIVE - Force video to be visible on mobile */
    @media (max-width: 768px) {
        video.hero-background-image {
            opacity: 1 !important;
            visibility: visible !important;
            display: block !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            min-height: 100vh !important;
            z-index: 1 !important;
            pointer-events: none !important;
            object-fit: cover !important;
            background: transparent !important;
        }
        
        .hero-image-container video.hero-background-image {
            opacity: 1 !important;
            visibility: visible !important;
            display: block !important;
        }
        
        /* Remove poster on mobile - we want VIDEO */
        video.hero-background-image[poster] {
            background-image: none !important;
        }
        
        /* Ensure video container doesn't hide video */
        .hero-image-container {
            background-image: none !important;
            background-color: transparent !important;
        }
        
        /* Video attributes are set in HTML, not CSS */
        /* These properties (preload, autoplay, muted, loop, playsinline) are HTML attributes, not CSS properties */
    }
    
    .hero-text-overlay {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 100% !important;
        padding: 1.5rem !important;
        text-align: center !important;
        z-index: 10 !important;
    }
    
    .hero-welcome-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
        padding: 0 0.5rem !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
    
    .hero-welcome-subtitle {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
        margin-bottom: 1.5rem !important;
        padding: 0 0.5rem !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.3rem !important;
        white-space: normal !important;
    }
    
    .hero-welcome-subtitle span {
        display: inline-block !important;
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    
    .hero-welcome-subtitle span:first-child::after {
        content: " - " !important;
        margin: 0 0.3rem !important;
        color: #FFFFFF !important;
    }
    
    .hero-buttons {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.75rem !important;
        width: 100% !important;
        padding: 0 !important;
    }
    
    .btn-hero-primary,
    .btn-hero-secondary {
        width: 100% !important;
        max-width: 280px !important;
        padding: 0.85rem 1.5rem !important;
        font-size: 0.9rem !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    }
    
    /* Info Item Links - Mobile Touch Optimization */
    .info-item {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0.3rem 0.5rem !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    .info-item a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        text-decoration: none !important;
    }
    
    /* Social Icons - Better Touch Targets */
    .social-icon {
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    /* Mobile: Hide language selectors outside menu - only show in mobile menu */
    .top-info-bar .language-selector,
    .top-info-bar .language-selector-desktop,
    body > .language-selector:not(.navbar .language-selector):not(.nav-menu .language-selector) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        pointer-events: none !important;
    }
    
    .lang-flag {
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2) !important;
    }
    
    .lang-flag img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Navbar Links - Mobile Touch Optimization */
    .nav-menu a {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; /* ORTALA */
        padding: 0.75rem 1.25rem !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important;
        text-align: center !important;
        /* Prevent word breaking in navigation - especially for German */
        word-break: keep-all !important;
        hyphens: none !important;
        white-space: normal !important; /* Allow wrapping on mobile if needed */
    }
    
    /* Logo - Mobile Optimization - SMALLER and IN NAVBAR - NO WHITE CARD */
    .nav-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: 15px !important;
        height: 100% !important;
        flex: 0 0 auto !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    .logo-img {
        max-width: 100px !important;
        width: auto !important;
        height: auto !important;
        max-height: 40px !important;
        object-fit: contain !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    
    .nav-brand img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        max-width: 100px !important;
        max-height: 40px !important;
        object-fit: contain !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    
    .navbar .nav-brand {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        height: 100% !important;
        background: transparent !important;
        background-color: transparent !important;
    }
    
    .navbar .nav-brand img,
    .nav-brand img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        max-width: 100px !important;
        max-height: 40px !important;
        object-fit: contain !important;
    }
    
    /* Navbar Container - Better Mobile Layout */
    .navbar .container {
        padding: 0 0.8rem !important;
        min-height: var(--navbar-offset) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 1rem !important;
        position: relative !important;
    }
    
    /* Ensure logo is inside navbar container */
    .navbar .container .nav-brand {
        order: 1 !important;
        flex: 0 0 auto !important;
    }
    
    /* MOBILDE DİL SEÇİCİSİ GİZLİ - SADECE WEBDE GÖRÜNSÜN */
    .language-selector-mobile-navbar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    
    /* MOBILDE DESKTOP DİL SEÇİCİSİNİ GİZLE */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Ensure hamburger is visible and on the right */
    .navbar .container .hamburger {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 10001 !important;
    }
    
    /* MOBILDE DİL SEÇİCİSİ GİZLİ */
    .navbar .container .language-selector-mobile-navbar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Mobile - Medium phones (481px - 640px) */
@media (min-width: 481px) and (max-width: 640px) {
    :root {
        --top-bar-height: 70px;
        --navbar-offset: 65px;
    }
    
    .top-info-container {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0.6rem !important;
        padding: 0.5rem 0.7rem !important;
    }
    
    .top-info-left {
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important;
        flex: 1 !important;
    }
    
    .info-value {
        font-size: 0.8rem !important;
    }
    
    .top-info-right {
        gap: 0.4rem !important;
        margin-left: 12px !important;
    }
    
    .social-icon {
        font-size: 1.1rem !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10.5px !important;
        top: 0 !important;
        margin-top: 0 !important;
        align-self: center !important;
    }
}

/* Mobile - Large phones (641px - 768px) */
@media (min-width: 641px) and (max-width: 768px) {
    .top-info-container {
        padding: 0.6rem 1rem !important;
    }
    
    .info-value {
        font-size: 0.85rem !important;
    }
    
    /* Hero Section - Large Mobile */
    .hero-welcome-title {
        font-size: 2rem !important;
    }
    
    .hero-welcome-subtitle span {
        font-size: 1.05rem !important;
    }
    
    .btn-hero-primary,
    .btn-hero-secondary {
        max-width: 320px !important;
        font-size: 1rem !important;
    }
    
    /* Large Mobile: Hide language selector in top-info-bar */
    .top-info-bar .language-selector,
    .top-info-bar .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        pointer-events: none !important;
    }
}

/* Tablet Container */
@media (min-width: 640px) {
    .container {
        padding: 0 1.5rem;
    }
}

/* Desktop Container */
@media (min-width: 1024px) {
    .container {
        max-width: 1200px;
        padding: 0 20px;
    }
}

/* Premium Navbar - Standardized */
.navbar {
    position: fixed !important;
    top: var(--top-bar-height) !important;
    width: 100% !important;
    max-width: 100% !important; /* Full width for fixed positioning */
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 
        0 2px 20px rgba(0, 0, 0, 0.1),
        0 0 40px rgba(212, 175, 55, 0.2),
        0 0 60px rgba(212, 175, 55, 0.1) !important;
    border-bottom: 1px solid var(--gold-border) !important;
    border-top: none !important;
    z-index: 1100 !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
}


/* Ensure navbar stays above page content */
/* Navbar z-index hierarchy - Desktop only */
@media (min-width: 769px) {
    .navbar {
        z-index: 9999 !important;
        position: relative !important;
    }
    
    .navbar * {
        z-index: inherit !important;
    }
}

/* Mobile navbar z-index */
@media (max-width: 768px) {
    .navbar * {
        z-index: 1100 !important;
    }
}

/* Ensure page content (sections, cards, buttons) stays below navbar */
section,
.section,
.card,
.feature-card,
.service-card,
.package-card,
.trainer-card,
.blog-card,
.cta-button,
.btn:not(.floating-action-btn):not(.floating-whatsapp-btn):not(.floating-scroll-top-btn),
button:not(.floating-action-btn):not(.floating-whatsapp-btn):not(.floating-scroll-top-btn),
a.btn:not(.floating-action-btn):not(.floating-whatsapp-btn):not(.floating-scroll-top-btn) {
    position: relative !important;
    z-index: 1 !important;
}

.navbar:hover {
    border-bottom-color: var(--gold-primary);
    box-shadow: 
        0 2px 20px rgba(0, 0, 0, 0.15),
        0 0 40px rgba(212, 175, 55, 0.3),
        0 0 60px rgba(212, 175, 55, 0.2);
}

/* Language Selector - Desktop: Hide completely */
/* Hide language selector desktop by default, but show navbar one */
.language-selector-desktop:not(.language-selector-navbar-top) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    pointer-events: none !important;
}

/* Desktop: Hide language selector in top-info-bar completely */
/* Show language selector in navbar - same line as nav-menu */
/* WEB'DE NAVBAR SIRALAMASI: Logo (order: 1) - Nav Menu (order: 2) - Language Selector (order: 3) */
/* WEB'DE NAVBAR CONTAINER FLEX YAPISI */
.navbar .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* WEB'DE LOGO SOLDA */
.navbar .nav-brand,
.nav-brand {
    order: 1 !important; /* LOGO SOLDA */
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
}

/* Standardized Nav Menu - Center position - DESKTOP DEFAULT */
.navbar .nav-menu,
.nav-menu {
    order: 2 !important; /* NAV MENU CENTER */
    flex: 0 1 auto !important;
    margin: 0 auto !important; /* Center the menu */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.3rem !important;
    min-width: 0 !important;
    overflow: visible !important; /* SUBMENU İÇİN VISIBLE OLMALI */
    position: relative !important;
    list-style: none !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Desktop: Ensure nav-menu is always visible */
@media (min-width: 769px) {
    .navbar .nav-menu,
    .nav-menu,
    .navbar .container .nav-menu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        right: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
    
    .navbar .nav-menu > li,
    .nav-menu > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .navbar .nav-menu > li > a,
    .nav-menu > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #222 !important;
    }
}

/* Desktop: Nav menu z-index and VISIBILITY */
@media (min-width: 769px) {
    .navbar {
        z-index: 99999 !important;
        position: relative !important;
        isolation: isolate !important; /* Yeni stacking context */
    }
    
    .navbar .container {
        z-index: 99999 !important;
        position: relative !important;
        isolation: isolate !important;
    }
    
    /* Desktop: FORCE nav-menu to be visible - OVERRIDE ALL MOBILE RULES */
    .navbar .nav-menu,
    .nav-menu,
    .navbar .container .nav-menu,
    body .navbar .nav-menu,
    html body .navbar .nav-menu {
        z-index: 99999 !important;
        position: relative !important;
        isolation: isolate !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: row !important;
        right: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
    
    /* Desktop: FORCE nav-menu items to be visible */
    .navbar .nav-menu > li,
    .nav-menu > li,
    .navbar .container .nav-menu > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    /* Desktop: FORCE nav-menu links to be visible */
    .navbar .nav-menu > li > a,
    .nav-menu > li > a,
    .navbar .container .nav-menu > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #222 !important;
    }
    
    /* Override mobile :not(.active) rule on desktop */
    .navbar .nav-menu:not(.active),
    .navbar .container .nav-menu:not(.active) {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        right: auto !important;
        pointer-events: auto !important;
    }
    
    /* SUBMENU PARENT Lİ ELEMENTİ - Desktop - Çok yüksek z-index */
    .navbar .nav-menu > li.has-submenu {
        position: relative !important;
        z-index: 99999 !important;
        isolation: isolate !important;
    }
    
    /* Language selector z-index - Desktop */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        z-index: 99999 !important;
    }
}

/* Mobile: Nav menu z-index */
@media (max-width: 768px) {
    .navbar .nav-menu,
    .nav-menu {
        z-index: 1200 !important;
    }
    
    .navbar .nav-menu > li.has-submenu {
        position: relative !important;
        z-index: 1300 !important;
    }
}

/* Desktop only - hide on mobile */
@media (min-width: 769px) {
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        gap: 0.4rem !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.95) !important;
        padding: 6px 10px !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
        z-index: 1200 !important;
        pointer-events: auto !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        margin-left: auto !important; /* SAĞA TAŞI - OTOMATIK MARGIN */
        margin-right: 0 !important;
        order: 3 !important;
        flex: 0 0 auto !important;
    }
}

/* Mobile: Completely hide language selector */
@media (max-width: 768px) {
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        top: -9999px !important;
        right: -9999px !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

/* Language flags in navbar */
.navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag:hover,
.navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag.active {
    border-color: var(--gold-primary) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3) !important;
}

.navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Hide language selector in top-info-bar */
.top-info-bar .language-selector-desktop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Language Selector - Only for mobile menu */
.language-selector {
    position: absolute;
    top: 0.5rem !important;
    right: 20px;
    display: flex;
    gap: 0.28rem;
    z-index: 1001;
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 0.28rem;
    border-radius: 15px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #E0E0E0 !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* ============================================
   AGGRESSIVE: Hide ALL language selectors NOT in navbar - GLOBAL RULE
   ============================================ */
/* Global rule: Hide ALL language selectors except navbar ones */
.top-info-bar .language-selector,
.top-info-bar .language-selector-desktop,
.hero .language-selector,
.hero ~ .language-selector,
body > .language-selector:not(.navbar .language-selector-desktop):not(.nav-menu .language-selector-mobile),
.hero-image-container .language-selector,
.hero-text-overlay .language-selector,
.hero-overlay .language-selector,
section .language-selector:not(.navbar .container .language-selector-desktop.language-selector-navbar-top):not(.nav-menu .language-selector-mobile),
.container .language-selector:not(.navbar .container .language-selector-desktop.language-selector-navbar-top):not(.nav-menu .language-selector-mobile),
#home .language-selector,
#home ~ .language-selector {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Desktop: Language selector in navbar ONLY - AGGRESSIVE HIDING */
@media (min-width: 769px) {
    /* AGGRESSIVE: Hide ALL language selectors that are NOT in navbar */
    .top-info-bar .language-selector,
    .top-info-bar .language-selector-desktop,
    body > .language-selector:not(.navbar .container .language-selector-desktop.language-selector-navbar-top),
    .hero .language-selector,
    .hero ~ .language-selector,
    .hero-image-container .language-selector,
    .hero-text-overlay .language-selector,
    .hero-overlay .language-selector,
    section .language-selector:not(.navbar .container .language-selector-desktop.language-selector-navbar-top),
    .container .language-selector:not(.navbar .container .language-selector-desktop.language-selector-navbar-top) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }
    
    /* Show language selector in navbar - same line as nav-menu */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin-left: auto !important; /* SAĞA TAŞI - OTOMATIK MARGIN */
    }
    
    /* Hide language selector on homepage navbar - DESKTOP */
    body.home-page .navbar .container .language-selector-desktop.language-selector-navbar-top,
    body.home-page .navbar .language-selector-desktop,
    body.home-page .navbar .container .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        pointer-events: none !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    order: 3 !important;
    gap: 0.4rem !important;
        align-items: center !important;
    }
    
    /* Hide language selector on homepage navbar - DESKTOP */
    body.home-page .navbar .container .language-selector-desktop.language-selector-navbar-top,
    body.home-page .navbar .language-selector-desktop,
    body.home-page .navbar .container .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        align-self: center !important;
        transform: none !important;
        background: rgba(255, 255, 255, 0.95) !important;
        padding: 6px 10px !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
        z-index: 1200 !important;
        pointer-events: auto !important;
        width: auto !important;
        height: auto !important;
        flex-shrink: 0 !important;
    }
    
    /* Hide language selector in top-info-bar */
    .top-info-bar .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* MOBİLDE NAVBAR SIRALAMASI FARKLI - WEB'DEKİ SIRALAMA BOZULMASIN */
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        gap: 1rem !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important; /* SUBMENU İÇİN VISIBLE OLMALI */
    }
    
    .navbar .nav-menu {
        display: flex !important;
        align-items: center !important;
        gap: 0.3rem !important;
        flex: 0 1 auto !important;
        margin: 0 !important;
        margin-left: 3.5rem !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        padding: 0 !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        overflow: visible !important; /* SUBMENU İÇİN VISIBLE OLMALI */
        position: relative !important;
    }
    
    /* Desktop: Nav menu z-index */
    @media (min-width: 769px) {
        .navbar .nav-menu {
            z-index: 9999 !important;
        }
        
        .navbar .nav-menu > li.has-submenu {
            z-index: 10000 !important;
        }
        
        .navbar .nav-menu > li.has-submenu .submenu {
            z-index: 10000 !important;
        }
    }
    
    .navbar .container .language-selector-desktop {
        order: 3 !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
        display: flex !important;
        align-items: center !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        gap: 0.4rem !important;
        padding: 6px 10px !important;
        top: auto !important;
        position: relative !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }
    
    .navbar .nav-brand {
        margin-left: 1.5rem !important;
        flex-shrink: 0 !important;
    }
    
    /* SUBMENU Z-INDEX DÜZELTMESİ */
    .navbar .nav-menu > li.has-submenu {
        position: relative !important;
        z-index: 1300 !important;
    }
    
    .navbar .nav-menu > li.has-submenu .submenu {
        z-index: 1300 !important;
    }
    
    /* Ensure navbar is above hero/video - NO GAP - FIXED POSITION */
    .navbar {
        position: fixed !important;
        top: 60px !important;
        z-index: 99999 !important; /* Çok yüksek z-index - video üzerinde */
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        isolation: isolate !important; /* Yeni stacking context oluştur */
    }
    
    /* Navbar container z-index garantisi */
    .navbar .container {
        z-index: 99999 !important;
        position: relative !important;
        isolation: isolate !important;
    }
    
    /* Navbar container z-index garantisi */
    .navbar .container {
        z-index: 99999 !important;
        position: relative !important;
        isolation: isolate !important;
    }
    
    /* Ensure hero video is below navbar - NO language selector on video - NO GAP - MERGED */
    .hero,
    #home.hero {
        position: relative !important;
        margin-top: 0 !important; /* BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        z-index: 0 !important; /* En düşük z-index - navbar/submenu altında */
        top: 0 !important; /* BOŞLUK TAMAMEN KALDIR */
    }
    
    .hero-image-container {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important; /* En düşük z-index - navbar/submenu altında */
        margin-top: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .hero-background-image,
    .hero-video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important; /* En düşük z-index - navbar/submenu altında */
        margin-top: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* MOBILDE: Hero section navbar'ın hemen altında başlamalı - BOŞLUK YOK */
    .hero,
    #home.hero {
        margin-top: 0 !important; /* BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
        padding-top: 0 !important;
        top: 0 !important;
    }
    
    .hero-image-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* AGGRESSIVE: Hide any language selector that might appear on video */
    .hero * .language-selector,
    .hero-image-container * .language-selector,
    .hero-text-overlay * .language-selector,
    .hero-overlay * .language-selector,
    .hero * .language-selector-desktop,
    .hero-image-container * .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        pointer-events: none !important;
        z-index: -1 !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

/* Mobile: Show language selector in navbar */
@media (max-width: 768px) {
    /* Hamburger Menu - Must be visible and clickable on mobile - NO DUPLICATE CARD */
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        cursor: pointer !important;
        z-index: 1200 !important;
        position: relative !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 8px !important;
        margin: 0 !important;
        box-shadow: none !important;
    }
    
    .hamburger span,
    .navbar .hamburger span,
    .navbar .container .hamburger span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 24px !important;
        height: 3px !important;
        background: #333 !important;
        background-color: #333 !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px) !important;
    }
    
    .hamburger.active span:nth-child(2) {
        opacity: 0 !important;
    }
    
    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px) !important;
    }
    
    /* Ensure hamburger is always clickable on mobile */
    .hamburger *,
    .navbar .hamburger *,
    .navbar .container .hamburger * {
        pointer-events: none !important; /* Spans should not block clicks */
    }
    
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger {
        pointer-events: auto !important; /* But hamburger itself should be clickable */
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
        will-change: transform !important;
    }
    
    /* CRITICAL: Override any rule that might prevent clicks */
    .navbar .container .hamburger,
    body .hamburger,
    html body .hamburger {
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 10001 !important;
        position: relative !important;
    }
    
    /* On mobile, hide desktop language selector - use mobile navbar selector instead */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* MOBILDE DİL SEÇİCİSİ GİZLİ - SADECE WEBDE GÖRÜNSÜN */
    .navbar .container .language-selector-mobile-navbar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

.lang-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    min-width: 29px;
    min-height: 29px;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    cursor: pointer !important;
    pointer-events: auto !important;
    /* Touch target optimization - min 44x44px for mobile */
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2);
}

.lang-flag img {
    pointer-events: none !important;
    user-select: none !important;
}

.lang-flag:hover {
    transform: scale(1.1);
    border-color: var(--gold-primary);
    box-shadow: 0 0 15px var(--gold-glow);
}

.lang-flag.active {
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow);
}

.flag-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Standardized Nav Brand - Logo on left */
.navbar .nav-brand {
    background-image: none !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important; /* Logo never shrinks */
    order: 1 !important; /* Logo on left */
}

.navbar .nav-brand .logo-img {
    background: transparent !important;
    background-color: transparent !important;
    display: block !important;
    max-width: 180px !important;
    max-height: 70px !important;
    height: auto;
    width: auto;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: -0.2rem !important;
    margin-left: 0 !important;
}

/* Standardized Navbar Container - Works on all pages */
/* Note: .navbar itself is full width (fixed), but .navbar .container is centered */

.navbar .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 15px 20px !important;
    padding-left: 80px !important;
    box-sizing: border-box !important;
    min-height: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
    background: transparent !important;
    background-color: transparent !important;
    gap: 1rem !important;
    position: relative !important;
    width: 100% !important;
    overflow: visible !important; /* SUBMENU İÇİN VISIBLE OLMALI - HIDDEN DEĞİL! */
}

/* Desktop: Navbar container'ı sağa taşı */
@media (min-width: 1024px) {
    .navbar .container {
        margin-left: auto !important;
        margin-right: 3% !important;
        padding-left: 100px !important;
        padding-right: 20px !important;
    }
    
    /* Dil butonlarını daha sağa taşı */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        margin-right: -30px !important;
    }
}

/* Standardized Language Selector - HIDDEN on desktop */
.navbar .container .language-selector-desktop.language-selector-navbar-top,
.navbar .language-selector-desktop,
.navbar .container .language-selector-desktop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Hide language selector on homepage navbar - ALL PAGES */
body.home-page .navbar .container .language-selector-desktop.language-selector-navbar-top,
body.home-page .navbar .language-selector-desktop,
body.home-page .navbar .container .language-selector-desktop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.nav-brand {
    display: flex;
    align-items: center;
    background-image: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    border: none !important;
    box-shadow: none !important;
    position: relative;
    z-index: 1002;
    flex-shrink: 0;
    min-width: 120px;
    max-width: 200px;
    min-height: 60px;
    text-decoration: none;
    transition: all 0.3s ease;
    order: 1 !important;
}

.nav-brand:hover {
    opacity: 0.9;
    transform: scale(1.02);
}

.logo-img {
    height: auto !important;
    max-height: 70px !important;
    width: auto !important;
    object-fit: contain !important;
    max-width: 200px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 1003;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* Arka plan ve efektleri tamamen kaldır */
    filter: none !important;
    mix-blend-mode: normal !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Beyaz arka planı kaldırmak için alternatif yöntem */
.nav-brand .logo-img {
    /* Tüm efektler kaldırıldı - doğal görünüm */
    mix-blend-mode: normal !important;
    filter: none !important;
}

/* Logo container arka plan görseli için */
.nav-brand::before,
.nav-brand::after {
    display: none !important;
    content: none !important;
}

/* Logo görseli arka planın üzerinde görünsün */
.logo-img {
    position: relative;
    z-index: 1;
}

/* Navbar container'ı da şeffaf yap */
.navbar .container {
    background: transparent !important;
    padding: 0.8rem 20px !important;
}

.nav-menu {
    display: flex !important;
    list-style: none !important;
    gap: 0.3rem !important;
    position: relative !important;
    margin-left: 3.5rem !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

/* WEB'DE NAV-MENU NORMAL ÇALIŞMALI - SADECE MOBİLDE GÖRÜNÜR OLSUN */
/* Bu kurallar sadece mobilde geçerli - web'de normal navbar çalışır */

.nav-menu > li {
    position: relative;
    white-space: nowrap; /* Keep nav items on one line on desktop */
    flex-shrink: 0; /* Prevent nav items from shrinking */
}

.nav-menu a {
    text-decoration: none;
    color: var(--text-primary);
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    font-size: 0.8rem !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
    display: block;
    padding: 0.35rem 0.5rem !important;
    /* Prevent word breaking in navigation - especially for German */
    word-break: keep-all !important;
    hyphens: none !important;
    white-space: nowrap !important;
}

.nav-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--gold-gradient);
    transition: width 0.3s ease;
    box-shadow: 0 0 10px var(--gold-glow);
}

.nav-menu > li > a:hover {
    color: var(--gold-primary);
    text-shadow: 0 0 10px var(--gold-glow);
}

.nav-menu > li > a:hover::after {
    width: 100%;
}

/* WEB'DE SUBMENU SADECE HOVER'DA GÖRÜNMELİ */
.submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important; /* Yüksek opaklık - görünür olmalı */
    backdrop-filter: blur(20px);
    min-width: 200px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 20px var(--gold-glow);
    border-radius: 12px;
    border: 1px solid var(--gold-border);
    padding: 1rem 0;
    opacity: 0; /* WEB'DE BAŞLANGIÇTA GİZLİ */
    visibility: hidden; /* WEB'DE BAŞLANGIÇTA GİZLİ */
    display: block; /* WEB'DE BLOCK AMA GÖRÜNMEZ */
    transform: translateY(-10px);
    transition: all 0.3s ease;
    list-style: none;
    pointer-events: none; /* HOVER DIŞINDA TIKLANAMAZ */
    overflow: visible !important; /* İçerik kesilmemeli */
    z-index: 99999 !important; /* En yüksek z-index - video üzerinde */
}

/* Desktop: Submenu background garantisi */
@media (min-width: 769px) {
    .submenu {
        background: rgba(255, 255, 255, 0.98) !important;
    }
    
    .nav-menu > li:hover .submenu {
        background: rgba(255, 255, 255, 0.98) !important;
    }
}

/* Desktop: Submenu z-index - Video üzerinde görünmeli */
@media (min-width: 769px) {
    /* Navbar container overflow garantisi */
    .navbar .container {
        overflow: visible !important; /* SUBMENU İÇİN KESİNLİKLE VISIBLE */
    }
    
    /* Navbar overflow garantisi */
    .navbar {
        overflow: visible !important; /* SUBMENU İÇİN KESİNLİKLE VISIBLE */
    }
    
    /* Nav menu overflow garantisi */
    .navbar .nav-menu,
    .nav-menu {
        overflow: visible !important; /* SUBMENU İÇİN KESİNLİKLE VISIBLE */
    }
    
    .submenu {
        z-index: 99999 !important; /* Çok yüksek z-index - video/slider'ın üzerinde */
        position: absolute !important;
        overflow: visible !important;
    }
    
    .navbar .nav-menu > li.has-submenu .submenu {
        z-index: 99999 !important;
        position: absolute !important;
        overflow: visible !important;
    }
    
    .navbar .nav-menu > li.has-submenu {
        z-index: 99999 !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* Submenu içindeki tüm elementler */
    .submenu * {
        z-index: 99999 !important;
        position: relative !important;
    }
    
    .submenu li {
        z-index: 99999 !important;
        overflow: visible !important;
    }
    
    .submenu a {
        z-index: 99999 !important;
        position: relative !important;
        overflow: visible !important;
    }
}

/* Mobile: Submenu z-index */
@media (max-width: 768px) {
    .submenu {
        z-index: 1300 !important;
    }
}

.nav-menu > li:hover .submenu {
    opacity: 1 !important; /* WEB'DE HOVER'DA GÖRÜNÜR */
    visibility: visible !important; /* WEB'DE HOVER'DA GÖRÜNÜR */
    transform: translateY(0) !important;
    border-color: var(--gold-primary) !important;
    pointer-events: auto !important; /* HOVER'DA TIKLANABILIR */
    z-index: 99999 !important; /* En yüksek z-index */
    display: block !important;
}

/* Desktop: Hover durumunda submenu z-index garantisi */
@media (min-width: 769px) {
    .nav-menu > li:hover .submenu,
    .navbar .nav-menu > li.has-submenu:hover .submenu {
        z-index: 99999 !important;
        position: absolute !important;
        background: rgba(255, 255, 255, 0.98) !important; /* Hover'da da görünür background */
    }
}

.submenu li {
    padding: 0;
}

.submenu a {
    padding: 0.75rem 1.5rem;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: all 0.3s ease;
    color: var(--text-primary) !important;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    z-index: 99999 !important;
    position: relative !important;
}

/* Desktop: Submenu linklerinin görünürlüğü garantisi */
@media (min-width: 769px) {
    .submenu a {
        color: #000000 !important;
        background: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        z-index: 99999 !important;
    }
    
    .submenu li {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        z-index: 99999 !important;
    }
}

.submenu a:hover {
    background: rgba(212, 175, 55, 0.1);
    color: var(--gold-primary);
    text-shadow: 0 0 10px var(--gold-glow);
    padding-left: 2rem;
}

/* Hamburger menu - Hidden on desktop, visible on mobile */
.hamburger {
    display: none; /* Hidden by default (desktop) */
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
}

/* Mobile - Show hamburger menu (MUST BE BEFORE DESKTOP RULE) */
@media (max-width: 768px) {
    .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 10001 !important;
    }
}

/* Desktop - Hide hamburger menu */
@media (min-width: 769px) {
    .hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

.hamburger span {
    width: 25px;
    height: 3px;
    background: #000000;
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* Hero Section */
.hero,
#home.hero {
    position: relative !important;
    min-height: calc(100vh - 60px - var(--navbar-offset)) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 0 !important;
    margin-top: 0 !important; /* BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0 !important; /* BOŞLUK TAMAMEN KALDIR */
}

/* Desktop Hero Section - Video navbar'ın hemen altında başlamalı */
@media (min-width: 769px) {
    .hero,
    #home.hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        top: 0 !important;
    }
    
    .hero-image-container {
        position: absolute !important;
        top: 50px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .hero-background-image,
    .hero video,
    .hero-image-container video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* MOBILDE HERO SECTION PADDING-TOP'U OVERRIDE ET - NAVBAR'IN HEMEN ALTINDA BAŞLAT */
@media (max-width: 768px) {
    .hero,
    #home.hero {
        position: relative !important;
        margin-top: 0 !important; /* BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        top: 0 !important; /* BOŞLUK TAMAMEN KALDIR */
    }
}

.hero-video-container,
.hero-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0 !important; /* En düşük katman - navbar/submenu altında */
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden;
}

.hero-video,
.hero-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 0 !important; /* En düşük katman - navbar/submenu altında */
    /* Performance optimizations */
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Video loading optimization */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Video immediate start - no poster delay */
video {
    background: transparent;
}

video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-enclosure {
    display: none !important;
}

.hero-background-image {
    object-fit: cover;
    object-position: center 60%;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    /* Video loading optimization - hardware acceleration */
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Force hardware acceleration for smoother playback */
    -webkit-perspective: 1000;
    perspective: 1000;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(5, 5, 5, 0.7) 0%, rgba(18, 18, 18, 0.6) 100%);
    z-index: 1;
}

.hero-content-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white);
    max-width: 900px;
    width: 100%;
    padding: 3rem 2.5rem;
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 20px rgba(212, 175, 55, 0.3);
    box-sizing: border-box;
    overflow: hidden;
}

.hero-title {
    font-size: 5rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: var(--gold-primary); /* Fallback renk */
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--gold-primary);
    background-clip: unset;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    filter: none;
    animation: fadeInUp 1s ease-out;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.hero-title-line1 {
    display: block;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--gold-primary);
    background-clip: unset;
    color: var(--gold-primary);
    font-weight: 900 !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.3), 0 0 30px rgba(212, 175, 55, 0.2);
}

.hero-title-line2 {
    display: inline-block !important;
    white-space: nowrap !important;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--gold-primary);
    background-clip: unset;
    color: var(--gold-primary);
    word-break: keep-all !important;
    word-wrap: normal !important;
    width: auto !important;
    min-width: max-content !important;
    font-weight: 900 !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.3), 0 0 30px rgba(212, 175, 55, 0.2);
}

/* Gradient text desteklemeyen tarayıcılar için fallback */
@supports not (-webkit-background-clip: text) {
    .hero-title,
    .hero-title-line1,
    .hero-title-line2 {
        color: var(--gold-primary);
        -webkit-text-fill-color: var(--gold-primary);
    }
}

.hero-slogan {
    font-size: 2rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
    color: var(--gold-light);
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8), 0 0 30px var(--gold-glow);
    animation: fadeInUp 1s ease-out 0.2s both;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.hero-subtitle {
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
    opacity: 0.95;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    animation: fadeInUp 1s ease-out 0.4s both;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.hero-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    animation: fadeInUp 1s ease-out 0.6s both;
    max-width: 100%;
    box-sizing: border-box;
}

.hero-buttons .btn {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Premium Metalik Butonlar */
.btn {
    padding: 1rem 2.5rem;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    /* Touch target optimization - min 44x44px (WCAG 2.1 AA) */
    min-height: 44px;
    min-width: 44px;
    /* Performance optimization */
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2);
    will-change: transform;
    transform: translateZ(0);
}

.btn-primary {
    background: var(--gold-gradient);
    color: var(--bg-primary);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
    border: 2px solid var(--gold-primary);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 25px var(--gold-glow), 0 8px 20px rgba(212, 175, 55, 0.5);
    filter: brightness(1.2);
    border-color: var(--gold-light);
}

.btn-primary:active {
    transform: translateY(0);
}

.btn-secondary {
    background: var(--bg-surface);
    color: var(--gold-primary);
    border: 2px solid var(--gold-border);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.btn-secondary:hover {
    transform: translateY(-2px);
    background: var(--bg-surface-2);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow), 0 8px 20px rgba(212, 175, 55, 0.3);
    filter: brightness(1.1);
    color: var(--gold-light);
}

.btn-outline {
    background: transparent;
    color: var(--gold-primary);
    border: 2px solid var(--gold-primary);
}

.btn-outline:hover {
    background: var(--gold-gradient);
    color: var(--bg-primary);
    transform: translateY(-2px);
    box-shadow: 0 0 25px var(--gold-glow);
    filter: brightness(1.2);
}

.cta-button {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    background: var(--gradient-1);
    color: var(--white);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 107, 53, 0.5);
    background: var(--gradient-2);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Different Section */
.different-section {
    padding: 4rem 0;
    background: var(--dark-bg);
    color: var(--white);
    text-align: center;
    position: relative;
}

.different-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.1) 100%);
    z-index: 0;
}

.different-section .container {
    position: relative;
    z-index: 1;
}

.different-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.different-subtitle {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

/* Premium Sections */
.section {
    padding: 5rem 0;
    background: var(--bg-primary);
}

.section-alt {
    background: var(--bg-surface);
    position: relative;
}

.section-alt::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-card);
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}

.section-title {
    text-align: center;
    font-size: 3rem;
}

/* MOBİLDE SECTION BAŞLIKLARI VE İÇERİKLERİ OPTİMİZE ET */
@media (max-width: 768px) {
    .section-title {
        font-size: 2.25rem !important;
        margin-bottom: 1rem !important;
        line-height: 1.3 !important;
    }
    
    .section-subtitle {
        font-size: 1rem !important;
        margin-bottom: 1.5rem !important;
        line-height: 1.5 !important;
    }
    
    .section {
        padding: 2rem 1rem !important;
    }
    
    .section-alt {
        padding: 2rem 1rem !important;
    }
    
    /* Mini About Section */
    .mini-about-section {
        padding: 2rem 1rem !important;
    }
    
    .mini-about-description {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    /* First Time Section */
    .first-time-section {
        padding: 2rem 1rem !important;
    }
    
    .first-time-content {
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    .first-time-image img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Contact Location Section */
    .contact-location-section {
        padding: 2rem 1rem !important;
    }
    
    .contact-cta-card {
        padding: 1.5rem !important;
    }
    
    .contact-cta-title {
        font-size: 1.5rem !important;
    }
    
    .contact-cta-text {
        font-size: 0.95rem !important;
    }
}

/* Gradient text desteklemeyen tarayıcılar için fallback */
@supports not (-webkit-background-clip: text) {
    .section-title {
        color: var(--gold-primary);
        -webkit-text-fill-color: var(--gold-primary);
    }
    .stats-section .section-title {
        color: var(--gold-primary) !important;
        -webkit-text-fill-color: var(--gold-primary) !important;
    }
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: var(--gold-gradient);
    box-shadow: 0 0 15px var(--gold-glow);
    border-radius: 2px;
}

.section-subtitle {
    text-align: center;
    font-size: 1.2rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
}

/* About Section */
.about-section {
    position: relative;
    overflow: hidden;
}

.about-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.1;
}

.about-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-section .container {
    position: relative;
    z-index: 1;
}

.about-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    margin-bottom: 3rem;
}

.about-text {
    text-align: left;
}

.about-video {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.about-video:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.content-video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.about-text h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
}

.about-text p {
    font-size: 1.1rem;
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.feature-card {
    background: var(--bg-card);
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid var(--gold-border);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.feature-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.feature-card:hover::before {
    opacity: 0.05;
}

.feature-card > * {
    position: relative;
    z-index: 1;
}

.feature-card:hover h4,
.feature-card:hover .feature-icon {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.feature-card h4 {
    font-size: 1.2rem;
    color: var(--text-primary);
}

/* Gallery Section */
.gallery-section {
    margin: 4rem 0;
    text-align: center;
}

.gallery-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: var(--text-primary);
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.gallery-item {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.gallery-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.gallery-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-img {
    transform: scale(1.1);
}

/* Services Section */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

/* Premium Service Cards */
.service-card {
    background: var(--bg-card);
    padding: 2.5rem;
    border-radius: 12px;
    border: 1px solid var(--gold-border);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.service-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.service-card:hover::before {
    opacity: 0.05;
}

.service-card > * {
    position: relative;
    z-index: 1;
}

.service-card:hover h3,
.service-card:hover .service-icon {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.service-icon {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.service-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.service-card p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.service-btn {
    padding: 0.75rem 2rem;
    background: var(--gradient-1);
    color: var(--white);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
}

.service-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
    background: var(--gradient-2);
}

/* Team Section */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.team-card {
    background: var(--bg-card);
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid var(--gold-border);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.team-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.team-card:hover {
    transform: translateY(-10px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 40px var(--gold-glow), 0 20px 50px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.team-card:hover::before {
    opacity: 0.05;
}

.team-card > * {
    position: relative;
    z-index: 1;
}

.team-card:hover h4 {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.team-photo {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: block;
    border: 3px solid var(--gold-border);
    transition: all 0.4s ease;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}

.team-card:hover .team-photo {
    transform: scale(1.05);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow);
}

.team-avatar {
    font-size: 5rem;
    margin: 0 auto 1.5rem;
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: var(--bg-surface);
    border: 3px solid var(--gold-border);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}

.team-card:hover .team-avatar {
    transform: scale(1.05);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(197, 160, 89, 0.15) 100%);
}

.team-card h4 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.team-card p {
    color: var(--text-secondary);
}

/* Packages Section */
.packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

/* Packages Carousel - Horizontal Scrolling */
.packages-detail-section .carousel-wrapper {
    margin-top: 3rem;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.packages-detail-section .carousel-track {
    display: flex;
    gap: 2rem;
    animation: scroll 20s linear infinite;
    will-change: transform;
    width: max-content;
}

/* Hover pause kaldırıldı - Tüm cihazlarda kaydırma çalışır */
.packages-detail-section .carousel-track:hover {
    animation-play-state: running !important;
}

.packages-detail-section .package-card {
    flex-shrink: 0;
    min-width: 380px;
    max-width: 380px;
    width: 380px;
    display: flex;
    flex-direction: column;
    height: auto;
    box-sizing: border-box;
    padding: 2.5rem;
}

.package-card {
    background: var(--bg-card);
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 1px solid var(--gold-border);
    overflow: hidden;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
}

.package-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.package-card:hover {
    transform: translateY(-10px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 40px var(--gold-glow), 0 20px 50px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.package-card:hover::before {
    opacity: 0.08;
}

.package-card > * {
    position: relative;
    z-index: 1;
}

.package-card:hover h3 {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.package-card.featured {
    border: 1px solid var(--gold-primary);
    transform: none;
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.6);
}

.package-card.featured::before {
    opacity: 0.1;
}

.package-badge {
    position: absolute;
    top: -15px;
    right: 20px;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

.package-price {
    font-size: 2.5rem;
    font-weight: 800;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
}

.package-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
    white-space: nowrap;
}

.package-features {
    list-style: none;
    margin-bottom: auto;
    text-align: left;
    flex-grow: 1;
}

.package-features li {
    padding: 0.75rem 0;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--gold-border);
}

.package-features li:last-child {
    border-bottom: none;
}

.package-btn,
a.package-btn {
    width: 100%;
    padding: 1rem;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    border: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: auto;
    display: block;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.package-btn:hover,
a.package-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 25px var(--gold-glow), 0 8px 20px rgba(212, 175, 55, 0.3);
    filter: brightness(1.2);
    text-decoration: none;
    color: var(--bg-primary);
}

/* Blog Section */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.blog-card {
    background: var(--bg-card);
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border: 1px solid var(--gold-border);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.blog-card:hover {
    transform: translateY(-10px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 40px var(--gold-glow), 0 20px 50px rgba(0, 0, 0, 0.7);
}

.blog-card:hover::before {
    opacity: 0.05;
}

.blog-card > * {
    position: relative;
    z-index: 1;
}

.blog-card:hover h3 {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.blog-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.blog-card > div:not(.blog-image),
.blog-card h3,
.blog-card p,
.blog-card a {
    padding: 0 2rem;
}

.blog-card h3 {
    padding-top: 1.5rem;
}

.blog-card p {
    padding-bottom: 1rem;
}

.blog-card a {
    padding-bottom: 2rem;
    display: block;
    margin-top: auto;
}

.blog-date {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
}

.blog-card h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.blog-card p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1rem;
}

.blog-link {
    color: var(--gold-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
    margin-top: auto;
    padding-top: 1rem;
}

.blog-link:hover {
    color: var(--gold-light);
    text-decoration: underline;
}

/* Contact Section - Base Styles (kept for compatibility) */
.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    max-width: 1200px;
    margin: 0 auto;
}

.contact-info {
    background: var(--bg-card);
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
}

.contact-info h3 {
    font-size: 1.8rem;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 2rem;
    color: var(--gold-primary);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.info-item {
    margin-bottom: 2rem;
}

.info-item strong {
    display: block;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.info-item p {
    color: var(--text-secondary);
    line-height: 1.8;
}

.info-item a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
}

.info-item a:hover {
    text-decoration: underline;
    color: var(--secondary-color);
}

.contact-form-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 3rem;
    align-items: start;
}

.contact-form-text {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    padding: 2rem;
    border-radius: 10px;
    border: 2px solid #D4AF37;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-form-title {
    text-align: left;
    margin-bottom: 1.5rem;
}

.contact-form-title::after {
    left: 0 !important;
    transform: none !important;
}

.contact-form-subtitle {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-primary);
    margin: 0;
    text-align: left;
}

.contact-form-container {
    max-width: 100%;
    width: 100%;
}

.contact-form {
    background: #FFFFFF !important;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 2px solid #D4AF37 !important;
    max-width: 100%;
    font-size: 0.95rem;
}

.contact-form .form-group {
    margin-bottom: 0.9rem;
}

.contact-form .form-group input,
.contact-form .form-group textarea,
.contact-form .form-group select {
    padding: 0.65rem;
    font-size: 0.95rem;
}

.contact-form h3 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    color: var(--text-primary);
}

.form-group {
    margin-bottom: 1rem !important;
}

.contact-form-container .contact-form .form-group {
    margin-bottom: 1rem !important;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid var(--gold-border);
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    background: var(--bg-surface);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: var(--text-muted);
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline: none;
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2), 0 0 15px var(--gold-glow);
    background: var(--bg-surface-2);
}

.submit-button {
    width: 100%;
    padding: 0.75rem !important;
    font-size: 0.95rem !important;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    border: 2px solid var(--gold-primary);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
}

.submit-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 25px var(--gold-glow), 0 8px 20px rgba(212, 175, 55, 0.5);
    filter: brightness(1.2);
    border-color: var(--gold-light);
}

/* Footer */
.footer {
    background: var(--bg-primary);
    color: var(--text-primary);
    padding: 3rem 0 1rem;
    position: relative;
    overflow: hidden;
    border-top: 1px solid var(--gold-border);
}

.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gold-gradient);
    z-index: 1;
    box-shadow: 0 0 20px var(--gold-glow);
}

.footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.1;
}

.footer-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer .container {
    position: relative;
    z-index: 1;
}

.footer-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-section-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

/* Mobile Footer - Responsive Layout */
@media (max-width: 768px) {
    /* FOOTER MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    .footer {
        padding: 2rem 0 1rem !important;
    }
    
    .footer .container {
        padding: 0 1rem !important;
    }
    
    .footer-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .footer-section-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        width: 100% !important;
    }
    
    .footer-section {
        width: 100% !important;
        margin-bottom: 1.5rem !important;
        padding: 0 !important;
    }
    
    /* Footer Section Başlıkları */
    .footer-section h4 {
        font-size: 1.1rem !important;
        margin-bottom: 1rem !important;
        font-weight: 600 !important;
    }
    
    /* Footer Section Metinleri */
    .footer-section p {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Footer Section Listeler */
    .footer-section ul {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    
    .footer-section ul li {
        margin-bottom: 0.5rem !important;
    }
    
    .footer-section ul li a {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Footer Contact Info */
    .footer-contact-info {
        margin-top: 1.5rem !important;
    }
    
    .footer-contact-info h4 {
        font-size: 1.1rem !important;
        margin-bottom: 1rem !important;
        font-weight: 600 !important;
    }
    
    .footer-contact-info p {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Footer Map Section */
    .footer-map-section {
        grid-column: 1 !important;
        width: 100% !important;
        order: 3 !important;
        margin-top: 1rem !important;
    }
    
    .footer-map-section h4 {
        font-size: 1.1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .footer-map {
        width: 100% !important;
        height: 250px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    .footer-map iframe {
        width: 100% !important;
        height: 250px !important;
        border-radius: 8px !important;
    }
    
    /* Social Media */
    .social-media {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
        margin-top: 0.5rem !important;
    }
    
    .social-link {
        display: flex !important;
        align-items: center !important;
        gap: 0.75rem !important;
        padding: 0.5rem 0 !important;
        font-size: 0.9rem !important;
    }
    
    .social-link svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    /* Footer Bottom */
    .footer-bottom {
        padding-top: 1.5rem !important;
        margin-top: 1.5rem !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        text-align: center !important;
    }
    
    .footer-bottom p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    /* FOOTER MOBİL OPTİMİZASYONU - 480px ve altı - WEB'DE DEĞİŞİKLİK YOK */
    
    .footer {
        padding: 1.5rem 0 1rem !important;
    }
    
    .footer .container {
        padding: 0 1rem !important;
    }
    
    .footer-content {
        gap: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .footer-section-wrapper {
        gap: 1.5rem !important;
    }
    
    .footer-section {
        margin-bottom: 1.25rem !important;
    }
    
    .footer-section h4 {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .footer-section p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .footer-section ul li {
        margin-bottom: 0.4rem !important;
    }
    
    .footer-section ul li a {
        font-size: 0.85rem !important;
    }
    
    .footer-contact-info {
        margin-top: 1rem !important;
    }
    
    .footer-contact-info h4 {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .footer-contact-info p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .footer-map-section {
        margin-top: 0.5rem !important;
    }
    
    .footer-map-section h4 {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .footer-map {
        height: 200px !important;
    }
    
    .footer-map iframe {
        height: 200px !important;
    }
    
    .social-media {
        gap: 0.5rem !important;
    }
    
    .social-link {
        font-size: 0.85rem !important;
        gap: 0.5rem !important;
        padding: 0.4rem 0 !important;
    }
    
    .social-link svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    .footer-bottom {
        padding-top: 1rem !important;
        margin-top: 1rem !important;
    }
    
    .footer-bottom p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }
}

.footer-section:nth-child(2) {
    margin-left: 0;
}

.footer-contact-info {
    margin-top: 2rem;
}

.footer-contact-info h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--white);
}

.footer-map-section {
    grid-column: 3;
}

.footer-map {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    margin-top: 1rem;
}

.footer-map iframe {
    width: 100%;
    height: 350px;
    border: none;
    border-radius: 10px;
    display: block;
}

.footer-section h4 {
    font-size: 1.3rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    text-shadow: 0 0 10px var(--gold-glow);
}

.footer-section p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 0.5rem;
}

.footer-section ul {
    list-style: none;
}

.footer-section ul li {
    margin-bottom: 0.5rem;
}

.footer-section ul li a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}

.footer-section ul li a:hover {
    color: var(--gold-primary);
    text-shadow: 0 0 10px var(--gold-glow);
    padding-left: 5px;
}

.footer-section a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-section a:hover {
    color: var(--gold-primary);
    text-shadow: 0 0 10px var(--gold-glow);
}


.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
}

/* Responsive Design */
/* ============================================
   COMPREHENSIVE MOBILE RESPONSIVE STYLES
   ============================================ */

/* Mobile - Small to Medium (max-width: 768px) */
@media (max-width: 768px) {
    /* Language Selector */
    .language-selector {
        top: 45px !important;
        right: 10px;
        gap: 0.25rem;
        padding: 0.3rem;
    }

    .lang-flag {
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
    }

    /* Navbar - NO GAP with top-info-bar on mobile */
    .navbar {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        height: var(--navbar-offset) !important;
        min-height: var(--navbar-offset) !important;
        max-height: var(--navbar-offset) !important;
        display: flex !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.95) !important;
        z-index: 1100 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
    }

    .nav-menu {
        position: fixed !important;
        left: -100% !important;
        top: 60px !important; /* TOP-BAR YÜKSEKLİĞİ - SABİT */
        flex-direction: column !important;
        background: #ffffff !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: calc(100vh - 60px) !important; /* SABİT YÜKSEKLİK - TOP-BAR'DAN AŞAĞI */
        min-height: calc(100vh - 60px) !important;
        max-height: calc(100vh - 60px) !important;
        text-align: center !important; /* ORTALA */
        transition: left 0.3s ease !important;
        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.3) !important;
        padding: 0 !important;
        padding-top: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        display: none !important;
        z-index: 1200 !important;
        box-sizing: border-box !important;
    }

    .nav-menu.active {
        left: 0 !important;
        display: flex !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: calc(100vh - 60px) !important; /* SABİT YÜKSEKLİK - TOP-BAR'DAN AŞAĞI */
        min-height: calc(100vh - 60px) !important;
        max-height: calc(100vh - 60px) !important;
    }
    
    /* MOBILDE NAV-MENU İÇİNDEKİ Lİ ELEMENTLERİ */
    .nav-menu > li {
        width: 100% !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .nav-menu > li:last-child {
        border-bottom: none !important;
    }
    
    /* DİL SEÇİCİSİ EN ÜSTTE */
    .nav-menu > li.language-selector-mobile-item {
        order: -1 !important;
    }
    
    /* DİL SEÇİCİSİ EN ÜSTTE */
    .nav-menu > li.language-selector-mobile-item {
        order: -1 !important;
    }

    .hamburger {
        display: flex;
    }

    .nav-menu a {
        padding: 1rem 1.5rem !important;
        font-size: 1rem !important;
        min-height: 44px;
        display: flex !important;
        visibility: visible !important;
        /* Prevent word breaking in navigation - especially for German */
        word-break: keep-all !important;
        hyphens: none !important;
        white-space: normal !important; /* Allow wrapping on mobile if needed */
        opacity: 1 !important;
        align-items: center;
        justify-content: center;
        color: #000000 !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        font-weight: 500 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        text-decoration: none !important;
        width: 100% !important;
    }
    
    /* TÜM SAYFALARDA NAV-MENU İÇERİĞİNİN GÖRÜNÜR OLMASI İÇİN - MOBİL */
    .nav-menu li,
    .nav-menu > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }
    
    .nav-menu .submenu,
    .nav-menu .submenu li,
    .nav-menu .submenu li a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .nav-menu a:hover,
    .nav-menu a:focus {
        background-color: rgba(212, 175, 55, 0.1) !important;
        color: var(--gold-primary) !important;
    }
    
    /* MOBILDE SUBMENU KAPALI BAŞLAT - OK İKONU İLE AÇILACAK */
    .nav-menu .submenu {
        position: static !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.02) !important;
        padding: 0 !important;
        margin-top: 0 !important;
        display: none !important;
        width: 100% !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease !important;
    }
    
    /* MOBILDE SUBMENU AÇIK DURUMU */
    .nav-menu .has-submenu.active .submenu {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        max-height: 500px !important;
        padding: 0.5rem 0 !important;
        margin-top: 0.25rem !important;
        background: rgba(0, 0, 0, 0.02) !important;
    }
    
    /* Force submenu items to be visible when active */
    .nav-menu .has-submenu.active .submenu li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .nav-menu .has-submenu.active .submenu a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 0.75rem 1.5rem !important;
        color: #000000 !important;
    }
    
    /* SUBMENU TOGGLE BUTTON STYLES */
    .nav-menu .submenu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; /* ORTALA */
        width: 100% !important;
        text-align: center !important;
        position: relative !important;
        padding: 0.75rem 1.25rem !important;
    }
    
    .nav-menu .submenu-toggle span {
        flex: 1 !important;
        text-align: center !important;
        justify-content: center !important;
    }
    
    .nav-menu .submenu-arrow {
        font-size: 0.9rem !important;
        transition: transform 0.3s ease !important;
        margin-left: 0.5rem !important;
        color: #666 !important;
        position: absolute !important;
        right: 1.25rem !important;
        display: inline-block !important;
    }
    
    .nav-menu .has-submenu.active .submenu-arrow {
        transform: rotate(180deg) !important;
    }
    
    /* HİZMETLER YAZISI ORTALANMALI */
    .nav-menu .has-submenu > a {
        justify-content: center !important;
        text-align: center !important;
    }
    
    /* SUBMENU İÇİNDEKİ LİNKLER DE ORTALANMALI */
    .nav-menu .submenu a {
        text-align: center !important;
        justify-content: center !important;
    }
    
    /* HİZMETLER YAZISI ORTALANMALI */
    .nav-menu .has-submenu > a {
        justify-content: center !important;
        text-align: center !important;
    }
    
    .nav-menu .submenu a {
        padding-left: 2.5rem !important;
        font-size: 0.95rem !important;
    }

    /* Ensure hamburger is always visible on small screens */
    .navbar .container {
        position: relative !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 1rem !important;
        height: var(--navbar-offset) !important;
        min-height: var(--navbar-offset) !important;
    }

    .language-selector-desktop {
        display: none !important;
    }

    /* MOBILE ONLY - Hamburger menu visible */
    .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        right: 1rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: rgba(255, 255, 255, 0.95) !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        z-index: 1200 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 8px !important;
    }
    
    .hamburger span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 24px !important;
        height: 3px !important;
        background: #333 !important;
        background-color: #333 !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .navbar .nav-brand {
        position: absolute !important;
        left: 1rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        align-items: center !important;
        display: flex !important;
        /* Align with hamburger menu */
        margin-top: 2px !important;
    }
    
    /* Align logo with hamburger menu on mobile */
    .navbar .nav-brand .logo-img {
        align-self: center !important;
    }

    .navbar .nav-brand .logo-img {
        max-width: 120px !important;
        max-height: 44px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Hero Section - MOBILDE NAVBAR'IN HEMEN ALTINDA BAŞLAMALI - BOŞLUK YOK */
    .hero,
    #home.hero {
        min-height: calc(100vh - 60px - var(--navbar-offset));
        padding-top: 0;
        height: calc(100vh - 60px - var(--navbar-offset));
        max-height: calc(100vh - 60px - var(--navbar-offset));
        margin-top: calc(-1 * (var(--top-bar-height) + var(--navbar-offset))) !important; /* BODY PADDING-TOP'U İPTAL ET - BOŞLUK YOK */
        position: relative !important;
    }

    .hero-video,
    .hero-background-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        max-width: 100% !important;
        max-height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        /* Performance optimizations */
        will-change: transform !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        /* Video loading optimization - MOBILE AGGRESSIVE */
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: crisp-edges !important;
        /* Force video to load immediately on mobile */
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 0 !important;
        /* Prevent video freezing */
        will-change: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
    
    /* Mobile video loading - ULTRA AGGRESSIVE */
    video.hero-background-image {
        /* Force video to be visible and load immediately on mobile */
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        background: transparent !important;
    }
    
    /* Mobile: Ensure video container is visible and optimized - PORTRAIT MODE - ÜST SİYAH BOŞLUK YOK */
    @media (max-width: 768px) {
        .hero {
            min-height: 100vh !important;
            height: 100vh !important;
            max-height: 100vh !important;
            overflow: hidden !important;
            position: relative !important;
            background: transparent !important;
            margin: 0 !important;
            padding: 0 !important;
            margin-top: calc(-1 * var(--top-bar-height)) !important; /* Top bar yüksekliğini iptal et */
            padding-top: 0 !important;
            top: 0 !important;
            left: 0 !important;
        }
        
        .hero-image-container {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100vh !important;
            min-width: 100% !important;
            min-height: 100vh !important;
            max-width: 100% !important;
            max-height: 100vh !important;
            z-index: 0 !important;
            overflow: hidden !important;
            background: transparent !important;
            background-size: cover !important;
            background-position: center top !important; /* Üstten hizala */
            background-repeat: no-repeat !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        video.hero-background-image {
            width: 100% !important;
            height: 100vh !important;
            min-width: 100% !important;
            min-height: 100vh !important;
            max-width: 100% !important;
            max-height: 100vh !important;
            object-fit: cover !important;
            object-position: center top !important; /* Üstten hizala - siyah boşluk yok */
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            z-index: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
            display: block !important;
            background: transparent !important;
            /* Mobile video optimization */
            transform: translateZ(0) !important;
            -webkit-transform: translateZ(0) !important;
            will-change: transform !important;
            margin: 0 !important;
            padding: 0 !important;
        }
    }
    
    /* Portrait mode specific */
    @media (max-width: 768px) and (orientation: portrait) {
        .hero {
            height: 100vh !important;
            min-height: 100vh !important;
            max-height: 100vh !important;
        }
        
        .hero-image-container {
            height: 100vh !important;
            min-height: 100vh !important;
            max-height: 100vh !important;
        }
        
        video.hero-background-image {
            height: 100vh !important;
            min-height: 100vh !important;
            max-height: 100vh !important;
        }
    }
    
    /* Small mobile devices */
    @media (max-width: 480px) {
        video.hero-background-image {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            object-position: center center !important;
        }
    }
    
    /* Video poster optimization */
    video[poster] {
        object-fit: cover;
        background-size: cover;
        background-position: center;
    }

    .hero-text-overlay {
        top: 50% !important;
        padding: 0 1rem !important;
        width: 100% !important;
    }

    .hero-welcome-title {
        font-size: 1.75rem !important;
        margin-bottom: 1rem !important;
        line-height: 1.3 !important;
        padding: 0 0.5rem;
    }

    .hero-welcome-subtitle {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.4 !important;
        padding: 0 0.5rem;
    }

    .hero-welcome-subtitle span {
        display: block;
        margin-bottom: 0.25rem;
    }

    .hero-buttons {
        flex-direction: column !important;
        width: 100% !important;
        gap: 0.75rem !important;
        margin-top: 1.5rem !important;
        padding: 0 1rem;
    }

    .btn-hero-primary,
    .btn-hero-secondary {
        width: 100% !important;
        max-width: 280px !important;
        padding: 0.85rem 1.5rem !important;
        font-size: 0.95rem !important;
        min-height: 44px;
    }

    /* Section Titles */
    .section-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        padding: 0 1rem;
    }

    .section-subtitle {
        font-size: 1rem !important;
        padding: 0 1rem;
    }

    /* Grid Layouts - Mobile */
    .about-content,
    .services-grid,
    /* Grid'leri mobilde tek sütun yap */
    .team-grid,
    .packages-preview-grid,
    .packages-grid,
    .blog-grid,
    .features-grid,
    .vision-mission-grid,
    .stats-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .team-card,
    .package-card,
    .blog-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.25rem !important;
    }
    
    .team-card h4,
    .package-card h3,
    .blog-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .team-card p,
    .package-card p,
    .blog-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Section başlıklarını küçült */
    .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .section-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Section padding'lerini azalt */
    .section {
        padding: 2rem 1rem !important;
    }
    
    .section-alt {
        padding: 2rem 1rem !important;
    }
    
    .team-grid,
    .packages-grid,
    .blog-grid,
    .features-grid,
    .gallery-grid,
    .trainers-profile-grid,
    .contact-info-grid,
    .contact-map-info-grid,
    .packages-preview-grid,
    .stats-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .gallery-img {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    /* Cards - Mobile Optimization */
    .service-card,
    .package-card,
    .blog-card,
    .team-card,
    .trainer-profile-card,
    .advantage-card,
    .contact-info-card,
    .service-preview-card,
    .about-card,
    .stat-about-card,
    .additional-service-card,
    .testimonial-card,
    .faq-item,
    .quick-faq-item,
    .feature-card,
    .gallery-item {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.25rem !important;
        margin: 0 auto !important;
        /* Mobilde seçme özelliğini kaldır */
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        -webkit-touch-callout: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Mobilde kartlar içindeki tüm yazılar için seçme özelliğini kaldır */
    .service-card *,
    .package-card *,
    .blog-card *,
    .team-card *,
    .trainer-profile-card *,
    .advantage-card *,
    .contact-info-card *,
    .service-preview-card *,
    .about-card *,
    .stat-about-card *,
    .additional-service-card *,
    .testimonial-card *,
    .faq-item *,
    .quick-faq-item *,
    .feature-card *,
    .gallery-item * {
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        -webkit-touch-callout: none !important;
    }
    
    /* Linkler ve butonlar hariç - onlar tıklanabilir olmalı */
    .service-card a,
    .package-card a,
    .blog-card a,
    .team-card a,
    .trainer-profile-card a,
    .advantage-card a,
    .contact-info-card a,
    .service-preview-card a,
    .about-card a,
    .stat-about-card a,
    .additional-service-card a,
    .testimonial-card a,
    .faq-item a,
    .quick-faq-item a,
    .feature-card a,
    .gallery-item a,
    .service-card button,
    .package-card button,
    .blog-card button,
    .team-card button,
    .trainer-profile-card button,
    .advantage-card button,
    .contact-info-card button,
    .service-preview-card button,
    .about-card button,
    .stat-about-card button,
    .additional-service-card button,
    .testimonial-card button,
    .faq-item button,
    .quick-faq-item button,
    .feature-card button,
    .gallery-item button,
    .service-card .btn,
    .package-card .btn,
    .blog-card .btn,
    .team-card .btn,
    .trainer-profile-card .btn,
    .advantage-card .btn,
    .contact-info-card .btn,
    .service-preview-card .btn,
    .about-card .btn,
    .stat-about-card .btn,
    .additional-service-card .btn,
    .testimonial-card .btn,
    .faq-item .btn,
    .quick-faq-item .btn,
    .feature-card .btn,
    .gallery-item .btn {
        user-select: none !important; /* Butonlar ve linkler için de seçme yok */
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        pointer-events: auto !important; /* Ama tıklanabilir olmalı */
        cursor: pointer !important;
    }

    .faq-item {
        width: 85vw !important;
        max-width: 85vw !important;
        padding: 1.25rem !important;
        margin: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .testimonial-card {
        width: 85vw !important;
        max-width: 85vw !important;
        padding: 1.5rem !important;
        margin: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .package-card.featured {
        transform: scale(1) !important;
        margin: 0 auto !important;
    }

    /* Images - Mobile Optimization */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
    }

    .blog-image,
    .gallery-img,
    .trainer-profile-photo,
    .team-avatar img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }
    
    .gallery-carousel-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* Videos - Mobile Optimization */
    video {
        max-width: 100% !important;
        height: auto !important;
    }

    .hero-background-image {
        object-fit: cover !important;
        object-position: center center !important;
    }

    .about-content-wrapper {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .about-text {
        text-align: center;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
    }

    /* Forms - Mobile Optimization */
    .contact-form-wrapper {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .contact-form-container {
        order: -1;
    }
    
    .contact-form-title {
        text-align: center;
    }
    
    .contact-form-title::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    .contact-form-subtitle {
        text-align: center;
    }
    
    .contact-form-container .contact-form {
        padding: 1.25rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .form-group input,
    .form-group textarea,
    .form-group select {
        font-size: 16px !important; /* Prevents zoom on iOS */
        padding: 0.85rem !important;
        min-height: 44px;
    }

    .submit-button {
        width: 100% !important;
        padding: 1rem !important;
        font-size: 1rem !important;
        min-height: 44px;
    }

    .package-card.featured {
        transform: scale(1);
    }

    .different-title {
        font-size: 2rem;
    }

    .different-subtitle {
        font-size: 1.2rem;
    }

    /* Submenu - Mobile */
    .submenu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: transparent;
        padding: 0;
        margin-top: 0.5rem;
    }

    .submenu a {
        padding: 0.75rem 1rem !important;
        font-size: 0.95rem !important;
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    /* Page Header - Mobile - Top-info-bar'ın hemen altında - BOŞLUK YOK */
    .page-header {
        padding: 1rem 0 1.5rem !important;
        margin-top: 0 !important;
        padding-top: calc(var(--top-bar-height) + 1rem) !important; /* Top-info-bar yüksekliği + içerik padding */
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Home-page olmayan sayfalarda - page-header top-info-bar'ın hemen altında */
    body:not(.home-page) .page-header {
        margin-top: 0 !important;
        padding-top: calc(var(--top-bar-height) + 1rem) !important;
    }

    .page-header h1 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        padding: 0 1rem;
    }

    .page-header p {
        font-size: 1.15rem !important;
        line-height: 1.5 !important;
        padding: 0 1rem;
    }

    /* Services Detail - Mobile */
    .services-detail-section,
    .packages-detail-section {
        padding: 2rem 0 !important;
    }

    .services-detail-section .container,
    .packages-detail-section .container {
        padding: 0 1rem !important;
    }

    .category-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding: 0 0.5rem;
    }

    /* Section Padding - Mobile */
    .section {
        padding: 2.5rem 0 !important;
    }

    .section-alt {
        padding: 2.5rem 0 !important;
    }

    /* Container - Mobile */
    .container {
        padding: 0 1rem !important;
    }

    /* Logo - Mobile */
    .nav-brand {
        padding: 0.5rem 0 !important;
    }

    .logo-img {
        max-width: 150px !important;
        height: auto !important;
        width: auto !important;
    }

    /* Navbar Container - Mobile */
    .navbar .container {
        padding: 0 1rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* Hamburger Menu - Mobile */
    .hamburger {
        width: 52px !important;
        height: 52px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        z-index: 10001 !important;
        padding: 10px !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        position: relative !important;
        background: transparent !important;
        border: none !important;
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }

    .hamburger span {
        width: 25px !important;
        height: 3px !important;
        min-width: 25px !important;
        min-height: 3px !important;
        background: #000000 !important;
        transition: all 0.3s ease !important;
        border-radius: 2px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Force hamburger visibility in navbar container */
    .navbar .container .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(8px, 8px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    /* Footer - Mobile Optimization */
    .footer-content {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        padding: 2rem 1rem !important;
    }

    .footer-map-section {
        grid-column: 1 !important;
        width: 100% !important;
        margin-top: 1rem !important;
    }

    .footer-map {
        width: 100% !important;
        height: 200px !important;
        min-height: 200px !important;
    }

    .footer-map iframe {
        height: 200px !important;
        width: 100% !important;
    }

    .footer-section {
        text-align: center;
        padding: 0 !important;
        margin-bottom: 1.5rem !important;
    }

    .footer-section h4 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }

    .footer-section p,
    .footer-section li {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    .footer-section ul {
        padding: 0 !important;
        margin: 0.5rem 0 !important;
    }
    
    .footer-section ul li {
        margin-bottom: 0.5rem !important;
    }
    
    .footer-bottom {
        padding: 1rem !important;
        font-size: 0.8rem !important;
    }

    /* Contact Section - Mobile */
    .contact-location-wrapper,
    .contact-info-grid {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }

    .contact-info-card {
        padding: 1rem !important;
    }

    .contact-info-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }

    .contact-info-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    .contact-map-info-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .location-map iframe {
        height: 250px !important;
        min-height: 250px !important;
    }

    /* Carousels - Mobile */
    .carousel-wrapper {
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: visible !important; /* Dikey scroll'u engelleme */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        overscroll-behavior: none !important; /* Dikey scroll'u engelleme */
        overscroll-behavior-x: none !important; /* Yatay overscroll'u engelleme */
        overscroll-behavior-y: auto !important; /* Dikey overscroll'a izin ver */
        /* Tıklama sorununu çöz - wrapper scroll yaparken içindeki elementler tıklanabilir olmalı */
        touch-action: pan-x pan-y !important;
        position: relative;
        pointer-events: auto !important; /* Wrapper dikey scroll'u engellemez */
    }

    .carousel-track {
        display: flex;
        gap: 1rem;
        overflow-x: auto !important;
        overflow-y: visible !important; /* Dikey scroll'u engelleme */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        /* MOBİLDE TÜM ANİMASYONLAR KAPALI - SADECE EL İLE KAYDIRILIR */
        animation: none !important; /* Tüm otomatik animasyonlar kapatıldı */
        flex-wrap: nowrap;
        width: max-content;
        touch-action: pan-x pan-y !important; /* Hem yatay hem dikey kaydırmaya izin ver */
        pointer-events: none !important; /* Track dikey scroll'u engellemez */
        scroll-behavior: smooth;
    }
    
    /* MOBİLDE TÜM CAROUSEL ANİMASYONLARI KAPALI - SADECE EL İLE KAYDIRILIR */
    #servicesCarousel,
    #advantagesCarousel,
    #galleryCarousel,
    #testimonialsCarousel,
    #faqCarousel,
    #certificationsCarousel,
    #galleryAboutCarousel,
    #successStoriesCarousel,
    #packagesCarousel,
    #standardFeaturesCarousel,
    #faqPackagesCarousel,
    #blogCarousel,
    .carousel-track,
    .packages-detail-section .carousel-track,
    .standard-features-section .carousel-track,
    .faq-packages-section .carousel-track,
    .trainers-why-section .carousel-track,
    .success-stories-section .carousel-track,
    .certifications-section .carousel-track,
    .faq-services-section .carousel-track,
    .video-gallery-section .carousel-track,
    .gallery-section .carousel-track {
        animation: none !important; /* Tüm animasyonlar kapatıldı */
        /* Touch scroll için */
        -webkit-overflow-scrolling: touch !important;
        overflow-x: auto !important; /* El ile kaydırma için auto */
        overflow-y: visible !important; /* Dikey scroll'u engelleme */
        scroll-behavior: smooth !important;
        touch-action: pan-x pan-y !important; /* Hem yatay hem dikey kaydırmaya izin ver */
        flex-wrap: nowrap !important;
        width: max-content !important;
        pointer-events: none !important; /* Track dikey scroll'u engellemez */
    }

    /* Facilities ve Values carousel'leri mobilde yatay scroll var ama animasyon yok - el ile kaydırılır */
    #facilitiesCarousel,
    #valuesCarousel {
        display: flex !important;
        gap: 1rem !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        animation: none !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
    }
    
    .packages-detail-section .carousel-track {
        animation: none !important; /* Animasyon kapatıldı */
        overflow-x: auto !important; /* El ile kaydırma için auto */
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Gallery carousel - mobilde animasyonlar kapalı */
    #galleryCarousel,
    #galleryAboutCarousel {
        animation: none !important; /* Animasyon kapatıldı */
        overflow-x: auto !important; /* El ile kaydırma için auto */
        -webkit-overflow-scrolling: touch !important;
    }

    .carousel-track::-webkit-scrollbar {
        display: none;
    }

    /* Tüm carousel kartları - Dikey scroll'u engelleme */
    .service-preview-card,
    .advantage-card,
    .gallery-carousel-item,
    .facility-card,
    .value-card,
    .package-card,
    .service-card,
    .testimonial-card,
    .faq-item {
        touch-action: pan-x pan-y !important; /* Hem yatay hem dikey kaydırmaya izin ver */
        pointer-events: auto !important; /* Kartlar tıklanabilir ama dikey scroll'u engellemez */
    }

    .service-preview-card,
    .advantage-card,
    .gallery-carousel-item {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        scroll-snap-align: center !important;
        flex-shrink: 0 !important;
        aspect-ratio: 4/3;
        /* Dikey scroll'u engelleme - hem yatay hem dikey kaydırmaya izin ver */
        touch-action: pan-x pan-y !important;
        pointer-events: auto !important;
    }

    .faq-item {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        scroll-snap-align: center !important;
        flex-shrink: 0 !important;
        aspect-ratio: unset !important;
        height: auto !important;
        /* Dikey scroll'u engelleme - hem yatay hem dikey kaydırmaya izin ver */
        touch-action: pan-x pan-y !important;
        pointer-events: auto !important;
    }

    .testimonial-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        scroll-snap-align: center !important;
        flex-shrink: 0 !important;
        aspect-ratio: unset !important;
        height: auto !important;
        /* Dikey scroll'u engelleme - hem yatay hem dikey kaydırmaya izin ver */
        touch-action: pan-x pan-y !important;
        pointer-events: auto !important;
    }
    
    /* Kartların içindeki linkler ve butonlar tıklanabilir olmalı */
    .service-preview-card a,
    .service-preview-card button,
    .advantage-card a,
    .advantage-card button,
    .testimonial-card a,
    .testimonial-card button,
    .faq-item a,
    .faq-item button,
    .gallery-carousel-item a,
    .gallery-carousel-item button {
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    }
    
    /* Carousel track içindeki kartlara tıklanabilir olması için */
    .carousel-track > * {
        pointer-events: auto !important;
    }
    
    /* Kartların içerik boyutlarını küçült */
    .service-preview-card {
        padding: 1.25rem !important;
    }
    
    .service-preview-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .service-preview-card h3 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .service-preview-card p {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
    
    .advantage-card {
        padding: 1.25rem !important;
    }
    
    .advantage-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .advantage-card h3 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .advantage-card p {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
    
    .testimonial-card {
        padding: 1.25rem !important;
    }
    
    .testimonial-text {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 1rem !important;
    }
    
    .testimonial-author {
        font-size: 0.85rem !important;
    }
    
    .gallery-carousel-item {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        aspect-ratio: 4/3 !important;
        /* Prevent overflow */
        overflow: hidden !important;
    }
    
    .gallery-carousel-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        /* Prevent layout shift */
        aspect-ratio: 4/3;
        /* Force image loading on mobile */
        opacity: 1 !important;
        visibility: visible !important;
        /* Ensure images are loaded */
        min-height: 200px !important;
    }
    
    /* ABOUT SAYFASI MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    /* Vision Mission Grid - Mobilde tek sütun */
    .vision-mission-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .mission-card,
    .vision-card {
        padding: 1.5rem !important;
    }
    
    .mission-card h2,
    .vision-card h2 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .mission-card p,
    .vision-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    .mission-highlight,
    .vision-highlight {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* About Intro Section */
    .about-intro-section {
        margin-bottom: 2rem !important;
        padding: 0 1rem !important;
    }
    
    .about-intro-description {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
    
    /* Story Section - Mobile Optimized */
    .story-content {
        padding: 0 !important;
    }
    
    .story-text {
        padding: 1rem !important;
    }
    
    .story-description,
    .story-intro {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
        padding: 0 !important;
    }
    
    /* Story Timeline - Mobilde tek sütun */
    .story-timeline {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        margin-top: 1rem !important;
        padding: 0 !important;
    }
    
    .timeline-item {
        padding: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .timeline-item h3 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .timeline-item p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }
    
    .differentiators-list {
        margin-top: 0.5rem !important;
        padding-left: 1.25rem !important;
    }
    
    .differentiators-list li {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        padding: 0.25rem 0 !important;
        margin-bottom: 0.25rem !important;
    }
    
    /* Facilities Section - Mobilde yatay scroll var ama animasyon yok, el ile kaydırılır */
    .facilities-section .carousel-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        margin-top: 2rem !important;
    }

    .facilities-section .carousel-track {
        display: flex !important;
        gap: 1rem !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        animation: none !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
    }

    .facility-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1.5rem !important;
        scroll-snap-align: center !important;
        flex-shrink: 0 !important;
        touch-action: pan-x pan-y !important; /* Dikey scroll'u engelleme */
    }
    
    .facility-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .facility-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .facility-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }
    
    /* Values Section - Mobilde yatay scroll var ama animasyon yok, el ile kaydırılır */
    .values-section .carousel-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        margin-top: 2rem !important;
    }

    .values-section .carousel-track {
        display: flex !important;
        gap: 1rem !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        animation: none !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
    }

    .value-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1.5rem !important;
        scroll-snap-align: center !important;
        flex-shrink: 0 !important;
        touch-action: pan-x pan-y !important; /* Dikey scroll'u engelleme */
    }
    
    .value-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .value-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .value-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }
    
    /* Certifications Cards - Mobilde yatay scroll için optimize */
    .certification-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1rem !important;
        scroll-snap-align: center !important;
    }
    
    .certification-icon {
        font-size: 1.75rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .certification-card h3 {
        font-size: 0.95rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .certification-card p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0 !important;
    }
    
    /* Stats About Grid - Mobilde 2 sütun */
    .stats-about-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
        padding: 0 0.5rem !important;
    }
    
    .stat-about-card {
        padding: 0.75rem !important;
    }
    
    .stat-about-number {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }
    
    .stat-about-suffix {
        font-size: 1rem !important;
    }
    
    .stat-about-label {
        font-size: 0.7rem !important;
        line-height: 1.3 !important;
        margin-top: 0.25rem !important;
    }
    
    /* Team Grid - Mobilde tek sütun */
    .team-grid,
    .trainers-overview-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding: 0 !important;
    }
    
    .team-card {
        padding: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .team-avatar {
        font-size: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .team-card h4 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .team-card p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0 !important;
    }
    
    /* About Page Carousels - Mobilde animasyon kapalı, sadece el ile kaydırılır */
    #facilitiesCarousel,
    #valuesCarousel,
    #certificationsCarousel,
    #galleryAboutCarousel,
    #successStoriesCarousel {
        animation: none !important; /* Animasyon kapatıldı */
    }
    
    /* Success Stories Cards - Mobilde yatay scroll için optimize */
    .success-story-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1rem !important;
        scroll-snap-align: center !important;
    }
    
    .success-story-card .testimonial-text {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .success-story-card .testimonial-author {
        font-size: 0.8rem !important;
        line-height: 1.3 !important;
    }
    
    .success-story-card .testimonial-stars {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Team Message Section - Mobilde tek sütun */
    .team-message-content {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding: 0 !important;
    }
    
    .team-message-image {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 3/4 !important; /* Dikey görsel için uygun oran */
        margin-bottom: 1.5rem !important;
        min-height: 300px !important;
    }

    .team-message-image img,
    .team-message-image .team-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 15px !important;
    }
    
    .team-message-text {
        padding: 0 !important;
    }
    
    .team-message-text h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .team-message-text p {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .team-message-author {
        font-size: 0.85rem !important;
        margin-top: 0.75rem !important;
        font-style: italic !important;
    }
    
    /* FAQ About Section - Mobile Optimized */
    .faq-about-section .faq-item {
        padding: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .faq-about-section .faq-question {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.4 !important;
    }
    
    .faq-about-section .faq-answer {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }
    
    /* Vision Mission Cards - Mobile Optimized */
    .vision-mission-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        padding: 0 !important;
    }
    
    .mission-card,
    .vision-card {
        padding: 1rem !important;
    }
    
    .mission-card h2,
    .vision-card h2 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .mission-card p,
    .vision-card p {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .mission-highlight,
    .vision-highlight {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
        padding: 0.75rem !important;
        margin-top: 0.75rem !important;
    }
    
    /* About Page Section Titles & Subtitles */
    .about-intro-section .section-title,
    .story-section .section-title,
    .facilities-section .section-title,
    .stats-about-section .section-title,
    .values-section .section-title,
    .team-message-section .section-title,
    .about-team-section .section-title,
    .success-stories-section .section-title,
    .certifications-section .section-title,
    .faq-about-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .facilities-section .section-subtitle,
    .values-section .section-subtitle,
    .certifications-section .section-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* About Page Section Padding */
    .vision-mission-section,
    .story-section,
    .facilities-section,
    .stats-about-section,
    .values-section,
    .team-message-section,
    .about-team-section,
    .success-stories-section,
    .certifications-section,
    .faq-about-section {
        padding: 2rem 0 !important;
    }
    
    .vision-mission-section .container,
    .story-section .container,
    .facilities-section .container,
    .stats-about-section .container,
    .values-section .container,
    .team-message-section .container,
    .about-team-section .container,
    .success-stories-section .container,
    .certifications-section .container,
    .faq-about-section .container {
        padding: 0 1rem !important;
    }
    
    /* SERVICES SAYFASI MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    /* Services Detail Grid - Mobilde tek sütun */
    .services-detail-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    /* Service Detail Cards */
    .service-detail-card {
        padding: 1.25rem !important;
    }
    
    .service-detail-card.accordion-item .accordion-header {
        padding: 1rem !important;
    }
    
    .service-detail-card.accordion-item .accordion-content {
        padding: 0 1rem 1rem 1rem !important;
    }
    
    /* Service Detail Icon */
    .service-detail-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .service-detail-card.accordion-item .accordion-header .service-detail-icon {
        font-size: 2rem !important;
    }
    
    /* Service Detail Card Titles */
    .service-detail-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .service-detail-card.accordion-item .accordion-header h3 {
        font-size: 1.1rem !important;
    }
    
    /* Service Detail Card Paragraphs */
    .service-detail-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Service Features List */
    .service-features {
        margin: 0.75rem 0 !important;
        padding-left: 1rem !important;
    }
    
    .service-features li {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
        padding-left: 0.25rem !important;
    }
    
    /* Service Info */
    .service-info {
        margin-top: 1rem !important;
    }
    
    .service-package,
    .service-schedule,
    .service-trainer {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Category Titles */
    .category-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        padding: 0 1rem !important;
    }
    
    /* Service Gallery */
    .service-gallery {
        margin-top: 1rem !important;
    }
    
    .service-gallery .gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }
    
    .service-gallery .gallery-item {
        overflow: hidden !important;
        border-radius: 8px !important;
    }
    
    .service-gallery .gallery-img {
        height: 150px !important;
        width: 100% !important;
        object-fit: cover !important;
    }
    
    /* FAQ Services Section */
    .faq-services-section {
        padding: 2rem 0 !important;
    }
    
    .faq-services-section .container {
        padding: 0 1rem !important;
    }
    
    .faq-services-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* FAQ Services Carousel - Mobilde animasyon kapalı */
    #faqServicesCarousel {
        animation: none !important;
    }
    
    .faq-services-item {
        min-width: 280px !important;
        max-width: 280px !important;
        width: 280px !important;
        padding: 1.25rem !important;
    }
    
    .faq-services-question {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .faq-services-answer {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Contact CTA Card */
    .contact-cta-card {
        padding: 1.5rem !important;
        margin: 0 1rem !important;
    }
    
    .contact-cta-title {
        font-size: 1.25rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .contact-cta-text {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
    }
    
    .contact-cta-button {
        font-size: 0.95rem !important;
        padding: 0.75rem 1.5rem !important;
    }
    
    /* Services Section Padding */
    .services-detail-section {
        padding: 2rem 0 !important;
    }
    
    .services-detail-section .container {
        padding: 0 1rem !important;
    }
    
    .service-category {
        margin-bottom: 2.5rem !important;
    }
    
    /* PACKAGES SAYFASI MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    /* Packages Detail Section */
    .packages-detail-section {
        padding: 2rem 0 !important;
    }
    
    .packages-detail-section .container {
        padding: 0 1rem !important;
    }
    
    .packages-detail-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Packages Carousel - Mobilde animasyon kapalı */
    #packagesCarousel {
        animation: none !important;
    }
    
    .packages-detail-section .package-card {
        min-width: 280px !important;
        max-width: 280px !important;
        width: 280px !important;
        padding: 1.5rem !important;
    }
    
    .package-header h3 {
        font-size: 1.25rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .package-subtitle {
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
    }
    
    .package-features {
        margin-bottom: 1rem !important;
    }
    
    .package-features li {
        font-size: 0.85rem !important;
        padding: 0.5rem 0 !important;
        line-height: 1.4 !important;
    }
    
    .package-btn {
        font-size: 0.9rem !important;
        padding: 0.75rem 1rem !important;
    }
    
    /* Standard Features Section */
    .standard-features-section {
        padding: 2rem 0 !important;
    }
    
    .standard-features-section .container {
        padding: 0 1rem !important;
    }
    
    .standard-features-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .standard-features-section .section-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Standard Features Carousel - Mobilde animasyon kapalı */
    #standardFeaturesCarousel {
        animation: none !important;
    }
    
    .standard-feature-item {
        min-width: 250px !important;
        max-width: 250px !important;
        width: 250px !important;
        padding: 1.25rem !important;
    }
    
    .standard-feature-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .standard-feature-item h3 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .standard-feature-item p {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
    
    /* Additional Services Section */
    .additional-services-section {
        padding: 2rem 0 !important;
    }
    
    .additional-services-section .container {
        padding: 0 1rem !important;
    }
    
    .additional-services-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .additional-services-section .section-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Additional Services Grid - Mobilde yatay 3 kart */
    .additional-services-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.75rem !important;
    }
    
    .additional-service-card {
        padding: 1rem 0.75rem !important;
        min-height: auto !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .additional-service-icon {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .additional-service-card h3 {
        font-size: 0.85rem !important;
        margin-bottom: 0.4rem !important;
        line-height: 1.3 !important;
    }
    
    .additional-service-card p {
        font-size: 0.75rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
        flex-grow: 0 !important;
    }
    
    .additional-service-card .btn {
        font-size: 0.75rem !important;
        padding: 0.5rem 0.75rem !important;
        margin-top: auto !important;
        white-space: nowrap !important;
    }
    
    /* FAQ Packages Section */
    .faq-packages-section {
        padding: 2rem 0 !important;
    }
    
    .faq-packages-section .container {
        padding: 0 1rem !important;
    }
    
    .faq-packages-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* FAQ Packages Carousel - Mobilde animasyon kapalı */
    #faqPackagesCarousel {
        animation: none !important;
    }
    
    .faq-packages-item {
        min-width: 280px !important;
        max-width: 280px !important;
        width: 280px !important;
        padding: 1.25rem !important;
    }
    
    .faq-packages-question {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .faq-packages-answer {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* TRAINERS SAYFASI MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    /* Management Team Section */
    .management-team-section {
        padding: 2rem 0 !important;
    }
    
    .management-team-section .container {
        padding: 0 1rem !important;
    }
    
    .management-team-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .management-team-section .section-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Trainers Detail Section */
    .trainers-detail-section {
        padding: 2rem 0 !important;
    }
    
    .trainers-detail-section .container {
        padding: 0 1rem !important;
    }
    
    .trainers-detail-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .trainers-detail-section .section-subtitle {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Trainer Profile Cards */
    .trainer-profile-card {
        padding: 1.5rem !important;
    }
    
    .trainer-profile-info {
        padding: 0 !important;
    }
    
    .trainer-name {
        font-size: 1.25rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .trainer-subtitle {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .trainer-experience {
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
    }
    
    .trainer-description {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
    }
    
    /* Trainer Specialties */
    .trainer-specialties {
        margin-bottom: 1rem !important;
        gap: 0.5rem !important;
    }
    
    .specialty-tag {
        font-size: 0.8rem !important;
        padding: 0.35rem 0.75rem !important;
    }
    
    /* Trainer Certifications & Lessons */
    .trainer-certifications,
    .trainer-lessons {
        margin-bottom: 0.75rem !important;
    }
    
    .trainer-certifications p,
    .trainer-lessons p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    .trainer-certifications strong,
    .trainer-lessons strong {
        font-size: 0.85rem !important;
    }
    
    /* Trainer Contact Button */
    .trainer-contact-btn {
        font-size: 0.9rem !important;
        padding: 0.75rem 1.5rem !important;
        margin-top: 1rem !important;
    }
    
    /* Why Trainers Section */
    .trainers-why-section {
        padding: 2rem 0 !important;
    }
    
    .trainers-why-section .container {
        padding: 0 1rem !important;
    }
    
    .trainers-why-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Why Trainers Carousel - Mobilde animasyon kapalı */
    #trainersWhyCarousel {
        animation: none !important;
    }
    
    .why-item {
        min-width: 250px !important;
        max-width: 250px !important;
        width: 250px !important;
        padding: 1.25rem !important;
    }
    
    .why-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .why-item h3 {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .why-item p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    /* BLOG SAYFASI MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    /* Featured Posts Section */
    .featured-posts-section {
        padding: 2rem 0 !important;
    }
    
    .featured-posts-section .container {
        padding: 0 1rem !important;
    }
    
    .featured-posts-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Featured Posts Grid - Mobilde tek sütun */
    .featured-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .featured-post-card {
        margin-bottom: 1.5rem !important;
    }
    
    .featured-post-image {
        height: 200px !important;
        object-fit: cover !important;
    }
    
    .featured-post-content {
        padding: 1.25rem !important;
    }
    
    .featured-post-content h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .featured-post-content p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .blog-link {
        font-size: 0.9rem !important;
    }
    
    /* Blog Posts Section */
    .blog-posts-section {
        padding: 2rem 0 !important;
    }
    
    .blog-posts-section .container {
        padding: 0 1rem !important;
    }
    
    .blog-posts-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Blog Filter Buttons */
    .blog-filter-container {
        margin-bottom: 1.5rem !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }
    
    .blog-filter-btn {
        font-size: 0.85rem !important;
        padding: 0.5rem 1rem !important;
    }
    
    /* Blog Grid - Mobilde tek sütun */
    .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .blog-card {
        margin-bottom: 1.5rem !important;
    }
    
    .blog-image {
        height: 200px !important;
        object-fit: cover !important;
    }
    
    .blog-content {
        padding: 1.25rem !important;
    }
    
    /* Blog Meta */
    .blog-meta {
        gap: 0.5rem !important;
        margin-bottom: 0.75rem !important;
        flex-wrap: wrap !important;
    }
    
    .blog-category-tag {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.75rem !important;
    }
    
    .blog-date,
    .blog-read-time {
        font-size: 0.75rem !important;
    }
    
    /* Blog Card Title */
    .blog-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    /* Blog Card Description */
    .blog-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Blog Tags */
    .blog-tags {
        margin-top: 0.75rem !important;
        gap: 0.5rem !important;
        flex-wrap: wrap !important;
    }
    
    .blog-tag {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
    }

    /* Blog Detail - Mobile */
    .blog-detail-section {
        padding: 1.5rem 0 !important;
    }

    .blog-detail-content {
        padding: 0 1rem !important;
    }

    .blog-detail-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
    }

    .blog-detail-body {
        font-size: 1rem !important;
        line-height: 1.7 !important;
    }

    .blog-detail-body h2 {
        font-size: 1.5rem !important;
        margin-top: 2rem !important;
        margin-bottom: 0.75rem !important;
    }

    .blog-detail-body h3 {
        font-size: 1.25rem !important;
        margin-top: 1.5rem !important;
        margin-bottom: 0.75rem !important;
    }

    .blog-detail-body p {
        margin-bottom: 1rem !important;
        line-height: 1.7 !important;
    }

    .blog-detail-body ul,
    .blog-detail-body ol {
        padding-left: 1.5rem !important;
        margin: 1rem 0 !important;
    }

    .blog-detail-body li {
        margin-bottom: 0.5rem !important;
        line-height: 1.6 !important;
    }
    
    /* Blog Detail Header & Meta - Mobile */
    .blog-detail-header {
        margin-bottom: 1.5rem !important;
    }
    
    .blog-detail-meta {
        gap: 0.5rem !important;
        margin-bottom: 1rem !important;
        flex-wrap: wrap !important;
    }
    
    .blog-detail-meta span {
        font-size: 0.8rem !important;
    }
    
    /* Blog Detail Header - Mobile (Kart gibi görünmeli) */
    .blog-detail-header {
        width: 100% !important;
        padding: 1.5rem !important;
        background: #FFFFFF !important; /* BEYAZ ARKA PLAN - WEBDEKİ GİBİ */
        background-color: #FFFFFF !important;
        border-radius: 12px !important;
        border: 2px solid var(--gold-primary) !important;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important; /* DAHA AÇIK GÖLGE */
        box-sizing: border-box !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Blog Detail Header içindeki metinler - siyah renk */
    .blog-detail-header h1,
    .blog-detail-header h2,
    .blog-detail-header h3,
    .blog-detail-header .blog-detail-title,
    .blog-detail-header .blog-detail-meta,
    .blog-detail-header .blog-detail-meta * {
        color: #000000 !important;
    }
    
    /* Blog Detail Image - Mobile (Görsel kart ile aynı boyutta olmalı) */
    .blog-detail-image {
        margin-bottom: 1.5rem !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 16/9 !important;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6) !important;
        border: 2px solid var(--gold-primary) !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .blog-detail-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }
    
    /* Blog Detail Body Images - Mobile (ÖNEMLİ: İçerikteki görselleri mobil uyumlu yap) */
    .blog-detail-body img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 1.5rem auto !important;
        border-radius: 8px !important;
        object-fit: cover !important;
    }
    
    /* Blog Detail Body içindeki tüm görseller için */
    .blog-detail-body figure,
    .blog-detail-body figure img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        margin: 1.5rem auto !important;
    }
    
    /* Blog Detail Content - Mobile */
    .blog-detail-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Blog Detail Body - Mobile */
    .blog-detail-body {
        overflow-x: hidden !important;
        word-wrap: break-word !important;
    }
    
    /* Blog Detail Body içindeki tabloları mobil uyumlu yap */
    .blog-detail-body table {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Blog Detail Body içindeki iframe/video'ları mobil uyumlu yap */
    .blog-detail-body iframe,
    .blog-detail-body video,
    .blog-detail-body embed {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
    }
    
    /* Related Posts Section - Mobile */
    .related-posts-section {
        padding: 2rem 0 !important;
    }
    
    .related-posts-section .container {
        padding: 0 1rem !important;
    }
    
    .related-posts-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .related-posts-section .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .related-posts-section .blog-image {
        height: 200px !important;
        object-fit: cover !important;
    }
    
    /* CONTACT SAYFASI MOBİL OPTİMİZASYONU - WEB'DE DEĞİŞİKLİK YOK */
    
    /* Quick FAQ Section */
    .quick-faq-section {
        padding: 2rem 0 !important;
    }
    
    .quick-faq-section .container {
        padding: 0 1rem !important;
    }
    
    .quick-faq-section .section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Quick FAQ Grid - Mobilde tek sütun */
    .quick-faq-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .quick-faq-item {
        padding: 1.25rem !important;
    }
    
    .quick-faq-item h3 {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .quick-faq-item p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Where Are We Section */
    .where-are-we-section {
        padding: 2rem 0 !important;
    }
    
    .where-are-we-section .container {
        padding: 0 1rem !important;
    }
    
    .where-are-we-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Where Are We Content - Mobilde tek sütun */
    .where-are-we-content {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .where-are-we-text {
        order: 1 !important;
    }
    
    .where-are-we-description {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    .where-are-we-video {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .where-are-we-video video {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
        border-radius: 8px !important;
        object-fit: cover !important;
    }
    
    /* Contact Detail Section */
    .contact-detail-section {
        padding: 2rem 0 !important;
    }
    
    .contact-detail-section .container {
        padding: 0 1rem !important;
    }
    
    .contact-section-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Contact Map Info Grid - Mobilde tek sütun */
    .contact-map-info-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    /* Location Map - Mobile */
    .location-map {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .location-map iframe {
        width: 100% !important;
        max-width: 100% !important;
        height: 250px !important;
        border-radius: 8px !important;
    }
    
    .map-view-btn {
        width: 100% !important;
        margin-top: 1rem !important;
        font-size: 0.9rem !important;
        padding: 0.75rem 1.5rem !important;
    }
    
    /* Contact Info Cards */
    .contact-info-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    .contact-info-card {
        padding: 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .contact-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .contact-info-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .contact-info-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .address-text {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    .contact-link {
        font-size: 0.9rem !important;
    }
    
    .contact-spacing {
        margin-bottom: 0.5rem !important;
    }

    /* Quick FAQ - Mobile */
    .quick-faq-section {
        padding: 2rem 0 !important;
    }

    .quick-faq-item {
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .quick-faq-item h3 {
        font-size: 0.95rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.4 !important;
    }

    .quick-faq-item p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }

    /* Stats Section - Mobile */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    .stat-card {
        padding: 1rem !important;
    }

    .stat-number {
        font-size: 2rem !important;
    }

    .stat-label {
        font-size: 0.8rem !important;
    }

    /* Floating Buttons - Mobile */
    .floating-action-buttons {
        bottom: 16px !important;
        right: 16px !important;
        left: auto !important;
        gap: 10px !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        z-index: 10010 !important;
    }

    .floating-action-btn {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }

    .floating-action-btn svg {
        width: 24px !important;
        height: 24px !important;
    }

    .floating-whatsapp-btn,
    a.floating-whatsapp-btn {
        position: fixed !important;
        bottom: 150px !important; /* FORCED HIGHER - same as scroll-top button - aligned */
        right: 20px !important; /* Match left spacing */
        left: auto !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        z-index: 99997 !important; /* Below submenu on mobile */
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
    }

    .floating-whatsapp-btn svg {
        width: 28px !important;
        height: 28px !important;
    }

    /* Trainers Page - Mobile */
    .trainers-profile-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .trainer-profile-card {
        max-width: 100% !important;
        width: 100% !important;
    }

    .management-team-section .trainers-profile-grid {
        max-width: 100% !important;
    }

    .management-team-section .trainer-profile-card {
        max-width: 100% !important;
    }

    .trainer-photo-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .trainer-profile-photo {
        width: 100% !important;
        height: auto !important;
    }

    /* Services Preview - Mobile - Yatay Scroll */
    .services-preview-section .carousel-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        overscroll-behavior: auto !important; /* Dikey scroll'u engelleme */
    }
    
    .services-preview-section .carousel-track {
        gap: 1rem !important;
        animation: none !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        touch-action: pan-x pan-y !important;
        pointer-events: auto !important;
    }

    .service-preview-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        scroll-snap-align: center !important;
    }

    /* Why Momentum - Mobile - Yatay Scroll */
    .why-momentum-section .carousel-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        overscroll-behavior: auto !important; /* Dikey scroll'u engelleme */
    }
    
    .why-momentum-section .carousel-track {
        gap: 1rem !important;
        animation: none !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        touch-action: pan-x pan-y !important;
        pointer-events: auto !important;
    }

    .advantage-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        scroll-snap-align: center !important;
        max-width: 280px !important;
        padding: 1.25rem !important;
    }

    .advantage-icon {
        font-size: 2.5rem !important;
        margin-bottom: 0.75rem !important;
    }

    .advantage-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }

    .advantage-card p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }

    /* Gallery - Mobile */
    .gallery-carousel-item {
        min-width: 85vw !important;
        max-width: 85vw !important;
    }

    .gallery-carousel-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        min-height: 200px !important;
        max-height: 360px !important;
        object-fit: cover !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Testimonials - Mobile */
    .testimonials-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .testimonials-section .carousel-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        margin-top: 2rem !important;
    }

    .testimonials-section .carousel-track {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        gap: 1rem !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
    }

    .testimonial-card {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1.5rem !important;
        flex-shrink: 0 !important;
        scroll-snap-align: center !important;
        aspect-ratio: unset !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    .testimonial-rating {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }

    .testimonial-text {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
    }

    .testimonial-author {
        font-size: 0.85rem !important;
    }

    .testimonial-author strong {
        font-size: 1rem !important;
    }

    .testimonial-author span {
        font-size: 0.8rem !important;
    }

    /* FAQ - Mobile */
    .faq-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .faq-section .carousel-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        margin-top: 2rem !important;
    }

    .faq-section .carousel-track {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        gap: 1rem !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
    }

    .faq-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1.25rem !important;
        flex-shrink: 0 !important;
        scroll-snap-align: center !important;
        aspect-ratio: unset !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }

    .faq-question {
        font-size: 1rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.75rem !important;
    }

    .faq-answer {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
    }

    /* Blog Preview - Mobile */
    .blog-preview-section .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .blog-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    .blog-image {
        height: 200px !important;
        object-fit: cover;
    }

    .blog-content {
        padding: 1rem !important;
    }

    .blog-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }

    .blog-card p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }

    /* Packages Preview - Mobile */
    .packages-preview-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .package-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    .package-header h3 {
        font-size: 1.25rem !important;
    }

    .package-features {
        font-size: 0.9rem !important;
    }

    .package-features li {
        margin-bottom: 0.5rem !important;
        line-height: 1.5 !important;
    }

    .package-btn {
        padding: 0.75rem 1.5rem !important;
        font-size: 0.95rem !important;
        min-height: 44px;
    }

    /* First Time Section - Mobile */
    .first-time-content {
        flex-direction: column !important;
        gap: 1.5rem !important;
        align-items: stretch !important;
    }

    .first-time-text {
        text-align: center;
        width: 100% !important;
        min-height: auto !important;
        padding: 1.5rem !important;
    }

    .first-time-image {
        width: 100% !important;
        min-height: auto !important;
        max-height: none !important;
        aspect-ratio: 4/3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .first-time-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        max-height: none !important;
        aspect-ratio: 4/3 !important;
    }

    /* Hero Content - Mobile */
    .hero-content {
        padding-top: calc(var(--top-bar-height) + var(--navbar-offset) + 2rem) !important;
    }

    .hero-title {
        font-size: 2rem !important;
        white-space: normal;
        line-height: 1.2 !important;
    }
    
    .hero-title-line2 {
        display: inline-block !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    .hero-slogan {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
    }

    .hero-subtitle {
        font-size: 0.95rem !important;
        line-height: 1.4 !important;
    }

    .hero-buttons {
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .btn {
        width: 100%;
        max-width: 300px;
    }
}

/* ==========================================================================
   Page Header (for all pages)
   ========================================================================== */
.page-header {
    background: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    color: #FFFFFF !important;
    padding: 3rem 0 2.5rem;
    text-align: center;
    margin-top: 0 !important; /* DESKTOP: BODY PADDING-TOP ZATEN VAR, EKSTRA MARGIN GEREK YOK */
    position: relative;
    border-bottom: 2px solid #B8941F;
    z-index: 10 !important;
    opacity: 1 !important;
    background-color: #D4AF37 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    max-height: none;
}

.page-header::before {
    display: none !important;
}

.page-header > * {
    position: relative;
    z-index: 1;
}

.page-header .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Desktop: Page header genişlik kontrolü */
@media (min-width: 769px) {
    .page-header {
        padding: calc(var(--top-bar-height) + var(--navbar-offset) + 3rem) 0 2.5rem !important;
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        margin-top: 0 !important;
    }
    
    .page-header h1 {
        margin-bottom: 0.75rem;
    }
    
    .page-header p {
        margin: 0;
    }
}

.page-header h1 {
    font-size: 4.5rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-clip: unset !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

/* Gradient text desteklemeyen tarayıcılar için fallback */
@supports not (-webkit-background-clip: text) {
    .page-header h1 {
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }
}

.page-header p {
    font-size: 1.5rem;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   About Page Styles
   ========================================================================== */
.story-section {
    background: var(--bg-primary);
}

.story-content {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}

.story-text {
    padding: 2rem;
}

.story-text p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
    color: var(--text-secondary);
    font-size: 1.1rem;
}

.story-image img {
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.vision-mission-section {
    background: var(--bg-primary);
    position: relative;
}

.vision-mission-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.03) 0%, rgba(197, 160, 89, 0.05) 100%);
    z-index: 0;
    pointer-events: none;
}

.vision-mission-section .container {
    position: relative;
    z-index: 1;
}

.about-intro-section {
    text-align: center;
    margin-bottom: 4rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.about-intro-section .section-title {
    margin-bottom: 1.5rem;
}

.about-intro-description {
    font-size: 1.2rem;
    color: #000000 !important;
    line-height: 1.8;
    font-weight: 400;
    margin: 0 auto;
}

.vision-mission-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: stretch;
}

.vision-card,
.mission-card {
    background: #FFFFFF !important;
    padding: 3rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #D4AF37 !important;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.vision-card::before,
.mission-card::before {
    display: none !important;
}

.vision-card > *,
.mission-card > * {
    position: relative;
    z-index: 1;
}

.vision-card:hover,
.mission-card:hover {
    transform: translateY(-8px);
    border-color: #D4AF37 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    background: #FFFFFF !important;
}

.vision-card:hover::before,
.mission-card:hover::before {
    display: none !important;
}

.vision-icon,
.mission-icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    color: #D4AF37 !important;
    display: none !important;
    filter: none !important;
    transition: all 0.3s ease;
}

.vision-card:hover .vision-icon,
.mission-card:hover .mission-icon {
    transform: scale(1.1);
    filter: none !important;
    color: #D4AF37 !important;
}

.vision-card h2,
.mission-card h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important;
    background-clip: unset !important;
    color: #000000 !important;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-shadow: none !important;
}

.vision-card:hover h2,
.mission-card:hover h2 {
    color: #D4AF37 !important;
    filter: none !important;
}

.vision-card p,
.mission-card p {
    line-height: 1.8;
    color: #000000 !important;
    font-size: 1.05rem;
    margin-bottom: 1rem;
    flex-grow: 1;
    font-weight: 500 !important;
}

.mission-highlight,
.vision-highlight {
    color: #000000 !important;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.7;
    margin-top: auto;
    padding: 1rem;
    background: rgba(212, 175, 55, 0.1) !important;
    border-left: 3px solid #D4AF37 !important;
    border-radius: 8px;
    text-align: left !important;
}

.trainers-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.trainer-overview-card {
    background: #FFFFFF !important;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #D4AF37 !important;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.trainer-overview-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.trainer-overview-card > * {
    position: relative;
    z-index: 1;
}

.trainer-overview-card:hover {
    transform: translateY(-8px);
    border-color: #D4AF37 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    background: #FFFFFF !important;
}

.trainer-overview-card:hover::before {
    opacity: 0.08;
}

.trainer-overview-card .team-avatar {
    font-size: 4rem;
    margin: 0 auto 1rem;
    color: #D4AF37 !important;
    filter: none !important;
    transition: all 0.3s ease;
}

.trainer-overview-card:hover .team-avatar {
    transform: scale(1.1);
    filter: none !important;
    color: #D4AF37 !important;
}

.trainer-overview-card h3 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: #000000 !important;
    font-weight: 700;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.trainer-overview-card p {
    color: #000000 !important;
    font-size: 0.95rem;
    line-height: 1.6;
    font-weight: 500 !important;
}

.trainers-overview-cta {
    text-align: center;
    margin-top: 3rem;
}

/* ==========================================================================
   Services Page Styles
   ========================================================================== */
.services-detail-section {
    background: var(--bg-primary);
}

.services-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 2rem;
    isolation: isolate;
    align-items: start;
    grid-auto-rows: min-content;
}

.services-detail-grid > .service-detail-card {
    isolation: isolate;
    height: auto;
    align-self: start;
}

.service-detail-card {
    background: #FFFFFF;
    padding: 1.5rem;
    border-radius: 12px;
    position: relative;
    isolation: isolate;
    border: 1px solid var(--gold-border);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.service-detail-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

/* Accordion Styles */
.service-detail-card.accordion-item {
    padding: 0;
    overflow: visible;
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: auto;
    align-self: start;
}

.service-detail-card.accordion-item .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s ease;
    position: relative;
    z-index: 10;
    pointer-events: auto;
    background: #FFFFFF;
    border-bottom: 1px solid var(--gold-border);
}

.service-detail-card.accordion-item .accordion-header:hover {
    background-color: rgba(212, 175, 55, 0.05);
}

.service-detail-card.accordion-item .accordion-header-content {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.service-detail-card.accordion-item .accordion-header .service-detail-icon {
    margin-bottom: 0;
    font-size: 2.5rem;
}

.service-detail-card.accordion-item .accordion-header h3 {
    margin-bottom: 0;
    flex: 1;
}

.service-detail-card.accordion-item .accordion-toggle {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--gold-primary);
    transition: transform 0.3s ease;
    min-width: 30px;
    text-align: center;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1000;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.service-detail-card.accordion-item.active .accordion-toggle {
    transform: rotate(45deg);
}

.service-detail-card.accordion-item .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;
    padding: 0 1.5rem;
    opacity: 0;
    display: block;
    position: relative;
    z-index: 1;
    isolation: isolate;
    contain: layout style paint;
    will-change: max-height, padding, opacity;
}

.service-detail-card.accordion-item.active .accordion-content {
    max-height: 10000px;
    padding: 0 1.5rem 1.5rem 1.5rem;
    opacity: 1;
    display: block;
}

.service-detail-card.accordion-item .accordion-content > p:first-child {
    margin-top: 0;
    padding-top: 1rem;
}

.service-detail-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.service-detail-card h3 {
    font-size: 1.4rem;
    margin-bottom: 0.75rem;
    color: var(--text-primary);
}

.service-detail-card > p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.service-features {
    list-style: none;
    padding: 0;
}

.service-features li {
    padding: 0.35rem 0;
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.cta-section {
    text-align: center;
    background: var(--bg-surface);
    color: var(--text-primary);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(197, 160, 89, 0.2) 100%);
    z-index: 0;
    pointer-events: none;
}

.cta-section .container {
    position: relative;
    z-index: 1;
}

.cta-section h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.cta-section p {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    color: var(--text-secondary);
}

/* ==========================================================================
   Packages Page Styles
   ========================================================================== */
.packages-detail-section {
    background: var(--bg-primary);
}

.student-packages-section {
    background: var(--bg-primary);
}

.student-package {
    border: 2px solid var(--accent-color);
}

.student-badge {
    background: var(--gold-gradient);
    color: var(--bg-primary);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-top: 0.5rem;
}

.campaigns-section {
    background: var(--bg-primary);
}

.campaigns-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.campaign-card {
    background: var(--bg-surface);
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
}

.campaign-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

.campaign-badge {
    position: absolute;
    top: -15px;
    right: 20px;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
}

.campaign-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.campaign-card p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* ==========================================================================
   Trainers Page Styles
   ========================================================================== */
.trainers-detail-section {
    background: var(--bg-primary);
}

.trainers-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 3rem;
}

.trainer-detail-card {
    background: var(--bg-surface);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.trainer-detail-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

.trainer-detail-photo {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.trainer-detail-info {
    padding: 2rem;
}

.trainer-detail-info h3 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.trainer-role {
    color: var(--gold-primary);
    font-weight: 600;
    margin-bottom: 1rem;
}

.trainer-description {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.trainer-specialties {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.specialty-tag {
    background: var(--bg-surface-2);
    color: var(--gold-primary);
    padding: 0.4rem 1rem;
    border-radius: 20px;
    border: 1px solid var(--gold-border);
    font-size: 0.85rem;
    font-weight: 500;
}

.trainers-why-section {
    background: var(--bg-primary);
}

.trainers-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.why-item {
    text-align: center;
    padding: 2rem;
}

.why-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.why-item h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.why-item p {
    color: var(--text-secondary);
    line-height: 1.6;
}

/* ==========================================================================
   Blog Page Styles
   ========================================================================== */
.blog-categories-section {
    background: var(--bg-primary);
    padding: 2rem 0;
}

.blog-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.category-btn {
    padding: 0.75rem 1.5rem;
    background: var(--bg-surface);
    border: 2px solid var(--gold-primary);
    color: var(--gold-primary);
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.category-btn:hover,
.category-btn.active {
    background: var(--gold-gradient);
    color: var(--bg-primary);
    border-color: transparent;
}

.blog-posts-section {
    background: var(--bg-primary);
}

.blog-category-group {
    margin-bottom: 4rem;
}

.blog-category-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: var(--text-primary);
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--primary-color);
}

.blog-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ==========================================================================
   Contact Page Styles (Legacy - kept for compatibility)
   ========================================================================== */
.contact-detail-section {
    background: var(--light-bg);
}

/* Note: .contact-detail-wrapper, .contact-info-column, .contact-form-column 
   are defined in the enhanced contact styles section below */

/* Responsive */
@media (max-width: 1024px) {
    .story-content,
    .vision-mission-grid,
    .services-detail-grid,
    .trainers-detail-grid,
    .contact-detail-wrapper {
        grid-template-columns: 1fr;
    }

    .trainers-overview-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .trainers-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .campaigns-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .page-header {
        padding: 4rem 0 3rem !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-top: -1px !important; /* NAVBAR İLE BİRLEŞTİR */
    }

    .page-header h1 {
        font-size: 2rem;
    }

    .page-header p {
        font-size: 1rem;
    }

    .trainers-overview-grid,
    .trainers-why-grid {
        grid-template-columns: 1fr;
    }

    .contact-detail-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Services Preview Section */
.services-preview-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

/* Carousel Wrapper */
.carousel-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 3rem;
}

.carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 15s linear infinite;
    will-change: transform;
}

/* Hover pause tamamen kaldırıldı - Tüm cihazlarda kaydırma her zaman çalışır */
.carousel-track:hover,
.carousel-track:active,
.carousel-track:focus,
.carousel-wrapper:hover .carousel-track,
.carousel-wrapper:active .carousel-track,
.carousel-wrapper:focus .carousel-track,
.packages-detail-section .carousel-track:hover,
.packages-detail-section .carousel-track:active,
.packages-detail-section .carousel-track:focus,
.services-preview-section .carousel-track:hover,
.services-preview-section .carousel-track:active,
.services-preview-section .carousel-track:focus,
.testimonials-section .carousel-track:hover,
.testimonials-section .carousel-track:active,
.testimonials-section .carousel-track:focus,
.faq-section .carousel-track:hover,
.faq-section .carousel-track:active,
.faq-section .carousel-track:focus,
.standard-features-section .carousel-track:hover,
.standard-features-section .carousel-track:active,
.standard-features-section .carousel-track:focus,
.faq-packages-section .carousel-track:hover,
.faq-packages-section .carousel-track:active,
.faq-packages-section .carousel-track:focus,
.trainers-why-section .carousel-track:hover,
.trainers-why-section .carousel-track:active,
.trainers-why-section .carousel-track:focus,
.blog-section .carousel-track:hover,
.blog-section .carousel-track:active,
.blog-section .carousel-track:focus,
.blog-posts-section .carousel-track:hover,
.blog-posts-section .carousel-track:active,
.blog-posts-section .carousel-track:focus,
#servicesCarousel:hover,
#servicesCarousel:active,
#servicesCarousel:focus,
#advantagesCarousel:hover,
#advantagesCarousel:active,
#advantagesCarousel:focus,
#galleryCarousel:hover,
#galleryCarousel:active,
#galleryCarousel:focus,
#testimonialsCarousel:hover,
#testimonialsCarousel:active,
#testimonialsCarousel:focus,
#faqCarousel:hover,
#faqCarousel:active,
#faqCarousel:focus,
#facilitiesCarousel:hover,
#facilitiesCarousel:active,
#facilitiesCarousel:focus,
#valuesCarousel:hover,
#valuesCarousel:active,
#valuesCarousel:focus,
#certificationsCarousel:hover,
#certificationsCarousel:active,
#certificationsCarousel:focus,
#galleryAboutCarousel:hover,
#galleryAboutCarousel:active,
#galleryAboutCarousel:focus,
#successStoriesCarousel:hover,
#successStoriesCarousel:active,
#successStoriesCarousel:focus,
#packagesCarousel:hover,
#packagesCarousel:active,
#packagesCarousel:focus,
#standardFeaturesCarousel:hover,
#standardFeaturesCarousel:active,
#standardFeaturesCarousel:focus,
#faqPackagesCarousel:hover,
#faqPackagesCarousel:active,
#faqPackagesCarousel:focus,
#blogCarousel:hover,
#blogCarousel:active,
#blogCarousel:focus {
    animation-play-state: running !important;
}

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

.service-preview-card {
    background: var(--bg-surface);
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
    flex-shrink: 0;
    min-width: 280px;
    max-width: 280px;
}

.service-preview-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px var(--gold-glow), 0 10px 25px rgba(0, 0, 0, 0.6);
    border-color: var(--gold-primary);
}

.service-preview-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.service-preview-card h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.service-preview-card p {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.services-preview-cta {
    text-align: center;
    margin-top: 3rem;
}

/* Why Momentum Section */
.why-momentum-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

/* Advantages Carousel - uses same carousel-wrapper and carousel-track classes */
.advantages-grid {
    display: none; /* Hide old grid, using carousel now */
}

#advantagesCarousel .advantage-card {
    flex-shrink: 0;
    min-width: 320px;
    max-width: 320px;
}

/* Premium Advantage Cards */
.advantage-card {
    background: var(--bg-surface);
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid var(--gold-border);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}

.advantage-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.advantage-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.advantage-card:hover::before {
    opacity: 0.05;
}

.advantage-card > * {
    position: relative;
    z-index: 1;
}

.advantage-card:hover h3,
.advantage-card:hover .advantage-icon {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.advantage-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.advantage-card h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.advantage-card p {
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Team Preview Section */
.team-preview-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.team-preview-cta {
    text-align: center;
    margin-top: 3rem;
}

/* Blog Preview Section */
.blog-preview-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.blog-preview-cta {
    text-align: center;
    margin-top: 3rem;
}

/* Contact Location Section (for index.html) */
.contact-location-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.contact-location-wrapper {
    margin-bottom: 3rem;
}

.contact-location-wrapper .location-map {
    margin-bottom: 2rem;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 2rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Base contact-info-card styles (for index.html) */
.contact-info-grid .contact-info-card {
    background: var(--bg-surface);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    border: 1px solid var(--gold-border);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.contact-info-grid .contact-info-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.contact-info-grid .contact-info-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 40px var(--gold-glow), 0 20px 50px rgba(0, 0, 0, 0.7);
}

.contact-info-grid .contact-info-card:hover::before {
    opacity: 0.05;
}

.contact-info-grid .contact-info-card > * {
    position: relative;
    z-index: 1;
}

.contact-info-grid .contact-info-card h3 {
    font-size: 1.3rem;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    letter-spacing: 0.05em;
}

.contact-info-grid .contact-info-card .contact-icon + h3 {
    margin-bottom: 0.5rem !important;
}

.contact-info-grid .contact-info-card .contact-spacer {
    height: 15rem !important;
    display: block !important;
    width: 100% !important;
    min-height: 15rem !important;
    max-height: 15rem !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    content: '' !important;
}

.contact-info-grid .contact-info-card h3 + .contact-spacing,
.contact-info-grid .contact-info-card h3 + .contact-spacer + .contact-spacing {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;
}

.contact-info-grid .contact-info-card p {
    color: var(--text-secondary);
    line-height: 1.8;
}

.contact-info-grid .contact-info-card .address-text {
    color: #000000 !important;
    font-weight: 600;
    font-size: 1.1rem;
}

.contact-info-grid .contact-info-card .contact-spacing {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    padding-top: 0 !important;
    position: relative !important;
    display: block !important;
}

.contact-info-grid .contact-info-card a {
    color: var(--gold-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-info-grid .contact-info-card a:hover {
    color: var(--gold-light);
    text-shadow: 0 0 10px var(--gold-glow);
}

.whatsapp-link {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background: #25D366;
    color: var(--white) !important;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.whatsapp-link:hover {
    background: #20BA5A;
    transform: translateY(-2px);
}

.hours p {
    margin-bottom: 0.5rem;
}

.contact-form-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(197, 160, 89, 0.12) 100%);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.2);
    border: 1px solid var(--gold-border);
    margin-top: 2rem;
}

.form-section-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

/* Contact CTA Card */
.contact-cta-card {
    background: var(--bg-surface);
    border: 1px solid var(--gold-border);
    border-radius: 15px;
    padding: 3rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.contact-cta-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.contact-cta-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 40px var(--gold-glow), 0 20px 50px rgba(0, 0, 0, 0.7);
}

.contact-cta-card:hover::before {
    opacity: 0.05;
}

.contact-cta-content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.contact-cta-title {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.1em;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
    text-transform: uppercase;
}

.contact-cta-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-secondary);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.contact-cta-button {
    margin-top: 1rem;
}

/* Social Media */
.social-media {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.social-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0.5rem;
    border-radius: 8px;
}

.social-link:hover {
    color: var(--white);
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(5px);
}

.social-link svg {
    width: 24px;
    height: 24px;
}

/* Responsive */
@media (max-width: 1024px) {
    .service-preview-card,
    #advantagesCarousel .advantage-card {
        min-width: 250px;
        max-width: 250px;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .service-preview-card,
    #advantagesCarousel .advantage-card {
        min-width: 280px;
        max-width: 280px;
        padding: 1.5rem;
    }

    .carousel-track {
        animation-duration: 12s;
    }

    #galleryCarousel,
    #galleryAboutCarousel,
    .video-gallery-section .carousel-track,
    .gallery-section .carousel-track {
        animation-duration: 15s !important;
        gap: 0.75rem !important;
    }

    .gallery-carousel-item {
        min-width: 250px;
        max-width: 250px;
        height: 180px;
    }

    .hero-content {
        padding-top: 5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hero-title {
        font-size: 2rem;
        white-space: normal;
    }
    
    .hero-title-line2 {
        display: inline-block !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    .hero-slogan {
        font-size: 1.25rem;
    }

    .hero-subtitle {
        font-size: 0.9rem;
    }
}

/* ==========================================================================
   Mini About Section
   ========================================================================== */
.mini-about-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
    padding: 4rem 0;
}

.mini-about-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.mini-about-description {
    font-size: 1.2rem;
    line-height: 1.8;
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

/* ==========================================================================
   Video & Gallery Section
   ========================================================================== */
.video-gallery-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

/* Gallery Carousel - Slower Animation (readable) */
#galleryCarousel,
#galleryAboutCarousel,
.video-gallery-section .carousel-track,
.gallery-section .carousel-track {
    animation: scroll 60s linear infinite !important;
    gap: 1rem !important;
    width: max-content !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
}

/* Gallery Carousel - Calculate width for 16 items: (280px + 16px) * 16 = 4736px per set, total 9472px for 32 items */
#galleryCarousel,
#galleryAboutCarousel {
    width: calc((280px + 1rem) * 32) !important;
}

/* Gallery Carousel Items */
.gallery-carousel-item {
    flex-shrink: 0;
    min-width: 280px;
    max-width: 280px;
    width: 280px;
    height: 200px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
    position: relative;
    background: var(--bg-card);
}

.gallery-carousel-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.gallery-carousel-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    border-color: var(--gold-primary);
}

.gallery-carousel-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

/* ==========================================================================
   Statistics Section
   ========================================================================== */
.stats-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(197, 160, 89, 0.15) 100%);
    color: var(--white);
    padding: 4rem 0;
    position: relative;
}

.stats-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-primary);
    opacity: 0.7;
    z-index: 0;
    pointer-events: none;
}

.stats-section > * {
    position: relative;
    z-index: 1;
}

/* Stats section title - en spesifik ve güçlü kural */
.section.stats-section h2.section-title,
.stats-section h2.section-title,
.stats-section .section-title {
    color: var(--gold-primary) !important; /* Fallback renk */
    background: var(--gold-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 3rem;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    opacity: 1 !important;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

.stat-card {
    text-align: center;
    padding: 2rem;
    background: var(--bg-surface);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
    background: var(--bg-surface-2);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow);
}

.stat-number {
    font-size: 3.5rem;
    font-weight: 900;
    color: var(--gold-primary);
    display: inline-block;
    line-height: 1;
    filter: brightness(0.9);
    text-shadow: 0 2px 10px rgba(212, 175, 55, 0.3);
}

.stat-suffix {
    font-size: 2rem;
    font-weight: 700;
    color: var(--gold-primary);
    display: inline-block;
    margin-left: 0.25rem;
    filter: brightness(0.9);
}

.stat-label {
    font-size: 1.1rem;
    color: var(--text-primary);
    margin-top: 1rem;
    font-weight: 500;
}

/* ==========================================================================
   Testimonials Section
   ========================================================================== */
.testimonials-section {
    background: var(--bg-primary);
}

/* Testimonial cards in carousel */
.testimonials-section .carousel-wrapper {
    margin-top: 3rem;
}

.testimonials-section .testimonial-card {
    flex-shrink: 0;
    min-width: 350px;
    max-width: 350px;
}

.testimonial-card {
    background: var(--bg-surface);
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
    position: relative;
}

.testimonial-card::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 5rem;
    color: var(--gold-primary);
    opacity: 0.2;
    font-family: serif;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow), 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* Disable hover transform in carousel */
.testimonials-section .carousel-track:hover .testimonial-card {
    transform: none;
}

.testimonials-section .carousel-track:hover .testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonial-rating {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
}

.testimonial-text {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.testimonial-author strong {
    color: var(--text-primary);
    font-size: 1.1rem;
}

.testimonial-author span {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* ==========================================================================
   Packages Preview Section
   ========================================================================== */
.packages-preview-section {
    background: var(--bg-primary);
}

.packages-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.package-header {
    margin-bottom: 1.5rem;
}

.package-header h3 {
    margin: 0;
    font-size: 1.5rem;
    color: var(--text-primary);
    white-space: nowrap;
}

.packages-preview-section .package-badge-start,
.packages-preview-section .package-badge,
.packages-detail-section .package-badge-start,
.packages-detail-section .package-badge,
.packages-detail-section .package-badge-premium {
    display: none;
}

.packages-preview-section .package-price,
.packages-detail-section .package-price {
    display: none;
}

.packages-preview-section .package-features {
    margin-bottom: 2rem;
    flex-grow: 1;
}

.packages-preview-section .package-card {
    display: flex;
    flex-direction: column;
}

.packages-preview-section .package-btn {
    margin-top: auto;
    text-align: center;
    text-decoration: none;
    display: block;
}

.packages-preview-cta {
    text-align: center;
    margin-top: 3rem;
}

/* Responsive */
@media (max-width: 1024px) {
    /* Gallery carousel uses carousel-wrapper, no need for video-gallery-wrapper */

    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .packages-preview-grid {
        grid-template-columns: 1fr;
    }

    .stat-number {
        font-size: 2.5rem;
    }

    .stat-suffix {
        font-size: 1.5rem;
    }

    .stat-label {
        font-size: 0.9rem;
    }
}

/* ==========================================================================
   First Time Section
   ========================================================================== */
.first-time-section {
    background: var(--bg-primary);
    position: relative;
    overflow: hidden;
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

.first-time-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    align-items: center;
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

.first-time-text {
    padding: 2rem;
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    border-radius: 15px;
    border: 2px solid var(--gold-primary);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6), 0 0 15px rgba(212, 175, 55, 0.2);
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.first-time-text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.first-time-text > * {
    position: relative;
    z-index: 1;
}

.first-time-text:hover {
    transform: translateY(-5px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.first-time-text:hover::before {
    opacity: 0.05;
}

.first-time-text:hover .section-title {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.first-time-text .section-title {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
    color: var(--gold-primary);
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.first-time-subtitle {
    font-size: 1.1rem;
    color: var(--gold-primary);
    font-weight: 600;
    margin-bottom: 0.8rem;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.first-time-text > p {
    color: var(--text-primary);
    line-height: 1.6;
    margin-bottom: 1.2rem;
    font-size: 0.95rem;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.first-time-list {
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.first-time-list li {
    padding: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9rem;
    line-height: 1.5;
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.first-time-image {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    max-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.first-time-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.first-time-image:hover {
    transform: translateY(-5px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.7);
}

.first-time-image:hover::before {
    opacity: 0.1;
}

.first-time-image img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
    position: relative;
    z-index: 0;
}

.first-time-image:hover img {
    transform: scale(1.05);
}

/* ==========================================================================
   FAQ Section
   ========================================================================== */
.faq-section {
    background: var(--bg-primary);
}

/* FAQ items in carousel */
.faq-section .carousel-wrapper {
    margin-top: 3rem;
}

.faq-section .faq-item {
    flex-shrink: 0;
    min-width: 380px;
    max-width: 380px;
}

.faq-item {
    background: var(--bg-surface);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.faq-item:hover {
    transform: translateY(-3px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow), 0 10px 25px rgba(0, 0, 0, 0.5);
}

.faq-question {
    font-size: 1.3rem;
    color: var(--text-primary);
    margin-bottom: 1rem;
    font-weight: 600;
}

.faq-answer {
    color: #E0E0E0;
    line-height: 1.8;
    font-size: 1rem;
}

.faq-answer a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
}

.faq-answer a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 1024px) {
    .first-time-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .first-time-text {
        width: 100% !important;
        min-height: auto !important;
        padding: 1.5rem !important;
        order: 2 !important;
    }

    .first-time-image {
        order: 1 !important;
        width: 100% !important;
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        aspect-ratio: 4/3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .first-time-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        max-height: none !important;
        aspect-ratio: 4/3 !important;
    }

    .first-time-text .section-title {
        font-size: 1.5rem;
    }

    .faq-section .faq-item {
        min-width: 300px;
        max-width: 300px;
    }
}

/* ==========================================================================
   About Page - Enhanced Styles
   ========================================================================== */

/* Story Timeline */
.story-description,
.story-text .story-description,
.story-section .story-description,
p.story-description {
    font-size: 1.2rem !important;
    color: #000000 !important;
    font-weight: 500 !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.8 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.story-intro {
    font-size: 1.3rem;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 2rem;
}

.story-timeline {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.timeline-item {
    padding: 2.5rem;
    background: var(--bg-surface);
    border-radius: 15px;
    border: 1px solid var(--gold-border);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.timeline-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.timeline-item > * {
    position: relative;
    z-index: 1;
}

.timeline-item:hover {
    transform: translateY(-5px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
}

.timeline-item:hover::before {
    opacity: 0.05;
}

.timeline-item h3 {
    font-size: 1.3rem;
    color: var(--gold-primary);
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.4;
    font-style: normal !important;
}

.timeline-item p {
    font-style: normal !important;
}

.timeline-item ul,
.timeline-item li {
    font-style: normal !important;
}

.timeline-item p {
    color: var(--text-secondary);
    line-height: 1.7;
    margin-bottom: 0;
    font-size: 1rem;
    flex-grow: 1;
}

.timeline-item p strong {
    color: var(--text-primary);
    font-weight: 600;
}

.differentiators-list {
    list-style: none;
    padding: 0;
    margin-top: 0.5rem;
    margin-bottom: 0;
    flex-grow: 1;
}

.differentiators-list li {
    padding: 0.4rem 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Facilities Section */
.facilities-section {
    background: var(--bg-primary);
}

/* Facilities cards in carousel */
.facilities-section .carousel-wrapper {
    margin-top: 3rem;
}

.facilities-section .facility-card {
    flex-shrink: 0;
    min-width: 280px;
    max-width: 280px;
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid var(--gold-primary);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6), 0 0 15px rgba(212, 175, 55, 0.3);
    position: relative;
    overflow: hidden;
}

.facilities-section .facility-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.facilities-section .facility-card > * {
    position: relative;
    z-index: 1;
}

.facilities-section .facility-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 30px var(--gold-glow), 0 15px 40px rgba(0, 0, 0, 0.7);
}

.facilities-section .facility-card:hover::before {
    opacity: 0.08;
}

.facility-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.facilities-section .facility-card h3 {
    font-size: 1.2rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.facilities-section .facility-card:hover h3 {
    color: var(--gold-primary);
    filter: brightness(1.2);
}

.facilities-section .facility-card p {
    color: var(--text-primary);
    font-size: 0.95rem;
}

/* Stats About Section */
.stats-about-section {
    background: var(--bg-primary);
    color: var(--text-primary);
    padding: 4rem 0;
}

.stats-about-section .section-title {
    color: var(--gold-primary);
    margin-bottom: 3rem;
    background: var(--gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stats-about-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

.stat-about-card {
    text-align: center;
    padding: 2rem;
    background: var(--bg-surface);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.stat-about-card:hover {
    transform: translateY(-5px);
    background: var(--bg-surface-2);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow);
}

.stat-about-number {
    font-size: 3.5rem;
    font-weight: 900;
    color: var(--gold-primary);
    display: inline-block;
    line-height: 1;
}

.stat-about-suffix {
    font-size: 2rem;
    font-weight: 700;
    color: var(--gold-light);
    display: inline-block;
    margin-left: 0.25rem;
}

.stat-about-label {
    font-size: 1.1rem;
    color: var(--text-primary);
    margin-top: 1rem;
    font-weight: 500;
}

/* Vision Mission Enhanced */
.mission-highlight,
.vision-highlight {
    margin-top: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(197, 160, 89, 0.12) 100%);
    border-radius: 10px;
    border-left: 4px solid var(--gold-primary);
    border: 1px solid var(--gold-border);
    font-style: italic;
    color: var(--text-primary);
}

/* Values Section */
.values-section {
    background: var(--bg-primary);
}

.values-section .carousel-wrapper {
    margin-top: 3rem;
}

.values-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 15s linear infinite;
    will-change: transform;
}

.value-card {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--gold-border);
    text-align: center;
    transition: all 0.3s ease;
    min-width: 280px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.value-card > * {
    position: relative;
    z-index: 1;
}

.value-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.value-card:hover::before {
    opacity: 0.08;
}

.value-icon {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.5));
    transition: all 0.3s ease;
}

.value-card:hover .value-icon {
    transform: scale(1.1);
    filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.8));
}

.value-card h3 {
    font-size: 1.4rem;
    color: var(--text-primary);
    margin-bottom: 1rem;
    font-weight: 700;
}

.value-card p {
    color: var(--text-primary);
    line-height: 1.8;
    font-size: 0.95rem;
}

/* Team Message Section */
.team-message-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.team-message-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 3rem;
    align-items: start;
}

.team-message-image {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    background: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    max-width: 400px;
    aspect-ratio: 3/4;
    position: relative;
}

.team-avatar-large {
    font-size: 8rem;
    color: var(--gold-primary);
    filter: drop-shadow(0 0 20px rgba(212, 175, 55, 0.6));
}

.team-message-image img,
.team-message-image .team-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 15px;
}

.message-quote {
    font-size: 1.3rem;
    color: var(--gold-primary);
    font-style: italic;
    margin-bottom: 1.5rem;
    line-height: 1.8;
    border-left: 4px solid var(--gold-primary);
    padding-left: 1.5rem;
    font-weight: 500;
}

.team-message-text p {
    color: var(--text-primary);
    line-height: 1.8;
    margin-bottom: 1rem;
    font-size: 1.05rem;
}

.message-signature {
    font-weight: 600;
    color: var(--gold-primary);
    margin-top: 1.5rem;
    font-size: 1.1rem;
}

/* Success Stories Section */
.success-stories-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.success-stories-section .carousel-wrapper {
    margin-top: 3rem;
}

.success-stories-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 15s linear infinite;
    will-change: transform;
}

.success-story-card {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 1.8rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--gold-border);
    transition: all 0.3s ease;
    position: relative;
    min-width: 280px;
    max-width: 300px;
    flex-shrink: 0;
    overflow: hidden;
}

.success-story-card::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 5rem;
    color: var(--gold-primary);
    opacity: 0.2;
    font-family: serif;
    z-index: 0;
}

.success-story-card > * {
    position: relative;
    z-index: 1;
}

.success-story-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    border-color: var(--gold-primary);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.story-rating {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.story-text {
    color: var(--text-primary);
    line-height: 1.6;
    font-size: 0.9rem;
    margin-bottom: 1.2rem;
    font-style: italic;
}

.story-author {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.story-author strong {
    color: var(--text-primary);
    font-size: 1.1rem;
}

.story-author span {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Certifications Section */
.certifications-section {
    background: var(--bg-primary);
}

.certifications-section .carousel-wrapper {
    margin-top: 3rem;
}

.certifications-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 15s linear infinite;
    will-change: transform;
}

.certification-card {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid var(--gold-border);
    min-width: 280px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.certification-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.certification-card > * {
    position: relative;
    z-index: 1;
}

.certification-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.certification-card:hover::before {
    opacity: 0.08;
}

.cert-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.certification-card h3 {
    font-size: 1.2rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.certification-card p {
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* FAQ About Section */
.faq-about-section {
    background: var(--bg-primary);
}

.faq-about-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.faq-about-item {
    background: var(--bg-surface);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.faq-about-item:hover {
    transform: translateY(-3px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow), 0 10px 25px rgba(0, 0, 0, 0.5);
}

.faq-about-question {
    font-size: 1.3rem;
    color: var(--text-primary);
    margin-bottom: 1rem;
    font-weight: 600;
}

.faq-about-answer {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: 1rem;
}

/* Responsive - About Page */
@media (max-width: 1024px) {
    .story-content {
        grid-template-columns: 1fr;
    }

    .story-timeline {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .story-timeline {
        grid-template-columns: 1fr;
    }
    
    .timeline-item {
        padding: 2rem;
    }

    .facilities-section .facility-card {
        min-width: 250px;
        max-width: 250px;
    }

    .stats-about-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .values-section .value-card {
        min-width: 250px;
    }

    .team-message-content {
        grid-template-columns: 1fr;
    }

    .team-message-image {
        max-width: 100% !important;
        width: 100% !important;
        aspect-ratio: 3/4 !important; /* Dikey görsel için uygun oran */
        min-height: 300px !important;
    }

    .team-message-image img,
    .team-message-image .team-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }

    .success-stories-section .success-story-card {
        min-width: 260px;
        max-width: 280px;
    }

    .certifications-section .certification-card {
        min-width: 250px;
    }

    .trainers-overview-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .stats-about-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-about-number {
        font-size: 2.5rem;
    }

    .stat-about-suffix {
        font-size: 1.5rem;
    }

    .values-section .value-card {
        min-width: 220px;
    }

    .success-stories-section .success-story-card {
        min-width: 240px;
        max-width: 260px;
    }

    .certifications-section .certification-card {
        min-width: 220px;
    }

    .faq-about-grid {
        grid-template-columns: 1fr;
    }

    .trainers-overview-grid {
        grid-template-columns: 1fr;
    }

    .vision-mission-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Services Page - Enhanced Styles
   ========================================================================== */

/* Services Intro & Categories */
.services-intro-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
    padding: 3rem 0;
}

.service-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.category-tab {
    padding: 0.75rem 1.5rem;
    background: var(--bg-surface);
    color: var(--text-primary);
    border: 1px solid var(--gold-border);
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.category-tab:hover,
.category-tab.active {
    background: var(--gradient-1);
    color: var(--white);
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

/* Service Category */
.service-category {
    margin-bottom: 5rem;
}

.service-category:last-child {
    margin-bottom: 3rem;
}

.category-title {
    font-size: 2.2rem;
    color: var(--gold-primary);
    margin-bottom: 2.5rem;
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--gold-primary);
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px var(--gold-glow);
}

/* Service Info */
.service-info {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--gold-border);
}

.service-info p {
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.service-package {
    color: var(--gold-primary) !important;
    font-weight: 600;
}

.service-schedule {
    color: var(--text-primary) !important;
}

.service-trainer {
    color: var(--text-secondary) !important;
}

.service-trainer a {
    color: var(--gold-primary);
    text-decoration: none;
    font-weight: 600;
}

.service-trainer a:hover {
    text-decoration: underline;
}

/* Schedule Table */
.schedule-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.schedule-table-wrapper {
    overflow-x: auto;
    margin-top: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.schedule-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-surface);
    min-width: 800px;
    border: 1px solid var(--gold-border);
}

.schedule-table thead {
    background: var(--gold-gradient);
    color: var(--bg-primary);
}

.schedule-table th {
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    border: 1px solid var(--gold-border);
    color: var(--bg-primary);
}

.schedule-table td {
    padding: 1rem;
    text-align: center;
    border: 1px solid var(--gold-border);
    color: var(--text-secondary);
    background: var(--bg-surface);
}

.schedule-table tbody tr:nth-child(even) {
    background: var(--bg-surface-2);
}

.schedule-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.1);
}

.schedule-note {
    margin-top: 1.5rem;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Free Trial Section */
.free-trial-section {
    background: var(--bg-surface);
    color: var(--text-primary);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.free-trial-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(197, 160, 89, 0.2) 100%);
    z-index: 0;
    pointer-events: none;
}

.free-trial-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.free-trial-content h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.free-trial-content p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: var(--text-secondary);
}

.free-trial-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.free-trial-buttons .btn {
    min-width: 200px;
}

.free-trial-buttons .btn-secondary {
    background: var(--bg-surface);
    color: var(--gold-primary);
    border: 1px solid var(--gold-border);
}

.free-trial-buttons .btn-secondary:hover {
    background: var(--bg-surface-2);
    border-color: var(--gold-primary);
    transform: translateY(-2px);
}

/* FAQ Services Section */
.faq-services-section {
    background: var(--bg-primary);
}

.faq-services-section .carousel-wrapper {
    margin-top: 3rem;
}

.faq-services-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 15s linear infinite;
    will-change: transform;
}

.faq-services-item {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 1.8rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--gold-border);
    transition: all 0.3s ease;
    min-width: 280px;
    max-width: 300px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.faq-services-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.faq-services-item > * {
    position: relative;
    z-index: 1;
}

.faq-services-item:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.faq-services-item:hover::before {
    opacity: 0.08;
}

.faq-services-question {
    font-size: 1.3rem;
    color: var(--gold-primary);
    margin-bottom: 1rem;
    font-weight: 700;
}

.faq-services-answer {
    color: var(--text-primary);
    line-height: 1.8;
    font-size: 1rem;
}

/* CTA Buttons */
.cta-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.cta-buttons .btn {
    min-width: 200px;
}

/* Responsive - Services Page */
@media (max-width: 1024px) {
    .service-categories {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    .category-tab {
        white-space: nowrap;
    }

    .faq-services-section .faq-services-item {
        min-width: 260px;
        max-width: 280px;
    }
}

@media (max-width: 768px) {
    .category-title {
        font-size: 1.5rem;
    }

    .schedule-table {
        font-size: 0.9rem;
    }

    .schedule-table th,
    .schedule-table td {
        padding: 0.75rem 0.5rem;
    }

    .free-trial-content h2 {
        font-size: 2rem;
    }

    .free-trial-content p {
        font-size: 1rem;
    }

    .faq-services-section .faq-services-item {
        min-width: 240px;
        max-width: 260px;
    }

    .free-trial-buttons {
        flex-direction: column;
        align-items: center;
    }

    .free-trial-buttons .btn {
        width: 100%;
        max-width: 300px;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }

    .cta-buttons .btn {
        width: 100%;
        max-width: 300px;
    }
}

/* ==========================================================================
   Packages Page - Enhanced Styles
   ========================================================================== */

/* Standard Features Section */
.standard-features-section {
    background: var(--bg-primary);
}

/* Standard Features Carousel - Horizontal Scrolling */
.standard-features-section .carousel-wrapper {
    margin-top: 3rem;
}

.standard-features-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 20s linear infinite;
    will-change: transform;
}

/* Hover pause kaldırıldı - Tüm cihazlarda kaydırma çalışır */
.standard-features-section .carousel-track:hover {
    animation-play-state: running !important;
}

.standard-features-section .standard-feature-item {
    flex-shrink: 0;
    min-width: 350px;
    max-width: 350px;
}

.standard-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.standard-feature-item {
    text-align: center;
    padding: 2.5rem;
    background: var(--bg-surface);
    border-radius: 15px;
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.standard-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.standard-feature-item > * {
    position: relative;
    z-index: 1;
}

.standard-feature-item:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.standard-feature-item:hover::before {
    opacity: 0.08;
}

.standard-feature-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.standard-feature-item h3 {
    font-size: 1.3rem;
    color: var(--text-primary);
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.4;
}

.standard-feature-item p {
    color: #E0E0E0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Package Enhancements */
.package-subtitle {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin-bottom: 1rem;
    font-style: italic;
}

.package-cta-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--gold-primary);
    margin-bottom: 1.5rem;
    text-align: center;
}

.package-badge-start {
    position: absolute;
    top: -15px;
    left: 20px;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4);
}

.package-badge-premium {
    position: absolute;
    top: -15px;
    right: 20px;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

.packages-detail-section .package-card.premium {
    border: 1px solid var(--gold-primary) !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(197, 160, 89, 0.15) 100%);
    min-width: 300px !important;
    max-width: 300px !important;
    width: 300px !important;
    height: auto !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 2.5rem !important;
    margin: 0 !important;
}

.student-badge {
    position: absolute;
    top: -15px;
    right: 20px;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

/* Comparison Table */
.comparison-section {
    background: var(--bg-primary);
}

.comparison-table-wrapper {
    overflow-x: auto;
    margin-top: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--bg-surface);
    min-width: 600px;
}

.comparison-table thead {
    background: var(--gold-gradient);
    color: var(--bg-primary);
}

.comparison-table th {
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    border: 1px solid var(--gold-border);
    color: var(--bg-primary);
}

.comparison-table th:first-child {
    text-align: left;
    color: var(--bg-primary);
}

.comparison-table td {
    padding: 1rem;
    text-align: center;
    border: 1px solid var(--gold-border);
    color: var(--text-secondary);
    background: var(--bg-surface);
}

.comparison-table td:first-child {
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
}

.comparison-table tbody tr:nth-child(even) {
    background: var(--bg-surface-2);
}

.comparison-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.1);
}

/* Campaign Modal */
.campaign-modal {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
}

.campaign-modal-content {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(197, 160, 89, 0.15) 100%);
    margin: 5% auto;
    padding: 2rem;
    border-radius: 15px;
    border: 1px solid var(--gold-border);
    width: 90%;
    max-width: 600px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    position: relative;
    animation: modalSlideIn 0.3s ease;
}

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

.campaign-modal-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 2rem;
    font-weight: bold;
    color: var(--text-secondary);
    cursor: pointer;
    transition: color 0.3s ease;
}

.campaign-modal-close:hover {
    color: var(--primary-color);
}

#campaignModalBody {
    padding: 1rem 0;
}

.campaign-detail-content h3 {
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.campaign-detail-content p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1rem;
}

.campaign-detail-content ul {
    list-style: none;
    padding: 0;
}

.campaign-detail-content li {
    padding: 0.5rem 0;
    color: var(--text-secondary);
}

/* Additional Services */
.additional-services-section {
    background: var(--bg-primary);
}

.additional-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
    align-items: stretch;
}

.additional-service-card {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--gold-border);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 280px;
    width: 100%;
    min-width: 0;
}

.additional-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.additional-service-card > * {
    position: relative;
    z-index: 1;
}

.additional-service-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.additional-service-card:hover::before {
    opacity: 0.08;
}

.additional-service-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: var(--gold-primary);
    display: block;
}

.additional-service-card h3 {
    font-size: 1.2rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.additional-service-card p {
    color: var(--text-primary);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    line-height: 1.6;
    flex-grow: 1;
}

.additional-service-card .btn {
    margin-top: auto;
}

/* Corporate Section */
.corporate-section {
    background: var(--gradient-1);
    color: var(--white);
}

.corporate-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.corporate-text h2 {
    color: var(--white);
    margin-bottom: 1rem;
}

.corporate-text p {
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

.corporate-benefits {
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}

.corporate-benefits li {
    padding: 0.75rem 0;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.05rem;
}

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

.corporate-placeholder {
    background: rgba(212, 175, 55, 0.1);
    backdrop-filter: blur(10px);
    padding: 4rem 2rem;
    border-radius: 15px;
    border: 2px solid rgba(212, 175, 55, 0.3);
}

.corporate-placeholder p:first-child {
    font-size: 5rem;
    margin-bottom: 1rem;
}

.corporate-placeholder p:last-child {
    font-size: 1.5rem;
    font-weight: 600;
}

/* FAQ Packages Section */
.faq-packages-section {
    background: var(--bg-primary);
}

.faq-packages-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

/* FAQ Packages Carousel - Horizontal Scrolling */
.faq-packages-section .carousel-wrapper {
    margin-top: 3rem;
}

.faq-packages-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 20s linear infinite;
    will-change: transform;
}

/* Hover pause kaldırıldı - Tüm cihazlarda kaydırma çalışır */
.faq-packages-section .carousel-track:hover {
    animation-play-state: running !important;
}

.faq-packages-section .faq-packages-item {
    flex-shrink: 0;
    min-width: 450px;
    max-width: 450px;
}

.faq-packages-item {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--gold-border);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.faq-packages-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gold-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
    pointer-events: none;
}

.faq-packages-item > * {
    position: relative;
    z-index: 1;
}

.faq-packages-item:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.faq-packages-item:hover::before {
    opacity: 0.08;
}

.faq-packages-question {
    font-size: 1.3rem;
    color: var(--gold-primary);
    margin-bottom: 1rem;
    font-weight: 700;
}

.faq-packages-answer {
    color: var(--text-primary);
    line-height: 1.8;
    font-size: 1rem;
}

/* Responsive - Packages Page */
@media (max-width: 1024px) {
    .standard-features-section .standard-feature-item {
        min-width: 300px;
        max-width: 300px;
    }

    .additional-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .corporate-content {
        grid-template-columns: 1fr;
    }

    .faq-packages-grid {
        grid-template-columns: 1fr;
    }

    .packages-detail-section .package-card {
        min-width: 280px;
        max-width: 280px;
        width: 280px;
    }
    
    .packages-detail-section .package-card.premium {
        min-width: 280px;
        max-width: 280px;
        width: 280px;
    }

    .faq-packages-section .faq-packages-item {
        min-width: 350px;
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .standard-features-section .standard-feature-item {
        min-width: 280px;
        max-width: 280px;
    }

    .comparison-table {
        font-size: 0.9rem;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 0.75rem 0.5rem;
    }

    .additional-services-grid {
        grid-template-columns: 1fr;
    }

    .corporate-placeholder {
        padding: 3rem 1.5rem;
    }

    .corporate-placeholder p:first-child {
        font-size: 3rem;
    }
}

/* ==========================================================================
   Trainers Page - Enhanced Styles
   ========================================================================== */

/* Trainer Selector Section */
.trainer-selector-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.trainer-selector-form {
    display: flex;
    gap: 1.5rem;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 2rem;
    padding: 2rem;
    background: var(--light-bg);
    border-radius: 15px;
}

.selector-group {
    flex: 1;
    min-width: 200px;
}

.selector-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 600;
}

.selector-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--gold-border);
    border-radius: 10px;
    font-size: 1rem;
    background: var(--bg-surface);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.selector-input:focus {
    outline: none;
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
    background: var(--bg-surface-2);
}

/* Trainer Category Tabs */
.trainer-categories-section {
    background: var(--light-bg);
    padding: 2rem 0;
}

.trainer-category-tabs {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.category-tab-btn {
    padding: 0.75rem 1.5rem;
    background: var(--bg-surface);
    color: var(--text-primary);
    border: 1px solid var(--gold-border);
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.category-tab-btn:hover,
.category-tab-btn.active {
    background: var(--gradient-1);
    color: var(--white);
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

/* Trainer Profile Cards */
.trainers-profile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2.5rem;
    margin-top: 3rem;
}

.trainer-profile-card {
    background: var(--bg-surface);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 650px !important;
}

.management-team-section .trainer-profile-card {
    min-height: auto !important;
    height: auto !important;
}

.trainer-profile-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);
}

.trainer-photo-wrapper {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: block;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.trainer-profile-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.3s ease;
    background-color: var(--bg-surface-2);
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    /* vertical-align removed - not compatible with display: block/flex */
}

.trainer-profile-card:hover .trainer-profile-photo {
    transform: scale(1.1);
}

.trainer-profile-info {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.trainer-name {
    font-size: 1.8rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.trainer-subtitle {
    font-size: 1.3rem;
    color: var(--gold-primary);
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-style: normal !important;
}

.trainer-experience {
    color: var(--text-secondary);
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.trainer-description {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
}

.trainer-specialties {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.specialty-tag {
    background: var(--bg-surface-2);
    color: var(--gold-primary);
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid var(--gold-border);
}

.trainer-certifications {
    margin-bottom: 1rem;
    padding: 1rem;
    background: #F5F5F5 !important;
    border-radius: 10px;
    border-left: 4px solid #D4AF37 !important;
}

.trainer-certifications p {
    color: #000000 !important;
    font-size: 0.95rem;
    margin: 0;
    font-weight: 600 !important;
}

.trainer-certifications strong {
    color: #000000 !important;
    font-weight: 700 !important;
}

.trainer-certifications span {
    color: #000000 !important;
    font-weight: 600 !important;
}

.trainer-lessons {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--light-bg);
    border-radius: 10px;
    border-left: 4px solid var(--accent-color);
}

.trainer-lessons p {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin: 0;
}

.trainer-lessons strong {
    color: var(--text-primary);
}

.trainer-contact-btn {
    width: 100%;
    text-align: center;
    margin-top: auto;
    padding-top: 1rem;
}

/* Management Team Section */
.management-team-section {
    background: #FFFFFF !important;
}

/* Management Team Section - Center the card */
.management-team-section .trainers-profile-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    max-width: 450px !important;
    width: 100% !important;
    margin: 3rem auto 0 !important;
}

/* Why Choose Trainers Section */
.trainers-why-section {
    background: #FFFFFF !important;
}

.trainers-why-section .section-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.trainers-why-section .section-title::after {
    background: #000000 !important;
    box-shadow: none !important;
}

.trainers-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

/* Trainers Why Carousel - Horizontal Scrolling */
.trainers-why-section .carousel-wrapper {
    margin-top: 3rem;
}

.trainers-why-section .carousel-track {
    display: flex;
    gap: 1.5rem;
    animation: scroll 20s linear infinite;
    will-change: transform;
}

/* Hover pause kaldırıldı - Tüm cihazlarda kaydırma çalışır */
.trainers-why-section .carousel-track:hover {
    animation-play-state: running !important;
}

.trainers-why-section .why-item {
    flex-shrink: 0;
    min-width: 320px;
    max-width: 320px;
}

.why-item {
    background: #FFFFFF !important;
    padding: 2.5rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #D4AF37 !important;
    transition: all 0.3s ease;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.why-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    background: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

.why-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    color: #D4AF37 !important;
    display: block;
    filter: none !important;
}

.why-item h3 {
    font-size: 1.4rem;
    color: #000000 !important;
    margin-bottom: 1rem;
    font-weight: 700 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.why-item p {
    color: #000000 !important;
    line-height: 1.8;
    font-size: 1rem;
    font-weight: 500 !important;
}

/* Responsive - Trainers Page */
@media (max-width: 1024px) {
    .trainers-profile-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .trainers-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .trainer-selector-form {
        flex-direction: column;
        align-items: stretch;
    }

    .selector-group {
        width: 100%;
    }

    .trainer-category-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    .category-tab-btn {
        white-space: nowrap;
    }

    .trainers-profile-grid {
        grid-template-columns: 1fr;
    }

    .trainers-why-grid {
        grid-template-columns: 1fr;
    }

    .trainers-why-section .why-item {
        min-width: 250px;
        max-width: 250px;
    }

    .trainer-photo-wrapper {
        height: 250px;
    }
}

/* ==========================================================================
   Blog Page - Enhanced Styles
   ========================================================================== */

/* Blog Search */
.blog-search-wrapper {
    margin-bottom: 2rem;
}

.blog-search-box {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    gap: 0.5rem;
}

.blog-search-input {
    flex: 1;
    padding: 1rem 1.5rem;
    border: 1px solid var(--gold-border);
    background: var(--bg-surface);
    border-radius: 25px;
    font-size: 1rem;
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.blog-search-input:focus {
    outline: none;
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
    background: var(--bg-surface-2);
}

.blog-search-btn {
    padding: 1rem 1.5rem;
    background: var(--gold-gradient);
    color: var(--bg-primary);
    border: none;
    border-radius: 25px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.blog-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

/* Featured Posts */
.featured-posts-section {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(197, 160, 89, 0.08) 100%);
}

.featured-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

.featured-post-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-surface);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.featured-post-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);
}

.featured-post-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.featured-post-content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Blog Meta */
.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    align-items: center;
}

.blog-category-tag {
    background: var(--gradient-1);
    color: var(--white);
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.blog-date {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.blog-read-time {
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-style: italic;
}

/* Blog Tags */
.blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.blog-tag {
    background: #FFFFFF !important;
    color: #000000 !important;
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid #D4AF37 !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.blog-tag:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

/* Blog Card Updates */
.blog-card .blog-content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blog-card h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
    line-height: 1.4;
}

.blog-card p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.blog-link {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: auto;
    padding-top: 1rem;
}

.blog-link:hover {
    color: var(--secondary-color);
    transform: translateX(5px);
}

/* Newsletter Section */
.newsletter-section {
    background: var(--gradient-1);
    color: var(--white);
    padding: 4rem 0;
}

.newsletter-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.newsletter-content .section-title {
    color: var(--white);
    margin-bottom: 1rem;
}

.newsletter-subtitle {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.newsletter-form {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.newsletter-input {
    flex: 1;
    padding: 1rem 1.5rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.1);
    color: var(--white);
    backdrop-filter: blur(10px);
}

.newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.newsletter-input:focus {
    outline: none;
    border-color: var(--white);
    background: rgba(255, 255, 255, 0.15);
}

.newsletter-btn {
    white-space: nowrap;
    background: var(--white);
    color: var(--primary-color);
}

.newsletter-btn:hover {
    background: var(--light-bg);
    transform: translateY(-2px);
}

.newsletter-note {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    margin-top: 1rem;
}

/* Blog Categories */
.blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.category-btn {
    padding: 0.75rem 1.5rem;
    background: var(--white);
    color: var(--text-primary);
    border: 2px solid var(--light-bg);
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.category-btn:hover,
.category-btn.active {
    background: var(--gradient-1);
    color: var(--white);
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

/* Responsive - Blog Page */
@media (max-width: 1024px) {
    .featured-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blog-search-box {
        flex-direction: column;
    }

    .blog-search-btn {
        width: 100%;
    }

    .featured-posts-grid {
        grid-template-columns: 1fr;
    }

    .blog-categories {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    .category-btn {
        white-space: nowrap;
    }

    .newsletter-form {
        flex-direction: column;
    }

    .newsletter-btn {
        width: 100%;
    }
}

/* ==========================================================================
   Contact Page - Enhanced Styles
   ========================================================================== */

/* Quick Contact Buttons */
.quick-contact-section {
    display: none;
}

.quick-contact-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.quick-contact-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.phone-btn {
    background: var(--gradient-1);
    color: var(--white);
}

.phone-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

.whatsapp-btn {
    background: #25D366;
    color: var(--white);
}

.whatsapp-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);
    background: #20ba5a;
}

.directions-btn {
    background: var(--primary-color);
    color: var(--white);
}

.directions-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
}

.trial-btn {
    background: var(--accent-color);
    color: var(--text-primary);
}

.trial-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);
}

.quick-btn-icon {
    font-size: 1.5rem;
    color: var(--text-primary);
}

.quick-btn-text {
    font-size: 1rem;
}

/* Quick FAQ Section */
.quick-faq-section {
    background: var(--bg-primary);
}

.quick-faq-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.quick-faq-item {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%);
    padding: 1.5rem;
    border-radius: 15px;
    border: 2px solid rgba(212, 175, 55, 0.4);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.quick-faq-item:hover {
    transform: translateY(-3px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 25px var(--gold-glow), 0 10px 30px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #252525 0%, #2A2A2A 100%);
}

.quick-faq-item:hover h3 {
    color: var(--gold-primary);
}

.quick-faq-item:hover p {
    color: #F0F0F0;
}

.quick-faq-item h3 {
    font-size: 1rem !important;
    color: #FFFFFF;
    margin-bottom: 0.75rem;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.quick-faq-item p {
    color: #E0E0E0;
    font-size: 0.9rem !important;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.quick-faq-item a {
    color: var(--gold-primary);
    text-decoration: none;
    font-weight: 600;
}

.quick-faq-item a:hover {
    color: var(--gold-light);
    text-decoration: underline;
}

/* Contact Detail Wrapper - Two Column Layout (for contact.html) */
.contact-detail-section .contact-detail-wrapper {
    display: block;
    margin-top: 3rem;
}

.contact-map-info-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 1.5rem !important;
    margin-bottom: 2rem !important;
    align-items: stretch;
}

.contact-map-info-grid .location-map {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.contact-map-info-grid .location-map iframe {
    flex: 1;
    min-height: 300px !important;
    max-height: 300px !important;
    height: 300px !important;
}

.contact-map-info-grid .contact-info-cards {
    display: flex;
    flex-direction: column;
    gap: 0.75rem !important;
    height: 100%;
    justify-content: flex-start;
}

.contact-map-info-grid .contact-info-card {
    background: var(--bg-card);
    padding: 0.8rem !important;
    border-radius: 12px;
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.contact-map-info-grid .contact-info-card:hover {
    transform: translateY(-3px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow), 0 5px 15px rgba(0, 0, 0, 0.5);
}

.contact-map-info-grid .contact-info-card .contact-icon {
    font-size: 1.2rem !important;
    margin-bottom: 0.3rem !important;
    color: var(--gold-primary);
    display: block;
}

.contact-map-info-grid .contact-info-card h3 {
    font-size: 0.9rem !important;
    color: var(--text-primary);
    margin-bottom: 0.5rem !important;
    font-weight: 600;
}

.contact-map-info-grid .contact-info-card .contact-spacer {
    height: 8rem !important;
    display: block !important;
    width: 100% !important;
    min-height: 8rem !important;
    max-height: 8rem !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.contact-map-info-grid .contact-info-card h3 + .contact-spacing,
.contact-map-info-grid .contact-info-card h3 + .contact-spacer + .contact-spacing {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;
}

.contact-map-info-grid .contact-info-card p {
    font-size: 0.8rem !important;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0.2rem 0 !important;
}

.contact-map-info-grid .contact-info-card .hours-simple p {
    font-size: 0.75rem !important;
    margin: 0.15rem 0 !important;
}

.contact-map-info-grid .contact-info-card .location-note {
    font-size: 0.85rem;
    color: var(--gold-primary);
    margin-top: 0.5rem;
}

.contact-map-info-grid .contact-info-card .address-text {
    color: #000000 !important;
    font-weight: 600;
    font-size: 0.9rem !important;
}

.contact-map-info-grid .contact-info-card .contact-spacing {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
    padding-top: 0 !important;
    position: relative !important;
    display: block !important;
}

.contact-map-info-grid .contact-info-card h3 + .contact-spacing {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.contact-map-info-grid .contact-info-card .contact-icon + h3 {
    margin-bottom: 0.5rem;
}

.contact-section-title {
    text-align: center;
    margin-bottom: 3rem;
}

.contact-detail-section .contact-info-column {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
}

.contact-detail-section .contact-info-column > * {
    width: 100%;
}

.contact-detail-section .contact-form-column {
    background: var(--bg-card);
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
}

.contact-detail-section .contact-form-column h2 {
    color: var(--gold-primary);
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contact-form-wrapper {
    background: var(--bg-card);
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--gold-border);
    margin-top: 2rem;
}

.contact-form-wrapper h2 {
    color: var(--gold-primary);
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contact-form-section {
    padding: 4rem 0;
}

.contact-form-container {
    max-width: 600px !important;
    margin: 0 auto;
}

.contact-form-container .contact-form {
    background: var(--bg-card);
    padding: 1.5rem !important;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(212, 175, 55, 0.3);
}

.contact-form-section .section-subtitle {
    color: #FFFFFF !important;
    font-size: 0.95rem !important;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.8);
    filter: brightness(1.2);
    margin-bottom: 2rem !important;
}

.contact-form-container .contact-form .form-group label {
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 0.95rem !important;
    margin-bottom: 0.5rem !important;
    display: block;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 2px 4px rgba(0, 0, 0, 0.8);
    filter: brightness(1.2);
}

.contact-form-container .contact-form .form-group label .required {
    color: var(--gold-primary);
    font-weight: 700;
}

.contact-form-container .contact-form .form-group input,
.contact-form-container .contact-form .form-group textarea,
.contact-form-container .contact-form .form-group select {
    background: #1A1A1A;
    border: 2px solid rgba(212, 175, 55, 0.6);
    color: #FFFFFF !important;
    font-size: 0.9rem !important;
    font-weight: 600;
    padding: 0.75rem !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
    filter: brightness(1.15);
}

.contact-form-container .contact-form .form-group input::value,
.contact-form-container .contact-form .form-group textarea::value {
    color: #FFFFFF !important;
}

.contact-form-container .contact-form .form-group input::placeholder,
.contact-form-container .contact-form .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.contact-form-container .contact-form .form-group input:focus,
.contact-form-container .contact-form .form-group textarea:focus,
.contact-form-container .contact-form .form-group select:focus {
    background: #1E1E1E;
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.4), 0 0 20px var(--gold-glow);
    color: #FFFFFF !important;
    outline: none;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.6);
    filter: brightness(1.2);
}

.contact-form-container .contact-form .form-group select {
    background: #1A1A1A;
    color: #FFFFFF !important;
    cursor: pointer;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
    filter: brightness(1.15);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%23D4AF37' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 3rem;
    background-color: #1A1A1A;
}

.contact-form-container .contact-form .form-group select option {
    background: #1E1E1E;
    color: #FFFFFF !important;
    padding: 0.75rem;
    font-weight: 600;
}

.contact-form-container .contact-form .form-group select option:disabled {
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 500;
}

.contact-form-container .contact-form .form-group select option:checked {
    background: var(--gold-primary);
    color: #050505 !important;
    font-weight: 700;
}

.contact-form-container .contact-form .form-group select option {
    background: #1E1E1E;
    color: #FFFFFF;
    padding: 0.75rem;
    font-weight: 600;
}

.contact-form-container .contact-form .form-group select option:disabled {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}

.contact-form-container .contact-form .form-group select option:checked {
    background: var(--gold-primary);
    color: #050505;
    font-weight: 700;
}

.form-intro {
    color: var(--text-secondary);
    margin-bottom: 2rem;
    line-height: 1.8;
}

/* Location Map (for contact.html) */
.contact-info-column .location-map {
    position: relative;
    margin-bottom: 1rem;
}

.map-view-btn {
    width: 100%;
    margin-top: 1rem;
    text-align: center;
}

/* Contact Info Cards (for contact.html) */
.contact-info-cards {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contact-info-column .contact-info-card {
    background: var(--bg-card);
    padding: 1.5rem;
    border-radius: 15px;
    border: 1px solid var(--gold-border);
    transition: all 0.3s ease;
}

.contact-info-column .contact-info-card:hover {
    transform: translateY(-3px);
    border-color: var(--gold-primary);
    box-shadow: 0 0 20px var(--gold-glow), 0 5px 15px rgba(0, 0, 0, 0.5);
}

.contact-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--gold-primary);
    display: block;
}

.contact-info-card h3 {
    font-size: 1.2rem;
    color: var(--text-primary);
    margin-bottom: 0.75rem;
}

.contact-info-card p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 0.5rem;
}

.location-note {
    color: var(--primary-color) !important;
    font-weight: 600;
    margin-top: 0.5rem;
}

.contact-link {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
}

.contact-link:hover {
    text-decoration: underline;
}

.email-note {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-top: 0.5rem;
}

.hours-simple {
    line-height: 1.8;
}

.hours-simple p {
    margin-bottom: 0.5rem;
}

/* Contact Social Section */
.contact-social-section {
    background: var(--light-bg);
    padding: 2rem;
    border-radius: 15px;
    margin-top: 1rem;
}

.contact-social-section h3 {
    font-size: 1.3rem;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
    text-align: center;
}

.contact-social-links {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-social-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--white);
    border-radius: 10px;
    text-decoration: none;
    color: var(--text-primary);
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.contact-social-link:hover {
    border-color: var(--primary-color);
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.2);
}

.social-icon {
    font-size: 1.5rem;
    color: var(--text-primary);
}

/* Form Privacy Note */
.form-privacy {
    margin-bottom: 1.5rem;
}

.kvkk-note {
    color: var(--text-secondary);
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem;
    background: var(--light-bg);
    border-radius: 10px;
    border-left: 4px solid var(--primary-color);
}

/* Floating Action Buttons - Left Bottom (Scroll to Top) */
.floating-action-buttons {
    position: fixed;
    bottom: 30px;
    left: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 99997; /* Below submenu on mobile */
    pointer-events: none;
}

/* Mobile - Move buttons above submenu - FORCED HIGHER */
@media (max-width: 768px) {
    .floating-action-buttons {
        bottom: 150px !important; /* FORCED HIGHER - above submenu */
        z-index: 99997 !important; /* Below submenu (99998) */
    }
}

.floating-action-buttons .floating-action-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Floating Action Buttons - Optimized for Touch (min 44x44px) */
.floating-action-btn {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: auto;
    position: relative;
    border: 2px solid var(--gold-primary);
    background: var(--bg-surface);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.3),
        0 0 20px rgba(212, 175, 55, 0.2);
    /* Touch target optimization */
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2);
    /* Performance optimization */
    will-change: transform;
    transform: translateZ(0);
}

.floating-action-btn svg {
    width: 28px;
    height: 28px;
    transition: all 0.3s ease;
}

/* WhatsApp Button - Right Bottom */
.floating-whatsapp-btn {
    position: fixed !important;
    bottom: 20px !important;
    right: 30px !important;
    z-index: 99997 !important; /* Below submenu on mobile */
}

/* Mobile - WhatsApp button same height as scroll-top button */
@media (max-width: 768px) {
    .floating-whatsapp-btn {
        bottom: 130px !important; /* Same as scroll-top button - aligned */
        right: 20px !important;
    }
}
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    background: #25D366 !important;
    border: 2px solid #25D366 !important;
    color: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transform: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Mobile - WhatsApp button same height as scroll-top button */
@media (max-width: 768px) {
    .floating-whatsapp-btn {
        bottom: 130px !important; /* Same as scroll-top button - aligned */
        right: 20px !important;
    }
}

.floating-whatsapp-btn:hover {
    transform: scale(1.15) translateY(-2px);
    background: #20BA5A !important;
    border-color: #20BA5A !important;
    box-shadow: 
        0 6px 25px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(37, 211, 102, 0.5);
}

.floating-whatsapp-btn svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.floating-whatsapp-btn:hover svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    transform: scale(1.1);
}

/* Scroll to Top Button */
.floating-scroll-top-btn {
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;
    z-index: 99997 !important; /* Below submenu on mobile */
    background: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
    color: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    touch-action: manipulation !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
}

.floating-scroll-top-btn.visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.floating-scroll-top-btn:hover {
    transform: scale(1.15) translateY(-2px);
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    box-shadow: 
        0 6px 25px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(212, 175, 55, 0.6),
        0 0 60px rgba(212, 175, 55, 0.4);
}

.floating-scroll-top-btn svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    stroke-width: 2.5 !important;
    fill: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    position: relative !important;
    z-index: 1 !important;
}

.floating-scroll-top-btn:hover svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    stroke-width: 2.5 !important;
    fill: none !important;
    transform: scale(1.1) translateY(-2px);
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* MOBILE - Ensure scroll-to-top button and SVG are visible - ALIGNED - FORCED HIGHER */
@media (max-width: 768px) {
    .floating-scroll-top-btn,
    button.floating-scroll-top-btn {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        bottom: 150px !important; /* FORCED HIGHER - same as WhatsApp button - aligned */
        left: 20px !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .floating-scroll-top-btn svg {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #FFFFFF !important;
        stroke: #FFFFFF !important;
        stroke-width: 3.5 !important;
        fill: none !important;
        position: relative !important;
        z-index: 1 !important;
        pointer-events: none !important;
        overflow: visible !important;
    }
    
    .floating-scroll-top-btn.visible svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #FFFFFF !important;
        stroke: #FFFFFF !important;
        stroke-width: 3.5 !important;
        fill: none !important;
    }
    
    /* Force SVG path to be visible on mobile */
    .floating-scroll-top-btn svg path {
        stroke: #FFFFFF !important;
        stroke-width: 3.5 !important;
        fill: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .floating-scroll-top-btn.visible {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Legacy Floating WhatsApp Button (for backward compatibility) */
.floating-whatsapp-btn.legacy {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);
    z-index: 1000;
    transition: all 0.3s ease;
    color: var(--white);
}

.floating-whatsapp-btn.legacy:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.6);
    background: #20ba5a;
}

.floating-whatsapp-btn.legacy svg {
    width: 32px;
    height: 32px;
}

/* Form Updates */
.required {
    color: var(--primary-color);
    font-weight: 600;
}

.contact-form select {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid var(--light-bg);
    border-radius: 10px;
    font-size: 1rem;
    background: var(--white);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.contact-form select:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
}

/* Responsive - Contact Page */
@media (max-width: 1024px) {
    .contact-detail-wrapper {
        grid-template-columns: 1fr;
    }

    .contact-map-info-grid {
        grid-template-columns: 1fr;
    }

    .contact-info-column {
        order: 2;
    }

    .contact-form-column {
        order: 1;
    }

    .contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .quick-contact-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .quick-contact-btn {
        justify-content: center;
    }

    .quick-faq-grid {
        grid-template-columns: 1fr;
    }

    .floating-action-buttons {
        bottom: 130px; /* Higher up - above submenu */
        left: 20px;
        gap: 12px;
    }

    .floating-action-btn {
        width: 55px;
        height: 55px;
    }

    .floating-action-btn svg {
        width: 24px;
        height: 24px;
    }

    .floating-whatsapp-btn,
    a.floating-whatsapp-btn {
        bottom: 150px !important; /* FORCED HIGHER - same as scroll-top button - aligned */
        right: 20px !important;
        left: auto !important;
    }
    
    /* Ensure both buttons are aligned at same height - FORCED HIGHER */
    .floating-scroll-top-btn,
    button.floating-scroll-top-btn {
        bottom: 150px !important; /* FORCED HIGHER - same as WhatsApp button - aligned */
        left: 20px !important;
        right: auto !important;
    }

    .floating-whatsapp-btn.legacy {
        bottom: 15px;
        right: 20px;
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
    }

    .floating-whatsapp-btn.legacy svg {
        width: 28px;
        height: 28px;
    }

    .contact-form-column {
        padding: 1.5rem;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }
    
    @media (min-width: 769px) and (max-width: 1024px) {
        .contact-info-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (min-width: 1025px) {
        .contact-info-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .contact-location-wrapper .location-map iframe {
        height: 300px !important;
    }
    
    .contact-map-info-grid {
        grid-template-columns: 1fr !important;
    }
    
    .contact-map-info-grid .contact-info-cards {
        margin-top: 2rem;
    }
    
    .contact-map-info-grid .location-map {
        margin-bottom: 2rem;
    }
}

/* Blog Detail Page Styles */
.blog-detail-section {
    padding: 4rem 0;
    background: var(--bg-primary);
}

.blog-detail-content {
    max-width: 900px;
    margin: 0 auto;
}

.blog-detail-loading {
    text-align: center;
    padding: 4rem 0;
    color: var(--text-secondary);
}

.blog-detail-error {
    text-align: center;
    padding: 4rem 0;
}

.blog-detail-error h2 {
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.blog-detail-error p {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.blog-detail-header {
    margin-bottom: 3rem;
}

.back-to-blog {
    display: inline-block;
    color: var(--gold-primary);
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.back-to-blog:hover {
    color: var(--gold-light);
    transform: translateX(-5px);
}

.blog-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

.blog-detail-title {
    font-size: 2.5rem;
    color: var(--text-primary);
    margin-bottom: 2rem;
    line-height: 1.3;
}

.blog-detail-image {
    margin-bottom: 3rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    min-height: 400px;
}

.blog-detail-image img {
    width: 100%;
    height: auto;
    display: block;
    /* Performance optimizations */
    will-change: opacity;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.blog-detail-image img.loaded {
    opacity: 1;
    animation: none;
}

.blog-detail-image:has(img.loaded) {
    background: transparent;
    animation: none;
}

/* Blog detail body images */
.blog-detail-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2rem auto;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    /* Performance optimizations */
    will-change: opacity;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* loading and fetchpriority are HTML attributes, not CSS properties */
}

.blog-detail-body img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.blog-detail-body img[loading="lazy"].loaded {
    opacity: 1;
}

/* Duplicate removed - using optimized version above */

.blog-detail-body {
    color: #000000 !important;
    line-height: 1.8;
    font-size: 1.1rem;
}

.blog-detail-body p {
    margin-bottom: 1.5rem;
    color: #000000 !important;
}

.blog-detail-body h2 {
    color: #000000 !important;
    font-size: 1.8rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--gold-border);
}

.blog-detail-body h3 {
    color: #000000 !important;
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.blog-detail-body ul,
.blog-detail-body ol {
    margin: 1.5rem 0;
    padding-left: 2rem;
}

.blog-detail-body li {
    margin-bottom: 0.75rem;
    color: #000000 !important;
}

/* Ensure all text in blog detail body is black */
.blog-detail-body * {
    color: #000000 !important;
}

/* Exceptions for links and strong elements */
.blog-detail-body a {
    color: var(--gold-primary) !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-detail-body li strong {
    color: var(--gold-primary) !important;
}

.blog-detail-body strong {
    color: #000000 !important;
    font-weight: 700;
}

.blog-detail-body a:hover {
    color: var(--gold-light);
    text-decoration: underline;
}

.blog-detail-footer {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--gold-border);
    text-align: center;
}

.related-posts-section {
    background: var(--bg-surface);
    padding: 4rem 0;
}

.related-posts-section .section-title {
    margin-bottom: 3rem;
}

@media (max-width: 768px) {
    .blog-detail-title {
        font-size: 1.8rem;
    }
    
    .blog-detail-body {
        font-size: 1rem;
    }
    
    .blog-detail-body h2 {
        font-size: 1.5rem;
    }
    
    .blog-detail-body h3 {
        font-size: 1.3rem;
    }
}

/* Fix contact form section - disable blur overlay */
.contact-form-section.section-alt::before {
    display: none !important;
}

/* Ensure contact form elements are visible and functional */
.contact-form-section {
    position: relative;
    z-index: 1;
}

.contact-form-container {
    position: relative;
    z-index: 2;
}

.contact-form-container .contact-form {
    position: relative;
    z-index: 3;
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 10px !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.contact-form-container .contact-form .form-group label {
    color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.contact-form-container .contact-form .form-group input,
.contact-form-container .contact-form .form-group textarea,
.contact-form-container .contact-form .form-group select {
    background: #F5F5F5 !important;
    color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    border: 2px solid #D4AF37 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.contact-form-container .contact-form .form-group input::placeholder,
.contact-form-container .contact-form .form-group textarea::placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}

.contact-form-container .contact-form .form-group input:focus,
.contact-form-container .contact-form .form-group textarea:focus,
.contact-form-container .contact-form .form-group select:focus {
    background: #FFFFFF !important;
    color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
}

.contact-form-container .contact-form .form-group select {
    background: #F5F5F5 !important;
    color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}

.contact-form-container .contact-form .form-group select option {
    background: #FFFFFF !important;
    color: #000000 !important;
    opacity: 1 !important;
}

.contact-form-section .section-subtitle {
    color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ==========================================================================
   Bugün Yapılan Tüm Değişiklikler - 07.12.2025
   ========================================================================== */

/* About.html - Italic Text Düzeltmeleri */
.story-intro {
    font-style: normal !important;
}

.story-text p {
    font-style: normal !important;
}

.section-title {
    font-style: normal !important;
}

.story-section .section-title {
    font-style: normal !important;
}

/* About.html - Misyonumuz/Vizyonumuz Kartları Düzeltmeleri */
.vision-card,
.mission-card {
    text-align: left !important;
    padding: 1.5rem !important;
    height: auto !important;
}

.vision-card p,
.mission-card p {
    text-align: left !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    margin-bottom: 0.75rem !important;
    flex-grow: 0 !important;
}

.mission-card p {
    text-align: justify !important;
}

.vision-card h2,
.mission-card h2 {
    text-align: left !important;
    font-size: 1.75rem !important;
    margin-bottom: 1rem !important;
}

.vision-icon,
.mission-icon {
    display: none !important;
}

.mission-highlight,
.vision-highlight {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-top: 1rem !important;
    padding: 0.75rem !important;
    text-align: justify !important;
}

/* About.html - Section Subtitle Düzeltmeleri */
.gallery-section .section-subtitle {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
}

.section-subtitle {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* About.html - Story Timeline Düzeltmeleri */
.story-timeline {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
}

.timeline-item {
    padding: 1.5rem !important;
    min-height: 180px !important;
    height: 100% !important;
}

.timeline-item h3 {
    font-size: 1.1rem !important;
    margin-bottom: 0.75rem !important;
}

.timeline-item p {
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    flex-grow: 0 !important;
}

.differentiators-list {
    flex-grow: 0 !important;
}

/* Packages.html - Standard Feature Text Color */
.standard-feature-item p {
    color: var(--text-primary) !important;
}

/* Packages.html - Additional Services Grid */
.additional-services-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    justify-items: center !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Trainers.html - Trainer Cards Düzeltmeleri */
.trainer-profile-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    padding: 1.5rem !important;
    max-width: 450px !important;
    width: 450px !important;
    height: 550px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
}

.trainer-profile-card:hover {
    background: #FFFFFF !important;
}

.management-team-section .trainer-profile-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    width: 100% !important;
    max-width: 400px !important;
    min-height: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

.management-team-section .trainer-profile-card .trainer-photo-wrapper {
    overflow: hidden !important;
    border: none !important;
    outline: none !important;
    background-color: #FFFFFF !important;
}

.management-team-section .trainer-profile-card:hover {
    background: #FFFFFF !important;
}

.trainer-photo-wrapper {
    height: 250px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    background-color: #FFFFFF !important;
}

.management-team-section .trainer-photo-wrapper {
    height: 250px !important;
    width: 100% !important;
    max-height: 250px !important;
    min-height: 250px !important;
    background-color: #FFFFFF !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    border: none !important;
    outline: none !important;
}

.trainer-photo-wrapper .trainer-profile-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
}

.management-team-section .trainer-photo-wrapper .trainer-profile-photo {
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    /* vertical-align removed - not compatible with display: block */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.trainer-profile-info {
    padding: 1rem !important;
    overflow: hidden !important;
}

.trainer-name {
    font-size: 1.4rem !important;
    color: #000000 !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-experience {
    font-size: 0.95rem !important;
    color: #000000 !important;
    font-weight: 600 !important;
    margin-bottom: 0.75rem !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-description {
    font-size: 0.9rem !important;
    color: #000000 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin-bottom: 0.75rem !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.trainer-certifications p,
.trainer-lessons p {
    font-size: 0.8rem !important;
    color: #000000 !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.specialty-tag {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}

.trainer-profile-card .submit-button {
    background: var(--gold-primary) !important;
    color: #FFFFFF !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.9rem !important;
}

.trainers-detail-section.section-alt::before,
.management-team-section.section-alt::before {
    display: none !important;
}

/* Contact.html - FAQ Cards Blur Düzeltmeleri */
.quick-faq-item {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
}

.quick-faq-item h3,
.quick-faq-item h3 *,
.quick-faq-section .quick-faq-item h3,
.quick-faq-section .quick-faq-item h3 *,
.section-alt .quick-faq-item h3,
.section-alt .quick-faq-item h3 * {
    font-size: 1rem !important;
    color: #000000 !important;
    margin-bottom: 0.75rem !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.quick-faq-item p,
.quick-faq-item p *,
.quick-faq-section .quick-faq-item p,
.quick-faq-section .quick-faq-item p *,
.section-alt .quick-faq-item p,
.section-alt .quick-faq-item p * {
    color: #000000 !important;
    font-size: 0.9rem !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.quick-faq-section.section-alt::before {
    display: none !important;
}

/* Blog.html - Blog Cards Blur Düzeltmeleri */
.blog-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    z-index: 1 !important;
}

.blog-card:hover h3 {
    filter: none !important;
    -webkit-filter: none !important;
}

.blog-date {
    color: #000000 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
}

.blog-card h3 {
    color: #000000 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.blog-card p {
    color: #000000 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.blog-content {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.blog-content * {
    color: #000000 !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    z-index: 1 !important;
}

.blog-meta,
.blog-category-tag,
.blog-date,
.blog-read-time {
    color: #000000 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.blog-tags,
.blog-tag {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Blog Tag'leri - Beyaz arka plan, siyah text */
.blog-tag {
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 1px solid #D4AF37 !important;
}

.blog-tag:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

.featured-post-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    z-index: 1 !important;
}

.featured-post-card * {
    color: #000000 !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    z-index: 1 !important;
}

.featured-post-content {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.featured-posts-section.section-alt::before,
.blog-posts-section.section-alt::before {
    display: none !important;
}

/* Floating Action Buttons */
.floating-scroll-top-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 9999 !important;
}

.floating-action-buttons {
    pointer-events: auto !important;
}

/* ==========================================================================
   RENK DEĞİŞİKLİKLERİ - TÜM EKSİKSİZ UYGULAMA
   ========================================================================== */

/* Trainer Cards - TÜM RENK DEĞİŞİKLİKLERİ */
.trainer-profile-card,
.trainers-detail-section .trainer-profile-card,
.management-team-section .trainer-profile-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.trainer-profile-card:hover,
.trainers-detail-section .trainer-profile-card:hover,
.management-team-section .trainer-profile-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.trainer-profile-card .trainer-name,
.trainers-detail-section .trainer-profile-card .trainer-name,
.management-team-section .trainer-profile-card .trainer-name {
    color: #000000 !important;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-profile-card .trainer-experience,
.trainers-detail-section .trainer-profile-card .trainer-experience,
.management-team-section .trainer-profile-card .trainer-experience {
    color: #000000 !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-profile-card .trainer-description,
.trainers-detail-section .trainer-profile-card .trainer-description,
.management-team-section .trainer-profile-card .trainer-description {
    color: #000000 !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-profile-card .trainer-certifications,
.trainer-profile-card .trainer-certifications p,
.trainer-profile-card .trainer-certifications *,
.trainer-profile-card .trainer-certifications strong,
.trainer-profile-card .trainer-certifications span,
.trainers-detail-section .trainer-profile-card .trainer-certifications,
.trainers-detail-section .trainer-profile-card .trainer-certifications p,
.trainers-detail-section .trainer-profile-card .trainer-certifications *,
.trainers-detail-section .trainer-profile-card .trainer-certifications strong,
.trainers-detail-section .trainer-profile-card .trainer-certifications span,
.management-team-section .trainer-profile-card .trainer-certifications,
.management-team-section .trainer-profile-card .trainer-certifications p,
.management-team-section .trainer-profile-card .trainer-certifications *,
.management-team-section .trainer-profile-card .trainer-certifications strong,
.management-team-section .trainer-profile-card .trainer-certifications span {
    color: #000000 !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.trainer-profile-card .trainer-certifications strong {
    font-weight: 700 !important;
}

.trainer-profile-card .trainer-lessons,
.trainer-profile-card .trainer-lessons p,
.trainer-profile-card .trainer-lessons *,
.trainers-detail-section .trainer-profile-card .trainer-lessons,
.trainers-detail-section .trainer-profile-card .trainer-lessons p,
.trainers-detail-section .trainer-profile-card .trainer-lessons *,
.management-team-section .trainer-profile-card .trainer-lessons,
.management-team-section .trainer-profile-card .trainer-lessons p,
.management-team-section .trainer-profile-card .trainer-lessons * {
    color: #000000 !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-profile-card .specialty-tag,
.trainers-detail-section .trainer-profile-card .specialty-tag,
.management-team-section .trainer-profile-card .specialty-tag {
    color: #000000 !important;
    font-weight: 600 !important;
    background: #F5F5F5 !important;
    border-color: #D4AF37 !important;
}

.trainer-profile-card .submit-button,
.trainer-profile-card button,
.trainer-profile-card .trainer-contact-btn,
.trainer-profile-card .btn,
.trainer-profile-card .btn-primary,
.trainers-detail-section .trainer-profile-card .submit-button,
.trainers-detail-section .trainer-profile-card button,
.trainers-detail-section .trainer-profile-card .trainer-contact-btn,
.trainers-detail-section .trainer-profile-card .btn,
.trainers-detail-section .trainer-profile-card .btn-primary,
.management-team-section .trainer-profile-card .submit-button,
.management-team-section .trainer-profile-card button,
.management-team-section .trainer-profile-card .trainer-contact-btn,
.management-team-section .trainer-profile-card .btn,
.management-team-section .trainer-profile-card .btn-primary {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border-color: #D4AF37 !important;
    font-weight: 600 !important;
}

.trainer-profile-card .submit-button:hover,
.trainer-profile-card button:hover,
.trainer-profile-card .trainer-contact-btn:hover,
.trainer-profile-card .btn:hover,
.trainer-profile-card .btn-primary:hover,
.trainers-detail-section .trainer-profile-card .submit-button:hover,
.trainers-detail-section .trainer-profile-card button:hover,
.trainers-detail-section .trainer-profile-card .trainer-contact-btn:hover,
.trainers-detail-section .trainer-profile-card .btn:hover,
.trainers-detail-section .trainer-profile-card .btn-primary:hover,
.management-team-section .trainer-profile-card .submit-button:hover,
.management-team-section .trainer-profile-card button:hover,
.management-team-section .trainer-profile-card .trainer-contact-btn:hover,
.management-team-section .trainer-profile-card .btn:hover,
.management-team-section .trainer-profile-card .btn-primary:hover {
    background: #C5A059 !important;
    color: #FFFFFF !important;
    border-color: #C5A059 !important;
}

/* FAQ Cards - TÜM RENK DEĞİŞİKLİKLERİ */
.quick-faq-item,
.quick-faq-section .quick-faq-item,
.section-alt .quick-faq-item {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    position: relative !important;
    z-index: 1 !important;
}

.quick-faq-item h3,
.quick-faq-item h3 *,
.quick-faq-section .quick-faq-item h3,
.quick-faq-section .quick-faq-item h3 *,
.section-alt .quick-faq-item h3,
.section-alt .quick-faq-item h3 *,
.quick-faq-item h3 span,
.quick-faq-item h3 strong,
.quick-faq-item h3 em {
    color: #000000 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.quick-faq-item p,
.quick-faq-item p *,
.quick-faq-section .quick-faq-item p,
.quick-faq-section .quick-faq-item p *,
.section-alt .quick-faq-item p,
.section-alt .quick-faq-item p *,
.quick-faq-item p span,
.quick-faq-item p strong,
.quick-faq-item p em {
    color: #000000 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Blog Cards - TÜM RENK DEĞİŞİKLİKLERİ */
.blog-card,
.blog-posts-section .blog-card,
.featured-posts-section .blog-card,
.section-alt .blog-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    z-index: 1 !important;
}

.blog-card *,
.blog-posts-section .blog-card *,
.featured-posts-section .blog-card *,
.section-alt .blog-card * {
    color: #000000 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.blog-card h3,
.blog-card h3 *,
.blog-posts-section .blog-card h3,
.blog-posts-section .blog-card h3 *,
.featured-posts-section .blog-card h3,
.featured-posts-section .blog-card h3 * {
    color: #000000 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.blog-card p,
.blog-card p *,
.blog-posts-section .blog-card p,
.blog-posts-section .blog-card p *,
.featured-posts-section .blog-card p,
.featured-posts-section .blog-card p * {
    color: #000000 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.blog-content,
.blog-card .blog-content,
.featured-post-content {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.blog-content *,
.blog-card .blog-content *,
.featured-post-content * {
    color: #000000 !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.blog-meta,
.blog-meta *,
.blog-category-tag,
.blog-category-tag *,
.blog-date,
.blog-date *,
.blog-read-time,
.blog-read-time * {
    color: #000000 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.blog-tags,
.blog-tags *,
.blog-tag,
.blog-tag * {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    color: #000000 !important;
}

.featured-post-card,
.featured-post-card * {
    background: #FFFFFF !important;
    color: #000000 !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Packages - Standard Feature Text Colors */
.standard-feature-item,
.standard-feature-item *,
.standard-feature-item p,
.standard-feature-item p *,
.standard-feature-item h3,
.standard-feature-item h3 * {
    color: #000000 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.standard-feature-item p {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Contact Form - TÜM RENK DEĞİŞİKLİKLERİ (Zaten var ama güçlendiriyoruz) */
.contact-form-container .contact-form {
    background: #FFFFFF !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 10px !important;
}

.contact-form-container .contact-form .form-group label,
.contact-form-container .contact-form .form-group label *,
.contact-form-container .contact-form .form-group label span {
    color: #000000 !important;
    font-weight: 700 !important;
}

.contact-form-container .contact-form .form-group input,
.contact-form-container .contact-form .form-group textarea,
.contact-form-container .contact-form .form-group select {
    background: #F5F5F5 !important;
    color: #000000 !important;
    border: 2px solid #D4AF37 !important;
}

.contact-form-container .contact-form .form-group input:focus,
.contact-form-container .contact-form .form-group textarea:focus,
.contact-form-container .contact-form .form-group select:focus {
    background: #FFFFFF !important;
    color: #000000 !important;
    border-color: #D4AF37 !important;
}

.contact-form-container .contact-form .form-group select option {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.contact-form-section .section-subtitle {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* About - Section Subtitle Colors */
.section-subtitle,
.gallery-section .section-subtitle,
.facilities-section .section-subtitle,
.certifications-section .section-subtitle {
    color: #000000 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: none !important;
}

/* Vision/Mission Cards - Text Colors (Dark background, so keep light text) */
.vision-card,
.mission-card {
    background: linear-gradient(135deg, #1E1E1E 0%, #252525 100%) !important;
}

.vision-card p,
.mission-card p,
.vision-card h2,
.mission-card h2,
.vision-highlight,
.mission-highlight {
    color: var(--text-primary) !important;
    /* Keep light text for dark background cards */
}

/* Additional specific overrides for any remaining elements */
.trainer-profile-info *:not(.submit-button):not(button):not(a) {
    color: #000000 !important;
}

.quick-faq-item *:not(a):not(.btn) {
    color: #000000 !important;
}

.blog-card *:not(a):not(.btn):not(img) {
    color: #000000 !important;
}

.standard-feature-item *:not(.standard-feature-icon) {
    color: #000000 !important;
}

/* ==========================================================================
   KART BAŞLIKLARI - BEYAZ BACKGROUND ÜZERİNDE SİYAH
   ========================================================================== */

/* Trainer Cards Başlıkları */
.trainer-profile-card h2,
.trainer-profile-card h3,
.trainer-profile-card .trainer-name,
.trainers-detail-section .trainer-profile-card h2,
.trainers-detail-section .trainer-profile-card h3,
.trainers-detail-section .trainer-profile-card .trainer-name,
.management-team-section .trainer-profile-card h2,
.management-team-section .trainer-profile-card h3,
.management-team-section .trainer-profile-card .trainer-name {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* FAQ Cards Başlıkları */
.quick-faq-item h2,
.quick-faq-item h3,
.quick-faq-section .quick-faq-item h2,
.quick-faq-section .quick-faq-item h3,
.section-alt .quick-faq-item h2,
.section-alt .quick-faq-item h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* Blog Cards Başlıkları */
.blog-card h2,
.blog-card h3,
.blog-posts-section .blog-card h2,
.blog-posts-section .blog-card h3,
.featured-posts-section .blog-card h2,
.featured-posts-section .blog-card h3,
.section-alt .blog-card h2,
.section-alt .blog-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.featured-post-card h2,
.featured-post-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* Package Cards Başlıkları */
.package-card h2,
.package-card h3,
.packages-detail-section .package-card h2,
.packages-detail-section .package-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* Service Cards Başlıkları (Beyaz background üzerindeki) */
.service-detail-card h2,
.service-detail-card h3,
.services-detail-section .service-detail-card h2,
.services-detail-section .service-detail-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* Additional Service Cards Başlıkları */
.additional-service-card h2,
.additional-service-card h3,
.additional-services-section .additional-service-card h2,
.additional-services-section .additional-service-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* Category Titles (Beyaz background üzerindeki) */
.services-detail-section .category-title,
.packages-detail-section .category-title,
.additional-services-section .category-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
    border-bottom-color: #D4AF37 !important;
}

/* Section Titles (Beyaz background üzerindeki kartlarda) */
.quick-faq-section .section-title,
.blog-posts-section .section-title,
.featured-posts-section .section-title,
.packages-detail-section .section-title,
.additional-services-section .section-title,
.trainers-detail-section .section-title,
.management-team-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.quick-faq-section .section-title::after,
.blog-posts-section .section-title::after,
.featured-posts-section .section-title::after,
.packages-detail-section .section-title::after,
.additional-services-section .section-title::after,
.trainers-detail-section .section-title::after,
.management-team-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Contact Form Section Title */
.contact-form-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.contact-form-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* ==========================================================================
   SAYFA ARKA PLANLARI - BEYAZ
   ========================================================================== */

/* Body Arka Planı */
body {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* Tüm Section Arka Planları */
.section {
    background: #FFFFFF !important;
}

.section-alt {
    background: #FFFFFF !important;
}

.section-alt::before {
    display: none !important;
}

/* Özel Section Arka Planları */
.story-section,
.vision-mission-section,
.facilities-section,
.certifications-section,
.gallery-section,
.stats-section,
.values-section,
.success-stories-section,
.trainers-detail-section,
.management-team-section,
.packages-detail-section,
.additional-services-section,
.services-detail-section,
.blog-posts-section,
.featured-posts-section,
.quick-faq-section,
.contact-form-section,
.contact-detail-section,
.faq-section,
.faq-packages-section {
    background: #FFFFFF !important;
}

.story-section::before,
.vision-mission-section::before,
.facilities-section::before,
.certifications-section::before,
.gallery-section::before,
.stats-section::before,
.values-section::before,
.success-stories-section::before,
.trainers-detail-section::before,
.management-team-section::before,
.packages-detail-section::before,
.additional-services-section::before,
.services-detail-section::before,
.blog-posts-section::before,
.featured-posts-section::before,
.quick-faq-section::before,
.contact-form-section::before,
.contact-detail-section::before,
.faq-section::before,
.faq-packages-section::before {
    display: none !important;
}

/* Page Header Arka Planı (Hero bölümü hariç) */
.page-header {
    background: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    background-color: #D4AF37 !important;
    z-index: 10 !important;
    opacity: 1 !important;
    position: relative !important;
}

.page-header::before {
    display: none !important;
}

/* Container Arka Planları */
.container {
    background: transparent !important;
}

/* Navbar Arka Planı (İsteğe bağlı - beyaz bırakılabilir veya hafif gri) */
.navbar {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 
        0 2px 20px rgba(0, 0, 0, 0.1),
        0 0 40px rgba(212, 175, 55, 0.2),
        0 0 60px rgba(212, 175, 55, 0.1) !important;
    border-bottom: 1px solid var(--gold-border) !important;
    border-top: 1px solid var(--gold-border) !important;
}

/* Footer Arka Planı (İsteğe bağlı - beyaz bırakılabilir veya hafif gri) */
.footer {
    background: #F5F5F5 !important;
}

/* Hero Section (Video/Image arka planı olduğu için değiştirilmedi) */
/* Hero section'ı olduğu gibi bırakıyoruz çünkü video/image arka planı var */

/* ==========================================================================
   KOYU RENKLİ KARTLAR - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* Package Cards */
.package-card,
.packages-detail-section .package-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.package-card:hover,
.packages-detail-section .package-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.package-card::before,
.packages-detail-section .package-card::before {
    display: none !important;
}

.package-card h3,
.package-card h2,
.packages-detail-section .package-card h3,
.packages-detail-section .package-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.package-card p,
.package-card li,
.package-card *,
.packages-detail-section .package-card p,
.packages-detail-section .package-card li,
.packages-detail-section .package-card * {
    color: #000000 !important;
}

.package-price {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

/* Service Cards */
.service-card,
.service-detail-card,
.services-detail-section .service-card,
.services-detail-section .service-detail-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.service-card:hover,
.service-detail-card:hover,
.services-detail-section .service-card:hover,
.services-detail-section .service-detail-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.service-card::before,
.service-detail-card::before,
.services-detail-section .service-card::before,
.services-detail-section .service-detail-card::before {
    display: none !important;
}

.service-card h3,
.service-card h2,
.service-detail-card h3,
.service-detail-card h2,
.services-detail-section .service-card h3,
.services-detail-section .service-card h2,
.services-detail-section .service-detail-card h3,
.services-detail-section .service-detail-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.service-card p,
.service-card li,
.service-card *,
.service-detail-card p,
.service-detail-card li,
.service-detail-card *,
.services-detail-section .service-card p,
.services-detail-section .service-card li,
.services-detail-section .service-card *,
.services-detail-section .service-detail-card p,
.services-detail-section .service-detail-card li,
.services-detail-section .service-detail-card * {
    color: #000000 !important;
}

/* Facility Cards */
.facility-card,
.facilities-section .facility-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.facility-card:hover,
.facilities-section .facility-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.facility-card::before,
.facilities-section .facility-card::before {
    display: none !important;
}

.facility-card h3,
.facility-card h2,
.facilities-section .facility-card h3,
.facilities-section .facility-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.facility-card p,
.facility-card *,
.facilities-section .facility-card p,
.facilities-section .facility-card * {
    color: #000000 !important;
}

/* Value Cards */
.value-card,
.values-section .value-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.value-card:hover,
.values-section .value-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.value-card::before,
.values-section .value-card::before {
    display: none !important;
}

.value-card h3,
.value-card h2,
.values-section .value-card h3,
.values-section .value-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.value-card p,
.value-card *,
.values-section .value-card p,
.values-section .value-card * {
    color: #000000 !important;
}

/* Cert Cards */
.cert-card,
.certifications-section .cert-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.cert-card:hover,
.certifications-section .cert-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.cert-card h3,
.cert-card h2,
.certifications-section .cert-card h3,
.certifications-section .cert-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.cert-card p,
.cert-card *,
.certifications-section .cert-card p,
.certifications-section .cert-card * {
    color: #000000 !important;
}

/* Campaign Cards */
.campaign-card,
.campaigns-section .campaign-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.campaign-card:hover,
.campaigns-section .campaign-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.campaign-card h3,
.campaign-card h2,
.campaigns-section .campaign-card h3,
.campaigns-section .campaign-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.campaign-card p,
.campaign-card *,
.campaigns-section .campaign-card p,
.campaigns-section .campaign-card * {
    color: #000000 !important;
}

/* Additional Service Cards */
.additional-service-card,
.additional-services-section .additional-service-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.additional-service-card:hover,
.additional-services-section .additional-service-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.additional-service-card h3,
.additional-service-card h2,
.additional-services-section .additional-service-card h3,
.additional-services-section .additional-service-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.additional-service-card p,
.additional-service-card *,
.additional-services-section .additional-service-card p,
.additional-services-section .additional-service-card * {
    color: #000000 !important;
}

/* FAQ Items (Packages ve Services) */
.faq-item,
.faq-packages-item,
.faq-services-item,
.faq-section .faq-item,
.faq-packages-section .faq-packages-item,
.faq-services-section .faq-services-item {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.faq-item:hover,
.faq-packages-item:hover,
.faq-services-item:hover,
.faq-section .faq-item:hover,
.faq-packages-section .faq-packages-item:hover,
.faq-services-section .faq-services-item:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.faq-item h3,
.faq-item h2,
.faq-packages-item h3,
.faq-packages-item h2,
.faq-services-item h3,
.faq-services-item h2,
.faq-question,
.faq-packages-question,
.faq-services-question {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.faq-item p,
.faq-item *,
.faq-packages-item p,
.faq-packages-item *,
.faq-services-item p,
.faq-services-item *,
.faq-answer,
.faq-packages-answer,
.faq-services-answer {
    color: #000000 !important;
}

/* Standard Feature Items */
.standard-feature-item {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #E0E0E0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.standard-feature-item:hover {
    background: #F5F5F5 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.standard-feature-item h3,
.standard-feature-item h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

/* Timeline Items */
.timeline-item {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.timeline-item h3,
.timeline-item h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.timeline-item p,
.timeline-item * {
    color: #000000 !important;
}

/* Success Story Cards */
.success-story-card,
.success-stories-section .success-story-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.success-story-card:hover,
.success-stories-section .success-story-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.success-story-card h3,
.success-story-card h2,
.success-stories-section .success-story-card h3,
.success-stories-section .success-story-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.success-story-card p,
.success-story-card *,
.success-stories-section .success-story-card p,
.success-stories-section .success-story-card * {
    color: #000000 !important;
}

/* ==========================================================================
   HEADER/NAVBAR - BEYAZ ARKA PLANA UYGUN AYARLAMALAR
   ========================================================================== */

/* Navbar Arka Planı - Beyaz */
.navbar {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 
        0 2px 20px rgba(0, 0, 0, 0.1),
        0 0 40px rgba(212, 175, 55, 0.2),
        0 0 60px rgba(212, 175, 55, 0.1) !important;
    border-bottom: 1px solid var(--gold-border) !important;
    border-top: 1px solid var(--gold-border) !important;
}

.navbar:hover {
    border-bottom-color: var(--gold-primary) !important;
    box-shadow: 
        0 2px 20px rgba(0, 0, 0, 0.15),
        0 0 40px rgba(212, 175, 55, 0.3),
        0 0 60px rgba(212, 175, 55, 0.2) !important;
}

/* Nav Menu Link Renkleri - Siyah (Beyaz navbar için) */
.nav-menu a,
.nav-menu > li > a {
    color: #000000 !important;
    text-shadow: none !important;
}

.nav-menu > li > a:hover {
    color: var(--gold-primary) !important;
    text-shadow: 0 0 10px var(--gold-glow) !important;
}

.nav-menu > li > a::after {
    background: linear-gradient(90deg, #D4AF37, #D4AF37) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Submenu - Beyaz Arka Plan, Siyah Text */
.submenu {
    background: #FFFFFF !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #E0E0E0 !important;
}

.submenu a {
    color: #000000 !important;
    text-shadow: none !important;
}

.submenu a:hover {
    background: rgba(212, 175, 55, 0.1) !important;
    color: #D4AF37 !important;
    text-shadow: none !important;
}

/* Language Selector - Beyaz Arka Plan */
.language-selector {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #E0E0E0 !important;
    top: 50px !important;
}

/* Ensure language selector position is consistent across all pages */
body .language-selector,
body[data-page-title] .language-selector,
body[data-page-title="meta.title"] .language-selector,
body[data-page-title="meta.about_title"] .language-selector,
body[data-page-title="meta.services_title"] .language-selector,
body[data-page-title="meta.packages_title"] .language-selector,
body[data-page-title="meta.trainers_title"] .language-selector,
body[data-page-title="meta.blog_title"] .language-selector,
body[data-page-title="meta.contact_title"] .language-selector,
.navbar .language-selector,
.hero ~ .navbar .language-selector {
    top: calc(var(--top-bar-height) + 0.9rem + 45px) !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
}

/* Desktop language selector alignment (navbar right) */
@media (min-width: 1024px) {
    .navbar .container {
        position: relative !important;
    }

    /* Show language selector in navbar - same line as nav-menu on desktop */
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin-left: auto !important; /* SAĞA TAŞI - OTOMATIK MARGIN */
        margin-right: 0 !important;
        gap: 0.4rem !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.95) !important;
        padding: 6px 10px !important;
        padding-right: 0 !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
        z-index: 1200 !important;
        order: 2.5 !important;
        flex: 0 0 auto !important;
    }
    
    /* Hide language selector in top-info-bar */
    .top-info-bar .language-selector-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    .navbar .language-selector-desktop .lang-flag {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        padding: 0 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    /* Override any global hide rules on desktop */
    .navbar .language-selector.language-selector-desktop {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Force same line placement inside navbar on desktop - same line as nav-menu */
    .navbar .language-selector-desktop,
    .hero ~ .navbar .language-selector-desktop {
        position: relative !important;
        top: auto !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Language selector moved to top-info-bar - hide in navbar */
    .navbar .language-selector {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

@media (max-width: 768px) {
    /* Mobile: Hide language selectors outside menu */
    .top-info-bar .language-selector,
    .top-info-bar .language-selector-desktop,
    body > .language-selector:not(.navbar .language-selector):not(.nav-menu .language-selector) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        pointer-events: none !important;
    }
}

/* Hamburger Menu - Siyah */
.hamburger span {
    background: #000000 !important;
}

/* FINAL OVERRIDE: Desktop language selector bottom aligned */
@media (min-width: 1024px) {
    .navbar .language-selector-desktop,
    .hero ~ .navbar .language-selector-desktop,
    .navbar .language-selector.language-selector-desktop {
        position: fixed !important;
        top: calc(var(--top-bar-height) + (var(--navbar-offset) / 2)) !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        right: 12px !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
        z-index: 3000 !important;
        pointer-events: auto !important;
    }
}

/* ==========================================================================
   HERO SECTION - BEYAZ ARKA PLANA UYGUN AYARLAMALAR
   ========================================================================== */

/* Hero Content Text Renkleri (Video/Image üzerinde olduğu için beyaz kalabilir) */
/* Eğer hero section'da beyaz arka plan varsa siyaha çevir */
.hero-content {
    position: relative;
    z-index: 2;
}

.hero-title,
.hero-title-line1,
.hero-title-line2 {
    color: #FFFFFF !important;
    /* Video/image üzerinde olduğu için beyaz kalıyor */
}

.hero-slogan,
.hero-subtitle {
    color: #FFFFFF !important;
    /* Video/image üzerinde olduğu için beyaz kalıyor */
}

/* Hero overlay varsa kaldır veya hafiflet */
.hero-overlay {
    background: rgba(0, 0, 0, 0.3) !important;
    /* Video/image üzerinde text okunabilirliği için */
}

/* ==========================================================================
   PAGE HEADER - BEYAZ ARKA PLANA UYGUN AYARLAMALAR
   ========================================================================== */

.page-header {
    background: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    background-color: #D4AF37 !important;
}

.page-header h1 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.page-header p {
    color: #FFFFFF !important;
}

/* ==========================================================================
   TÜM TEXT RENKLERİ - BEYAZ ARKA PLANA UYGUN
   ========================================================================== */

/* Body Text Renkleri */
body {
    color: #000000 !important;
}

p {
    color: #333333 !important;
}

/* Heading Renkleri (Beyaz background üzerinde) */
h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
}

/* Link Renkleri */
a {
    color: #000000 !important;
}

a:hover {
    color: #D4AF37 !important;
}

/* Button Renkleri */
.btn,
.btn-primary,
.btn-secondary {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
}

.btn:hover {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #FFFFFF !important;
}

.btn-outline {
    background: transparent !important;
    color: #000000 !important;
    border: 2px solid #D4AF37 !important;
}

.btn-outline:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   FOOTER - BEYAZ ARKA PLANA UYGUN AYARLAMALAR
   ========================================================================== */

.footer {
    background: #F5F5F5 !important;
    color: #000000 !important;
}

.footer h4,
.footer h3,
.footer h2 {
    color: #000000 !important;
}

.footer p,
.footer li,
.footer a {
    color: #333333 !important;
}

.footer a:hover {
    color: #D4AF37 !important;
}

.footer::before {
    background: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important;
}

/* ==========================================================================
   DİĞER ELEMENTLER - BEYAZ ARKA PLANA UYGUN
   ========================================================================== */

/* Stats Section */
.stats-about-section {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.stats-about-section .section-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.stats-about-grid .stat-item h3,
.stats-about-grid .stat-item p {
    color: #000000 !important;
}

/* Team Message Section */
.team-message-section {
    background: #FFFFFF !important;
}

.team-message-content * {
    color: #000000 !important;
}

/* CTA Section */
.cta-section {
    background: #FFFFFF !important;
}

.cta-section::before {
    display: none !important;
}

.cta-section h2,
.cta-section p {
    color: #000000 !important;
}

/* Schedule Table */
.schedule-table {
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
}

.schedule-table thead {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

.schedule-table th {
    color: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
}

.schedule-table td {
    color: #000000 !important;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
}

.schedule-table tbody tr:nth-child(even) {
    background: #F5F5F5 !important;
}

.schedule-table tbody tr:hover {
    background: #F9F9F9 !important;
}

/* Carousel Navigation */
.carousel-nav-btn {
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 2px solid #D4AF37 !important;
}

.carousel-nav-btn:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Contact Info Cards */
.contact-info-card {
    background: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.contact-info-card h3 {
    color: #000000 !important;
}

.contact-info-card p {
    color: #333333 !important;
}

.contact-link {
    color: #000000 !important;
}

.contact-link:hover {
    color: #D4AF37 !important;
}

/* Hours Display */
.hours-simple p,
.hours-simple strong {
    color: #000000 !important;
}

/* Map View Button */
.map-view-btn {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

.map-view-btn:hover {
    background: #C5A059 !important;
    color: #FFFFFF !important;
}

/* ==========================================================================
   SERVICE PREVIEW KARTLARI - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* Service Preview Cards (Hizmetlere Hızlı Bakış) */
.service-preview-card,
.services-preview-section .service-preview-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.service-preview-card:hover,
.services-preview-section .service-preview-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.service-preview-card h3,
.services-preview-section .service-preview-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.service-preview-card p,
.services-preview-section .service-preview-card p {
    color: #333333 !important;
}

.service-preview-icon {
    color: #D4AF37 !important;
}

/* Advantage Cards (Neden Momentum) */
.advantage-card,
.why-momentum-section .advantage-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.advantage-card:hover,
.why-momentum-section .advantage-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.advantage-card::before,
.why-momentum-section .advantage-card::before {
    display: none !important;
}

.advantage-card h3,
.why-momentum-section .advantage-card h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.advantage-card:hover h3,
.why-momentum-section .advantage-card:hover h3 {
    color: #D4AF37 !important;
    filter: none !important;
}

.advantage-card p,
.why-momentum-section .advantage-card p {
    color: #333333 !important;
}

.advantage-icon {
    color: #D4AF37 !important;
}

.advantage-card:hover .advantage-icon {
    color: #D4AF37 !important;
    filter: none !important;
}

/* Services Preview Section Background */
.services-preview-section {
    background: #FFFFFF !important;
}

.services-preview-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.services-preview-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.services-preview-section .section-subtitle {
    color: #666666 !important;
}

/* Why Momentum Section */
.why-momentum-section {
    background: #FFFFFF !important;
}

.why-momentum-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.why-momentum-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Team Preview Section */
.team-preview-section {
    background: #FFFFFF !important;
}

.team-preview-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.team-preview-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Blog Preview Section */
.blog-preview-section {
    background: #FFFFFF !important;
}

.blog-preview-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.blog-preview-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Contact Location Section */
.contact-location-section {
    background: #FFFFFF !important;
}

.contact-location-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.contact-location-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Mini About Section */
.mini-about-section {
    background: #FFFFFF !important;
}

.mini-about-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.mini-about-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.mini-about-description {
    color: #333333 !important;
}

/* About Card (Mini About) */
.about-card,
.mini-about-section .about-card {
    background: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.about-card h3,
.about-card h2,
.mini-about-section .about-card h3,
.mini-about-section .about-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.about-card p,
.about-card *,
.mini-about-section .about-card p,
.mini-about-section .about-card * {
    color: #000000 !important;
}

/* ==========================================================================
   STATS KARTLARI - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* Stats Section (Sayılarla Momentum Fitness) */
.stats-section {
    background: #FFFFFF !important;
}

.stats-section::before {
    display: none !important;
}

.stats-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.stats-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Stat Cards */
.stat-card,
.stats-section .stat-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.stat-card:hover,
.stats-section .stat-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.stat-number,
.stats-section .stat-number {
    color: #D4AF37 !important;
    text-shadow: none !important;
    filter: none !important;
}

.stat-suffix,
.stats-section .stat-suffix {
    color: #D4AF37 !important;
    filter: none !important;
}

.stat-label,
.stats-section .stat-label {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Stats About Section (İstatistiklerle Momentum) */
.stats-about-section {
    background: #FFFFFF !important;
    color: #000000 !important;
}

.stats-about-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.stats-about-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Stat About Cards */
.stat-about-card,
.stats-about-section .stat-about-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.stat-about-card:hover,
.stats-about-section .stat-about-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.stat-about-number,
.stats-about-section .stat-about-number {
    color: #D4AF37 !important;
    text-shadow: none !important;
    filter: none !important;
}

.stat-about-suffix,
.stats-about-section .stat-about-suffix {
    color: #D4AF37 !important;
    filter: none !important;
}

.stat-about-label,
.stats-about-section .stat-about-label {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   TEAM PREVIEW KARTLARI - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* Team Cards (Eğitmenlerimiz Preview) */
.team-card,
.team-preview-section .team-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.team-card:hover,
.team-preview-section .team-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.team-card::before,
.team-preview-section .team-card::before {
    display: none !important;
}

.team-card h4,
.team-card h3,
.team-card h2,
.team-preview-section .team-card h4,
.team-preview-section .team-card h3,
.team-preview-section .team-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.team-card:hover h4,
.team-card:hover h3,
.team-card:hover h2,
.team-preview-section .team-card:hover h4,
.team-preview-section .team-card:hover h3,
.team-preview-section .team-card:hover h2 {
    color: #D4AF37 !important;
    filter: none !important;
}

.team-card p,
.team-preview-section .team-card p {
    color: #333333 !important;
}

.team-avatar {
    background: #F5F5F5 !important;
    border-color: #D4AF37 !important;
}

.team-card:hover .team-avatar {
    background: #F5F5F5 !important;
    border-color: #D4AF37 !important;
}

/* ==========================================================================
   TÜM DİĞER KOYU KARTLAR - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* Testimonials Section */
.testimonials-section {
    background: #FFFFFF !important;
}

.testimonials-section .section-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.testimonial-card {
    background: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.testimonial-card h4,
.testimonial-card h3,
.testimonial-card p {
    color: #000000 !important;
}

/* Gallery Section */
.gallery-section {
    background: #FFFFFF !important;
}

.gallery-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.gallery-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.gallery-carousel-item {
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.gallery-carousel-item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

/* Values Section */
.values-section {
    background: #FFFFFF !important;
}

.values-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.values-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Success Stories Section */
.success-stories-section {
    background: #FFFFFF !important;
}

.success-stories-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.success-stories-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Certifications Section */
.certifications-section {
    background: #FFFFFF !important;
}

.certifications-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.certifications-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Student Packages Section */
.student-packages-section {
    background: #FFFFFF !important;
}

.student-packages-section .section-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.student-packages-section .section-title::after {
    background: #000000 !important;
    box-shadow: none !important;
}

.student-package {
    background: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
}

.student-package h3,
.student-package p {
    color: #000000 !important;
}

/* Campaigns Section */
.campaigns-section {
    background: #FFFFFF !important;
}

.campaigns-section .section-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.campaigns-section .section-title::after {
    background: #000000 !important;
    box-shadow: none !important;
}

/* Schedule Section */
.schedule-section {
    background: #FFFFFF !important;
}

.schedule-section .section-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.schedule-section .section-title::after {
    background: #000000 !important;
    box-shadow: none !important;
}

/* Service Detail Cards (Services.html) */
.service-detail-card,
.services-detail-section .service-detail-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.service-detail-card:hover,
.services-detail-section .service-detail-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.service-detail-card h3,
.service-detail-card h2,
.services-detail-section .service-detail-card h3,
.services-detail-section .service-detail-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.service-detail-card p,
.service-detail-card li,
.service-detail-card *,
.services-detail-section .service-detail-card p,
.services-detail-section .service-detail-card li,
.services-detail-section .service-detail-card * {
    color: #000000 !important;
}

.service-detail-icon {
    color: #D4AF37 !important;
}

.service-features li {
    color: #000000 !important;
}

.service-info p {
    color: #000000 !important;
}

.service-package {
    color: #D4AF37 !important;
}

.service-schedule {
    color: #000000 !important;
}

.service-trainer {
    color: #000000 !important;
}

.service-trainer a {
    color: #D4AF37 !important;
}

.service-trainer a:hover {
    color: #C5A059 !important;
}

/* Service Category Titles */
.category-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
    border-bottom-color: #D4AF37 !important;
}

/* Package Header */
.package-header h3,
.package-header h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.package-subtitle {
    color: #666666 !important;
}

.package-features li {
    color: #000000 !important;
}

/* Additional Service Icon */
.additional-service-icon {
    color: #D4AF37 !important;
}

/* Service Preview Icon */
.service-preview-icon {
    color: #D4AF37 !important;
}

/* Service Icon */
.service-icon {
    color: #D4AF37 !important;
}

/* ==========================================================================
   FIRST TIME SECTION - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* First Time Section Background */
.first-time-section {
    background: #FFFFFF !important;
}

.first-time-section::before {
    display: none !important;
}

/* First Time Text Card */
.first-time-text,
.first-time-section .first-time-text {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.first-time-text:hover,
.first-time-section .first-time-text:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.first-time-text::before,
.first-time-section .first-time-text::before {
    display: none !important;
}

/* First Time Section Title */
.first-time-text .section-title,
.first-time-section .first-time-text .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.first-time-text:hover .section-title,
.first-time-section .first-time-text:hover .section-title {
    color: #D4AF37 !important;
    filter: none !important;
}

/* First Time Subtitle */
.first-time-subtitle,
.first-time-section .first-time-subtitle {
    color: #D4AF37 !important;
    font-weight: 600 !important;
}

/* First Time Description */
.first-time-text > p,
.first-time-section .first-time-text > p {
    color: #000000 !important;
    font-weight: 500 !important;
}

/* First Time List */
.first-time-list,
.first-time-section .first-time-list {
    color: #000000 !important;
}

.first-time-list li,
.first-time-section .first-time-list li {
    color: #000000 !important;
    font-weight: 500 !important;
}

.first-time-list li span,
.first-time-section .first-time-list li span {
    color: #000000 !important;
}

/* First Time Image */
.first-time-image {
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.first-time-image::before {
    display: none !important;
}

.first-time-image:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.first-time-image:hover::before {
    display: none !important;
}

/* ==========================================================================
   TÜM KALAN KOYU KARTLAR - BEYAZ ARKA PLAN VE SİYAH TEXT
   ========================================================================== */

/* Contact CTA Card (Bize Ulaşın) */
.contact-cta-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.contact-cta-card::before {
    display: none !important;
}

.contact-cta-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.contact-cta-title,
.contact-cta-card .contact-cta-title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.contact-cta-text,
.contact-cta-card .contact-cta-text {
    color: #000000 !important;
    font-weight: 500 !important;
}

.contact-cta-button {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

.contact-cta-button:hover {
    background: #C5A059 !important;
    color: #FFFFFF !important;
}

/* Trainer Overview Cards (Eğitmen Kadromuz) */
.trainer-overview-card,
.trainers-overview-section .trainer-overview-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.trainer-overview-card::before,
.trainers-overview-section .trainer-overview-card::before {
    display: none !important;
}

.trainer-overview-card:hover,
.trainers-overview-section .trainer-overview-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.trainer-overview-card h3,
.trainer-overview-card h2,
.trainers-overview-section .trainer-overview-card h3,
.trainers-overview-section .trainer-overview-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.trainer-overview-card:hover h3,
.trainer-overview-card:hover h2,
.trainers-overview-section .trainer-overview-card:hover h3,
.trainers-overview-section .trainer-overview-card:hover h2 {
    color: #D4AF37 !important;
    filter: none !important;
}

.trainer-overview-card p,
.trainers-overview-section .trainer-overview-card p {
    color: #000000 !important;
    font-weight: 500 !important;
}

.trainer-overview-card .team-avatar {
    color: #D4AF37 !important;
    filter: none !important;
}

.trainer-overview-card:hover .team-avatar {
    color: #D4AF37 !important;
    filter: none !important;
    transform: scale(1.1) !important;
}

/* Trainers Overview Section */
.trainers-overview-section {
    background: #FFFFFF !important;
}

.trainers-overview-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.trainers-overview-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.trainers-overview-section .section-subtitle {
    color: #666666 !important;
}

/* FAQ About Items (Sık Sorulan Sorular - About Page) */
.faq-about-section {
    background: #FFFFFF !important;
}

.faq-about-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.faq-about-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.faq-about-item,
.faq-about-section .faq-about-item {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.faq-about-item:hover,
.faq-about-section .faq-about-item:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.faq-about-question,
.faq-about-section .faq-about-question {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

.faq-about-answer,
.faq-about-section .faq-about-answer {
    color: #000000 !important;
    font-weight: 500 !important;
}

/* Vision/Mission Cards - Beyaz arka plan ve siyah text */
.vision-card,
.mission-card {
    background: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

.vision-card p,
.mission-card p,
.vision-card h2,
.mission-card h2 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.vision-highlight,
.mission-highlight {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.vision-card:hover,
.mission-card:hover {
    background: #FFFFFF !important;
}

.vision-card:hover h2,
.mission-card:hover h2 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* Testimonial Cards */
.testimonial-card,
.testimonials-section .testimonial-card {
    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.testimonial-card:hover,
.testimonials-section .testimonial-card:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.testimonial-card h4,
.testimonial-card h3,
.testimonial-card h2,
.testimonials-section .testimonial-card h4,
.testimonials-section .testimonial-card h3,
.testimonials-section .testimonial-card h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.testimonial-card p,
.testimonial-card *,
.testimonials-section .testimonial-card p,
.testimonials-section .testimonial-card * {
    color: #000000 !important;
}

.testimonial-rating {
    color: #D4AF37 !important;
}

.testimonial-author strong,
.testimonial-author span {
    color: #000000 !important;
}

/* Testimonials Section */
.testimonials-section {
    background: #FFFFFF !important;
}

.testimonials-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.testimonials-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Carousel Wrapper */
.carousel-wrapper {
    background: transparent !important;
}

.carousel-track {
    background: transparent !important;
}

/* Additional specific cards that might have been missed */
.about-card,
.team-card,
.service-card,
.package-card,
.additional-service-card,
.service-preview-card,
.advantage-card,
.facility-card,
.value-card,
.certification-card,
.campaign-card,
.faq-packages-item,
.faq-services-item {
    background: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

.about-card h3,
.about-card h2,
.team-card h3,
.team-card h2,
.service-card h3,
.service-card h2,
.package-card h3,
.package-card h2,
.additional-service-card h3,
.additional-service-card h2,
.service-preview-card h3,
.service-preview-card h2,
.advantage-card h3,
.advantage-card h2,
.facility-card h3,
.facility-card h2,
.value-card h3,
.value-card h2,
.certification-card h3,
.certification-card h2,
.campaign-card h3,
.campaign-card h2,
.faq-packages-item h3,
.faq-packages-item h2,
.faq-services-item h3,
.faq-services-item h2 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.about-card p,
.about-card *,
.team-card p,
.team-card *,
.service-card p,
.service-card *,
.package-card p,
.package-card *,
.additional-service-card p,
.additional-service-card *,
.service-preview-card p,
.service-preview-card *,
.advantage-card p,
.advantage-card *,
.facility-card p,
.facility-card *,
.value-card p,
.value-card *,
.certification-card p,
.certification-card *,
.campaign-card p,
.campaign-card *,
.faq-packages-item p,
.faq-packages-item *,
.faq-services-item p,
.faq-services-item * {
    color: #000000 !important;
}

/* Vision/Mission cards are now white with black text */
.vision-card,
.mission-card {
    background: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

/* Why Choose Trainers Section - White background and black text */
.trainers-why-section {
    background: #FFFFFF !important;
}

.trainers-why-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.trainers-why-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

.trainers-why-section .why-item,
.why-item {
    background: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.trainers-why-section .why-item:hover,
.why-item:hover {
    background: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border-color: #D4AF37 !important;
}

.trainers-why-section .why-item h3,
.why-item h3 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

.trainers-why-section .why-item p,
.why-item p {
    color: #000000 !important;
    font-weight: 500 !important;
}

.trainers-why-section .why-icon,
.why-icon {
    color: #D4AF37 !important;
    filter: none !important;
}

/* Trainer Certifications - Siyah text */
.trainer-certifications,
.trainer-certifications p,
.trainer-certifications strong,
.trainer-certifications span,
.trainer-certifications * {
    color: #000000 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-certifications strong {
    font-weight: 700 !important;
}

.trainer-certifications {
    background: #F5F5F5 !important;
    border-left-color: #D4AF37 !important;
}

/* Trainer Lessons - Siyah text */
.trainer-lessons,
.trainer-lessons p,
.trainer-lessons strong,
.trainer-lessons span,
.trainer-lessons * {
    color: #000000 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.trainer-lessons strong {
    font-weight: 700 !important;
}

.trainer-lessons {
    background: #F5F5F5 !important;
    border-left-color: #D4AF37 !important;
}

/* Ana Sayfa Section Başlıkları - Altın Renk */
.mini-about-section .section-title,
.services-preview-section .section-title,
.why-momentum-section .section-title,
.team-preview-section .section-title,
.testimonials-section .section-title,
.first-time-section .section-title,
.first-time-section .first-time-text .section-title,
.blog-preview-section .section-title,
.contact-location-section .section-title,
.stats-section .section-title,
.video-gallery-section .section-title,
.packages-preview-section .section-title,
.faq-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.mini-about-section .section-title::after,
.services-preview-section .section-title::after,
.why-momentum-section .section-title::after,
.team-preview-section .section-title::after,
.testimonials-section .section-title::after,
.first-time-section .section-title::after,
.blog-preview-section .section-title::after,
.contact-location-section .section-title::after,
.stats-section .section-title::after,
.video-gallery-section .section-title::after,
.packages-preview-section .section-title::after,
.faq-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* About Sayfası Section Başlıkları - Altın Renk */
.stats-about-section .section-title,
.values-section .section-title,
.gallery-section .section-title,
.success-stories-section .section-title,
.certifications-section .section-title,
.faq-about-section .section-title,
.trainers-overview-section .section-title,
.story-section .section-title,
.facilities-section .section-title,
.team-message-section .section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.stats-about-section .section-title::after,
.values-section .section-title::after,
.gallery-section .section-title::after,
.success-stories-section .section-title::after,
.certifications-section .section-title::after,
.faq-about-section .section-title::after,
.trainers-overview-section .section-title::after,
.story-section .section-title::after,
.facilities-section .section-title::after,
.team-message-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Tüm Sayfalardaki Form Başlıkları - Altın Renk */
.contact-form-section .section-title,
.form-section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.contact-form-section .section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Hakkımızda, Misyonumuz, Vizyonumuz Başlıkları - Sadece Başlıklar Altın, Metinler Siyah */
.page-header h1 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Sadece h2 başlıkları altın */
.vision-card h2,
.mission-card h2 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.vision-card:hover h2,
.mission-card:hover h2 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* Metinler (p) ve highlight'lar siyah kalmalı */
.vision-card p,
.mission-card p,
.vision-highlight,
.mission-highlight {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

/* Services Sayfası Category Başlıkları - Altın Renk */
.category-title,
.services-detail-section .category-title,
.packages-detail-section .category-title,
.additional-services-section .category-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
    border-bottom-color: #D4AF37 !important;
}

/* Packages, Trainers, Blog, Contact Sayfaları Başlıkları - Altın Renk */
.packages-detail-section .section-title,
.additional-services-section .section-title,
.trainers-detail-section .section-title,
.management-team-section .section-title,
.trainers-why-section .section-title,
.featured-posts-section .section-title,
.blog-posts-section .section-title,
.quick-faq-section .section-title,
.services-detail-section .faq-section .section-title,
.packages-detail-section .faq-section .section-title,
.where-are-we-section .section-title,
.where-are-we-title,
.contact-section-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-shadow: none !important;
}

.packages-detail-section .section-title::after,
.additional-services-section .section-title::after,
.trainers-detail-section .section-title::after,
.management-team-section .section-title::after,
.trainers-why-section .section-title::after,
.featured-posts-section .section-title::after,
.blog-posts-section .section-title::after,
.quick-faq-section .section-title::after,
.services-detail-section .faq-section .section-title::after,
.packages-detail-section .faq-section .section-title::after,
.where-are-we-section .section-title::after,
.where-are-we-title::after,
.contact-section-title::after {
    background: #D4AF37 !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}

/* Blog Tag'leri - Beyaz arka plan, siyah text */
.blog-tag {
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 1px solid #D4AF37 !important;
    font-weight: 600 !important;
}

.blog-tag:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border-color: #D4AF37 !important;
}

/* Trainer Kartları - Yükseklik Artırma ve Buton Stilleri */
.trainer-profile-card,
.trainers-detail-section .trainer-profile-card {
    min-height: 650px !important;
    height: auto !important;
}

.trainer-profile-info {
    padding: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.trainer-contact-btn {
    margin-top: auto !important;
    padding-top: 1rem !important;
}

/* Trainer Butonları - Altın arka plan, beyaz yazı */
.trainer-profile-card .trainer-contact-btn,
.trainer-profile-card .btn-primary,
.trainer-profile-card button,
.trainer-profile-card .submit-button,
.trainers-detail-section .trainer-profile-card .trainer-contact-btn,
.trainers-detail-section .trainer-profile-card .btn-primary,
.trainers-detail-section .trainer-profile-card button,
.trainers-detail-section .trainer-profile-card .submit-button {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border: 2px solid #D4AF37 !important;
    font-weight: 600 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
}

.trainer-profile-card .trainer-contact-btn:hover,
.trainer-profile-card .btn-primary:hover,
.trainer-profile-card button:hover,
.trainer-profile-card .submit-button:hover,
.trainers-detail-section .trainer-profile-card .trainer-contact-btn:hover,
.trainers-detail-section .trainer-profile-card .btn-primary:hover,
.trainers-detail-section .trainer-profile-card button:hover,
.trainers-detail-section .trainer-profile-card .submit-button:hover {
    background: #C5A059 !important;
    color: #FFFFFF !important;
    border-color: #C5A059 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
}

/* Floating Butonlar - WhatsApp ve Scroll to Top */
.floating-action-btn.floating-whatsapp-btn {
    position: fixed !important;
    bottom: 20px !important;
    right: 30px !important;
    z-index: 99997 !important; /* Below submenu on mobile */
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    background: #25D366 !important;
    border: 2px solid #25D366 !important;
    color: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transform: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Mobile - WhatsApp button same height as scroll-top - FORCED HIGHER */
@media (max-width: 768px) {
    .floating-action-btn.floating-whatsapp-btn,
    a.floating-action-btn.floating-whatsapp-btn {
        bottom: 150px !important; /* FORCED HIGHER - Same as scroll-top button - aligned */
        right: 20px !important;
        left: auto !important;
    }
    
    .floating-action-btn.floating-scroll-top-btn,
    button.floating-action-btn.floating-scroll-top-btn {
        bottom: 150px !important; /* FORCED HIGHER - Same as WhatsApp button - aligned */
        left: 20px !important;
        right: auto !important;
    }
}

.floating-action-btn.floating-whatsapp-btn:hover {
    background: #20BA5A !important;
    border-color: #20BA5A !important;
}

.floating-action-btn.floating-whatsapp-btn svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.floating-action-btn.floating-scroll-top-btn {
    background: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
    color: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.floating-action-btn.floating-scroll-top-btn:hover {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
}

.floating-action-btn.floating-scroll-top-btn svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
    stroke-width: 2.5 !important;
    fill: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.floating-action-btn.floating-scroll-top-btn svg path {
    stroke: #FFFFFF !important;
    stroke-width: 2.5 !important;
    fill: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.floating-action-btn.floating-scroll-top-btn:hover svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Standard Features Section Title - Gold */
.standard-features-section .section-title {
    background: linear-gradient(135deg, #D4AF37 0%, #F4D03F 50%, #D4AF37 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 700 !important;
    position: relative !important;
}

.standard-features-section .section-title::after {
    background: linear-gradient(135deg, #D4AF37 0%, #F4D03F 50%, #D4AF37 100%) !important;
    border-bottom-color: #D4AF37 !important;
}

/* Additional Services Cards - Equal Height */
.additional-service-card {
    min-height: 280px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.additional-service-card p {
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.additional-services-grid {
    align-items: stretch !important;
}

/* Blog Filter Buttons */
.blog-filter-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3rem;
    padding: 1.5rem 0;
}

.blog-filter-btn {
    padding: 0.75rem 1.5rem;
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 25px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.blog-filter-btn:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

.blog-filter-btn.active {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

@media (max-width: 768px) {
    .blog-filter-container {
        gap: 0.75rem;
        padding: 1rem 0;
    }
    
    .blog-filter-btn {
        padding: 0.6rem 1.2rem;
        font-size: 0.85rem;
    }
}

/* Hero Content Card - Responsive */
@media (max-width: 768px) {
    .hero-content {
        padding: 2rem 1.5rem !important;
        border-radius: 15px !important;
        max-width: 95% !important;
    }
    
    .hero-content-wrapper {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .hero-title {
        font-size: 3rem !important;
    }
    
    .hero-slogan {
        font-size: 1.5rem !important;
    }
    
    .hero-buttons {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .hero-buttons .btn {
        width: 100% !important;
        max-width: 300px !important;
    }
}

/* Nav Menu Position - Fixed for ALL pages - Universal Rule */
.navbar .nav-menu,
body .nav-menu,
.navbar .container .nav-menu,
body[data-page-title] .nav-menu,
body[data-page-title="meta.title"] .nav-menu,
body[data-page-title="meta.about_title"] .nav-menu,
body[data-page-title="meta.services_title"] .nav-menu,
body[data-page-title="meta.packages_title"] .nav-menu,
body[data-page-title="meta.trainers_title"] .nav-menu,
body[data-page-title="meta.blog_title"] .nav-menu,
body[data-page-title="meta.contact_title"] .nav-menu,
.index .nav-menu,
.hero ~ .navbar .nav-menu,
ul.nav-menu,
.navbar ul.nav-menu,
.navbar .container ul.nav-menu {
    margin-left: 2rem !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    padding: 0 !important;
}

@media (min-width: 1024px) {
    .navbar .nav-menu,
    body .nav-menu,
    .navbar .container .nav-menu,
    body[data-page-title] .nav-menu,
    body[data-page-title="meta.title"] .nav-menu,
    body[data-page-title="meta.about_title"] .nav-menu,
    body[data-page-title="meta.services_title"] .nav-menu,
    body[data-page-title="meta.packages_title"] .nav-menu,
    body[data-page-title="meta.trainers_title"] .nav-menu,
    body[data-page-title="meta.blog_title"] .nav-menu,
    body[data-page-title="meta.contact_title"] .nav-menu,
    .index .nav-menu,
    .hero ~ .navbar .nav-menu,
    ul.nav-menu,
    .navbar ul.nav-menu,
    .navbar .container ul.nav-menu {
        margin-left: 12rem !important;
        margin-top: 1.5rem !important;
        margin-right: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 1200px) {
    .navbar .nav-menu,
    body .nav-menu,
    .navbar .container .nav-menu,
    body[data-page-title] .nav-menu,
    body[data-page-title="meta.title"] .nav-menu,
    body[data-page-title="meta.about_title"] .nav-menu,
    body[data-page-title="meta.services_title"] .nav-menu,
    body[data-page-title="meta.packages_title"] .nav-menu,
    body[data-page-title="meta.trainers_title"] .nav-menu,
    body[data-page-title="meta.blog_title"] .nav-menu,
    body[data-page-title="meta.contact_title"] .nav-menu,
    .index .nav-menu,
    .hero ~ .navbar .nav-menu,
    ul.nav-menu,
    .navbar ul.nav-menu,
    .navbar .container ul.nav-menu {
        margin-left: 12rem !important;
        margin-top: 1.5rem !important;
        margin-right: auto !important;
        margin-bottom: auto !important;
    }
}

/* Hero Text Overlay - Utopia Fitness Style */
.hero-text-overlay {
    position: absolute;
    top: 45% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 100%;
    max-width: 1200px;
    padding: 0 2rem;
    box-sizing: border-box;
}

.hero-welcome-title {
    font-size: 4.5rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 900;
    color: #FFFFFF !important;
    margin-bottom: 2rem;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.6);
    letter-spacing: 0.05em;
    line-height: 1.2;
    animation: fadeInUpHero 1s ease-out;
    text-transform: none !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.hero-text-overlay .hero-welcome-title,
.hero-text-overlay h1.hero-welcome-title,
.hero-text-overlay h1,
.hero h1.hero-welcome-title,
.hero .hero-welcome-title {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

/* Override h1 global styles for hero welcome title */
.hero-welcome-title,
h1.hero-welcome-title {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

.hero-welcome-subtitle {
    font-size: 2.2rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #FFFFFF !important;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.03em;
    animation: fadeInUpHero 1s ease-out 0.2s both;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 0.5rem;
    white-space: nowrap;
}

.hero-welcome-subtitle span {
    display: inline-block;
    color: #FFFFFF !important;
    white-space: nowrap;
}

.hero-welcome-subtitle span:first-child::after {
    content: " - ";
    margin: 0 0.5rem;
    color: #FFFFFF !important;
}

.hero-welcome-separator {
    color: #FFFFFF !important;
    opacity: 0.7;
    font-weight: 400;
}

.hero-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    flex-wrap: wrap;
    animation: fadeInUpHero 1s ease-out 0.4s both;
}

.btn-hero-primary,
.btn-hero-secondary {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: 2px solid transparent;
    text-transform: none;
    letter-spacing: 0.02em;
}

.btn-hero-primary {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4), 0 0 20px rgba(212, 175, 55, 0.2);
}

.btn-hero-primary:hover {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5), 0 0 30px rgba(212, 175, 55, 0.3);
}

.btn-hero-secondary {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.btn-hero-secondary:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.hero-welcome-description {
    display: none;
}

@keyframes fadeInUpHero {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .hero-welcome-title {
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }
    
    .hero-welcome-subtitle {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    
    .hero-welcome-description {
        font-size: 1rem;
    }
    
    .hero-text-overlay {
        padding: 0 1.5rem;
    }
    
    .hero-buttons {
        margin-top: 2rem;
        gap: 1rem;
    }
    
    .btn-hero-primary,
    .btn-hero-secondary {
        padding: 0.85rem 2rem;
        font-size: 1rem;
    }
}

/* Mobile - Small phones (max-width: 480px) */
@media (max-width: 480px) {
    /* Hero Section - Small Mobile */
    .hero-welcome-title {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .hero-welcome-subtitle {
        font-size: 0.95rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .hero-welcome-description {
        font-size: 0.85rem !important;
    }
    
    .hero-text-overlay {
        padding: 0 0.75rem !important;
    }
    
    .hero-buttons {
        flex-direction: column !important;
        width: 100% !important;
        margin-top: 1.25rem !important;
        gap: 0.65rem !important;
        padding: 0 0.5rem;
    }
    
    .btn-hero-primary,
    .btn-hero-secondary {
        width: 100% !important;
        max-width: 260px !important;
        padding: 0.75rem 1.25rem !important;
        font-size: 0.9rem !important;
        min-height: 44px;
    }

    /* Section Titles - Small Mobile */
    .section-title {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        padding: 0 0.75rem;
    }

    .section-subtitle {
        font-size: 0.9rem !important;
        padding: 0 0.75rem;
    }

    /* Cards - Small Mobile */
    .service-card,
    .package-card,
    .blog-card,
    .team-card,
    .trainer-profile-card,
    .advantage-card,
    .testimonial-card,
    .faq-item,
    .contact-info-card {
        padding: 1rem !important;
    }

    .package-card h3,
    .service-card h3,
    .blog-card h3 {
        font-size: 1.1rem !important;
    }

    .package-card p,
    .service-card p,
    .blog-card p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }

    /* Container - Small Mobile */
    .container {
        padding: 0 0.75rem !important;
    }

    /* Contact Form - Small Mobile */
    .contact-form-container .contact-form {
        padding: 1rem !important;
    }

    .contact-form-container .contact-form .form-group label {
        font-size: 0.9rem !important;
    }

    .contact-form-container .contact-form .form-group input,
    .contact-form-container .contact-form .form-group textarea,
    .contact-form-container .contact-form .form-group select {
        font-size: 16px !important; /* Prevents zoom on iOS */
        padding: 0.75rem !important;
    }

    /* Footer - Small Mobile */
    .footer {
        padding: 2rem 0 1rem !important;
    }

    .footer-section {
        margin-bottom: 1.5rem;
    }

    .footer-section h4 {
        font-size: 1.1rem !important;
    }

    .footer-section p,
    .footer-section li,
    .footer-section a {
        font-size: 0.85rem !important;
    }
}

/* ============================================
   iOS & Android Specific Optimizations
   ============================================ */

/* iOS Safari specific fixes */
@supports (-webkit-touch-callout: none) {
    /* iOS Safari */
    .hero-background-image {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    input,
    textarea,
    select {
        font-size: 16px !important; /* Prevents zoom on focus */
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0;
    }

    .btn {
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3);
    }

    .social-icon,
    .lang-flag,
    .nav-menu a {
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3);
    }
}

/* Android Chrome specific fixes */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .hero-background-image {
        will-change: transform;
    }
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
    /* Touch devices */
    .btn,
    .social-icon,
    .lang-flag,
    .nav-menu a,
    .blog-link,
    .package-btn {
        min-height: 44px;
        min-width: 44px;
        padding: 0.75rem 1.5rem;
    }

    .hamburger {
        min-width: 44px;
        min-height: 44px;
        padding: 0.5rem;
    }

    /* Remove hover effects on touch devices */
    .btn:hover,
    .social-icon:hover,
    .lang-flag:hover {
        transform: none;
    }

    .btn:active,
    .social-icon:active,
    .lang-flag:active {
        transform: scale(0.95);
        opacity: 0.8;
    }
}

/* ============================================
   Mobile hardening for layout, nav, cards, media
   Applies only to mobile; desktop unchanged
   ============================================ */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
    }

    .navbar,
    .nav-menu,
    .hamburger {
        position: relative;
        z-index: 9999;
    }

    .hamburger {
        width: 52px !important;
        height: 52px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 10001 !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        flex-direction: column !important;
        gap: 5px !important;
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }
    
    .hamburger span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #000000 !important;
        width: 25px !important;
        height: 3px !important;
        min-width: 25px !important;
        min-height: 3px !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }
    
    /* Ensure navbar container shows hamburger */
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    /* Force hamburger to be visible in navbar */
    .navbar .container .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .nav-menu {
        max-width: 100%;
        overflow-x: hidden;
    }

    .hero,
    .hero-image-container {
        min-height: 100vh;
    }

    img,
    video {
        max-width: 100%;
        height: auto;
    }

    /* Prevent text/image overflow in cards */
    .service-card,
    .package-card,
    .team-card,
    .blog-card,
    .feature-card,
    .stat-card,
    .advantage-card,
    .service-preview-card,
    .gallery-carousel-item {
        max-width: 100%;
        overflow: hidden;
        word-break: break-word;
    }
}

/* Tablet optimizations (768px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: 0 1.5rem;
        max-width: 100%;
    }

    .about-content,
    .services-grid,
    .team-grid,
    .packages-grid,
    .blog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .packages-preview-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .contact-map-info-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .hero-welcome-title {
        font-size: 2.25rem !important;
    }

    .hero-welcome-subtitle {
        font-size: 1.25rem !important;
    }

    .section-title {
        font-size: 2.25rem !important;
    }

    /* Tablet - Carousels */
    .service-preview-card,
    .advantage-card,
    .testimonial-card,
    .faq-item,
    .gallery-carousel-item {
        min-width: 45% !important;
        max-width: 45% !important;
    }
}

/* ============================================
   Additional Mobile Optimizations
   ============================================ */

/* CRITICAL: Fix kCFErrorDomainCFNetwork 303 - Prevent redirect issues */
@media (max-width: 768px) {
    /* Fix all buttons for mobile touch */
    button,
    .btn,
    a.btn,
    input[type="submit"],
    input[type="button"],
    .hamburger {
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0.75rem 1.5rem !important;
        font-size: 1rem !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        cursor: pointer !important;
        user-select: none !important;
    }
    
    /* Fix interactive links only - not text links in paragraphs */
    a.btn,
    a[role="button"],
    .nav-menu a,
    .info-item,
    .social-icon,
    .lang-flag,
    a:not(p a):not(li a):not(span a):not(div a) {
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    }
    
    /* Text links in paragraphs - normal behavior */
    p a,
    li a,
    span a,
    div a:not(.btn):not([role="button"]) {
        min-height: auto !important;
        display: inline !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important;
    }
    
    /* Prevent horizontal scroll - less aggressive */
    body *:not(.carousel-track):not(.carousel-wrapper) {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Carousel elements can exceed width */
    .carousel-track,
    .carousel-wrapper {
        box-sizing: border-box !important;
    }
    
    body,
    html {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
        position: relative !important;
    }
    
    /* Fix all images - preserve aspect ratio */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* Hero images and background images can use cover */
    .hero-image-container img,
    .hero-background-image,
    .bg-image {
        object-fit: cover !important;
    }
    
    /* Fix video - responsive */
    video {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Hero video should cover */
    .hero video,
    .hero-background-image {
        object-fit: cover !important;
    }
    
    /* Fix containers */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Fix sections */
    .section {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Ensure no horizontal scroll on any element except carousels */
    *:not(.carousel-wrapper):not(.carousel-track) {
        overflow-x: hidden !important;
    }
    
    /* But allow vertical scroll and carousel scroll */
    body,
    html {
        overflow-x: hidden !important;
    }
    
    .carousel-wrapper,
    .carousel-track {
        overflow-x: auto !important; /* Allow carousel scroll */
    }
    
    /* Prevent text overflow */
    p, h1, h2, h3, h4, h5, h6, span, div {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }
}

/* Prevent horizontal scroll on all devices */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    position: relative;
}

/* Images - Responsive by default */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Videos - Responsive */
video {
    max-width: 100%;
    height: auto;
}

/* Iframes - Responsive */
iframe {
    max-width: 100%;
    width: 100%;
}

/* Tables - Mobile scroll */
table {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Text - Mobile readability */
p, li, span, div {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Buttons - Touch friendly - ENHANCED FOR MOBILE */
button,
.btn,
a.btn,
input[type="submit"],
input[type="button"],
.lang-flag {
    min-height: 44px !important;
    min-width: 44px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Hamburger menu - Mobile only touch optimization */
@media (max-width: 768px) {
    .hamburger {
        min-height: 44px !important;
        min-width: 44px !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        cursor: pointer !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }
}

/* Links - Touch friendly - ENHANCED FOR MOBILE */
/* Only apply to interactive links, not text links */
a.btn,
a[role="button"],
.nav-menu a,
.info-item,
.social-icon,
.lang-flag,
a:not(p a):not(li a):not(span a):not(div a) {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important;
}

/* Text links in content - normal inline behavior */
p a,
li a,
span a,
div a:not(.btn):not([role="button"]) {
    min-height: auto !important;
    display: inline !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important;
}

/* Input fields - Prevent zoom on iOS */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px !important; /* Prevents zoom on iOS Safari */
    }
}

/* Landscape mobile optimizations */
@media (max-width: 768px) and (orientation: landscape) {
    .hero {
        min-height: 100vh;
        height: auto;
    }

    .hero-text-overlay {
        top: 50% !important;
        padding: 0 1rem !important;
    }

    .hero-welcome-title {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .hero-welcome-subtitle {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
    }

    .hero-buttons {
        margin-top: 1rem !important;
        gap: 0.5rem !important;
    }

    .btn-hero-primary,
    .btn-hero-secondary {
        padding: 0.65rem 1.25rem !important;
        font-size: 0.85rem !important;
    }

    .top-info-bar {
        height: 60px !important;
    }

    .navbar {
        height: 55px !important;
    }
}

/* High DPI displays optimization */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Print styles - Hide unnecessary elements */
@media print {
    .top-info-bar,
    .navbar,
    .floating-action-buttons,
    .floating-whatsapp-btn,
    .hamburger {
        display: none !important;
    }

    body {
        padding-top: 0 !important;
    }
}

/* ==========================================================================
   Page Header - Altın Arka Plan Override (En Son Kural - Tüm Override'ları Geçersiz Kılar)
   ========================================================================== */
section.page-header,
.page-header,
body .page-header,
body[data-page-title] .page-header,
body[data-page-title="meta.about_title"] .page-header,
.about .page-header {
    background: #D4AF37 !important;
    background: linear-gradient(135deg, #D4AF37 0%, #C5A059 100%) !important;
    background-color: #D4AF37 !important;
    background-image: none !important;
    z-index: 10 !important;
    opacity: 1 !important;
    position: relative !important;
}

section.page-header h1,
.page-header h1,
body .page-header h1,
body[data-page-title] .page-header h1,
body[data-page-title="meta.about_title"] .page-header h1 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

section.page-header p,
.page-header p,
body .page-header p,
body[data-page-title] .page-header p,
body[data-page-title="meta.about_title"] .page-header p {
    color: #FFFFFF !important;
}

/* Where Are We Section */
.where-are-we-section {
    padding: 4rem 0;
}

.where-are-we-title {
    text-align: center;
    margin-bottom: 2rem;
}

.where-are-we-title::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.where-are-we-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.where-are-we-text {
    display: flex;
    flex-direction: column;
}

.where-are-we-description {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-primary);
    margin: 0;
    text-align: justify;
}

.where-are-we-video {
    width: 100%;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    background: #000;
    overflow: hidden;
    max-width: 100%;
    /* Make the promo video clearly tall on desktop */
    height: 80vh;
    min-height: 600px;
    max-height: 1100px;
}

.where-are-we-video video {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: block;
    background: #000;
    object-fit: cover;
}

@media (max-width: 968px) {
    .where-are-we-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .where-are-we-video {
        order: -1;
    }
}

@media (max-width: 768px) {
    .where-are-we-section {
        padding: 3rem 0;
    }
    
    .where-are-we-content {
        gap: 1.5rem;
    }
    
    .where-are-we-description {
        font-size: 1rem;
        text-align: justify;
    }
}

/* ============================================
   CRITICAL: Hamburger Menu - Mobile Visibility
   MUST BE AT THE END TO OVERRIDE ALL OTHER RULES
   ============================================ */
@media (max-width: 768px) {
    /* Force hamburger to be visible on mobile */
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger,
    nav .hamburger,
    nav .navbar .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 10001 !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        order: 3 !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    }
    
    /* Force hamburger spans to be visible */
    .hamburger span,
    .navbar .hamburger span,
    .navbar .container .hamburger span,
    nav .hamburger span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #000000 !important;
        width: 25px !important;
        height: 3px !important;
        min-width: 25px !important;
        min-height: 3px !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
        position: relative !important;
    }
    
    /* Ensure navbar container shows hamburger */
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }
}

/* Desktop - Hide hamburger (override at end) */
@media (min-width: 769px) {
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger,
    nav .hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ============================================
   FINAL FIX: Hamburger Menu - Absolute Position
   Forces hamburger to appear on mobile
   ============================================ */
@media (max-width: 768px) {
    /* Show top-info-bar on mobile - keep it visible */
    .top-info-bar {
        display: flex !important;
        visibility: visible !important;
        height: var(--top-bar-height) !important;
        min-height: var(--top-bar-height) !important;
        max-height: var(--top-bar-height) !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        z-index: 1200 !important;
    }
    
    /* Navbar below info bar */
    .navbar {
        position: fixed !important;
        top: var(--top-bar-height) !important;
        left: 0 !important;
        right: 0 !important;
    }
    
    /* Adjust body padding - top-bar + navbar height */
    body {
        padding-top: calc(var(--top-bar-height) + var(--navbar-offset)) !important;
    }
    
    /* Home-page olmayan sayfalarda navbar gizli, sadece top-bar var - page-header top-info-bar'ın hemen altında */
    body:not(.home-page) {
        padding-top: var(--top-bar-height) !important; /* Sadece top-info-bar için */
    }
    
    body:not(.home-page) .page-header {
        margin-top: 0 !important;
        padding-top: calc(var(--top-bar-height) + 1rem) !important;
    }
    
    /* Fix hero section - ensure video is below navbar */
    .hero,
    .hero-image-container,
    section.hero,
    #home.hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Navbar container must be relative for absolute positioning of hamburger */
    .navbar .container {
        position: relative !important;
    }
    
    /* Force hamburger with absolute position - CANNOT BE HIDDEN */
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger,
    nav .hamburger,
    nav .navbar .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: absolute !important;
        top: 50% !important;
        right: 1rem !important;
        transform: translateY(-50%) !important;
        z-index: 10001 !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        background: rgba(255, 255, 255, 0.95) !important;
        border: 2px solid #D4AF37 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
    }
    
    /* Force hamburger spans to be visible */
    .hamburger span,
    .navbar .hamburger span,
    .navbar .container .hamburger span,
    nav .hamburger span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #000000 !important;
        width: 25px !important;
        height: 3px !important;
        min-width: 25px !important;
        min-height: 3px !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
    }
    
    /* Force submenu visibility when active - MOBILE */
    .nav-menu .has-submenu.active .submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: 500px !important;
        padding: 0.5rem 0 !important;
        margin-top: 0.25rem !important;
        background: rgba(0, 0, 0, 0.02) !important;
        overflow: visible !important;
    }
    
    .nav-menu .has-submenu.active .submenu li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-bottom: 0.25rem !important;
    }
    
    .nav-menu .has-submenu.active .submenu a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 0.75rem 1.5rem !important;
        color: #000000 !important;
        text-decoration: none !important;
    }
    
    .nav-menu .has-submenu.active .submenu-arrow {
        transform: rotate(180deg) !important;
    }
    
    /* CRITICAL: Force all nav-menu items visible on ALL pages - Mobile */
    .nav-menu,
    .nav-menu.active {
        display: block !important;
    }
    
    .nav-menu li,
    .nav-menu > li,
    .nav-menu.active li,
    .nav-menu.active > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
    }
    
    /* Force all nav-menu links visible */
    .nav-menu li a,
    .nav-menu > li > a,
    .nav-menu.active li a,
    .nav-menu.active > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        color: #000000 !important;
        text-decoration: none !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
    }
    
    /* Force has-submenu items visible */
    .nav-menu .has-submenu,
    .nav-menu.active .has-submenu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Force submenu-toggle visible */
    .nav-menu .submenu-toggle,
    .nav-menu.active .submenu-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* CRITICAL FIX: Force ALL nav-menu items visible on ALL pages - Override everything */
    .nav-menu li:nth-child(1),
    .nav-menu li:nth-child(2),
    .nav-menu li:nth-child(3),
    .nav-menu li:nth-child(4),
    .nav-menu li:nth-child(5),
    .nav-menu.active li:nth-child(1),
    .nav-menu.active li:nth-child(2),
    .nav-menu.active li:nth-child(3),
    .nav-menu.active li:nth-child(4),
    .nav-menu.active li:nth-child(5) {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
    }
    
    .nav-menu li:nth-child(1) a,
    .nav-menu li:nth-child(2) a,
    .nav-menu li:nth-child(3) a,
    .nav-menu li:nth-child(4) a,
    .nav-menu li:nth-child(5) a,
    .nav-menu.active li:nth-child(1) a,
    .nav-menu.active li:nth-child(2) a,
    .nav-menu.active li:nth-child(3) a,
    .nav-menu.active li:nth-child(4) a,
    .nav-menu.active li:nth-child(5) a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        color: #000000 !important;
        text-decoration: none !important;
        padding: 0.75rem 1rem !important;
    }
    
    /* ULTIMATE FIX: Override ANY rule that might hide nav-menu items - EXCEPT on home page */
    body:not(.home-page) .navbar .nav-menu li,
    body:not(.home-page) .navbar .nav-menu > li,
    body:not(.home-page) .navbar .container .nav-menu li,
    body:not(.home-page) .navbar .container .nav-menu > li,
    body:not(.home-page) .nav-menu li,
    body:not(.home-page) .nav-menu > li,
    html body:not(.home-page) .nav-menu li,
    html body:not(.home-page) .nav-menu > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
    
    /* Hide nav-menu completely on home page */
    body.home-page .navbar .nav-menu,
    body.home-page .navbar .nav-menu li,
    body.home-page .navbar .nav-menu > li,
    body.home-page .navbar .container .nav-menu,
    body.home-page .navbar .container .nav-menu li,
    body.home-page .navbar .container .nav-menu > li,
    body.home-page .nav-menu,
    body.home-page .nav-menu li,
    body.home-page .nav-menu > li {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    body:not(.home-page) .navbar .nav-menu li a,
    body:not(.home-page) .navbar .nav-menu > li > a,
    body:not(.home-page) .navbar .container .nav-menu li a,
    body:not(.home-page) .navbar .container .nav-menu > li > a,
    body:not(.home-page) .nav-menu li a,
    body:not(.home-page) .nav-menu > li > a,
    html body:not(.home-page) .nav-menu li a,
    html body:not(.home-page) .nav-menu > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        color: #000000 !important;
        text-decoration: none !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }
    
    /* When menu is active, ensure ALL items are visible */
    .nav-menu.active li,
    .nav-menu.active > li,
    .navbar .nav-menu.active li,
    .navbar .nav-menu.active > li {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
    
    .nav-menu.active li a,
    .nav-menu.active > li > a,
    .navbar .nav-menu.active li a,
    .navbar .nav-menu.active > li > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        color: #000000 !important;
        text-decoration: none !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }
    
    /* FINAL FIX: Force ALL nav-menu items visible when active - Override EVERYTHING */
    .nav-menu.active li:nth-of-type(1),
    .nav-menu.active li:nth-of-type(2),
    .nav-menu.active li:nth-of-type(3),
    .nav-menu.active li:nth-of-type(4),
    .nav-menu.active li:nth-of-type(5),
    .nav-menu.active > li:nth-of-type(1),
    .nav-menu.active > li:nth-of-type(2),
    .nav-menu.active > li:nth-of-type(3),
    .nav-menu.active > li:nth-of-type(4),
    .nav-menu.active > li:nth-of-type(5) {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        position: relative !important;
    }
    
    .nav-menu.active li:nth-of-type(1) a,
    .nav-menu.active li:nth-of-type(2) a,
    .nav-menu.active li:nth-of-type(3) a,
    .nav-menu.active li:nth-of-type(4) a,
    .nav-menu.active li:nth-of-type(5) a,
    .nav-menu.active > li:nth-of-type(1) > a,
    .nav-menu.active > li:nth-of-type(2) > a,
    .nav-menu.active > li:nth-of-type(3) > a,
    .nav-menu.active > li:nth-of-type(4) > a,
    .nav-menu.active > li:nth-of-type(5) > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        color: #000000 !important;
        text-decoration: none !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }
    
    /* ULTIMATE FIX: Force ALL nav-menu items visible when active - Works on ALL pages */
    .nav-menu.active > li:first-child,
    .nav-menu.active > li:nth-child(1),
    .nav-menu.active > li:nth-child(2),
    .nav-menu.active > li:nth-child(3),
    .nav-menu.active > li:nth-child(4),
    .nav-menu.active > li:nth-child(5),
    .nav-menu.active > li:last-child {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        position: relative !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0.5rem 1rem !important;
    }
    
    .nav-menu.active > li:first-child > a,
    .nav-menu.active > li:nth-child(1) > a,
    .nav-menu.active > li:nth-child(2) > a,
    .nav-menu.active > li:nth-child(3) > a,
    .nav-menu.active > li:nth-child(4) > a,
    .nav-menu.active > li:nth-child(5) > a,
    .nav-menu.active > li:last-child > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        color: #000000 !important;
        text-decoration: none !important;
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }
    
    /* Force ALL direct children of nav-menu when active */
    .nav-menu.active > * {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .nav-menu.active > * > a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #000000 !important;
    }
}

/* CRITICAL: Desktop - Hide hamburger menu on web (min-width: 769px) */
@media (min-width: 769px) {
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger,
    body .hamburger,
    html body .hamburger,
    .navbar .container .hamburger {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        z-index: -1 !important;
    }
    
    .hamburger span,
    .navbar .hamburger span,
    .navbar .container .hamburger span,
    body .hamburger span {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
}

/* ============================================
   CRITICAL FIX: Mobile Hamburger Menu - MUST BE VISIBLE
   This rule MUST override all other rules on mobile
   ============================================ */
@media (max-width: 768px) {
    /* Force hamburger to be visible on mobile - OVERRIDE ALL OTHER RULES */
    .hamburger,
    .navbar .hamburger,
    .navbar .container .hamburger,
    nav .hamburger,
    nav .navbar .hamburger,
    body .hamburger,
    html body .hamburger,
    .navbar .container .hamburger {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: absolute !important;
        top: 50% !important;
        right: 1rem !important;
        transform: translateY(-50%) !important;
        z-index: 10001 !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        padding: 10px !important;
        margin: 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        background: rgba(255, 255, 255, 0.95) !important;
        border: 2px solid #D4AF37 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        left: auto !important;
    }
    
    /* Force hamburger spans to be visible on mobile */
    .hamburger span,
    .navbar .hamburger span,
    .navbar .container .hamburger span,
    nav .hamburger span,
    body .hamburger span,
    html body .hamburger span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #000000 !important;
        background-color: #000000 !important;
        width: 25px !important;
        height: 3px !important;
        min-width: 25px !important;
        min-height: 3px !important;
        max-width: 25px !important;
        max-height: 3px !important;
        border-radius: 2px !important;
        transition: all 0.3s ease !important;
        position: relative !important;
        z-index: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ensure navbar container allows hamburger to be visible */
    .navbar .container {
        position: relative !important;
    }
    
    /* Ensure hamburger is above all other elements */
    .navbar .container .hamburger {
        z-index: 10001 !important;
    }
    
    /* CRITICAL FIX: Mobile Scroll to Top Button SVG - MUST BE VISIBLE */
    .floating-scroll-top-btn svg,
    .floating-scroll-top-btn.visible svg,
    .floating-action-btn.floating-scroll-top-btn svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        max-width: 24px !important;
        max-height: 24px !important;
        color: #FFFFFF !important;
        stroke: #FFFFFF !important;
        stroke-width: 3.5 !important;
        fill: none !important;
        position: relative !important;
        z-index: 1 !important;
        pointer-events: none !important;
        overflow: visible !important;
    }
    
    /* Force SVG path to be visible on mobile */
    .floating-scroll-top-btn svg path,
    .floating-scroll-top-btn.visible svg path,
    .floating-action-btn.floating-scroll-top-btn svg path {
        stroke: #FFFFFF !important;
        stroke-width: 3.5 !important;
        fill: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* CRITICAL FIX: Mobile Carousel - Horizontal Scroll & Click Fix */
    /* Tüm carousel'ler mobilde yatay scroll yapmalı */
    .carousel-wrapper {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
        touch-action: pan-x pan-y !important;
        /* Tıklama sorununu çöz - wrapper scroll yaparken içindeki elementler tıklanabilir */
        position: relative !important;
    }
    
    /* Tüm carousel track'ler mobilde yatay scroll yapmalı */
    .carousel-track,
    #servicesCarousel,
    #advantagesCarousel,
    #galleryCarousel,
    #testimonialsCarousel,
    #faqCarousel {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        animation: none !important; /* Mobilde animasyon yok - scroll kullan */
        touch-action: pan-x pan-y !important; /* Hem yatay hem dikey kaydırmaya izin ver */
        width: max-content !important;
        gap: 1rem !important;
    }
    
    /* Kartlar mobilde tıklanabilir olmalı - ama scroll da çalışmalı */
    .service-preview-card,
    .advantage-card,
    .testimonial-card,
    .faq-item,
    .gallery-carousel-item {
        pointer-events: auto !important;
        touch-action: pan-x pan-y !important; /* Allow both scroll and click */
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        user-select: none !important;
        -webkit-user-select: none !important;
    }
    
    /* Kartların içindeki tıklanabilir elementler */
    .service-preview-card a,
    .service-preview-card button,
    .advantage-card a,
    .advantage-card button,
    .testimonial-card a,
    .testimonial-card button,
    .faq-item a,
    .faq-item button,
    .gallery-carousel-item a,
    .gallery-carousel-item button {
        pointer-events: auto !important;
        touch-action: manipulation !important; /* Buttons/links should be clickable */
    }
    
    /* Text content in cards - allow selection */
    .service-preview-card p,
    .advantage-card p,
    .testimonial-card p,
    .faq-item p {
        user-select: text !important;
        -webkit-user-select: text !important;
    }
    
    /* Linkler ve butonlar özellikle tıklanabilir olmalı */
    .service-preview-card a,
    .service-preview-card button,
    .advantage-card a,
    .advantage-card button,
    .testimonial-card a,
    .testimonial-card button,
    .faq-item a,
    .faq-item button,
    .gallery-carousel-item a,
    .gallery-carousel-item button,
    .gallery-carousel-item img {
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        cursor: pointer !important;
    }
    
    /* CRITICAL FIX: Mobile First-Time Section - Text Card and Image Same Size */
    .first-time-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        align-items: stretch !important;
    }
    
    .first-time-text {
        width: 100% !important;
        min-height: auto !important;
        padding: 1.5rem !important;
        order: 2 !important;
        /* Kart ve görsel aynı genişlikte */
        box-sizing: border-box !important;
    }
    
    .first-time-image {
        order: 1 !important;
        width: 100% !important;
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        aspect-ratio: 4/3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
    
    .first-time-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        max-height: none !important;
        aspect-ratio: 4/3 !important;
        display: block !important;
    }
    
    /* Kart ve görsel aynı genişlikte ve benzer yükseklikte olmalı */
    .first-time-text,
    .first-time-image {
        flex: 0 0 auto !important;
    }
    
    /* CRITICAL FIX: Mobile Blog Detail - Image and Header Card Same Size */
    .blog-detail-header {
        width: 100% !important;
        padding: 1.5rem !important;
        background: #FFFFFF !important; /* BEYAZ ARKA PLAN - WEBDEKİ GİBİ */
        background-color: #FFFFFF !important;
        border-radius: 12px !important;
        border: 2px solid var(--gold-primary) !important;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important; /* DAHA AÇIK GÖLGE */
        box-sizing: border-box !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Blog Detail Header içindeki metinler - siyah renk */
    .blog-detail-header h1,
    .blog-detail-header h2,
    .blog-detail-header h3,
    .blog-detail-header .blog-detail-title,
    .blog-detail-header .blog-detail-meta,
    .blog-detail-header .blog-detail-meta * {
        color: #000000 !important;
    }
    
    /* Blog Detail Image - Mobile (Görsel kart ile aynı boyutta olmalı) */
    .blog-detail-image {
        margin-bottom: 1.5rem !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 16/9 !important;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6) !important;
        border: 2px solid var(--gold-primary) !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: auto !important;
    }
    
    .blog-detail-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }
    
    /* Blog Detail Header ve Image aynı genişlikte olmalı */
    .blog-detail-header,
    .blog-detail-image {
        flex: 0 0 auto !important;
    }
    
    /* ============================================
       COMPREHENSIVE MOBILE OPTIMIZATION - ALL PAGES
       ============================================ */
    
    /* Contact Form - Mobile Optimization */
    .contact-form-container,
    .contact-form {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }
    
    .form-group {
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    
    .form-group label {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
        display: block !important;
    }
    
    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="tel"],
    .form-group input[type="number"],
    .form-group textarea,
    .form-group select {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0.75rem !important;
        font-size: 1rem !important;
        min-height: 44px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    
    .form-group textarea {
        min-height: 120px !important;
        resize: vertical !important;
    }
    
    /* Contact Map and Info - Mobile */
    .contact-map-info-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .location-map {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .location-map iframe {
        width: 100% !important;
        max-width: 100% !important;
        height: 250px !important;
        border-radius: 10px !important;
    }
    
    .map-view-btn {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0.75rem !important;
        padding: 0.75rem !important;
        font-size: 0.9rem !important;
        min-height: 44px !important;
    }
    
    .contact-info-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
    }
    
    .contact-info-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }
    
    .contact-icon {
        font-size: 2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .contact-info-card h3 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .contact-info-card p,
    .contact-info-card .address-text {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    .contact-link {
        font-size: 0.9rem !important;
        color: var(--gold-primary) !important;
        text-decoration: none !important;
    }
    
    /* Where Are We Section - Mobile */
    .where-are-we-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    .where-are-we-text {
        width: 100% !important;
        order: 2 !important;
    }
    
    .where-are-we-description {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
    }
    
    .where-are-we-video {
        width: 100% !important;
        order: 1 !important;
        aspect-ratio: 16/9 !important;
    }
    
    .where-are-we-video video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 10px !important;
    }
    
    /* Quick FAQ Section - Mobile */
    .quick-faq-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .quick-faq-item {
        padding: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .quick-faq-item h3 {
        font-size: 0.95rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .quick-faq-item p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    /* Packages Page - Mobile Optimization */
    .packages-detail-section .packages-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .package-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.25rem !important;
    }
    
    .package-card.featured {
        transform: none !important;
        margin: 0 auto !important;
    }
    
    .package-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .package-card .package-price {
        font-size: 1.5rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .package-card .package-features {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 1rem !important;
    }
    
    .package-card .package-features li {
        font-size: 0.85rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .package-btn {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0.75rem 1.5rem !important;
        font-size: 0.9rem !important;
        min-height: 44px !important;
    }
    
    /* Blog Page - Mobile Optimization */
    .blog-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .blog-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }
    
    .blog-card .blog-image {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
        margin-bottom: 1rem !important;
    }
    
    .blog-card h3 {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.3 !important;
    }
    
    .blog-card .blog-excerpt {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .blog-card .blog-meta {
        font-size: 0.75rem !important;
    }
    
    /* Blog Detail Page - Mobile Optimization */
    .blog-detail-body {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }
    
    .blog-detail-body p {
        font-size: 0.9rem !important;
        line-height: 1.7 !important;
        margin-bottom: 1rem !important;
    }
    
    .blog-detail-body h2,
    .blog-detail-body h3,
    .blog-detail-body h4 {
        font-size: 1.1rem !important;
        margin-top: 1.5rem !important;
        margin-bottom: 0.75rem !important;
        line-height: 1.3 !important;
    }
    
    .blog-detail-body ul,
    .blog-detail-body ol {
        font-size: 0.9rem !important;
        line-height: 1.7 !important;
        padding-left: 1.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .blog-detail-body li {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .blog-detail-body img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        margin: 1rem 0 !important;
    }
    
    .blog-detail-body iframe,
    .blog-detail-body video {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/9 !important;
        border-radius: 10px !important;
        margin: 1rem 0 !important;
    }
    
    /* Trainers Page - Mobile Optimization */
    .trainers-profile-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .trainer-profile-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }
    
    .trainer-photo-wrapper {
        width: 100% !important;
        margin-bottom: 1rem !important;
    }
    
    .trainer-profile-photo {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 3/4 !important;
        object-fit: cover !important;
    }
    
    .trainer-profile-card h4 {
        font-size: 1.1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .trainer-profile-card .trainer-role {
        font-size: 0.85rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .trainer-profile-card .trainer-bio {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    /* Services Page - Mobile Optimization */
    .services-detail-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .service-detail-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem !important;
    }
    
    .service-detail-card h3 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .service-detail-card p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    /* Gallery - Mobile Optimization */
    .gallery-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .gallery-img {
        width: 100% !important;
        height: 250px !important;
        object-fit: cover !important;
    }
    
    /* All Buttons - Mobile Optimization */
    .btn,
    button,
    a.btn,
    input[type="submit"],
    input[type="button"],
    .package-btn,
    .map-view-btn {
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 0.75rem 1.5rem !important;
        font-size: 0.9rem !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
        cursor: pointer !important;
        user-select: none !important;
        border-radius: 8px !important;
    }
    
    .btn-primary,
    .btn-secondary,
    .btn-outline {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Interactive Links Only - Mobile Optimization */
    a.btn,
    a[role="button"],
    .nav-menu a,
    .info-item,
    .social-icon,
    .lang-flag {
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3) !important;
    }
    
    /* Text links in content - normal behavior */
    p a,
    li a,
    span a,
    div a:not(.btn):not([role="button"]) {
        min-height: auto !important;
        display: inline !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(212, 175, 55, 0.2) !important;
    }
    
    /* Text Sections - Mobile Optimization */
    p {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    h1 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
    }
    
    h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }
    
    h3 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
    }
    
    h4 {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
    }
    
    /* Tables - Mobile Optimization (if any) */
    table {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 0.85rem !important;
        display: block !important;
        overflow-x: auto !important;
    }
    
    /* Modals - Mobile Optimization (if any) */
    .modal,
    .modal-content {
        width: 95% !important;
        max-width: 95% !important;
        margin: 1rem auto !important;
        padding: 1rem !important;
    }
    
    /* Social Links - Mobile Optimization */
    .social-links {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.75rem !important;
        justify-content: center !important;
    }
    
    .social-links a {
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0.5rem !important;
    }
    
    /* Newsletter Form - Mobile Optimization */
    .newsletter-form,
    .newsletter-form input {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .newsletter-form input[type="email"] {
        padding: 0.75rem !important;
        font-size: 1rem !important;
        min-height: 44px !important;
    }
    
    .newsletter-form button {
        width: 100% !important;
        margin-top: 0.75rem !important;
    }
    
    /* ============================================
       CRITICAL: Mobile About Page - All Elements Mobile Optimized
       ============================================ */
    
    /* Story Timeline - Mobile */
    .story-timeline {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        margin-top: 1.5rem !important;
    }
    
    .timeline-item {
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .timeline-item h3 {
        font-size: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .timeline-item p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    .differentiators-list li {
        font-size: 0.8rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Facility Cards - Mobile */
    .facility-card,
    .value-card,
    .certification-card,
    .success-story-card {
        min-width: 85vw !important;
        max-width: 85vw !important;
        width: 85vw !important;
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .facility-icon,
    .value-icon,
    .certification-icon {
        font-size: 1.75rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .facility-card h3,
    .value-card h3,
    .certification-card h3 {
        font-size: 0.95rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    .facility-card p,
    .value-card p,
    .certification-card p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }
    
    /* Stats Grid - Mobile */
    .stats-about-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
        padding: 0 0.5rem !important;
    }
    
    .stat-about-card {
        padding: 0.75rem !important;
    }
    
    .stat-about-number {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }
    
    .stat-about-suffix {
        font-size: 1rem !important;
    }
    
    .stat-about-label {
        font-size: 0.7rem !important;
        margin-top: 0.25rem !important;
    }
    
    /* Team Grid - Mobile */
    .team-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .team-card {
        padding: 1.5rem !important;
    }
    
    .team-avatar {
        font-size: 3rem !important;
        margin-bottom: 1rem !important;
    }
    
    .team-card h4 {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .team-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* FAQ About Section - Mobile */
    .faq-about-section .faq-item {
        padding: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .faq-about-section .faq-question {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .faq-about-section .faq-answer {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }
    
    /* Vision Mission Grid - Mobile */
    .vision-mission-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .mission-card,
    .vision-card {
        padding: 1.5rem !important;
    }
    
    .mission-card h2,
    .vision-card h2 {
        font-size: 1.2rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .mission-card p,
    .vision-card p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Team Message - Mobile */
    .team-message-content {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .team-message-image {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 3/4 !important; /* Dikey görsel için uygun oran */
        min-height: 300px !important;
    }

    .team-message-image img,
    .team-message-image .team-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 15px !important;
    }
    
    .team-message-text {
        padding: 0 !important;
    }
    
    .team-message-text h3 {
        font-size: 1.25rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .team-message-text p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    
    .team-message-author {
        font-size: 0.9rem !important;
        margin-top: 1rem !important;
    }
    
    /* Page Header Spacing - Mobile */
    .page-header {
        margin-top: -1px !important; /* NAVBAR İLE BİRLEŞTİR */
        padding-top: 0.5rem !important;
        padding: 1rem 0 1.5rem !important;
        position: relative !important;
        z-index: 1 !important;
    }
}

/* ============================================
   DESKTOP NAVBAR OPTIMIZATION - SMALL SCREENS
   ============================================ */

/* Small Desktop / Large Tablet (1024px - 1280px) */
@media (min-width: 1024px) and (max-width: 1280px) {
    .navbar .container {
        padding: 1rem 15px !important;
        gap: 0.75rem !important;
    }
    
    .nav-brand {
        min-width: 100px !important;
        max-width: 160px !important;
        min-height: 55px !important;
        margin-left: 0 !important;
    }
    
    .logo-img {
        max-height: 55px !important;
        max-width: 160px !important;
    }
    
    .navbar .nav-menu {
        gap: 0.4rem !important;
        font-size: 0.9rem !important;
        margin-left: 3.5rem !important;
    }
    
    .navbar .nav-menu li {
        padding: 0.5rem 0.6rem !important;
    }
    
    .navbar .nav-menu li a {
        font-size: 0.9rem !important;
        padding: 0.5rem 0.6rem !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        gap: 0.4rem !important;
        padding: 6px 10px !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
        top: auto !important;
        position: relative !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag img {
        width: 24px !important;
        height: 24px !important;
    }
}

/* Medium Desktop (1280px - 1440px) */
@media (min-width: 1280px) and (max-width: 1440px) {
    .navbar .container {
        padding: 1.1rem 18px !important;
        gap: 1rem !important;
    }
    
    .nav-brand {
        min-width: 110px !important;
        max-width: 180px !important;
        min-height: 60px !important;
        margin-left: 0 !important;
    }
    
    .logo-img {
        max-height: 60px !important;
        max-width: 180px !important;
    }
    
    .navbar .nav-menu {
        gap: 0.3rem !important;
        margin-left: 3.5rem !important;
    }
    
    .navbar .nav-menu li {
        padding: 0 !important;
    }
    
    .navbar .nav-menu li a {
        font-size: 0.8rem !important;
        padding: 0.35rem 0.5rem !important;
    }
    
    .navbar .nav-brand {
        margin-left: 1.5rem !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        gap: 0.4rem !important;
        padding: 6px 10px !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
        top: auto !important;
        position: relative !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag img {
        width: 24px !important;
        height: 24px !important;
    }
}

/* Large Desktop (1440px+) */
@media (min-width: 1440px) {
    .navbar .container {
        padding: 1.2rem 20px !important;
        gap: 2rem !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
    }
    
    .nav-brand {
        min-width: 135px !important;
        max-width: 200px !important;
        min-height: 70px !important;
        margin-left: 0 !important;
    }
    
    .logo-img {
        max-height: 70px !important;
        max-width: 200px !important;
    }
    
    .navbar .nav-menu {
        gap: 0.4rem !important;
        margin-left: 3.5rem !important;
    }
    
    .navbar .nav-menu li {
        padding: 0 !important;
    }
    
    .navbar .nav-menu li a {
        font-size: 0.85rem !important;
        padding: 0.4rem 0.6rem !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top {
        gap: 0.4rem !important;
        padding: 6px 10px !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
        top: auto !important;
        position: relative !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }
    
    .navbar .container .language-selector-desktop.language-selector-navbar-top .lang-flag img {
        width: 24px !important;
        height: 24px !important;
    }
}