/* ======================================================
   PETR TLAMKA - LOGIN POPUP / PŘIHLÁŠENÍ
   Dark premium styl pro Shoptet přihlašovací okno
   ====================================================== */


/* Celý popup */
html body #login.user-action-login,
html body #login.popup-widget,
html body .login-widget {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--pt-text, #f4efe6) !important;
  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
}


/* Vnitřní karta */
html body #login .popup-widget-inner,
html body .login-widget .popup-widget-inner {
  width: min(520px, calc(100vw - 32px)) !important;
  max-width: 520px !important;

  margin: 0 auto !important;
  padding: 34px !important;

  background:
    radial-gradient(
      circle at 18% 0%,
      var(--pt-gold-soft-bg, rgba(200, 155, 69, 0.12)),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.018) 48%,
      rgba(200, 155, 69, 0.045)
    ),
    var(--pt-card, #141414) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: var(--pt-radius-lg, 26px) !important;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

  box-sizing: border-box !important;
}


/* Nadpis */
html body #login #loginHeading,
html body #login h2,
html body .login-widget h2 {
  margin: 0 0 24px !important;
  padding: 0 !important;

  color: var(--pt-text, #f4efe6) !important;

  font-family: var(--pt-font-heading, "Source Serif 4", Georgia, "Times New Roman", serif) !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}


/* Formulář */
html body #login .formLogin,
html body #login form,
html body .login-widget .formLogin {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Form-group */
html body #login .form-group,
html body .login-widget .form-group {
  margin: 0 0 16px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


/* Input wrapper */
html body #login .input-wrapper,
html body .login-widget .input-wrapper {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Inputy */
html body #login input[type="email"],
html body #login input[type="password"],
html body #login input[type="text"]:not(.no-display),
html body #login .form-control,
html body .login-widget input[type="email"],
html body .login-widget input[type="password"],
html body .login-widget .form-control {
  display: block !important;

  width: 100% !important;
  min-height: 58px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.78) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid rgba(200, 155, 69, 0.28) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 26px rgba(0,0,0,0.22) !important;

  outline: none !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 58px !important;

  box-sizing: border-box !important;
}


/* Placeholder */
html body #login input::placeholder,
html body .login-widget input::placeholder {
  color: var(--pt-text-soft, #8f877b) !important;
  opacity: 1 !important;
}


/* Focus inputu */
html body #login input[type="email"]:focus,
html body #login input[type="password"]:focus,
html body #login .form-control:focus,
html body .login-widget input[type="email"]:focus,
html body .login-widget input[type="password"]:focus,
html body .login-widget .form-control:focus {
  border-color: var(--pt-gold-light, #e2bb6a) !important;
  box-shadow:
    0 0 0 3px var(--pt-gold-focus, rgba(200, 155, 69, 0.14)),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}


/* Error input */
html body #login .error-field,
html body .login-widget .error-field {
  border-color: var(--pt-danger, #b85c4d) !important;
  box-shadow:
    0 0 0 3px rgba(184, 92, 77, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}


/* Validační hláška */
html body #login .validator-msg,
html body #login .msg-error,
html body .login-widget .validator-msg,
html body .login-widget .msg-error {
  margin: 8px 0 0 !important;
  padding: 0 !important;

  color: var(--pt-danger, #b85c4d) !important;

  background: transparent !important;
  border: 0 !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}


/* Skryté honeypot pole */
html body #login .no-display,
html body .login-widget .no-display {
  display: none !important;
}


/* Obal tlačítka + odkazy */
html body #login .login-wrapper,
html body .login-widget .login-wrapper {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;

  margin: 22px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


/* Přihlašovací tlačítko */
html body #login .btn-login,
html body #login button[type="submit"],
html body .login-widget .btn-login,
html body .login-widget button[type="submit"] {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 24px !important;

  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;

  border: 1px solid var(--pt-gold, #c89b45) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  box-shadow: var(--pt-shadow-gold, 0 14px 32px rgba(200, 155, 69, 0.16)) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    background 0.18s ease !important;
}


/* Hover přihlásit */
html body #login .btn-login:hover,
html body #login button[type="submit"]:hover,
html body .login-widget .btn-login:hover,
html body .login-widget button[type="submit"]:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
  color: var(--pt-text-dark, #11100d) !important;
}


/* Odkazy registrace / zapomenuté heslo */
html body #login .password-helper,
html body .login-widget .password-helper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  gap: 12px 18px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


/* Jednotlivé odkazy */
html body #login .password-helper a,
html body .login-widget .password-helper a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--pt-gold-light, #e2bb6a) !important;

  background: transparent !important;
  border: 0 !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;

  text-decoration: none !important;
}


/* Oddělení odkazů tečkou */
html body #login .password-helper a + a::before,
html body .login-widget .password-helper a + a::before {
  content: "•" !important;
  display: inline-flex !important;

  margin-right: 18px !important;

  color: var(--pt-text-soft, #8f877b) !important;
}


/* Hover odkazy */
html body #login .password-helper a:hover,
html body .login-widget .password-helper a:hover {
  color: var(--pt-text, #f4efe6) !important;
}


/* Focus */
html body #login button:focus-visible,
html body #login input:focus-visible,
html body #login a:focus-visible,
html body .login-widget button:focus-visible,
html body .login-widget input:focus-visible,
html body .login-widget a:focus-visible {
  outline: 3px solid var(--pt-gold-outline, rgba(226, 187, 106, 0.32)) !important;
  outline-offset: 3px !important;
}


/* Pokud Shoptet přidává zavírací tlačítko mimo výpis */
html body #login .popup-widget-close,
html body .login-widget .popup-widget-close,
html body #login button.close,
html body .login-widget button.close {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.045),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.76) !important;

  color: var(--pt-gold-light, #e2bb6a) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: 50% !important;

  box-shadow: none !important;
}


/* Mobil */
@media (max-width: 640px) {
  html body #login .popup-widget-inner,
  html body .login-widget .popup-widget-inner {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding: 28px 22px !important;
    border-radius: 22px !important;
  }

  html body #login #loginHeading,
  html body #login h2,
  html body .login-widget h2 {
    font-size: 31px !important;
  }

  html body #login input[type="email"],
  html body #login input[type="password"],
  html body #login .form-control,
  html body .login-widget input[type="email"],
  html body .login-widget input[type="password"],
  html body .login-widget .form-control {
    min-height: 54px !important;
    line-height: 54px !important;
    font-size: 15px !important;
  }

  html body #login .password-helper,
  html body .login-widget .password-helper {
    flex-direction: column !important;
    gap: 9px !important;
  }

  html body #login .password-helper a + a::before,
  html body .login-widget .password-helper a + a::before {
    display: none !important;
    content: none !important;
  }
}
/* ======================================================
   PETR TLAMKA - REGISTRACE / SHOPTET
   Kompletní dark premium redesign registrační stránky
   ====================================================== */


/* Celá registrační stránka */
html body:has(#register-form),
html body:has(.formRegistration) {
  background:
    radial-gradient(
      circle at 50% 0%,
      var(--pt-gold-ultra-soft-bg, rgba(200, 155, 69, 0.06)),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      var(--pt-bg, #050505) 0%,
      var(--pt-bg-soft, #0b0a08) 44%,
      var(--pt-bg, #050505) 100%
    ) !important;

  color: var(--pt-text, #f4efe6) !important;
}


/* Obaly stránky */
html body:has(#register-form) #content-wrapper,
html body:has(#register-form) .content-wrapper,
html body:has(#register-form) .content-wrapper-in,
html body:has(#register-form) #content,
html body:has(#register-form) .content,
html body:has(#register-form) .content-inner,
html body:has(.formRegistration) #content-wrapper,
html body:has(.formRegistration) .content-wrapper,
html body:has(.formRegistration) .content-wrapper-in,
html body:has(.formRegistration) #content,
html body:has(.formRegistration) .content,
html body:has(.formRegistration) .content-inner {
  background: transparent !important;
  color: var(--pt-text, #f4efe6) !important;
}


/* Vnitřní obsah registrační stránky */
html body:has(#register-form) .content-inner,
html body:has(.formRegistration) .content-inner {
  width: min(var(--pt-container-narrow, 920px), calc(100% - 40px)) !important;
  max-width: var(--pt-container-narrow, 920px) !important;

  margin: 0 auto !important;
  padding: 44px 0 76px !important;
}


/* Systémový H1 registrace */
html body:has(#register-form) .content-inner > h1,
html body:has(.formRegistration) .content-inner > h1 {
  margin: 0 0 28px !important;
  padding: 0 !important;

  color: var(--pt-text, #f4efe6) !important;

  font-family: var(--pt-font-heading, "Source Serif 4", Georgia, "Times New Roman", serif) !important;
  font-size: clamp(42px, 5vw, 66px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
}


/* Jemný podnadpis pod H1 přes pseudo text */
html body:has(#register-form) .content-inner > h1::after,
html body:has(.formRegistration) .content-inner > h1::after {
  content: "Vytvořte si účet a pokračujte pohodlněji. Bez zbytečností, jen základní údaje.";
  display: block !important;

  max-width: 640px !important;

  margin: 18px auto 0 !important;

  color: var(--pt-text-muted, #b9b0a3) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}


/* Formulář jako hlavní karta */
html body #register-form.formRegistration,
html body .formRegistration {
  display: block !important;

  width: 100% !important;

  margin: 0 auto !important;
  padding: 38px !important;

  background:
    radial-gradient(
      circle at 20% 0%,
      var(--pt-gold-soft-bg, rgba(200, 155, 69, 0.12)),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.018) 48%,
      rgba(200, 155, 69, 0.045)
    ),
    var(--pt-card, #141414) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: var(--pt-radius-lg, 26px) !important;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;

  box-sizing: border-box !important;
}


/* Skryté honeypot prvky */
html body #register-form .no-display,
html body .formRegistration .no-display {
  display: none !important;
}


/* Co-box wrappery */
html body #register-form .co-box,
html body .formRegistration .co-box {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Prázdný co-box schovat */
html body #register-form .co-box:empty,
html body .formRegistration .co-box:empty {
  display: none !important;
}


/* Fieldsety */
html body #register-form fieldset,
html body .formRegistration fieldset,
html body #register-form .box,
html body .formRegistration .box {
  margin: 0 0 24px !important;
  padding: 28px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.42) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid var(--pt-border, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--pt-radius, 18px) !important;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;

  box-sizing: border-box !important;
}


/* Poslední fieldset bez velké mezery */
html body #register-form fieldset:last-child,
html body .formRegistration fieldset:last-child {
  margin-bottom: 0 !important;
}


/* Nadpisy sekcí */
html body #register-form h4,
html body .formRegistration h4 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 0 0 22px !important;
  padding: 0 !important;

  color: var(--pt-gold-light, #e2bb6a) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}


/* Ikona v nadpisu */
html body #register-form h4 i,
html body .formRegistration h4 i {
  color: var(--pt-gold-light, #e2bb6a) !important;
  opacity: 0.9 !important;
}



/* Form-group - lepší rozestupy mezi polem a spodním textem */
html body #register-form .form-group,
html body .formRegistration .form-group {
  margin: 0 0 22px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Jemné odsazení textů pod inputem */
html body #register-form .validator-msg,
html body #register-form .msg-error,
html body #register-form .form-group small,
html body #register-form .form-group .help-block,
html body #register-form .form-group .description,
html body .formRegistration .validator-msg,
html body .formRegistration .msg-error,
html body .formRegistration .form-group small,
html body .formRegistration .form-group .help-block,
html body .formRegistration .form-group .description {
  margin-top: 9px !important;
  display: block !important;
}

/* Poslední form-group */
html body #register-form .form-group:last-child,
html body .formRegistration .form-group:last-child {
  margin-bottom: 0 !important;
}


/* Label */
html body #register-form label,
html body .formRegistration label {
  display: block !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  color: var(--pt-text-muted, #b9b0a3) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
}


/* Povinné položky */
html body #register-form .required-asterisk,
html body .formRegistration .required-asterisk {
  color: var(--pt-text, #f4efe6) !important;
  font-weight: 850 !important;
}


/* Input wrappery */
html body #register-form .input-wrapper,
html body .formRegistration .input-wrapper,
html body #register-form .smart-label-wrapper,
html body .formRegistration .smart-label-wrapper {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Inputy - pouze barvy, bez změny velikosti */
html body #register-form input[type="email"],
html body #register-form input[type="password"],
html body #register-form input[type="text"]:not(.no-display),
html body #register-form .form-control,
html body .formRegistration input[type="email"],
html body .formRegistration input[type="password"],
html body .formRegistration input[type="text"]:not(.no-display),
html body .formRegistration .form-control {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.78) !important;

  color: var(--pt-text, #f4efe6) !important;

  border-color: rgba(200, 155, 69, 0.28) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 26px rgba(0,0,0,0.22) !important;

  outline: none !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-weight: 500 !important;
}
/* Placeholder */
html body #register-form input::placeholder,
html body .formRegistration input::placeholder {
  color: var(--pt-text-soft, #8f877b) !important;
  opacity: 1 !important;
}


/* Focus inputu */
html body #register-form input[type="email"]:focus,
html body #register-form input[type="password"]:focus,
html body #register-form input[type="text"]:not(.no-display):focus,
html body #register-form .form-control:focus,
html body .formRegistration input[type="email"]:focus,
html body .formRegistration input[type="password"]:focus,
html body .formRegistration input[type="text"]:not(.no-display):focus,
html body .formRegistration .form-control:focus {
  border-color: var(--pt-gold-light, #e2bb6a) !important;
  box-shadow:
    0 0 0 3px var(--pt-gold-focus, rgba(200, 155, 69, 0.14)),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}


/* Chybový stav */
html body #register-form .error-field,
html body .formRegistration .error-field,
html body #register-form .form-control.error-field,
html body .formRegistration .form-control.error-field {
  border-color: var(--pt-danger, #b85c4d) !important;
  box-shadow:
    0 0 0 3px rgba(184, 92, 77, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}


/* Validační hlášky */
html body #register-form .validator-msg,
html body #register-form .msg-error,
html body .formRegistration .validator-msg,
html body .formRegistration .msg-error {
  margin: 8px 0 0 !important;
  padding: 0 !important;

  color: var(--pt-danger, #b85c4d) !important;

  background: transparent !important;
  border: 0 !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}


/* Potvrzení / souhlasy */
html body #register-form .consents,
html body .formRegistration .consents {
  margin: 0 0 18px !important;
  padding: 18px 18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.03),
      rgba(255, 255, 255, 0.01)
    ),
    rgba(5, 5, 5, 0.58) !important;

  border: 1px solid var(--pt-border, rgba(255, 255, 255, 0.1)) !important;
  border-radius: var(--pt-radius, 18px) !important;

  color: var(--pt-text-muted, #b9b0a3) !important;
}


/* Text souhlasu */
html body #register-form .consents label,
html body .formRegistration .consents label,
html body #register-form .whole-width,
html body .formRegistration .whole-width {
  margin: 0 !important;

  color: var(--pt-text-muted, #b9b0a3) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}


/* Odkazy v souhlasu */
html body #register-form .consents a,
html body .formRegistration .consents a {
  color: var(--pt-gold-light, #e2bb6a) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* Hover odkazy */
html body #register-form .consents a:hover,
html body .formRegistration .consents a:hover {
  color: var(--pt-text, #f4efe6) !important;
}


/* Submit wrapper */
html body #register-form .submit-wrapper,
html body .formRegistration .submit-wrapper {
  margin: 24px 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}


/* Shoptet tam dává p kolem submitu */
html body #register-form .submit-wrapper p,
html body .formRegistration .submit-wrapper p {
  margin: 0 !important;
  padding: 0 !important;
}


/* Registrovat tlačítko */
html body #register-form input[type="submit"],
html body #register-form .btn-login,
html body #register-form .btn-secondary,
html body .formRegistration input[type="submit"],
html body .formRegistration .btn-login,
html body .formRegistration .btn-secondary {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 56px !important;

  margin: 0 !important;
  padding: 0 26px !important;

  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;

  border: 1px solid var(--pt-gold, #c89b45) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  box-shadow: var(--pt-shadow-gold, 0 14px 32px rgba(200, 155, 69, 0.16)) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    background 0.18s ease !important;
}


/* Hover registrovat */
html body #register-form input[type="submit"]:hover,
html body #register-form .btn-login:hover,
html body #register-form .btn-secondary:hover,
html body .formRegistration input[type="submit"]:hover,
html body .formRegistration .btn-login:hover,
html body .formRegistration .btn-secondary:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
  color: var(--pt-text-dark, #11100d) !important;
}


/* Focus */
html body #register-form input:focus-visible,
html body #register-form a:focus-visible,
html body .formRegistration input:focus-visible,
html body .formRegistration a:focus-visible {
  outline: 3px solid var(--pt-gold-outline, rgba(226, 187, 106, 0.32)) !important;
  outline-offset: 3px !important;
}


/* Drobečková navigace na registrační stránce - držet v designu */
html body:has(#register-form) .breadcrumbs,
html body:has(.formRegistration) .breadcrumbs {
  margin-bottom: 0 !important;
}


/* Mobil */
@media (max-width: 640px) {
  html body:has(#register-form) .content-inner,
  html body:has(.formRegistration) .content-inner {
    width: calc(100% - 28px) !important;
    padding: 34px 0 58px !important;
  }

  html body:has(#register-form) .content-inner > h1,
  html body:has(.formRegistration) .content-inner > h1 {
    font-size: 40px !important;
    text-align: left !important;
  }

  html body:has(#register-form) .content-inner > h1::after,
  html body:has(.formRegistration) .content-inner > h1::after {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 15px !important;
    text-align: left !important;
  }

  html body #register-form.formRegistration,
  html body .formRegistration {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  html body #register-form fieldset,
  html body .formRegistration fieldset,
  html body #register-form .box,
  html body .formRegistration .box {
    padding: 22px !important;
    border-radius: 18px !important;
  }

  html body #register-form input[type="email"],
  html body #register-form input[type="password"],
  html body #register-form input[type="text"]:not(.no-display),
  html body #register-form .form-control,
  html body .formRegistration input[type="email"],
  html body .formRegistration input[type="password"],
  html body .formRegistration input[type="text"]:not(.no-display),
  html body .formRegistration .form-control {
    min-height: 54px !important;
    line-height: 54px !important;
    font-size: 15px !important;
  }
}

/* ======================================================
   REGISTRACE - oprava bílého pozadí okolo formuláře
   ====================================================== */

/* Ztmavení celé obsahové části na registrační stránce */
html body:has(#register-form) #content-wrapper,
html body:has(#register-form).in-registration #content-wrapper,
html body:has(#register-form) .container.content-wrapper,
html body:has(#register-form) .content-wrapper,
html body:has(#register-form) .content-wrapper-in,
html body:has(#register-form) main#content,
html body:has(#register-form) #content,
html body:has(#register-form) .content,
html body:has(#register-form) .content.wide,
html body:has(#register-form) .content-inner {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(200, 155, 69, 0.06),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      var(--pt-bg, #050505) 0%,
      var(--pt-bg-soft, #0b0a08) 46%,
      var(--pt-bg, #050505) 100%
    ) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* Zrušení bílé plochy těla stránky, pokud ji drží šablona */
html body:has(#register-form) {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(200, 155, 69, 0.06),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      var(--pt-bg, #050505) 0%,
      var(--pt-bg-soft, #0b0a08) 46%,
      var(--pt-bg, #050505) 100%
    ) !important;
}

/* Širší tmavá plocha pod drobečkovou navigací */
html body:has(#register-form) .content-wrapper-in {
  padding-top: 42px !important;
  padding-bottom: 80px !important;
}

/* Samotný vnitřní obsah necháme centrovaný */
html body:has(#register-form) .content-inner {
  width: min(920px, calc(100% - 40px)) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* H1 Registrace - pokud ho chceš mít vidět */
html body:has(#register-form) .content-inner > h1 {
  margin: 0 0 28px !important;
  padding: 0 !important;

  color: var(--pt-text, #f4efe6) !important;

  font-family: var(--pt-font-heading, "Source Serif 4", Georgia, "Times New Roman", serif) !important;
  font-size: clamp(42px, 5vw, 66px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
}

/* Kdyby Shoptet nebo šablona pořád držely bílý background na obecné třídě */
html body:has(#register-form) .content-wrapper.container,
html body:has(#register-form) .container,
html body:has(#register-form) .wide {
  background-color: transparent !important;
}

/* Mobil */
@media (max-width: 640px) {
  html body:has(#register-form) .content-wrapper-in {
    padding-top: 30px !important;
    padding-bottom: 58px !important;
  }

  html body:has(#register-form) .content-inner {
    width: calc(100% - 28px) !important;
  }

  html body:has(#register-form) .content-inner > h1 {
    text-align: left !important;
    font-size: 40px !important;
  }
}
/* ======================================================
   REGISTRACE - zrušení bílých okrajů po stranách
   ====================================================== */

/* Celá stránka v registračním režimu */
html:has(#register-form),
html body:has(#register-form),
html body:has(#register-form) .overall-wrapper,
html body:has(#register-form) .site-wrapper,
html body:has(#register-form) .content-wrapper,
html body:has(#register-form) #content-wrapper,
html body:has(#register-form) .container.content-wrapper {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(200, 155, 69, 0.06),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      var(--pt-bg, #050505) 0%,
      var(--pt-bg-soft, #0b0a08) 46%,
      var(--pt-bg, #050505) 100%
    ) !important;
}

/* Důležité: content-wrapper nesmí zůstat jen úzký bílý kontejner */
html body:has(#register-form) #content-wrapper,
html body:has(#register-form) .container.content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Vnitřní obsah necháme pořád rozumně široký */
html body:has(#register-form) .content-wrapper-in,
html body:has(#register-form) main#content,
html body:has(#register-form) #content,
html body:has(#register-form) .content,
html body:has(#register-form) .content.wide {
  width: 100% !important;
  max-width: none !important;

  background: transparent !important;
  color: var(--pt-text, #f4efe6) !important;
}

/* Samotný formulářový obsah zůstane centrovaný */
html body:has(#register-form) .content-inner {
  width: min(920px, calc(100% - 40px)) !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  background: transparent !important;
}

/* Breadcrumb na registrační stránce zůstane v normální šířce */
html body:has(#register-form) .breadcrumbs.navigation-home-icon-wrapper,
html body:has(#register-form) .breadcrumbs {
  width: min(var(--pt-container, 1180px), calc(100% - 40px)) !important;
  max-width: var(--pt-container, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobil */
@media (max-width: 640px) {
  html body:has(#register-form) .content-inner {
    width: calc(100% - 28px) !important;
  }

  html body:has(#register-form) .breadcrumbs.navigation-home-icon-wrapper,
  html body:has(#register-form) .breadcrumbs {
    width: calc(100% - 28px) !important;
  }
}
/* ======================================================
   REGISTRACE - lepší vzhled vyplněného pole
   Oprava bílého podsvícení po vyplnění inputu
   ====================================================== */

/* Wrapper po vyplnění pole */
html body #register-form .form-group.populated,
html body .formRegistration .form-group.populated,
html body #register-form .smart-label-wrapper.populated,
html body .formRegistration .smart-label-wrapper.populated {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Input ve vyplněném poli */
html body #register-form .form-group.populated input.form-control,
html body .formRegistration .form-group.populated input.form-control,
html body #register-form .smart-label-wrapper.populated input.form-control,
html body .formRegistration .smart-label-wrapper.populated input.form-control {
  background:
    linear-gradient(
      180deg,
      rgba(226, 187, 106, 0.07),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.86) !important;

  color: var(--pt-text, #f4efe6) !important;

  border-color: rgba(226, 187, 106, 0.42) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 0 0 1px rgba(200, 155, 69, 0.08),
    0 10px 26px rgba(0, 0, 0, 0.24) !important;
}

/* Label u vyplněného pole */
html body #register-form .form-group.populated label,
html body .formRegistration .form-group.populated label,
html body #register-form .smart-label-wrapper.populated label,
html body .formRegistration .smart-label-wrapper.populated label {
  color: var(--pt-gold-light, #e2bb6a) !important;
}

/* Text uvnitř labelu */
html body #register-form .form-group.populated label span,
html body .formRegistration .form-group.populated label span,
html body #register-form .smart-label-wrapper.populated label span,
html body .formRegistration .smart-label-wrapper.populated label span {
  color: var(--pt-gold-light, #e2bb6a) !important;
}

/* Autofill z prohlížeče - Chrome/Edge často dělá bílé nebo žluté pozadí */
html body #register-form input:-webkit-autofill,
html body #register-form input:-webkit-autofill:hover,
html body #register-form input:-webkit-autofill:focus,
html body .formRegistration input:-webkit-autofill,
html body .formRegistration input:-webkit-autofill:hover,
html body .formRegistration input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--pt-text, #f4efe6) !important;

  box-shadow:
    0 0 0 1000px rgba(5, 5, 5, 0.92) inset,
    0 0 0 1px rgba(226, 187, 106, 0.38),
    0 10px 26px rgba(0, 0, 0, 0.24) !important;

  border-color: rgba(226, 187, 106, 0.42) !important;

  caret-color: var(--pt-gold-light, #e2bb6a) !important;

  transition: background-color 9999s ease-in-out 0s !important;
}

/* Firefox autofill */
html body #register-form input:autofill,
html body .formRegistration input:autofill {
  background:
    linear-gradient(
      180deg,
      rgba(226, 187, 106, 0.07),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.86) !important;

  color: var(--pt-text, #f4efe6) !important;
  border-color: rgba(226, 187, 106, 0.42) !important;
}

/* ======================================================
   PETR TLAMKA - ZÁKAZNICKÉ CENTRUM / LEVÉ MENU
   Dark premium redesign sidebaru
   ====================================================== */


/* Sidebar jako celek */
html body .sidebar.sidebar-left,
html body aside.sidebar-left {
  background: transparent !important;
  color: var(--pt-text, #f4efe6) !important;
}


/* Vnitřní obal sidebaru */
html body .sidebar-left .sidebar-inner,
html body .sidebar-left .sidebar-inner.visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Box zákaznického centra */
html body .sidebar-left .client-center-box,
html body .client-center-box,
html body [data-testid="boxCustomerCenterMenu"] {
  margin: 0 !important;
  padding: 18px !important;

  background:
    radial-gradient(
      circle at 20% 0%,
      var(--pt-gold-soft-bg, rgba(200, 155, 69, 0.12)),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.018) 48%,
      rgba(200, 155, 69, 0.045)
    ),
    var(--pt-card, #141414) !important;

  color: var(--pt-text, #f4efe6) !important;

  border: 1px solid var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;
  border-radius: var(--pt-radius-lg, 26px) !important;

  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
}


/* Zrušení default Shoptet boxu */
html body .sidebar-left .box,
html body .sidebar-left .box-sm,
html body .sidebar-left .box-bg-transparent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Seznam */
html body .client-center-box ul,
html body [data-testid="boxCustomerCenterMenu"] ul {
  display: grid !important;
  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}


/* Položka menu */
html body .client-center-box li,
html body [data-testid="boxCustomerCenterMenu"] li {
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}


/* Odkazy v menu */
html body .client-center-box li > a,
html body [data-testid="boxCustomerCenterMenu"] li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  width: 100% !important;
  min-height: 44px !important;

  margin: 0 !important;
  padding: 11px 14px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.025),
      rgba(255, 255, 255, 0.008)
    ),
    rgba(5, 5, 5, 0.35) !important;

  color: var(--pt-text-muted, #b9b0a3) !important;

  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  box-shadow: none !important;

  font-family: var(--pt-font-main, "Source Sans 3", Arial, Helvetica, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  text-decoration: none !important;

  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease !important;
}


/* Jemná šipka vpravo */
html body .client-center-box li > a::after,
html body [data-testid="boxCustomerCenterMenu"] li > a::after {
  content: "›" !important;

  color: var(--pt-text-soft, #8f877b) !important;

  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  opacity: 0.75 !important;
}


/* Hover */
html body .client-center-box li > a:hover,
html body [data-testid="boxCustomerCenterMenu"] li > a:hover {
  background:
    linear-gradient(
      145deg,
      rgba(200, 155, 69, 0.10),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.55) !important;

  color: var(--pt-gold-light, #e2bb6a) !important;

  border-color: var(--pt-border-gold-soft, rgba(200, 155, 69, 0.22)) !important;

  transform: translateX(2px) !important;
}


/* Hover šipka */
html body .client-center-box li > a:hover::after,
html body [data-testid="boxCustomerCenterMenu"] li > a:hover::after {
  color: var(--pt-gold-light, #e2bb6a) !important;
  opacity: 1 !important;
}


/* Aktivní položka */
html body .client-center-box li.active > a,
html body [data-testid="boxCustomerCenterMenu"] li.active > a {
  background:
    linear-gradient(
      135deg,
      var(--pt-gold-light, #e2bb6a) 0%,
      var(--pt-gold, #c89b45) 52%,
      var(--pt-gold-dark, #8d6728) 100%
    ) !important;

  color: var(--pt-text-dark, #11100d) !important;

  border-color: var(--pt-gold, #c89b45) !important;

  box-shadow:
    0 12px 28px rgba(200, 155, 69, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

  font-weight: 900 !important;
}


/* Aktivní šipka */
html body .client-center-box li.active > a::after,
html body [data-testid="boxCustomerCenterMenu"] li.active > a::after {
  color: var(--pt-text-dark, #11100d) !important;
  opacity: 0.85 !important;
}


/* První položka - Zákaznické centrum */
html body .client-center-box li:first-child > a,
html body [data-testid="boxCustomerCenterMenu"] li:first-child > a {
  color: var(--pt-text, #f4efe6) !important;
  font-weight: 850 !important;
}


/* Odhlašovací položka */
html body .client-center-box li.logout,
html body [data-testid="boxCustomerCenterMenu"] li.logout {
  order: 99 !important;
  margin-top: 10px !important;
  padding-top: 12px !important;

  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}


/* Odhlašovací tlačítko */
html body .client-center-box li.logout > a,
html body [data-testid="boxCustomerCenterMenu"] li.logout > a,
html body .client-center-box li.logout .btn,
html body [data-testid="boxCustomerCenterMenu"] li.logout .btn {
  justify-content: center !important;

  min-height: 42px !important;

  background:
    linear-gradient(
      145deg,
      rgba(184, 92, 77, 0.16),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(5, 5, 5, 0.55) !important;

  color: #f0b0a8 !important;

  border: 1px solid rgba(184, 92, 77, 0.36) !important;
  border-radius: var(--pt-radius-sm, 10px) !important;

  box-shadow: none !important;

  font-size: 14px !important;
  font-weight: 850 !important;
}


/* Odhlašovací tlačítko bez šipky */
html body .client-center-box li.logout > a::after,
html body [data-testid="boxCustomerCenterMenu"] li.logout > a::after {
  content: none !important;
  display: none !important;
}


/* Hover odhlášení */
html body .client-center-box li.logout > a:hover,
html body [data-testid="boxCustomerCenterMenu"] li.logout > a:hover,
html body .client-center-box li.logout .btn:hover,
html body [data-testid="boxCustomerCenterMenu"] li.logout .btn:hover {
  background:
    linear-gradient(
      145deg,
      rgba(184, 92, 77, 0.24),
      rgba(255, 255, 255, 0.016)
    ),
    rgba(5, 5, 5, 0.72) !important;

  color: #ffd1ca !important;

  border-color: rgba(184, 92, 77, 0.52) !important;

  transform: translateY(-1px) !important;
}


/* Focus */
html body .client-center-box li > a:focus-visible,
html body [data-testid="boxCustomerCenterMenu"] li > a:focus-visible {
  outline: 3px solid var(--pt-gold-outline, rgba(226, 187, 106, 0.32)) !important;
  outline-offset: 3px !important;
}


/* Mobil / tablet */
@media (max-width: 991px) {
  html body .sidebar-left .client-center-box,
  html body .client-center-box,
  html body [data-testid="boxCustomerCenterMenu"] {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  html body .client-center-box ul,
  html body [data-testid="boxCustomerCenterMenu"] ul {
    gap: 7px !important;
  }

  html body .client-center-box li > a,
  html body [data-testid="boxCustomerCenterMenu"] li > a {
    min-height: 42px !important;
    padding: 10px 13px !important;
    font-size: 14px !important;
  }
}
/* ======================================================
   TELEFON - pouze barva předvolby státu
   Bez zásahu do rozložení
   ====================================================== */

html body .shp-flag-label,
html body [data-testid="labelCountryFlag"] {
  background: rgba(5, 5, 5, 0.86) !important;
  color: var(--pt-gold-light, #e2bb6a) !important;

  border-color: rgba(200, 155, 69, 0.34) !important;
  box-shadow: none !important;
}

/* Název země uvnitř předvolby */
html body .shp-flag-label .shp-flag-name,
html body [data-testid="labelCountryFlag"] .shp-flag-name {
  color: var(--pt-text-muted, #b9b0a3) !important;
}

/* Hover bez bílé */
html body .shp-flag-label:hover,
html body [data-testid="labelCountryFlag"]:hover {
  background: rgba(5, 5, 5, 0.92) !important;
  color: var(--pt-gold-light, #e2bb6a) !important;
  border-color: rgba(226, 187, 106, 0.55) !important;
}

/* ======================================================
   FORMULÁŘE - odsazení textu pod inputem
   Bez změny velikosti polí
   ====================================================== */

/* Odsazení pod samotným inputem */
html body #register-form .form-control,
html body .formRegistration .form-control,
html body .client-center input.form-control,
html body .client-center textarea.form-control,
html body .client-center select.form-control,
html body .content-inner input.form-control,
html body .content-inner textarea.form-control,
html body .content-inner select.form-control {
  margin-bottom: 10px !important;
}

/* Když Shoptet balí input do wrapperu */
html body #register-form .smart-label-wrapper,
html body .formRegistration .smart-label-wrapper,
html body #register-form .input-wrapper,
html body .formRegistration .input-wrapper,
html body .content-inner .smart-label-wrapper,
html body .content-inner .input-wrapper {
  margin-bottom: 14px !important;
}

/* Poslední input ve skupině ať zbytečně nedělá extra díru */
html body #register-form .form-group:last-child .form-control,
html body .formRegistration .form-group:last-child .form-control,
html body .content-inner .form-group:last-child .form-control {
  margin-bottom: 0 !important;
}

/* Texty pod polem */
html body .content-inner .validator-msg,
html body .content-inner .msg-error,
html body .content-inner .help-block,
html body .content-inner .description,
html body .content-inner small {
  margin-top: 8px !important;
}

/* ======================================================
   TELEFON - rozbalený výběr státu
   Pouze barvy pozadí, bez změny rozložení
   ====================================================== */

/* Hlavní pozadí rozbaleného seznamu */
html body .country-flags-inner:has(.country-flag) {
  background: rgba(5, 5, 5, 0.96) !important;
}

/* Jednotlivý řádek země */
html body .country-flags-inner .country-flag,
html body [data-testid="divCountryFlag"] {
  background: rgba(12, 12, 12, 0.94) !important;
  color: var(--pt-gold-light, #e2bb6a) !important;
}

/* Textový blok vedle vlajky */
html body .country-flags-inner .country-flag .shp-flag-label,
html body [data-testid="divCountryFlag"] [data-testid="labelCountryFlag"] {
  background: rgba(12, 12, 12, 0.94) !important;
  color: var(--pt-gold-light, #e2bb6a) !important;
  border-color: rgba(200, 155, 69, 0.22) !important;
}

/* Název země */
html body .country-flags-inner .country-flag .shp-flag-name,
html body [data-testid="divCountryFlag"] .shp-flag-name {
  color: var(--pt-text-muted, #b9b0a3) !important;
}

/* Hover řádku */
html body .country-flags-inner .country-flag:hover,
html body [data-testid="divCountryFlag"]:hover {
  background: rgba(200, 155, 69, 0.12) !important;
}

/* Hover textového bloku */
html body .country-flags-inner .country-flag:hover .shp-flag-label,
html body [data-testid="divCountryFlag"]:hover [data-testid="labelCountryFlag"] {
  background: rgba(200, 155, 69, 0.12) !important;
  color: var(--pt-gold-light, #e2bb6a) !important;
}

/* Hover názvu země */
html body .country-flags-inner .country-flag:hover .shp-flag-name,
html body [data-testid="divCountryFlag"]:hover .shp-flag-name {
  color: var(--pt-text, #f4efe6) !important;
}

/* Scrollbar pozadí */
html body .country-flags-inner:has(.country-flag)::-webkit-scrollbar-track {
  background: rgba(5, 5, 5, 0.96) !important;
}

/* Scrollbar jezdec */
html body .country-flags-inner:has(.country-flag)::-webkit-scrollbar-thumb {
  background: rgba(200, 155, 69, 0.55) !important;
}
/* ======================================================
   TELEFON - zarovnání pole pro psaní čísla
   Bez zásahu do vlajky a předvolby
   ====================================================== */

/* Posun telefonního inputu mírně dolů */
html body input[name="phone"],
html body input[type="tel"],
html body .formRegistration input[name="phone"],
html body .formRegistration input[type="tel"] {
  position: relative !important;
  top: 4px !important;
}