/* Payment mega logos = same assets/pads as /payment, just smaller. */

html .snet-mega__tile--pay {
  min-height: 78px !important;
  padding: 8px 6px !important;
  gap: 6px !important;
}

html .snet-mega__tile--pay .snet-mega__name {
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}

html .snet-mega__tile--pay .snet-pay-card__logo,
html .snet-mega__tile--pay .snet-mega__logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.18) !important;
}

html .snet-mega__tile--pay .snet-pay-card__logo.is-pad-white {
  background: rgba(255, 255, 255, 0.08) !important;
}

html .snet-mega__tile--pay .snet-pay-card__logo.is-pad-dark {
  background: rgba(4, 16, 31, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.2) !important;
}

html .snet-mega__tile--pay .snet-pay-card__logo.is-pad-none {
  background: transparent !important;
  box-shadow: none !important;
  padding: 4px !important;
}

html[data-theme="day"] .snet-mega__tile--pay .snet-pay-card__logo,
html[data-theme="day"] .snet-mega__tile--pay .snet-pay-card__logo.is-pad-white,
html[data-theme="day"] .snet-mega__tile--pay .snet-mega__logo {
  background: rgba(246, 251, 255, 0.96) !important;
  box-shadow: inset 0 0 0 1px rgba(20, 89, 132, 0.12) !important;
}

html[data-theme="day"] .snet-mega__tile--pay .snet-pay-card__logo.is-pad-dark,
html[data-theme="day"] .snet-mega__tile--pay .snet-pay-card__logo.is-night-only {
  background: linear-gradient(165deg, #0b3354, #071827) !important;
  box-shadow: none !important;
}

html .snet-mega__tile--pay .snet-pay-card__logo img,
html .snet-mega__tile--pay img {
  max-height: 28px !important;
  max-width: 112px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  display: inline-block;
}

html .snet-mega__tile--pay img[src*="city24"] {
  max-height: 26px !important;
  max-width: 120px !important;
}

html .snet-mega__tile--pay img[src*="logo_monobank_app"] {
  max-height: 26px !important;
  max-width: 120px !important;
}

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

@media (min-width: 992px) {
  html #header .nav-menu .snet-mega > ul.snet-mega__panel {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(132px, 1fr)) !important;
    gap: 8px !important;
    min-width: min(520px, 92vw) !important;
    width: min(560px, 92vw) !important;
    max-width: min(640px, calc(100vw - 24px)) !important;
  }

  html #header .nav-menu .snet-mega > ul.snet-mega__panel--pay {
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
    min-width: min(560px, 92vw) !important;
    width: min(600px, 92vw) !important;
  }

  html #header .nav-menu .snet-mega > ul.snet-mega__panel > li {
    min-width: 0 !important;
    width: auto !important;
    display: block !important;
  }

  html #header .nav-menu .snet-mega > ul.snet-mega__panel > li > a {
    width: 100% !important;
  }
}

@media (max-width: 991.98px) {
  .snet-mega__grid--pay {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .snet-dock {
    grid-template-columns: 1fr 1.15fr 1fr !important;
  }
}