/* Kozmik Zarafet — landing/ozellikler/fiyatlandirma/sss ortak ambiyans arka plani.
   Onceki surum (fixed + negatif z-index div katmanlari) bu ortamda hic boyanmiyordu
   (opak bir test karesi bile gorunmedi) — muhtemelen ayni sorun sitenin eski
   #cosmicBackdrop hero isimasini da etkiliyor. body'nin KENDI background-image'i
   olarak uygulamak stacking-context/compositing sorununu tamamen bypass ediyor:
   element arka planlari CSS'te her zaman icerigin arkasinda boyanir, negatif
   z-index gibi kirilgan bir mekanizmaya ihtiyac yok.

   Yildizlar duz radial-gradient daire DEGIL: sitenin kendi hero kivilcimindaki
   (.hero-sparkle) 8 uclu elmas/parilti seklini (polygon 50%,0 61%,39 100%,50
   61%,61 50%,100 39%,61 0%,50 39%,39) kucuk bir SVG data-URI olarak kullaniyor
   — icinde bulanik (feGaussianBlur) bir "hale" katmani + keskin parlak bir
   "cekirdek" katmani, ayni SVG icinde. Boylece tek bir background layer'da
   hem yumusak parilti hem net bir yildiz sekli birlikte geliyor. */

body {
  /* Windows Yuksek Kontrast / forced-colors modu acikken tarayici sayfanin
     ozel arka planlarini siler (metin/buton gibi diger her sey normal
     gorunmeye devam eder) — bu, bir kullanicida hicbir onbellek/uzanti
     duzeltmesine ragmen efektin hic gorunmemesinin aciklamasi olabilir. */
  forced-color-adjust: none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='50,0 61,39 100,50 61,61 50,100 39,61 0,50 39,39' fill='%23fdf3df' filter='url(%23b)' opacity='.6'/%3E%3Cpolygon points='50,20 56,44 80,50 56,56 50,80 44,56 20,50 44,44' fill='%23fffdf6'/%3E%3C/svg%3E");
  background-position: 8% 12%, 82% 22%, 34% 46%, 70% 58%, 14% 74%, 60% 86%, 92% 36%;
  background-size: 20px 20px, 28px 28px, 15px 15px, 22px 22px, 16px 16px, 26px 26px, 14px 14px;
  background-repeat: no-repeat;
  background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed;
}

@media (max-width: 768px) {
  body {
    background-size: 14px 14px, 19px 19px, 10px 10px, 15px 15px, 11px 11px, 18px 18px, 10px 10px;
  }
}