.metalis-magnelis-promo{position:relative;display:grid;grid-template-columns:1.75fr .85fr;align-items:center;gap:35px;padding:38px 45px;color:#e2eef4;background:radial-gradient(ellipse at 85% 10%,rgba(0,157,224,.55),rgba(0,102,174,.2) 42%,transparent 73%),linear-gradient(115deg,#06182e,#0b3859 70%,#073459);border-radius:4px;font-size:16px;line-height:1.6;overflow:hidden}
.metalis-magnelis-promo *{box-sizing:border-box}
.metalis-magnelis-promo .mmp-label{font-size:12px;color:#83d6ef;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 14px}
.metalis-magnelis-promo h2{font-size:clamp(28px,3.2vw,42px);font-family:inherit;font-weight:700;letter-spacing:-.025em;line-height:1.13;color:#fff;margin:0 0 16px;hyphens:auto;overflow-wrap:anywhere}
.metalis-magnelis-promo p.mmp-description{font-size:15px;color:#d7e8f0;max-width:610px;margin:0 0 22px}
.metalis-magnelis-promo a.mmp-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;background:#fff;color:#102d42!important;text-decoration:none!important;font-size:14px;font-weight:700;border-radius:2px;line-height:1.5}
.metalis-magnelis-promo a.mmp-button:hover{background:#dff3ff}
.metalis-magnelis-promo a.mmp-button:focus-visible{outline:3px solid #83d6ef;outline-offset:4px}
.metalis-magnelis-promo img{width:100%;height:auto;display:block;max-width:320px;justify-self:center;filter:drop-shadow(0 14px 20px rgba(0,0,0,.18))}
@media(max-width:767px){.metalis-magnelis-promo{grid-template-columns:1fr;padding:28px 25px;gap:25px}.metalis-magnelis-promo img{max-width:235px}.metalis-magnelis-promo h2{font-size:31px}}