/* ============================================================
   Tema: SICAK VITRIN
   ------------------------------------------------------------
   Antrasit + amber. Vitrin agirlikli, gorsel odakli duzen.
   Ortak kurallar temalar/taban.css icinde.

   Karakter: buyuk fotograf, yumusak koseler, derin golge,
   fiyat gorselin uzerinde. Portfoyu one cikaran dil.
   ============================================================ */

:root{
  --r:20px;                                  /* belirgin yuvarlak koseler */
  --line:#ece7e1;
  --sh:0 2px 8px rgba(30,41,59,.07),0 12px 32px rgba(30,41,59,.08);
  --sh2:0 18px 48px rgba(30,41,59,.20);
  /* Temalarin en ferahi. min-height yerine degisken eziliyor ki logo
     (--logo-h) ve sticky offset ayni sayidan turesin. */
  --nav-h:92px;
}

/* --- navbar: yuvarlak, yuzen --- */
nav.ust{background:rgba(255,255,255,.88);border-bottom:0;box-shadow:0 2px 20px rgba(30,41,59,.07)}
.logo .mark{border-radius:14px}
.menu a:hover,.menu a.on{border-color:transparent}
.menu .alt{border-radius:16px;border:0;box-shadow:var(--sh)}

/* --- butonlar: hap seklinde --- */
.btn{border-radius:999px;padding:15px 28px}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.btn-o{border-radius:999px}

/* --- hero: daha yuksek, daha dramatik --- */
.hero .slayt{padding:120px 0 150px}
.hero .slayt::before{background:linear-gradient(180deg,rgba(15,23,42,.30),rgba(15,23,42,.62))}
.hero .slayt::after{display:none}
.hero h1{font-size:clamp(36px,5.6vw,62px);font-weight:800}
.hero p{font-size:19px}

/* --- arama: yuzen hap --- */
.arama{border-radius:28px;padding:10px;box-shadow:var(--sh2)}
.alan{border-radius:999px;padding:12px 20px}
.arama .btn{border-radius:999px;padding:0 30px}

/* --- sayaclar: ayri kartlar, bitisik degil --- */
.sayac{background:transparent;gap:14px;box-shadow:none;margin-top:-46px;border-radius:0;overflow:visible}
.sayac > div{border-radius:16px;box-shadow:var(--sh)}
.sayac b{font-size:32px}

/* --- kategori: gorsel agirlikli, buyuk ikon --- */
.kat{border-radius:18px;border:0;background:var(--soft);padding:28px 16px}
.kat:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.kat .ic{width:60px;height:60px;border-radius:18px;background:#fff;font-size:26px}

/* --- ILAN KARTI: temanin kalbi --- */
/* Fotograf buyur, fiyat gorselin uzerine cikar, govde sadelesir. */
.kart{border-radius:var(--r);border:0;box-shadow:var(--sh)}
.kart:hover{transform:translateY(-8px);box-shadow:var(--sh2)}
.kart .foto{height:268px}
.kart:hover .foto img{transform:scale(1.08)}

/* Fotografin altina karartma: uzerindeki fiyat her zaman okunur kalir. */
.kart .foto::after{
  content:"";position:absolute;inset:auto 0 0 0;height:52%;
  background:linear-gradient(0deg,rgba(15,23,42,.82),transparent);
  pointer-events:none;z-index:1;
}
.kart .govde{padding:18px 20px 20px;position:relative}
.kart .govde .fiyat{
  position:absolute;left:20px;top:-46px;z-index:2;
  color:#fff;font-size:24px;text-shadow:0 1px 6px rgba(0,0,0,.4);
}
.kart .govde .fiyat small{color:rgba(255,255,255,.85)}
.kart h3{margin-top:0;font-size:16.5px}
.rozet{border-radius:999px;padding:7px 13px}
.ozellikler{border-top-color:var(--line)}
.kart .alt{background:#fff;border-top:1px solid var(--line)}

/* --- projeler: daha buyuk, tam gorsel --- */
.projeler{gap:22px}
.proje{min-height:320px;border-radius:var(--r)}
.proje .durum{border-radius:999px}
.proje h3{font-size:24px}

/* --- ekip & bilgi kartlari --- */
.uye{border-radius:var(--r);border:0;box-shadow:var(--sh)}
.uye:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.uye .pp{width:96px;height:96px}
.bilgi-kart{border-radius:var(--r);border:0;box-shadow:var(--sh)}
.bilgi-kart .ic{border-radius:18px}

/* --- bantlar & ic sayfalar --- */
.harita-band{border-radius:24px;padding:58px}
.sayfa-bas{padding:54px 0}
.blok,.filtre-govde,.danisman-kart,.talep-kart,.fiyat-kart{border-radius:var(--r);border:0;box-shadow:var(--sh)}
.galeri-buyuk{border-radius:var(--r)}
.galeri-kucuk img{border-radius:12px}
.oz-etiket{border-radius:999px}
.sekmeler a{border-radius:999px}
.sayfalama a{border-radius:12px}
.mini-foto{border-radius:12px}

/* --- footer: sicak antrasit --- */
footer.alt{background:#1c1917;color:#a8a29e}