/* =====================================================================
   GÖRSELLER (CSS ile verilen tüm görseller burada, tek yerde)
   Dosyayı değiştirmek için sadece url(...) kısmını değiştirin.
   Görsellerin dosya adları ve ölçüleri her satırın yanında yazıyor.
   ===================================================================== */
:root{
  --img-slider-1: url(../assets/slider-1.jpg);   /* 1920 x 800 px  */
  --img-slider-2: url(../assets/slider-2.jpg);   /* 1920 x 800 px  */
  --img-slider-3: url(../assets/slider-3.jpg);   /* 1920 x 800 px  */
  --img-biz-kimiz: url(../assets/biz-kimiz.webp); /* 800 x 900 px   */
  --img-soru-damla: url(../assets/soru-damla.png); /* 160 x 160 px, şeffaf PNG (? işaretinin üstüne oturan minik Damla) */
  --img-damla-ana: url(../assets/damla-ana.webp);   /* 800 x 800 px, şeffaf PNG */
  --img-dalga-alt: url(../assets/dalga-alt.webp);   /* 717 x 517 px (mevcut) — sadece footer'da kullanılır */
  --img-baloncuk-1: url(../assets/baloncuk-1.webp); /* 615 x 410 px (mevcut) */
  --img-baloncuk-2: url(../assets/baloncuk-2.webp); /* 461 x 308 px (mevcut) */
  /* Yedek görsel: hizmet / süreç / proje kutularında dosya yoksa bu görünür */
  --img-yedek: url(../assets/damla-yuz.webp);

  /* ? işaretinin üstündeki damlanın konumu ve boyutu */
  --soru-boyut: 1.05em;
  --soru-x: 50%;
  --soru-y: -.72em;
}
.slide:nth-child(1){--slide-img:var(--img-slider-1)}
.slide:nth-child(2){--slide-img:var(--img-slider-2)}
.slide:nth-child(3){--slide-img:var(--img-slider-3)}
.biz-gorsel{background-image:var(--img-biz-kimiz)}
.damla-ana{background-image:var(--img-damla-ana)}
.deco-b1::after{background-image:var(--img-baloncuk-1)}
.deco-b2::after{background-image:var(--img-baloncuk-2)}
.q::before{background-image:var(--img-soru-damla)}