/* Общие блоки страниц сервиса: шапка, оффер, липкая кнопка, подвал */
.mxh{position:sticky;top:0;z-index:40;background:rgba(246,240,221,.95);backdrop-filter:blur(9px);
border-bottom:1px solid #e8e0cc}
.mxh__in{display:flex;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:11px 18px;
flex-wrap:wrap}
.mxh__logo{font-family:Oranienbaum,Georgia,serif;font-size:19px;letter-spacing:2.4px;
text-transform:uppercase;text-decoration:none;color:#232a63;white-space:nowrap}
.mxh__logo i{color:#ff6666;font-style:normal}
.mxh__logo.white{color:#fff}
.mxh__nav{display:flex;gap:15px;flex-wrap:wrap;font-size:14px}
.mxh__nav a{color:#5a6288;text-decoration:none;white-space:nowrap}
.mxh__nav a:hover,.mxh__nav a.on{color:#232a63;border-bottom:2px solid #ff6666}
.mxh .langs{margin-left:auto;margin-bottom:0}
/* на телефоне меню не прячем, а даём прокрутку: иначе с мобильного не перейти к другим разборам */
@media(max-width:760px){
  .mxh__in{gap:10px}
  .mxh__nav{order:3;width:100%;overflow-x:auto;padding-bottom:2px;gap:14px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mxh__nav::-webkit-scrollbar{display:none}
  .mxh .langs{margin-left:auto;font-size:12.5px;gap:9px}
}

.mx-offer{background:#1b2050;color:#f4f1e7;border-radius:22px;padding:28px 24px;margin:30px 0 22px;
position:relative;overflow:hidden}
.mx-offer::after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;
border:1px solid rgba(230,212,160,.25);border-radius:50%}
.mx-offer__in{position:relative;z-index:1;max-width:640px}
.mx-offer__kick{display:block;font:600 12px/1 Onest,sans-serif;letter-spacing:.18em;
text-transform:uppercase;color:#e6d4a0;margin-bottom:10px}
.mx-offer h2{font-family:Oranienbaum,Georgia,serif;font-weight:400;color:#fff;
font-size:clamp(21px,4.4vw,30px);text-transform:none;letter-spacing:0;margin:0 0 12px}
.mx-offer p{color:rgba(244,241,231,.8);margin:0 0 14px}
.mx-offer ul{margin:0 0 20px;padding-left:20px;color:rgba(244,241,231,.85)}
.mx-offer li{margin-bottom:7px}
.mx-offer__btn{display:inline-block;background:#c9a84c;color:#231d06;text-decoration:none;
border-radius:99px;padding:14px 28px;font-weight:600}

.mx-sticky{position:sticky;bottom:0;z-index:35;padding:12px 0 calc(12px + env(safe-area-inset-bottom));
background:linear-gradient(to top,#f6f0dd 65%,rgba(246,240,221,0))}
.mx-sticky a{display:block;text-align:center;background:#ff6666;color:#fff;text-decoration:none;
border-radius:99px;padding:15px 20px;font-weight:600}
@media(min-width:860px){.mx-sticky{display:none}}

.mxf{background:#1b2050;color:rgba(244,241,231,.7);padding:36px 0 44px;margin-top:44px}
.mxf__in{max-width:1120px;margin:0 auto;padding:0 18px;display:grid;gap:20px}
@media(min-width:760px){.mxf__in{grid-template-columns:1.6fr 1fr 1fr}}
.mxf a{color:#e6d4a0;text-decoration:none;line-height:1.9}
.mxf p{font-size:14px;margin-top:9px}
.mxf .langs a{color:#e6d4a0}
.mxf .langs{flex-direction:column;gap:6px}