/* v12.10.307 - merchant logos are fully visible and keep their intrinsic ratio. */
:root{--op-merchant-logo-visible-size:40px}

html body .magazine-shell .product-card.product-card.product-card>.merchant-logo-element[data-nc-child="merchant_logo"]{
  box-sizing:border-box!important;
  width:var(--op-merchant-logo-visible-size)!important;
  height:var(--op-merchant-logo-visible-size)!important;
  min-width:var(--op-merchant-logo-visible-size)!important;
  min-height:var(--op-merchant-logo-visible-size)!important;
  max-width:var(--op-merchant-logo-visible-size)!important;
  max-height:var(--op-merchant-logo-visible-size)!important;
  margin:0!important;
  padding:3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
}

html body .magazine-shell .product-card.product-card.product-card>.merchant-logo-element[data-nc-child="merchant_logo"]>.op-merchant-logo{
  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!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
}

/* Keep the footer geometry stable even when a retailer blocks remote favicons. */
html body .magazine-shell .product-card.product-card.product-card>.merchant-logo-element.op-merchant-logo-unavailable::after{
  content:"MAGAZIN"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  color:#4e3b1c!important;
  font:700 8px/1 Arial,sans-serif!important;
  letter-spacing:.04em!important;
  text-align:center!important;
}