/* lalegold-account-footer-cart-exact-clone-v1: direct desktop clone of the cart/checkout legal footer. */
@media (min-width: 768px) {
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 > .grid-cols > .grid-col {
    display: none !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 > .grid-cols > .grid-col.grid-col-4 {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 {
    display: block !important;
    box-sizing: border-box !important;
    height: 54px !important;
    min-height: 0 !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border-top: 1px solid rgba(149, 106, 31, 0.28) !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 > .grid-cols {
    display: flex !important;
    justify-content: center !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 .module-title {
    display: none !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 .module-body {
    align-items: center !important;
    display: flex !important;
    flex-flow: row !important;
    gap: 0 16px !important;
    height: auto !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 .menu-item,
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 .lalegold-consent-menu-item {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 :is(a, .lalegold-consent-trigger) {
    font-size: 15px !important;
    height: auto !important;
    line-height: 20px !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-3 {
    display: none !important;
  }
  html:is(.route-account-login, .route-account-register) footer,
  html:is(.route-account-login, .route-account-register) footer > .grid-rows {
    height: 54px !important;
    min-height: 0 !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html:is(.route-account-login, .route-account-register) .site-wrapper {
    padding-bottom: 54px !important;
  }
  html:is(.route-account-login, .route-account-register) footer {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 100 !important;
  }
  html:not(.lalegold-dark-mode):is(.route-account-login, .route-account-register) footer {
    background: #fff !important;
  }
  html.lalegold-dark-mode:is(.route-account-login, .route-account-register) footer {
    background: #000 !important;
  }
}

/* lalegold-account-footer-cart-inline-layout-v1: account layout uses the cart's block list items and inline-flex targets. */
@media (min-width: 768px) {
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 .menu-item,
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 .lalegold-consent-menu-item {
    display: block !important;
  }
  html:is(.route-account-login, .route-account-register) footer .grid-row-2 .links-menu-75 :is(a, .lalegold-consent-trigger) {
    display: inline-flex !important;
  }
}

/* lalegold-phone-account-footer-hidden-v1: phone-only login/register has no footer content or reserved footer space. */
@media (max-width: 767.98px) {
  html:is(.route-account-login, .route-account-register) footer {
    display: none !important;
  }
  html:is(.route-account-login, .route-account-register) .site-wrapper {
    padding-bottom: 0 !important;
  }
}

/* lalegold-phone-account-intro-blocks-hidden-v1: hide the marked create-account prompt and existing-account login notice on phones only. */
@media (max-width: 767.98px) {
  html.route-account-login #content .login-box > .col-sm-6:first-child,
  html.route-account-register #content > p:first-child {
    display: none !important;
  }
}

/* lalegold-phone-register-section-titles-hidden-v1: phone-only registration hides the Persönliche Angaben and Passwort section titles, not their fields. */
@media (max-width: 767.98px) {
  html.route-account-register #content #account > legend,
  html.route-account-register #content .register-form > .lalegold-register-details-column > fieldset > legend {
    display: none !important;
  }
}

/* lalegold-phone-register-newsletter-hidden-v1: phone-only registration hides the complete Newsletter fieldset. */
@media (max-width: 767.98px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(1) {
    display: none !important;
  }
}

/* lalegold-phone-register-captcha-inline-v1: phone-only captcha code input and image share one row. */
@media (max-width: 767.98px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) .col-sm-10 {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
  }
  html.route-account-register #input-captcha {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  html.route-account-register #input-captcha + img {
    flex: 0 0 150px !important;
    height: 35px !important;
    max-width: 45% !important;
    width: 150px !important;
  }
}

/* lalegold-phone-captcha-label-size-match-v7: use the same 12px size as required field labels. */
@media (max-width: 767.98px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) label[for="input-captcha"] {
    display: none !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) .col-sm-10 {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: wrap !important;
    gap: 4px 10px !important;
    height: auto !important;
    margin-top: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) .lalegold-phone-captcha-label {
    color: #333333 !important;
    display: block !important;
    flex: 0 0 100% !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 20px !important;
    line-height: 19.2px !important;
    order: 0 !important;
    text-align: left !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) #input-captcha {
    order: 1 !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) #input-captcha + img {
    order: 2 !important;
  }
}

/* lalegold-phone-agreement-checkbox-text-start-v9: checkbox starts the agreement text, iPhone only. */
@media (max-width: 767.98px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons .pull-right {
    align-items: flex-start !important;
    display: flex !important;
    float: none !important;
    flex-wrap: wrap !important;
    gap: 0 8px !important;
    width: 100% !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons input[name="agree"] {
    flex: 0 0 13px !important;
    margin: 3px 0 0 !important;
    order: 0 !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons .lalegold-register-agree-copy {
    flex: 1 1 calc(100% - 21px) !important;
    margin: 0 !important;
    order: 0 !important;
    width: auto !important;
  }
}

/* lalegold-phone-continue-button-restored-v10: retain original vertical spacing before WEITER. */
@media (max-width: 767.98px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons button[type="submit"] {
    flex: 0 0 100% !important;
    margin-top: 13px !important;
    order: 1 !important;
  }
}

/* lalegold-iphone-agreement-checkbox-left-v11: real-iPhone fallback when the browser reports a wide CSS viewport. */
@media screen and (max-device-width: 767px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons .pull-right {
    float: none !important;
    position: relative !important;
    width: 100% !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons input[name="agree"] {
    left: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 3px !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons .lalegold-register-agree-copy {
    display: block !important;
    margin: 0 !important;
    padding-left: 21px !important;
    width: 100% !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > .buttons button[type="submit"] {
    margin-top: 13px !important;
    width: 100% !important;
  }
}

/* lalegold-iphone-captcha-image-right-align-v12: image extends to the form's right edge. */
@media (max-width: 767.98px), screen and (max-device-width: 767px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) .col-sm-10 {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) #input-captcha {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) #input-captcha + img {
    flex: 0 0 200px !important;
    max-width: none !important;
    width: 200px !important;
  }
}

/* lalegold-phone-register-title-gap-fixed-v16: correct title selector, iPhone only. */
@media (max-width: 767.98px), screen and (max-device-width: 767px) {
  html.route-account-register h1 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  html.route-account-register form.register-form {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}


/* lalegold-iphone-register-captcha-heading-hidden-v19: 'Bitte Code eingeben *' is sufficient context. */
@media (max-width: 767.98px), screen and (max-device-width: 767px), (max-width: 991px) and (max-height: 900px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) > legend {
    display: none !important;
  }
}

/* lalegold-iphone-captcha-prompt-lowered-v20: keep the short prompt close to its input. */
@media (max-width: 767.98px), screen and (max-device-width: 767px), (max-width: 991px) and (max-height: 900px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) .col-sm-10 {
    column-gap: 10px !important;
    row-gap: 4px !important;
  }
}

/* lalegold-iphone-register-captcha-standard-v31: approved iPhone registration Captcha standard. */
@media (max-width: 767.98px), screen and (max-device-width: 767px), (max-width: 991px) and (max-height: 900px) {
  html.route-account-register #content .register-form > .lalegold-register-actions-column > fieldset:nth-of-type(2) {
    margin-top: 12px !important;
  }

  html.route-account-register .lalegold-phone-captcha-required-star {
    position: relative;
    top: 5px;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }
}


/* lalegold-desktop-register-password-left-v40: match Anmeldung-style desktop columns. */
@media (min-width: 1100px) {
  html.route-account-register #content .register-form {
    display: grid !important;
    grid-template-columns: calc(50% - 30px) calc(50% - 10px) !important;
    column-gap: 40px !important;
    align-items: start !important;
  }

  html.route-account-register #content .register-form > .lalegold-register-details-column {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html.route-account-register #content .register-form > .lalegold-register-actions-column {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }
}
/* lalegold-phone-captcha-prompt-phone-only-v39: do not duplicate the native Captcha label on tablet or desktop. */
@media (min-width: 768px) {
  .lalegold-phone-captcha-label {
    display: none !important;
  }
}

/* lalegold-phone-register-column-selectors-v41: approved phone selectors retargeted after desktop columns. */

/* lalegold-desktop-register-continue-gap-23px-v55: keep a 23px visual offset to confirmation. */
@media (min-width: 1100px) {
  html.route-account-register #content .lalegold-register-actions-column .buttons button[type="submit"] {
    margin-top: 49px !important;
  }
}
/* lalegold-desktop-register-agreement-start-v45: align the AGB row with the right column. */
@media (min-width: 1100px) {
  html.route-account-register #content .lalegold-register-actions-column .buttons .pull-right {
    justify-content: flex-start !important;
  }
}

/* lalegold-desktop-register-captcha-image-wider-v50: improve PC Captcha legibility. */
@media (min-width: 1100px) {
  html.route-account-register #content .lalegold-register-actions-column #input-captcha + img {
    width: 180px !important;
  }
}

/* lalegold-iphone-account-input-autozoom-v63: Safari must not auto-zoom account fields on iPhone focus. */
@media (max-width: 767.98px), screen and (max-device-width: 767px) {
  html:is(.route-account-login, .route-account-register) #content :is(input.form-control, select.form-control, textarea.form-control) {
    font-size: 17px !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
}

/* lalegold-iphone-account-input-autozoom-18px-v64: one extra iPhone-only pixel avoids residual Safari focus zoom. */
@media (max-width: 767.98px), screen and (max-device-width: 767px) {
  html:is(.route-account-login, .route-account-register) #content :is(input.form-control, select.form-control, textarea.form-control) {
    font-size: 18px !important;
  }
}