/* Product Stickers CSS */
.sticker {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    overflow: visible !important;
    z-index: 998 !important;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
}

/* Основные стили для всех стикеров */
.sticker__item {
    position: absolute !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999 !important;
    max-width: 120px;
    pointer-events: auto;
    overflow: visible !important;
    transition: all 0.3s ease;
}

/* Стандартные позиции стикеров */
.sticker__item.sticker-top-left { top: 10px !important; left: 10px !important; }
.sticker__item.sticker-top-right { top: 10px !important; right: 10px !important; }
.sticker__item.sticker-bottom-left { bottom: 10px !important; left: 10px !important; }
.sticker__item.sticker-bottom-right { bottom: 10px !important; right: 10px !important; }

/* Стили для изображений */
.sticker-top-left img, 
.sticker-top-right img, 
.sticker-bottom-left img, 
.sticker-bottom-right img {
    max-width: 100%;
    max-height: 60px;
    display: block;
}

/* Стили для текстовых стикеров */
.sticker-top-left span, 
.sticker-top-right span, 
.sticker-bottom-left span, 
.sticker-bottom-right span {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: visible;
}

/* Правила для верхних левых стикеров */
.sticker__item.sticker-top-left {
    top: 10px !important; 
    left: 10px !important;
}

/* Верхние левые стикеры с смещением вниз */
.sticker__item.sticker-top-left:nth-child(1) { top: 10px !important; }
.sticker__item.sticker-top-left:nth-child(2) { top: 70px !important; }
.sticker__item.sticker-top-left:nth-child(3) { top: 130px !important; }
.sticker__item.sticker-top-left:nth-child(4) { top: 190px !important; }
.sticker__item.sticker-top-left:nth-child(5) { top: 250px !important; }

/* Правила для верхних правых стикеров */
.sticker__item.sticker-top-right {
    top: 10px !important;
    right: 10px !important;
}

/* Верхние правые стикеры с смещением вниз */
.sticker__item.sticker-top-right:nth-child(1) { top: 10px !important; }
.sticker__item.sticker-top-right:nth-child(2) { top: 70px !important; }
.sticker__item.sticker-top-right:nth-child(3) { top: 130px !important; }
.sticker__item.sticker-top-right:nth-child(4) { top: 190px !important; }
.sticker__item.sticker-top-right:nth-child(5) { top: 250px !important; }

/* Правила для нижних левых стикеров */
.sticker__item.sticker-bottom-left {
    bottom: 10px !important;
    left: 10px !important;
}

/* Нижние левые стикеры с смещением вверх */
.sticker__item.sticker-bottom-left:nth-child(1) { bottom: 10px !important; }
.sticker__item.sticker-bottom-left:nth-child(2) { bottom: 70px !important; }
.sticker__item.sticker-bottom-left:nth-child(3) { bottom: 130px !important; }
.sticker__item.sticker-bottom-left:nth-child(4) { bottom: 190px !important; }
.sticker__item.sticker-bottom-left:nth-child(5) { bottom: 250px !important; }

/* Правила для нижних правых стикеров */
.sticker__item.sticker-bottom-right {
    bottom: 10px !important;
    right: 10px !important;
}

/* Нижние правые стикеры с смещением вверх */
.sticker__item.sticker-bottom-right:nth-child(1) { bottom: 10px !important; }
.sticker__item.sticker-bottom-right:nth-child(2) { bottom: 70px !important; }
.sticker__item.sticker-bottom-right:nth-child(3) { bottom: 130px !important; }
.sticker__item.sticker-bottom-right:nth-child(4) { bottom: 190px !important; }
.sticker__item.sticker-bottom-right:nth-child(5) { bottom: 250px !important; }

/* Обратная совместимость со старыми классами */
/* Это нужно только для переходного периода */
.product-thumb .sticker {
    z-index: 998;
}

.product-image .sticker {
    z-index: 998;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 767px) {
    .sticker-top-left span,
    .sticker-top-right span,
    .sticker-bottom-left span,
    .sticker-bottom-right span {
        padding: 3px 6px;
        font-size: 10px;
    }
}