/* ==========================================
   1. SOLD OUT под товаром в каталоге
   ========================================== */

.t-store__card__sold-out-msg {
    visibility: hidden;
}

.t-store__card__sold-out-msg::after {
    content: "SOLD OUT";
    visibility: visible;
    display: block;
}


/* ==========================================
   2. SOLD OUT на кнопке страницы товара
   ========================================== */

.t-store__prod-popup__btn_disabled
.js-store-prod-popup-buy-btn-txt {
    font-size: 0 !important;
}

.t-store__prod-popup__btn_disabled
.js-store-prod-popup-buy-btn-txt::after {
    content: "SOLD OUT";
    font-size: 14px !important;
}


/* ==========================================
   3. Внешний вид плашки с остатком
   ========================================== */

.t-store__card__stock-warning {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
    pointer-events: none;
}


/* ==========================================
   4. Визуальное выделение распроданных товаров
   ========================================== */

.t-store__card:has(.t-store__card__sold-out-msg)
.t-store__card__imgwrapper {
    filter: grayscale(45%);
    opacity: 0.72;
}

.t-store__card:has(.t-store__card__sold-out-msg)
.t-store__card__imgwrapper {
    position: relative;
}

.t-store__card:has(.t-store__card__sold-out-msg)
.t-store__card__imgwrapper::after {
    content: "SOLD OUT";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-8deg);
    padding: 8px 18px;
    border: 2px solid #000;
    background: rgba(255, 255, 255, 0.88);
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    white-space: nowrap;
    z-index: 20;
    pointer-events: none;
}