@charset "UTF-8";

/* ============================================================
   OCHRANA PROTI CSS SABLONY E-SHOPU
   Sablona e-shopu nesmie prekreslovat prvky hry. Vsetky pravidla
   nizsie su preto zaobalene do .npg-root a kriticke vlastnosti maju
   !important. Vlastnosti, ktore nastavuje JS inline (poloha a rozmer
   telefonu a skla), zamerne !important NEMAJU.
   ============================================================ */
.npg-root, .npg-root *, .npg-root *::before, .npg-root *::after {
  box-sizing: border-box !important;
  border: 0 !important;
  outline: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-indent: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  list-style: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  float: none !important;
  vertical-align: baseline !important;
  -webkit-tap-highlight-color: transparent !important;
}
/* ==========================================================
   Hra "Nalep sklo" — neprasklo.sk  |  prefix .npg-
   ========================================================== */
.npg-root,
.npg-root *,
.npg-root *::before,
.npg-root *::after {
  box-sizing: border-box !important;
}
.npg-root {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483000 !important;
  display: none;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #2b3d49 !important;
  text-align: left !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-size-adjust: 100% !important;
}
.npg-root[hidden] {
  display: none !important;
}
.npg-root.npg-open {
  display: block;
}
/* atribut hidden musi prebit vlastne display pravidla */
.npg-root [hidden] {
  display: none !important;
}
.npg-root .npg-backdrop {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(14, 26, 36, .66) !important;
  opacity: 0 !important;
  -webkit-transition: opacity .28s ease;
  transition: opacity .28s ease;
}
.npg-root.npg-open .npg-backdrop {
  opacity: 1 !important;
}
.npg-root .npg-scroll {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px !important;
  /* Windows (Edge) zobrazuje scrollbar vzdy — nech neprebija dizajn */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .34) transparent !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
}
.npg-root .npg-scroll::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}
.npg-root .npg-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}
.npg-root .npg-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .32) !important;
  border-radius: 5px !important;
}
.npg-root .npg-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, .5) !important;
}
.npg-root .npg-modal {
  position: relative;
  margin: auto !important;
  width: 100% !important;
  max-width: 440px !important;
  background: -webkit-linear-gradient(top, #f2f9fd 0%, #ffffff 42%) !important;
  background: linear-gradient(180deg, #f2f9fd 0%, #ffffff 42%) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .36) !important;
  opacity: 0 !important;
  -webkit-transform: translateY(18px) scale(.97);
  transform: translateY(18px) scale(.97);
  -webkit-transition: opacity .3s ease, -webkit-transform .36s cubic-bezier(.2, .9, .3, 1);
  transition: opacity .3s ease, transform .36s cubic-bezier(.2, .9, .3, 1);
}
.npg-root.npg-open .npg-modal {
  opacity: 1 !important;
  -webkit-transform: none;
  transform: none;
}
.npg-root .npg-close {
  position: absolute;
  z-index: 8 !important;
  top: -10px !important;
  right: -6px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: #ee5253 !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .3) !important;
  -webkit-transition: background .18s ease;
  transition: background .18s ease;
}
.npg-root .npg-close:hover {
  background: #d83f40 !important;
}
.npg-root .npg-close svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.npg-root .npg-pane {
  padding: 20px 20px 20px !important;
}
/* ---------- typografia ---------- */
.npg-root .npg-title {
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 800;
  color: #16506f !important;
  letter-spacing: -.2px !important;
}
.npg-root .npg-lead {
  margin: 0 0 9px !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #455966 !important;
}
.npg-root .npg-lead--2 {
  margin-bottom: 14px !important;
  font-weight: 600;
  color: #2b3d49 !important;
}
/* ---------- intro ---------- */
.npg-root .npg-introwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.npg-root .npg-introtxt {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.npg-root .npg-intropic {
  display: none;
}
/* ---------- formular ---------- */
.npg-root .npg-form {
  margin: 0 0 12px !important;
}
.npg-root .npg-flabel {
  display: block;
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 700;
  color: #2b3d49 !important;
}
.npg-root .npg-input {
  display: block;
  width: 100% !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #c8d4db !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #2b3d49 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 44px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-transition: border-color .16s ease, box-shadow .16s ease;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.npg-root .npg-input:focus {
  outline: 0 !important;
  border-color: #1b88c9 !important;
  box-shadow: 0 0 0 3px rgba(27, 136, 201, .18) !important;
}
.npg-root .npg-input--err {
  border-color: #e0483a !important;
  background: #fffafa !important;
}
.npg-root .npg-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  margin: 9px 0 0 !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  color: #566975 !important;
  cursor: pointer !important;
}
.npg-root .npg-check input {
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
  margin: 1px 8px 0 0 !important;
  padding: 0 !important;
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
}
.npg-root .npg-check a {
  color: #1b88c9 !important;
  text-decoration: underline !important;
}
.npg-root .npg-err {
  display: none;
  margin: 7px 0 0 !important;
  font-size: 12.5px !important;
  font-weight: 600;
  color: #d3402e !important;
}
/* ---------- tlacidla ---------- */
.npg-root .npg-cta {
  display: inline-block;
  margin: 2px 6px 0 0 !important;
  padding: 13px 24px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #1b88c9 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, .10) !important;
  -webkit-transition: background .18s ease;
  transition: background .18s ease;
}
.npg-root .npg-cta:hover {
  background: #1576b0 !important;
}
.npg-root .npg-cta:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(27, 136, 201, .35) !important;
}
.npg-root .npg-cta--ghost {
  background: #eaf1f6 !important;
  color: #2b5f7d !important;
  box-shadow: none !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
}
.npg-root .npg-cta--ghost:hover {
  background: #dbe7ef !important;
}
/* ---------- herna plocha ---------- */
.npg-root .npg-hint {
  margin: 0 0 10px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 600;
  color: #2b5f7d !important;
  min-height: 38px !important;
}
.npg-root .npg-warn {
  margin: 10px 0 0 !important;
  padding: 9px 12px !important;
  background: #fff4e5 !important;
  border: 1px solid #f3d9a9 !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: #8a5a12 !important;
}
.npg-root .npg-stage {
  position: relative;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100% !important;
  border-radius: 12px !important;
  background: -webkit-linear-gradient(top, #dceaf4 0%, #c3d8e7 100%) !important;
  background: linear-gradient(180deg, #dceaf4 0%, #c3d8e7 100%) !important;
  overflow: hidden !important;
  -ms-touch-action: none !important;
  touch-action: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.npg-root .npg-phone,
.npg-root .npg-target,
.npg-root .npg-glass {
  position: absolute;
  top: 0;
  left: 0;
}
.npg-root .npg-phone {
  z-index: 1 !important;
  pointer-events: none;
}
.npg-root .npg-target {
  z-index: 2 !important;
  pointer-events: none;
}
.npg-root .npg-glass {
  z-index: 3 !important;
  cursor: -webkit-grab !important;
  cursor: grab !important;
  -webkit-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
  /* tesny tien — velky tien opticky zvacsoval sklo */
  -webkit-filter: drop-shadow(0 1px 2px rgba(16, 42, 60, .30));
  filter: drop-shadow(0 1px 2px rgba(16, 42, 60, .30));
  -ms-touch-action: none !important;
  touch-action: none !important;
  outline: 0 !important;
}
.npg-root .npg-glass--held {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-filter: drop-shadow(0 9px 11px rgba(16, 42, 60, .34));
  filter: drop-shadow(0 9px 11px rgba(16, 42, 60, .34));
}
.npg-root .npg-glass--settle {
  -webkit-transition: -webkit-transform .28s cubic-bezier(.22, .9, .3, 1);
  transition: transform .28s cubic-bezier(.22, .9, .3, 1);
  /* nalepene sklo uz nema tien — lezi na telefone */
  -webkit-filter: none;
  filter: none;
}
.npg-root .npg-glass:focus .npg-grabhint {
  background: #1b88c9 !important;
}
.npg-root .npg-svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.npg-root .npg-grabhint {
  position: absolute;
  z-index: 2 !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 5px 11px !important;
  border-radius: 20px !important;
  background: rgba(27, 136, 201, .88) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none;
}
/* ---------- vysledok ---------- */
.npg-root .npg-resgrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.npg-root .npg-mini {
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  width: 74px !important;
  margin: 4px 16px 0 0 !important;
}
.npg-root .npg-miniwrap {
  position: relative;
  width: 100% !important;
}
.npg-root .npg-mini-phone {
  position: relative;
  width: 100% !important;
}
.npg-root .npg-mini-outline {
  position: absolute;
  z-index: 1 !important;
  /* polohu a radius nastavuje JS */
  border: 1px dashed #f0a83c;
  box-sizing: border-box !important;
}
.npg-root .npg-mini-glass {
  position: absolute;
  z-index: 2 !important;
  /* polohu nastavuje JS */
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50% !important;
}
.npg-root .npg-restxt {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.npg-root .npg-score {
  line-height: 1 !important;
  margin-bottom: 6px !important;
}
.npg-root .npg-scorenum {
  font-size: 42px !important;
  font-weight: 800;
  color: #16506f !important;
  letter-spacing: -1.5px !important;
}
.npg-root .npg-scorenum i {
  font-style: normal !important;
  font-size: 24px !important;
  font-weight: 700;
  margin-left: 2px !important;
}
.npg-root .npg-scorelab {
  display: block;
  margin-top: 3px !important;
  font-size: 10.5px !important;
  font-weight: 700;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: #6b8291 !important;
}
.npg-root .npg-bar {
  position: relative;
  height: 8px !important;
  margin: 0 0 12px !important;
  border-radius: 6px !important;
  background: #dbe4e9 !important;
  overflow: hidden !important;
}
.npg-root .npg-bar i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 6px;
  background: #1b88c9 !important;
  -webkit-transition: width .7s cubic-bezier(.2, .9, .3, 1);
  transition: width .7s cubic-bezier(.2, .9, .3, 1);
}
.npg-root .npg-bar i.npg-bar--top {
  background: #29a85a !important;
}
.npg-root .npg-bar i.npg-bar--mid {
  background: #1b88c9 !important;
}
.npg-root .npg-bar i.npg-bar--low {
  background: #e8912f !important;
}
.npg-root .npg-restitle:focus {
  outline: 0 !important;
}
.npg-root .npg-restitle {
  margin: 0 0 6px !important;
  font-size: 18px !important;
  font-weight: 800;
  color: #16506f !important;
}
.npg-root .npg-verdict {
  margin: 0 0 8px !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #455966 !important;
}
.npg-root .npg-metrics {
  margin: 0 0 12px !important;
  font-size: 12px !important;
  color: #6b8291 !important;
}
.npg-root .npg-metrics b {
  color: #2b3d49 !important;
}
.npg-root .npg-codebox {
  margin: 0 0 10px !important;
  padding: 11px 12px !important;
  border: 2px dashed #1b88c9 !important;
  border-radius: 8px !important;
  background: rgba(27, 136, 201, .07) !important;
  text-align: center !important;
}
.npg-root .npg-codelab {
  display: block;
  font-size: 10.5px !important;
  font-weight: 700;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #5b6f7c !important;
}
.npg-root .npg-code {
  display: block;
  margin: 3px 0 9px !important;
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: 23px !important;
  font-weight: 800;
  letter-spacing: .06em !important;
  color: #10506f !important;
  word-break: break-all !important;
}
.npg-root .npg-copy {
  display: inline-block;
  padding: 8px 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #e5f0f7 !important;
  color: #16719f !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 700;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.npg-root .npg-copy--ok {
  background: #e0f4e6 !important;
  color: #2c8b45 !important;
}
.npg-root .npg-note {
  margin: 0 0 12px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  color: #667985 !important;
}
.npg-root .npg-resbtns {
  margin: 0 !important;
}
.npg-root .npg-fadein {
  -webkit-animation: npgFade .32s ease both;
  animation: npgFade .32s ease both;
}
@-webkit-keyframes npgFade { from { opacity: 0; -webkit-transform: translateY(8px); } to { opacity: 1; } }
@keyframes npgFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
/* ---------- mobil a tablet: obrazok telefonu so sklom nad textom ---------- */
@media screen and (max-width: 859px) {
.npg-root .npg-introwrap {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.npg-root .npg-introtxt {
  -ms-flex-order: 1 !important;
  order: 1 !important;
}
.npg-root .npg-intropic {
  display: block;
  position: relative;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
  width: 148px !important;
  height: 164px !important;
  margin: 0 auto 14px !important;
}
.npg-root .npg-ipic-phone {
  position: absolute;
  left: 10px !important;
  top: 8px !important;
  width: 66px !important;
}
.npg-root .npg-ipic-glass {
  position: absolute;
  left: 58px !important;
  top: 12px !important;
  width: 60px !important;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
  -webkit-filter: drop-shadow(0 4px 7px rgba(16, 42, 60, .26));
  filter: drop-shadow(0 4px 7px rgba(16, 42, 60, .26));
}
}
/* nizsie displeje — mensi obrazok */
@media screen and (max-width: 859px) and (max-height: 720px) {
.npg-root .npg-intropic {
  width: 126px !important;
  height: 140px !important;
  margin-bottom: 10px !important;
}
.npg-root .npg-ipic-phone {
  left: 8px !important;
  top: 6px !important;
  width: 56px !important;
}
.npg-root .npg-ipic-glass {
  left: 49px !important;
  top: 10px !important;
  width: 51px !important;
}
}
/* velmi nizke displeje (mobil nalezato) — obrazok skryjeme, nech je tlacidlo vidno */
@media screen and (max-width: 859px) and (max-height: 560px) {
.npg-root .npg-intropic {
  display: none;
}
}
/* ---------- tablet ---------- */
@media screen and (min-width: 560px) {
.npg-root .npg-modal {
  max-width: 620px !important;
}
.npg-root .npg-stage {
  padding-bottom: 80% !important;
}
.npg-root .npg-mini {
  width: 88px !important;
  margin-right: 20px !important;
}
.npg-root .npg-scorenum {
  font-size: 50px !important;
}
}
/* ---------- desktop ---------- */
@media screen and (min-width: 860px) {
.npg-root .npg-modal {
  max-width: 900px !important;
}
.npg-root .npg-pane {
  padding: 30px 34px 30px !important;
}
.npg-root .npg-title {
  font-size: 28px !important;
}
.npg-root .npg-lead {
  font-size: 14.5px !important;
}
.npg-root .npg-stage {
  padding-bottom: 54% !important;
}
.npg-root .npg-hint {
  font-size: 14px !important;
  min-height: 22px !important;
}
.npg-root .npg-close {
  top: 12px !important;
  right: 12px !important;
}
.npg-root .npg-mini {
  width: 104px !important;
  margin-right: 26px !important;
}
.npg-root .npg-scorenum {
  font-size: 58px !important;
}
.npg-root .npg-scorenum i {
  font-size: 30px !important;
}
.npg-root .npg-restitle {
  font-size: 21px !important;
}
.npg-root .npg-verdict {
  font-size: 14.5px !important;
}
.npg-root .npg-introwrap {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.npg-root .npg-intropic {
  display: block;
  position: relative;
  -ms-flex: 0 0 246px !important;
  flex: 0 0 246px !important;
  width: 232px !important;
  height: 246px !important;
  margin-left: 16px !important;
  overflow: hidden !important;
}
.npg-root .npg-ipic-phone {
  position: absolute;
  left: 4px !important;
  top: 14px !important;
  width: 100px !important;
}
.npg-root .npg-ipic-glass {
  position: absolute;
  left: 86px !important;
  top: 22px !important;
  width: 92px !important;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
  -webkit-filter: drop-shadow(0 8px 12px rgba(20, 50, 70, .28));
  filter: drop-shadow(0 8px 12px rgba(20, 50, 70, .28));
}
}
/* ---------- nizke displeje ---------- */
@media screen and (max-height: 720px) {
.npg-root .npg-pane {
  padding: 15px 16px 16px !important;
}
.npg-root .npg-title {
  font-size: 19px !important;
  margin-bottom: 7px !important;
}
.npg-root .npg-lead {
  font-size: 12.5px !important;
  margin-bottom: 6px !important;
}
.npg-root .npg-input {
  height: 42px !important;
  line-height: 40px !important;
  font-size: 14px !important;
}
.npg-root .npg-check {
  font-size: 10.5px !important;
}
.npg-root .npg-cta {
  padding: 11px 20px !important;
  font-size: 15px !important;
}
.npg-root .npg-hint {
  font-size: 12px !important;
  min-height: 34px !important;
  margin-bottom: 8px !important;
}
.npg-root .npg-scorenum {
  font-size: 38px !important;
}
.npg-root .npg-restitle {
  font-size: 17px !important;
}
.npg-root .npg-verdict {
  font-size: 12.5px !important;
}
.npg-root .npg-codebox {
  padding: 9px 10px !important;
  margin-bottom: 8px !important;
}
.npg-root .npg-code {
  font-size: 19px !important;
}
.npg-root .npg-note {
  font-size: 10.5px !important;
  margin-bottom: 9px !important;
}
.npg-root .npg-mini {
  width: 62px !important;
  margin-right: 13px !important;
}
}
@media screen and (max-height: 720px) and (min-width: 860px) {
.npg-root .npg-stage {
  padding-bottom: 44% !important;
}
.npg-root .npg-intropic {
  height: 208px !important;
}
.npg-root .npg-ipic-phone {
  top: 6px !important;
  width: 88px !important;
}
.npg-root .npg-ipic-glass {
  top: 14px !important;
  left: 76px !important;
  width: 80px !important;
}
}
@media screen and (max-height: 640px) and (max-width: 859px) {
.npg-root .npg-lead--2 {
  display: none;
}
.npg-root .npg-stage {
  padding-bottom: 86% !important;
}
}
/* ---------- obmedzenie animacii ---------- */
@media (prefers-reduced-motion: reduce) {
.npg-root .npg-modal,
.npg-root .npg-backdrop,
.npg-root .npg-bar i {
  -webkit-transition: none !important;
  transition: none !important;
}
.npg-root .npg-fadein {
  -webkit-animation: none !important;
  animation: none !important;
}
}
/* ============================================================
   ZAVERECNE POISTKY — musia byt na konci suboru
   ============================================================ */

/* 1) SVG musi vzdy vyplnit svoj kontejner.
      Sablony casto maju: svg { max-width:100% !important; height:auto !important } */
.npg-root .npg-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.npg-root svg, .npg-root svg * { -webkit-tap-highlight-color: transparent !important; }

/* 2) Ziadna sablona nam nesmie nakreslit vlastny fokusovy ramik.
      Toto bola chyba viditelna v Edge: sablona kreslila na :focus
      outline + box-shadow, takze sklo malo modro-biely ramik. */
.npg-root *:focus,
.npg-root *:focus-visible,
.npg-root *:-moz-focusring {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
.npg-root .npg-glass,
.npg-root .npg-glass:focus,
.npg-root .npg-glass:focus-visible,
.npg-root .npg-glass:active,
.npg-root .npg-glass:hover {
  outline: 0 !important;
  outline-offset: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
/* fokus pre ovladanie klavesnicou ukazeme na stitku, nie ramikom okolo skla */
.npg-root .npg-glass:focus-visible .npg-grabhint {
  background: #0e6fa8 !important;
  box-shadow: 0 0 0 3px rgba(27, 136, 201, .40) !important;
}
/* vlastny fokus na polickach a tlacidlach (vyssia specificita ako reset vyssie) */
.npg-root .npg-input:focus {
  border-color: #1b88c9 !important;
  box-shadow: 0 0 0 3px rgba(27, 136, 201, .18) !important;
}
.npg-root .npg-cta:focus-visible,
.npg-root .npg-copy:focus-visible,
.npg-root .npg-close:focus-visible {
  box-shadow: 0 0 0 3px rgba(27, 136, 201, .45) !important;
}

/* 3) Tucne pismo musi zostat tucne aj ked ho sablona prepisuje */
.npg-root b, .npg-root strong { font-weight: 700 !important; }

/* 4) Atribut hidden musi prebit vsetko ostatne */
.npg-root [hidden] { display: none !important; }
.npg-root.npg-open { display: block !important; }
.npg-root[hidden] { display: none !important; }