/* Otomatik: Medya ayarları kaydedilince üretilir — elle düzenlemeyin */
.ws-product-card-img {
  aspect-ratio: 600 / 900;
}
.ws-product-show .ws-product-gallery-main-img {
  aspect-ratio: 900 / 1350;
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.ws-product-show .sf-attr-btn.color-item.has-swatch-image {
  width: 80px;
  height: 120px;
  max-width: 100%;
}
/* Ek görseller = Color (varyasyon) ebatı; tema 100px kuralını ezer */
.ws-product-show #sf-gallery-thumbs.mySwiper .swiper-wrapper {
  gap: 6px;
}
.ws-product-show #sf-gallery-thumbs.mySwiper .swiper-wrapper .swiper-slide {
  width: 80px !important;
  height: 120px !important;
  max-width: 80px;
  aspect-ratio: auto;
  box-sizing: border-box;
}
.ws-product-show #sf-gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 1024px) {
  .ws-product-show #sf-gallery-thumbs.mySwiper .swiper-wrapper .swiper-slide {
    width: 80px !important;
    height: 120px !important;
  }
}

/* Kategori kartı hover renkleri — card_color ebatı, radius 5px */
.product-item.has-card-colors {
  --ws-card-swatch-w: 45px;
  --ws-card-swatch-h: 68px;
  --ws-card-price-shift: 46px;
}
.product-item .list-color .color-item.has-swatch-image {
  width: var(--ws-card-swatch-w, 45px);
  height: var(--ws-card-swatch-h, 68px);
  border: 0 !important;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
  background: transparent;
  padding: 0;
  box-sizing: border-box;
}
.product-item .list-color .color-item.has-swatch-image:hover,
.product-item .list-color .color-item.has-swatch-image.active {
  border: 0 !important;
}
.product-item .list-color .color-item.has-swatch-image .ws-card-swatch-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.product-item .list-color .color-item .ws-card-swatch-dot {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
}
.product-item.has-card-colors .product-main .product-infor .list-color {
  align-items: center;
  gap: 0.375rem;
  padding: 0;
  z-index: 2;
  line-height: 0;
  height: var(--ws-card-swatch-h, 68px);
}
.product-item.has-card-colors.grid-type .product-main .product-infor {
  margin-bottom: 46px;
}

/* Renk yoksa hover’da isim/fiyat kaymasın */
@media (min-width: 1024px) {
  .product-item.grid-type:not(.has-card-colors):hover .product-main .product-infor .product-name {
    opacity: 1;
    visibility: visible;
  }
  .product-item.grid-type:not(.has-card-colors):hover .product-main .product-infor .product-price-block {
    transform: none;
  }
  /* Renk varken fiyat swatch altına, minimum boşlukla kayar */
  .product-item.grid-type.has-card-colors:hover .product-main .product-infor .product-price-block {
    transform: translateY(var(--ws-card-price-shift, 46px));
    margin-top: 0;
  }
}