/* Mobile-only public utility icons; button text remains in the accessibility tree. */
@media (max-width: 759px) {
  .homepage-mini-bar {
    padding: 6px 12px !important;
    background: #fff !important;
    border-bottom: 0 !important;
  }
  .homepage-mini-bar > div { gap: 6px; }
  .homepage-mini-bar button {
    position: relative;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    overflow: visible;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0;
  }
  .homepage-mini-bar button::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-color: #172334;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
  }
  .homepage-mini-bar button:first-of-type::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  }
  .homepage-mini-bar button:last-of-type::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h7.8a2 2 0 0 0 2-1.58L20.05 7H5.12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h7.8a2 2 0 0 0 2-1.58L20.05 7H5.12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .homepage-mini-bar button > span {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 17px;
    min-height: 17px;
    padding: 0 4px;
    color: #fff !important;
    font-size: 0.64rem;
    line-height: 17px;
  }

  .homepage-header-mobile {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 6px !important;
    justify-content: flex-start !important;
  }

  .homepage-header-mobile .homepage-logo {
    margin: 0 !important;
  }

  .homepage-header-mobile .homepage-menu-mobile {
    margin-top: 6px !important;
  }

  .homepage-customer-auth-card {
    gap: 12px !important;
    padding: 16px 14px !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px color-mix(in srgb, #000 16%, transparent) !important;
  }

  .homepage-customer-auth-heading {
    display: block !important;
    text-align: left !important;
  }

  .homepage-customer-auth-icon,
  .homepage-customer-auth-heading p,
  .homepage-customer-auth-intro,
  .homepage-customer-auth-benefits {
    display: none !important;
  }

  .homepage-customer-auth-heading h3 {
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
  }

  .homepage-customer-auth-tabs {
    padding: 4px !important;
  }

  .homepage-customer-auth-tabs button {
    min-height: 40px !important;
  }

  .homepage-customer-auth-form {
    gap: 12px !important;
  }

  .homepage-customer-auth-card label {
    gap: 5px !important;
  }

  .homepage-customer-auth-card input {
    min-height: 46px !important;
  }

  .homepage-customer-auth-submit {
    min-height: 46px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) {
    gap: 9px !important;
    padding: 12px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-heading h3 {
    font-size: 1.2rem !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-tabs button {
    min-height: 36px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-form {
    gap: 8px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-name-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) label {
    gap: 4px !important;
    font-size: 0.76rem !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-label-row {
    gap: 4px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-label-row small {
    font-size: 0.62rem !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) input {
    min-height: 40px !important;
    padding-inline: 11px !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }

  .homepage-customer-auth-card,
  .homepage-customer-auth-card *,
  .homepage-customer-auth-name-row > label,
  .homepage-password-field {
    min-width: 0;
    box-sizing: border-box;
  }

  .homepage-customer-auth-card,
  .homepage-password-field {
    max-width: 100%;
  }

  html,
  body,
  #root {
    max-width: 100%;
    overflow-x: hidden;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-password-strength {
    gap: 7px !important;
    font-size: 0.7rem !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-password-strength span {
    height: 5px !important;
  }

  .homepage-customer-auth-card:has(.homepage-password-strength) .homepage-customer-auth-submit {
    min-height: 42px !important;
  }
}