/* ══════════════════════════════════════════════════════════════════
   DESTİNASYON SAYFALARI — /destinations, /country, /city, /airport
   Marka: siyah #0A0A0A + #F9B442 (premium.css token'ları).
   ══════════════════════════════════════════════════════════════════ */
.dst{color:var(--pv-text);font-family:var(--pv-ff)}
.dst *,.dst *::before,.dst *::after{box-sizing:border-box}
.dst-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}

/* ── Hero ────────────────────────────────────────────────────── */
.dst-hero{position:relative;z-index:50;background:var(--pv-black)}   /* overflow YOK: yolcu/tarih açılır pencereleri hero dışına taşabilmeli */
.dst-hero__bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}   /* <img> */
.dst-hero__scrim{position:absolute;inset:0}   /* renk geçişi panelden gelir: dest_scrim() */
.dst-hero__in{position:relative;z-index:1;padding:clamp(28px,4vw,56px) clamp(16px,3vw,32px) clamp(32px,4vw,56px);color:var(--pv-white)}
.dst-yol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:14px;font-size:13.5px;color:rgba(255,255,255,.75)}
.dst-yol a{color:rgba(255,255,255,.75);text-decoration:none}
.dst-yol a:hover{color:var(--pv-accent)}
.dst-hero__in h1{margin:0 0 10px;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--pv-white)}
.dst-hero__alt{margin:0 0 clamp(20px,2.4vw,28px);max-width:620px;font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:rgba(255,255,255,.82)}
.dst-arama{max-width:1080px}
.dst-rozet{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:0;list-style:none;font-size:13.5px;color:rgba(255,255,255,.85)}
.dst-rozet li{display:inline-flex;align-items:center;gap:7px}
.dst-rozet li::before{content:"";flex:none;width:14px;height:14px;background:url("/assets/uploads/site/isaret.svg") center/contain no-repeat}
/* Telefonda 2 × 2: sütunlar yazı kadar genişler, dörtlü blok ortalanır (sağda fazla boşluk kalmaz);
   uzun metin (Almanca, Rusça) sığmazsa iki satıra iner */
@media (max-width:760px){
  body.dst-page .dst-rozet{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;gap:10px 22px;font-size:12.5px;text-align:start}
  body.dst-page .dst-rozet li{align-items:flex-start;line-height:1.35}
  body.dst-page .dst-rozet li::before{margin-top:1px}
}

/* ── Yapışkan sekme çubuğu ───────────────────────────────────── */
.dst-sekme{position:sticky;top:0;z-index:30;background:var(--pv-white);border-bottom:1px solid var(--pv-grey-200)}
.dst-sekme__in{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,26px);overflow-x:auto;scrollbar-width:none;padding-block:10px}
.dst-sekme__in::-webkit-scrollbar{display:none}
.dst-sekme a{flex:0 0 auto;padding:8px 2px;font-size:14.5px;font-weight:600;color:var(--pv-grey-700);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.dst-sekme a:hover{color:var(--pv-black);border-bottom-color:var(--pv-accent)}
.dst-sekme__cta{padding:9px 18px !important;border-radius:var(--pv-r-pill);background:var(--pv-black);color:var(--pv-white) !important;border-bottom:0 !important}
.dst-sekme__cta:hover{background:var(--pv-accent);color:var(--pv-black) !important}

/* ── Bölümler ────────────────────────────────────────────────── */
.dst-bolum{padding:clamp(40px,4.4vw,72px) 0;background:var(--pv-white)}
.dst-bolum--gri{background:var(--pv-grey-100)}
.dst-bolum--ilk{padding-top:clamp(28px,3.4vw,52px)}
.dst-bolum h1,.dst-bolum h2{margin:0 0 10px;font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:var(--pv-black)}
.dst-bolum__alt{margin:0 0 clamp(20px,2.4vw,30px);max-width:700px;font-size:clamp(14.5px,1.1vw,17px);line-height:1.6;color:var(--pv-grey-700)}
.dst-etiket{display:inline-block;margin-bottom:12px;padding:7px 16px;border-radius:var(--pv-r-pill);background:var(--pv-accent-tint);color:var(--pv-accent-deep);font-size:11.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}

/* ── Şehir listesi: havalimanı ve şehir sayfalarında sol sütunda, arama terimlerinin altında (#popular içinde) ── */
.dst-sehir-blok{margin-top:clamp(40px,4vw,64px);scroll-margin-top:80px}
/* Arka arkaya iki gri bölüm (rehber → havalimanları) birbirine karışmasın */
.dst-bolum--gri + .dst-bolum--gri{border-top:1px solid var(--pv-grey-200)}

/* ── Rehber + yan kart ───────────────────────────────────────── */
.dst-ikili{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.dst-metin p{margin:0 0 14px;font-size:15.5px;line-height:1.75;color:var(--pv-grey-700)}
.dst-metin h3{margin:22px 0 8px;font-size:19px;font-weight:700;color:var(--pv-black)}
.dst-kart{padding:clamp(20px,2vw,28px);background:var(--pv-white);border:1px solid var(--pv-grey-200);border-radius:var(--pv-r-lg);box-shadow:var(--pv-sh-xs)}
.dst-kart h3{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--pv-black)}
.dst-liste{margin:0 0 20px;padding:0;list-style:none}
.dst-liste li{position:relative;padding:0 0 10px 26px;font-size:14.5px;line-height:1.5;color:var(--pv-grey-700)}
.dst-liste li{padding-left:30px}
.dst-liste li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:0;box-shadow:none;
    background:url("/assets/uploads/site/isaret.svg") left top / contain no-repeat}

/* ── Kutucuk ızgarası (şehir / havalimanı) ───────────────────── */
.dst-kutucuk{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.dst-kutucuk__k{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:16px 18px;
    background:var(--pv-white);border:1px solid var(--pv-grey-200);border-radius:var(--pv-r-md);text-decoration:none;transition:all .18s ease}
.dst-bolum--gri .dst-kutucuk__k{background:var(--pv-white)}
.dst-kutucuk__k:hover{border-color:var(--pv-accent);box-shadow:var(--pv-sh-sm);transform:translateY(-2px)}
.dst-kutucuk__k strong{font-size:15px;font-weight:600;color:var(--pv-black);line-height:1.35}
.dst-kutucuk__k small{grid-column:1;font-size:13px;color:var(--pv-grey-700)}
.dst-kutucuk__k > span:not(.dst-kutucuk__ok){grid-row:1 / span 2;grid-column:2;font-size:17px;color:var(--pv-grey-500)}
.dst-kutucuk__k:hover span{color:var(--pv-black)}
.dst-kutucuk__k--buyuk{padding:22px;background:var(--pv-black);border-color:var(--pv-black)}
.dst-kutucuk__k--buyuk strong{color:var(--pv-white);font-size:19px}
.dst-kutucuk__k--buyuk small{color:rgba(255,255,255,.7)}
.dst-kutucuk__k--buyuk span{color:var(--pv-accent)}

/* ── Görselli ülke kartları (/destinations → Ülkeler) ── */
.dst-ulke-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}
.dst-ulke-kart{position:relative;display:block;aspect-ratio:5/4;border-radius:22px;overflow:hidden;background:var(--pv-black);text-decoration:none;isolation:isolate}
.dst-ulke-kart__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.dst-ulke-kart::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,10,10,.8) 0%,rgba(10,10,10,.28) 42%,rgba(10,10,10,0) 68%)}
.dst-ulke-kart__alt{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:grid;gap:8px}
.dst-ulke-kart__alt strong{font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--pv-white);transition:color .2s ease}
.dst-ulke-kart__alt small{display:flex;align-items:center;gap:8px;font-size:14.5px;color:rgba(255,255,255,.88)}
.dst-ulke-kart:hover .dst-ulke-kart__img{transform:scale(1.05)}
.dst-ulke-kart:hover .dst-ulke-kart__alt strong{color:var(--pv-accent)}
.dst-ulke-kart:hover .dst-ulke-kart__alt small{color:rgba(255,255,255,.88)}
@media (max-width:640px){ .dst-ulke-izgara{grid-template-columns:minmax(0,1fr)} .dst-ulke-kart__alt strong{font-size:22px} }

/* ── Liste sayfası sekmeleri ─────────────────────────────────── */
.dst-sekmeler{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.dst-sekmeler button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--pv-grey-300);border-radius:var(--pv-r-pill);background:var(--pv-white);
    font-size:14.5px;font-weight:600;color:var(--pv-grey-700);cursor:pointer;transition:all .18s ease}
.dst-sekmeler button svg{width:17px;height:17px;flex:0 0 auto;opacity:.75}
.dst-sekmeler button.is-active svg{opacity:1}
/* Telefonda sekmeler ortalı (2026-09-20) */
@media (max-width:760px){
  .dst-sekmeler{justify-content:center;gap:8px;margin-bottom:20px}
  .dst-sekmeler button{padding:9px 15px;font-size:14px}
  .dst-sekmeler button svg{width:16px;height:16px}
}
.dst-sekmeler button:hover{border-color:var(--pv-accent);color:var(--pv-black)}
.dst-sekmeler button.is-active{background:var(--pv-black);border-color:var(--pv-black);color:var(--pv-white)}
.dst-pano{display:none}
.dst-pano.is-active{display:block}
.dst-bos{margin:0;padding:46px 20px;text-align:center;color:var(--pv-grey-500)}
.dst-bos::before{content:"";display:block;width:34px;height:34px;margin:0 auto 12px;opacity:.5;
    background:url("/assets/uploads/site/isaret.svg") center/contain no-repeat}

/* ── SSS ─────────────────────────────────────────────────────── */
.dst-sss{max-width:900px}
.dst-sss__k{margin-bottom:12px;background:var(--pv-grey-100);border:1px solid transparent;border-radius:var(--pv-r-md);overflow:hidden;transition:all .18s ease}
.dst-sss__k[open]{background:var(--pv-white);border-color:var(--pv-accent);box-shadow:var(--pv-sh-sm)}
.dst-sss__k summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;cursor:pointer;list-style:none;
    font-size:15.5px;font-weight:600;color:var(--pv-black)}
.dst-sss__k summary::-webkit-details-marker{display:none}
.dst-sss__ok{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pv-white);
    border:1px solid var(--pv-grey-300);color:var(--pv-grey-700);transition:all .2s ease}
.dst-sss__k[open] .dst-sss__ok{background:var(--pv-accent);border-color:var(--pv-accent);color:var(--pv-black);transform:rotate(180deg)}
.dst-sss__c{padding:0 20px 18px;font-size:14.5px;line-height:1.75;color:var(--pv-grey-700)}

/* ── Alt çağrı ───────────────────────────────────────────────── */
.dst-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:var(--pv-r-md);
    background:var(--pv-black);color:var(--pv-white);font-size:15px;font-weight:700;text-decoration:none;transition:all .18s ease}
.dst-btn:hover{background:var(--pv-accent);color:var(--pv-black)}
.dst-btn--sari{background:var(--pv-accent);color:var(--pv-black)}
.dst-btn--sari:hover{background:var(--pv-white);color:var(--pv-black)}

@media (max-width:900px){
    .dst-ikili{grid-template-columns:minmax(0,1fr)}
    .dst-btn{width:100%}
}
@media (max-width:640px){
    .dst-kutucuk{grid-template-columns:minmax(0,1fr)}
    .dst-arama{padding:12px}
}

/* ── Hero içindeki arama kutusu — YATAY düzen (getmevito'daki gibi tek satır) ──
   Anasayfadaki dikey düzen kullanılmaz; core.css'in tek satır ızgarası korunur,
   sadece görünüm marka rengine çekilir. */
html body .dst-arama .bt-search{padding:0 !important;margin:0 !important;background:transparent !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;animation:none !important}
html body .dst-arama .kt-wrap{margin:0 !important;padding:0 !important;max-width:none !important}
html body .dst-arama .kt-card{padding:14px !important;background:var(--pv-white) !important;border:0 !important;border-radius:var(--pv-r-lg) !important;box-shadow:var(--pv-sh-md) !important}
html body .dst-arama .kt-tabs{justify-content:flex-start !important;flex-wrap:nowrap !important;padding:0 0 12px !important}
html body .dst-arama .kt-tabs a{padding:8px 16px !important;font-size:13.5px !important}
html body .dst-arama .kt-tabs a.is-active,
html body .dst-arama .kt-tabs [data-kt-tab].is-active{background:var(--pv-black) !important;border-color:var(--pv-black) !important;color:var(--pv-white) !important;box-shadow:none !important}
html body .dst-arama .kt-tabs a.is-active svg,
html body .dst-arama .kt-tabs [data-kt-tab].is-active svg{color:var(--pv-white) !important;stroke:var(--pv-white) !important}
html body .dst-arama .kt-cell{min-height:64px !important;padding:9px 14px 9px 42px !important;border-color:var(--pv-grey-300) !important;border-radius:var(--pv-r-md) !important}
html body .dst-arama .kt-cell:focus-within{border-color:var(--pv-black) !important}
html body .dst-arama .kt-cell-add{min-height:64px !important;border-radius:var(--pv-r-md) !important;background:var(--pv-grey-100) !important;
  border-color:var(--pv-grey-300) !important;color:var(--pv-black) !important}
html body .dst-arama .kt-go{min-height:64px !important;padding:0 24px !important;border-radius:var(--pv-r-md) !important;
  background:var(--pv-accent) !important;color:var(--pv-black) !important;font-size:15.5px !important;font-weight:700 !important;box-shadow:none !important}
html body .dst-arama .kt-go:hover{background:var(--pv-black) !important;color:var(--pv-white) !important}
html body .dst-arama .kt-go svg{color:inherit !important;stroke:currentColor !important}
html body .dst-arama .kt-go__lbl{display:inline !important}
html body .dst-arama .kt-tabs,
html body .dst-arama .kt-tabs a,
html body .dst-arama .kt-go,
html body .dst-arama [data-bt-reveal]{opacity:1 !important;visibility:visible !important;animation:none !important}
/* alan ikonları */
html body .dst-arama .kt-cell::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;
  background-repeat:no-repeat;background-position:center;background-size:19px 19px;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E")}
html body .dst-arama .kt-cell.kt-loc:has(input[name=from])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E")}
html body .dst-arama .kt-cell.kt-loc:has(input[name=to])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h11l-2 3.5L16 11H5'/%3E%3C/svg%3E")}
html body .dst-arama .kt-cell.kt-pax-cell::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
html body .dst-arama .kt-cell.kt-hours-cell::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.2l3.2 2'/%3E%3C/svg%3E")}
html body .dst-arama .kt-pax-pop,
html body .dst-arama .kt-time-pop,
html body .dst-arama .kt-hours-pop{z-index:120 !important}
@media (max-width:980px){
  html body .dst-arama .kt-grid,
  html body .dst-arama .kt-grid--transfer,
  html body .dst-arama .kt-grid--rental{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:10px !important}
  html body .dst-arama .kt-grid > .kt-loc,
  html body .dst-arama .kt-grid > .kt-pax-cell,
  html body .dst-arama .kt-grid > .kt-go{grid-column:1 / -1 !important}
  html body .dst-arama .kt-go{width:100% !important}
}
@media (max-width:620px){
  html body .dst-arama .kt-grid,
  html body .dst-arama .kt-grid--transfer,
  html body .dst-arama .kt-grid--rental{grid-template-columns:minmax(0,1fr) !important}
  html body .dst-arama .kt-pax-pop{left:0 !important;right:0 !important;min-width:0 !important;width:100% !important}
}

/* ── Bölge sayfalarında üst çubuk ve hero TAM GENİŞLİK ──
   Arama kutusu 1200px kutuya sığmıyordu; alanlar kırpılıyordu. */
html body.dst-page .hz-header-inner,
html body.dst-page .hz-header > .container{max-width:none !important;width:100% !important;padding-inline:clamp(16px,2.6vw,44px) !important}
body.dst-page .dst-hero .dst-wrap{max-width:none;padding-inline:clamp(16px,2.6vw,44px)}
body.dst-page .dst-hero .dst-arama{max-width:none}
body.dst-page .dst-sekme__in{max-width:none;padding-inline:clamp(16px,2.6vw,44px)}

/* ── Hero: masaüstünde her şey ortalı, telefonda kutu daha geniş ── */
@media (min-width:901px){
  body.dst-page .dst-hero__in{text-align:center}
  body.dst-page .dst-hero .dst-yol{justify-content:center}
  body.dst-page .dst-hero__alt{margin-inline:auto}
  body.dst-page .dst-hero .dst-arama{margin-inline:auto;max-width:1280px}
  body.dst-page .dst-rozet{justify-content:center}
}
@media (max-width:760px){
  body.dst-page .dst-hero .dst-wrap{padding-inline:10px}
  body.dst-page .dst-hero__in{padding-inline:10px}
  html body .dst-arama .kt-card{padding:10px !important}
  html body .dst-arama .kt-cell{min-height:60px !important}
  /* Hero'daki arama kutusu: iç içe üç kenar boşluğu (12 + 16 + 10 px) kutuyu daraltıyordu → yalnızca sayfa kenarı (10 px) kalsın */
  body.dst-page .dst-hero .dst-arama{padding-inline:0}
  html body .dst-hero .dst-arama .container{padding-left:0 !important;padding-right:0 !important}
  html body.dst-hero-page .dst-arama .kt-card{padding-left:0 !important;padding-right:0 !important}
  body.dst-page .dst-rozet{padding-inline:4px}
}
@media (max-width:760px){
  /* telefonda: sığıyorsa ortalı, sığmıyorsa kaydırmalı (kenar boşlukları otomatik — taşınca sıfırlanır) */
  body.dst-page .dst-sekme__in{justify-content:flex-start;gap:0;padding-inline:8px}
  body.dst-page .dst-sekme__in > a:first-child{margin-inline-start:auto}
  body.dst-page .dst-sekme__in > a:last-child{margin-inline-end:auto}
  body.dst-page .dst-sekme a{position:relative;padding:8px 9px;font-size:13.5px}
  /* sekmelerin arasında ince, soluk ayraç */
  body.dst-page .dst-sekme a + a::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:14px;margin-top:-7px;background:var(--pv-grey-300)}
}

/* ── Telefon: hero ortalı + sekme çubuğunun kaydığı belli olsun ── */
@media (max-width:760px){
  body.dst-page .dst-hero__in{text-align:center}
  body.dst-page .dst-hero .dst-yol{justify-content:center}
  body.dst-page .dst-hero__alt{margin-inline:auto}
  body.dst-page .dst-rozet{justify-content:center}
  /* arama kutusunun içi solda kalsın, sadece dış hizalama ortalı */
  body.dst-page .dst-arama{text-align:left}
  /* sekme çubuğu: sağ kenarda solma + ilk sekme kenara yapışmasın */
  body.dst-page .dst-sekme{position:relative}
  body.dst-page .dst-sekme.is-tasiyor::after{content:"";position:absolute;top:0;right:0;bottom:0;width:52px;pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,0),var(--pv-white) 78%)}
  body.dst-page .dst-sekme.is-tasiyor .dst-sekme__in{padding-inline-end:44px}   /* solma yalnızca sekmeler sığmayınca */
  /* arama kutusundaki sekmeler de sığmazsa kaysın */
  html body .dst-arama .kt-tabs{overflow-x:auto !important;scrollbar-width:none}
  html body .dst-arama .kt-tabs::-webkit-scrollbar{display:none}
}

/* Hero ortalı olsa da arama kutusunun içi sola dayalı kalır */
body.dst-page .dst-hero .dst-arama{text-align:left}

/* Hero yüksekliği — daha ferah, içerik dikeyde ortalı */
body.dst-page .dst-hero{display:flex;align-items:center;min-height:clamp(460px,44vw,660px)}
body.dst-page .dst-hero__in{width:100%;padding-block:clamp(40px,4.5vw,72px)}
@media (max-width:760px){
  body.dst-page .dst-hero{min-height:0;display:block}
}

/* Başlık ile ızgara arasındaki boşluk (alt açıklaması olmayan bölümler) */
.dst-bolum h2 + .dst-kutucuk,
.dst-bolum h2 + .dst-sss__k{margin-top:clamp(22px,2.6vw,32px)}
.dst-sss h2{margin-bottom:clamp(18px,2vw,26px)}

/* ── Bölge sayfalarında üst çubuk: şeffaf, hero'nun üstünde ── */
html body.dst-hero-page .hz-header{position:absolute !important;top:0;left:0;right:0;z-index:60;
  background:transparent !important;border-bottom:0 !important;box-shadow:none !important;
  /* head.php içindeki buzlu cam efekti (saturate+blur) burada kapanır */
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
html body.dst-hero-page .hz-nav-desktop{background:transparent !important;border:0 !important;padding:0 !important;border-radius:0 !important}
/* Gölge sadece fotoğrafın üstündeki üst seviye menü yazılarında; açılır menü beyaz zeminde, orada gölge olmaz */
html body.dst-hero-page .hz-nav-link:not(.hz-nav-sub-link),
html body.dst-hero-page .hz-logo,
html body.dst-hero-page .hz-header-actions{text-shadow:0 1px 3px rgba(0,0,0,.45)}
html body.dst-hero-page .hz-nav-sub,
html body.dst-hero-page .hz-nav-sub *{text-shadow:none !important}
html body.dst-hero-page .hz-header-actions .kt-user-btn,
html body.dst-hero-page .hz-header-actions .hz-locale-combo__btn{background:transparent !important;
  border-color:rgba(255,255,255,.38) !important}
body.dst-hero-page .dst-hero{padding-top:92px}
@media (max-width:760px){ body.dst-hero-page .dst-hero{padding-top:74px} }

/* Arama kutusunun sekmeleri kartın ÜSTÜNDE dursun (transfeero düzeni) */
html body.dst-hero-page .dst-arama .kt-card{padding-top:0 !important;background:transparent !important;box-shadow:none !important}
html body.dst-hero-page .dst-arama .kt-tabs{padding:0 0 12px !important;margin:0 !important}
html body.dst-hero-page .dst-arama .kt-grid,
html body.dst-hero-page .dst-arama .kt-grid--transfer,
html body.dst-hero-page .dst-arama .kt-grid--rental{background:var(--pv-white);padding:14px !important;
  border-radius:var(--pv-r-lg);box-shadow:var(--pv-sh-md)}
html body.dst-hero-page .dst-arama .kt-tabs a{background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.2) !important;
  color:var(--pv-white) !important}
html body.dst-hero-page .dst-arama .kt-tabs a svg{color:var(--pv-white) !important;stroke:var(--pv-white) !important}
html body.dst-hero-page .dst-arama .kt-tabs a.is-active,
html body.dst-hero-page .dst-arama .kt-tabs [data-kt-tab].is-active{background:var(--pv-white) !important;border-color:var(--pv-white) !important;color:var(--pv-black) !important}
html body.dst-hero-page .dst-arama .kt-tabs a.is-active svg,
html body.dst-hero-page .dst-arama .kt-tabs [data-kt-tab].is-active svg{color:var(--pv-black) !important;stroke:var(--pv-black) !important}

/* ── Popüler aramalar: SEO bölümü (sol içerik + sağ bilgi sütunu) ── */
.dst-seo{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(20px,2.6vw,40px);align-items:start}
.dst-seo__ara{margin:clamp(26px,3vw,38px) 0 14px;font-size:clamp(18px,1.5vw,22px);font-weight:700;color:var(--pv-black)}
.dst-niyet{padding:clamp(18px,2vw,26px);background:var(--pv-grey-100);border-radius:var(--pv-r-lg)}
.dst-niyet__bas{margin:0 0 14px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pv-grey-700)}
.dst-niyet__ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.dst-niyet__ag a{display:block;padding:11px 14px;background:var(--pv-white);border:1px solid var(--pv-grey-200);
  border-radius:var(--pv-r-sm);font-size:14px;color:var(--pv-black);text-decoration:none;transition:all .16s ease}
.dst-niyet__ag a:hover{border-color:var(--pv-accent);color:var(--pv-accent-deep)}
.dst-niyet__liste{margin-top:18px;display:grid;gap:10px}
.dst-niyet__k{padding:16px 18px;border:1px solid var(--pv-grey-200);border-radius:var(--pv-r-md);background:var(--pv-white);scroll-margin-top:110px}
.dst-niyet__k:target{border-color:var(--pv-accent);box-shadow:var(--pv-sh-sm)}
.dst-niyet__ust{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
.dst-niyet__k h3{margin:0;font-size:16px;font-weight:700;color:var(--pv-black);line-height:1.35}
.dst-niyet__k p{margin:0;font-size:14.5px;line-height:1.65;color:var(--pv-grey-700)}
.dst-niyet__cta{flex:0 0 auto;font-size:13.5px;font-weight:700;color:var(--pv-accent-deep);text-decoration:none;white-space:nowrap}
.dst-niyet__cta:hover{color:var(--pv-black)}
.dst-seo__yan{padding:clamp(18px,2vw,26px);background:var(--pv-white);border:1px solid var(--pv-grey-200);border-radius:var(--pv-r-lg)}
@media (min-width:901px){
  /* sayfa kaydıkça sağ sütun ekranda kalır */
  .dst-seo__yan{position:sticky;top:96px}
}
.dst-yan__bas{margin:0 0 14px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pv-grey-700)}
.dst-yan__cta{width:100%;margin-top:18px}

/* ── Sol sütun: araçlar + yorumlar (anasayfadaki şeritlerin dar sütun hâli) ── */
.dst-blok-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.dst-blok-bas h2{margin:0 0 6px}
.dst-blok-bas .dst-bolum__alt{margin:0}
.dst-oklar{display:flex;flex:0 0 auto;gap:8px}
.dst-ok{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--pv-grey-200);border-radius:50%;background:var(--pv-white);color:var(--pv-black);cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.dst-ok svg{width:20px;height:20px}
.dst-ok:hover:not(:disabled){background:var(--pv-accent);border-color:var(--pv-accent)}
.dst-ok:disabled{opacity:.35;cursor:default}
.dst-filo__ray,.dst-yorum__ray{display:grid;grid-auto-flow:column;column-gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 8px}
.dst-filo__ray::-webkit-scrollbar,.dst-yorum__ray::-webkit-scrollbar{display:none}
.dst-filo__ray{grid-auto-columns:calc((100% - 2 * 14px) / 2.6)}
.dst-filo__kart{display:flex;flex-direction:column;padding:0 16px 18px;background:var(--pv-grey-100);border-radius:var(--pv-r-lg);color:inherit;text-decoration:none;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}
.dst-filo__kart:hover{transform:translateY(-3px);box-shadow:var(--pv-sh-sm)}
.dst-filo__kart:focus-visible{outline:none;box-shadow:0 0 0 3px var(--pv-accent)}
.dst-filo__gorsel{display:flex;align-items:center;justify-content:center;height:140px}
.dst-filo__gorsel img{max-width:100%;max-height:82%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.dst-filo__ust{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--pv-grey-300)}
.dst-filo__ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;font-size:15.5px;font-weight:700;line-height:1.25;color:var(--pv-black)}
.dst-filo__kap{display:flex;flex:0 0 auto;gap:10px}
.dst-filo__kap > span{display:inline-flex;align-items:center;gap:4px}
.dst-filo__kap svg{width:16px;height:16px;color:var(--pv-grey-400)}
.dst-filo__kap b{font-size:15px;font-weight:700;color:var(--pv-black)}
.dst-filo__ornek{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--pv-grey-700);text-align:center}
/* yorumlar — yıldız yeşili anasayfayla aynı (tr-home.css --trh-yildiz) */
.dst-yorum{--dst-yildiz:#00B67A}
.dst-yorum__ozet{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:14.5px;color:var(--pv-grey-700)}
.dst-yorum__ozet strong{font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:var(--pv-black)}
.dst-yildiz{display:inline-flex;gap:3px;line-height:0}
.dst-yildiz > span{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:var(--pv-grey-300);color:var(--pv-white)}
.dst-yildiz > span.is-dolu{background:var(--dst-yildiz)}
.dst-yildiz svg{width:72%;height:72%}
.dst-yildiz--buyuk > span{width:24px;height:24px}
.dst-yorum__ray{grid-auto-columns:calc((100% - 14px) / 2.15)}
.dst-yorum__kart{display:flex;flex-direction:column;min-height:236px;padding:20px 20px 18px;background:var(--pv-grey-100);border-radius:var(--pv-r-lg);scroll-snap-align:start}
.dst-yorum__kart h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:14px 0 8px;font-size:16px;font-weight:600;line-height:1.35;color:var(--pv-black)}
.dst-yorum__metin{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--pv-grey-700)}
.dst-yorum__kart footer{display:flex;flex-direction:column;gap:2px;margin-top:auto;line-height:1.35}
.dst-yorum__kart footer span:first-child{font-size:14px;font-weight:600;color:var(--pv-black)}
.dst-yorum__kart footer span:last-child{font-size:13px;color:var(--pv-grey-700)}
@media (max-width:640px){
  .dst-oklar{display:none}                       /* telefonda parmakla kaydırılır */
  .dst-filo__ray{grid-auto-columns:76%}
  .dst-yorum__ray{grid-auto-columns:86%}
}

/* ── Telefonda "Neden biz": ortada yüzen düğme + alttan açılan pencere (bilgisayarda gizli) ── */
.dst-plan,.dst-plan-perde,.dst-yan__tut,.dst-yan__kapat,.dst-yan__rez{display:none}
@media (max-width:900px){
  /* Ortalama "left:50% + translateX(-50%)" ile DEĞİL: Safari o yöntemde genişliği ekranın yarısıyla sınırlayıp
     yazıyı kesiyordu ("TransferRu…"). Sol-sağ 0 + otomatik kenar + içerik kadar genişlik → her tarayıcıda tam sığar. */
  .dst-plan{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:1050;
    width:max-content;max-width:calc(100% - 24px);padding:13px 13px 13px 22px;border:0;border-radius:999px;background:var(--pv-black);color:var(--pv-white);
    font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent;
    box-shadow:0 16px 36px -12px rgba(10,10,10,.55),0 3px 8px -3px rgba(10,10,10,.25);
    transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
  .dst-plan img{flex:0 0 auto;display:block;width:20px;height:20px}   /* logo işareti */
  /* sağdaki yukarı ok — alttan pencere açılacağını gösterir */
  .dst-plan__up{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-inline-start:2px;
    border-radius:50%;background:rgba(255,255,255,.14);color:var(--pv-white)}
  .dst-plan__up svg{display:block;animation:dstYukari 1.4s ease-in-out 1.2s 3}
  /* yazı hiç kesilmez; çok dar ekranda sığmazsa iki satıra iner */
  .dst-plan span{flex:0 1 auto;min-width:0;white-space:nowrap}
  .dst-plan:active{transform:scale(.96)}
  .dst-plan.is-gizli{transform:translateY(160%);opacity:0;pointer-events:none}
  @media (max-width:340px){ .dst-plan{gap:8px;padding-left:16px;font-size:14px} .dst-plan span{white-space:normal;text-align:center} }

  .dst-plan-perde{display:block;position:fixed;inset:0;z-index:1100;background:rgba(10,10,10,.5);opacity:0;pointer-events:none;transition:opacity .3s ease}
  .dst-plan-perde.is-acik{opacity:1;pointer-events:auto}

  .dst-seo__yan{position:fixed;left:0;right:0;bottom:0;z-index:1110;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;
    margin:0;border:0;border-radius:24px 24px 0 0;padding:12px 22px calc(22px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -20px 44px -14px rgba(10,10,10,.35);
    transform:translateY(105%);visibility:hidden;transition:transform .42s cubic-bezier(.2,.8,.2,1),visibility 0s linear .42s}
  .dst-seo__yan.is-acik{transform:none;visibility:visible;transition:transform .42s cubic-bezier(.2,.8,.2,1),visibility 0s}
  .dst-yan__tut{display:block;width:44px;height:5px;margin:0 auto 18px;border-radius:99px;background:var(--pv-grey-200)}
  .dst-yan__kapat{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;right:14px;width:38px;height:38px;
    padding:0;border:0;border-radius:50%;background:var(--pv-grey-100);color:var(--pv-black);cursor:pointer}
  .dst-seo__yan .dst-yan__bas{margin:0 44px 18px 0;font-size:19px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.35;color:var(--pv-black)}
  .dst-seo__yan .dst-liste{margin-bottom:8px}
  .dst-seo__yan .dst-liste li{font-size:15px}
  .dst-yan__cta{display:none}
  .dst-yan__rez{display:flex;width:100%;margin-top:10px}
  /* açılırken maddeler sırayla belirir */
  .dst-seo__yan.is-acik .dst-liste li{animation:dstPlanMadde .45s cubic-bezier(.2,.8,.2,1) both}
  .dst-seo__yan.is-acik .dst-liste li:nth-child(1){animation-delay:.08s}
  .dst-seo__yan.is-acik .dst-liste li:nth-child(2){animation-delay:.13s}
  .dst-seo__yan.is-acik .dst-liste li:nth-child(3){animation-delay:.18s}
  .dst-seo__yan.is-acik .dst-liste li:nth-child(4){animation-delay:.23s}
  .dst-seo__yan.is-acik .dst-liste li:nth-child(5){animation-delay:.28s}
  html.dst-plan-kilit,html.dst-plan-kilit body{overflow:hidden}
}
@keyframes dstPlanMadde{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dstYukari{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){
  .dst-plan,.dst-seo__yan,.dst-plan-perde{transition:none !important}
  .dst-seo__yan.is-acik .dst-liste li{animation:none}
  .dst-plan__up svg{animation:none}
}
@media (max-width:900px){
  .dst-seo{grid-template-columns:minmax(0,1fr)}
  .dst-niyet__ust{flex-direction:column;align-items:flex-start;gap:4px}
}

/* Kart ikonları — havalimanında uçak, şehirde konum iğnesi.
   Izgara alanları açıkça verilir: ikon ve ok iki satırın tam ortasında durur. */
.dst-kutucuk__k{grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center}
.dst-kutucuk__ikon{grid-area:1 / 1 / 3 / 2;align-self:center;width:20px;height:20px;color:var(--pv-grey-500)}
.dst-kutucuk__k:hover .dst-kutucuk__ikon{color:var(--pv-accent)}
.dst-kutucuk__k strong{grid-area:1 / 2 / 2 / 3}
.dst-kutucuk__k small{grid-area:2 / 2 / 3 / 3}
.dst-kutucuk__k .dst-kutucuk__ok{grid-area:1 / 3 / 3 / 4;align-self:center;justify-self:end;font-size:17px;color:var(--pv-grey-500)}
.dst-kutucuk__k:hover .dst-kutucuk__ok{color:var(--pv-black)}

/* Ülke sayfası — "All provinces" ara başlığı */
.dst-bolum__ara{margin:44px 0 16px;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--pv-black)}

/* Mesafe satırları — "47 km · 29 mi" / "about 40 min from ESB" ayrı satırlarda, rastgele kırılmasın */
.dst-kutucuk__mesafe span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Ülke sayfası — havalimanları sol sütunda (yanında "Why travellers choose us"), arama amaçları en altta tam genişlik */
.dst-kutucuk--dar{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.dst-niyet-genis .dst-niyet__ag{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.dst-niyet-genis .dst-niyet{background:var(--pv-white)}
@media (min-width:901px){
  .dst-niyet-genis .dst-niyet__liste{grid-template-columns:1fr 1fr}
}