/* Start:/local/templates/profparket_10.2019/css/catalog-optimized.css?17668460786341*/
/* КРИТИЧЕСКИЙ CSS для мгновенной отрисовки */
.catalog-section__row { display: flex; flex-wrap: wrap; }
.catalog-section__image { position: relative; overflow: hidden; }
.catalog-section__image img { width: 100%; height: auto; display: block; }

/* Оптимизированные стили с микро-анимациями */
.my-prop-table_code span {
    color: #79b715;
    font-weight: 700;
    margin-left: 10px;
    transition: color 0.2s ease;
}

.catalog-section__image-brand {
    position: absolute;
    bottom: 5px;
    width: 95%;
    top: 0;
    left: 10px;
    z-index: 2;
}

.custom-item-danil {
    width: 50%;
}

.custom-item-danil p {
    margin-bottom: 5px !important;
}

.custom-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.my-article {
    width: 20px;
    overflow: hidden;
    position: relative;
}

.modal-header {
    text-align: center;
}

.modal-header h5 {
    padding: 0px!important;
    margin-left: auto;
    margin-right: auto;
}

.close {
    margin-left: 0px!important;
}

#id_product {
    display: none;
}

/* Микро-анимации для улучшения UX */
.random-button-block {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    transform: translateZ(0); /* Аппаратное ускорение */
}

.random-button-block:active {
    transform: scale(0.95);
    opacity: 0.8;
}

.catalog-sort__links a {
    transition: opacity 0.2s ease;
}

.catalog-sort__links a:active {
    opacity: 0.7;
}

.catalog-section__item {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    backface-visibility: hidden; /* Улучшение производительности */
}

.catalog-section__item:active {
    transform: translateY(2px);
}

/* Затемнение при наведении на кнопки */
.random-button-block:hover {
    filter: brightness(0.9);
    background-color: #5a8a10;
}

.ajax_compare_btn:hover .random-button-block,
.ajax_basket_card:hover .random-button-block,
.ajax_card:hover .random-button-block {
    filter: brightness(0.85);
    background-color: #5a8a10;
}

/* Затемнение для кнопок в модальных окнах */
.modal .btn:hover,
#main-ajax .btn:hover,
#main-basket-ajax .btn:hover {
    filter: brightness(0.9);
    background-color: #5a8a10;
}

/* Затемнение для кнопок сортировки */
.catalog-sort__links a:hover {
    filter: brightness(0.8);
}

/* Затемнение для кнопки сброса */
.catalog-sort_half a:hover {
    filter: brightness(0.8);
}

/* Плавные переходы для всех эффектов наведения */
.random-button-block,
.modal .btn,
#main-ajax .btn,
#main-basket-ajax .btn,
.catalog-sort__links a,
.catalog-sort_half a {
    transition: all 0.2s ease-in-out;
}

/* Стили для распродажи */
.catalog-section__image-sale {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff4444;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    z-index: 3;
    text-transform: uppercase;
}

/* Базовые стили для структуры */
.catalog-section__col {
    margin-bottom: 1.5rem;
}

.catalog-section__col > * {
    height: 100%;
}

/* Стили для отступов секций */
.catalog-detail__inner {
    margin-bottom: 20px;
}

.catalog-top-sections {
    margin: 1rem 0;
}

/* Стили для формы выбора количества товаров */
.catalogPerPageCover {
    display: inline-block;
    margin-left: 15px;
}

.catalogPerPageCover form {
    display: inline-block;
    margin-left: 5px;
}

.catalogPerPageCover select {
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

/* ===== ОПТИМИЗАЦИИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ ===== */

@media (max-width: 1199.98px) {
    .custom-item-danil {
        width: 50%;
    }
}

@media (max-width: 767.98px) {
    .custom-item-danil {
        width: 100%;
    }
    
    .catalog-section__image-brand {
        width: 90%;
        left: 5px;
    }
    
    .my-article {
        width: auto;
        overflow: visible;
    }
    
    /* ОПТИМИЗАЦИЯ: Упрощенные анимации для мобильных */
    .random-button-block:active {
        transform: scale(0.98); /* Более легкая анимация */
    }
    
    .catalog-section__item:active {
        transform: translateY(1px); /* Более легкая анимация */
    }
}

@media (max-width: 575.98px) {
    .catalog-section__image-brand {
        width: 85%;
        left: 2px;
    }
    
    /* ОПТИМИЗАЦИЯ: Отключение сложных эффектов на самых маленьких экранах */
    .random-button-block:hover,
    .ajax_compare_btn:hover .random-button-block,
    .ajax_basket_card:hover .random-button-block,
    .ajax_card:hover .random-button-block,
    .modal .btn:hover,
    #main-ajax .btn:hover,
    #main-basket-ajax .btn:hover,
    .catalog-sort__links a:hover,
    .catalog-sort_half a:hover {
        filter: none; /* Убираем filter для производительности */
    }
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ ОПТИМИЗАЦИИ ПРОИЗВОДИТЕЛЬНОСТИ ===== */

/* Оптимизация для reduce-motion */
@media (prefers-reduced-motion: reduce) {
    .random-button-block,
    .catalog-section__item,
    .catalog-sort__links a,
    .modal .btn,
    #main-ajax .btn,
    #main-basket-ajax .btn,
    .catalog-sort__links a,
    .catalog-sort_half a {
        transition: none;
    }
    
    .random-button-block:active,
    .catalog-section__item:active {
        transform: none;
    }
}

/* Оптимизация рендеринга */
.catalog-section__image {
    transform: translateZ(0);
    will-change: transform;
}

/* Оптимизация для старых устройств */
@media (max-width: 767.98px) and (orientation: portrait) {
    .catalog-section__item {
        transform: translateZ(0);
    }
}

/* Оптимизация загрузки изображений */
.catalog-section__image img {
    loading: lazy;
    decoding: async;
}
/* End */
/* /local/templates/profparket_10.2019/css/catalog-optimized.css?17668460786341 */