/* ============================================================
   Sirinler Aluminyum - giris (ana sayfa) stilleri
   ============================================================ */

/* ---------- VITRIN / SLIDER ---------- */
.srn-slayt {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0s linear 0.8s;
}
.srn-slayt.aktif {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  z-index: 1;
}
.srn-slayt-medya {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Dagitim agi haritasi: dar ekranda "cover" agin buyuk kismini kirpardi,
   bu yuzden tamamini gosterip bosluklari SVG'nin kendi zemin rengiyle dolduruyoruz */
.srn-slayt-harita { background: #050a16; }
@media (max-width: 900px) {
  .srn-slayt-harita { object-fit: contain; }
}
.srn-slayt-golge {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(15, 22, 28, 0.45) 0%, rgba(15, 22, 28, 0.1) 40%, rgba(15, 22, 28, 0.35) 100%);
}
.srn-slayt-yazi {
  position: absolute;
  left: 6%;
  top: 22%;
  max-width: 80%;
}
.srn-slayt.aktif .srn-slayt-yazi h2 span {
  animation: srn-yazi-gir 0.9s cubic-bezier(0.25, 0.8, 0.3, 1) both;
}
.srn-slayt.aktif .srn-slayt-yazi h2 span:nth-child(2) { animation-delay: 0.15s; }
@keyframes srn-yazi-gir {
  from { opacity: 0; transform: translateY(36px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
  .srn-slayt-yazi { top: 30%; }
}

/* Noktalar */
.srn-vitrin-nokta {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  transition: background 0.2s ease, transform 0.2s ease;
}
.srn-vitrin-nokta.aktif {
  background: #fff;
  transform: scale(1.3);
}

/* Sosyal / asagi kaydir */
.srn-sosyal-yazi { writing-mode: vertical-rl; }
.srn-asagi-kaydir { animation: srn-ziplat 1.8s ease-in-out infinite; }
@keyframes srn-ziplat {
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 8px); }
}

/* ---------- URUN ARAMA ---------- */
.srn-arama-desen {
  background-image: url("../images/teknik-desen-beyaz.svg");
  background-size: 680px;
}
.srn-arama-girdi:focus { box-shadow: inset 0 0 0 3px rgba(46, 68, 201, 0.6); }
.srn-arama-btn { transition: background 0.25s ease; }
.srn-arama-btn:hover { background: #3b53e0; }
@media (max-width: 639px) {
  /* mobilde girdi ustte buton altta tam genislik */
  .srn-arama-form .srn-arama-girdi { border-radius: 10px 10px 0 0; }
  .srn-arama-form .srn-arama-btn { border-radius: 0 0 10px 10px; }
}

/* ---------- HAKKIMIZDA ---------- */
.srn-hk-filigran {
  transform: translate(-50%, -50%);
  opacity: 0.06;
  z-index: 1;
}
.srn-hakkimizda > div { z-index: 2; }

/* Fotograflar: kaydirinca sirayla gelir */
.srn-hk-foto {
  opacity: 0;
  transform: translateY(48px) scale(0.96);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 0.8, 0.3, 1),
              box-shadow 0.35s ease;
}
.srn-hk-kolaj.gorundu .srn-hk-foto {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.srn-hk-kolaj.gorundu .srn-hk-foto:nth-child(1) { transition-delay: 0s; }
.srn-hk-kolaj.gorundu .srn-hk-foto:nth-child(2) { transition-delay: 0.15s; }
.srn-hk-kolaj.gorundu .srn-hk-foto:nth-child(3) { transition-delay: 0.3s; }
.srn-hk-kolaj.gorundu .srn-hk-foto:nth-child(4) { transition-delay: 0.45s; }

/* Uzerine gelince: hafif buyu + kalk + one gec */
.srn-hk-foto:hover {
  transform: translateY(-8px) scale(1.05) !important;
  box-shadow: 0 24px 48px rgba(10, 16, 60, 0.3);
  z-index: 5;
  transition-delay: 0s !important;
}

/* Metin blogu: kaydirinca sirayla gelir */
.srn-animasyon {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.8, 0.3, 1);
}
.srn-hk-metin.gorundu .srn-animasyon { opacity: 1; transform: translateY(0); }
.srn-hk-metin.gorundu .srn-animasyon:nth-child(1) { transition-delay: 0.1s; }
.srn-hk-metin.gorundu .srn-animasyon:nth-child(2) { transition-delay: 0.2s; }
.srn-hk-metin.gorundu .srn-animasyon:nth-child(3) { transition-delay: 0.3s; }
.srn-hk-metin.gorundu .srn-animasyon:nth-child(4) { transition-delay: 0.4s; }
.srn-hk-metin.gorundu .srn-animasyon:nth-child(5) { transition-delay: 0.5s; }

/* ---------- HABERLER ---------- */
.srn-haber-kart {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.srn-haber-gorsel {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.srn-haber-kart:hover .srn-haber-gorsel { transform: scale(1.07); }

/* Siyah tonlu ortu: hover ile gelir */
.srn-haber-ortu {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.6rem;
  text-align: center;
  background: linear-gradient(160deg, rgba(20, 22, 26, 0.96), rgba(38, 42, 48, 0.94));
  opacity: 0;
  transition: opacity 0.35s ease;
}
.srn-haber-kart:hover .srn-haber-ortu { opacity: 1; }

.srn-haber-ortu > * {
  transform: translateY(14px);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.3, 1);
}
.srn-haber-kart:hover .srn-haber-ortu > * { transform: translateY(0); }

.srn-haber-tarih {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
.srn-haber-baslik {
  color: #fff;
  font-weight: 800;
  font-size: 1.15rem;
  line-height: 1.3;
  margin-bottom: 0.7rem;
}
.srn-haber-ozet {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  line-height: 1.5;
}
.srn-haber-cizgi {
  width: 56px;
  height: 2px;
  background: #fff;
  margin: 1.1rem auto 0;
}

/* Kaydirinca kartlar sirayla gelsin */
.srn-haber-liste .srn-haber-kart {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 0.8, 0.3, 1);
}
.srn-haber-liste.gorundu .srn-haber-kart { opacity: 1; transform: translateY(0); }
.srn-haber-liste.gorundu .srn-haber-kart:nth-child(1) { transition-delay: 0s; }
.srn-haber-liste.gorundu .srn-haber-kart:nth-child(2) { transition-delay: 0.1s; }
.srn-haber-liste.gorundu .srn-haber-kart:nth-child(3) { transition-delay: 0.2s; }
.srn-haber-liste.gorundu .srn-haber-kart:nth-child(4) { transition-delay: 0.3s; }
.srn-haber-liste.gorundu .srn-haber-kart:nth-child(5) { transition-delay: 0.4s; }

/* Yatay kaydirmada kaydirma cubugunu gizle */
.srn-haber-liste::-webkit-scrollbar { display: none; }
.srn-haber-liste { scrollbar-width: none; }

/* Haber slider oklari */
.srn-haber-ok {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(0, 12, 102, 0.35);
  color: var(--srn-kurumsal);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.srn-haber-ok:hover {
  background: var(--srn-kurumsal);
  border-color: var(--srn-kurumsal);
  color: #fff;
}