/* Banka açılış sayfaları: /halkbank ve /sekerbank (halkbank.php, sekerbank.php; IS-260). Düzen ortak kalıptan
   (css/nx/landing.css); burada yalnız bu iki sayfaya özgü olanlar var: görsel konumları, panelden gelen uzun başlık,
   kart sayısına göre ızgara ve Halkbank'ın "Neden Halkbank & NarPOS?" listesi.
   Konum değerleri yer tutucu görsellere göre (assets/landing/MANIFEST.md); IS-259 görselleri gelince yeniden ölçülür. */
.nx.halkbank{
  --ld-hero-position:62% 50%;
  --ld-hero-position-narrow:15% 50%;
  --ld-hero-position-tablet:50% 38%;
  --ld-closing-position:50% 45%;
}
.nx.sekerbank{
  --ld-hero-position:70% 50%;
  --ld-hero-position-narrow:60% 50%;
  --ld-hero-position-tablet:62% 45%;
  --ld-closing-position:70% 35%;
}

/* Panel başlığı uzun olabilir (Halkbank: 66 harf). Ana sayfa boyunda dört-beş satıra yayılıp formu ilk ekrandan
   iterdi; 40 harfi aşan başlıkta (sayfa bank-landing--long-title sınıfını ekler) boy küçülür. Telefon ve tablet
   ana sayfanın kendi boyunda kalır, yalnız telefonda bir kademe iner. */
@media(min-width:901px){
  .nx.bank-landing--long-title .ld-hero .nx-title{font-size:clamp(38px,min(3.9vw,6.6vh),60px);line-height:1.02}
}
@media(max-width:600px){
  .nx.bank-landing--long-title .ld-hero .nx-title{font-size:clamp(30px,8.6vw,36px)}
}

/* Kart ızgarası kart sayısına göre: ana sayfanın üç sütunu beş kartta 3 + 2, dört kartta 3 + 1 bırakıyordu.
   Halkbank (5 kart): üstte iki geniş, altta üç kart. Şekerbank (4 kart): geniş ekranda tek sıra, dar ekranda 2 × 2.
   Telefonda (≤600) kalıbın tek sütunlu koyu kartları değişmez. */
@media(min-width:601px){
  .nx.halkbank .ld-benefits .solution-grid{grid-template-columns:repeat(6,1fr)}
  .nx.halkbank .ld-benefits .solution-card{grid-column:span 2}
  .nx.halkbank .ld-benefits .solution-card:nth-child(-n+2){grid-column:span 3}
  .nx.sekerbank .ld-benefits .solution-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1151px){
  .nx.sekerbank .ld-benefits .solution-grid{grid-template-columns:repeat(4,1fr)}
  .nx.sekerbank .ld-benefits .solution-card>img{height:220px}
  .nx.sekerbank .ld-benefits .solution-card h3{font-size:22px}
}

/* Neden Halkbank & NarPOS? — sade iki sütun liste. Sıra değil, numara yok; her madde ince bir çizgiyle ayrılır.
   Başlığın sağındaki açıklama ana sayfa bölüm başlığının paragrafı (.section-heading p). */
.nx .bl-reasons-intro h3{margin-bottom:8px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.nx .bl-reasons-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px);margin:0;padding:0;list-style:none}
.nx .bl-reasons-list li{padding:22px 0 24px;border-top:1px solid var(--line)}
.nx .bl-reasons-list h3{font-size:clamp(19px,1.5vw,22px);font-weight:500;letter-spacing:-.025em;line-height:1.25;color:#141516;text-wrap:balance}
.nx .bl-reasons-list p{max-width:52ch;margin-top:8px;font-size:15px;line-height:1.7;color:#7c7e80}
/* Tablette başlık ile açıklama yan yana kalınca başlık ~200px'e sıkışıp üç satıra bölünüyordu (768'de görüldü):
   ana sayfanın telefondaki gibi alt alta */
@media(min-width:601px) and (max-width:900px){
  .nx .bl-reasons .section-heading{flex-direction:column;align-items:flex-start;gap:18px}
}
@media(max-width:600px){
  .nx .bl-reasons-list{grid-template-columns:1fr}
  .nx .bl-reasons-list li{padding:18px 0 20px}
  .nx .bl-reasons-list p{font-size:14px}
}