/* ===== НОВЫЕ ПРАВИЛА ДЛЯ ССЫЛКИ ===== */ .custom-banner-link { display: block; /* Чтобы ссылка занимала всю ширину */ text-decoration: none; /* Убираем подчёркивание у ссылки */ color: inherit; /* Наследуем цвет текста */ width: 100%; max-width: 1230px; margin: 0 auto; } /* Подчёркивание появляется при наведении на ссылку */ .custom-banner-link:hover .custom-banner-left h2, .custom-banner-link:hover .custom-banner-right p { text-decoration: underline; } /* ===== ОСТАЛЬНЫЕ СТИЛИ ===== */ .custom-banner-container { width: 100%; max-width: 1230px; min-height: 150px; background-color: #ffffff; border: 3px solid #1D5341; border-left: none; box-sizing: border-box; font-family: 'Montserrat', system-ui, -apple-system, sans-serif; display: flex; overflow: hidden; margin: 0 auto; } .custom-banner-left { flex: 0 0 58%; background-color: #1D3E2B; color: #ffffff; clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%); display: flex; flex-direction: column; justify-content: center; padding: 20px 5% 20px 30px; box-sizing: border-box; } .custom-banner-left h2 { margin: 0; font-size: clamp(24px, 5vw, 28px); font-weight: 700; line-height: 1.05; letter-spacing: -0.5px; color: #ffffff; /* Принудительно делаем текст заглавия белым */ } .custom-banner-right { flex: 1; display: flex; align-items: center; justify-content: center; padding: 20px; color: #333333; box-sizing: border-box; } .custom-banner-right p { margin: 0; font-size: clamp(16px, 2vw, 22px); font-weight: 400; line-height: 1.25; } /* === Адаптивность === */ @media (max-width: 768px) { .custom-banner-container { flex-direction: column; border-left: 3px solid #1D5341; } .custom-banner-left { flex: none; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); padding: 30px 20px 50px 20px; text-align: center; } .custom-banner-right { padding: 20px 20px 30px 20px; text-align: center; } }