/* Ana Sayfa 10 · Kombin Afişi
   - Noktalar: Woomen'de hotspot-left / hotspot-right sınıflarıyla sabit konumdaydı; konum artık
     panelden (yüzde, satır içi left / top — script.js görselin kırpılmasına göre düzeltir). Nokta
     o konuma ortalanır (24 px); Woomen'in alt boşluk kuralı (bottom) etkisiz.
   - Script konumu hesaplayana dek noktalar görünmez (yanlış yerde parlamasın); görselin dışında
     kalan (kırpılan) nokta gizlenir.
   - Açılır kart: ürün görseli Woomen'deki gibi 90 px genişlikte, ürün oranında; indirimli üründe
     eski fiyat üstü çizili. Kartın tamamı ürün sayfasına gider (data-product-url). */
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .hotspot {
  position: absolute;
  bottom: auto;
  margin: -12px 0 0 -12px;
  z-index: 2;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .hotspot:focus-within,
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .hotspot:hover {
  z-index: 3;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper.w-pending .hotspot {
  visibility: hidden;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .hotspot:focus {
  outline: none;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .hotspot:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup {
  cursor: pointer;
  flex-wrap: nowrap;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup img {
  aspect-ratio: 90 / 112;
  object-fit: cover;
  flex: 0 0 auto;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup-content {
  min-width: 0;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup-content .title a {
  color: inherit;
}
[data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup-content .price del {
  color: var(--body-color);
  font-weight: 400;
}
@media (max-width: 991.98px) {
  [data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup {
    flex-wrap: wrap;
  }
  [data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup img {
    width: 100%;
    margin-right: 0;
  }
  [data-module-name="trend-10-kombin-afis"] .hotspot-wrapper .popup-content .price del {
    display: block;
    font-size: 12px;
  }
}
