/* ==========================================
   ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ
========================================== */
:root {
    --eq-accent: #e89b3f;
    --eq-accent-hover: #d68a32;
    --eq-border: #e2e8f0;
    --eq-text: #1e293b;
    --eq-text-light: #64748b;
    --eq-bg-gray: #f8fafc;
    --eq-radius: 12px;
    --eq-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.01);
    --eq-shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.05);
}

.mgt-medium { margin-top: 40px !important; margin-bottom: 60px !important; }

/* ==========================================
   ХЛЕБНЫЕ КРОШКИ
========================================== */
.eq-archive-breadcrumbs-wrap { max-width: 1300px !important; margin: 20px auto 0 auto !important; padding: 0 20px !important; }
.eq-breadcrumb { margin-bottom: 20px !important; font-size: 14px !important; font-weight: 500 !important; }
.eq-breadcrumb ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.eq-breadcrumb li { display: flex !important; align-items: center !important; color: var(--eq-text-light) !important; margin: 0 !important; padding: 0 !important; }
.eq-breadcrumb li::after { content: "›" !important; margin-left: 8px !important; font-size: 18px !important; line-height: 1 !important; color: #cbd5e1 !important; }
.eq-breadcrumb li:last-child::after { content: "" !important; }
.eq-breadcrumb a { color: var(--eq-text-light) !important; text-decoration: none !important; transition: 0.2s !important; box-shadow: none !important; }
.eq-breadcrumb a:hover { color: var(--eq-accent) !important; }
.eq-breadcrumb li:last-child { color: var(--eq-text) !important; }

/* ==========================================
   HERO БЛОК (Шапка H1)
========================================== */
.eq-hero-section {
    background: linear-gradient(rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.9)), url('https://images.unsplash.com/photo-1541888081640-025555d496a7?auto=format&fit=crop&q=80&w=1920') center/cover no-repeat !important;
    padding: 80px 20px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
.eq-hero-container { max-width: 1300px !important; margin: 0 auto !important; }
.eq-hero-title {
    color: #ffffff !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
}

/* ==========================================
   ПРЕИМУЩЕСТВА (3 колонки)
========================================== */
.eq-features-section {
    background: #fff !important;
    border-bottom: 1px solid var(--eq-border) !important;
    padding: 40px 20px !important;
}
.eq-features-container {
    max-width: 1300px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}
.eq-feature-item { text-align: left !important; }
.eq-feature-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--eq-text) !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.eq-feature-text {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--eq-text-light) !important;
    margin: 0 !important;
}

/* ==========================================
   КАТАЛОГ И ФИЛЬТР
========================================== */
.eq-catalog-wrapper { display: flex !important; gap: 40px !important; align-items: flex-start !important; max-width: 1300px !important; margin-left: auto !important; margin-right: auto !important; font-family: inherit !important; color: var(--eq-text) !important; padding: 0 20px !important; }

/* Сайдбар Фильтра */
.eq-filter-sidebar { width: 280px !important; flex-shrink: 0 !important; background: #fff !important; padding: 30px !important; border: 1px solid var(--eq-border) !important; border-radius: var(--eq-radius) !important; box-shadow: var(--eq-shadow) !important; }
.eq-filter-sidebar h3 { margin-top: 0 !important; margin-bottom: 25px !important; font-size: 20px !important; font-weight: 700 !important; color: var(--eq-text) !important; border: none !important; padding: 0 !important; }

.eq-filter-group { margin-bottom: 20px !important; }
.eq-filter-group label { display: block !important; font-size: 13px !important; font-weight: 600 !important; margin-bottom: 8px !important; color: var(--eq-text-light) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }

/* Кастомный селект */
.eq-select-wrap { position: relative !important; }
.eq-select-wrap::after {
    content: "" !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important;
    width: 10px !important; height: 6px !important; pointer-events: none !important;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%2364748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center !important;
}
.eq-filter-group select {
    appearance: none !important; -webkit-appearance: none !important;
    width: 100% !important; padding: 12px 15px !important; border: 1px solid var(--eq-border) !important; border-radius: 8px !important;
    font-size: 14px !important; outline: none !important; background-color: var(--eq-bg-gray) !important; color: var(--eq-text) !important;
    transition: all 0.2s ease !important; cursor: pointer !important; font-family: inherit !important; height: auto !important; margin: 0 !important; box-shadow: none !important;
}
.eq-filter-group select:focus, .eq-filter-group select:hover { border-color: var(--eq-accent) !important; background-color: #fff !important; box-shadow: 0 0 0 3px rgba(232, 155, 63, 0.1) !important; }

.eq-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; gap: 30px !important; }

/* Заглушка */
.eq-not-found { grid-column: 1 / -1 !important; background: #fff !important; padding: 50px !important; text-align: center !important; border-radius: var(--eq-radius) !important; border: 1px dashed #cbd5e1 !important; }
.eq-not-found h3 { margin-top: 0 !important; font-size: 22px !important; color: var(--eq-text) !important; }
.eq-not-found p { color: var(--eq-text-light) !important; margin-bottom: 20px !important; }

/* ==========================================
   КАРТОЧКА ТОВАРА
========================================== */
.eq-card { background: #fff !important; border: 1px solid var(--eq-border) !important; border-radius: var(--eq-radius) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; margin: 0 !important; padding: 0 !important; }
.eq-card:hover { box-shadow: var(--eq-shadow-hover) !important; transform: translateY(-4px) !important; border-color: transparent !important; }

.eq-card-image { display: block !important; overflow: hidden !important; border-bottom: 1px solid var(--eq-bg-gray) !important; position: relative !important; padding: 20px !important; background: #fff !important; }
.eq-card-image img { width: 100% !important; height: 200px !important; object-fit: contain !important; display: block !important; mix-blend-mode: multiply !important; transition: transform 0.3s ease !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; }
.eq-card:hover .eq-card-image img { transform: scale(1.05) !important; }

.eq-card-content { padding: 25px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; background: transparent !important; }
.eq-card-title { font-size: 18px !important; margin: 0 0 20px 0 !important; line-height: 1.4 !important; padding: 0 !important; border: none !important; }
.eq-card-title a { color: var(--eq-text) !important; text-decoration: none !important; font-weight: 700 !important; transition: color 0.2s !important; box-shadow: none !important; }
.eq-card-title a:hover { color: var(--eq-accent) !important; }

.eq-card-footer { margin-top: auto !important; padding-top: 20px !important; border-top: 1px solid var(--eq-border) !important; }
.eq-card-price { font-size: 24px !important; font-weight: 800 !important; color: var(--eq-text) !important; margin-bottom: 2px !important; line-height: 1.2 !important; }
.eq-card-price span { font-size: 13px !important; font-weight: 500 !important; color: var(--eq-text-light) !important; }
.eq-card-price-small { font-size: 14px !important; font-weight: 600 !important; margin-bottom: 20px !important; color: var(--eq-accent) !important; }
.eq-card-actions { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }

/* ==========================================
   КНОПКИ
========================================== */
.eq-btn { 
    background: var(--eq-accent) !important; color: #fff !important; border: none !important; padding: 14px 20px !important; 
    border-radius: 8px !important; cursor: pointer !important; text-align: center !important; text-decoration: none !important; 
    font-weight: 600 !important; flex: 1 !important; transition: all 0.2s ease !important; font-size: 15px !important; display: inline-block !important;
    box-shadow: 0 4px 10px rgba(232, 155, 63, 0.3) !important; line-height: normal !important; margin: 0 !important;
}
.eq-btn:hover { background: var(--eq-accent-hover) !important; color: #fff !important; transform: translateY(-1px) !important; box-shadow: 0 6px 15px rgba(232, 155, 63, 0.4) !important; }

.eq-btn-outline { 
    background: transparent !important; border: 2px solid var(--eq-border) !important; color: var(--eq-text) !important; 
    padding: 12px 20px !important; border-radius: 8px !important; text-align: center !important; text-decoration: none !important; 
    font-weight: 600 !important; flex: 1 !important; transition: all 0.2s ease !important; display: inline-block !important; font-size: 15px !important;
    line-height: normal !important; margin: 0 !important; box-shadow: none !important;
}
.eq-btn-outline:hover { border-color: var(--eq-text) !important; background: var(--eq-text) !important; color: #fff !important; }

.eq-btn-reset { display: block !important; text-align: center !important; margin-top: 15px !important; color: var(--eq-text-light) !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; transition: 0.2s !important; background: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; }
.eq-btn-reset:hover { color: var(--eq-text) !important; text-decoration: underline !important; background: transparent !important; }

/* ==========================================
   ОБЩИЕ ЭЛЕМЕНТЫ: ХАРАКТЕРИСТИКИ
========================================== */
.eq-params-list { margin-bottom: 25px !important; flex-grow: 1 !important; }
.eq-param-item { display: flex !important; justify-content: space-between !important; position: relative !important; margin-bottom: 12px !important; font-size: 14px !important; color: var(--eq-text-light) !important; padding: 0 !important; border: none !important; background: transparent !important; }
.eq-param-item::before { content: "" !important; position: absolute !important; bottom: 6px !important; left: 0 !important; width: 100% !important; border-bottom: 1px dotted #cbd5e1 !important; z-index: 1 !important; }
.eq-param-item span { background: #fff !important; position: relative !important; z-index: 2 !important; padding: 0 6px !important; display: inline-block !important; margin: 0 !important; border: none !important; color: inherit !important; font-weight: normal !important; }
.eq-param-item span:first-child { padding-left: 0 !important; }
.eq-param-item span:last-child { padding-right: 0 !important; font-weight: 600 !important; color: var(--eq-text) !important; }

/* ==========================================
   ОДИНОЧНАЯ СТРАНИЦА ТОВАРА
========================================== */
.eq-container { max-width: 1300px !important; padding: 0 20px !important; margin-left: auto !important; margin-right: auto !important; font-family: inherit !important; color: var(--eq-text) !important; }
.eq-header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; margin-bottom: 40px !important; flex-wrap: wrap !important; gap: 20px !important; padding-bottom: 20px !important; border-bottom: 1px solid var(--eq-border) !important;}
.eq-header-left { flex: 1 1 60% !important; }
.eq-title { font-size: 34px !important; font-weight: 800 !important; margin: 0 !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; color: var(--eq-text) !important; }
.eq-header-right { flex: 1 1 30% !important; text-align: right !important; }
.eq-subtitle { font-size: 14px !important; color: var(--eq-text-light) !important; margin-bottom: 6px !important; font-weight: 500 !important; }
.eq-price-shift { font-size: 32px !important; font-weight: 800 !important; color: var(--eq-accent) !important; line-height: 1 !important; margin: 0 !important; }

.eq-body { display: flex !important; flex-wrap: wrap !important; gap: 40px !important; }
.eq-content-left { flex: 1 1 60% !important; min-width: 300px !important; }
.eq-content-right { flex: 1 1 32% !important; min-width: 300px !important; }

.eq-image-wrap { background: #fff !important; padding: 30px !important; border-radius: var(--eq-radius) !important; border: 1px solid var(--eq-border) !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; text-align: center !important;}
.eq-image-wrap img { max-width: 100% !important; height: auto !important; max-height: 500px !important; object-fit: contain !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; }
.eq-description { margin-top: 40px !important; line-height: 1.8 !important; font-size: 16px !important; color: #475569 !important; }

.eq-sidebar-card { background: #fff !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; }
.eq-price-box { background: var(--eq-bg-gray) !important; padding: 30px !important; border-radius: var(--eq-radius) !important; text-align: center !important; border: 1px solid var(--eq-border) !important; margin-top: 30px !important;}
.eq-price-label { font-size: 14px !important; color: var(--eq-text-light) !important; margin-bottom: 10px !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0.5px !important;}
.eq-price-value { font-size: 32px !important; font-weight: 800 !important; margin-bottom: 25px !important; color: var(--eq-text) !important; line-height: 1 !important;}

/* ==========================================
   МОДАЛЬНОЕ ОКНО
========================================== */
.eq-modal-overlay { 
    opacity: 0 !important; visibility: hidden !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; 
    background: rgba(15, 23, 42, 0.6) !important; z-index: 999999 !important; display: flex !important; align-items: center !important; justify-content: center !important; 
    backdrop-filter: blur(5px) !important; transition: all 0.3s ease !important; margin: 0 !important; padding: 15px !important;
}
.eq-modal-overlay.eq-show { opacity: 1 !important; visibility: visible !important; }

.eq-modal { 
    background: #fff !important; padding: 40px 50px !important; border-radius: 16px !important; width: 100% !important; max-width: 450px !important; 
    position: relative !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; margin: 0 auto !important;
    transform: translateY(20px) scale(0.95) !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; border: none !important;
}
.eq-modal-overlay.eq-show .eq-modal { transform: translateY(0) scale(1) !important; }

.eq-modal-header { text-align: center !important; margin-bottom: 30px !important; }
.eq-modal h3 { margin: 0 0 10px 0 !important; font-size: 24px !important; font-weight: 800 !important; color: var(--eq-text) !important; line-height: 1.2 !important; padding: 0 !important; border: none !important; }
.eq-modal p { margin: 0 !important; font-size: 14px !important; color: var(--eq-accent) !important; font-weight: 600 !important; line-height: 1.4 !important; padding: 0 !important; border: none !important; }

.eq-input-group { margin-bottom: 20px !important; text-align: left !important; padding: 0 !important; border: none !important; background: transparent !important; }
.eq-input-group label { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: var(--eq-text-light) !important; margin-bottom: 8px !important; text-transform: none !important; letter-spacing: normal !important; }
.eq-modal input { 
    width: 100% !important; padding: 14px 16px !important; border: 2px solid var(--eq-border) !important; border-radius: 8px !important; 
    font-size: 15px !important; outline: none !important; transition: all 0.2s ease !important; background: var(--eq-bg-gray) !important; font-family: inherit !important; color: var(--eq-text) !important; margin: 0 !important; box-shadow: none !important; height: auto !important; line-height: normal !important;
}
.eq-modal input:focus { border-color: var(--eq-accent) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(232, 155, 63, 0.1) !important; }

.eq-close { 
    position: absolute !important; top: 15px !important; right: 20px !important; cursor: pointer !important; font-size: 32px !important; 
    color: #94a3b8 !important; line-height: 1 !important; transition: 0.2s !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important;
}
.eq-close:hover { color: var(--eq-text) !important; transform: scale(1.1) !important; background: transparent !important; }
.eq-response-msg { margin-top: 15px !important; font-size: 14px !important; text-align:center !important; font-weight: 600 !important; }

/* ПАГИНАЦИЯ */
.eq-pagination { margin-top: 40px !important; text-align: center !important; }
.eq-pagination .page-numbers { display: inline-block !important; padding: 8px 14px !important; margin: 0 4px !important; border: 1px solid var(--eq-border) !important; border-radius: 4px !important; color: var(--eq-text) !important; text-decoration: none !important; font-weight: bold !important; transition: 0.2s !important; background: #fff !important;}
.eq-pagination .page-numbers.current, .eq-pagination .page-numbers:hover { background: var(--eq-accent) !important; color: #fff !important; border-color: var(--eq-accent) !important; }

/* ==========================================
   АДАПТИВНОСТЬ
========================================== */
@media (max-width: 992px) {
    .eq-catalog-wrapper { flex-direction: column !important; }
    .eq-filter-sidebar { width: 100% !important; display: flex !important; flex-wrap: wrap !important; gap: 15px !important; padding: 25px !important; }
    .eq-filter-sidebar h3, .eq-filter-sidebar button, .eq-filter-sidebar .eq-btn-reset { width: 100% !important; margin-top: 10px !important; }
    .eq-filter-group { flex: 1 1 calc(33.33% - 15px) !important; margin-bottom: 0 !important; }
    .eq-features-container { grid-template-columns: 1fr !important; gap: 25px !important; }
}
@media (max-width: 768px) {
    .eq-header { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important;}
    .eq-header-right { text-align: left !important; }
    .eq-title { font-size: 26px !important; }
    .eq-filter-group { flex: 1 1 calc(50% - 15px) !important; }
    .eq-modal { padding: 30px 25px !important; }
    .eq-hero-section { padding: 50px 20px !important; }
    .eq-hero-title { font-size: 32px !important; }
}
@media (max-width: 480px) {
    .eq-filter-group { flex: 1 1 100% !important; }
}

/* ==========================================
   ШОРТКОД КАТЕГОРИЙ НА ГЛАВНОЙ [eq_categories]
========================================== */
.eq-cat-wrapper { max-width: 1300px !important; margin: 0 auto !important; padding: 0 20px !important; font-family: inherit !important; }
.eq-cat-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; }

/* Карточка категории */
.eq-cat-card { background: #fff !important; border: 1px solid var(--eq-border) !important; border-radius: var(--eq-radius) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; text-decoration: none !important; color: var(--eq-text) !important; }
.eq-cat-card:hover { box-shadow: var(--eq-shadow-hover) !important; transform: translateY(-5px) !important; border-color: var(--eq-accent) !important; }

/* Изображение категории */
.eq-cat-image { background: var(--eq-bg-gray) !important; padding: 20px !important; text-align: center !important; border-bottom: 1px solid var(--eq-border) !important; position: relative !important; overflow: hidden !important; }
.eq-cat-image img { width: 100% !important; height: 200px !important; object-fit: contain !important; mix-blend-mode: multiply !important; transition: transform 0.4s ease !important; border-radius: 0 !important; margin: 0 !important; border: none !important; }
.eq-cat-card:hover .eq-cat-image img { transform: scale(1.08) !important; }

/* Контент категории */
.eq-cat-content { padding: 30px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }
.eq-cat-title { font-size: 22px !important; font-weight: 800 !important; margin: 0 0 20px 0 !important; color: var(--eq-text) !important; line-height: 1.3 !important; transition: color 0.2s !important; border: none !important; padding: 0 !important; }
.eq-cat-card:hover .eq-cat-title { color: var(--eq-accent) !important; }

/* Подвал карточки с ценой */
.eq-cat-footer { margin-top: auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 10px !important; border-top: 1px solid var(--eq-border) !important; padding-top: 20px !important; }
.eq-cat-price { font-size: 20px !important; font-weight: 800 !important; color: var(--eq-text) !important; margin: 0 !important; line-height: 1 !important; }
.eq-cat-price span { font-size: 13px !important; font-weight: 500 !important; color: var(--eq-text-light) !important; }

/* Кнопка внутри карточки */
.eq-cat-btn { padding: 10px 18px !important; font-size: 14px !important; flex: none !important; margin: 0 !important; }
.eq-cat-card:hover .eq-cat-btn { background: var(--eq-text) !important; color: #fff !important; border-color: var(--eq-text) !important; }

/* Адаптивность для Главной */
@media (max-width: 992px) {
    .eq-cat-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
    .eq-cat-grid { grid-template-columns: 1fr !important; }
    .eq-cat-image img { height: 160px !important; }
    .eq-cat-content { padding: 20px !important; }
}

/* ==========================================
   БЛОК С ФОРМОЙ [eq_cta_block] (Оранжевый)
========================================== */
.eq-cta-wrapper {
    max-width: 1300px !important;
    margin: 60px auto !important;
    padding: 0 20px !important;
    font-family: inherit !important;
}
.eq-cta-container {
    background: #e1953d !important; /* Насыщенный оранжевый с макета */
    border-radius: 4px !important;
    display: table !important;
    width: 100% !important;
    position: relative !important;
    min-height: 280px !important;
}

/* Ячейки через display: table-cell для идеального выравнивания */
.eq-cta-image-box,
.eq-cta-content {
    display: table-cell !important;
    vertical-align: middle !important;
    position: relative !important;
}

/* Левая часть: Картинка грузовика */
.eq-cta-image-box {
    width: 35% !important;
}
.eq-cta-image-box img {
    position: absolute !important;
    bottom: -20px !important; /* Вылезает за пределы рамки вниз */
    left: 20px !important;
    width: 110% !important;
    max-width: 440px !important;
    height: auto !important;
    z-index: 2 !important;
}
/* Черная декоративная рамка сзади грузовика */
.eq-cta-image-box::before {
    content: "" !important;
    position: absolute !important;
    bottom: -35px !important;
    left: -10px !important;
    width: 300px !important;
    height: 300px !important;
    border: 15px solid #222222 !important;
    z-index: 1 !important;
}

/* Правая часть: Контент формы */
.eq-cta-content {
    width: 65% !important;
    padding: 40px 50px 40px 40px !important;
}
.eq-cta-title {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin: 0 0 25px 0 !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* Поля ввода формы (Flexbox для идеальной линии) */
.eq-cta-fields {
    display: flex !important;
    align-items: stretch !important;
    gap: 15px !important;
    max-width: 600px !important;
    margin-bottom: 20px !important;
}
.eq-cta-input-wrap {
    flex: 1 !important; /* Инпут занимает всё свободное место */
    margin: 0 !important;
}
.eq-cta-fields input[type="tel"] {
    width: 100% !important;
    height: 52px !important; /* Строгая фиксация высоты */
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 0 20px !important;
    border-radius: 6px !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}
.eq-cta-fields input[type="tel"]::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}
.eq-cta-fields input[type="tel"]:focus {
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Кнопка внутри блока (Того же размера, что и инпут) */
.eq-cta-btn {
    flex: 0 0 220px !important; /* Фиксированная ширина кнопки */
    margin: 0 !important;
    background: #222222 !important;
    color: #ffffff !important;
    border: none !important;
    height: 52px !important; /* Идеально совпадает с инпутом */
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}
.eq-cta-btn:hover {
    background: #000000 !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25) !important;
}

/* Адаптив формы */
@media (max-width: 600px) {
    .eq-cta-fields { 
        flex-direction: column !important; 
        gap: 12px !important; 
    }
    .eq-cta-btn { 
        flex: auto !important; 
        width: 100% !important; 
    }
}

.eq-cta-policy {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ==========================================
   МОДАЛЬНОЕ ОКНО ДЛЯ #call
========================================== */
.eq-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
}
.eq-modal-overlay.is-active {
    opacity: 1 !important;
    visibility: visible !important;
}
.eq-modal-window {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 4px !important;
    width: 100% !important;
    max-width: 450px !important;
    position: relative !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;
    transform: translateY(-20px) !important;
    transition: transform 0.3s ease !important;
}
.eq-modal-overlay.is-active .eq-modal-window {
    transform: translateY(0) !important;
}
.eq-modal-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: none !important;
    border: none !important;
    font-size: 28px !important;
    cursor: pointer !important;
    color: #aaa !important;
    line-height: 1 !important;
}
.eq-modal-close:hover { color: #000 !important; }

.eq-modal-title { font-size: 24px !important; font-weight: 800 !important; margin: 0 0 10px 0 !important; color: #222 !important; }
.eq-modal-subtitle { font-size: 14px !important; color: #666 !important; margin: 0 0 25px 0 !important; line-height: 1.4 !important; }

.eq-modal-field { margin-bottom: 15px !important; }
.eq-modal-field input {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    outline: none !important;
}
.eq-modal-field input:focus { border-color: #e1953d !important; }

.eq-modal-submit-btn {
    width: 100% !important;
    background: #e1953d !important;
    color: #fff !important;
    border: none !important;
    padding: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
.eq-modal-submit-btn:hover { background: #c97f2e !important; }


/* ==========================================
   АДАПТИВНОСТЬ ДЛЯ ФОРМЫ С ГРУЗОВИКОМ
========================================== */
@media (max-width: 992px) {
    .eq-cta-container { display: block !important; }
    .eq-cta-image-box { display: none !important; } /* Скрываем вылезающую графику на планшетах */
    .eq-cta-content { width: 100% !important; padding: 40px !important; }
    .eq-cta-title { font-size: 26px !important; }
}

@media (max-width: 600px) {
    .eq-cta-content { padding: 30px 20px !important; }
    .eq-cta-title { font-size: 20px !important; }
    .eq-cta-input-wrap { width: 100% !important; margin-right: 0 !important; margin-bottom: 15px !important; }
    .eq-cta-btn { width: 100% !important; padding: 12px !important; }
    .eq-modal-window { padding: 30px 20px !important; margin: 0 15px !important; }
}