/* STEP 127 — prevent generic card media <a> rules from stretching the offer badge */
.stores-page .store-card-media > a.store-card-offer-badge{
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    right:auto !important;
    bottom:auto !important;
    display:inline-flex !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:calc(100% - 20px) !important;
    padding:6px 9px !important;
    border-radius:999px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:visible !important;
}

.stores-page .store-card-media > a.store-card-offer-badge:hover{
    transform:none !important;
}

.search-v2-store-media .search-v2-offer-badge{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:calc(100% - 20px) !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
}

@media(max-width:575.98px){
    .stores-page .store-card-media > a.store-card-offer-badge{
        top:7px !important;
        left:7px !important;
        max-width:calc(100% - 14px) !important;
        padding:5px 7px !important;
        font-size:7px !important;
    }
}