/* FOUC/CLS iskelet — FX fiyat GİZLEME YOK (SSR döviz).
 * --cv2-bg public temada TANIMLI DEĞİL; #0e1016 fallback = siyah ekran patlaması.
 * Işık kabuk: --cv2-surface / #fafbfc. Dark yalnızca html[data-theme="dark"]. */
html{background:var(--cv2-surface,var(--color-background))}
html[data-theme="dark"]{background:var(--cv2-surface,#17181b)}
/* Global height:auto topbar/logo ikonlarini bozmasin — sadece medya kutulari */
.pack-image-area img,.sw-card-img img,.cmk-img-cell img,
.hakimizdaalani-img,.CoreV2rticle-img,video{max-width:100%;height:auto}
.vertical--packs .pack-card-wrapper {min-width:0;max-width:100%;box-sizing:border-box}
.coreservercart-server-item { min-width:0; max-width:100%; box-sizing:border-box; }
html.cv2-mobile-nav-open,html.cv2-mobile-nav-open body{overflow:hidden;touch-action:none}
/* Hero: base.css ile AYNI sabit yukseklik — once auto sonra 380 = buyuyup kuculme yok */
@media (min-width:1301px){
  body#home .hosting-container,
  .cv2-page--home .hosting-container{height:380px;box-sizing:border-box}
  body#home .hosting-container>.slider-main,
  body#home .hosting-container>.grid-wrapper,
  .cv2-page--home .hosting-container>.slider-main,
  .cv2-page--home .hosting-container>.grid-wrapper{height:100%;min-height:0}
}
.pack-image-area:not(.coreservercart-pack-image-area),
.packs-slider-body .pack-image-area:not(.coreservercart-pack-image-area),
body .vertical--packs .pack .pack-image-area {display:flex;align-items:center;justify-content:center;width:100%;height:148px;min-height:148px;max-height:148px;margin:10px 0 4px;border-radius:14px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:var(--color-surface-secondary);flex-shrink:0}
.packs-cards-track .pack-image-area:not(.coreservercart-pack-image-area) { width:100%; height:148px; min-height:148px; max-height:148px; }
.pack-image-area:not(.coreservercart-pack-image-area) img,
.packs-slider-body .pack-image-area:not(.coreservercart-pack-image-area) img,
body .vertical--packs .pack .pack-image-area img,
body .pack-has-image .pack-image-area img {display:block;width:100%;height:148px;max-height:148px;max-width:100%;object-fit:cover;visibility:visible;opacity:1}
.packs-cards-track .pack-image-area img { width:100%; height:148px; max-height:148px; max-width:100%; }
.coreservercart-pack-image-area{min-height:128px}
.coreservercart-pack-image-area.pack-image-area--no-cover{min-height:52px}
/* Boyutsuz img: kart yuvalari icin soft rezerv (layout jump azalt) */
.cmk-img-cell img,.sw-card-img img,.coreyorumcrt-hero-banner img,
.pack-card-wrapper--promo .cv2-packs-promo-poster img{display:block;width:100%;height:100%;object-fit:cover}
.sw-card-img{aspect-ratio:3/2;overflow:hidden}
.sw-card-img,.hki-stroke{flex-shrink:0}
/* Boyutlu içerik görselleri — header/topbar ikonlarını bozma */
.sw-card-img img[width][height],
.cmk-img-cell img[width][height],
img.hakimizdaalani-img[width][height],
img.CoreV2rticle-img[width][height]{height:auto}
/* Sticky ann: dismiss erken → gizle; hide class → gizle. Acik bar SSR visible ile gelir (JS bekleme yok) */
.core-custom-toast{position:fixed;top:24px;right:24px;z-index:10060;display:flex;align-items:stretch;width:400px;max-width:calc(100vw - 48px);opacity:0;transform:translateX(calc(100% + 32px));transition:transform .45s cubic-bezier(.34,1.4,.64,1),opacity .3s ease;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;}
.core-custom-toast.show{opacity:1;transform:translateX(0)}
html[data-theme="dark"] .core-custom-toast,html[data-theme="dark"] .core-custom-toast{background:rgba(15,23,42,.94);border-color:var(--color-border)}
html.cv2-sticky-dismissed-early #CoreV2-sticky-ann-wrapper,
#CoreV2-sticky-ann-wrapper.CoreV2-sticky-hide{display:none;height:0;min-height:0;overflow:hidden;margin:0;padding:0;opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .logocarts-track{will-change:transform;transform:translateZ(0);backface-visibility:hidden}
}
html,body{scroll-behavior:auto}
/* content-visibility:auto KALDIRILDI — 420px boş kutu + siyah html = “patlama sonra açılma”. */
.logocarts-wrapper {contain:layout paint style}
.hakimizdaalani-fog,.CoreV2paktsb-hero-fog{contain:strict}
@media (max-width:991px){
  .hakimizdaalani-fog::before,.CoreV2paktsb-hero-fog::before,
  .logocarts-card::before{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
  .weather-effect-canvas,.cv2-wx{display:none}
  .logocarts-track{animation:none}
}

/* CoreV2 — meta/anti-FOUC kritik blogu.
 * Kaynak: eski layout/head/main-head-meta.php icindeki id'siz satir ici <style>.
 * Statik CSS; artik <link> ile yuklenir, HTML'e gomulmez. */
    /* Critical anti-FOUC — asla seffaf/siyah default */
    html, body {
        font-synthesis: none}
    /* FX bar - show loading dots until JS fills them */
    #fxUSD:empty::after, #fxEUR:empty::after, #fxGBP:empty::after,
    .fx-rate-m:empty::after { content: '...'}
    /* FX: SSR döviz — fiyat gizleme yok (components/ui/cv2-fx-display.php) */
    /* FOUC: ikon kutusu boyutu sabit */
    .hki-stroke {
        font-family: "hostkur-icons";
        font-style: normal;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-variant: normal;
        font-feature-settings: "liga" 1;
        text-rendering: auto}
    /* Quick-auth modal — sayfa yüklenirken FOUC önleme (CSS gelmeden önce) */
    #cv2-quickauth-backdrop[hidden] { display: none}
    #cv2-quickauth-backdrop:not(.cv2-qa-open) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none}
    #cv2-quickauth-backdrop .hidden { display: none}

/* PERF (mobil donma): telefonlarda 70+ buzlu cam (backdrop-filter) katmani ekran kartini zorluyor,
   zayif cihazlarda sayfa takiliyor/acilmiyordu. Telefonda kapali; yari saydam zeminler aynen kalir. */
@media (max-width:768px){*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
/* Zayif cihaz (html.cv2-lite, head betigi): sonsuz suslemeli animasyonlar ve gecisler durur, bulaniklik kapanir. */
html.cv2-lite *,html.cv2-lite *::before,html.cv2-lite *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation-iteration-count:1!important;animation-duration:.01ms!important;animation-delay:0s!important;scroll-behavior:auto!important}