.sticker-catalog.sticker-left{left: 0px;}
.sticker-catalog.sticker-right{right: 0px;}
.sticker-product.sticker-left{left: 0px;}
.sticker-product.sticker-right{right: 0px;}
.sticker-catalog{top: 5px; z-index: 1;}
.sticker-product{top: 5px; z-index: 1;}
.sticker-custom0{background: url('/image/catalog/stickers/blue.png');}
/* Фиксированное позиционирование стикеров */
.sticker-catalog.sticker-left{left: 0px;}
.sticker-catalog.sticker-right{right: 0px;}
.sticker-product.sticker-left{left: 0px;}
.sticker-product.sticker-right{right: 0px;}
.sticker-catalog{top: 5px; z-index: 1;}
.sticker-product{top: 5px; z-index: 1;}
.sticker-custom0{background: url('/image/catalog/stickers/blue.png');}

/* Усиление специфичности селекторов для преодоления основного шаблона */
html body .sticker-catalog, 
html body .sticker-product {
    left: -5% !important; /* Сдвиг немного влево от центра */
    right: 0 !important;
    top: 0px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    z-index: 999 !important; /* Повышенный z-index для гарантии */
}

/* Увеличенные на 10% стикеры для десктопа */
html body .sticker-rectangle {
    width: 132px !important; /* 120px + 10% */
    height: 26px !important; /* 24px + 10% */
    font-size: 15px !important; /* 14px + 10% */
    line-height: 26px !important; /* 24px + 10% */
    border-radius: 7px !important; /* 6px + 10% */
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 132px !important; /* Принудительное ограничение */
    box-sizing: border-box !important;
}

/* Правила для фоновых изображений стикеров */
html body .sticker-catalog [style*="background"],
html body .sticker-product [style*="background"],
html body [class^="sticker-"] {
    background-size: 110% auto !important; /* Увеличиваем фоновое изображение на 10% */
    background-position: center center !important;
}

/* Правила для изображений внутри стикеров */
html body .sticker-catalog img,
html body .sticker-product img {
    max-width: 110% !important; /* 100% + 10% */
    height: auto !important;
    width: 110% !important; /* Принудительно устанавливаем ширину */
    object-fit: contain !important;
    box-sizing: border-box !important;
}

html body .sticker-star {
    width: 110px !important; /* 100px + 10% */
    height: 110px !important; /* 100px + 10% */
    font-size: 15px !important; /* 14px + 10% */
    line-height: 18px !important; /* 16px + 10% */
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .sticker-star > div {
    width: 77px !important; /* 70px + 10% */
}

html body .sticker-star.sticker-percent > div {
    font-size: 29px !important; /* 26px + 10% */
    line-height: 29px !important; /* 26px + 10% */
}

html body .sticker-ribbon {
    width: 165px !important; /* 150px + 10% */
    height: 55px !important; /* 50px + 10% */
    font-size: 15px !important; /* 14px + 10% */
    line-height: 24px !important; /* 22px + 10% */
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .sticker-diagonal {
    width: 154px !important; /* 140px + 10% */
    height: 154px !important; /* 140px + 10% */
    font-size: 17px !important; /* 15px + 10% */
    line-height: 24px !important; /* 22px + 10% */
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .sticker-left .sticker-diagonal div, 
html body .sticker-right .sticker-diagonal div {
    width: 116px !important; /* 105px + 10% */
    margin-top: 33px !important; /* 30px + 10% */
}

html body .sticker-arrow {
    width: 165px !important; /* 150px + 10% */
    height: 57px !important; /* 52px + 10% */
    font-size: 15px !important; /* 14px + 10% */
    line-height: 15px !important; /* 14px + 10% */
    padding-top: 29px !important; /* 26px + 10% */
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .sticker-bigrectangle {
    min-width: 132px !important; /* 120px + 10% */
    height: 44px !important; /* 40px + 10% */
    font-size: 20px !important; /* 18px + 10% */
    line-height: 20px !important; /* 18px + 10% */
    padding: 12px 17px 0px 17px !important; /* 11px 15px 0px 15px + 10% */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Специфические стили для изображений внутри стикеров */
html body .sticker-rectangle img,
html body .sticker-star img,
html body .sticker-ribbon img,
html body .sticker-diagonal img,
html body .sticker-arrow img,
html body .sticker-bigrectangle img {
    max-width: 110% !important;
    height: auto !important;
    width: 110% !important; /* Явно устанавливаем размер на 10% больше */
    display: inline-block !important;
    transform: none !important; /* Удаляем transform, используем width */
    object-fit: contain !important;
}

/* Фиксация позиционирования в категориях и товарах */
html body .products__item .sticker-catalog,
html body .products__item .sticker-catalog.sticker-left,
html body .products__item .sticker-catalog.sticker-right,
html body .products__item .sticker-top-center {
    position: absolute !important;
    top: 0px !important;
    left: -5% !important; /* Смещение влево */
    right: 0 !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 999 !important;
}

/* Фикс для ProStore структуры */
html body .products__item-in {
    position: relative !important;
}

html body .products__item-gallery {
    position: relative !important;
}

/* Фиксы для принудительного ограничения размера контейнеров стикеров */
html body .sticker-container,
html body .sticker-catalog > div,
html body .sticker-product > div {
    overflow: visible !important; /* Изменено с hidden на visible */
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Фиксы для фоновых изображений, если они используются в стикерах */
html body [class^="sticker-"] {
    background-size: 110% auto !important; /* Увеличиваем на 10% */
}

/* Медиа-запрос для мобильных устройств - уменьшение на 35% */
@media (max-width: 767px) {
    html body .sticker-rectangle {
        width: 86px !important; /* 132px - 35% */
        height: 17px !important; /* 26px - 35% */
        font-size: 10px !important; /* 15px - 35% */
        line-height: 17px !important; /* 26px - 35% */
        border-radius: 4px !important; /* 7px - 35% */
        max-width: 86px !important; /* Принудительное ограничение */
    }
    
    /* Правила для фоновых изображений на мобильных */
    html body .sticker-catalog [style*="background"],
    html body .sticker-product [style*="background"],
    html body [class^="sticker-"] {
        background-size: 65% auto !important; /* Уменьшаем фоновое изображение на 35% */
    }
    
    /* Мобильные правила для изображений внутри стикеров */
    html body .sticker-catalog img,
    html body .sticker-product img,
    html body .sticker-rectangle img,
    html body .sticker-star img,
    html body .sticker-ribbon img,
    html body .sticker-diagonal img,
    html body .sticker-arrow img,
    html body .sticker-bigrectangle img {
        max-width: 65% !important; /* Уменьшаем изображения для мобильной версии */
        width: 65% !important; /* Принудительно устанавливаем ширину */
        height: auto !important;
        transform: none !important; /* Удаляем transform, используем width */
    }
    
    html body .sticker-star {
        width: 72px !important; /* 110px - 35% */
        height: 72px !important; /* 110px - 35% */
        font-size: 10px !important; /* 15px - 35% */
        line-height: 12px !important; /* 18px - 35% */
    }
    
    html body .sticker-star > div {
        width: 50px !important; /* 77px - 35% */
    }
    
    html body .sticker-star.sticker-percent > div {
        font-size: 19px !important; /* 29px - 35% */
        line-height: 19px !important; /* 29px - 35% */
    }
    
    html body .sticker-ribbon {
        width: 107px !important; /* 165px - 35% */
        height: 36px !important; /* 55px - 35% */
        font-size: 10px !important; /* 15px - 35% */
        line-height: 16px !important; /* 24px - 35% */
    }
    
    html body .sticker-diagonal {
        width: 100px !important; /* 154px - 35% */
        height: 100px !important; /* 154px - 35% */
        font-size: 11px !important; /* 17px - 35% */
        line-height: 16px !important; /* 24px - 35% */
    }
    
    html body .sticker-left .sticker-diagonal div, 
    html body .sticker-right .sticker-diagonal div {
        width: 75px !important; /* 116px - 35% */
        margin-top: 21px !important; /* 33px - 35% */
    }
    
    html body .sticker-arrow {
        width: 107px !important; /* 165px - 35% */
        height: 37px !important; /* 57px - 35% */
        font-size: 10px !important; /* 15px - 35% */
        line-height: 10px !important; /* 15px - 35% */
        padding-top: 19px !important; /* 29px - 35% */
    }
    
    html body .sticker-bigrectangle {
        min-width: 86px !important; /* 132px - 35% */
        height: 29px !important; /* 44px - 35% */
        font-size: 13px !important; /* 20px - 35% */
        line-height: 13px !important; /* 20px - 35% */
        padding: 8px 11px 0px 11px !important; /* 12px 17px 0px 17px - 35% */
    }
    
    /* Дополнительные мобильные корректировки */
    html body .products__item .sticker-catalog {
        top: 5px !important; /* Уменьшенный отступ сверху для мобильных */
    }
}