/* Yes VR Arena İstanbul — haritalar.css · Tur 4 "VIP gece" (_calisma/SPEC-v4.md §6, §7).
   /haritalar (.hl-*) ve /haritalar/<slug> (.hd-*). Yalnız site.css belirteçlerini kullanır; görsel dil ana sayfadaki harita
   sahnesinden (.hs__*) gelir: fotoğraf üstünde nötr karartma, sarı üst etiket, dev büyük harf ad. Köşe 0, gölge yok. */

/* ================================================================ /haritalar — baş */
.hl{padding:96px 0 120px;background:var(--gece-0)}
.hl-bas{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end}
.hl-bas__baslik{font-size:var(--y-h1);line-height:.94;letter-spacing:-.025em}
.hl-bas__giris{margin:0;max-width:44ch;color:var(--metin-2);font:400 var(--y-giris)/1.6 var(--font)}
.hl-kunye{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:56px 0 48px;padding:0;border-top:1px solid var(--cizgi-guclu)}
.hl-kunye>div{padding:18px 0 0}
.hl-kunye>div+div{padding-left:24px;border-left:1px solid var(--cizgi)}
.hl-kunye dt{margin:0 0 6px;font:700 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.2em;color:var(--metin-3)}
.hl-kunye dd{margin:0;font:900 22px/1.15 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hl-kunye dd small{font:700 14px/1 var(--font);color:var(--metin-2);letter-spacing:0}

/* ================================================================ /haritalar — kartlar */
.hl-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:16px}
.hl-kart{position:relative;min-width:0;background:var(--gece-2);overflow:hidden;isolation:isolate}
.hl-kart--vitrin{grid-column:1/-1}
.hl-kart__bag{position:relative;display:block;aspect-ratio:16/9;color:#F2F1EC;text-decoration:none}
.hl-kart--vitrin .hl-kart__bag{aspect-ratio:21/9}
.hl-kart__medya{position:absolute;inset:0;overflow:hidden}
.hl-kart__resim,.hl-kart__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1400ms var(--egri-yavas),opacity 800ms var(--egri)}
.hl-kart__video{opacity:0}
.hl-kart.is-oynuyor .hl-kart__video{opacity:1}
/* okunurluk perdesi: site.css .medya__perde (nötr alt karartma); küçük kartta (< 1024) tür satırı da perdenin koyu bölgesinde
   kalsın diye perde yukarı uzar. Numara kendi koyu zemininde */
.hl-kart__no{position:absolute;left:0;top:0;z-index:1;padding:9px 12px 8px 14px;background:rgba(12,11,16,.78);font:700 12px/1 var(--font);letter-spacing:.22em;color:#F2F1EC;font-variant-numeric:tabular-nums}
.hl-kart__bilgi{position:absolute;left:28px;right:104px;bottom:26px;z-index:1;display:grid;justify-items:start}
.hl-kart__tur{margin:0 0 10px;color:var(--sari);font:700 12px/1.3 var(--font);text-transform:uppercase;letter-spacing:.22em}
.hl-kart__ad{font:900 clamp(40px, 4.4vw, 76px)/.88 var(--font);text-transform:uppercase;letter-spacing:-.03em}
.hl-kart--vitrin .hl-kart__ad{font-size:clamp(56px, 8.6vw, 148px);line-height:.86}
.hl-kart__kisa{margin-top:18px;max-width:46ch;color:rgba(242,241,236,.8);font:400 16px/1.55 var(--font)}
.hl-kart__ok{position:absolute;right:26px;bottom:26px;z-index:1;display:grid;place-items:center;width:52px;height:52px;
  border:1px solid rgba(242,241,236,.4);color:#F2F1EC;transition:background-color 220ms,border-color 220ms,color 220ms}
.hl-kart__ok .ikon{transition:transform 260ms var(--egri)}
.hl-kart__bag:hover .hl-kart__resim,.hl-kart__bag:hover .hl-kart__video{transform:scale(1.045)}
.hl-kart__bag:hover .hl-kart__ok{background:#F2F1EC;border-color:#F2F1EC;color:var(--murekkep)}
.hl-kart__bag:hover .hl-kart__ok .ikon{transform:translateX(3px)}
.hl-kart__bag:focus-visible{outline:2px solid var(--sari);outline-offset:3px}
.hl-kart__video-dg{top:16px;bottom:auto;right:16px}
.hl-dolgu{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;min-width:0;aspect-ratio:16/9;padding:28px 104px 26px 28px;
  border:1px solid var(--cizgi);background:var(--yuzey);color:var(--metin);text-decoration:none}
.hl-dolgu__etiket{font:700 12px/1.3 var(--font);text-transform:uppercase;letter-spacing:.22em;color:var(--metin-3)}
.hl-dolgu__adlar{font:900 clamp(24px, 2.4vw, 38px)/1.1 var(--font);text-transform:uppercase;letter-spacing:-.015em}
.hl-dolgu .hl-kart__ok{border-color:var(--cizgi-guclu);color:var(--metin)}
.hl-dolgu:hover .hl-kart__ok{background:var(--metin);border-color:var(--metin);color:var(--zemin)}
.hl-dolgu:focus-visible{outline:2px solid var(--sari);outline-offset:3px}
.hl-not{margin:18px 0 0;font:400 13px/1.4 var(--font);color:var(--metin-3);max-width:none}

/* ================================================================ /haritalar — tipografik dizin (kâğıt) */
.hl-dizin{padding:112px 0 120px}
.hl-dizin__bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px;margin-bottom:36px}
.hl-dizin__baslik{font-size:var(--y-h2);line-height:1}
.hl-dizin__alt{margin:0;font:700 12px/1.2 var(--font);text-transform:uppercase;letter-spacing:.22em;color:var(--metin-2)}
.hl-dizin__liste{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--cizgi-guclu)}
.hl-satir{border-top:1px solid var(--cizgi-guclu)}
.hl-satir__bag{display:grid;grid-template-columns:64px minmax(0,5fr) minmax(0,6fr) 52px;gap:8px 32px;align-items:center;padding:30px 0;
  color:var(--metin);text-decoration:none}
.hl-satir__no{align-self:start;padding-top:10px;font:900 13px/1 var(--font);letter-spacing:.14em;color:var(--metin-2);font-variant-numeric:tabular-nums}
.hl-satir__baslik{display:grid;gap:10px;min-width:0}
.hl-satir__ad{font:900 clamp(34px, 4.2vw, 66px)/.9 var(--font);text-transform:uppercase;letter-spacing:-.03em;transition:transform 320ms var(--egri)}
.hl-satir__tur{font:700 12px/1.3 var(--font);text-transform:uppercase;letter-spacing:.2em;color:var(--metin-2)}
.hl-satir__metin{display:grid;gap:8px;min-width:0}
.hl-satir__kisa{font:400 17px/1.55 var(--font);color:var(--metin)}
.hl-satir__oyuncu{font:700 14px/1.4 var(--font);color:var(--metin-2)}
.hl-satir__ok{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--cizgi-guclu);transition:background-color 220ms,border-color 220ms,color 220ms}
.hl-satir__ok .ikon{transition:transform 260ms var(--egri)}
.hl-satir__bag:hover .hl-satir__ad{transform:translateX(8px)}
.hl-satir__bag:hover .hl-satir__ok{background:var(--murekkep);border-color:var(--murekkep);color:var(--kagit-0)}
.hl-satir__bag:hover .hl-satir__ok .ikon{transform:translateX(3px)}
.hl-satir__bag:focus-visible{outline:2px solid var(--odak);outline-offset:4px}

/* ================================================================ /haritalar — kapanış */
.hl-kapanis{padding:128px 0 136px;background:var(--gece-0)}
.hl+.hl-kapanis{padding-top:0}
.hl-kapanis__kap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px;align-items:center}
.hl+.hl-kapanis .hl-kapanis__kap{padding-top:104px;border-top:1px solid var(--cizgi)}
.hl-kapanis__baslik{font-size:var(--y-h2);line-height:.98}
.hl-kapanis__giris{margin:26px 0 0;max-width:44ch;color:var(--metin-2);font:400 var(--y-giris)/1.6 var(--font)}
.hl-kapanis__eylem{margin-top:36px}
.hl-kapanis__medya video{position:absolute;inset:0;opacity:0;transition:opacity 800ms var(--egri)}
.hl-kapanis__medya.is-oynuyor video{opacity:1}

@media (max-width:1023px){
  .hl{padding:72px 0 96px}
  .hl-bas{grid-template-columns:1fr;gap:24px}
  .hl-kunye{margin:40px 0 36px}
  .hl-kart__bilgi{left:22px;right:88px;bottom:22px}
  .hl-kart__ok{right:20px;bottom:22px;width:46px;height:46px}
  .hl-kart--vitrin .hl-kart__bag{aspect-ratio:16/9}
  .hl-kart .medya__perde{background:linear-gradient(to top, rgba(12,11,16,.92) 0%, rgba(12,11,16,.62) 40%, rgba(12,11,16,0) 76%)}
  .hl-satir__bag{grid-template-columns:48px minmax(0,1fr) 52px;gap:14px 20px}
  .hl-satir__metin{grid-column:2;grid-row:2}
  .hl-satir__ok{grid-column:3;grid-row:1}
  .hl-dizin{padding:88px 0 96px}
  .hl-kapanis{padding:96px 0}
  .hl-kapanis__kap{grid-template-columns:1fr;gap:48px}
  .hl+.hl-kapanis .hl-kapanis__kap{padding-top:80px}
}
@media (min-width:768px) and (max-width:1023px){
  .hl-kart:not(.hl-kart--vitrin) .hl-kart__oyuncu{display:none}
  .hl-kart:not(.hl-kart--vitrin) .hl-kart__ad{font-size:clamp(32px, 4.2vw, 42px)}
}
@media (max-width:767px){
  .hl{padding:48px 0 64px}
  .hl-kunye{grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0 28px}
  .hl-kunye>div{padding:14px 0 14px}
  .hl-kunye>div:nth-child(3){padding-left:0;border-left:0}
  .hl-kunye>div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .hl-kunye dd{font-size:19px}
  .hl-izgara{grid-template-columns:1fr;gap:12px}
  .hl-kart__no{padding:7px 10px 6px 12px;font-size:11px}
  .hl-kart__bilgi{left:16px;right:68px;bottom:16px}
  .hl-kart__tur{margin-bottom:8px;font-size:11px;letter-spacing:.18em}
  .hl-kart__ad,.hl-kart--vitrin .hl-kart__ad{font-size:clamp(34px, 10.5vw, 48px)}
  .hl-kart__kisa{display:none}
  .hl-kart__ok{right:14px;bottom:16px;width:42px;height:42px}
  .hl-kart__video-dg{top:10px;right:10px}
  .hl-dizin{padding:64px 0 72px}
  .hl-dizin__bas{margin-bottom:24px}
  .hl-satir__bag{grid-template-columns:32px minmax(0,1fr) 42px;gap:12px 14px;padding:24px 0}
  .hl-satir__no{padding-top:6px;font-size:12px}
  .hl-satir__ad{font-size:clamp(32px, 10vw, 44px)}
  .hl-satir__ok{width:42px;height:42px}
  .hl-satir__kisa{font-size:15px}
  .hl-satir__oyuncu{font-size:13px}
  .hl-kapanis{padding:64px 0 72px}
  .hl+.hl-kapanis .hl-kapanis__kap{padding-top:56px}
  .hl-kapanis__kap{gap:36px}
  .hl-kapanis__eylem .dg{width:100%;justify-content:space-between}
}

/* ================================================================ /haritalar/<slug> — üst satır (geri + sıra) */
.hd-ust{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hd-ust__geri{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:inherit;font:700 13px/1 var(--font);text-transform:uppercase;letter-spacing:.14em;text-decoration:none}
.hd-ust__geri .ikon{transition:transform 200ms var(--egri)}
.hd-ust__geri:hover{text-decoration:underline;text-underline-offset:6px}
.hd-ust__geri:hover .ikon{transform:translateX(-3px)}
.hd-ust__sira{font:700 12px/1 var(--font);letter-spacing:.22em;font-variant-numeric:tabular-nums;color:var(--metin-3)}

/* ================================================================ /haritalar/<slug> — sahne (tam genişlik 16:9) */
.hd-tur{margin:0 0 14px;color:var(--sari);font:700 12px/1.3 var(--font);text-transform:uppercase;letter-spacing:.22em}
.hd-ad{margin:0;font:900 clamp(56px, 8.6vw, 148px)/.86 var(--font);text-transform:uppercase;letter-spacing:-.03em;overflow-wrap:anywhere}
.hd-sahne{position:relative;background:var(--gece-0);color:#F2F1EC;isolation:isolate}
.hd-sahne__medya{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100svh - var(--ust-h) - 64px);overflow:hidden;background:var(--gece-2)}
.hd-sahne__resim,.hd-sahne__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hd-sahne__video{opacity:0;transition:opacity 1s var(--egri)}
.hd-sahne__medya.is-oynuyor .hd-sahne__video{opacity:1}
.hd-sahne__video-dg{right:40px;bottom:auto;top:20px}
.hd-sahne__ust{min-height:64px;padding-top:10px;padding-bottom:10px}
.hd-sahne__bilgi{position:absolute;left:0;right:0;bottom:40px;z-index:2}

/* ================================================================ /haritalar/<slug> — görselsiz başlık bandı */
.hd-bant{padding:24px 0 88px;background:var(--gece-0)}
.hd-bant__ust{margin-bottom:64px}
.hd-bant__kap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end}
.hd-bant--gorsel .hd-bant__kap{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.hd-bant__kisa{margin:28px 0 0;max-width:40ch;color:var(--metin-2);font:400 var(--y-giris)/1.6 var(--font)}
.hd-bant__medya{width:100%;max-width:460px;justify-self:end}
.hd-bant--yazi{padding-bottom:72px}
.hd-bant--yazi .hd-bant__ust{margin-bottom:88px}
.hd-bant--yazi .hd-bant__kap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}
.hd-bant--yazi .hd-bant__kisa{margin:0 0 6px;max-width:34ch;color:var(--metin);font:900 clamp(22px, 1.9vw, 28px)/1.3 var(--font);letter-spacing:-.01em}

/* ================================================================ /haritalar/<slug> — künye + açıklama + rezervasyon */
.hd-govde{padding:56px 0 120px;background:var(--gece-0)}
.hd-govde--bant{padding-top:0}
.hd-kunye{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 72px;padding:0;border-top:1px solid var(--cizgi-guclu)}
.hd-kunye>div{min-width:0;padding:18px 0 0}
.hd-kunye>div+div{padding-left:24px;border-left:1px solid var(--cizgi)}
.hd-kunye dt{margin:0 0 6px;font:700 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.2em;color:var(--metin-3)}
.hd-kunye dd{margin:0;font:900 22px/1.15 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hd-kunye dd small{font:700 14px/1 var(--font);color:var(--metin-2);letter-spacing:0}
.hd-govde--bant .hd-kunye{margin-bottom:64px}
/* görselsiz harita: gövde kıl çizgiyle başlar; künye açıklamanın altında alt alta satırlar (sol sütun rezervasyon kutusu kadar) */
.hd-govde--yazi .hd-govde__kap{padding-top:48px;border-top:1px solid var(--cizgi-guclu)}
.hd-kunye.hd-kunye--satir{display:block;margin:40px 0 0;border-top:1px solid var(--cizgi-guclu)}
.hd-kunye.hd-kunye--satir>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:15px 0 14px;border:0;border-bottom:1px solid var(--cizgi)}
.hd-kunye.hd-kunye--satir dt{margin:0}
.hd-kunye.hd-kunye--satir dd{font-size:22px;text-align:right}
.hd-govde__kap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"metin rez" "mini rez";grid-template-rows:auto 1fr;
  gap:0 88px;align-items:start}
.hd-metin{grid-area:metin}
.hd-rez{grid-area:rez}
.hd-mini{grid-area:mini}
.hd-metin__kisa{margin:0 0 24px;max-width:26ch;font:900 clamp(26px, 2.5vw, 36px)/1.18 var(--font);letter-spacing:-.015em}
.hd-metin__aciklama{margin:0;max-width:52ch;color:var(--metin-2);font:400 var(--y-giris)/1.65 var(--font)}
.hd-metin__not{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--cizgi);font:400 14px/1.55 var(--font);color:var(--metin-2);max-width:52ch}

.hd-rez{padding:32px;background:var(--yuzey);border:1px solid var(--cizgi)}
.hd-rez__dg{width:100%;justify-content:space-between}
.hd-rez__not{margin:14px 0 0;font:400 14px/1.5 var(--font);color:var(--metin-2)}
.hd-rez__saatler{margin-top:24px;padding-top:20px;border-top:1px solid var(--cizgi)}
.hd-rez__etiket{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:700 13px/1.3 var(--font);color:var(--metin)}
.hd-rez__ek{font-weight:400;color:var(--metin-2)}
.hd-rez__nokta{flex:none;width:7px;height:7px;background:var(--basari)}
.hd-rez__cipler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hd-saat{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:12px 12px 11px;border:1px solid var(--cizgi-guclu);
  color:var(--metin);text-decoration:none;transition:background-color 160ms,border-color 160ms,color 160ms}
.hd-saat b{font:900 21px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hd-saat span{font:700 12px/1 var(--font);color:var(--metin-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.hd-saat:hover{background:var(--sari);border-color:var(--sari);color:var(--murekkep)}
.hd-saat:hover span{color:var(--murekkep)}
.hd-rez__bos{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--cizgi);font:400 15px/1.55 var(--font);color:var(--metin-2)}

.hd-acik{margin-top:28px;padding-top:22px;border-top:1px solid var(--cizgi)}
.hd-acik__bas{margin-bottom:6px}
.hd-acik__baslik{font:900 15px/1.2 var(--font);text-transform:uppercase;letter-spacing:.06em}
.hd-acik__alt{margin:4px 0 0;font:400 14px/1.5 var(--font);color:var(--metin-2)}
.hd-acik__liste{list-style:none;margin:0;padding:0}
.hd-acik__liste li+li .hd-acik__satir{border-top:1px solid var(--cizgi)}
.hd-acik__satir{display:grid;grid-template-columns:auto minmax(0,1fr) auto 24px;grid-template-areas:"saat gun fiyat ok" "saat dol dol ok";
  align-items:center;gap:6px 18px;padding:16px 0;color:var(--metin);text-decoration:none}
.hd-acik__saat{grid-area:saat;font:900 32px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color 160ms}
.hd-acik__gun{grid-area:gun;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font:900 15px/1.2 var(--font)}
.hd-acik__gun small{font:400 13px/1.2 var(--font);color:var(--metin-2)}
.hd-acik__doluluk{grid-area:dol;font-size:13px}
.hd-acik__fiyat{grid-area:fiyat;display:grid;justify-items:end;font:900 16px/1.1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}
.hd-acik__fiyat small{font:400 12px/1.3 var(--font);color:var(--metin-2)}
.hd-acik__ok{grid-area:ok;display:grid;place-items:center;color:var(--metin-2);transition:transform 200ms var(--egri),color 160ms}
.hd-acik__satir:hover .hd-acik__saat{color:var(--sari)}
.hd-acik__satir:hover .hd-acik__ok{color:var(--metin);transform:translateX(3px)}
.hd-acik__tum{margin-top:6px}

/* ================================================================ /haritalar/<slug> — galeri + büyük görsel kutusu */
.hd-bolum-bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px;margin-bottom:32px}
.hd-bolum-bas__baslik{font-size:clamp(30px, 3.2vw, 48px);line-height:1}
.hd-bolum-bas__alt{margin:0;font:700 12px/1.2 var(--font);text-transform:uppercase;letter-spacing:.22em;color:var(--metin-3)}
.hd-galeri-bolum{padding:104px 0 112px;background:var(--gece-1);border-top:1px solid var(--cizgi)}
.hd-galeri{display:flex;flex-wrap:wrap;gap:12px}
.hd-galeri__oge{position:relative;display:block;flex:var(--ar) 1 calc(var(--ar) * 300px);aspect-ratio:var(--ar);min-width:0;overflow:hidden;background:var(--gece-2);cursor:zoom-in}
.hd-galeri__oge img{width:100%;height:100%;object-fit:cover;transition:transform 1200ms var(--egri-yavas)}
.hd-galeri__oge:hover img{transform:scale(1.04)}
.hd-galeri__oge:focus-visible{outline:2px solid var(--sari);outline-offset:3px}
.hd-galeri__dolgu{flex:1 1 0}
/* az kare: açıklamanın altında küçük ızgara */
.hd-mini{margin-top:40px}
.hd-mini__etiket{margin:0 0 14px;font:700 12px/1.2 var(--font);text-transform:uppercase;letter-spacing:.22em;color:var(--metin-3)}
.hd-galeri.hd-galeri--mini{display:grid;grid-template-columns:repeat(var(--sutun,3),minmax(0,1fr));gap:10px}
.hd-galeri--mini .hd-galeri__oge{aspect-ratio:4/5}
.hd-galeri--mini.hd-galeri--yatay .hd-galeri__oge{aspect-ratio:16/9}
/* büyük galeri: haritalar.js satırları dengeler (her satır tam genişlik); JS yoksa esnek sıra + sondaki dolgu */
.hd-galeri.is-dizili .hd-galeri__dolgu{display:none}
.hd-galeri.is-dizili .hd-galeri__oge{flex:0 0 var(--g-gen)}

.hd-kutu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(8,7,11,.97);color:#F2F1EC;overflow:hidden}
.hd-kutu[open]{display:grid;place-items:center}
.hd-kutu::backdrop{background:rgba(0,0,0,.7)}
.hd-kutu__cerceve{margin:0;display:grid;place-items:center;width:100%;height:100%;padding:72px 96px}
.hd-kutu__resim{width:auto;height:auto;max-width:calc(100vw - 192px);max-height:calc(100vh - 144px);max-height:calc(100dvh - 144px);object-fit:contain}
.hd-kutu__dg{position:absolute;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(255,255,255,.28);background:rgba(12,11,16,.72);color:#F2F1EC;
  transition:background-color 160ms,border-color 160ms}
.hd-kutu__dg:hover{background:rgba(12,11,16,.95);border-color:#F2F1EC}
.hd-kutu__dg:focus-visible{outline:2px solid var(--sari);outline-offset:3px}
.hd-kutu__dg--geri{left:24px;top:50%;transform:translateY(-50%)}
.hd-kutu__dg--ileri{right:24px;top:50%;transform:translateY(-50%)}
.hd-kutu__kapat{right:24px;top:20px}
.hd-kutu__sayac{position:absolute;left:50%;bottom:24px;margin:0;transform:translateX(-50%);font:700 13px/1 var(--font);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:rgba(242,241,236,.75)}
.hd-kutu__sayac b{color:#F2F1EC}
html.kutu-acik{overflow:hidden}

/* ================================================================ /haritalar/<slug> — önceki / sonraki
   Kıl çizgili iki yarım (kutu yok): görseli olan komşuda küçük 16:9 kare, olmayanda yalnız tipografi. Sonraki sağa yaslı. */
.hd-komsu{padding:72px 0 96px;background:var(--gece-0);border-top:1px solid var(--cizgi)}
.hd-komsu__bas{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px;margin-bottom:22px}
.hd-komsu__baslik{margin:0;font:700 var(--y-ust)/1.2 var(--font);text-transform:uppercase;letter-spacing:.22em;color:var(--metin-3)}
.hd-komsu__bas .hd-komsu__tum{min-height:44px}
.hd-komsu__izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cizgi-guclu);border-bottom:1px solid var(--cizgi-guclu)}
.hd-komsu__bag{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;min-width:0;padding:28px 0;color:var(--metin);text-decoration:none}
.hd-komsu__bag--gorsel{grid-template-columns:clamp(180px, 19vw, 280px) minmax(0,1fr)}
.hd-komsu__bag--sonraki{padding-left:32px;border-left:1px solid var(--cizgi);text-align:right}
.hd-komsu__bag--onceki{padding-right:32px}
.hd-komsu__bag--onceki:only-child{grid-column:1/-1}
.hd-komsu__bag--sonraki.hd-komsu__bag--gorsel{grid-template-columns:minmax(0,1fr) clamp(180px, 19vw, 280px)}
.hd-komsu__bag--sonraki .hd-komsu__medya{order:2}
.hd-komsu__medya{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--gece-2)}
.hd-komsu__medya img{width:100%;height:100%;object-fit:cover;transition:transform 1400ms var(--egri-yavas)}
.hd-komsu__bag:hover .hd-komsu__medya img{transform:scale(1.045)}
.hd-komsu__bilgi{display:grid;justify-items:start;gap:12px;min-width:0}
.hd-komsu__bag--sonraki .hd-komsu__bilgi{justify-items:end}
.hd-komsu__yon{display:inline-flex;align-items:center;gap:8px;color:var(--sari);font:700 12px/1.2 var(--font);text-transform:uppercase;letter-spacing:.2em}
.hd-komsu__yon .ikon{transition:transform 220ms var(--egri)}
.hd-komsu__bag[rel="prev"]:hover .hd-komsu__yon .ikon{transform:translateX(-3px)}
.hd-komsu__bag[rel="next"]:hover .hd-komsu__yon .ikon{transform:translateX(3px)}
/* ad küçük karenin yanına sığacak ölçüde: en uzun ad WAREHOUSE (9 harf) hecelenmeden tek satır */
.hd-komsu__ad{max-width:100%;font:900 clamp(30px, 2.9vw, 46px)/.92 var(--font);text-transform:uppercase;letter-spacing:-.03em;overflow-wrap:break-word;transition:color 200ms}
.hd-komsu__bag:hover .hd-komsu__ad{color:var(--sari)}
.hd-komsu__tur{font:700 13px/1.3 var(--font);color:var(--metin-2)}
.hd-komsu__bag:focus-visible{outline:2px solid var(--sari);outline-offset:3px}

@media (max-width:1023px){
  .hd-sahne__bilgi{bottom:28px}
  .hd-sahne__video-dg{right:28px}
  .hd-bant__kap{grid-template-columns:1fr;gap:48px;align-items:start}
  .hd-bant--gorsel .hd-bant__kap{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:32px;align-items:end}
  .hd-bant--gorsel .hd-ad{font-size:clamp(44px, 7.4vw, 76px)}
  /* 5 kalem: üstte 2 (Tür, Mod), altta 3 — 3+2'de sağ altta boş hücre kalıyordu */
  .hd-kunye{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:56px}
  .hd-kunye:not(.hd-kunye--satir)>div{grid-column:span 2}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(-n+2){grid-column:span 3}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(3){padding-left:0;border-left:0}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(n+3){margin-top:14px;border-top:1px solid var(--cizgi)}
  .hd-govde__kap{grid-template-columns:1fr;grid-template-areas:"metin" "rez" "mini";grid-template-rows:auto;gap:48px}
  .hd-mini{margin-top:0}
  .hd-govde{padding-bottom:88px}
  .hd-galeri-bolum{padding:80px 0 88px}
  .hd-galeri__oge{flex-basis:calc(var(--ar) * 220px)}
  .hd-komsu{padding:64px 0 80px}
  .hd-komsu__bag{gap:20px}
  .hd-komsu__bag--gorsel{grid-template-columns:112px minmax(0,1fr)}
  .hd-komsu__bag--sonraki.hd-komsu__bag--gorsel{grid-template-columns:minmax(0,1fr) 112px}
  .hd-komsu__bag--sonraki{padding-left:24px}
  .hd-komsu__bag--onceki{padding-right:24px}
  .hd-komsu__ad{font-size:clamp(26px, 3.6vw, 34px)}
  .hd-kutu__cerceve{padding:72px 16px 64px}
  .hd-kutu__resim{max-width:calc(100vw - 32px);max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}
  .hd-kutu__dg--geri,.hd-kutu__dg--ileri{top:auto;bottom:12px;transform:none}
  .hd-kutu__dg--geri{left:16px}.hd-kutu__dg--ileri{right:16px}
  .hd-kutu__kapat{right:16px;top:14px}
  .hd-kutu__sayac{bottom:30px}
}
@media (max-width:767px){
  .hd-ad{font-size:clamp(42px, 13vw, 60px);line-height:.9}
  .hd-sahne__medya{aspect-ratio:16/9;max-height:none}
  .hd-sahne__perde{display:none}
  .hd-sahne__ust{min-height:56px;padding-top:6px;padding-bottom:6px}
  .hd-sahne__ust .hd-ust__geri{font-size:12px}
  .hd-sahne__bilgi{position:relative;bottom:auto;padding-top:24px}
  .hd-sahne__video-dg{top:auto;bottom:10px;right:10px}
  .hd-tur{margin-bottom:10px;font-size:11px;letter-spacing:.18em}
  .hd-bant{padding:8px 0 56px}
  .hd-bant__ust{margin-bottom:36px}
  .hd-bant__kap,.hd-bant--gorsel .hd-bant__kap,.hd-bant--yazi .hd-bant__kap{grid-template-columns:1fr;gap:32px;align-items:start}
  .hd-bant--gorsel .hd-ad{font-size:clamp(42px, 13vw, 60px)}
  .hd-bant__kisa{margin-top:18px;font-size:17px}
  .hd-bant__medya{max-width:none}
  .hd-bant--yazi{padding-bottom:40px}
  .hd-bant--yazi .hd-bant__ust{margin-bottom:40px}
  .hd-bant--yazi .hd-bant__kap{gap:20px}
  .hd-bant--yazi .hd-bant__kisa{margin:0;font-size:20px}
  .hd-govde--yazi .hd-govde__kap{padding-top:32px}
  .hd-kunye.hd-kunye--satir{margin-top:28px}
  .hd-kunye.hd-kunye--satir dd{font-size:19px}
  .hd-govde{padding:40px 0 56px}
  .hd-govde--bant{padding-top:0}
  .hd-kunye{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:44px}
  .hd-kunye:not(.hd-kunye--satir)>div{grid-column:auto;margin-top:0;padding:14px 0 14px}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(-n+2){grid-column:auto}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(odd){padding-left:0;border-left:0}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(even){padding-left:24px;border-left:1px solid var(--cizgi)}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .hd-kunye:not(.hd-kunye--satir)>div:nth-child(5){grid-column:1/-1}
  .hd-kunye dd{font-size:19px}
  .hd-govde--bant .hd-kunye{margin-bottom:44px}
  .hd-rez{padding:20px 16px;margin:0 -16px;border-width:1px 0}
  .hd-rez__cipler{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd-acik__satir{column-gap:14px}
  .hd-acik__saat{font-size:28px}
  .hd-galeri-bolum{padding:56px 0 64px}
  .hd-galeri{gap:8px}
  .hd-galeri__oge{flex-basis:calc(var(--ar) * 150px)}
  .hd-galeri.hd-galeri--mini{grid-template-columns:repeat(var(--sutun-t,var(--sutun,3)),minmax(0,1fr))}
  .hd-bolum-bas{margin-bottom:22px}
  .hd-komsu{padding:48px 0 64px}
  .hd-komsu__bas{margin-bottom:12px}
  .hd-komsu__izgara{grid-template-columns:1fr}
  .hd-komsu__bag,.hd-komsu__bag--sonraki,.hd-komsu__bag--onceki{gap:16px;padding:20px 0;border-left:0;text-align:left}
  .hd-komsu__bag--sonraki{border-top:1px solid var(--cizgi)}
  .hd-komsu__bag--gorsel,.hd-komsu__bag--sonraki.hd-komsu__bag--gorsel{grid-template-columns:120px minmax(0,1fr)}
  .hd-komsu__bag--sonraki .hd-komsu__medya{order:0}
  .hd-komsu__bag--sonraki .hd-komsu__bilgi{justify-items:start}
  .hd-komsu__bilgi{gap:8px}
  .hd-komsu__ad{font-size:clamp(28px, 8.4vw, 36px)}
}