/* ============================================================= loader.css — Anasayfa açılış loader'ı (hero kartı açılır + logo nav'a devreder). No-flash: head'de eklenir; loader.js bitince kaldırır. JS yoksa / kapalıysa: is-loading hiç eklenmez → site normal açılır. ============================================================= */ /* açılışta sayfa kilidi */ html.is-loading, html.is-loading body { overflow: hidden !important; height: 100%; } /* hero kartı kapalı: foto + içerik gizli → yalnızca sıcak kâğıt görünür. --lp 1=kapalı, 0=açık (loader.js GSAP ile sürer). Yalnızca yüklenirken uygulanır. */ html.is-loading .mcy-hero__card { clip-path: inset(calc(var(--lp, 1) * 50%) round var(--r-card, 28px)); --lp: 1; } /* nav + hero içeriği yüklenirken gizli/duraklı; reveal'da gelir */ html.is-loading .mcy-cardnav { opacity: 0; } html.is-loading .mcy-hero__chip, html.is-loading .mcy-hero__headline, html.is-loading .mcy-hero__lead, html.is-loading .mcy-hero__stat, html.is-loading .mcy-hero__corner, html.is-loading .mcy-hero__brands, html.is-loading .mcy-hero__media { animation-play-state: paused !important; } /* loader logosu: merkezde büyük → nav konumuna süzülür */ .mcy-loader { position: fixed; inset: 0; z-index: 1200; pointer-events: none; } .mcy-loader__logo { position: fixed; left: 50%; top: 50%; width: min(440px, 66vw); opacity: 0; /* JS gsap ile açar — statik logo flash'ı olmaz */ will-change: transform, opacity; } .mcy-loader__logo svg { display: block; width: 100%; height: auto; overflow: visible; } .mcy-loader__logo svg path { fill: var(--text-dark); } /* JS bittiğinde (is-loading kalkınca) loader DOM'dan da silinir; bu yedek gizleme */ html:not(.is-loading) .mcy-loader { display: none; } @media (prefers-reduced-motion: reduce) { html.is-loading .mcy-hero__card { clip-path: none; --lp: 0; } }