/* v12.10.308 - every product image is visible, centered and fitted in a calculated media zone. */
:root{
  --op-product-image-gap:12px;
  --op-product-image-padding:5px;
}

html body .magazine-shell .product-card [data-nc-child="image"]>img,
html body .magazine-shell .product-card [data-nc-child^="image_copy_"]>img,
html body .m2-card .m2-role-image>img,
html body .nc-mobile-product-card .nc-mobile-product-image>img{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

html body:not(.nc-editor-page) .magazine-shell .product-card>[data-op-standard-media="12.10.308"]{
  box-sizing:border-box!important;
  position:absolute!important;
  left:var(--op-image-x)!important;
  top:var(--op-image-y)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--op-image-w)!important;
  height:var(--op-image-h)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--op-product-image-padding)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  border-radius:clamp(6px,1.4vw,12px)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
}

html body:not(.m2-editor) .m2-card:not(.m2-centered-card)>[data-op-standard-media="12.10.308"]{
  box-sizing:border-box!important;
  position:absolute!important;
  left:var(--op-image-x)!important;
  top:var(--op-image-y)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--op-image-w)!important;
  height:var(--op-image-h)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--op-product-image-padding)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
}

html body .m2-card.m2-centered-card .m2-centered-media{
  gap:var(--op-product-image-gap)!important;
}
html body .m2-card.m2-centered-card .m2-centered-media>.m2-role-image{
  box-sizing:border-box!important;
  padding:var(--op-product-image-padding)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

html body .nc-mobile-product-card .nc-mobile-product-image{
  box-sizing:border-box!important;
  width:100%!important;
  height:clamp(180px,52vw,320px)!important;
  min-height:180px!important;
  padding:var(--op-product-image-padding)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.16)!important;
}

@media(max-width:700px){
  :root{--op-product-image-gap:8px;--op-product-image-padding:4px}
}