/* Product cards: same look everywhere, like the reference store. No buttons, the whole card opens the product. */
.mbbh-card{position:relative;display:flex!important;flex-direction:column;gap:0!important;text-align:center!important}
.mbbh-card__media{position:relative;display:block!important;overflow:hidden;margin:0!important;aspect-ratio:1/1;background:#fff}
.mbbh-card__media .mbbh-card__img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;aspect-ratio:1/1;object-fit:contain;transform:none;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)!important}
.mbbh-card__media .mbbh-card__img--alt{position:absolute;inset:0;opacity:0;object-fit:cover}
.mbbh-card:hover .mbbh-card__media .mbbh-card__img:only-of-type{transform:scale(1.03)}
.mbbh-card:hover .mbbh-card__media .mbbh-card__img:not(:only-of-type):not(.mbbh-card__img--alt){opacity:0}
.mbbh-card:hover .mbbh-card__media .mbbh-card__img--alt{opacity:1;transform:scale(1.03)}
.mbbh-card .mbbh-flag{position:absolute;top:auto!important;right:auto!important;bottom:10px!important;left:10px!important;z-index:1;margin:0!important;padding:5px 13px 6px!important;border-radius:40px!important;font:400 12px/1.2 Roboto,sans-serif!important;letter-spacing:1px!important;text-transform:none!important;color:#fff!important}
.mbbh-card .mbbh-flag--sale{background:#a04b60!important}
.mbbh-card .mbbh-flag--out{background:#1a1a1a!important}
.mbbh-card .mbbh-card__vendor{display:none!important}
.mbbh-card .mbbh-card__title{margin:17px 0 0!important;padding:0!important;font:500 13px/1.3 Roboto,sans-serif!important;letter-spacing:.6px!important;text-transform:none!important;color:#1a1a1a!important}
.mbbh-card .mbbh-card__title a{color:#1a1a1a!important;text-decoration:none!important;text-underline-offset:3px}
.mbbh-card .mbbh-card__title a:after{content:"";position:absolute;inset:0;z-index:2}
.mbbh-card:hover .mbbh-card__title a,.mbbh-card .mbbh-card__title a:focus-visible{text-decoration:underline!important}
.mbbh-card .mbbh-card__price{display:block;margin:7px 0 17px!important;font:400 16px/1.5 Roboto,sans-serif!important;letter-spacing:1px!important;color:#1a1a1a!important}
.mbbh-card .mbbh-card__price .woocommerce-Price-amount{font:inherit!important;color:inherit!important}
.mbbh-card .mbbh-card__price del{margin-right:8px;font-size:12px!important;color:rgba(26,26,26,.75)!important;opacity:1}
.mbbh-card .mbbh-card__price ins{background:none!important;text-decoration:none!important}

/* WooCommerce loops (shop, categories, search) use the same card */
.woocommerce ul.products li.product.mbbh-card,.woocommerce-page ul.products li.product.mbbh-card{margin-bottom:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:center!important}
.woocommerce ul.products li.product.mbbh-card .mbbh-card__media img{margin:0!important;box-shadow:none!important}
.woocommerce ul.products li.product.mbbh-card .mbbh-card__title{font-size:13px!important}

/* Cloud badge — reference store: Neuzugang! / Wieder da! ------------------- */
.mbbh-card__media { position: relative; }
.mbbh-cloud {
  position: absolute;
  z-index: 5;
  top: 1%;
  right: -3%;
  width: min(120px, 40%);
  aspect-ratio: 1 / 1;
  color: #1a1a1a;
  font-size: clamp(9px, 1.05vw, 13px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  pointer-events: none;
}
.mbbh-cloud::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #eae4ee;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath fill='%23fff' d='M85,20c-0.6-2.5-2.1-4.7-4.4-6c-2.3-1.3-5-1.5-7.4-0.6c-1.3-3.7-4.1-6.6-7.9-7.9C61.4,4.2,57,5,53.7,7.8 C50.3,3,44.6,0.5,38.8,1.2c-5.8,0.6-10.8,4.2-13.1,9.5c-3.1-0.7-6.5-0.1-9.1,1.8c-2.6,1.9-4.2,4.8-4.5,8c-0.3,3.2,0.9,6.3,3.2,8.6 c2.3,2.3,5.5,3.4,8.7,3.1c1.6,2.9,4.3,5,7.6,5.8c3.3,0.8,6.8,0.2,9.6-1.6c2.6,2.1,5.8,3.3,9.2,3.3c3.4,0,6.7-1.2,9.2-3.3 c2.8,1.8,6.2,2.3,9.6,1.6c3.3-0.8,6-2.9,7.6-5.8c3.2,0.3,6.4-0.8,8.7-3.1C88.8,26.4,90,23.2,85,20z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath fill='%23fff' d='M85,20c-0.6-2.5-2.1-4.7-4.4-6c-2.3-1.3-5-1.5-7.4-0.6c-1.3-3.7-4.1-6.6-7.9-7.9C61.4,4.2,57,5,53.7,7.8 C50.3,3,44.6,0.5,38.8,1.2c-5.8,0.6-10.8,4.2-13.1,9.5c-3.1-0.7-6.5-0.1-9.1,1.8c-2.6,1.9-4.2,4.8-4.5,8c-0.3,3.2,0.9,6.3,3.2,8.6 c2.3,2.3,5.5,3.4,8.7,3.1c1.6,2.9,4.3,5,7.6,5.8c3.3,0.8,6.8,0.2,9.6-1.6c2.6,2.1,5.8,3.3,9.2,3.3c3.4,0,6.7-1.2,9.2-3.3 c2.8,1.8,6.2,2.3,9.6,1.6c3.3-0.8,6-2.9,7.6-5.8c3.2,0.3,6.4-0.8,8.7-3.1C88.8,26.4,90,23.2,85,20z'/%3E%3C/svg%3E") no-repeat center / contain;
  filter: drop-shadow(rgba(0, 0, 0, .8) 0 0 2px) drop-shadow(rgba(0, 0, 0, .6) 0 0 1px);
}
.mbbh-cloud--restock::before { background: #f0eae4; }
.mbbh-cloud > span {
  position: absolute;
  z-index: 2;
  left: 17%;
  right: 17%;
  top: 36%;
  transform: translateY(-50%);
}
@media (max-width: 600px) {
  .mbbh-cloud { width: min(96px, 46%); }
}