/* Custom Styles & Luxury Polish */
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #FDFBF7;
            color: #2B2325;
            overflow-x: hidden;
        }
        
        .font-serif-title {
            font-family: 'Cormorant Garamond', serif;
        }

        /* Glassmorphism Navbar */
        .navbar-glass {
            background: rgba(253, 251, 247, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(232, 180, 184, 0.15);
        }

        /* Soft Shadows */
        .soft-shadow {
            box-shadow: 0 20px 40px -15px rgba(138, 90, 92, 0.07);
        }
        
        .card-shadow {
            box-shadow: 0 10px 30px -10px rgba(43, 35, 37, 0.05);
        }
        
        .card-shadow-hover:hover {
            box-shadow: 0 20px 40px -10px rgba(138, 90, 92, 0.12);
        }

        /* Scroll Reveal Animation Classes */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Preloader Animation */
        #preloader {
            transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
        }

        /* Custom Accordion Transition */
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
        }
        
        .faq-answer.open {
            max-height: 500px;
            transition: max-height 0.4s ease-in-out;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #FDFBF7;
        }
        ::-webkit-scrollbar-thumb {
            background: #E8B4B8;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #8A5A5C;
        }


        /* Interactive 3D / Motion Layer */
        #luna-3d-scene {
            position: absolute;
            inset: -10% -8% -8% auto;
            width: min(52vw, 720px);
            height: 115%;
            z-index: 1;
            pointer-events: none;
            opacity: 0.92;
            filter: drop-shadow(0 30px 45px rgba(138, 90, 92, 0.13));
        }

        .hero-depth {
            transform-style: preserve-3d;
            perspective: 1200px;
        }

        .hero-depth .depth-card {
            will-change: transform;
            transition: transform 180ms ease-out;
        }

        .tilt-card {
            transform-style: preserve-3d;
            will-change: transform;
            transition: transform .22s ease, box-shadow .22s ease;
        }

        .tilt-card > * { transform: translateZ(18px); }

        .cursor-glow {
            position: fixed;
            width: 320px;
            height: 320px;
            left: 0;
            top: 0;
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
            opacity: .22;
            background: radial-gradient(circle, rgba(232,180,184,.5) 0%, rgba(212,163,115,.12) 35%, transparent 70%);
            transform: translate3d(-50%, -50%, 0);
            transition: opacity .25s ease;
            mix-blend-mode: multiply;
        }

        .magnetic-btn { will-change: transform; }

        @media (max-width: 1023px) {
            #luna-3d-scene {
                width: 100%;
                height: 62%;
                inset: auto -24% 0 auto;
                opacity: .48;
            }
        }

        @media (max-width: 640px) {
            #luna-3d-scene { opacity: .28; filter: none; }
            .cursor-glow { display: none; }
        }

        @media (prefers-reduced-motion: reduce) {
            #luna-3d-scene, .cursor-glow { display: none !important; }
            .tilt-card, .hero-depth .depth-card, .magnetic-btn { transform: none !important; transition: none !important; }
        }


        /* === Luna 2.0: visual rhythm for photo-free sections === */
        .section-atmosphere { position: relative; overflow: hidden; isolation: isolate; }
        .section-atmosphere::before,
        .section-atmosphere::after {
            content: ''; position: absolute; border-radius: 999px; pointer-events: none; z-index: -1;
            filter: blur(8px);
        }
        .section-atmosphere::before {
            width: 420px; height: 420px; top: -180px; right: -120px;
            background: radial-gradient(circle, rgba(232,180,184,.22), rgba(250,243,224,.08) 55%, transparent 72%);
        }
        .section-atmosphere::after {
            width: 340px; height: 340px; bottom: -170px; left: -110px;
            background: radial-gradient(circle, rgba(212,163,115,.12), rgba(251,240,239,.08) 56%, transparent 72%);
        }
        .section-atmosphere > .max-w-7xl,
        .section-atmosphere > .max-w-5xl,
        .section-atmosphere > .max-w-4xl { position: relative; z-index: 1; }

        .premium-grid::before {
            content:''; position:absolute; inset:0; pointer-events:none; opacity:.4;
            background-image: radial-gradient(rgba(138,90,92,.18) .7px, transparent .7px);
            background-size: 22px 22px; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
        }

        .tilt-card { overflow: hidden; }
        .tilt-card::before {
            content:''; position:absolute; inset:-45%; pointer-events:none; opacity:0;
            background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.78) 50%, transparent 65%);
            transform: translateX(-45%) rotate(8deg); transition: transform .8s cubic-bezier(.16,1,.3,1), opacity .3s ease;
        }
        .tilt-card:hover::before { opacity:.65; transform: translateX(45%) rotate(8deg); }

        .hero-kicker-live { position: relative; overflow:hidden; }
        .hero-kicker-live::after {
            content:''; position:absolute; width:55px; height:100%; top:0; left:-70px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
            transform: skewX(-18deg); animation: kickerSweep 3.6s ease-in-out infinite;
        }
        @keyframes kickerSweep { 0%,55%{left:-70px} 78%,100%{left:115%} }

        .hero-word-wrap { display:inline-block; min-width: 3.8em; perspective: 600px; }
        #hero-word { display:inline-block; transform-origin: 50% 70%; transition: opacity .34s ease, transform .34s ease, filter .34s ease; }
        #hero-word.word-out { opacity:0; transform: translateY(10px) rotateX(-24deg); filter: blur(5px); }

        .hero-visual-shell::before {
            content:''; position:absolute; inset:-16px; border:1px solid rgba(216,149,154,.22); border-radius:3rem;
            transform: rotate(2deg); z-index:0; animation: heroFrameBreath 4.5s ease-in-out infinite;
        }
        @keyframes heroFrameBreath { 0%,100%{transform:rotate(2deg) scale(.995);opacity:.55} 50%{transform:rotate(-1deg) scale(1.015);opacity:1} }

        .beauty-orbit { position:absolute; inset:9%; z-index:16; pointer-events:none; border:1px solid rgba(255,255,255,.35); border-radius:50%; animation: orbitSpin 9s linear infinite; }
        .beauty-orbit::before { content:''; position:absolute; width:10px; height:10px; border-radius:50%; background:#fff; top:-5px; left:50%; box-shadow:0 0 0 7px rgba(232,180,184,.18), 0 0 22px rgba(255,255,255,.75); }
        @keyframes orbitSpin { to { transform:rotate(360deg); } }

        .hero-live-card {
            position:absolute; left:-26px; bottom:92px; z-index:25; width:190px; padding:13px 14px;
            border-radius:18px; background:rgba(255,255,255,.82); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
            border:1px solid rgba(255,255,255,.85); box-shadow:0 18px 50px rgba(43,35,37,.13);
            animation: liveFloat 4s ease-in-out infinite;
        }
        .hero-live-dot { width:7px; height:7px; border-radius:50%; background:#D8959A; box-shadow:0 0 0 0 rgba(216,149,154,.45); animation:livePulse 1.8s infinite; }
        @keyframes livePulse { 70%{box-shadow:0 0 0 8px rgba(216,149,154,0)} 100%{box-shadow:0 0 0 0 rgba(216,149,154,0)} }
        @keyframes liveFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

        .micro-marquee { overflow:hidden; white-space:nowrap; mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
        .micro-marquee-track { display:inline-flex; gap:28px; min-width:max-content; animation:microMarquee 18s linear infinite; }
        @keyframes microMarquee { to{ transform:translateX(-50%); } }

        .stats-glow .counter { text-shadow:0 12px 30px rgba(216,149,154,.18); }
        #yorumlar .card-shadow { position:relative; overflow:hidden; }
        #yorumlar .card-shadow::after { content:'“'; position:absolute; right:20px; top:-18px; font-family:'Cormorant Garamond',serif; font-size:110px; line-height:1; color:rgba(232,180,184,.16); pointer-events:none; }

        @media (max-width: 1023px) { .hero-live-card { left:8px; bottom:70px; } }
        @media (max-width: 640px) {
            .hero-live-card { width:160px; left:8px; bottom:56px; padding:10px 12px; }
            .beauty-orbit { inset:11%; opacity:.65; }
            .section-atmosphere::before { width:280px; height:280px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .hero-kicker-live::after,.beauty-orbit,.hero-live-card,.micro-marquee-track,.hero-visual-shell::before { animation:none!important; }
        }

/* Fixed navbar aware anchor targets */
section[id] {
    scroll-margin-top: 110px;
}

/* Make primary in-page CTAs reliably clickable above visual layers */
a[href="#randevu"],
a[href="#hizmetler"] {
    position: relative;
    z-index: 25;
    cursor: pointer;
    pointer-events: auto;
}


/* Hero CTA interaction fix */
#anasayfa .hero-copy {
    position: relative;
    z-index: 50 !important;
    pointer-events: auto !important;
    isolation: isolate;
}

#anasayfa .hero-copy .hero-cta {
    position: relative;
    z-index: 60 !important;
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

#anasayfa #luna-3d-scene,
#anasayfa .beauty-orbit,
#anasayfa .hero-visual-shell::before {
    pointer-events: none !important;
}

#hizmetler, #randevu {
    scroll-margin-top: 105px;
}


/* Hero CTA hard-fix: true buttons, no transformed clickable parent */
#anasayfa .hero-copy {
    transform: none !important;
}
#anasayfa .hero-cta {
    appearance: none;
    -webkit-appearance: none;
    border-style: solid;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation;
    position: relative;
    z-index: 100 !important;
}
#anasayfa .hero-cta:active {
    transform: scale(.98) !important;
}