/* ============================================================
   effect.css — hover / giriş animasyonları, yardımcı efektler
   ============================================================ */
@media (prefers-reduced-motion:no-preference){
  .reveal{ animation:revealUp .55s cubic-bezier(.2,.7,.3,1) both; }
  .reveal-2{ animation-delay:.08s; }
  .reveal-3{ animation-delay:.16s; }
  .reveal-4{ animation-delay:.24s; }
}
/* translate-only entrance — content stays visible even if capture lands mid-animation */
@keyframes revealUp{ from{ transform:translateY(16px); } to{ transform:translateY(0); } }

/* placeholder kumanda görseli — ince çizgi illüstrasyon */
.ph-remote{ color:var(--primary-color-400); }

/* hover lift yardımcı */
.lift{ transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.lift:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }

/* odak erişilebilirliği */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible{
  outline:2px solid var(--accent-color); outline-offset:2px; border-radius:4px;
}

/* yatay kaydırma şeritleri (carousel taklidi — statik) */
.hscroll{
  display:flex; align-items:stretch; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding-bottom:6px; -webkit-overflow-scrolling:touch;
}
.hscroll > *{ scroll-snap-align:start; flex:0 0 auto; }
/* ürün kartları: eşit genişlik + eşit yükseklik; masaüstünde 4'ü tam sığar */
.hscroll > .product-list-item{
  width:max(218px, calc((100% - 48px) / 4));
  height:auto;
}
.hscroll::-webkit-scrollbar{ height:7px; }
.hscroll::-webkit-scrollbar-thumb{ background:var(--seperator-dark-color); border-radius:99px; }
.hscroll::-webkit-scrollbar-track{ background:transparent; }

/* shimmer (yükleniyor görünümü değil — dekoratif parıltı kapalı) */
.chip-row{ display:flex; flex-wrap:wrap; gap:8px; }