/* ============ RESPONSIVE ============ */
/* 27.09.2026 — hamburger menü 1000px yerine 1240px altında: 1001–1150px arasında TR menüde
   "İletişim" ve dil seçici ekrandan taşıyordu (ES açılınca dil seçici daha da uzuyor). nav.js ile aynı sınır. */
@media (max-width:1240px){
  .hdr__in{flex-wrap:wrap;gap:calc(var(--u)*2)}
  .brand .mark{width:148px}
  .nav-toggle{display:inline-flex;order:2}
  .langs{margin-left:auto;order:1;gap:calc(var(--u)*1.5)}
  nav.nav{
    display:none;order:3;width:100%;flex-direction:column;align-items:stretch;
    gap:0;border-top:1px solid var(--stone);padding:calc(var(--u)*1.5) 0 calc(var(--u)*2);
  }
  .hdr.is-nav-open nav.nav{
    display:flex;max-height:calc(100vh - 72px);overflow-y:auto;
  }
  .nav__grp{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .nav__grp--trust{padding-top:calc(var(--u)*1.5);margin-top:calc(var(--u)*1.5);border-top:1px solid var(--stone)}
  .nav__div{display:none}
  .nav > a,
  .has-menu{width:100%}
  .nav > a,
  .nav__t{width:100%;justify-content:space-between;padding:calc(var(--u)*1.5) 0}
  .menu{
    position:static;opacity:1;visibility:visible;transform:none;
    display:none;box-shadow:none;border-left:0;border-right:0;border-bottom:0;
    padding:0 0 calc(var(--u)*2) calc(var(--u)*2);min-width:0;
  }
  .menu[data-open="true"]{display:block}
  .has-menu:hover > .menu,.has-menu:focus-within > .menu{display:none}
  .has-menu:hover > .menu[data-open="true"],
  .has-menu:focus-within > .menu[data-open="true"]{display:block}
  body.is-nav-lock{overflow:hidden}
}
@media (max-width:1000px){
  .ftr__top{grid-template-columns:1fr 1fr}
  .layers{grid-template-columns:1fr}
  .pcards--6{grid-template-columns:repeat(2,1fr)}
  .pcards--4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--pad:calc(var(--u)*3)}
  .layers{grid-template-columns:1fr}
  /* Mobil hero gorseli tanimliysa onu kullan (Panel › Ana Sayfa Hero) */
  .hero__slide[style*="--hero-bg-m"]{background-image:var(--hero-bg-m)}
  .hero{padding:calc(var(--u)*9) 0 calc(var(--u)*10);min-height:0;background-position:68% 58%}
  .hero::before{background:
    linear-gradient(180deg, rgba(51,59,69,.82) 0%, rgba(51,59,69,.70) 62%, rgba(51,59,69,.48) 100%)}
  /* .hero bir flex kutusu — .hero__tag static olunca .wrap'in YANINA gecip
     lede'nin ustune biniyordu. Sarmaya izin verip tam genislik veriyoruz:
     baslik bloğunun altina, sola hizali dusuyor. */
  .hero{flex-wrap:wrap}
  .hero .wrap{flex:0 0 100%}
  .hero__tag{position:static;flex:0 0 100%;text-align:left;margin-top:calc(var(--u)*4)}
  .proof{padding:calc(var(--u)*8) 0}
  .pcards--6,.pcards--4{grid-template-columns:1fr}
  .doors__grid{grid-template-columns:1fr}
  .door{padding:calc(var(--u)*8) 0}
  .door + .door{border-left:0;border-top:1px solid var(--stone);padding-left:0}
  .ftr__top{grid-template-columns:1fr;gap:calc(var(--u)*5)}
  .ftr__legal ul{flex-wrap:wrap;gap:calc(var(--u)*1.5) calc(var(--u)*3);justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* 27.09.2026 — mobil kontrol (müşteri ekran görüntüleri) */
@media (max-width:1000px){
  /* Ana sayfa listeleri: sağdaki etiket daralamadığı için başlığın üstüne biniyor / sütundan taşıyordu —
     başlığın altına iner (tablette iki sütunda da aynı sorun vardı) */
  .door__list a{flex-wrap:wrap;row-gap:calc(var(--u)*.5)}
  .door__list .sub{flex:1 1 100%;text-align:left}
  .door__list .lbl:has(.thumb) + .sub{padding-left:calc(73px + var(--u)*2)}
}
@media (max-width:760px){
  /* Hero alt satırı ekranın sol kenarına yapışıp kesiliyordu */
  .hero__tag{padding:0 var(--pad)}
  /* Ana sayfa bölümleri: mobilde boşluklar yarıya (müşteri notu) */
  .door{padding:calc(var(--u)*4) 0}
  .proof{padding:calc(var(--u)*4) 0}
}