/* novabulut.com sayfa düzenleri — ortak bileşenler tasarim/nova.css'te */

/* ---------- Hero ---------- */
.hero { padding: 40px 0 48px; background: var(--nb-zemin); border-bottom: 1px solid var(--nb-cizgi); }
.hero-ic { display: grid; gap: 32px; align-items: center; grid-template-columns: minmax(0, 1fr); }
.hero-metin .nb-rozet { margin-bottom: 16px; }
.hero-metin p.hero-alt { margin-top: 16px; font-size: var(--nb-fs-lg); color: var(--nb-metin-ikincil); max-width: 560px; }
.hero-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-eylem .nb-btn { flex: 1 1 auto; }
.hero-guven { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; font-size: var(--nb-fs-sm); color: var(--nb-metin-ikincil); }
.hero-guven li { display: flex; align-items: center; gap: 6px; }
.hero-guven .nb-ikon { color: var(--nb-basari); }
/* min-height + aspect-ratio birlikte dar ekranda genişliği zorluyordu (390px'te 416px) — oran yalnız genişlikten */
.hero-gorsel .nb-yer-tutucu { width: 100%; min-height: 0; aspect-ratio: 16 / 10; }
@media (min-width: 640px) { .hero-eylem .nb-btn { flex: 0 0 auto; } }
@media (min-width: 900px) {
  .hero { padding: 72px 0 80px; }
  .hero-ic { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; }
}

/* ---------- Sektör seçimi ---------- */
.sektor-kart { gap: 14px; }
.sektor-kart .sektor-ust { display: flex; align-items: center; gap: 12px; }
.sektor-kart h3 { font-size: var(--nb-fs-lg); }
.sektor-moduller { display: flex; flex-wrap: wrap; gap: 6px; }
.sektor-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; }
.sektor-eylem .nb-btn { flex: 1 1 auto; min-height: 40px; }

/* ---------- Ürün ailesi ---------- */
.grup + .grup { margin-top: 40px; }
.grup-baslik { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--nb-cizgi); }
.grup-baslik h3 { font-size: var(--nb-fs-md); text-transform: uppercase; letter-spacing: .06em; color: var(--nb-marka); }
.grup-baslik span { font-size: var(--nb-fs-sm); color: var(--nb-metin-soluk); }
.modul-kart h3 { font-size: var(--nb-fs-md); }
.diger-sektor { display: flex; align-items: flex-start; gap: 12px; }
.diger-sektor .nb-ikon-kutu { width: 40px; height: 40px; }
.diger-sektor h4 { font-size: var(--nb-fs-sm); margin-bottom: 2px; }
.diger-sektor p { font-size: var(--nb-fs-sm); color: var(--nb-metin-ikincil); }

/* ---------- Donanım ---------- */
.donanim-ic { display: grid; gap: 28px; }
.donanim-liste { display: grid; gap: 10px; grid-template-columns: 1fr; }
.donanim-liste li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border: 1px solid var(--nb-cizgi); border-radius: var(--nb-r-md); font-weight: 600; color: var(--nb-marka-koyu); }
@media (min-width: 640px) { .donanim-liste { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .donanim-ic { grid-template-columns: 1fr 1.2fr; align-items: center; gap: 56px; } }

/* ---------- Platform ---------- */
.platform-oge { display: flex; gap: 14px; align-items: flex-start; }
.platform-oge h3 { font-size: var(--nb-fs-md); margin-bottom: 4px; }
.platform-oge p { font-size: var(--nb-fs-sm); color: var(--nb-metin-ikincil); }

/* ---------- İndirmeler ---------- */
.indir-kart .nb-btn { margin-top: auto; }
.indir-not { font-size: 12px; color: var(--nb-metin-soluk); text-align: center; }

/* ---------- Kapanış / iletişim ---------- */
.iletisim-ic { display: grid; gap: 24px; }
.iletisim-eylem { display: flex; flex-wrap: wrap; gap: 12px; }
.iletisim-eylem .nb-btn { flex: 1 1 200px; }
.iletisim-eposta { display: inline-flex; align-items: center; gap: 8px; min-height: 50px; padding: 0 20px; border: 1.5px dashed rgba(255,255,255,.35); border-radius: var(--nb-r-md); color: rgba(255,255,255,.7); font-size: var(--nb-fs-sm); }
@media (min-width: 900px) { .iletisim-ic { grid-template-columns: 1fr auto; align-items: center; } }

/* ---------- Footer logo ---------- */
.footer-logo { display: inline-block; background: #fff; border-radius: var(--nb-r-sm); padding: 6px 10px; margin-bottom: 12px; }
.footer-logo img { height: 28px; }

/* ---------- Modül detay sayfaları (moduller/*.html) ---------- */
.kirinti { margin-bottom: 16px; font-size: var(--nb-fs-xs); color: var(--nb-metin-soluk); }
.kirinti a { color: var(--nb-marka); font-weight: 600; }
.kirinti a:hover { color: var(--nb-vurgu-hover); }
.modul-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.modul-hero .sektor-moduller { margin-top: 20px; }