/* Неактивні посилання меню */
.menu-header-box.type-menu-h-1 a {
    font-weight: 500; /* Medium */
}

/* Активна категорія */
.menu-header-box.type-menu-h-1 li.active > a,
.menu-header-box.type-menu-h-1 li:hover > a {
    font-weight: 600; /* Semi-Bold */
}

/* Жирність для ціни */
#mslider0 .ms-price-text {
    font-weight: 200 !important;
}

/* Стилі для мобільних пристроїв */
@media (max-width: 767px) {
    #mslider0 .text-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
    #mslider0 .text-sub-title {
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
    }
}

/* Стилі для планшетів */
@media (min-width: 768px) and (max-width: 1023px) {
    #mslider0 .text-title {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }
    #mslider0 .text-sub-title {
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
    }
}

/* Стилі для десктопів */
@media (min-width: 1024px) {
    #mslider0 .text-title {
        font-size: 48px !important;
        line-height: 1.4 !important;
    }
    #mslider0 .text-sub-title {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
}
/* Контейнер контактів у підвалі */
.footer-phones-list, 
#footer .column:nth-child(2) {
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* Стиль для номерів (посилання + текст всередині) */
.footer-phones-list a,
.footer-phones-list span {
    font-size: 18px !important;
    font-weight: 600 !important; /* Напівжирний номер */
    color: #333 !important;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

/* Стиль для підпису (Гурт/Роздріб) */
.footer-phones-list a small,
.footer-phones-list span small {
    font-weight: 400 !important; /* Текст НЕ жирний */
    font-size: 14px !important;
    color: #666 !important;
    margin-left: 8px;
    display: inline-block;
}
/* --- ВИПРАВЛЕННЯ ПОП-АПІВ (Адаптивність + Десктоп) --- */

/* Глобальні налаштування для всіх пристроїв */
html, body {
    width: 100% !important;
    overflow-x: hidden;
}

.chm-modal input.form-control, 
.chm-modal textarea.form-control {
    box-sizing: border-box !important;
}

/* СТИЛІ ДЛЯ МОБІЛЬНИХ (до 767px) */
@media (max-width: 767px) {
    .chm-modal.sm-modal-4, 
    .popup_banner, 
    .modal-dialog,
    .mfp-content {
        width: auto !important;
        max-width: 95% !important;
        margin: 10px auto !important;
    }
    
    .chm-modal .modal-body, .popup_banner #content {
        padding: 15px !important;
    }

    .chm-modal input.form-control {
        padding-right: 15px !important;
    }
    
    .chm-modal input + label.chm-input-icon {
        display: none !important;
    }
}

/* СТИЛІ ДЛЯ ДЕСКТОПА (від 768px і вище) */
@media (min-width: 768px) {
    /* Обмежуємо ширину стандартного вікна "Замовити дзвінок" та інших */
    .chm-modal.sm-modal-4 {
        width: 400px !important;
        margin: 30px auto !important;
    }
    
    /* Для банерних попапів */
    .popup_banner {
        width: 600px !important;
        max-width: 90% !important;
        margin: 30px auto !important;
    }

    /* Для загальних модальних вікон (якщо вони не sm-modal-4) */
    .modal-dialog {
        width: 600px !important; 
        margin: 30px auto !important;
    }
    
    /* Якщо це велике вікно (наприклад, кошик або швидкий перегляд) */
    .modal-xl {
        width: 1030px !important;
        max-width: 90% !important;
    }
}

/* Заборона горизонтального скролу через від'ємні маржини рядків */
.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}
/* --- ПОВНЕ ОНОВЛЕННЯ ПОПАПУ ДЗВІНКА --- */

/* 1. Прибираємо відступи у всього тіла попапа, щоб картинка торкалася країв */
#modal-callback .modal-body {
    padding: 0 !important; 
    overflow: hidden;
}

/* 2. Контейнер зображення: розтягуємо на всю ширину та прибираємо приховування на мобільних */
#modal-callback .popup-image {
    display: block !important; /* показуємо на мобільних */
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 3. Сама картинка: авто-висота, без спотворень, від краю до краю */
#modal-callback .popup-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 0; /* прибираємо радіус, щоб було чітко до країв */
    margin-bottom: 20px !important; /* відступ 20px до полів вводу */
}

/* 4. Повертаємо відступи для форми (щоб текст не лип до країв) */
#modal-callback #callback_data {
    padding: 0 25px 20px 25px !important;
}

/* 5. Налаштування для мобільних екранів */
@media (max-width: 767px) {
    #modal-callback .modal-dialog {
        margin: 10px !important;
        max-width: calc(100% - 20px) !important;
    }
    #modal-callback #callback_data {
        padding: 0 15px 15px 15px !important;
    }
}


/* Motor Textile UI: mt_tokens.css, mt_home.css (головна), mt_inner.css (внутрішні). */