/*
Theme Name: Volan
Theme URI: https://example.com/volan
Author: Volan Studio
Author URI: https://example.com
Description: Araç kiralama şirketleri için hazırlanmış, rezervasyon formu, filo yönetimi, ofis listesi ve fiyat paketleri içeren klasik WordPress teması. Türkçe içerik ve KVKK uyumlu form altyapısı ile gelir.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: volan
Tags: business, custom-menu, custom-logo, featured-images, translation-ready, right-sidebar
*/

/* =========================================================
   1. Tokenlar
   ========================================================= */
:root{
  /* Renk: tescil plakası ve yol tabelası dünyasından */
  --plaka:#f4f5f7;        /* sayfa zemini - emaye plaka beyazı */
  --plaka-kagit:#ffffff;
  --asfalt:#15181d;       /* metin ve koyu bölümler */
  --asfalt-2:#1e232b;
  --tr-mavi:#1140a8;      /* plaka şeridi mavisi - birincil eylem */
  --tr-mavi-koyu:#0d3184;
  --sinyal:#ffd500;       /* sinyal sarısı - vurgu, çok az kullanılır */
  --cizgi:#d7dae0;
  --cizgi-koyu:#2c323c;
  --gri:#5c636e;
  --gri-acik:#8a919c;
  --yesil:#1c7a4f;
  --kirmizi:#c0392b;

  /* Tipografi */
  --baslik:"Archivo","Arial Narrow",Arial,sans-serif;
  --govde:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;

  /* Ölçü */
  --kap:1240px;
  --dar:820px;
  --r:10px;
  --r-s:6px;
  --bosluk:clamp(56px,7vw,104px);
  --golge:0 1px 2px rgba(21,24,29,.06),0 8px 24px -12px rgba(21,24,29,.18);
  --golge-yuksek:0 2px 4px rgba(21,24,29,.08),0 24px 48px -20px rgba(21,24,29,.30);
}

/* =========================================================
   2. Temel
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--plaka);
  color:var(--asfalt);
  font-family:var(--govde);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--tr-mavi);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;}
button,input,select,textarea{font:inherit;color:inherit;}
h1,h2,h3,h4,h5{
  font-family:var(--baslik);
  font-weight:800;
  font-stretch:112%;          /* tabela hissi: hafif genişletilmiş başlıklar */
  line-height:1.06;
  letter-spacing:-.015em;
  margin:0 0 .5em;
  text-wrap:balance;
}
h1{font-size:clamp(38px,5.6vw,68px);}
h2{font-size:clamp(30px,3.8vw,46px);}
h3{font-size:clamp(21px,2.1vw,27px);}
h4{font-size:19px;font-stretch:105%;}
p{margin:0 0 1.1em;}
ul,ol{margin:0 0 1.1em;padding-left:1.25em;}
hr{border:0;border-top:1px solid var(--cizgi);margin:2.5rem 0;}
blockquote{
  margin:2rem 0;padding:.2rem 0 .2rem 1.4rem;
  border-left:4px solid var(--sinyal);font-size:1.1em;
}
table{width:100%;border-collapse:collapse;}
:focus-visible{outline:3px solid var(--sinyal);outline-offset:2px;border-radius:2px;}

.kap{width:100%;max-width:var(--kap);margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px;}
.dar{max-width:var(--dar);}
.atla{position:absolute;left:-9999px;top:0;background:var(--asfalt);color:#fff;padding:12px 18px;z-index:999;}
.atla:focus{left:12px;top:12px;}
.gizle{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* =========================================================
   3. Yardımcı bileşenler
   ========================================================= */
.etiket{
  font-family:var(--mono);font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gri);
  display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
.etiket::before{content:"";width:26px;height:2px;background:var(--sinyal);flex:none;}
.koyu .etiket{color:var(--gri-acik);}

.bolum{padding-top:var(--bosluk);padding-bottom:var(--bosluk);}
.bolum--cizgili{border-top:1px solid var(--cizgi);}
.koyu{background:var(--asfalt);color:#eef0f3;}
.koyu h1,.koyu h2,.koyu h3{color:#fff;}
.koyu a{color:#fff;}

.bolum-bas{max-width:660px;margin-bottom:44px;}
.bolum-bas p{color:var(--gri);font-size:18px;margin:0;}
.koyu .bolum-bas p{color:#b6bdc8;}

/* Butonlar */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--baslik);font-weight:700;font-stretch:105%;font-size:16px;
  padding:14px 24px;border-radius:var(--r-s);border:2px solid transparent;
  cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease,color .15s ease;
}
.btn:hover{text-decoration:none;transform:translateY(-1px);}
.btn--birincil{background:var(--tr-mavi);color:#fff;}
.btn--birincil:hover{background:var(--tr-mavi-koyu);color:#fff;}
.btn--koyu{background:var(--asfalt);color:#fff;}
.btn--koyu:hover{background:#000;color:#fff;}
.btn--cerceve{border-color:var(--asfalt);color:var(--asfalt);background:transparent;}
.btn--cerceve:hover{background:var(--asfalt);color:#fff;}
.koyu .btn--cerceve{border-color:#4a525f;color:#fff;}
.koyu .btn--cerceve:hover{background:#fff;color:var(--asfalt);}
.btn--sari{background:var(--sinyal);color:var(--asfalt);}
.btn--sari:hover{background:#f2c900;color:var(--asfalt);}
.btn--blok{width:100%;}
.btn--buyuk{padding:17px 30px;font-size:17px;}

/* İmza bileşeni: tescil plakası */
.plaka{
  display:inline-flex;align-items:stretch;background:#fff;
  border:2px solid var(--asfalt);border-radius:5px;overflow:hidden;
  font-family:var(--mono);font-weight:700;letter-spacing:.08em;
  line-height:1;box-shadow:inset 0 -2px 0 rgba(21,24,29,.12);
  white-space:nowrap;
}
.plaka__tr{
  background:var(--tr-mavi);color:#fff;display:grid;place-items:center;
  padding:0 5px;font-size:9px;letter-spacing:.05em;
}
.plaka__no{padding:6px 10px;color:var(--asfalt);font-size:14px;}
.plaka--buyuk .plaka__no{padding:9px 14px;font-size:18px;}
.plaka--buyuk .plaka__tr{font-size:11px;padding:0 7px;}

/* Veri satırı (teknik künye) */
.kunye{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:13px;}
.kunye li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--cizgi);}
.kunye li:last-child{border-bottom:0;}
.kunye span:first-child{color:var(--gri);}
.kunye span:last-child{font-weight:600;}

/* =========================================================
   4. Üst şerit + başlık
   ========================================================= */
.ust-serit{background:var(--asfalt);color:#c3cad4;font-size:13.5px;}
.ust-serit .kap{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:40px;}
.ust-serit a{color:#fff;}
.ust-serit__sol{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.ust-serit__sol .nokta{width:7px;height:7px;border-radius:50%;background:var(--sinyal);flex:none;}
.ust-serit__sag{display:flex;gap:22px;align-items:center;}

.site-basi{
  position:sticky;top:0;z-index:60;background:var(--plaka-kagit);
  border-bottom:1px solid var(--cizgi);
}
.site-basi .kap{display:flex;align-items:center;gap:26px;min-height:74px;}
.marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--asfalt);}
.marka:hover{text-decoration:none;}
.marka__ad{font-family:var(--baslik);font-weight:800;font-stretch:118%;font-size:23px;letter-spacing:-.02em;}
.marka__alt{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gri);display:block;margin-top:1px;}
.marka img{max-height:46px;width:auto;}

.ana-menu{margin-left:auto;}
.ana-menu ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;}
.ana-menu li{position:relative;}
.ana-menu a{
  color:var(--asfalt);font-weight:500;font-size:15.5px;text-decoration:none;
  padding:8px 0;display:inline-block;border-bottom:2px solid transparent;
}
.ana-menu a:hover,.ana-menu .current-menu-item>a{border-bottom-color:var(--sinyal);text-decoration:none;}
.ana-menu .sub-menu{
  position:absolute;top:100%;left:-16px;min-width:224px;background:#fff;
  border:1px solid var(--cizgi);border-radius:var(--r-s);box-shadow:var(--golge);
  padding:8px;flex-direction:column;gap:0;display:none;
}
.ana-menu li:hover>.sub-menu,.ana-menu li:focus-within>.sub-menu{display:flex;}
.ana-menu .sub-menu a{padding:9px 12px;border-bottom:0;border-radius:4px;display:block;}
.ana-menu .sub-menu a:hover{background:var(--plaka);}

.basi-eylem{display:flex;align-items:center;gap:14px;}
.basi-tel{font-family:var(--mono);font-weight:600;font-size:15px;color:var(--asfalt);text-decoration:none;}

.menu-ac{
  display:none;background:transparent;border:2px solid var(--asfalt);border-radius:var(--r-s);
  width:46px;height:44px;cursor:pointer;padding:0;align-items:center;justify-content:center;
}
.menu-ac span{display:block;width:20px;height:2px;background:var(--asfalt);position:relative;}
.menu-ac span::before,.menu-ac span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--asfalt);}
.menu-ac span::before{top:-6px;}
.menu-ac span::after{top:6px;}

/* =========================================================
   5. Hero
   ========================================================= */
.hero{position:relative;background:var(--asfalt);color:#fff;overflow:hidden;}
.hero__ic{position:relative;z-index:2;padding-top:clamp(48px,6vw,88px);padding-bottom:150px;}
.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:end;}
.hero h1{color:#fff;max-width:15ch;}
.hero__giris{font-size:19px;color:#c3cad4;max-width:46ch;margin-bottom:26px;}
.hero__eylem{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.hero__rozet{
  display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:34px;padding-top:22px;
  border-top:1px solid var(--cizgi-koyu);font-family:var(--mono);font-size:13px;color:#b6bdc8;
}
.hero__rozet span{display:flex;align-items:center;gap:8px;}
.hero__rozet span::before{content:"";width:6px;height:6px;background:var(--sinyal);flex:none;}

/* Yol çizgisi dokusu */
.hero__yol{position:absolute;inset:auto 0 0 0;height:230px;z-index:1;opacity:.5;}
.hero__yol::before,.hero__yol::after{
  content:"";position:absolute;left:0;right:0;height:5px;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 46px,transparent 46px 92px);
}
.hero__yol::before{top:60px;animation:kayan-serit 9s linear infinite;}
.hero__yol::after{top:150px;height:3px;opacity:.6;animation:kayan-serit 14s linear infinite;}
@keyframes kayan-serit{from{background-position:0 0;}to{background-position:-92px 0;}}

/* Rezervasyon kutusu */
.rez-kutu{
  background:#fff;border:2px solid var(--asfalt);border-radius:var(--r);
  box-shadow:var(--golge-yuksek);color:var(--asfalt);
}
.hero .rez-kutu{margin-bottom:-118px;position:relative;z-index:3;}
.rez-kutu__bas{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 20px;border-bottom:2px solid var(--asfalt);background:var(--plaka);
}
.rez-kutu__bas strong{font-family:var(--baslik);font-stretch:110%;font-size:17px;}
.rez-kutu__bas em{font-family:var(--mono);font-style:normal;font-size:12px;color:var(--gri);letter-spacing:.08em;}
.rez-kutu__govde{padding:22px 20px;}

.alan{margin-bottom:16px;}
.alan:last-child{margin-bottom:0;}
.alan label{
  display:block;font-family:var(--mono);font-size:11.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gri);margin-bottom:7px;
}
.alan input[type=text],.alan input[type=email],.alan input[type=tel],
.alan input[type=date],.alan input[type=time],.alan input[type=number],
.alan select,.alan textarea{
  width:100%;padding:12px 13px;border:1.5px solid var(--cizgi);border-radius:var(--r-s);
  background:#fff;font-size:15.5px;transition:border-color .15s ease;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--tr-mavi);outline-offset:1px;}
.alan textarea{min-height:130px;resize:vertical;}
.alan-ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--gri);line-height:1.5;}
.onay input{margin-top:4px;flex:none;width:17px;height:17px;accent-color:var(--tr-mavi);}
.tuzak{position:absolute;left:-9999px;}
.form-yanit{margin-top:14px;padding:13px 15px;border-radius:var(--r-s);font-size:15px;display:none;}
.form-yanit.acik{display:block;}
.form-yanit--ok{background:#e7f4ee;color:var(--yesil);border:1px solid #b7ddc9;}
.form-yanit--hata{background:#fdeceb;color:var(--kirmizi);border:1px solid #f3c4c0;}

/* =========================================================
   6. Güven şeridi
   ========================================================= */
.serit{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:var(--plaka-kagit);}
.serit__grid{display:grid;grid-template-columns:repeat(4,1fr);}
.serit__oge{padding:26px 22px;border-left:1px solid var(--cizgi);}
.serit__oge:first-child{border-left:0;}
.serit__oge b{display:block;font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em;}
.serit__oge span{font-size:14.5px;color:var(--gri);}

/* =========================================================
   7. Filo kartları
   ========================================================= */
.sekme{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;}
.sekme button{
  font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:10px 16px;border:1.5px solid var(--cizgi);background:#fff;border-radius:100px;cursor:pointer;
  transition:all .15s ease;
}
.sekme button:hover{border-color:var(--asfalt);}
.sekme button[aria-selected=true]{background:var(--asfalt);border-color:var(--asfalt);color:#fff;}
.sekme-link{
  font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:10px 16px;border:1.5px solid var(--cizgi);background:#fff;color:var(--asfalt);
  border-radius:100px;text-decoration:none;transition:all .15s ease;
}
.sekme-link:hover{border-color:var(--asfalt);text-decoration:none;}
.sekme-link.aktif{background:var(--asfalt);border-color:var(--asfalt);color:#fff;}

.filo{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.arac-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.arac-kart:hover{transform:translateY(-3px);box-shadow:var(--golge);border-color:var(--asfalt);}
.arac-kart__gorsel{position:relative;aspect-ratio:16/10;min-height:186px;background:var(--plaka);overflow:hidden;}
.arac-kart__gorsel img{width:100%;height:100%;object-fit:cover;}
.arac-kart__bos{
  width:100%;height:100%;display:grid;place-items:center;
  background:repeating-linear-gradient(135deg,#eceef1 0 12px,#f4f5f7 12px 24px);
  color:var(--gri-acik);font-family:var(--mono);font-size:12px;letter-spacing:.15em;
}
.arac-kart__gorsel .temsili{width:100%;height:100%;object-fit:cover;}
.temsili-not{
  position:absolute;left:14px;bottom:12px;z-index:2;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gri);background:rgba(255,255,255,.86);border:1px solid var(--cizgi);
  padding:3px 8px;border-radius:3px;
}
.yazi-kart .temsili{width:100%;height:auto;display:block;background:#eceef1;}
.arac-kart__plaka{position:absolute;left:14px;top:14px;}
.arac-kart__sinif{
  position:absolute;right:14px;top:14px;background:var(--asfalt);color:#fff;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 10px;border-radius:3px;
}
.arac-kart__govde{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;}
.arac-kart__govde h3{font-size:21px;margin-bottom:4px;}
.arac-kart__govde h3 a{color:var(--asfalt);}
.arac-kart__alt-baslik{font-family:var(--mono);font-size:12.5px;color:var(--gri);margin-bottom:14px;}
.ozet{
  display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none;
}
.ozet li{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;
  border:1px solid var(--cizgi);border-radius:3px;padding:4px 8px;color:var(--asfalt);background:var(--plaka);
}
.arac-kart__fiyat{
  margin-top:auto;padding-top:16px;border-top:1px dashed var(--cizgi);
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
}
.fiyat b{font-family:var(--mono);font-size:25px;font-weight:600;letter-spacing:-.02em;display:block;line-height:1.1;}
.fiyat span{font-size:12.5px;color:var(--gri);font-family:var(--mono);}
.arac-kart__fiyat .btn{padding:11px 18px;font-size:15px;}

/* =========================================================
   8. Paketler
   ========================================================= */
.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}
.paket{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:28px 24px;}
.paket--one{border:2px solid var(--asfalt);box-shadow:var(--golge);position:relative;}
.paket--one::after{
  content:"En çok seçilen";position:absolute;top:-13px;left:24px;background:var(--sinyal);
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 11px;border-radius:3px;
}
.paket h3{font-size:22px;margin-bottom:6px;}
.paket__aciklama{font-size:15px;color:var(--gri);min-height:52px;}
.paket__fiyat{font-family:var(--mono);font-size:32px;font-weight:600;letter-spacing:-.03em;margin:12px 0 4px;}
.paket__fiyat small{font-size:13px;font-weight:400;color:var(--gri);letter-spacing:0;}
.paket__liste{list-style:none;margin:20px 0 24px;padding:0;font-size:15px;}
.paket__liste li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--cizgi);}
.paket__liste li::before{content:"+";font-family:var(--mono);color:var(--yesil);font-weight:700;flex:none;}
.paket__liste li.yok{color:var(--gri-acik);}
.paket__liste li.yok::before{content:"–";color:var(--gri-acik);}

/* =========================================================
   9. Adımlar (gerçek sıra)
   ========================================================= */
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--cizgi-koyu);border-radius:var(--r);overflow:hidden;}
.adim{padding:32px 28px;border-left:1px solid var(--cizgi-koyu);}
.adim:first-child{border-left:0;}
.adim__no{font-family:var(--mono);font-size:13px;color:var(--sinyal);letter-spacing:.14em;margin-bottom:16px;display:block;}
.adim h3{font-size:22px;margin-bottom:8px;}
.adim p{color:#b6bdc8;font-size:15.5px;margin:0;}

/* =========================================================
   10. Kurumsal bant
   ========================================================= */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.kutu-liste{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.kutu-liste li{background:var(--asfalt-2);border-left:3px solid var(--sinyal);padding:16px 20px;font-size:15.5px;}
.kutu-liste b{display:block;font-family:var(--baslik);font-stretch:105%;font-size:16px;margin-bottom:2px;color:#fff;}
.kutu-liste span{color:#b6bdc8;font-size:14.5px;}

/* =========================================================
   11. Ofisler
   ========================================================= */
.ofisler{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;}
.ofis{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--cizgi);align-items:flex-start;}
.ofis__kod{
  font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.06em;
  background:var(--asfalt);color:#fff;padding:7px 10px;border-radius:4px;flex:none;
}
.ofis__ic h4{margin:0 0 3px;font-size:17.5px;}
.ofis__ic p{margin:0;font-size:14.5px;color:var(--gri);}
.ofis__ic a{font-family:var(--mono);font-size:14px;}

/* =========================================================
   12. Koşullar / künye tablosu
   ========================================================= */
.kosul-tablo{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;}
.kosul-tablo th,.kosul-tablo td{padding:15px 20px;text-align:left;border-top:1px solid var(--cizgi);font-size:15.5px;vertical-align:top;}
.kosul-tablo tr:first-child th,.kosul-tablo tr:first-child td{border-top:0;}
.kosul-tablo th{
  width:38%;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gri);background:var(--plaka);
}

/* =========================================================
   13. Yorumlar
   ========================================================= */
.yorumlar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.yorum{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:26px 24px;}
.yorum__puan{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--sinyal);margin-bottom:12px;}
.yorum p{font-size:16px;margin-bottom:16px;}
.yorum footer{font-family:var(--mono);font-size:12.5px;color:var(--gri);border-top:1px solid var(--cizgi);padding-top:12px;}

/* =========================================================
   14. SSS
   ========================================================= */
.sss{border-top:1px solid var(--cizgi);}
.sss__oge{border-bottom:1px solid var(--cizgi);}
.sss__bas{
  width:100%;background:none;border:0;text-align:left;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:20px 2px;font-family:var(--baslik);font-weight:700;font-stretch:105%;font-size:18.5px;
}
.sss__bas .isaret{font-family:var(--mono);font-size:22px;color:var(--tr-mavi);flex:none;transition:transform .2s ease;}
.sss__bas[aria-expanded=true] .isaret{transform:rotate(45deg);}
.sss__govde{display:none;padding:0 60px 22px 2px;color:var(--gri);}
.sss__govde.acik{display:block;}

/* =========================================================
   15. Yazılar / arşiv / tekil
   ========================================================= */
.yazi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.yazi-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;}
.yazi-kart img{aspect-ratio:16/9;object-fit:cover;width:100%;}
.yazi-kart__govde{padding:20px;}
.yazi-kart h3{font-size:20px;margin-bottom:8px;}
.yazi-kart h3 a{color:var(--asfalt);}
.ust-veri{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gri);margin-bottom:10px;}

.icerik-duzeni{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;align-items:start;}
.yazi-govde{font-size:17.5px;}
.yazi-govde h2{font-size:32px;margin-top:1.6em;}
.yazi-govde h3{font-size:24px;margin-top:1.5em;}
.yazi-govde img{border-radius:var(--r);margin:1.6em 0;}
.yazi-govde figcaption{font-family:var(--mono);font-size:12.5px;color:var(--gri);text-align:center;}
.sayfa-basi{padding:56px 0 34px;border-bottom:1px solid var(--cizgi);background:var(--plaka-kagit);}
.sayfa-basi h1{margin-bottom:10px;}
.sayfa-basi p{color:var(--gri);max-width:66ch;margin:0;}
.kirinti{font-family:var(--mono);font-size:12.5px;color:var(--gri);margin-bottom:14px;letter-spacing:.05em;}
.kirinti a{color:var(--gri);}

.yan{position:sticky;top:96px;}
.yan-blok{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:22px;margin-bottom:20px;}
.yan-blok h4{font-size:16px;margin-bottom:14px;font-family:var(--mono);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gri);}
.yan-blok ul{list-style:none;margin:0;padding:0;}
.yan-blok li{padding:7px 0;border-top:1px solid var(--cizgi);font-size:15px;}
.yan-blok li:first-child{border-top:0;}

/* Tekil araç */
.arac-duzeni{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:start;}
.arac-galeri img{border-radius:var(--r);border:1px solid var(--cizgi);width:100%;}
.arac-galeri__bos{aspect-ratio:16/10;border-radius:var(--r);border:1px solid var(--cizgi);background:repeating-linear-gradient(135deg,#eceef1 0 14px,#f4f5f7 14px 28px);display:grid;place-items:center;font-family:var(--mono);color:var(--gri-acik);letter-spacing:.15em;font-size:13px;}
.arac-galeri__temsili{margin:0;}
.arac-galeri__temsili img{width:100%;height:auto;border:1px solid var(--cizgi);border-radius:var(--r);background:#eceef1;display:block;}
.arac-galeri__temsili figcaption{
  font-family:var(--mono);font-size:12px;color:var(--gri);margin-top:10px;letter-spacing:.02em;
}
.arac-yan{position:sticky;top:96px;}
.fiyat-kutu{background:#fff;border:2px solid var(--asfalt);border-radius:var(--r);overflow:hidden;margin-bottom:20px;}
.fiyat-kutu__bas{padding:20px;border-bottom:1px solid var(--cizgi);}
.fiyat-kutu__bas .rakam{font-family:var(--mono);font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1;}
.fiyat-kutu__bas .aciklama{font-size:14px;color:var(--gri);font-family:var(--mono);}
.fiyat-kutu__liste{padding:18px 20px;}
.fiyat-kutu__eylem{padding:0 20px 20px;display:grid;gap:10px;}
.ozellik-etiketleri{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;}
.ozellik-etiketleri li{font-size:14px;border:1px solid var(--cizgi);background:#fff;border-radius:100px;padding:6px 14px;}

/* Sayfalama */
.sayfalama{display:flex;gap:8px;justify-content:center;margin-top:48px;font-family:var(--mono);}
.sayfalama .page-numbers{
  display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;
  border:1px solid var(--cizgi);border-radius:var(--r-s);background:#fff;text-decoration:none;color:var(--asfalt);
}
.sayfalama .current{background:var(--asfalt);color:#fff;border-color:var(--asfalt);}

/* Yorum formu (blog) */
.yorum-listesi{list-style:none;padding:0;margin:0 0 40px;}
.yorum-listesi li{border-top:1px solid var(--cizgi);padding:20px 0;}
.yorum-listesi .children{list-style:none;padding-left:28px;}

/* =========================================================
   16. Alt bilgi
   ========================================================= */
.site-alti{background:var(--asfalt);color:#b6bdc8;padding:64px 0 0;font-size:15px;}
.site-alti a{color:#e7eaee;text-decoration:none;}
.site-alti a:hover{color:#fff;text-decoration:underline;}
.alti-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;}
.alti-blok h4{
  font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gri-acik);margin-bottom:16px;
}
.alti-blok ul{list-style:none;margin:0;padding:0;}
.alti-blok li{padding:5px 0;}
.alti-marka{font-family:var(--baslik);font-weight:800;font-stretch:118%;font-size:26px;color:#fff;margin-bottom:12px;}
.alti-serit{
  margin-top:56px;border-top:1px solid var(--cizgi-koyu);padding-top:22px;padding-bottom:22px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-family:var(--mono);font-size:12.5px;color:var(--gri-acik);
}
.yasal-menu{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;}
.sosyal{display:flex;gap:10px;}
.sosyal a{
  width:38px;height:38px;border:1px solid var(--cizgi-koyu);border-radius:50%;
  display:grid;place-items:center;font-family:var(--mono);font-size:12px;
}
.sosyal a:hover{background:#fff;color:var(--asfalt);text-decoration:none;}

/* Sabit mobil arama çubuğu */
.mobil-cubuk{display:none;}

/* =========================================================
   17. Duyarlı
   ========================================================= */
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:40px;}
  .hero .rez-kutu{margin-bottom:-100px;}
  .filo,.yazi-grid,.yorumlar,.paketler{grid-template-columns:repeat(2,1fr);}
  .icerik-duzeni,.arac-duzeni{grid-template-columns:1fr;gap:40px;}
  .yan,.arac-yan{position:static;}
  .serit__grid{grid-template-columns:repeat(2,1fr);}
  .serit__oge:nth-child(3){border-left:0;}
  .serit__oge:nth-child(n+3){border-top:1px solid var(--cizgi);}
}
@media (max-width:820px){
  body{font-size:16.5px;}
  .ust-serit__sag{display:none;}
  .ana-menu{display:none;}
  .ana-menu.acik{
    display:block;position:absolute;left:0;right:0;top:100%;background:#fff;
    border-bottom:1px solid var(--cizgi);box-shadow:var(--golge);padding:14px 22px 22px;
  }
  .ana-menu.acik ul{flex-direction:column;gap:0;}
  .ana-menu.acik li{border-top:1px solid var(--cizgi);}
  .ana-menu.acik li:first-child{border-top:0;}
  .ana-menu.acik a{display:block;padding:13px 0;border-bottom:0;}
  .ana-menu.acik .sub-menu{position:static;display:flex;border:0;box-shadow:none;padding:0 0 8px 14px;}
  .menu-ac{display:flex;margin-left:auto;}
  .basi-eylem .btn,.basi-tel{display:none;}
  .site-basi .kap{position:relative;}
  .filo,.yazi-grid,.yorumlar,.paketler,.ofisler,.ikili{grid-template-columns:1fr;}
  .adimlar{grid-template-columns:1fr;}
  .adim{border-left:0;border-top:1px solid var(--cizgi-koyu);}
  .adim:first-child{border-top:0;}
  .alti-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .hero__ic{padding-bottom:120px;}
  .hero .rez-kutu{margin-bottom:-90px;}
  .sss__govde{padding-right:10px;}
  .kosul-tablo th{width:auto;display:block;border-bottom:0;}
  .kosul-tablo td{display:block;padding-top:0;border-top:0;}
  .kosul-tablo tr{display:block;border-top:1px solid var(--cizgi);}
  .kosul-tablo tr:first-child{border-top:0;}
  .mobil-cubuk{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;gap:1px;
    background:var(--asfalt);border-top:2px solid var(--asfalt);
  }
  .mobil-cubuk a{
    flex:1;text-align:center;padding:14px 8px;font-family:var(--baslik);font-weight:700;
    font-size:15px;text-decoration:none;background:var(--asfalt);color:#fff;
  }
  .mobil-cubuk a.vurgu{background:var(--sinyal);color:var(--asfalt);}
  body{padding-bottom:56px;}
}
@media (max-width:560px){
  .alan-ikili{grid-template-columns:1fr;}
  .alti-grid{grid-template-columns:1fr;}
  .serit__grid{grid-template-columns:1fr;}
  .serit__oge{border-left:0;border-top:1px solid var(--cizgi);}
  .serit__oge:first-child{border-top:0;}
  .arac-kart__fiyat{flex-direction:column;align-items:flex-start;}
}

/* Kaydırma ile beliriş */
.volan-js .beliren{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;}
.volan-js .beliren.gorunur,.volan-acik .beliren{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  html{scroll-behavior:auto;}
  .volan-js .beliren{opacity:1;transform:none;}
}

/* WordPress hizalama */
.alignleft{float:left;margin:0 1.5em 1em 0;}
.alignright{float:right;margin:0 0 1em 1.5em;}
.aligncenter{margin-left:auto;margin-right:auto;}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto;}
.wp-caption-text{font-family:var(--mono);font-size:12.5px;color:var(--gri);}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}