/* Ürün rozetleri bütün mağaza yüzeylerinde aynı panel ayarını ve ölçüyü kullanır. */
.rbt-product-badge.storefront-product-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    max-width: min(220px, calc(100% - 12px));
    padding: 5px 10px;
    border: 0;
    border-radius: 7px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .14);
}

.storefront-badge--green { background: linear-gradient(135deg, #50e650 0%, #24bd25 100%); }
.storefront-badge--orange-gradient { background: linear-gradient(135deg, #ff7a00 0%, #ff3d00 100%); }
.storefront-badge--red-gradient { background: linear-gradient(135deg, #ff5252 0%, #c91328 100%); }
.storefront-badge--blue-gradient { background: linear-gradient(135deg, #3e8bff 0%, #1e4fc4 100%); }
.storefront-badge--purple-gradient { background: linear-gradient(135deg, #a855f7 0%, #6325c7 100%); }
.storefront-badge--dark-gradient { background: linear-gradient(135deg, #4b5563 0%, #111827 100%); }
.storefront-badge--orange-solid { background: #f97316; }
.storefront-badge--red-solid { background: #dc2626; }
.storefront-badge--blue-solid { background: #2563eb; }
.storefront-badge--purple-solid { background: #7c3aed; }
.storefront-badge--dark-solid { background: #111827; }
.storefront-badge--gold-gradient { background: linear-gradient(135deg, #eab308 0%, #a16207 100%); }
.storefront-badge--pink-gradient { background: linear-gradient(135deg, #f472b6 0%, #db2777 100%); }
.storefront-badge--stock { background: linear-gradient(135deg, #4b5563 0%, #111827 100%); }

.rbt-card-img > .storefront-badge-wrapper,
.rbt-card-img .storefront-badge-wrapper {
    position: absolute;
    z-index: 4;
    top: 16px;
    left: 16px;
    display: flex;
    width: calc(100% - 32px);
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    pointer-events: none;
}

.product-page .storefront-product-badge.product-detail-badge {
    min-height: 30px;
    max-width: min(240px, calc(100% - 32px));
    padding: 6px 11px;
    font-size: 17px;
}

.product-page .product-detail-badge-list {
    position: absolute;
    z-index: 4;
    top: 14px;
    left: 14px;
    display: flex;
    width: max-content;
    max-width: calc(100% - 28px);
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    pointer-events: none;
}

.product-page .product-detail-badge-list .product-detail-badge {
    position: static !important;
    top: auto;
    left: auto;
    max-width: 100%;
}

.catalog-grid[data-layout="4"] .rbt-product-badge.storefront-product-badge,
html[data-catalog-layout="4"] .catalog-grid .rbt-product-badge.storefront-product-badge {
    min-height: 26px;
    padding: 5px 9px;
    font-size: 13px;
}

@media (max-width: 575px) {
    /* Ürün kartlarındaki köşe indirim şeridi tüm mobil vitrinlerde aynı kalır. */
    .catalog-card .catalog-discount-corner {
        width: 52px;
        height: 52px;
    }

    .catalog-card .catalog-discount-corner span {
        top: 8px;
        right: 2px;
        min-width: 34px;
        font-size: 11px;
    }

    .rbt-product-badge.storefront-product-badge {
        min-height: 22px;
        padding: 4px 7px;
        border-radius: 5px;
        font-size: 11px;
    }

    .rbt-card-img > .storefront-badge-wrapper,
    .rbt-card-img .storefront-badge-wrapper {
        top: 9px;
        left: 9px;
        width: calc(100% - 18px);
        gap: 4px;
    }

    .product-page .storefront-product-badge.product-detail-badge {
        min-height: 30px;
        max-width: calc(100% - 24px);
        padding: 6px 11px;
        border: 1px solid rgba(255, 255, 255, .72);
        font-size: 15px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
        box-shadow: 0 5px 13px rgba(15, 23, 42, .22);
    }

    .product-page .product-detail-badge-list
        .storefront-product-badge.product-detail-badge {
        max-width: 100%;
    }

    .product-page .product-detail-badge-list {
        top: 10px;
        left: 10px;
        max-width: calc(100% - 24px);
        gap: 5px;
    }
}