:root{
  --ana:#0277BD; --ana-koyu:#01579B; --turuncu:#f7941e; --yesil:#00a65a;
  --gri:#f4f6f9; --metin:#333;
}
body{background:var(--gri);color:var(--metin);font-size:15px;}

/* Ust marka cubugu */
.ust-bar{background:#fff;border-bottom:1px solid #e5e5e5;}
.ust-bar .marka{font-weight:700;color:var(--ana);font-size:1.35rem;letter-spacing:.3px;}
.ust-bar .marka i{color:var(--turuncu);}
.il-rozet{background:var(--turuncu);color:#fff;border-radius:20px;padding:.25rem .9rem;font-weight:600;font-size:.85rem;}

/* Menu cubugu */
.menu-bar{background:#2b3643;}
.menu-bar .nav-link{color:#cfd6dd;font-weight:600;padding:.85rem 1.1rem;border-bottom:3px solid transparent;}
.menu-bar .nav-link:hover{color:#fff;}
.menu-bar .nav-link.aktif{color:#fff;border-bottom-color:var(--turuncu);}

/* Kartlar */
.kart{background:#fff;border:1px solid #e6e6e6;border-radius:10px;}
.kart-baslik{border-left:4px solid var(--ana);padding:.4rem .8rem;font-weight:700;}

/* Ozet kutulari */
.ozet{border-radius:10px;color:#fff;padding:1rem 1.2rem;}
.ozet .sayi{font-size:1.8rem;font-weight:700;line-height:1;}
.ozet.mavi{background:linear-gradient(135deg,#0288d1,#01579b);}
.ozet.yesil{background:linear-gradient(135deg,#26a65b,#0f7a3d);}
.ozet.turuncu{background:linear-gradient(135deg,#f7971e,#e07b00);}
.ozet.mor{background:linear-gradient(135deg,#7b4fd6,#5a2ecc);}

/* Giris ekrani */
.giris-arka{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0277BD,#01579B);padding:1rem;}
.giris-kart{background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);
  width:100%;max-width:400px;padding:2rem 1.8rem;}
.giris-kart .marka{font-size:1.6rem;font-weight:800;color:var(--ana);text-align:center;}
.giris-kart .marka i{color:var(--turuncu);}

.btn-turuncu{background:var(--turuncu);border-color:var(--turuncu);color:#fff;font-weight:600;}
.btn-turuncu:hover{background:#e07b00;color:#fff;}

a{text-decoration:none;}
.tablo-sik thead th{background:var(--ana);color:#fff;font-size:.82rem;}

/* Teklif karti — buyuk urun gorseli ustte, bilgiler altinda (ana sayfa + paylasilan urunler) */
.teklif-kart .tk-resim{height:150px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:.5rem;padding:.35rem;margin-bottom:.4rem;}
.teklif-kart .tk-resim img{max-height:100%;max-width:100%;object-fit:contain;}
.teklif-kart .tk-ad{font-size:.74rem;font-weight:600;color:#2b3443;line-height:1.2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.8rem;}
.teklif-kart .tk-esd{font-size:.7rem;text-decoration:none;color:#0d9488;font-weight:600;}
.teklif-kart .tk-esd:hover{text-decoration:underline;}
.teklif-kart .tk-barem{font-size:1.5rem;font-weight:800;line-height:1.1;color:#f0a02a;}
.teklif-kart .tk-fiyat{font-size:.82rem;font-weight:600;color:#6c757d;}
.teklif-kart .tk-ayrac{height:1px;background:#e9edf3;margin:.35rem .25rem;}
.teklif-kart .tk-stok{font-size:.72rem;color:#495057;}
@media (max-width:575.98px){.teklif-kart .tk-resim{height:118px;}.teklif-kart .tk-barem{font-size:1.3rem;}}