/* WAWE Catalog UX V9.5 — square product media 3/3 + mobile slider tuning */
.mobile-product-card > div:first-child{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  aspect-ratio:3 / 3!important;
  height:auto!important;
  min-height:0!important;
}
.mobile-product-card > div:first-child img{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  max-width:calc(100% - 14px)!important;
  max-height:calc(100% - 14px)!important;
  width:auto!important;
  height:auto!important;
  margin:auto!important;
}
.wawe-product-badges{align-items:center}

@media (max-width:767px){
  .wawe-mobile-slider{
    overflow-anchor:none!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:18px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:manipulation;
    padding-top:12px;
    padding-bottom:12px;
    padding-inline-start:16px;
    padding-inline-end:22vw;
    margin-inline:-16px;
    margin-top:8px!important;
  }
  .wawe-mobile-slider::-webkit-scrollbar{display:none}

  .wawe-mobile-slider > .mobile-product-card{
    overflow-anchor:none!important;
    flex:0 0 min(84vw,320px)!important;
    width:min(84vw,320px)!important;
    max-width:min(84vw,320px)!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .wawe-mobile-slider > .mobile-product-card:last-child{margin-inline-end:16px}

  /* Square 3/3 exactly as tested in DevTools */
  .mobile-product-card > div:first-child{
    aspect-ratio:3 / 3!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 8px 0!important;
  }

  .mobile-product-card .line-clamp-2{min-height:auto!important}
}