/* --- Matrix Warehouse Custom Sale Badge (fixed size, no stretching) --- */
.mw-sale-badge{
position: absolute;
/* cancel any theme-wide stretching from .media > * { inset:0 } */
inset: auto !important; /* resets top/right/bottom/left */
top: 1rem !important;
left: 1rem !important;
z-index: 9;
display: inline-flex; /* inline so it won't fill container */
flex-direction: column;
gap: 4px;
padding: 0.9rem 1.2rem;
border-radius: 1.2rem;
font-weight: 700;
line-height: 1.15;
backdrop-filter: blur(6px);
box-shadow: 0 4px 12px rgba(0,0,0,.18);
background: rgba(220,0,0,.95);
color: #fff;
text-align: center;
width: auto !important; /* prevent stretch */
height: auto !important; /* prevent stretch */
max-width: calc(100% - 2rem); /* safety on tiny screens */
pointer-events: none; /* don't block image zoom/swipe */
}
.mw-sale-badge__line1{ font-size: 1rem; letter-spacing: .06em; opacity: .95; }
.mw-sale-badge__line2{ font-size: 1.3rem; }
.mw-sale-badge__line3{ font-size: .95rem; font-weight: 600; opacity: .95; }
@media (min-width:768px){
.mw-sale-badge{
top: 1.1rem !important;
left: 1.1rem !important;
padding: 1rem 1.4rem;
transform: scale(1.08);
}
.mw-sale-badge__line1{ font-size: 1.05rem; }
.mw-sale-badge__line2{ font-size: 1.4rem; }
.mw-sale-badge__line3{ font-size: 1rem; }
}
