/* Mega pay logos stay inside tiles; last odd tile spans full row. */

html .snet-mega__tile,
html .snet-mega__name,
html .snet-mega__meta {
  text-align: center !important;
}

html .snet-mega__tile--cab,
html .snet-mega__tile--pay {
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

html .snet-mega__tile--pay .snet-mega__name {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  width: 100%;
}

html .snet-mega__tile--pay .snet-pay-card__logo,
html .snet-mega__tile--pay .snet-mega__logo {
  overflow: hidden !important;
  max-width: 100% !important;
}

html #main .snet-mega__tile--pay .snet-pay-card__logo img,
html #main .snet-mega__tile--pay img,
html #main .snet-mega__tile--pay img[src*="city24"],
html #main .snet-mega__tile--pay img[src*="logo_monobank_app"],
html #main .snet-mega__tile--pay img[src*="liqpay"],
html #main .snet-mega__tile--pay img[src*="easypay"],
html #main .snet-mega__tile--pay img[src*="Privat24"],
html .mobile-nav .snet-mega__tile--pay img,
html .mobile-nav .snet-mega__tile--pay img[src*="city24"],
html .mobile-nav .snet-mega__tile--pay img[src*="logo_monobank_app"],
html #header .snet-mega__tile--pay img {
  height: auto !important;
  width: auto !important;
  max-height: 26px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

html[data-theme="day"] .snet-pay-logo--night,
html[data-theme="day"] .snet-mega__tile--pay .snet-pay-logo--night {
  display: none !important;
}
html[data-theme="day"] .snet-pay-logo--day,
html[data-theme="day"] .snet-mega__tile--pay .snet-pay-logo--day {
  display: inline-block !important;
}
html[data-theme="night"] .snet-pay-logo--day,
html[data-theme="night"] .snet-mega__tile--pay .snet-pay-logo--day {
  display: none !important;
}
html[data-theme="night"] .snet-pay-logo--night,
html[data-theme="night"] .snet-mega__tile--pay .snet-pay-logo--night {
  display: inline-block !important;
}

@media (max-width: 991.98px) {
  .snet-dock {
    grid-template-columns: 1fr 1.15fr 1fr !important;
  }

  .snet-mega__grid > .snet-mega__tile:last-child:nth-child(odd),
  .snet-jobs-grid > .snet-fly:last-child:nth-child(odd) > a.snet-job,
  .snet-jobs-grid > a.snet-job:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }

  .snet-mega__grid > .snet-mega__tile:last-child:nth-child(odd) {
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 72px !important;
  }

  .snet-mega__grid > .snet-mega__tile:last-child:nth-child(odd) .snet-pay-card__logo,
  .snet-mega__grid > .snet-mega__tile:last-child:nth-child(odd) .snet-mega__logo,
  .snet-mega__grid > .snet-mega__tile:last-child:nth-child(odd) .snet-mega__icon {
    width: auto !important;
    min-width: 120px;
    max-width: 180px;
    flex: 0 0 auto !important;
  }

  .snet-mega__grid > .snet-mega__tile:last-child:nth-child(odd) .snet-mega__name {
    width: auto !important;
    max-width: 55%;
  }

  .mobile-nav .snet-mega > ul.snet-mega__panel > li:last-child:nth-child(even) {
    grid-column: 1 / -1 !important;
  }

  .mobile-nav .snet-mega > ul.snet-mega__panel > li:last-child:nth-child(even) > .snet-mega__tile {
    width: 100% !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 72px !important;
  }

  .mobile-nav .snet-mega > ul.snet-mega__panel > li:last-child:nth-child(even) .snet-pay-card__logo,
  .mobile-nav .snet-mega > ul.snet-mega__panel > li:last-child:nth-child(even) .snet-mega__logo,
  .mobile-nav .snet-mega > ul.snet-mega__panel > li:last-child:nth-child(even) .snet-mega__icon {
    width: auto !important;
    min-width: 120px;
    max-width: 180px;
    flex: 0 0 auto !important;
  }

  .mobile-nav .snet-mega > ul.snet-mega__panel > li:last-child:nth-child(even) .snet-mega__name {
    width: auto !important;
    text-align: center !important;
  }
}