/* Keep headings and panel text in separate rows; reserve the tallest tab. */
#effects, #abo { overflow-anchor: none; }
.effects { height: auto; min-height: 1116px; display: flex; flex-direction: column; background: #292f40; }
.effects-ui__over { display: contents; }
.effects-map { position: absolute; inset: 0; height: 100%; }
.effects-overlay { position: relative; inset: auto; padding: 30px 25px 0; order: 1; }
.effects__title { position: static; width: auto; transform: none; font-size: clamp(26px,3vw,40px); line-height: 1.2; }
.effects-tabs { margin-block: 24px 30px; }
.effects-ui__below { position: relative; inset: auto; order: 3; padding: 0 var(--pad-in) 35px; }
.effects-content { position: relative; inset: auto; transform: none; padding: 0; width: 60%; display: grid; }
.effects-panel { display: block; grid-area: 1 / 1; visibility: hidden; pointer-events: none; animation: none; }
.effects-panel--active { visibility: visible; pointer-events: auto; }
.effects-panel__item { max-width: none; padding: 20px; }
.effects-panel__body { gap: 12px; }
.effects-panel__body > p { font-size: 14px; line-height: 1.6; }
.effects-panel__subtitle { font-size: 21px; line-height: 1.3; }
.abo-content { display: grid; }
.abo-panel { display: block; grid-area: 1 / 1; visibility: hidden; pointer-events: none; animation: none; }
.abo-panel--active { visibility: visible; pointer-events: auto; }
.footer-cta__title { font-family: Montserrat,sans-serif; font-style: normal !important; font-weight: 500; }
.footer-conect__icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; background: #ffffff0c; border: 1px solid #ffffff1a; }
.footer-conect__svg { width: 27px; height: 27px; object-fit: contain; }
.footer-conect__icon[aria-label="Мы в MAX"] { background: #fff; border-color: #fff; }
.footer-conect__icon[aria-label="Мы в MAX"] img { width: 34px; height: 34px; border-radius: 9px; }
@media (max-width: 1023px) and (min-width: 768px) { .effects-content { width: 64%; } .effects-panel__item { gap: 12px; padding: 16px; } .effects-panel__icon { width: 30px; height: 30px; } }
@media (max-width: 767px) {
  .effects { min-height: 0; }
  .effects-overlay { padding: 25px 15px 0; }
  .effects-map { position: relative; inset: auto; order: 2; height: 700px; }
  .effects-ui__below { padding: 20px 0 25px; }
  .effects-content { width: 100%; display: block; }
  .effects-panel__item { margin-inline: 15px; }
  .effects-panel__body > p { font-size: 13px; }
  .effects-panel__subtitle { font-size: 20px; }
  .effects-tabs { margin-bottom: 20px; }
  .abo-content { display: block; }
  .footer-conect-wrap { gap: 12px; }
  .footer-conect__icon { width: 40px; height: 40px; }
}