/* VZAY 5.3.37 — card cleanup, mobile Trendyol visibility and thumbnail normalization */

/* 1) Make the white “Ürün detaylarını gör” block feel integrated instead of pasted on later. */
.vzay-card-detail,
.vzay-loop-detail,
.vzay-demo-detail{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:auto!important;
  padding:0!important;
  margin:0!important;
  color:var(--vzay-forest,#23483f)!important;
  font-size:.8rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.vzay-card-detail::after,
.vzay-loop-detail::after,
.vzay-demo-detail::after{
  content:'→'!important;
  margin-left:0!important;
  font-size:1em!important;
}
.vzay-card-actions,
.vzay-demo-product__actions{
  gap:8px!important;
}
.vzay-card-category{
  margin-top:2px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(63,42,31,.10)!important;
}
.vzay-card-story{
  margin-top:2px!important;
}

/* WooCommerce archive / category cards */
.woocommerce ul.products li.product{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link{
  display:block!important;
}
.woocommerce ul.products li.product .button{
  margin:14px 0 4px!important;
  min-height:46px!important;
}
.woocommerce ul.products li.product .vzay-loop-detail{
  padding:0 0 6px!important;
}

/* 2) Normalize product images so card thumbnails look consistent. */
.vzay-card-media-wrap,
.vzay-catalog-card__image,
.vzay-demo-product__image,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link{
  overflow:hidden!important;
}
.vzay-card-media-wrap,
.vzay-catalog-card__image,
.vzay-demo-product__image,
.woocommerce ul.products li.product img{
  border-radius:18px!important;
}
.vzay-card-image-primary,
.vzay-card-image-secondary,
.vzay-catalog-card__image img,
.vzay-demo-product__image img,
.woocommerce ul.products li.product img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.woocommerce ul.products li.product img{
  aspect-ratio:1/1!important;
  display:block!important;
}
/* Mild scale helps images with too much empty margin feel closer to the others. */
.vzay-card-image-primary,
.vzay-catalog-card__image img,
.vzay-demo-product__image img,
.woocommerce ul.products li.product img{
  transform:scale(1.02);
  transform-origin:center center;
}
.vzay-catalog-card:hover .vzay-catalog-card__image img,
.vzay-demo-product:hover .vzay-demo-product__image img,
.woocommerce ul.products li.product:hover img{
  transform:scale(1.045)!important;
}

/* 3) Keep mobile Trendyol visible in the header row too. */
.vzay-brand-socials__trendyol{
  font:800 11px/1 Manrope,system-ui,sans-serif!important;
  letter-spacing:.04em!important;
}
.vzay-brand-socials__trendyol span{
  display:inline-block!important;
}
@media(max-width:900px){
  .vzay-brand-socials{
    display:flex!important;
  }
  .vzay-brand-socials__trendyol{
    width:30px!important;
    height:30px!important;
  }
}
@media(max-width:560px){
  .vzay-brand-socials__trendyol{
    width:28px!important;
    height:28px!important;
    font-size:10px!important;
  }
}

/* 4) Tiny cleanup for related products heading area after removing explanatory copy. */
.vzay-related .vzay-section-heading{
  align-items:end!important;
}
.vzay-related .vzay-section-heading > p{
  display:none!important;
}