/* Focused catalogue refinements: editorial badges and stable overlays. */

.product-one-box .p-item .imgshow,
.productDetailV2-one-box .leftSwiperBox {
    position: relative;
}

.hopo-product-card-badge {
    position: absolute;
    z-index: 8;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 72px);
    min-height: 30px;
    padding: 7px 11px 6px;
    color: #fff;
    background: #df001b;
    border: 1px solid rgba(255, 255, 255, .55);
    box-shadow: 0 8px 24px rgba(80, 0, 10, .18);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .01em;
    pointer-events: none;
}

.hopo-product-detail-badge {
    top: 18px;
    left: 18px;
    max-width: calc(100% - 36px);
}

[dir="rtl"] .hopo-product-card-badge {
    right: 14px;
    left: auto;
}

[dir="rtl"] .hopo-product-detail-badge {
    right: 18px;
    left: auto;
}

@media (max-width: 767px) {
    .hopo-product-card-badge,
    .hopo-product-detail-badge {
        top: 10px;
        left: 10px;
        max-width: calc(100% - 54px);
        min-height: 26px;
        padding: 5px 8px;
        font-size: 10px;
    }

    [dir="rtl"] .hopo-product-card-badge,
    [dir="rtl"] .hopo-product-detail-badge {
        right: 10px;
        left: auto;
    }
}