/* === СТИЛИ КОМПОНЕНТА «КОНТАКТЫ» === */

.com-contact-category__items .contact-thumbnail,
.com-contact-category__items img.contact-thumbnail {
    width: 100px !important;
    height: auto !important;
    max-width: 100% !important;
}

.com-contact__container {
    padding: 16px;
    box-sizing: border-box;
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(38, 50, 92, 0.03) !important;
    overflow: hidden !important;
}

.com-contact .com-contact__articles.contact-articles {
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(38, 50, 92, 0.03) !important;
    overflow: hidden !important;
    padding: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.com-contact .com-contact__articles.contact-articles h2 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    color: #26325c !important;
    font-size: 1.25rem !important;
}

.com-contact .com-contact__articles.contact-articles ul,
.com-contact .com-contact__articles.contact-articles ol {
    padding-left: 20px !important;
    margin-bottom: 0 !important;
}

.com-contact .com-contact__articles.contact-articles li {
    margin-bottom: 8px !important;
    color: #26325c !important;
    line-height: 1.5 !important;
}

/* Отступы между «Материалами» и кнопкой */
.com-contact .com-contact_articles.contact-articles {
    margin-bottom: 40px !important;
    padding-bottom: 20px !important;
}

/* Фиксация кнопки */
.com-contact #toggleContactFormBtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Стили кнопки */
.com-contact #toggleContactFormBtn {
    background-color: #e67e23 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 24px !important;
    width: auto !important;
    margin: 20px auto !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 12px rgba(255, 140, 66, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Эффект при наведении */
.com-contact #toggleContactFormBtn:hover {
    background-color: #d35400 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 140, 66, 0.4) !important;
}