:root {
  --bosluk-1:.5rem; --bosluk-2:1rem; --bosluk-3:1.5rem;
  --bosluk-4:2rem; --bosluk-6:3rem; --bosluk-8:4rem; --bosluk-12:6rem;
  --yazi-sm:.9375rem; --yazi-md:1.0625rem; --yazi-lg:1.25rem;
  --yazi-xl:1.75rem; --yazi-2xl:2.25rem; --yazi-3xl:3rem;
  --lacivert:#0d1b2a; --lacivert-2:#13263a; --vurgu:#c9a227; --vurgu-koyu:#a9861b;
  --metin:#1c2733; --soluk:#5b6b7b; --zemin:#f6f7f9; --kart:#ffffff;
  --cizgi:#e3e7ec; --yesil:#1a7f4e;
  --yaricap:12px; --golge:0 6px 24px rgba(13,27,42,.08);
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color:var(--metin); background:var(--zemin); line-height:1.6; font-size:var(--yazi-md);
}
h1,h2,h3 { font-family:'Poppins', system-ui, sans-serif; line-height:1.25; color:var(--lacivert); }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }

.kapsayici { width:min(1180px, 100% - 2rem); margin-inline:auto; }
.bolum { padding-block:var(--bosluk-8); }
.bolum-baslik { margin-bottom:var(--bosluk-6); }
.bolum-etiket { color:var(--vurgu-koyu); font-weight:600; font-size:var(--yazi-sm); letter-spacing:.12em; text-transform:uppercase; }
.bolum-baslik h2 { font-size:var(--yazi-2xl); margin-top:var(--bosluk-1); }
.bolum-baslik p { color:var(--soluk); max-width:60ch; margin-top:var(--bosluk-2); }

.atla { position:absolute; left:-9999px; }
.atla:focus { left:1rem; top:1rem; background:var(--lacivert); color:#fff; padding:var(--bosluk-2); z-index:100; }

.ust { background:var(--lacivert); color:#fff; position:sticky; top:0; z-index:50; }
.ust + .hero, .ust + .bolum { margin-top:0; }
.ust + .bolum .bolum-baslik { padding-top:var(--bosluk-4); }
.ust-ic { display:flex; align-items:center; gap:var(--bosluk-4); min-height:72px; }
.marka { display:flex; align-items:center; gap:var(--bosluk-2); font-family:'Poppins', sans-serif; font-weight:700; letter-spacing:.06em; }
.marka img { border-radius:8px; }
.marka small { font-weight:400; letter-spacing:.28em; color:var(--vurgu); font-size:.6875rem; }
.menu { display:flex; align-items:center; gap:var(--bosluk-3); margin-left:auto; }
.menu a { padding:var(--bosluk-1) var(--bosluk-2); min-height:44px; display:inline-flex; align-items:center; color:#dbe4ee; }
.menu a[aria-current="page"] { color:var(--vurgu); }
.menu a:hover { color:#fff; }
.tel { display:inline-flex; align-items:center; gap:var(--bosluk-1); min-height:44px; color:var(--vurgu); font-weight:600; }
.menu-dugme { display:none; background:none; border:0; color:#fff; cursor:pointer; min-height:44px; min-width:44px; }

.dugme { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:var(--bosluk-1) var(--bosluk-4); border-radius:var(--yaricap); font-weight:600; border:2px solid transparent; cursor:pointer; }
.dugme-vurgu { background:var(--vurgu); color:var(--lacivert); }
.dugme-vurgu:hover { background:var(--vurgu-koyu); color:#fff; }
.dugme-cizgi { border-color:var(--lacivert); color:var(--lacivert); }
.dugme-cizgi:hover { background:var(--lacivert); color:#fff; }

.hero { position:relative; z-index:1;  position:relative; color:#fff; min-height:560px; display:flex; align-items:center; }
.hero-slider { position:absolute; inset:0; }
.hero img.hero-zemin { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.2s ease; }
.hero img.hero-zemin.aktif { opacity:1; }
.hero-katman { position:absolute; inset:0; background:linear-gradient(100deg, rgba(13,27,42,.92) 20%, rgba(13,27,42,.55) 70%, rgba(13,27,42,.25)); }
.hero-ic { position:relative; padding-block:var(--bosluk-12); max-width:640px; }
.hero-ic .bolum-etiket { color:var(--vurgu); }
.hero-ic h1 { color:#fff; font-size:var(--yazi-3xl); margin-block:var(--bosluk-2); }
.hero-ic p { color:#cfd9e4; margin-bottom:var(--bosluk-6); }
.hero-dugmeler { display:flex; gap:var(--bosluk-3); flex-wrap:wrap; }

.filtre { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); box-shadow:var(--golge); padding:var(--bosluk-3); margin-top:calc(-1 * var(--bosluk-8)); position:relative; z-index:5; }
.filtre-ic { display:flex; gap:var(--bosluk-2); flex-wrap:wrap; align-items:end; }
.filtre-alan { display:flex; flex-direction:column; gap:var(--bosluk-1); flex:1 1 160px; }
.filtre-alan label { font-size:var(--yazi-sm); font-weight:600; color:var(--soluk); }
.filtre-alan select, .filtre-alan input { min-height:44px; padding:0 var(--bosluk-2); border:1px solid var(--cizgi); border-radius:8px; font:inherit; background:#fff; }
.bolum-portfoy .filtre { margin-top:0; }
.filtre-sekme { display:flex; gap:var(--bosluk-1); flex-wrap:wrap; margin-bottom:var(--bosluk-3); }
.filtre-sekme a { padding:var(--bosluk-1) var(--bosluk-3); min-height:44px; display:inline-flex; align-items:center; border-radius:999px; border:1px solid var(--cizgi); background:#fff; font-weight:600; font-size:var(--yazi-sm); }
.filtre-sekme a.aktif, .filtre-sekme a:hover { background:var(--lacivert); color:#fff; border-color:var(--lacivert); }

.izgara { display:grid; gap:var(--bosluk-4); grid-template-columns:repeat(3, 1fr); }
.ilan-kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); overflow:hidden; box-shadow:var(--golge); display:flex; flex-direction:column; transition:transform .15s ease; }
.ilan-kart:hover { transform:translateY(-3px); }
.ilan-gorsel { position:relative; aspect-ratio:3/2; }
.ilan-gorsel img { width:100%; height:100%; object-fit:cover; }
.rozet { position:absolute; top:var(--bosluk-2); left:var(--bosluk-2); background:var(--lacivert); color:#fff; font-size:.75rem; font-weight:600; letter-spacing:.08em; padding:.25rem .625rem; border-radius:6px; }
.rozet-kiralik { background:var(--yesil); }
.rozet-vitrin { left:auto; right:var(--bosluk-2); background:var(--vurgu); color:var(--lacivert); }
.ilan-govde { padding:var(--bosluk-3); display:flex; flex-direction:column; gap:var(--bosluk-1); flex:1; }
.ilan-fiyat { color:var(--vurgu-koyu); font-weight:600; font-size:var(--yazi-lg); }
.ilan-baslik { font-size:var(--yazi-md); }
.ilan-baslik a:hover { color:var(--vurgu-koyu); }
.ilan-yer { color:var(--soluk); font-size:var(--yazi-sm); display:flex; align-items:center; gap:.375rem; }
.ilan-ozet { display:flex; gap:var(--bosluk-2); flex-wrap:wrap; margin-top:var(--bosluk-1); }
.ilan-ozet li { font-size:var(--yazi-sm); background:var(--zemin); border:1px solid var(--cizgi); border-radius:6px; padding:.125rem .5rem; }
.ilan-alt { margin-top:auto; padding-top:var(--bosluk-2); border-top:1px solid var(--cizgi); display:flex; justify-content:space-between; font-size:var(--yazi-sm); color:var(--soluk); }
.ilan-alt .kod { font-weight:600; color:var(--metin); }

.kategori-izgara { display:grid; gap:var(--bosluk-3); grid-template-columns:repeat(6, 1fr); }
.kategori { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); padding:var(--bosluk-4) var(--bosluk-3); text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--bosluk-1); }
.kategori strong { display:block; font-size:var(--yazi-xl); color:var(--lacivert); }
.kategori span { color:var(--soluk); font-size:var(--yazi-sm); }

.iki-sutun { display:grid; gap:var(--bosluk-6); grid-template-columns:1fr 1fr; align-items:center; }
.deger-kartlari { display:grid; gap:var(--bosluk-3); grid-template-columns:repeat(2, 1fr); }
.deger { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); padding:var(--bosluk-3); }
.deger h3 { font-size:var(--yazi-md); margin-bottom:var(--bosluk-1); }
.deger p { color:var(--soluk); font-size:var(--yazi-sm); }
.hizmet-izgara { display:grid; gap:var(--bosluk-4); grid-template-columns:repeat(3, 1fr); }
.hizmet { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); padding:var(--bosluk-4); }
.hizmet svg { color:var(--vurgu-koyu); margin-bottom:var(--bosluk-2); }
.hizmet h3 { font-size:var(--yazi-md); margin-bottom:var(--bosluk-1); }
.hizmet p { color:var(--soluk); font-size:var(--yazi-sm); }

.istatistik { background:var(--lacivert); color:#fff; }
.istatistik-izgara { display:grid; gap:var(--bosluk-4); grid-template-columns:repeat(4, 1fr); text-align:center; }
.istatistik strong { display:block; font-family:'Poppins', sans-serif; font-size:var(--yazi-2xl); color:var(--vurgu); }
.istatistik span { color:#cfd9e4; font-size:var(--yazi-sm); }

.yorum-izgara { display:grid; gap:var(--bosluk-4); grid-template-columns:repeat(3, 1fr); }
.yorum { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); padding:var(--bosluk-4); }
.yorum p { color:var(--metin); font-size:var(--yazi-sm); }
.yorum footer { margin-top:var(--bosluk-2); font-size:var(--yazi-sm); color:var(--soluk); }
.yorum footer strong { color:var(--lacivert); }

.cta { background:var(--lacivert-2); color:#fff; text-align:center; }
.cta h2 { color:#fff; }
.cta p { color:#cfd9e4; max-width:60ch; margin:var(--bosluk-2) auto var(--bosluk-6); }

.detay { display:grid; gap:var(--bosluk-6); grid-template-columns:2fr 1fr; align-items:start; }
.detay-gorsel { border-radius:var(--yaricap); overflow:hidden; aspect-ratio:16/9; }
.detay-gorsel img { width:100%; height:100%; object-fit:cover; }
.detay-ozellik { display:grid; gap:var(--bosluk-2); grid-template-columns:repeat(3, 1fr); margin-top:var(--bosluk-4); }
.detay-ozellik li { background:var(--kart); border:1px solid var(--cizgi); border-radius:8px; padding:var(--bosluk-2); font-size:var(--yazi-sm); }
.detay-yan { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yaricap); box-shadow:var(--golge); padding:var(--bosluk-4); position:sticky; top:96px; }
.detay-yan .ilan-fiyat { font-size:var(--yazi-xl); }
.detay-yan dl { display:grid; grid-template-columns:auto 1fr; gap:var(--bosluk-1) var(--bosluk-2); font-size:var(--yazi-sm); margin-block:var(--bosluk-3); }
.detay-yan dt { color:var(--soluk); }
.detay-yan dd { font-weight:600; text-align:right; }

.form { display:grid; gap:var(--bosluk-3); }
.form-alan { display:flex; flex-direction:column; gap:var(--bosluk-1); }
.form-alan label { font-weight:600; font-size:var(--yazi-sm); }
.form-alan input, .form-alan select, .form-alan textarea { min-height:44px; padding:var(--bosluk-2); border:1px solid var(--cizgi); border-radius:8px; font:inherit; background:#fff; }
.form-alan textarea { min-height:120px; resize:vertical; }
.bildirim { padding:var(--bosluk-2) var(--bosluk-3); border-radius:8px; font-size:var(--yazi-sm); }
.bildirim-ok { background:#e8f5ee; color:var(--yesil); border:1px solid #bfe3d0; }
.bildirim-hata { background:#fdeeee; color:#b3261e; border:1px solid #f3c1be; }

.altlik { background:var(--lacivert); color:#cfd9e4; margin-top:var(--bosluk-8); }
.altlik-izgara { display:grid; gap:var(--bosluk-6); grid-template-columns:2fr 1fr 1fr 1.4fr; padding-block:var(--bosluk-8); }
.altlik h3 { color:#fff; font-size:var(--yazi-md); margin-bottom:var(--bosluk-2); }
.altlik a { display:block; min-height:44px; align-items:center; }
.altlik a:hover { color:var(--vurgu); }
.altlik-yazi { font-size:var(--yazi-sm); max-width:40ch; margin-top:var(--bosluk-2); }
.marka-altlik { color:#fff; }
.altlik-alt { display:flex; justify-content:space-between; align-items:center; gap:var(--bosluk-2); padding-block:var(--bosluk-3); border-top:1px solid rgba(255,255,255,.12); font-size:var(--yazi-sm); }
.altlik-alt a { min-height:44px; display:inline-flex; align-items:center; }

.whatsapp { position:fixed; right:var(--bosluk-4); bottom:var(--bosluk-4); background:#25d366; color:#fff; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:var(--golge); z-index:60; }

@media (max-width:900px) {
  .izgara, .hizmet-izgara, .yorum-izgara { grid-template-columns:repeat(2, 1fr); }
  .kategori-izgara { grid-template-columns:repeat(3, 1fr); }
  .iki-sutun, .detay { grid-template-columns:1fr; }
  .istatistik-izgara { grid-template-columns:repeat(2, 1fr); }
  .altlik-izgara { grid-template-columns:1fr 1fr; }
  .menu-dugme { display:inline-flex; margin-left:auto; }
  .menu { display:none; position:absolute; top:72px; left:0; right:0; background:var(--lacivert); flex-direction:column; align-items:stretch; padding:var(--bosluk-3); gap:0; }
  .menu.acik { display:flex; }
  .tel { display:none; }
}
@media (max-width:600px) {
  .izgara, .hizmet-izgara, .yorum-izgara, .deger-kartlari, .detay-ozellik { grid-template-columns:1fr; }
  .kategori-izgara { grid-template-columns:repeat(2, 1fr); }
  .altlik-izgara { grid-template-columns:1fr; }
  .hero-ic h1 { font-size:var(--yazi-2xl); }
  .bolum { padding-block:var(--bosluk-6); }
}