.nm-cookie__ok {
  background: #00A79D !important;
}

.nm-cookie__ok:hover {
  background: #0D6F6A !important;
}

.nmpop .form > button[type="submit"] {
  min-height: 52px !important;
  padding: 14px 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #16B8B2 !important;
  color: #FFFFFF !important;
}

.nmpop .form > button[type="submit"]:hover {
  background: #0D9893 !important;
  color: #FFFFFF !important;
}

@media (min-width: 781px) {
  #nmpop-timer.nmpop .nmpop__card {
    width: min(94vw, 1040px) !important;
    max-width: 1040px !important;
    max-height: calc(100dvh - 32px) !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: grid !important;
    grid-template-columns: minmax(300px, 40%) minmax(0, 60%) !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #nmpop-timer .nmpop__card::before {
    content: "" !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 / 5 !important;
    min-height: min(680px, calc(100dvh - 32px)) !important;
    background:
      linear-gradient(180deg, rgba(20, 24, 19, .03), rgba(20, 24, 19, .22)),
      url("../img/products/hero-ezhovik-hand.webp") center center / cover no-repeat !important;
  }

  #nmpop-timer .nmpop__eyebrow {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 10px !important;
    padding: 30px 32px 0 !important;
  }

  #nmpop-timer .nmpop__card > h3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 0 10px !important;
    padding: 0 32px !important;
  }

  #nmpop-timer .nmpop__lead {
    grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 0 16px !important;
    padding: 0 32px !important;
  }

  #nmpop-timer .nmpop__card > .form {
    grid-column: 2 !important;
    grid-row: 4 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 32px 28px !important;
    overflow-y: auto !important;
  }

  #nmpop-timer .nmpop__close {
    z-index: 2 !important;
  }
}

@media (max-width: 780px) {
  #nmpop-timer.nmpop .nmpop__card {
    width: calc(100vw - 20px) !important;
    max-width: 520px !important;
    max-height: calc(100dvh - 20px) !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 140px auto auto auto auto !important;
    padding: 0 !important;
    overflow-y: auto !important;
    border-radius: 14px !important;
  }

  #nmpop-timer .nmpop__card::before {
    content: "" !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 140px !important;
    background:
      linear-gradient(180deg, rgba(20, 24, 19, .03), rgba(20, 24, 19, .22)),
      url("../img/products/hero-ezhovik-hand.webp") center 43% / cover no-repeat !important;
  }

  #nmpop-timer .nmpop__eyebrow {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 0 10px !important;
    padding: 20px 18px 0 !important;
  }

  #nmpop-timer .nmpop__card > h3 {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 0 0 10px !important;
    padding: 0 18px !important;
  }

  #nmpop-timer .nmpop__lead {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 0 16px !important;
    padding: 0 18px !important;
  }

  #nmpop-timer .nmpop__card > .form {
    grid-column: 1 !important;
    grid-row: 5 !important;
    margin: 0 !important;
    padding: 0 18px 20px !important;
  }

  #nmpop-timer .nmpop__close {
    z-index: 2 !important;
    color: #fff !important;
    background: rgba(0, 0, 0, .42) !important;
    border-radius: 50% !important;
  }
}

#nmpop-exit .nmpop__msgrs a[data-messenger],
#nmpop-timer .nmpop__msgrs a[data-messenger] {
  min-height: 52px !important;
  background: #101314 !important;
  border: 1px solid #2C3A3A !important;
  color: #F2F7F7 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 8px 20px rgba(7, 9, 9, .14) !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

#nmpop-exit .nmpop__msgrs a[data-messenger] svg,
#nmpop-timer .nmpop__msgrs a[data-messenger] svg {
  color: #6FE7DD !important;
  stroke: currentColor !important;
}

#nmpop-exit .nmpop__msgrs a[data-messenger]:hover,
#nmpop-timer .nmpop__msgrs a[data-messenger]:hover {
  background: #0D6F6A !important;
  border-color: #0D6F6A !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(13, 111, 106, .25) !important;
  filter: none !important;
}

.nmpop.is-open {
  display: grid !important;
  place-items: center !important;
  padding: 16px !important;
}

#nmpop-exit.nmpop .nmpop__card,
#nmpop-timer.nmpop .nmpop__card {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

@media (min-width: 781px) {
  #nmpop-exit.nmpop .nmpop__card {
    width: min(94vw, 1040px) !important;
    max-width: 1040px !important;
    max-height: calc(100dvh - 32px) !important;
    display: grid !important;
    grid-template-columns: minmax(300px, 40%) minmax(0, 60%) !important;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #nmpop-exit .nmpop__card::before {
    content: "" !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 / 6 !important;
    min-height: min(680px, calc(100dvh - 32px)) !important;
    background:
      linear-gradient(180deg, rgba(20, 24, 19, .03), rgba(20, 24, 19, .22)),
      url("../img/products/hero-ezhovik-hand.webp") center center / cover no-repeat !important;
  }

  #nmpop-exit .nmpop__eyebrow {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 10px !important;
    padding: 30px 32px 0 !important;
  }

  #nmpop-exit .nmpop__card > h3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 0 10px !important;
    padding: 0 32px !important;
  }

  #nmpop-exit .nmpop__lead {
    grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 0 16px !important;
    padding: 0 32px !important;
  }

  #nmpop-exit .nmpop__offer {
    grid-column: 2 !important;
    grid-row: 4 !important;
    margin: 0 32px 16px !important;
  }

  #nmpop-exit .nmpop__card > .form {
    grid-column: 2 !important;
    grid-row: 5 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 32px 28px !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 780px) {
  .nmpop.is-open {
    padding: 10px !important;
  }

  #nmpop-exit.nmpop .nmpop__card {
    width: calc(100vw - 20px) !important;
    max-width: 520px !important;
    max-height: calc(100dvh - 20px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 140px auto auto auto auto auto !important;
    padding: 0 !important;
    overflow-y: auto !important;
    border-radius: 14px !important;
  }

  #nmpop-exit .nmpop__card::before {
    content: "" !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 140px !important;
    background:
      linear-gradient(180deg, rgba(20, 24, 19, .03), rgba(20, 24, 19, .22)),
      url("../img/products/hero-ezhovik-hand.webp") center 43% / cover no-repeat !important;
  }

  #nmpop-exit .nmpop__eyebrow {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 0 10px !important;
    padding: 20px 18px 0 !important;
  }

  #nmpop-exit .nmpop__card > h3 {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 0 0 10px !important;
    padding: 0 18px !important;
  }

  #nmpop-exit .nmpop__lead {
    grid-column: 1 !important;
    grid-row: 4 !important;
    margin: 0 0 16px !important;
    padding: 0 18px !important;
  }

  #nmpop-exit .nmpop__offer {
    grid-column: 1 !important;
    grid-row: 5 !important;
    margin: 0 18px 16px !important;
  }

  #nmpop-exit .nmpop__card > .form {
    grid-column: 1 !important;
    grid-row: 6 !important;
    margin: 0 !important;
    padding: 0 18px 20px !important;
  }

  #nmpop-exit .nmpop__close {
    z-index: 2 !important;
    color: #fff !important;
    background: rgba(0, 0, 0, .42) !important;
    border-radius: 50% !important;
  }
}