/* 
 * Минимальные стили для быстрых листовок
 * Используются стандартные стили сайта
 */

/* Убираем opacity для блоков с быстрыми листовками */
.isMainSample[data-product-id],
.isQuickDiscount {
    opacity: 1 !important;
}

/* Надпись "Листовки и акции" на фиолетовом фоне в desc-main */
.isMainSample[data-product-id] .desc-main,
.isQuickDiscount .desc-main {
    background: #6c5ce7 !important;
    color: white !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    text-align: center;
    position: relative !important;
    z-index: 2;
    text-align: center;
    margin: auto;
    margin-top: 6px;
    max-width: 148px;
    margin-bottom: 14px;
}

/* Размеры изображений быстрых листовок - фиксированные пропорции с обрезкой */

/* Квадратные блоки 1:1 - изображение заполняет контейнер с обрезкой */
.banner-box1:has(.isMainSample[data-product-id]) img[data-imgnumber],
.banner-box1:has(.isQuickDiscount) img[data-imgnumber] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    display: block;
    position: relative;
    top: 1px;
    border-radius: 1.2rem;
}

/* Прямоугольные блоки 2:1 - изображение заполняет контейнер с обрезкой */
.banner-box2:has(.isMainSample[data-product-id]) img[data-imgnumber],
.banner-box2:has(.isQuickDiscount) img[data-imgnumber] {
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 1.2rem;
}

/* Логотип поставщика СТРОГО внизу слева */
.isMainSample[data-product-id] .supplier-logo-lazy,
.isQuickDiscount .supplier-logo-lazy {
    position: absolute !important;
    left: 12px !important;
    top: auto !important;
    right: auto !important;
    max-width: 60px;
    max-height: 30px;
    object-fit: contain;
    display: block !important;
    z-index: 3;
    background: rgba(255, 255, 255, 0.95);
    padding: 4px 6px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    bottom: 59px !important;
}

.isMainSample .name-cat {
    opacity: 1;
    border-radius: 8px;
    font-size: 0.6rem;
    left: 20px;
}

.close-window {
    padding: initial !important;
}

/* Адаптивность для мобильных и планшетов - пропорциональное уменьшение */
@media (max-width: 768px) {
    .isMainSample[data-product-id] .desc-main,
    .isQuickDiscount .desc-main {
        font-size: 0.75rem;
        padding: 6px 12px;
    }
    
    .isMainSample[data-product-id] .supplier-logo-lazy,
    .isQuickDiscount .supplier-logo-lazy {
        max-width: 50px;
        max-height: 25px;
        padding: 3px 5px;
        bottom: 10px !important;
        left: 10px !important;
    }
}

@media (max-width: 580px) {
    /* На мобильных блоки занимают 100% ширины - как обычные скидки */
    .banner-box:has(.isMainSample[data-product-id]),
    .banner-box:has(.isQuickDiscount) {
        width: 100% !important;
        padding-bottom: 30px;
    }
}

@media (max-width: 574px) {
    .modal-info {
        max-width: 93%;
    }
    
    .modal-info .fa-times{
        display: none;
    }
}
@media (max-width: 480px) {
    .isMainSample[data-product-id] .desc-main,
    .isQuickDiscount .desc-main {
        font-size: 0.7rem;
        padding: 5px 10px 12px 10px;
    }
    
    .isMainSample[data-product-id] .supplier-logo-lazy,
    .isQuickDiscount .supplier-logo-lazy {
        max-width: 45px;
        max-height: 22px;
        padding: 3px 4px;
        bottom: 84px !important;
        left: 8px !important;
    }
}