/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

/* Скрываем блок, если выводим данные по складам */
.hideBlock {display: none !important;}

/*скрываем индекс из оформления заказа */
#zipProperty, label[for="zipProperty"] {display:none !important}
.nds {font-size: 12px;font-weight: normal;line-height: 16px;}

/* адаптивные картинки для описания товаров */
.lazyloaded {display: block;max-width: 100%;height: auto;} 

/* размер и цвет шрифта для описания товаров */
.tab-pane#desc {font-family: Arial, Helvetica;font-size: 12pt;color: #000000;}

b.warning {color: blue}
.works-time {font-size: 0.75em;line-height: 1.2em;}
.phone_header_block {position: relative;left: 20px;}

/* зеленая кнопка в корзину */
.to-cart, .preorder, .slide_offer, .basket.read_more {
    background-color: #019501 !important;
    border-color: #019501 !important;
}

/* строка поиска */
#title-search_fixed .maxwidth-theme {padding:0}


.quantity_block_wrapper > div {display:block;}
.iti--inline-dropdown .iti__dropdown-content {z-index:200 !important}

.ya-sprav {margin-top:20px}

.microdata-hidden {display:none}

.alert {
    position: relative;
    padding: 5px;
    font-size: 0.8em;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    line-height: 1.6em;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.custom-col-12 {
    width: 100%;
}

.multibasketform {
    display: flex;

    .form-control {
        margin-bottom: 0px;
        width: unset !important;
        margin-right: 0.5rem;
    }
}

.me-1 {
    margin-right: 0.5rem;
}

.d-flex {
    display: flex
}

.multibasket-cont {
    border-bottom: var(--theme-base-color) solid 2px;
    margin-bottom: 1rem;
    flex-wrap: wrap;


    .basket_cont {
        margin-top: .5rem;
    }
}

.modal {
    background: #00000030;
}

.modalFormCont {
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.modalForm {
    align-content: center;
    padding: 1rem;
    background-color: white;
    border-radius: 5px;
}

.jqmClose {
    margin-right: 10px;
}


/* матрица цен в карточке товара */
.matrix_flex {display: flex;justify-content: space-between;}
.matrix_flex .matrix_place {width: 45%}
.matrix_place .matrix_name {font-size: 0.85rem; font-weight:700}


/* Стили для консультанта */
.chat-widget {position: fixed;bottom: 0;right: 20px;z-index: 1000;font-family: Arial, sans-serif;}
.chat-header {
            background-color: #019501;
            color: white;
            padding: 6px 15px;
            border-radius: 5px 5px 0 0;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 250px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        
        .chat-header span.h3 {
            margin: 0;
            font-size: 1rem;
        }
        
        .chat-header .toggle-icon {
            font-size: 1rem;
        }
        
        .chat-body {
            background-color: white;
            border: 1px solid #ddd;
            border-top: none;
            border-radius: 0 0 5px 5px;
            padding: 15px;
            display: none;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            width: 250px;
        }
        
        .messenger-icons {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .messenger-icon {
            width: 40px;
            height: 40px;
            margin: 5px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform 0.2s;
            color: white;
            font-weight: bold;
            font-size: 1.5rem;
            text-align: center;
        }
        
        .messenger-icon:hover {
            transform: scale(1.2);
            color:#FFF
        }
        
        .chat-whatsapp { background-color: #25D366; }
        .chat-telegram { background-color: #0088cc; }
        .chat-viber { background-color: #7360F2; } 

/* VIDEO VERTICAL */
        /* Блок с видео */
        .video-block {
            max-width: 1400px;
            margin: 0 auto;
        }

        /* Сетка: 4 видео в строку на десктопе */
        .video-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 16px;
        }

        /* Карточка видео */
        .video-card {
            background: #111;
            border-radius: 12px;
            overflow: hidden;
        }

        /* Обертка для видео с вертикальным соотношением */
        .video-wrapper {
            aspect-ratio: 9 / 16;
            background: #000;
        }

        .video-wrapper video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Информация под видео: название и дата */
        .video-info {
            padding: 10px 12px 12px 12px;
        }

        .video-title {
            color: #fff;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.4;
            margin-bottom: 6px;
        }

        .video-date {
            color: #aaa;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            font-size: 12px;
        }

        /* Планшет: 2 видео в строку */
        @media (max-width: 1024px) and (min-width: 769px) {
            .video-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
            }
        }

        /* Мобильное устройство: 1 видео в строку */
        @media (max-width: 768px) {
            .video-grid {
                grid-template-columns: 1fr;
                gap: 16px;
                max-width: 400px;
                margin: 0 auto;
            }
        }