/* Official Telegram / Viber SVG marks. Last in cascade. */

.snet-viber-icon {
  display: block;
  width: 24px;
  height: 24px;
}

#hero .snet-hero-chip--vb,
.snet-hero-chip--vb {
  position: relative;
  overflow: hidden;
  gap: 10px;
  padding: 7px 17px 7px 8px !important;
  background: linear-gradient(135deg, #8b7cf7 0%, #7360f2 55%, #5b4bcf 100%) !important;
  background-color: #7360f2 !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 10px 28px rgba(115, 96, 242, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#hero .snet-hero-chip--vb:hover,
.snet-hero-chip--vb:hover {
  filter: brightness(1.06);
  box-shadow: 0 14px 34px rgba(115, 96, 242, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

#hero .snet-hero-chip__vb-logo,
.snet-hero-chip__vb-logo {
  position: relative;
  z-index: 1;
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  color: #fff;
}

#hero .snet-hero-chip__vb-logo .snet-viber-icon,
.snet-hero-chip__vb-logo .snet-viber-icon {
  width: 22px;
  height: 22px;
}

#hero .snet-hero-chip__vb-copy,
.snet-hero-chip__vb-copy {
  position: relative;
  z-index: 1;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1;
}

.snet-contacts__icon--vb {
  color: #fff !important;
  background: linear-gradient(145deg, #8b7cf7 0%, #7360f2 55%, #5b4bcf 100%) !important;
  box-shadow: 0 8px 20px rgba(115, 96, 242, 0.35) !important;
}

.snet-contacts__icon--vb .snet-viber-icon {
  width: 26px;
  height: 26px;
}

.snet-contacts__grid .snet-contacts__card {
  justify-content: flex-start;
}

.snet-contacts__grid .snet-contacts__meta {
  flex: 1 1 auto;
  text-align: left;
}

.snet-contacts__grid--vb .snet-contacts__card--vb {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  justify-content: flex-start;
}

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

  .snet-dock.snet-dock--vb .snet-dock__btn--main {
    grid-column: 1 / 3;
  }

  html:has(.snet-dock.snet-dock--vb) {
    scroll-padding-bottom: calc(176px + env(safe-area-inset-bottom, 0px));
  }

  html:has(.snet-dock.snet-dock--vb) #footer,
  html:has(.snet-dock.snet-dock--vb) footer#footer {
    padding-bottom: calc(176px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

.snet-dock__btn--vb .snet-dock__vb {
  display: grid;
  place-items: center;
  color: #a78bfa;
}

.snet-dock__btn--vb .snet-viber-icon {
  width: 1.25rem;
  height: 1.25rem;
}

html[data-theme="day"] .snet-dock__btn--vb .snet-dock__vb {
  color: #7360f2;
}

@media (min-width: 992px) {
  body.snet-is-home .snet-push-stack {
    width: min(400px, calc(50vw - 56px));
    max-width: 400px;
    margin-left: max(20px, 4.5vw);
    margin-right: auto;
  }

  body.snet-is-home .snet-push-stack .snet-news-push {
    max-width: 400px;
  }
}

.snet-news-push__link {
  display: flex;
  align-items: center;
  gap: 12px;
}

.snet-news-push__copy {
  min-width: 0;
  flex: 1 1 auto;
}

.snet-viber-btn,
.snet-cta-btn.snet-viber-btn {
  background: linear-gradient(135deg, #8b7cf7 0%, #7360f2 55%, #5b4bcf 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
}

.snet-viber-btn__icon {
  display: inline-grid;
  place-items: center;
  color: #fff;
}

.snet-viber-btn__icon .snet-viber-icon {
  width: 22px;
  height: 22px;
}

.snet-viber-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #8b7cf7;
}

.snet-viber-link .snet-viber-icon {
  width: 22px;
  height: 22px;
}

.snet-viber-go {
  max-width: 440px;
  margin: 48px auto;
  padding: 28px 24px;
  border-radius: 20px;
  text-align: center;
  background: linear-gradient(160deg, rgba(12, 28, 46, 0.92), rgba(6, 16, 30, 0.88));
  border: 1px solid rgba(115, 96, 242, 0.35);
}

.snet-viber-go > .snet-viber-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  color: #7360f2;
}

.snet-viber-go h1 {
  font-size: 1.4rem;
  margin: 0 0 8px;
}

.snet-viber-go p {
  color: rgba(243, 246, 250, 0.82);
  margin: 0 0 18px;
}

html[data-theme="day"] #hero .snet-hero-chip--vb,
html[data-theme="day"] #hero .snet-hero-chip--vb *,
html[data-theme="day"] .snet-viber-btn,
html[data-theme="day"] .snet-viber-btn * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  fill: currentColor !important;
}

html[data-theme="day"] #hero .snet-hero-chip--vb {
  background: linear-gradient(135deg, #8b7cf7 0%, #7360f2 55%, #5b4bcf 100%) !important;
}