/* Han Elementor Ürün Karoseli – modern, mobil uyumlu */
.han-euk-wrap{ position:relative; width:100%; }
.han-euk-track{
  display:flex; gap:var(--han-gap,14px);
  scroll-snap-type:x mandatory; overflow:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:4px;
}
.han-euk-track::-webkit-scrollbar{ display:none; }

.han-euk-card{
  flex:0 0 auto;
  width:calc((100% - var(--han-gap,14px)* (var(--han-cols,4) - 1)) / var(--han-cols,4));
  border-radius:var(--han-radius,16px);
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  scroll-snap-align:start;
  overflow:hidden;
}
.han-euk-thumb{
  display:block; position:relative; aspect-ratio: 1/1;
  background:#f6f6f6; overflow:hidden;
}
.han-euk-thumb .han-euk-img{ width:100%; height:100%; object-fit:cover; transition:opacity .3s ease; display:block; }
.han-euk-thumb .han-euk-img.hover{ position:absolute; inset:0; opacity:0; }
.han-euk-thumb:hover .han-euk-img.hover{ opacity:1; }

.han-euk-meta{ padding:12px 12px 14px; }
.han-euk-title{
  display:block; font-weight:600; font-size:15px; line-height:1.35; margin-bottom:6px; text-decoration:none;
}
.han-euk-price{ font-size:16px; font-weight:700; margin-bottom:10px; }

.han-euk-actions .han-euk-btn,
.han-euk-actions .button{
  display:inline-block; padding:10px 14px; font-size:14px; border-radius:12px; text-decoration:none; border:none;
}

.han-euk-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  background:#111; color:#fff; border:none; width:36px; height:36px;
  border-radius:50%; display:grid; place-items:center; cursor:pointer;
  opacity:.9;
}
.han-euk-nav.prev{ left:6px; }
.han-euk-nav.next{ right:6px; }

.han-euk-dots{ display:flex; gap:6px; justify-content:center; margin-top:10px; }
.han-euk-dots button{
  width:8px; height:8px; border-radius:50%; border:none; background:#cfcfcf; padding:0;
}
.han-euk-dots button.is-active{ background:#111; }

/* Responsive kolonlar JS ile set ediliyor; yine de güvenlik için min genişlikler: */
@media (max-width: 1024px){
  .han-euk-card{ width:calc((100% - var(--han-gap,14px)* (var(--han-cols,2) - 1)) / var(--han-cols,2)); }
}
@media (max-width: 767px){
  .han-euk-card{ width:calc((100% - var(--han-gap,14px)* (var(--han-cols,1) - 1)) / var(--han-cols,1)); }
}
.han-euk-empty{ background:#fff3cd; color:#7a5d00; padding:12px 14px; border-radius:10px; }