/* Dva Myacha welcome form only. Unisender renders its own inline styles. */
div[class*="container-module_container"]:has(> #unisender-subscribe-form-338913) {
  box-sizing: border-box !important;
  width: min(580px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
  padding: 36px 40px 32px !important;
  border: 2px solid #005dde !important;
  border-radius: 24px !important;
  background: #faf4f0 !important;
  box-shadow: 0 24px 70px rgb(0 31 89 / 22%) !important;
}

#unisender-subscribe-form-338913::before {
  content: "ДВА МЯЧА / ПРИВЕТСТВЕННЫЙ БОНУС";
  display: block;
  margin: 0 0 20px;
  color: #005dde;
  font: 700 16px/1.2 RightGrotesk, Arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#static-form-container-338913 form,
#static-form-container-338913 form > .container,
#static-form-container-338913 form > .container > table,
#static-form-container-338913 form > .container > table > tbody > tr > td > table {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
}

#static-form-container-338913 form > .container > table {
  float: none !important;
}

#static-form-container-338913 form > .container > table > tbody > tr > td > table > tbody > tr > td {
  padding: 0 !important;
}

#static-form-container-338913 table,
#static-form-container-338913 td {
  background-color: transparent !important;
}

#static-form-container-338913 form > .container > table > tbody > tr > td > table > tbody > tr > td > table {
  display: table !important;
  width: 100% !important;
  margin: 0 0 17px !important;
}

#static-form-container-338913 form > .container > table > tbody > tr > td > table > tbody > tr > td > table:last-of-type {
  margin-bottom: 0 !important;
}

#static-form-container-338913 td:has(> div[style*="overflow-wrap"]) {
  padding: 0 !important;
}

#static-form-container-338913 div[style*="overflow-wrap"] {
  color: #1a1a1a !important;
  font: 400 16px/1.5 Arial, Helvetica, sans-serif !important;
}

#static-form-container-338913 div[style*="overflow-wrap"]::first-line {
  color: #005dde;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.16;
}

#static-form-container-338913 td:has(input[name="email"]),
#static-form-container-338913 td:has(input[type="checkbox"]) {
  padding: 0 !important;
  text-align: left !important;
}

#static-form-container-338913 label:has(+ div > input[name="email"]) {
  display: block !important;
  width: 100% !important;
  padding: 0 0 8px !important;
  color: #1a1a1a !important;
  font: 700 14px/1.2 Arial, Helvetica, sans-serif !important;
}

#static-form-container-338913 label:has(+ div > input[name="email"]) + div {
  display: block !important;
  width: 100% !important;
}

#static-form-container-338913 input[name="email"] {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 50px !important;
  padding: 0 16px !important;
  border: 1.5px solid #005dde !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #1a1a1a !important;
  font: 400 17px/1 RightGrotesk, Arial, sans-serif !important;
  outline: none !important;
}

#static-form-container-338913 input[name="email"]:focus-visible {
  border-color: #003d9e !important;
  box-shadow: 0 0 0 3px rgb(0 93 222 / 18%) !important;
}

#static-form-container-338913 button {
  min-height: 50px !important;
  padding: 13px 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #005dde !important;
  color: #fff !important;
  cursor: pointer !important;
  font: 700 20px/1.2 RightGrotesk, Arial, sans-serif !important;
  text-transform: uppercase;
}

#static-form-container-338913 td:has(> button) {
  padding: 0 !important;
  border-radius: 999px !important;
  background: #005dde !important;
}

#static-form-container-338913 td:has(> button):hover,
#static-form-container-338913 button:hover {
  background: #003d9e !important;
}

#static-form-container-338913 button:focus-visible {
  outline: 3px solid #1a1a1a !important;
  outline-offset: 3px !important;
}

#static-form-container-338913 input[type="checkbox"] {
  position: static !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #005dde !important;
  border-radius: 3px !important;
  opacity: 1 !important;
  accent-color: #005dde !important;
  vertical-align: middle !important;
}

#static-form-container-338913 li:has(> input[type="checkbox"]) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px;
  width: 100%;
}

#static-form-container-338913 li:has(> input[type="checkbox"]) > span {
  flex: 1 1 auto;
  min-width: 0;
}

#static-form-container-338913 li:has(> input[type="checkbox"]) > input[type="checkbox"] {
  flex: 0 0 18px;
  margin-right: 0 !important;
}

#static-form-container-338913 input[type="checkbox"] ~ span,
#static-form-container-338913 input[type="checkbox"] ~ span span {
  color: #1a1a1a !important;
  font: 400 13px/1.35 Arial, Helvetica, sans-serif !important;
}

@media (max-width: 600px) {
  div[class*="container-module_container"]:has(> #unisender-subscribe-form-338913) {
    width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 27px 22px 24px !important;
    border-radius: 18px !important;
  }

  #unisender-subscribe-form-338913::before {
    margin-bottom: 16px;
    font-size: 13px;
  }

  #static-form-container-338913 div[style*="overflow-wrap"] {
    font-size: 14px !important;
  }

  #static-form-container-338913 div[style*="overflow-wrap"]::first-line {
    font-size: 20px;
  }

  #static-form-container-338913 td:has(button) > table {
    display: table !important;
    width: 100% !important;
  }

  #static-form-container-338913 button {
    width: 100% !important;
  }
}

@media (max-width: 360px) {
  #static-form-container-338913 div[style*="overflow-wrap"]::first-line {
    font-size: 16px;
  }
}
