.mbe-cc-card .mbe-cc-price-wrapper{margin-top:.45rem}
.mbe-cc-card .mbe-cc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.28em;color:inherit;line-height:1.2;margin-bottom:.3rem}
.mbe-cc-card .mbe-cc-from{font-size:.66em;font-weight:400}
.mbe-cc-card .mbe-cc-amount{white-space:nowrap}
.mbe-cc-card .mbe-cc-price .footnote-reference{font-size:.55em;align-self:flex-start;margin-top:.2em}
.mbe-cc-card .mbe-cc-base{font-size:.78rem;margin:.15rem 0 .35rem}
.mbe-cc-card .mbe-cc-variants{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;box-sizing:border-box;margin:.4rem 0 .25rem;padding:.5rem .7rem;background:var(--moebelando-brand-green,#a6e63f);color:var(--moebelando-brand-dark,#3f4a3b);border:1px solid #8fc943;border-radius:.6rem;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.3;text-decoration:none;vertical-align:middle;white-space:normal}
.mbe-cc-card a.mbe-cc-variants:hover,.mbe-cc-card:is(a):hover .mbe-cc-variants{background:#96d93c;color:#1d2b13}
.mbe-cc-card a.mbe-cc-variants:focus-visible{outline:3px solid #344c25;outline-offset:3px}
.mbe-cc-card .mbe-cc-stack{position:relative;display:inline-block;flex:0 0 16px;height:16px}
.mbe-cc-card .mbe-cc-stack:before,.mbe-cc-card .mbe-cc-stack:after{content:"";position:absolute;width:11px;height:11px;border:1.5px solid currentColor;border-radius:2px}
.mbe-cc-card .mbe-cc-stack:before{left:0;top:0;opacity:.55}
.mbe-cc-card .mbe-cc-stack:after{left:4px;top:4px;background:var(--moebelando-brand-green,#a6e63f)}
.mbe-cc-card .mbe-cc-fallback-image{object-fit:contain;max-width:100%;height:auto}
/* Position only the outer badge frame. A generic .productbox-image selector
   also matches NOVA's absolutely positioned .second-wrapper and stacks it
   below the first image instead of overlaying it. */
.mbe-cc-card .mbe-cc-image-area{position:relative}
/* The hover layer belongs to the photo area, excluding space for the badge. */
.mbe-cc-card .productbox-images.list-gallery{position:relative}
.mbe-cc-card .productbox-images.list-gallery .second-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}
.mbe-cc-card .mbe-cc-image-note{position:absolute;bottom:.35rem;left:.35rem;z-index:1;padding:.2rem .4rem;border-radius:.25rem;background:rgba(255,255,255,.94);color:#454545;font-size:.7rem;line-height:1.25}
@media(max-width:575px){.mbe-cc-card .mbe-cc-variants{font-size:.75rem;gap:.35rem;padding:.4rem .5rem}}

.mbe-cc-card .mbe-cc-image-area{padding-bottom:2.5rem;box-sizing:border-box}
.mbe-cc-card .mbe-cc-image-area.square > .inner{height:calc(100% - 2.5rem)}
.mbe-cc-card .mbe-cc-image-area .mbe-cc-variants{position:absolute;bottom:.35rem;left:.35rem;z-index:2;margin:0;max-width:calc(100% - .7rem);box-shadow:0 2px 8px #00000012}
.mbe-cc-card .mbe-cc-image-area .mbe-cc-image-note{bottom:2.9rem}
.mbe-cc-card .mbe-cc-fallback-image{opacity:1;visibility:visible}
