тест

/* --- ВАРИАНТ 1: Современные карточки --- */ .c_info_blocks { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important; gap: 30px !important; margin-bottom: 40px !important; } /* Сброс старых стилей */ .c_info_blocks > div { margin-bottom: 0 !important; min-height: auto !important; } .c_info_blocks .c_left .c_img, .c_info_blocks .c_right .c_img { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border-radius: 8px 8px 0 0; overflow: hidden; } .c_info_blocks .c_img img { width: 100% !important; height: 220px !important; object-fit: cover !important; transition: transform 0.5s ease; } .c_info_blocks > div > .c_wrapper { background: var(--wx-white); border-radius: 8px; box-shadow: var(--wx-shadow); overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; height: 100%; display: flex; flex-direction: column; } .c_info_blocks > div > .c_wrapper:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(35, 31, 32, 0.12); } .c_info_blocks > div > .c_wrapper:hover .c_img img { transform: scale(1.05); } .c_info_blocks > div > .c_wrapper > .c_title { padding: 25px 25px 10px !important; font-size: 1.2rem !important; color: var(--wx-blue) !important; text-align: left !important; font-family: "Gotham Pro", sans-serif; font-weight: 700; } .c_info_blocks > div > .c_wrapper > .c_content { padding: 0 25px 25px !important; flex-grow: 1; } .c_info_blocks .c_content p { font-size: 0.95rem; line-height: 1.6; color: var(--wx-text); } /* Нижний блок с призывом к действию */ .c_layout_cell.c_ordinary > .c_page_text { background: var(--wx-bg-alt); border-left: 5px solid var(--wx-red); padding: 30px; border-radius: 8px; box-shadow: var(--wx-shadow); margin-top: 20px; } .c_layout_cell.c_ordinary > .c_page_text p { margin-bottom: 15px; font-size: 1.05rem; color: var(--wx-graphite); } .c_layout_cell.c_ordinary > .c_page_text p:last-child { margin-bottom: 0; } .c_layout_cell.c_ordinary > .c_page_text a { color: var(--wx-blue); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--wx-blue-light); transition: all 0.3s; } .c_layout_cell.c_ordinary > .c_page_text a:hover { color: var(--wx-red); border-bottom-color: var(--wx-red); }