/* Tahtakale Shop - ek stiller (Tailwind CDN üstüne) */

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

html { scroll-behavior: smooth; }

/* Ürün kartı hover */
.product-card { transition: transform .2s ease, box-shadow .2s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }

/* Görsel çerçevesi */
.aspect-square-img { aspect-ratio: 1/1; object-fit: cover; }

/* İndirim rozeti */
.badge-discount {
    background: #FACC15; color: #7c2d12; font-weight: 800;
    font-size: 12px; padding: 2px 8px; border-radius: 6px;
}

/* Hero slider */
.hero-slide { transition: opacity .6s ease; }

/* Fırsat kutusu geri sayım */
.countdown-box {
    background: rgba(255,255,255,.15); border-radius: 8px;
    padding: 6px 10px; min-width: 48px; text-align: center;
}

/* Tab aktif */
.tab-active { border-color: #DC2626; color: #DC2626; }

/* Line clamp yardımcı */
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Yatay kaydırmalı carousel */
.carousel-track { scroll-snap-type: x mandatory; }
.carousel-track > * { scroll-snap-align: start; }

/* Buton varyasyonu */
.btn-brand { background:#DC2626; color:#fff; }
.btn-brand:hover { background:#B91C1C; }
.btn-accent { background:#FACC15; color:#7c2d12; }
.btn-accent:hover { filter: brightness(.95); }