/* Full-width badge strip flush to the bottom of each product card COVER (.moka-card__photo).
   The photo area shrinks by the strip height so images stay fully visible (contain, uncropped). */
.cover-badge-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:5px;height:var(--cover-badge-h,24px);padding:0 8px;box-sizing:border-box;border-radius:0 0 8px 8px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#fffdf8;white-space:nowrap;text-align:center;pointer-events:none}
.cover-badge-strip__icon{flex:none;display:block}
.moka-card__photo .cover-badge-strip>.cover-badge-strip__icon{width:16px;height:14px;max-width:16px;max-height:14px;flex:0 0 16px;object-fit:contain}
.cover-badge-strip__text{min-width:0;overflow-wrap:normal}
.cover-badge-strip--popular{background:linear-gradient(90deg,#ef6c1c 0%,#f6961a 48%,#fdbf1c 100%);text-shadow:0 1px 0 rgba(140,55,0,.22)}
.cover-badge-strip--urgent{background:#dd2f2c;color:#fff}
html body #fincan-store.store-shell[class] .moka-card .moka-card__photo.has-cover-badge{--cover-badge-h:24px;position:relative}
html body #fincan-store.store-shell[class] .moka-card .moka-card__photo.has-cover-badge>.product-open{height:calc(100% - var(--cover-badge-h))!important}
html body #fincan-store.store-shell[class] .moka-card .moka-card__photo.has-cover-badge>.product-open :is(img,svg.cup-cutout,picture){height:100%!important;max-height:100%!important;object-fit:contain!important}
/* Narrow 2-column cards (320-390px phones): wrap the full ranked label onto two readable lines, never ellipsize. */
@container moka-product (max-width:239px){
  html body #fincan-store.store-shell[class] .moka-card .moka-card__photo.has-cover-badge{--cover-badge-h:34px}
  .cover-badge-strip{white-space:normal;font-size:10.5px;line-height:1.12;gap:4px;padding:0 6px}
  .cover-badge-strip__text{text-wrap:balance}
  .cover-badge-strip__icon{width:13px;height:13px}
}
/* Compact mobile catalog rows use a 120px cover: let the label wrap to two short lines. */
@media(max-width:767px){
  html body #fincan-store.store-shell[data-route=catalog] .moka-card .moka-card__photo.has-cover-badge{--cover-badge-h:34px}
  html body #fincan-store.store-shell[data-route=catalog] .cover-badge-strip{white-space:normal;font-size:9.5px;line-height:1.1;gap:3px;padding:0 4px}
  html body #fincan-store.store-shell[data-route=catalog] .cover-badge-strip__icon{width:11px;height:11px}
}
@media(forced-colors:active){.cover-badge-strip{border-top:1px solid CanvasText;background:Canvas;color:CanvasText}}