/* Banner */
#homeHeroBanner{width:100%!important;height:170px!important;overflow:hidden!important;border-radius:24px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06);}
@media (min-width:768px){#homeHeroBanner{height:300px!important;}}
@media (min-width:1024px){#homeHeroBanner{height:360px!important;}}
#homeHeroBanner img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:50% 12%!important;}
@media (max-width:640px){
  #homeHeroBanner{height:128px!important;}
  #homeHeroBanner img{object-fit:contain!important;object-position:50% 58%!important;}
}
@media (max-width:768px){#homeHeroBanner{border-radius:18px;}}

/* Kart görsel */
.product-grid-compact{gap:14px!important;}
.product-card-compact .p-5{padding:14px!important;}
.product-card-compact .price{font-size:18px!important;}
.product-card-compact .btn{padding-top:10px;padding-bottom:10px;font-size:13px;border-radius:10px;}
.product-card-compact .product-image-wrap{
  height:220px!important;
  padding:0!important;
  overflow:hidden;
  background:#f8fafc;
  display:flex;align-items:center;justify-content:center;
}
.product-card-compact .product-image-wrap img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center center;
  transform:scale(1.12);
  max-width:none!important;max-height:none!important;
}

/* ✅ ÇOK SATANLAR — TEK SATIR GERÇEK SLIDER */
.best-wrap{
  position:relative;
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:#fff;
  padding:14px;
}
.best-scroll{
  display:flex;
  flex-wrap:nowrap !important;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding: 6px 6px 10px;
}
/* ✅✅✅ KIRMIZI ÇUBUK (scrollbar) GİZLE */
.best-scroll,
.hscroll{
  scrollbar-width:none;      /* Firefox */
  -ms-overflow-style:none;   /* IE/Edge eski */
}
.best-scroll::-webkit-scrollbar,
.hscroll::-webkit-scrollbar{
  display:none;              /* Chrome/Safari */
}

.best-item{flex:0 0 240px;scroll-snap-align:start;}
.best-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:999px;
  background:#fff;border:1px solid #e2e8f0;
  box-shadow:0 10px 30px rgba(15,23,42,.15);
  display:flex;align-items:center;justify-content:center;
  z-index:30;
}
.best-prev{left:-10px;}
.best-next{right:-10px;}
@media (max-width:640px){
  .best-prev{left:6px;}
  .best-next{right:6px;}
  .best-item{flex-basis:200px;}
}

/* Diğer slider (Windows/Office/Antivirüs) */
.hscroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.hitem{flex:0 0 auto;width:240px;scroll-snap-align:start;}
.slider-btn{width:38px;height:38px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 20px rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;transition:transform .15s ease;}
.slider-btn:hover{transform:translateY(-1px);}

/* ✅✅✅ Slider Dot (Alt Noktalar) */
.slider-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:10px;
  padding-bottom:4px;
}
.slider-dot{
  width:7px;height:7px;
  border-radius:999px;
  background:rgba(100,116,139,.35);
  border:none;
  padding:0;
  cursor:pointer;
  transition:all .2s ease;
}
.slider-dot.active{
  width:18px;
  background:#3b82f6;
}