/* site-ui: btn-motion + head-ui birlesik (daha az HTTP istegi) */
/* Hafif hover — buton ve CTA bağlantıları (≈1px yukarı, yumuşak geçiş) */
.btn-lift {
  transition: transform 0.3s ease-out, background-color 0.25s ease, color 0.2s ease,
    border-color 0.2s ease, box-shadow 0.3s ease-out, opacity 0.2s ease;
}
.btn-lift:hover {
  transform: translateY(-1px);
}
.btn-lift:active {
  transform: translateY(0);
}

/* Material Symbols: font yüklenene kadar ligatür metni (menu, check vb.) görünmesin — tüm sayfalar */
.material-symbols-outlined {
  transition: opacity 0.18s ease-out;
}
html:not(.material-fonts-ready) .material-symbols-outlined {
  opacity: 0;
}
html.material-fonts-ready .material-symbols-outlined {
  opacity: 1;
}
html.material-fonts-ready .material-symbols-outlined.hero-modem-icon {
  opacity: 0.95;
}


/* Sayfa özel stiller (head): Material ikon varyasyonu, hero dekor, gövde padding — önbelleklenebilir tek dosya */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.kinetic-gradient {
  background: linear-gradient(135deg, #002f85 0%, #25489e 100%);
}
.hero-pattern {
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 24px 24px;
}
/* Hero büyük dekor ikon (FOUT: assets/css/btn-motion.css — material-fonts-ready) */
.hero-modem-icon {
  line-height: 1;
  filter: drop-shadow(0 12px 36px rgba(0, 0, 0, 0.32));
  font-size: clamp(6.75rem, 32vw, 12.5rem);
}
@media (min-width: 640px) {
  .hero-modem-icon {
    font-size: clamp(7.25rem, 28vw, 13.5rem);
  }
}
@media (min-width: 1024px) {
  .hero-modem-icon {
    font-size: clamp(9.75rem, 26vw, 18.5rem);
  }
}
@media (min-width: 1280px) {
  .hero-modem-icon {
    font-size: clamp(11rem, 24vw, 20.5rem);
  }
}
/* Slayt 1–2: lg altı mobil/tablette dekoratif ikon biraz daha küçük */
@media (max-width: 1023px) {
  .hero-modem-icon.hero-slide-1-2-sm {
    font-size: clamp(5.5rem, 28vw, 10rem);
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .hero-modem-icon.hero-slide-1-2-sm {
    font-size: clamp(6rem, 24vw, 11rem);
  }
}
/* Hero slayt 3: metin büyük ikonla çakışmasın */
.hero-slide-3-copy {
  max-width: 42rem;
  padding-right: clamp(3.5rem, 18vw, 7rem);
}
@media (min-width: 640px) {
  .hero-slide-3-copy {
    padding-right: clamp(4.5rem, 16vw, 8.5rem);
  }
}
@media (min-width: 1024px) {
  .hero-slide-3-copy {
    padding-right: 0;
    max-width: min(34rem, calc(100% - 18rem));
  }
}
@media (min-width: 1280px) {
  .hero-slide-3-copy {
    max-width: min(36rem, calc(100% - 20rem));
  }
}
@media (min-width: 1536px) {
  .hero-slide-3-copy {
    max-width: min(38rem, calc(100% - 22rem));
  }
}
/* Slayt 3: distance ikonu taban slaytlardan biraz daha büyük */
.hero-modem-icon.hero-slide-3-icon {
  font-size: clamp(7.5rem, 36vw, 13rem);
}
@media (min-width: 640px) {
  .hero-modem-icon.hero-slide-3-icon {
    font-size: clamp(8rem, 31vw, 14rem);
  }
}
@media (min-width: 1024px) {
  .hero-modem-icon.hero-slide-3-icon {
    font-size: clamp(10.25rem, 27vw, 19.5rem);
  }
}
@media (min-width: 1280px) {
  .hero-modem-icon.hero-slide-3-icon {
    font-size: clamp(11.5rem, 25vw, 21.5rem);
  }
}

body {
  min-height: max(884px, 100dvh);
  padding-bottom: 3.5rem;
}
@media (min-width: 640px) {
  body {
    padding-bottom: 3.75rem;
  }
}
#sticky-cta-strip::-webkit-scrollbar {
  display: none;
}