.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#2f343a;color:#fff}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:36px;max-width:160px;object-fit:contain;background:#fff;border-radius:10px;padding:6px}
.brand-title{font-weight:800}
.nav a{color:#fff;text-decoration:none;margin-left:14px;font-weight:700}
.container{max-width:1200px;margin:18px auto;padding:0 16px}
.layout{display:grid;grid-template-columns:260px 1fr;gap:16px}
.sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.content{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.cat a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:#111;border:1px solid #f1f5f9;margin-bottom:8px}
.hero{margin-bottom:16px}
@media(max-width:900px){
  .layout{grid-template-columns:1fr}
  .hero-slider{height:260px}
}
@media(max-width:900px){
  .hero-slider{height:260px;}
}
/* ===== V1 Slider Layout (DB değişkenli) ===== */
.hero-slider{ 
  height: var(--sl-h-desktop);
  border-radius: var(--sl-radius);
  overflow: hidden;
  box-shadow: var(--sl-shadow);
  position: relative;
  background:#fff;
}

.hero-slide{
  width:100%;
  height:100%;
}

.hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;         /* DAĞINIKLIĞI BİTİRİR */
  object-position:center;
}

/* mobil yükseklik */
@media(max-width:900px){
  .hero-slider{ height: var(--sl-h-mobile); }
}

.v1-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:8px 0 14px;
}
.v1-card{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px;
  background:#fff;
}
.v1-img-wrap{
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  background:#f8fafc;
  display:flex;
  align-items:center;
  justify-content:center;
}
.v1-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.v1-title{
  font-weight:700;
  margin-top:8px;
  min-height:40px;
}
.v1-price{
  margin-top:6px;
  font-weight:900;
  color:#047857;
}
@media(max-width:1000px){
  .v1-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:780px){
  .v1-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:520px){
  .v1-grid{ grid-template-columns:1fr; }
}