/* Herbatica - korekcie tretieho kroku objednavky */
body.in-krok-2 #checkoutContent .co-box > h2 {
  padding-left: 0 !important;
}

body.in-krok-2 #checkoutContent .co-box > h2::before,
body.in-krok-2 #checkoutContent .co-box > h2::after {
  content: none !important;
  display: none !important;
}

body.in-krok-2 #checkoutContent .form-control,
body.in-krok-2 #checkoutContent input[type="text"],
body.in-krok-2 #checkoutContent input[type="email"],
body.in-krok-2 #checkoutContent input[type="tel"],
body.in-krok-2 #checkoutContent input[type="password"],
body.in-krok-2 #checkoutContent select,
body.in-krok-2 #checkoutContent textarea {
  max-width: none !important;
}

body.in-krok-2 #checkoutContent #billZip,
body.in-krok-2 #checkoutContent #deliveryZip,
body.in-krok-2 #checkoutContent input[name="billZip"],
body.in-krok-2 #checkoutContent input[name="deliveryZip"] {
  max-width: 180px !important;
}

body.in-krok-2 #checkoutContent .form-control-wrapper--with-note .helpNote {
  display: none !important;
}

body.in-krok-2 #checkoutSidebar > .cart-content > .form-group.consents {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start !important;
}

body.in-krok-2 #checkoutSidebar > .cart-content > .form-group.consents > input[type="checkbox"] {
  grid-column: 1 !important;
  width: 18px !important;
  min-width: 18px !important;
  margin: 1px 0 0 !important;
}

body.in-krok-2 #checkoutSidebar > .cart-content > .form-group.consents > label,
body.in-krok-2 #checkoutSidebar > .cart-content > .form-group.consents > p.label {
  display: block !important;
  grid-column: 2 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.in-krok-2 #checkoutSidebar > .cart-content > .form-group.consents:has(> input[type="hidden"]) {
  display: block !important;
}

body.in-krok-2 #checkoutSidebar > .cart-content > .form-group.consents:has(> input[type="hidden"]) > p.label {
  display: block !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  body.in-krok-2 #checkoutContent #billZip,
  body.in-krok-2 #checkoutContent #deliveryZip,
  body.in-krok-2 #checkoutContent input[name="billZip"],
  body.in-krok-2 #checkoutContent input[name="deliveryZip"] {
    max-width: none !important;
  }
}