/* İzmirOto v2 */
:root { --radius: 1.25rem; }
body { background: #f7f7fb; }
.hero {
  background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,0.15), transparent),
              linear-gradient(135deg, #111827, #0b1220);
}
.card { border: 1px solid rgba(0,0,0,0.06); }
.rounded-4 { border-radius: var(--radius) !important; }
.product-card { transition: transform .12s ease, box-shadow .12s ease; }
.product-card:hover { transform: translateY(-2px); box-shadow: 0 .75rem 2rem rgba(0,0,0,.08); }
.thumb { width: 64px; height: 64px; }

.category-card{transition:transform .12s ease, box-shadow .12s ease;}
.category-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 2rem rgba(0,0,0,.08);}

/* Temabudur-style category bar */
.category-bar .category-scroll{overflow-x:auto; flex-wrap:nowrap; scrollbar-width:thin}
.category-bar .category-scroll::-webkit-scrollbar{height:6px}
.category-bar .category-scroll::-webkit-scrollbar-thumb{background:#cfd4da; border-radius:999px}
.cat-pill{display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .75rem; border-radius:999px; border:1px solid rgba(0,0,0,.08); background:#fff; color:#111; text-decoration:none; white-space:nowrap; transition:transform .06s ease, box-shadow .06s ease}
.cat-pill:hover{transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08)}
.cat-pill img{width:22px; height:22px; object-fit:contain}
.cat-pill-all{background:#111; color:#fff; border-color:#111}
.cat-pill-all:hover{color:#fff}

.cat-card{border:1px solid rgba(0,0,0,.08)}
.cat-card:hover{border-color:rgba(0,0,0,.18)}
.cat-ico{width:44px;height:44px;border-radius:14px;background:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center}
.cat-ico img{width:28px;height:28px;object-fit:contain}