/* ============================================================
   SAFA TURİZM — ANA TASARIM DOSYASI
   Renkler yönetim panelinden değiştirilir (--ana, --vurgu).
   ============================================================ */

/* ---------- 1. DEĞİŞKENLER ---------- */
:root{
  --ana:#0F3057;
  --vurgu:#C9A227;
  --koyu:#0B1B2B;

  --ana-05:color-mix(in srgb, var(--ana) 5%, #fff);
  --ana-08:color-mix(in srgb, var(--ana) 8%, #fff);
  --ana-12:color-mix(in srgb, var(--ana) 12%, #fff);
  --ana-20:color-mix(in srgb, var(--ana) 20%, #fff);
  --ana-koyu:color-mix(in srgb, var(--ana) 78%, #000);
  --ana-acik:color-mix(in srgb, var(--ana) 84%, #fff);

  --vurgu-12:color-mix(in srgb, var(--vurgu) 14%, #fff);
  --vurgu-koyu:color-mix(in srgb, var(--vurgu) 80%, #000);

  --kum:#F7F9FB;
  --kum-koyu:#EDF1F6;
  --beyaz:#fff;
  --metin:#141E2B;
  --metin-yumusak:#5A6675;
  --cizgi:rgba(11,27,43,.10);
  --cizgi-koyu:rgba(11,27,43,.16);

  --golge-s:0 1px 2px rgba(11,27,43,.06), 0 1px 3px rgba(11,27,43,.05);
  --golge-m:0 4px 6px -1px rgba(11,27,43,.07), 0 2px 4px -2px rgba(11,27,43,.05);
  --golge-l:0 12px 28px -8px rgba(11,27,43,.14), 0 4px 10px -4px rgba(11,27,43,.06);
  --golge-xl:0 28px 60px -20px rgba(11,27,43,.24), 0 10px 24px -12px rgba(11,27,43,.10);

  --r-s:8px; --r-m:14px; --r-l:20px; --r-xl:28px; --r-tam:999px;

  --kap:1240px;
  --bosluk:clamp(3.5rem, 7vw, 6.5rem);

  --yazi-baslik:'Fraunces', 'Georgia', 'Times New Roman', serif;
  --yazi-govde:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --gecis:.28s cubic-bezier(.4,0,.2,1);

  --desen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%230B5D3B' stroke-width='1'%3E%3Cpath d='M36 4 68 36 36 68 4 36Z'/%3E%3Cpath d='M18 18h36v36H18z'/%3E%3Cpath d='M36 18 54 36 36 54 18 36Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- 2. TEMEL ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
body{
  margin:0;
  font-family:var(--yazi-govde);
  font-size:16.5px;
  line-height:1.7;
  color:var(--metin);
  background:var(--beyaz);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--ana);text-decoration:none;transition:color var(--gecis)}
a:hover{color:var(--ana-koyu)}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4,h5{
  font-family:var(--yazi-baslik);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 .55em;
  color:var(--koyu);
  font-variation-settings:'SOFT' 0,'WONK' 0;
}
h1{font-size:clamp(2.2rem,5.2vw,3.85rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.85rem)}
h3{font-size:clamp(1.25rem,2.1vw,1.6rem)}
h4{font-size:1.1rem;font-family:var(--yazi-govde);font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}
::selection{background:var(--vurgu);color:#fff}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px;border-radius:4px}
/* display:flex/grid tanımlı öğelerde hidden özniteliği çalışsın */
[hidden]{display:none !important}

/* ---------- 3. YERLEŞİM ---------- */
.kap{width:100%;max-width:var(--kap);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}
.kap-dar{max-width:860px}
.bolum{padding-block:var(--bosluk)}
.bolum-ince{padding-block:clamp(2.5rem,5vw,4rem)}
.bolum-kum{background:var(--kum)}
.bolum-koyu{background:var(--koyu);color:#E6EDE9}
.bolum-koyu h2,.bolum-koyu h3{color:#fff}
.izgara{display:grid;gap:1.6rem}
.i-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.i-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.i-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Form + yan panel düzeni (şablonlarda satır içi stil yerine) */
.izgara-form{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem;align-items:start}
.hiz{display:flex;align-items:center;gap:.6rem}
.merkez{text-align:center}

/* ---------- 4. BAŞLIK BLOĞU ---------- */
.ust-etiket{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ana);background:var(--ana-08);
  padding:.42rem .95rem;border-radius:var(--r-tam);margin-bottom:1.1rem;
  border:1px solid var(--ana-12);
}
.ust-etiket::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vurgu)}
.bolum-koyu .ust-etiket{color:var(--vurgu);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.bolum-basi{max-width:680px;margin-bottom:clamp(2rem,4vw,3.2rem)}
.bolum-basi.merkez{margin-inline:auto}
.bolum-basi p{color:var(--metin-yumusak);font-size:1.06rem}
.bolum-koyu .bolum-basi p{color:#A9BCB3}

/* ---------- 5. BUTONLAR ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.92rem 1.7rem;border-radius:var(--r-tam);
  font-weight:700;font-size:.95rem;letter-spacing:-.01em;
  transition:all var(--gecis);white-space:nowrap;border:1.5px solid transparent;
  text-align:center;
}
.btn svg{width:18px;height:18px;flex:none}
.btn-ana{background:var(--ana);color:#fff;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--ana) 55%,transparent)}
.btn-ana:hover{background:var(--ana-koyu);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -8px color-mix(in srgb,var(--ana) 60%,transparent)}
.btn-altin{background:var(--vurgu);color:#241a05;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--vurgu) 55%,transparent)}
.btn-altin:hover{background:var(--vurgu-koyu);color:#fff;transform:translateY(-2px)}
.btn-cizgi{border-color:var(--ana);color:var(--ana);background:transparent}
.btn-cizgi:hover{background:var(--ana);color:#fff}
.btn-beyaz{background:#fff;color:var(--koyu)}
.btn-beyaz:hover{background:var(--kum);color:var(--koyu);transform:translateY(-2px)}
.btn-hayalet{border-color:rgba(255,255,255,.4);color:#fff;backdrop-filter:blur(6px);background:rgba(255,255,255,.08)}
.btn-hayalet:hover{background:#fff;color:var(--koyu);border-color:#fff}
.btn-yesil-acik{background:var(--ana-08);color:var(--ana)}
.btn-yesil-acik:hover{background:var(--ana-12);color:var(--ana-koyu)}
.btn-k{padding:.6rem 1.15rem;font-size:.85rem}
.btn-b{padding:1.05rem 2.1rem;font-size:1.02rem}
.btn-blok{display:flex;width:100%}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1eb355;color:#fff;transform:translateY(-2px)}

/* ---------- 6. DUYURU ŞERİDİ ---------- */
.duyuru{
  background:linear-gradient(90deg,var(--ana-koyu),var(--ana));
  color:#fff;font-size:.86rem;position:relative;z-index:60;
}
.duyuru .kap{display:flex;align-items:center;justify-content:center;gap:.9rem;padding-block:.6rem;text-align:center;flex-wrap:wrap}
.duyuru a{color:var(--vurgu);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.duyuru a:hover{color:#fff}
.duyuru-kapat{margin-left:auto;opacity:.7;font-size:1.2rem;line-height:1;padding:0 .3rem}
.duyuru-kapat:hover{opacity:1}

/* ---------- 7. ÜST BİLGİ ŞERİDİ ---------- */
.ust-serit{background:var(--koyu);color:#9FB3AA;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.07)}
.ust-serit .kap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.55rem}
.ust-serit a{color:#C7D5CE}
.ust-serit a:hover{color:var(--vurgu)}
.ust-serit-sol{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
.ust-serit-sag{display:flex;gap:.5rem;align-items:center}
.sos-ikon{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.07);transition:all var(--gecis);
}
.sos-ikon:hover{background:var(--vurgu);color:#fff !important;transform:translateY(-2px)}
.sos-ikon svg{width:15px;height:15px}

/* ---------- 8. NAVİGASYON ---------- */
.tepe{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--cizgi);transition:box-shadow var(--gecis),padding var(--gecis)}
.tepe.kayan{box-shadow:var(--golge-l)}
.nav{display:flex;align-items:center;gap:1.1rem;padding-block:.95rem;transition:padding var(--gecis);min-width:0}
.tepe.kayan .nav{padding-block:.6rem}
.logo{display:flex;align-items:center;gap:.7rem;flex:none}
.logo img{height:clamp(40px,4.4vw,52px);width:auto;transition:height var(--gecis)}
.tepe.kayan .logo img{height:40px}
.logo-yazi{display:flex;flex-direction:column;line-height:1.1}
.logo-yazi b{font-family:var(--yazi-baslik);font-size:1.32rem;color:var(--ana);letter-spacing:-.02em;white-space:nowrap}
.logo-yazi span{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--metin-yumusak);font-weight:600;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}

.menu{display:flex;align-items:center;gap:.1rem;margin-left:auto;list-style:none;flex-wrap:nowrap;min-width:0}
.menu > li{position:relative}
.menu > li > a{
  display:flex;align-items:center;gap:.3rem;padding:.6rem .7rem;border-radius:var(--r-s);
  font-weight:600;font-size:.93rem;color:var(--metin);white-space:nowrap;
}
.menu > li > a:hover,.menu > li.aktif > a{color:var(--ana);background:var(--ana-05)}
.menu > li.aktif > a{position:relative}
.menu > li.aktif > a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.28rem;height:2px;background:var(--vurgu);border-radius:2px}
.ok{width:11px;height:11px;transition:transform var(--gecis);opacity:.55}
.menu > li:hover .ok{transform:rotate(180deg)}

.alt-menu{
  position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:#fff;
  border:1px solid var(--cizgi);border-radius:var(--r-m);box-shadow:var(--golge-xl);
  padding:.5rem;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all var(--gecis);z-index:20;
}
.menu > li:hover .alt-menu,.menu > li:focus-within .alt-menu{opacity:1;visibility:visible;transform:translateY(0)}
.alt-menu a{display:block;padding:.6rem .85rem;border-radius:var(--r-s);font-size:.9rem;font-weight:500;color:var(--metin)}
.alt-menu a:hover{background:var(--ana-05);color:var(--ana);transform:translateX(3px)}

.nav-sag{display:flex;align-items:center;gap:.7rem;flex:none;margin-left:auto}
.nav-tel{display:flex;align-items:center;gap:.6rem;padding-right:.3rem}
.nav-tel-ikon{width:40px;height:40px;border-radius:50%;background:var(--ana-08);display:grid;place-items:center;color:var(--ana);flex:none}
.nav-tel-ikon svg{width:18px;height:18px}
.nav-tel-yazi{line-height:1.2}
.nav-tel-yazi small{display:block;font-size:.68rem;color:var(--metin-yumusak);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.nav-tel-yazi b{font-size:.98rem;color:var(--koyu);font-weight:800}

.menu-dugme{display:none;width:44px;height:44px;border-radius:var(--r-s);background:var(--ana-08);color:var(--ana);place-items:center}
.menu-dugme svg{width:22px;height:22px}

/* Mobil çekmece */
.mob-menu{
  position:fixed;inset:0 0 0 auto;width:min(88vw,380px);background:#fff;z-index:100;
  transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;box-shadow:var(--golge-xl);
}
.mob-menu.acik{transform:translateX(0)}
.mob-menu-ust{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.2rem;border-bottom:1px solid var(--cizgi)}
.mob-menu-govde{flex:1;overflow-y:auto;padding:.8rem 1rem 1.5rem}
.mob-menu-govde ul{list-style:none}
.mob-menu-govde > ul > li{border-bottom:1px solid var(--cizgi)}
.mob-menu-govde > ul > li > a,.mob-baslik{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:.95rem .3rem;font-weight:700;font-size:1rem;color:var(--koyu);text-align:left;
}
.mob-baslik svg{width:16px;height:16px;transition:transform var(--gecis);opacity:.5}
.mob-baslik.acik svg{transform:rotate(180deg)}
.mob-alt{max-height:0;overflow:hidden;transition:max-height .3s ease}
.mob-alt.acik{max-height:420px}
.mob-alt a{display:block;padding:.6rem .3rem .6rem 1.1rem;font-size:.92rem;color:var(--metin-yumusak);font-weight:500}
.mob-alt a:hover{color:var(--ana)}
.mob-menu-alt{padding:1.1rem 1.2rem;border-top:1px solid var(--cizgi);display:grid;gap:.6rem;background:var(--kum)}
.perde{position:fixed;inset:0;background:rgba(11,27,43,.5);backdrop-filter:blur(3px);z-index:90;opacity:0;visibility:hidden;transition:all var(--gecis)}
.perde.acik{opacity:1;visibility:visible}

/* ---------- 9. HERO ---------- */
.hero{position:relative;min-height:clamp(560px,78vh,780px);display:flex;align-items:stretch;overflow:hidden;background:var(--koyu)}
.hero-slayt{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s;pointer-events:none;display:flex;align-items:center}
.hero-slayt:first-child{position:relative;flex:1}
.hero-slayt.aktif{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1s ease,visibility 0s}
.hero-arka{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:yavas-yakin 14s ease-out forwards}
.hero-metin p.hero-buyuk-baslik{font-family:var(--yazi-baslik);font-weight:600;line-height:1.15;letter-spacing:-.02em;font-size:clamp(2.2rem,5.2vw,3.85rem);color:#fff;margin-bottom:1.1rem;text-shadow:0 2px 24px rgba(0,0,0,.3);max-width:none}
@keyframes yavas-yakin{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero-perde{
  position:absolute;inset:0;
  /* Gerçek fotoğraflarda yazının okunabilir kalması için iki katmanlı perde:
     soldan sağa (yazı bölgesi koyu) + alttan yukarı hafif kararma. */
  background:
    linear-gradient(100deg,
      rgba(8,22,38,.94) 0%,
      rgba(8,22,38,.86) 38%,
      rgba(8,22,38,.54) 70%,
      rgba(8,22,38,.34) 100%),
    linear-gradient(to top, rgba(8,22,38,.5) 0%, rgba(8,22,38,0) 42%);
}
@media (max-width:820px){
  /* Telefonda yazı fotoğrafın ortasında durur; her yerde okunmalı */
  .hero-perde{
    background:
      linear-gradient(180deg, rgba(8,22,38,.72) 0%, rgba(8,22,38,.80) 55%, rgba(8,22,38,.90) 100%);
  }
}
.hero-desen{position:absolute;inset:0;background-image:var(--desen);background-size:72px;opacity:.05;filter:invert(1)}
.hero-ic{position:relative;z-index:3;width:100%;padding-block:clamp(3.5rem,8vw,6rem)}
.hero-metin{max-width:660px;color:#fff}
.hero-metin .ust-etiket{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.hero-metin h1{color:#fff;margin-bottom:1.1rem;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.hero-metin p{font-size:clamp(1rem,1.5vw,1.16rem);color:rgba(255,255,255,.88);max-width:540px;margin-bottom:2rem}
.hero-butonlar{display:flex;gap:.9rem;flex-wrap:wrap}
.hero-slayt-metin{opacity:1}
.hero-slayt.aktif .hero-slayt-metin{animation:yukari-gel .85s cubic-bezier(.16,1,.3,1) both}
@keyframes yukari-gel{0%{opacity:0;transform:translateY(26px)}100%{opacity:1;transform:none}}

.hero-noktalar{position:absolute;bottom:clamp(1.5rem,4vw,2.6rem);left:50%;transform:translateX(-50%);display:flex;gap:.55rem;z-index:5}
.hero-nokta{width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);transition:all var(--gecis)}
.hero-nokta.aktif{background:var(--vurgu);width:52px}
.hero-oklar{position:absolute;bottom:clamp(1.2rem,4vw,2.4rem);right:clamp(1.2rem,4vw,2.4rem);display:flex;gap:.5rem;z-index:5}
.hero-ok{
  width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);
  color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px);background:rgba(255,255,255,.08);
  transition:all var(--gecis);
}
.hero-ok:hover{background:#fff;color:var(--koyu);border-color:#fff}
.hero-ok svg{width:18px;height:18px}

/* Hero arama kutusu */
.arama-kutu{
  position:relative;z-index:6;margin-top:-56px;margin-bottom:0;
}
.arama-ic{
  background:#fff;border-radius:var(--r-l);box-shadow:var(--golge-xl);
  padding:1.15rem;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:.8rem;align-items:end;
  border:1px solid var(--cizgi);
}
.arama-alan label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--metin-yumusak);margin-bottom:.35rem}
.arama-alan select,.arama-alan input{
  width:100%;padding:.72rem .85rem;border:1.5px solid var(--cizgi);border-radius:var(--r-s);
  font-family:inherit;font-size:.92rem;font-weight:600;color:var(--koyu);background:var(--kum);
  transition:border-color var(--gecis);appearance:none;
}
.arama-alan select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A6675' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.2rem}
.arama-alan select:focus,.arama-alan input:focus{border-color:var(--ana);outline:none;background:#fff}

/* ---------- 10. GÜVEN ŞERİDİ ---------- */
.guven{background:var(--kum);border-block:1px solid var(--cizgi)}
.guven .kap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-block:1.6rem}
.guven-oge{display:flex;align-items:center;gap:.85rem;justify-content:center;text-align:left}
.guven-oge img{height:38px;width:auto;flex:none;opacity:.9}
.guven-oge span{font-size:.84rem;font-weight:700;color:var(--metin-yumusak);line-height:1.35;max-width:150px}

/* ---------- 11. TUR KARTI ---------- */
.tur-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);overflow:hidden;
  display:flex;flex-direction:column;transition:all var(--gecis);height:100%;position:relative;
}
.tur-kart:hover{transform:translateY(-6px);box-shadow:var(--golge-xl);border-color:var(--ana-20)}
.tur-gorsel{position:relative;aspect-ratio:16/11;overflow:hidden;background:var(--kum-koyu)}
.tur-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.tur-kart:hover .tur-gorsel img{transform:scale(1.07)}
.tur-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,22,38,.55),transparent 55%)}
.rozet{
  position:absolute;top:.9rem;left:.9rem;z-index:2;
  padding:.35rem .8rem;border-radius:var(--r-tam);font-size:.72rem;font-weight:800;
  letter-spacing:.03em;background:var(--ana);color:#fff;box-shadow:var(--golge-m);
}
.rozet.altin{background:var(--vurgu);color:#241a05}
.rozet.mor{background:#6D4AA8;color:#fff}
.rozet.mavi{background:#1D6FA5;color:#fff}
.rozet.siyah{background:var(--koyu);color:var(--vurgu)}
.tur-sure{
  position:absolute;bottom:.85rem;right:.9rem;z-index:2;color:#fff;
  font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.35rem;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
}
.tur-sure svg{width:14px;height:14px}
.tur-kategori{
  position:absolute;bottom:.85rem;left:.9rem;z-index:2;color:#fff;font-size:.72rem;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9;
}
.tur-govde{padding:1.3rem;display:flex;flex-direction:column;flex:1}
.tur-govde h3{font-size:1.24rem;margin-bottom:.5rem;line-height:1.25}
.tur-govde h3 a{color:var(--koyu)}
.tur-govde h3 a:hover{color:var(--ana)}
.tur-ozet{font-size:.9rem;color:var(--metin-yumusak);margin-bottom:1rem;line-height:1.6}
.tur-etiketler{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}
.tur-etiket{
  display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;
  color:var(--ana);background:var(--ana-05);padding:.3rem .65rem;border-radius:var(--r-s);
}
.tur-etiket svg{width:13px;height:13px}
.tur-alt{margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--cizgi);display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem}
.tur-fiyat small{display:block;font-size:.7rem;color:var(--metin-yumusak);font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.tur-fiyat b{font-size:1.5rem;font-family:var(--yazi-baslik);color:var(--ana);font-weight:700;letter-spacing:-.02em}
.tur-fiyat del{font-size:.85rem;color:var(--metin-yumusak);margin-left:.4rem;font-weight:500}
.tur-fiyat i{display:block;font-size:.68rem;color:var(--metin-yumusak);font-style:normal}

/* Yatay tur kartı (liste görünümü) */
.tur-kart-yatay{display:grid;grid-template-columns:300px 1fr;align-items:stretch}
.tur-kart-yatay .tur-gorsel{aspect-ratio:auto;height:100%;min-height:240px}
.tur-kart-yatay .tur-govde{padding:1.6rem}

/* ---------- 12. HAKKINDA BÖLÜMÜ ---------- */
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.gorsel-cerceve{position:relative}
.gorsel-cerceve img{border-radius:var(--r-l);box-shadow:var(--golge-xl);width:100%}
.gorsel-cerceve::before{
  content:"";position:absolute;inset:-14px 22px 22px -14px;border:2px solid var(--vurgu);
  border-radius:var(--r-l);z-index:-1;opacity:.5;
}
.gorsel-rozet{
  position:absolute;bottom:-24px;right:-16px;background:var(--ana);color:#fff;
  padding:1.15rem 1.5rem;border-radius:var(--r-m);box-shadow:var(--golge-xl);text-align:center;
}
.gorsel-rozet b{display:block;font-family:var(--yazi-baslik);font-size:2.1rem;line-height:1;color:var(--vurgu)}
.gorsel-rozet span{font-size:.75rem;font-weight:600;letter-spacing:.05em;opacity:.9}
.tik-liste{list-style:none;display:grid;gap:.75rem;margin:1.6rem 0 2rem}
.tik-liste li{display:flex;gap:.75rem;align-items:flex-start;font-size:.97rem;font-weight:500}
.tik-liste li::before{
  content:"";flex:none;width:22px;height:22px;border-radius:50%;margin-top:2px;
  background:var(--ana-08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%230B5D3B' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat;
}

/* ---------- 13. İSTATİSTİK ---------- */
.istatistik{background:var(--ana);color:#fff;position:relative;overflow:hidden}
.istatistik::before{content:"";position:absolute;inset:0;background-image:var(--desen);background-size:72px;opacity:.06;filter:invert(1)}
.istatistik .kap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-block:clamp(2.5rem,5vw,3.8rem)}
.ist-oge{text-align:center;padding-inline:.5rem}
.ist-oge + .ist-oge{border-left:1px solid rgba(255,255,255,.16)}
.ist-oge b{display:block;font-family:var(--yazi-baslik);font-size:clamp(2.3rem,4.6vw,3.2rem);line-height:1;color:var(--vurgu);letter-spacing:-.03em}
.ist-oge span{display:block;margin-top:.5rem;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.82)}

/* ---------- 14. NEDEN BİZ ---------- */
.ozellik-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.7rem 1.4rem;
  transition:all var(--gecis);height:100%;position:relative;overflow:hidden;
}
.ozellik-kart::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--vurgu);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.ozellik-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-l);border-color:var(--ana-20)}
.ozellik-kart:hover::before{transform:scaleX(1)}
.ozellik-ikon{
  width:52px;height:52px;border-radius:var(--r-m);background:var(--ana-08);color:var(--ana);
  display:grid;place-items:center;margin-bottom:1.1rem;transition:all var(--gecis);
}
.ozellik-kart:hover .ozellik-ikon{background:var(--ana);color:#fff;transform:rotate(-6deg) scale(1.05)}
.ozellik-ikon svg{width:25px;height:25px}
.ozellik-kart h4{margin-bottom:.5rem;font-size:1.05rem;color:var(--koyu)}
.ozellik-kart p{font-size:.9rem;color:var(--metin-yumusak);line-height:1.62}

/* ---------- 15. SÜREÇ ADIMLARI ---------- */
.surec{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;position:relative}
.surec::before{content:"";position:absolute;top:29px;right:10%;left:10%;height:2px;background:repeating-linear-gradient(to left,var(--cizgi-koyu) 0 8px,transparent 8px 16px)}
.surec-oge{text-align:center;position:relative}
.surec-no{
  width:58px;height:58px;border-radius:50%;background:#fff;border:2px solid var(--ana);color:var(--ana);
  display:grid;place-items:center;margin:0 auto 1rem;font-family:var(--yazi-baslik);font-size:1.35rem;
  font-weight:700;position:relative;z-index:2;transition:all var(--gecis);
}
.surec-oge:hover .surec-no{background:var(--ana);color:#fff;transform:scale(1.08)}
.surec-oge h4{font-size:1rem;margin-bottom:.4rem}
.surec-oge p{font-size:.86rem;color:var(--metin-yumusak);line-height:1.55}

/* ---------- 16. HİZMET KARTI ---------- */
.hizmet-kart{
  display:flex;gap:1.1rem;padding:1.5rem;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--r-m);transition:all var(--gecis);height:100%;
}
.hizmet-kart:hover{box-shadow:var(--golge-l);transform:translateY(-3px);border-color:var(--ana-20)}
.hizmet-ikon{width:48px;height:48px;flex:none;border-radius:var(--r-s);background:var(--vurgu-12);color:var(--vurgu-koyu);display:grid;place-items:center}
.hizmet-ikon svg{width:23px;height:23px}
.hizmet-kart h4{margin-bottom:.35rem;font-size:1.02rem}
.hizmet-kart p{font-size:.88rem;color:var(--metin-yumusak);line-height:1.6;margin-bottom:.6rem}
.hizmet-kart a.daha{font-size:.83rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}
.hizmet-kart a.daha svg{width:14px;height:14px;transition:transform var(--gecis)}
.hizmet-kart:hover a.daha svg{transform:translateX(3px)}

/* ---------- 17. YORUMLAR ---------- */
.yorum-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.7rem;
  height:100%;display:flex;flex-direction:column;position:relative;
}
.yorum-kart::before{
  content:"”";position:absolute;top:.4rem;left:1.2rem;font-family:var(--yazi-baslik);
  font-size:5rem;line-height:1;color:var(--ana-08);
}
.yildizlar{display:flex;gap:.15rem;margin-bottom:.9rem;color:var(--vurgu)}
.yildizlar svg{width:16px;height:16px}
.yorum-metin{font-size:.95rem;line-height:1.7;color:var(--metin);margin-bottom:1.3rem;position:relative;z-index:1}
.yorum-kisi{margin-top:auto;padding-top:1rem;border-top:1px solid var(--cizgi);display:flex;align-items:center;gap:.8rem}
.yorum-avatar{
  width:44px;height:44px;border-radius:50%;background:var(--ana);color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:1.05rem;flex:none;font-family:var(--yazi-baslik);
}
.yorum-kisi b{display:block;font-size:.94rem;color:var(--koyu)}
.yorum-kisi span{font-size:.79rem;color:var(--metin-yumusak)}

/* Kaydırmalı şerit */
.kaydir{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin}
.kaydir > *{scroll-snap-align:start;flex:0 0 min(360px,82vw)}
.kaydir::-webkit-scrollbar{height:6px}
.kaydir::-webkit-scrollbar-thumb{background:var(--cizgi-koyu);border-radius:3px}
.kaydir::-webkit-scrollbar-track{background:var(--kum)}

/* ---------- 18. BLOG KARTI ---------- */
.blog-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);overflow:hidden;transition:all var(--gecis);height:100%;display:flex;flex-direction:column}
.blog-kart:hover{transform:translateY(-5px);box-shadow:var(--golge-l);border-color:var(--ana-20)}
.blog-gorsel{aspect-ratio:16/10;overflow:hidden;background:var(--kum-koyu)}
.blog-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.blog-kart:hover .blog-gorsel img{transform:scale(1.06)}
.blog-govde{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.blog-ust{display:flex;align-items:center;gap:.7rem;font-size:.76rem;color:var(--metin-yumusak);margin-bottom:.7rem;font-weight:600}
.blog-ust .kat{color:var(--ana);background:var(--ana-05);padding:.22rem .6rem;border-radius:var(--r-s);font-weight:700}
.blog-govde h3{font-size:1.12rem;margin-bottom:.55rem;line-height:1.35}
.blog-govde h3 a{color:var(--koyu)}
.blog-govde h3 a:hover{color:var(--ana)}
.blog-govde p{font-size:.89rem;color:var(--metin-yumusak);line-height:1.62;margin-bottom:1rem}
.blog-govde .daha{margin-top:auto;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}
.blog-govde .daha svg{width:14px;height:14px;transition:transform var(--gecis)}
.blog-kart:hover .daha svg{transform:translateX(3px)}

/* ---------- 19. CTA ---------- */
.cta{position:relative;overflow:hidden;background:var(--koyu);color:#fff;border-radius:var(--r-xl)}
.cta-ic{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center;padding:clamp(2.2rem,5vw,3.8rem)}
.cta::before{content:"";position:absolute;inset:0;background-image:var(--desen);background-size:72px;opacity:.06;filter:invert(1)}
.cta::after{content:"";position:absolute;top:-30%;left:-10%;width:60%;height:160%;background:radial-gradient(circle,color-mix(in srgb,var(--ana) 55%,transparent),transparent 70%);pointer-events:none}
.cta h2{color:#fff;margin-bottom:.7rem}
.cta p{color:rgba(255,255,255,.8);margin-bottom:1.7rem;max-width:460px}
.cta .ust-etiket{background:rgba(255,255,255,.09);color:var(--vurgu);border-color:rgba(255,255,255,.16)}
.cta-butonlar{display:flex;gap:.8rem;flex-wrap:wrap}
.cta-gorsel img{border-radius:var(--r-l);box-shadow:var(--golge-xl)}

/* ---------- 20. SAYFA BAŞLIĞI (iç sayfalar) ---------- */
.sayfa-basi{position:relative;background:var(--koyu);color:#fff;overflow:hidden;padding-block:clamp(3rem,7vw,5rem)}
.sayfa-basi img.arka{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.sayfa-basi::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,22,38,.95),rgba(8,22,38,.6))}
.sayfa-basi .kap{position:relative;z-index:2}
.sayfa-basi h1{color:#fff;margin-bottom:.6rem;max-width:800px}
.sayfa-basi p{color:rgba(255,255,255,.82);max-width:620px;font-size:1.05rem}
.kirinti{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.83rem;color:rgba(255,255,255,.65);margin-bottom:1.1rem;list-style:none}
.kirinti a{color:rgba(255,255,255,.8)}
.kirinti a:hover{color:var(--vurgu)}
.kirinti li+li::before{content:"›";margin-right:.45rem;opacity:.5}

/* ---------- 21. FİLTRE ---------- */
.filtre-serit{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.filtre-btn{
  padding:.55rem 1.15rem;border-radius:var(--r-tam);border:1.5px solid var(--cizgi);
  font-size:.88rem;font-weight:700;color:var(--metin-yumusak);background:#fff;transition:all var(--gecis);
}
.filtre-btn:hover{border-color:var(--ana);color:var(--ana)}
.filtre-btn.aktif{background:var(--ana);border-color:var(--ana);color:#fff}

/* ---------- 22. TUR DETAY ---------- */
.detay-duzen{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2.5rem;align-items:start}
.detay-govde > section{margin-bottom:2.6rem}
.detay-baslik{
  display:flex;align-items:center;gap:.7rem;font-size:1.4rem;margin-bottom:1.2rem;
  font-family:var(--yazi-baslik);font-weight:600;color:var(--koyu);
}
.detay-baslik::before{content:"";width:4px;height:26px;background:var(--vurgu);border-radius:2px;flex:none}

.detay-ozet-kutu{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi);
  border:1px solid var(--cizgi);border-radius:var(--r-m);overflow:hidden;margin-bottom:2.2rem;
}
.detay-ozet-oge{background:#fff;padding:1.15rem 1rem;text-align:center}
.detay-ozet-oge svg{width:22px;height:22px;color:var(--ana);margin:0 auto .5rem}
.detay-ozet-oge small{display:block;font-size:.72rem;color:var(--metin-yumusak);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.detay-ozet-oge b{display:block;font-size:.94rem;margin-top:.15rem;color:var(--koyu)}

.metin-alan{font-size:1rem;line-height:1.78;color:var(--metin)}
.metin-alan h2{font-size:1.6rem;margin-top:2rem}
.metin-alan h3{font-size:1.24rem;margin-top:1.6rem}
.metin-alan ul,.metin-alan ol{padding-left:1.3rem;margin-bottom:1.2rem}
.metin-alan li{margin-bottom:.45rem}
.metin-alan img{border-radius:var(--r-m);margin-block:1.4rem}
.metin-alan blockquote{
  border-left:3px solid var(--vurgu);background:var(--kum);padding:1.1rem 1.4rem;
  border-radius:var(--r-s);margin:1.5rem 0;font-style:italic;color:var(--metin-yumusak);
}
.metin-alan table{width:100%;border-collapse:collapse;margin-block:1.4rem;font-size:.93rem}
.metin-alan th,.metin-alan td{padding:.8rem 1rem;border:1px solid var(--cizgi);text-align:left}
.metin-alan th{background:var(--kum);font-weight:800;color:var(--koyu)}
.metin-alan a{text-decoration:underline;text-underline-offset:3px}

/* Program zaman çizelgesi */
.program{position:relative;padding-left:2.2rem;list-style:none}
.program::before{content:"";position:absolute;top:12px;bottom:12px;left:15px;width:2px;background:var(--cizgi)}
.program li{position:relative;padding-bottom:1.6rem}
.program li:last-child{padding-bottom:0}
.program li::before{
  content:"";position:absolute;left:-2.2rem;top:6px;width:14px;height:14px;border-radius:50%;
  background:#fff;border:3px solid var(--ana);z-index:1;
}
.program-gun{
  display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ana);background:var(--ana-08);padding:.22rem .6rem;border-radius:var(--r-s);margin-bottom:.5rem;
}
.program h4{margin-bottom:.35rem;font-size:1.04rem}
.program p{font-size:.93rem;color:var(--metin-yumusak);line-height:1.65}

/* Otel kartı */
.otel-kart{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;border:1px solid var(--cizgi);border-radius:var(--r-m);overflow:hidden;background:#fff;margin-bottom:1rem}
/* Otelin gerçek fotoğrafı yoksa sade kart — stok fotoğraf koymak yanıltıcı olur */
.otel-kart-sade{grid-template-columns:64px 1fr;gap:1rem;align-items:center;padding:.2rem}
.otel-simge{width:64px;height:64px;margin-left:1rem;border-radius:var(--r-s);background:var(--ana-08);color:var(--ana);display:grid;place-items:center;flex:none}
.otel-kart-sade .otel-bilgi{padding:1rem 1.2rem 1rem 0}

.otel-kart img{width:100%;height:100%;object-fit:cover;min-height:130px}
.otel-bilgi{padding:1.1rem 1.2rem 1.1rem 0}
.otel-sehir{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--vurgu-koyu);margin-bottom:.25rem}
.otel-bilgi h4{margin-bottom:.4rem;font-size:1.04rem}
.otel-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.83rem;color:var(--metin-yumusak)}
.otel-meta span{display:inline-flex;align-items:center;gap:.3rem;background:var(--kum);padding:.25rem .6rem;border-radius:var(--r-s)}
.otel-meta svg{width:13px;height:13px}

/* Dahil / hariç */
.dh-izgara{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.dh-kutu{border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.4rem;background:#fff}
.dh-kutu h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem}
.dh-kutu ul{list-style:none;display:grid;gap:.6rem}
.dh-kutu li{display:flex;gap:.6rem;align-items:flex-start;font-size:.91rem;line-height:1.55}
.dh-kutu li svg{width:17px;height:17px;flex:none;margin-top:3px}
.dahil li svg{color:var(--ana)}
.haric li svg{color:#C05252}

/* Fiyat tablosu */
.fiyat-tablo{width:100%;border-collapse:collapse;font-size:.94rem;border:1px solid var(--cizgi);border-radius:var(--r-m);overflow:hidden}
/* Dar ekranda tablo sıkışıp metni kırpmasın; yatay kaydırılsın */
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-m)}
.tablo-kaydir .fiyat-tablo{border-radius:0}
.tablo-kaydir::-webkit-scrollbar{height:6px}
.tablo-kaydir::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:99px}
.tablo-ipucu{display:none;font-size:.78rem;color:var(--metin-yumusak);margin:.5rem 0 0;align-items:center;gap:.35rem}
.fiyat-tablo th{background:var(--ana);color:#fff;padding:.85rem 1.1rem;text-align:left;font-size:.84rem;font-weight:700;letter-spacing:.02em}
.fiyat-tablo td{padding:.85rem 1.1rem;border-top:1px solid var(--cizgi);text-align:left}
.fiyat-tablo tbody tr:nth-child(even){background:var(--kum)}
.fiyat-tablo tbody tr:hover{background:var(--ana-05)}
.fiyat-tablo .tutar{font-weight:800;color:var(--ana);font-size:1.02rem;white-space:nowrap}

/* Tarih tablosu */
.tarih-liste{display:grid;gap:.65rem}
.tarih-oge{
  display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;
  padding:.9rem 1.1rem;border:1px solid var(--cizgi);border-radius:var(--r-m);background:#fff;transition:all var(--gecis);
}
.tarih-oge:hover{border-color:var(--ana);box-shadow:var(--golge-m)}
.tarih-gun{font-weight:700;font-size:.96rem;color:var(--koyu);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.tarih-gun svg{width:16px;height:16px;color:var(--ana);flex:none}
.durum{font-size:.75rem;font-weight:800;padding:.28rem .7rem;border-radius:var(--r-tam);white-space:nowrap}
.durum.musait{background:#E3F3EA;color:#166A42}
.durum.son{background:#FDF0E3;color:#9A5A11}
.durum.dolu{background:#F6E6E6;color:#9E3838}

/* Yan panel */
.yan-panel{position:sticky;top:100px;display:grid;gap:1.2rem}
.fiyat-kutu{border:1px solid var(--cizgi);border-radius:var(--r-l);overflow:hidden;background:#fff;box-shadow:var(--golge-l)}
.fiyat-kutu-ust{background:var(--ana);color:#fff;padding:1.4rem;text-align:center;position:relative;overflow:hidden}
.fiyat-kutu-ust::before{content:"";position:absolute;inset:0;background-image:var(--desen);background-size:72px;opacity:.08;filter:invert(1)}
.fiyat-kutu-ust small{position:relative;display:block;font-size:.76rem;opacity:.85;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.fiyat-kutu-ust b{position:relative;display:block;font-family:var(--yazi-baslik);font-size:2.5rem;line-height:1.1;color:var(--vurgu);margin-block:.2rem}
.fiyat-kutu-ust i{position:relative;display:block;font-style:normal;font-size:.8rem;opacity:.85}
.fiyat-kutu-govde{padding:1.3rem}
.fiyat-kutu-liste{list-style:none;display:grid;gap:.7rem;margin-bottom:1.3rem;font-size:.9rem}
.fiyat-kutu-liste li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px dashed var(--cizgi)}
.fiyat-kutu-liste li:last-child{border:0;padding-bottom:0}
.fiyat-kutu-liste span{color:var(--metin-yumusak)}
.fiyat-kutu-liste b{color:var(--koyu);text-align:right}

.yardim-kutu{background:var(--kum);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:1.4rem;text-align:center}
.yardim-kutu h4{margin-bottom:.4rem}
.yardim-kutu p{font-size:.87rem;color:var(--metin-yumusak);margin-bottom:1.1rem}
.yardim-tel{display:block;font-family:var(--yazi-baslik);font-size:1.5rem;font-weight:700;color:var(--ana);margin-bottom:.9rem}

/* ---------- 23. AKORDİYON (SSS) ---------- */
.akordiyon{border:1px solid var(--cizgi);border-radius:var(--r-m);overflow:hidden;background:#fff}
.akordiyon + .akordiyon{margin-top:.75rem}
.akordiyon-bas{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.15rem 1.35rem;font-weight:700;font-size:1rem;text-align:left;color:var(--koyu);transition:background var(--gecis);
}
.akordiyon-bas:hover{background:var(--ana-05)}
.akordiyon.acik .akordiyon-bas{background:var(--ana-05);color:var(--ana)}
.akordiyon-ikon{
  width:28px;height:28px;flex:none;border-radius:50%;background:var(--ana-08);color:var(--ana);
  display:grid;place-items:center;transition:transform var(--gecis)
}
.akordiyon.acik .akordiyon-ikon{transform:rotate(45deg);background:var(--ana);color:#fff}
.akordiyon-ikon svg{width:14px;height:14px}
.akordiyon-govde{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}
.akordiyon-ic{padding:0 1.35rem 1.3rem;font-size:.95rem;line-height:1.72;color:var(--metin-yumusak)}

/* ---------- 24. FORMLAR ---------- */
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.alan{display:grid;gap:.4rem}
.alan.tam{grid-column:1/-1}
.alan label{font-size:.84rem;font-weight:700;color:var(--koyu)}
.alan label .zorunlu{color:#C05252}
.alan input,.alan select,.alan textarea{
  width:100%;padding:.82rem 1rem;border:1.5px solid var(--cizgi);border-radius:var(--r-s);
  font-family:inherit;font-size:.95rem;color:var(--metin);background:#fff;transition:all var(--gecis);
}
.alan textarea{min-height:130px;resize:vertical;line-height:1.6}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--ana);outline:none;box-shadow:0 0 0 3px var(--ana-08)}
.alan input::placeholder,.alan textarea::placeholder{color:#9AA8A1}
.alan small{font-size:.78rem;color:var(--metin-yumusak)}
.onay{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;color:var(--metin-yumusak);line-height:1.55}
.onay input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--ana)}
.onay a{text-decoration:underline;text-underline-offset:2px}
.form-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:clamp(1.5rem,3vw,2.4rem);box-shadow:var(--golge-m)}
.uyari{padding:1rem 1.2rem;border-radius:var(--r-m);font-size:.92rem;font-weight:600;margin-bottom:1.4rem;display:flex;gap:.7rem;align-items:flex-start}
.uyari svg{width:20px;height:20px;flex:none;margin-top:1px}
.uyari-basari{background:#E6F4EC;color:#14603C;border:1px solid #B8DEC9}
.uyari-hata{background:#FBEAEA;color:#8E2F2F;border:1px solid #EFC9C9}
.uyari-bilgi{background:var(--vurgu-12);color:#6A4F16;border:1px solid color-mix(in srgb,var(--vurgu) 35%,#fff)}

/* ---------- 25. İLETİŞİM ---------- */
.iletisim-kart{display:flex;gap:1rem;padding:1.4rem;border:1px solid var(--cizgi);border-radius:var(--r-m);background:#fff;height:100%}
.iletisim-ikon{width:46px;height:46px;flex:none;border-radius:var(--r-s);background:var(--ana-08);color:var(--ana);display:grid;place-items:center}
.iletisim-ikon svg{width:21px;height:21px}
.iletisim-kart h4{margin-bottom:.25rem;font-size:.98rem}
.iletisim-kart p,.iletisim-kart a{font-size:.9rem;color:var(--metin-yumusak);line-height:1.55;margin:0}
.iletisim-kart a:hover{color:var(--ana)}
.harita{width:100%;height:420px;border:0;border-radius:var(--r-l);filter:grayscale(.25)}

/* ---------- 26. GALERİ ---------- */
.galeri-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.galeri-oge{position:relative;border-radius:var(--r-m);overflow:hidden;aspect-ratio:1;cursor:pointer;background:var(--kum-koyu)}
.galeri-oge img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.galeri-oge:hover img{transform:scale(1.08)}
.galeri-oge figcaption{
  position:absolute;inset:auto 0 0 0;padding:1.5rem 1rem .9rem;color:#fff;font-size:.88rem;font-weight:700;
  background:linear-gradient(to top,rgba(8,22,38,.88),transparent);opacity:0;transition:opacity var(--gecis);
}
.galeri-oge:hover figcaption{opacity:1}
.galeri-oge.buyuk{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}

.lightbox{position:fixed;inset:0;background:rgba(8,22,38,.94);z-index:200;display:none;place-items:center;padding:2rem}
.lightbox.acik{display:grid}
.lightbox img{max-width:min(1100px,92vw);max-height:86vh;border-radius:var(--r-m);object-fit:contain}
.lightbox-kapat{position:absolute;top:1.5rem;right:1.5rem;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.lightbox-kapat:hover{background:#fff;color:var(--koyu)}
.lightbox-ok{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.lightbox-ok:hover{background:#fff;color:var(--koyu)}
.lightbox-ok.onceki{left:1.5rem}
.lightbox-ok.sonraki{right:1.5rem}
.lightbox-yazi{position:absolute;bottom:1.6rem;left:0;right:0;text-align:center;color:#fff;font-size:.92rem;font-weight:600}

/* ---------- 27. EKİP ---------- */
.ekip-kart{text-align:center;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.6rem 1.2rem;transition:all var(--gecis)}
.ekip-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-l)}
.ekip-kart img{width:104px;height:104px;border-radius:50%;object-fit:cover;margin:0 auto .95rem;border:3px solid var(--ana-08)}
.ekip-kart h4{margin-bottom:.2rem;font-size:1.02rem}
.ekip-gorev{font-size:.82rem;color:var(--vurgu-koyu);font-weight:700;margin-bottom:.6rem}
.ekip-kart p{font-size:.85rem;color:var(--metin-yumusak);line-height:1.55}

/* ---------- 28. ZAMAN ÇİZELGESİ ---------- */
.zaman{position:relative;padding-left:2.4rem;list-style:none;max-width:760px}
.zaman::before{content:"";position:absolute;top:8px;bottom:8px;left:8px;width:2px;background:linear-gradient(to bottom,var(--ana),var(--vurgu))}
.zaman li{position:relative;padding-bottom:2rem}
.zaman li:last-child{padding-bottom:0}
.zaman li::before{content:"";position:absolute;left:-2.4rem;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--ana)}
.zaman-yil{font-family:var(--yazi-baslik);font-size:1.5rem;color:var(--vurgu-koyu);font-weight:700;line-height:1;margin-bottom:.3rem}
.zaman h4{margin-bottom:.3rem}
.zaman p{font-size:.93rem;color:var(--metin-yumusak)}

/* ---------- 29. ALT BİLGİ ---------- */
.alt{background:var(--koyu);color:#A9BCB3;position:relative;overflow:hidden;margin-top:auto}
.alt::before{content:"";position:absolute;inset:0;background-image:var(--desen);background-size:72px;opacity:.04;filter:invert(1)}
.alt .kap{position:relative;z-index:2}
.alt-ust{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2.5rem;padding-block:clamp(2.8rem,6vw,4.2rem)}
.alt-logo{height:52px;width:auto;margin-bottom:1.1rem}
.alt-hakkinda p{font-size:.9rem;line-height:1.7;margin-bottom:1.3rem}
.alt h4{color:#fff;font-size:.94rem;margin-bottom:1.1rem;letter-spacing:.02em;position:relative;padding-bottom:.6rem}
.alt h4::after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--vurgu)}
.alt ul{list-style:none;display:grid;gap:.65rem}
.alt ul a{color:#A9BCB3;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem}
.alt ul a::before{content:"›";color:var(--vurgu);font-size:.9rem;opacity:0;transform:translateX(-6px);transition:all var(--gecis)}
.alt ul a:hover{color:#fff}
.alt ul a:hover::before{opacity:1;transform:translateX(0)}
.alt-iletisim li{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;line-height:1.55}
.alt-iletisim svg{width:17px;height:17px;color:var(--vurgu);flex:none;margin-top:3px}
.alt-iletisim a{color:#A9BCB3}
.alt-iletisim a:hover{color:#fff}
.alt-sos{display:flex;gap:.5rem;margin-top:1.2rem}
.bulten-form{display:flex;gap:.5rem;margin-top:1rem}
.bulten-form input{flex:1;padding:.72rem .9rem;border-radius:var(--r-s);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-family:inherit;font-size:.88rem}
.bulten-form input::placeholder{color:#7E9188}
.bulten-form input:focus{outline:none;border-color:var(--vurgu)}
.alt-belgeler{display:flex;flex-wrap:wrap;gap:.6rem;padding-block:1.4rem;border-top:1px solid rgba(255,255,255,.09)}
.alt-belge{font-size:.76rem;padding:.35rem .8rem;border-radius:var(--r-s);background:rgba(255,255,255,.06);color:#C7D5CE;font-weight:600}
.alt-son{border-top:1px solid rgba(255,255,255,.09);padding-block:1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;font-size:.83rem}
.alt-yasal{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;list-style:none}
.alt-yasal a{color:#8CA098;font-size:.81rem}
.alt-yasal a:hover{color:var(--vurgu)}

/* ---------- 30. YÜZEN DÜĞMELER ---------- */
.yuzen{position:fixed;bottom:24px;right:24px;z-index:70;display:grid;gap:.65rem}
.yuzen-btn{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  box-shadow:var(--golge-xl);transition:all var(--gecis);color:#fff;position:relative;
}
.yuzen-btn:hover{transform:scale(1.08);color:#fff}
.yuzen-btn svg{width:26px;height:26px}
.yuzen-wa{background:#25D366}
.yuzen-tel{background:var(--ana)}
.yuzen-yukari{background:var(--koyu);opacity:0;visibility:hidden}
.yuzen-yukari.gorunur{opacity:1;visibility:visible}
.yuzen-wa::after{
  content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;
  animation:nabiz 2.2s ease-out infinite;
}
@keyframes nabiz{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}

/* Mobil alt çubuk */
.mob-cubuk{
  position:fixed;bottom:0;left:0;right:0;z-index:65;background:#fff;border-top:1px solid var(--cizgi);
  display:none;grid-template-columns:repeat(4,1fr);box-shadow:0 -4px 20px rgba(11,27,43,.09);
}
.mob-cubuk a{display:grid;place-items:center;gap:.2rem;padding:.6rem .3rem;font-size:.68rem;font-weight:700;color:var(--metin-yumusak)}
.mob-cubuk a svg{width:20px;height:20px}
.mob-cubuk a.vurgu{color:var(--ana)}

/* ---------- 31. ÇEREZ BANDI ---------- */
.cerez{
  position:fixed;bottom:20px;left:20px;max-width:360px;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--r-l);box-shadow:var(--golge-xl);padding:1.3rem;z-index:80;
  transform:translateY(140%);transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.cerez.gorunur{transform:translateY(0)}
.cerez h4{margin-bottom:.4rem;font-size:.98rem}
.cerez p{font-size:.84rem;color:var(--metin-yumusak);line-height:1.6;margin-bottom:1rem}
.cerez-butonlar{display:flex;gap:.6rem}

/* ---------- 32. SAYFALAMA ---------- */
.sayfalama{display:flex;justify-content:center;gap:.4rem;margin-top:2.5rem;flex-wrap:wrap}
.sayfalama a,.sayfalama span{
  min-width:42px;height:42px;display:grid;place-items:center;padding-inline:.7rem;
  border:1.5px solid var(--cizgi);border-radius:var(--r-s);font-weight:700;font-size:.9rem;color:var(--metin);
}
.sayfalama a:hover{border-color:var(--ana);color:var(--ana)}
.sayfalama .aktif{background:var(--ana);border-color:var(--ana);color:#fff}

/* ---------- 33. BOŞ DURUM ---------- */
.bos{text-align:center;padding:4rem 1.5rem;color:var(--metin-yumusak)}
.bos svg{width:56px;height:56px;margin:0 auto 1.1rem;opacity:.35}
.bos h3{color:var(--metin-yumusak);margin-bottom:.5rem}

/* ---------- 34. ANİMASYON ---------- */
.gorun{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.gorun.ic{opacity:1;transform:none}
.gorun[data-gecikme="1"]{transition-delay:.08s}
.gorun[data-gecikme="2"]{transition-delay:.16s}
.gorun[data-gecikme="3"]{transition-delay:.24s}
.gorun[data-gecikme="4"]{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .gorun{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- 35. DUYARLI ---------- */
@media (max-width:1100px){
  .detay-duzen{grid-template-columns:minmax(0,1fr)}
  .yan-panel{position:static;grid-template-columns:1fr 1fr;display:grid}
  .alt-ust{grid-template-columns:1fr 1fr;gap:2rem}
  .arama-ic{grid-template-columns:repeat(2,1fr)}
  .arama-ic .btn{grid-column:1/-1}
}
@media (max-width:980px){
  .menu,.nav-tel{display:none}
  .menu-dugme{display:grid}
  .i-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .surec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .surec::before{display:none}
  .galeri-izgara{grid-template-columns:repeat(3,1fr)}
  .cta-ic{grid-template-columns:1fr}
  .cta-gorsel{display:none}
  .istatistik .kap{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}
  .ist-oge:nth-child(odd){border-left:0}
  .ist-oge + .ist-oge{border-left:1px solid rgba(255,255,255,.16)}
  .ist-oge:nth-child(3){border-left:0}
  .guven .kap{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
  .izgara-form{grid-template-columns:minmax(0,1fr);gap:2rem}
}
@media (max-width:820px){
  html{scroll-padding-top:80px}
  .ust-serit{display:none}
  .iki-sutun{grid-template-columns:1fr;gap:2.5rem}
  .gorsel-cerceve::before{display:none}
  .i-3,.i-2{grid-template-columns:minmax(0,1fr)}
  .dh-izgara{grid-template-columns:1fr}
  .detay-ozet-kutu{grid-template-columns:repeat(2,1fr)}
  .tur-kart-yatay{grid-template-columns:1fr}
  .tur-kart-yatay .tur-gorsel{aspect-ratio:16/10;min-height:0}
  .otel-kart{grid-template-columns:1fr}
  .otel-bilgi{padding:1.1rem}
  .form-izgara{grid-template-columns:1fr}
  .yan-panel{grid-template-columns:1fr}
  .mob-cubuk{display:grid}
  body{padding-bottom:64px}
  .yuzen{bottom:80px;right:16px}
  .cerez{right:12px;left:12px;max-width:none;bottom:80px}
  .arama-kutu{margin-top:1.6rem}
  .arama-ic{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tablo-kaydir .fiyat-tablo{min-width:560px}
  .tablo-ipucu{display:flex}
  .i-4{grid-template-columns:minmax(0,1fr)}
  .galeri-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .galeri-oge.buyuk{grid-column:span 2;grid-row:auto;aspect-ratio:1}
  .alt-ust{grid-template-columns:1fr;gap:2rem}
  .surec{grid-template-columns:1fr}
  .istatistik .kap{grid-template-columns:1fr}
  .ist-oge{border-left:0 !important;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.16)}
  .ist-oge:last-child{border-bottom:0;padding-bottom:0}
  .guven .kap{grid-template-columns:minmax(0,1fr)}
  .guven-oge{justify-content:flex-start}
  .tarih-oge{grid-template-columns:1fr;gap:.6rem}
  .alt-son{flex-direction:column;text-align:center}
  .hero-oklar{display:none}
  .detay-ozet-kutu{grid-template-columns:1fr}
}


/* ---------- 35b. NAVİGASYON ARA KIRILMALARI ---------- */
.tepe .kap{max-width:1440px}
@media (max-width:1700px){
  .nav-tel{display:none}
}
@media (max-width:1520px){
  .menu > li > a{font-size:.88rem;padding:.55rem .55rem}
  .logo-yazi b{font-size:1.18rem}
  .logo-yazi span{display:none}
}
@media (max-width:1300px){
  .menu > li > a{font-size:.83rem;padding:.5rem .42rem;gap:.2rem}
  .logo img{height:42px}
  .logo-yazi b{font-size:1.06rem}
  .nav-sag .btn{padding:.5rem .85rem;font-size:.8rem}
  .nav{gap:.7rem}
}
/* İngilizce menüde 10 öğe var; 1150px altında daha sıkı yerleşim */
@media (max-width:1150px){
  .menu > li > a{font-size:.79rem;padding:.5rem .3rem;gap:.15rem}
  .menu > li > a .ok{display:none}
  .logo img{height:38px}
  .logo-yazi b{font-size:.98rem}
  .nav-sag .btn{padding:.45rem .7rem;font-size:.76rem}
  .nav{gap:.45rem}
}
/* İngilizce menü daha uzun olduğu için mobil çekmeceye erken geçer.
   Türkçe menü 980px'e kadar masaüstü düzeninde kalır. */
@media (max-width:1060px){
  html[lang="en"] .menu,
  html[lang="en"] .nav-tel{display:none}
  html[lang="en"] .menu-dugme{display:grid}
}


/* ---------- 37. ÇOK DİLLİ ÖĞELER ---------- */
/* Bal küpü (spam tuzağı) alanları — hem LTR hem RTL'de kaydırma yaratmaz */
.tuzak{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Ekran okuyucular görür, gözle görünmez. clip-path yöntemi kullanılır;
   "left:-9999px" yöntemi sağdan sola (RTL) düzende yatay kaydırma yaratıyordu. */
.atla-baglanti{
  position:absolute;top:0;inset-inline-start:0;z-index:999;background:var(--ana);color:#fff;
  padding:.8rem 1.4rem;border-radius:0 0 var(--r-s) 0;font-weight:700;font-size:.9rem;
  width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
.atla-baglanti:focus{
  width:auto;height:auto;overflow:visible;clip-path:none;color:#fff;
}

.dil-secici{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.07);border-radius:var(--r-tam);padding:2px}
.dil-secici a{
  display:block;padding:.25rem .6rem;border-radius:var(--r-tam);font-size:.75rem;font-weight:800;
  letter-spacing:.04em;color:#B7C6D4;transition:all var(--gecis);
}
.dil-secici a:hover{color:#fff;background:rgba(255,255,255,.1)}
.dil-secici a.aktif{background:var(--vurgu);color:#1c1405}
.dil-secici.mob{background:var(--kum);padding:4px;border-radius:var(--r-m)}
.dil-secici.mob a{flex:1;text-align:center;padding:.6rem .8rem;font-size:.88rem;color:var(--metin-yumusak);border-radius:var(--r-s)}
.dil-secici.mob a.aktif{background:var(--ana);color:#fff}

/* Vize sayfası öğeleri */
.vize-kart{
  display:flex;gap:1.1rem;padding:1.5rem;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--r-m);transition:all var(--gecis);height:100%;
}
.vize-kart:hover{box-shadow:var(--golge-l);transform:translateY(-3px);border-color:var(--ana-20)}
.vize-ikon{width:52px;height:52px;flex:none;border-radius:var(--r-m);background:var(--ana-08);color:var(--ana);display:grid;place-items:center}
.vize-ikon svg{width:25px;height:25px}
.vize-kart h3{font-size:1.12rem;margin-bottom:.4rem}
.vize-kart p{font-size:.9rem;color:var(--metin-yumusak);line-height:1.6;margin-bottom:.7rem}

.evrak-grup{border:1px solid var(--cizgi);border-radius:var(--r-m);overflow:hidden;background:#fff;margin-bottom:.8rem}
.evrak-grup > h4{
  margin:0;padding:.9rem 1.2rem;background:var(--ana-05);color:var(--ana);
  font-size:.95rem;border-bottom:1px solid var(--cizgi);
}
.evrak-grup ul{list-style:none;padding:1.1rem 1.2rem;display:grid;gap:.6rem}
.evrak-grup li{display:flex;gap:.65rem;align-items:flex-start;font-size:.93rem;line-height:1.55}
.evrak-grup li::before{
  content:"";flex:none;width:20px;height:20px;border-radius:5px;margin-top:1px;
  background:var(--ana-08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230F3057' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
}
.hata-liste{list-style:none;display:grid;gap:.7rem}
.hata-liste li{display:flex;gap:.7rem;align-items:flex-start;font-size:.94rem;line-height:1.6;
  background:#FDF6F5;border:1px solid #F2DAD7;border-radius:var(--r-s);padding:.75rem .95rem}
.hata-liste li::before{content:"!";flex:none;width:22px;height:22px;border-radius:50%;background:#C05252;color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:.8rem}

/* B2B */
.b2b-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1.6rem;height:100%;transition:all var(--gecis)}
.b2b-kart:hover{box-shadow:var(--golge-l);transform:translateY(-3px)}
.b2b-ikon{width:50px;height:50px;border-radius:var(--r-m);background:var(--vurgu-12);color:var(--vurgu-koyu);display:grid;place-items:center;margin-bottom:1rem}
.b2b-ikon svg{width:24px;height:24px}

/* Araç bilgisi rozeti (transfer sayfaları) */
.arac-bilgi{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.arac-bilgi span{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;
  background:var(--kum);border:1px solid var(--cizgi);padding:.3rem .7rem;border-radius:var(--r-s);color:var(--metin-yumusak)}
.arac-bilgi svg{width:14px;height:14px;color:var(--ana)}

@media (max-width:820px){
  .dil-secici{order:-1}
}


/* ---------- 38. HİZMET KISAYOLLARI (hero altı) ---------- */
/* Esnek yerleşim: kısayol sayısı değişse de (TR 5, EN 6) boş hücre kalmaz,
   son satırdaki öğeler satırı doldurur. */
.kisayol-izgara{
  display:flex;flex-wrap:wrap;gap:.7rem;
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);
  box-shadow:var(--golge-xl);padding:1.1rem;
}
.kisayol{
  flex:1 1 188px;max-width:calc(50% - .35rem);
  display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:var(--r-m);
  border:1px solid transparent;transition:all var(--gecis);background:var(--kum);min-width:0;
}
/* Tam 6 kısayol varsa 3'lü iki satır daha dengeli durur (İngilizce menü) */
.kisayol-izgara > .kisayol:first-child:nth-last-child(6),
.kisayol-izgara > .kisayol:first-child:nth-last-child(6) ~ .kisayol{flex-basis:300px}
/* Tam 4 kısayol varsa tek satırda kalsın */
.kisayol-izgara > .kisayol:first-child:nth-last-child(4),
.kisayol-izgara > .kisayol:first-child:nth-last-child(4) ~ .kisayol{flex-basis:230px}
.kisayol:hover{background:#fff;border-color:var(--ana-20);box-shadow:var(--golge-m);transform:translateY(-2px)}
.kisayol-ikon{
  width:46px;height:46px;flex:none;border-radius:var(--r-s);background:var(--ana-08);color:var(--ana);
  display:grid;place-items:center;transition:all var(--gecis);
}
.kisayol-ikon svg{width:22px;height:22px}
.kisayol:hover .kisayol-ikon{background:var(--ana);color:#fff}
.kisayol > span:nth-child(2){flex:1;min-width:0;display:block}
.kisayol b{display:block;font-size:.96rem;color:var(--koyu);line-height:1.3;margin-bottom:.15rem}
.kisayol small{display:block;font-size:.78rem;color:var(--metin-yumusak);line-height:1.45;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kisayol-ok{width:18px;height:18px;flex:none;color:var(--metin-yumusak);transition:transform var(--gecis)}
.kisayol:hover .kisayol-ok{transform:translateX(3px);color:var(--ana)}

/* Süreç: adım sayısına göre sütun */
.surec-4{grid-template-columns:repeat(4,1fr)}
.surec-4::before{right:12%;left:12%}
.surec-6{grid-template-columns:repeat(3,1fr)}
.surec-6::before{display:none}

@media (max-width:900px){
  .kisayol-izgara{padding:.8rem;gap:.6rem}
  .kisayol,
  .kisayol-izgara > .kisayol:first-child:nth-last-child(6),
  .kisayol-izgara > .kisayol:first-child:nth-last-child(6) ~ .kisayol,
  .kisayol-izgara > .kisayol:first-child:nth-last-child(4),
  .kisayol-izgara > .kisayol:first-child:nth-last-child(4) ~ .kisayol{flex:1 1 100%;max-width:none}
  .surec-4{grid-template-columns:repeat(2,1fr)}
  .surec-4::before{display:none}
}

/* ---------- 36. YAZDIRMA ---------- */
@media print{
  .tepe,.ust-serit,.duyuru,.alt,.yuzen,.mob-cubuk,.cerez,.hero-oklar,.hero-noktalar,.arama-kutu,.yan-panel{display:none !important}
  body{padding:0;font-size:11pt;color:#000}
  .bolum{padding-block:1rem}
  a{color:#000;text-decoration:none}
  .tur-kart,.akordiyon{break-inside:avoid;box-shadow:none}
}


/* ============================================================
   38b. TRANSFER REZERVASYON
   ============================================================ */
.kap-orta{max-width:1000px;margin-inline:auto}

.rez{display:grid;gap:1.4rem}

.rez-kart{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:var(--r-l);
          padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--golge-s)}

.rez-basi{display:flex;align-items:center;gap:.85rem;margin-bottom:1.4rem}
.rez-basi h2{font-size:clamp(1.15rem,2.4vw,1.45rem);margin:0}
.rez-sira{flex:none;width:34px;height:34px;border-radius:var(--r-tam);background:var(--ana);
          color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem;
          font-family:var(--yazi-govde)}

.rez-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem}
.rez-izgara .tam{grid-column:1/-1}
@media (max-width:600px){.rez-izgara{grid-template-columns:minmax(0,1fr)}}

.alan-not{display:flex;align-items:center;gap:.4rem;margin-top:.45rem;
          color:var(--metin-yumusak);font-size:.82rem;line-height:1.4}
.alan-not svg{flex:none;color:var(--ana)}

.rez-uyari-kucuk{display:flex;align-items:center;gap:.45rem;margin:-.5rem 0 1.1rem;
                 color:var(--metin-yumusak);font-size:.86rem}
.rez-uyari-kucuk svg{flex:none;color:var(--vurgu-koyu)}

.rez-uyari{display:flex;align-items:center;gap:.55rem;margin-bottom:1.1rem;padding:.75rem 1rem;
           border-radius:var(--r-s);background:#FDF3D6;border:1px solid #E9D398;
           color:#6B5310;font-size:.9rem;font-weight:600}
.rez-uyari svg{flex:none}

.rez-araclar{display:grid;gap:.9rem}

/* --- araç kartı --- */
.arac-kart{border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1rem 1.1rem;
           background:var(--kum);transition:border-color .18s,box-shadow .18s,opacity .18s}
.arac-kart:hover{border-color:var(--ana-20);box-shadow:var(--golge-m)}
.arac-kart.kucuk{opacity:.55}
.arac-kart.kucuk:hover{box-shadow:none}

.arac-ust{display:flex;align-items:flex-start;gap:.9rem}
.arac-ikon{flex:none;width:52px;height:52px;border-radius:var(--r-s);display:grid;
           place-items:center;background:var(--ana-08);color:var(--ana)}
.arac-kimlik{flex:1 1 auto;min-width:0}
.arac-kimlik h3{font-size:1.02rem;line-height:1.35;margin:0 0 .3rem;
                font-family:var(--yazi-govde);font-weight:700}
.arac-kapasite{display:inline-flex;align-items:center;gap:.3rem;margin-inline-end:.6rem;
               color:var(--metin-yumusak);font-size:.84rem}
.arac-kapasite b{color:var(--metin)}
.arac-not{color:var(--metin-yumusak);font-size:.84rem}

.arac-fiyat{flex:none;text-align:end;line-height:1.2;
            direction:ltr;unicode-bidi:isolate}
.arac-fiyat b{display:block;font-size:1.3rem;color:var(--ana);font-weight:800;
              font-variant-numeric:tabular-nums}
.arac-fiyat small{color:var(--metin-yumusak);font-size:.75rem}

.arac-kucuk-uyari{display:flex;align-items:center;gap:.4rem;margin:.8rem 0 0;
                  color:#8A5A12;font-size:.82rem;font-weight:600}
.arac-kucuk-uyari svg{flex:none}

.arac-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}
.arac-alt .btn{flex:0 1 auto}
.arac-ac{margin-inline-start:auto;background:none;border:0;cursor:pointer;padding:.4rem .2rem;
         display:inline-flex;align-items:center;gap:.35rem;color:var(--ana);
         font:inherit;font-size:.85rem;font-weight:600}
.arac-ac:hover{text-decoration:underline}
.arac-ac svg{transition:transform .2s}
.arac-ac[aria-expanded="true"] svg{transform:rotate(180deg)}

.arac-detay{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--cizgi-koyu)}
.arac-detay h4{font-size:.9rem;margin:0 0 .5rem;font-family:var(--yazi-govde);
               font-weight:700;color:var(--koyu)}
.arac-detay h4:not(:first-child){margin-top:1rem}
.arac-detay p{color:var(--metin-yumusak);font-size:.88rem;line-height:1.6;margin:0}
.arac-detay .tik-liste{margin:0}
.arac-detay .tik-liste li{font-size:.88rem}
.arac-kucuk{margin-top:1rem !important;font-size:.8rem !important;font-style:italic}

.rez-tumu{display:block;margin:1rem auto 0;background:none;border:1px solid var(--cizgi-koyu);
          border-radius:var(--r-tam);padding:.55rem 1.3rem;cursor:pointer;
          font:inherit;font-size:.86rem;font-weight:600;color:var(--ana)}
.rez-tumu:hover{background:var(--ana-05);border-color:var(--ana-20)}

@media (max-width:520px){
  .arac-ust{flex-wrap:wrap}
  .arac-ikon{width:42px;height:42px}
  .arac-fiyat{text-align:start;width:100%;margin-top:.3rem}
  .arac-fiyat b{display:inline;font-size:1.15rem}
  .arac-fiyat small{margin-inline-start:.4rem}
  .arac-alt .btn{flex:1 1 100%;justify-content:center}
  .arac-ac{margin-inline-start:0;width:100%;justify-content:center}
}

/* --- RTL --- */
[dir="rtl"] .arac-ac{margin-inline-start:auto}
[dir="rtl"] .arac-fiyat{text-align:start}

.rez-cagri{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;
           background:linear-gradient(135deg,var(--ana-08),var(--ana-05));
           border:1px solid var(--ana-20);border-radius:var(--r-l);
           padding:clamp(1.1rem,2.5vw,1.6rem) clamp(1.2rem,3vw,2rem)}
.rez-cagri-ikon{flex:none;width:52px;height:52px;border-radius:var(--r-s);
                display:grid;place-items:center;background:var(--beyaz);color:var(--ana);
                box-shadow:var(--golge-s)}
.rez-cagri>div{flex:1 1 260px;min-width:0}
.rez-cagri h2{font-size:clamp(1.05rem,2.2vw,1.3rem);margin:0 0 .25rem}
.rez-cagri p{margin:0;color:var(--metin-yumusak);font-size:.9rem;line-height:1.5}
.rez-cagri .btn{flex:none}
@media (max-width:560px){.rez-cagri{text-align:center;justify-content:center}
  .rez-cagri .btn{width:100%;justify-content:center}}

/* --- adres otomatik tamamlama --- */
.adres-sarmal{position:relative}
.adres-oneri{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:40;
             list-style:none;margin:0;padding:.3rem;max-height:290px;overflow-y:auto;
             background:var(--beyaz);border:1px solid var(--cizgi-koyu);
             border-radius:var(--r-m);box-shadow:var(--golge-l)}
.adres-oge{padding:.55rem .7rem;border-radius:var(--r-s);cursor:pointer;
           font-size:.9rem;line-height:1.35;color:var(--metin)}
.adres-oge:hover,.adres-oge.secili{background:var(--ana-08);color:var(--ana-koyu)}
.adres-bilgi{padding:.35rem .7rem .5rem;font-size:.76rem;font-weight:700;
             letter-spacing:.04em;text-transform:uppercase;color:var(--metin-yumusak)}
.adres-kaynak{padding:.5rem .7rem .25rem;margin-top:.25rem;
              border-top:1px solid var(--cizgi);
              font-size:.72rem;color:var(--metin-yumusak)}

/* ============================================================
   39. SAĞDAN SOLA (RTL) — ARAPÇA
   Yalnızca <html dir="rtl"> iken çalışır; Türkçe ve İngilizce
   sayfaları hiçbir şekilde etkilemez.
   ============================================================ */
[dir="rtl"] body{text-align:right}

/* --- Üst şerit ve menü --- */
[dir="rtl"] .duyuru-kapat{margin-left:0;margin-right:auto}
[dir="rtl"] .menu{margin-left:0;margin-right:auto}
[dir="rtl"] .nav-sag{margin-left:0;margin-right:auto}
[dir="rtl"] .nav-tel{padding-right:0;padding-left:.3rem}
[dir="rtl"] .alt-menu{left:auto;right:0}
[dir="rtl"] .alt-menu a:hover{transform:translateX(-3px)}
[dir="rtl"] .logo-yazi{text-align:right}

/* --- Mobil çekmece: soldan girsin --- */
[dir="rtl"] .mob-menu{inset:0 auto 0 0;transform:translateX(-100%)}
[dir="rtl"] .mob-menu.acik{transform:translateX(0)}
[dir="rtl"] .mob-menu-govde > ul > li > a,
[dir="rtl"] .mob-baslik{text-align:right}

/* --- Hero --- */
[dir="rtl"] .hero-oklar{right:auto;left:clamp(1.2rem,4vw,2.4rem)}

/* --- Arama kutusu --- */
[dir="rtl"] .arama-alan select{background-position:left .9rem center;padding-right:.85rem;padding-left:2.2rem}

/* --- Güven şeridi --- */
[dir="rtl"] .guven-oge{text-align:right}

/* --- Tur kartı --- */
[dir="rtl"] .rozet{left:auto;right:.9rem}
[dir="rtl"] .tur-sure{right:auto;left:.9rem}
[dir="rtl"] .tur-kategori{left:auto;right:.9rem}
[dir="rtl"] .tur-fiyat del{margin-left:0;margin-right:.4rem}

/* --- Görsel çerçeve rozeti --- */
[dir="rtl"] .gorsel-cerceve::before{inset:-14px -14px 22px 22px}
[dir="rtl"] .gorsel-rozet{right:auto;left:-16px}

/* --- İstatistik ayraçları --- */
[dir="rtl"] .ist-oge + .ist-oge{border-left:0;border-right:1px solid rgba(255,255,255,.16)}
[dir="rtl"] .ist-oge:first-child{border-right:0}

/* --- Yorum kartı tırnağı --- */
[dir="rtl"] .yorum-kart::before{left:auto;right:1.2rem}

/* --- Kırıntı (breadcrumb) --- */
[dir="rtl"] .kirinti li+li::before{content:"‹";margin-right:0;margin-left:.45rem}

/* --- Metin alanı --- */
[dir="rtl"] .metin-alan ul,
[dir="rtl"] .metin-alan ol{padding-left:0;padding-right:1.3rem}
[dir="rtl"] .metin-alan blockquote{border-left:0;border-right:3px solid var(--vurgu)}
[dir="rtl"] .metin-alan th,
[dir="rtl"] .metin-alan td{text-align:right}

/* --- Günlük program listesi --- */
[dir="rtl"] .program{padding-left:0;padding-right:2.2rem}
[dir="rtl"] .program::before{left:auto;right:15px}
[dir="rtl"] .program li::before{left:auto;right:-2.2rem}

/* --- Zaman çizelgesi --- */
[dir="rtl"] .zaman{padding-left:0;padding-right:2.4rem}
[dir="rtl"] .zaman::before{left:auto;right:8px}
[dir="rtl"] .zaman li::before{left:auto;right:-2.4rem}

/* --- Tablolar --- */
[dir="rtl"] .fiyat-tablo th,
[dir="rtl"] .fiyat-tablo td{text-align:right}
[dir="rtl"] .fiyat-kutu-liste b{text-align:left}

/* --- Akordiyon --- */
[dir="rtl"] .akordiyon-bas{text-align:right}

/* --- Işık kutusu (lightbox) --- */
[dir="rtl"] .lightbox-kapat{right:auto;left:1.5rem}
[dir="rtl"] .lightbox-ok.onceki{left:auto;right:1.5rem}
[dir="rtl"] .lightbox-ok.sonraki{right:auto;left:1.5rem}

/* --- Alt bilgi --- */
[dir="rtl"] .alt h4::after{left:auto;right:0}
[dir="rtl"] .alt ul a::before{content:"‹";transform:translateX(6px)}
[dir="rtl"] .alt ul a:hover::before{transform:translateX(0)}

/* --- Yüzen düğmeler ve çerez --- */
[dir="rtl"] .yuzen{right:auto;left:24px}
[dir="rtl"] .cerez{left:auto;right:20px}

/* --- Yön bildiren ok simgeleri ters çevrilir --- */
[dir="rtl"] .kisayol-ok,
[dir="rtl"] .daha svg,
[dir="rtl"] .btn svg.ok-sag,
[dir="rtl"] .kirinti svg,
[dir="rtl"] .tablo-ipucu svg{transform:scaleX(-1)}
[dir="rtl"] .kisayol:hover .kisayol-ok{transform:scaleX(-1) translateX(3px)}
[dir="rtl"] .hizmet-kart:hover a.daha svg,
[dir="rtl"] .blog-kart:hover .daha svg{transform:scaleX(-1) translateX(3px)}

/* --- Çok dilli öğeler --- */
[dir="rtl"] .evrak-grup,
[dir="rtl"] .hata-liste li{padding-left:0;padding-right:1.6rem}
[dir="rtl"] .hata-liste li::before{left:auto;right:0}

/* --- Çift yön (bidi) yalıtımı ---
   Telefon, e-posta, fiyat ve belge numarası gibi Latin/rakam içerikler
   Arapça metin içinde ters okunur. Bunları soldan sağa yalıtıyoruz. */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .tur-fiyat,
[dir="rtl"] .tutar,
[dir="rtl"] .fiyat-kutu-liste b,
[dir="rtl"] .ist-oge b,
[dir="rtl"] .gorsel-rozet b,
[dir="rtl"] .sayac,
[dir="rtl"] time,
[dir="rtl"] .tur-sure,
[dir="rtl"] .alt-belge strong,
[dir="rtl"] code,
[dir="rtl"] .arac-bilgi{direction:ltr;unicode-bidi:isolate}
/* Sağa yaslı kutularda yalıtılan içerik sağdan başlasın */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"]{text-align:right}

/* --- Arapça metin için satır yüksekliği biraz artar --- */
[dir="rtl"] p,
[dir="rtl"] li{line-height:1.85}

@media (max-width:900px){
  [dir="rtl"] .yuzen{right:auto;left:16px}
  [dir="rtl"] .cerez{left:12px;right:12px}
}
@media (max-width:640px){
  [dir="rtl"] .ist-oge{border-right:0 !important}
}

/* ---------- ÖN İZLEME ŞERİDİ (panelden açılır/kapanır) ---------- */
.onizleme-serit{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:flex;gap:.65rem;align-items:center;justify-content:center;flex-wrap:wrap;
  padding:.5rem 1rem;background:var(--koyu);color:#fff;
  font-size:.8rem;font-weight:600;text-align:center;line-height:1.4;
  box-shadow:0 -2px 14px rgba(0,0,0,.22);
}
.onizleme-serit b{
  flex:none;background:var(--vurgu);color:var(--koyu);
  padding:.12rem .55rem;border-radius:99px;font-size:.68rem;letter-spacing:.1em;
}
.onizleme-serit span{font-weight:500;opacity:.92}
body:has(.onizleme-serit){padding-bottom:44px}
body:has(.onizleme-serit) .yuzen{bottom:68px}
body:has(.onizleme-serit) .cerez{bottom:64px}
@media (max-width:820px){
  .onizleme-serit{bottom:64px;font-size:.74rem;padding:.45rem .8rem;gap:.45rem}
  .onizleme-serit b{font-size:.62rem;padding:.1rem .45rem}
  body:has(.onizleme-serit){padding-bottom:118px}
  body:has(.onizleme-serit) .yuzen{bottom:150px}
  body:has(.onizleme-serit) .cerez{bottom:150px}
}