@media (max-width: 767px) { html:has(.site-header__logo-text) { overflow-x: clip; } .menu-toggle, .hamburger-btn, .drawer-close, .site-nav__toggle { min-width: 44px !important; min-height: 44px !important; touch-action: manipulation; } .drawer { max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; } .drawer a, .site-nav__menu a { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; } footer .footer-links a, footer .footer-nav a, footer .footer-bottom a, .site-footer__nav a, .site-footer__group a, .site-footer__policies a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 6px; box-sizing: border-box; } a.btn-primary, a.line-btn, a.contact-form-btn, a.faq-more-link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; } main form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]), main form select, main form textarea { font-size: max(16px, 1rem) !important; min-height: 44px !important; max-width: 100%; box-sizing: border-box; } main form button, main form input[type=submit] { min-height: 44px; } .liability-toggle { min-height: 44px; box-sizing: border-box; } main a[href] { overflow-wrap: anywhere; } main .fade-in { opacity: 1 !important; transform: none !important; } main form fieldset { min-inline-size: 0; } main form .build-grid { display: grid; grid-template-columns: minmax(64px,1.2fr) minmax(48px,1fr) auto minmax(48px,1fr) auto; gap: 6px; align-items: center; } main form .build-grid select { min-width: 0 !important; width: 100% !important; } main form .birth-inline { display: flex; flex-wrap: wrap; gap: 4px; } main form .birth-inline select { min-width: 0 !important; flex: 1 1 0; width: auto !important; } main form .birth-inline #holderBirthEra { flex: 1 0 100%; width: 100% !important; } main form .field-inline--date, main form .field-inline--zip { display: flex; gap: 6px; } main form .field-inline--date select, main form .field-inline--zip input { min-width: 0 !important; flex: 1 1 0; width: 0 !important; } main form .field-inline:has(.field-suffix) input { min-width: 0 !important; flex: 1 1 0; width: 0 !important; } .site-header { left: 0; right: 0; width: 100%; max-width: 100vw; box-sizing: border-box; } .site-header__inner { min-width: 0; max-width: 100%; box-sizing: border-box; gap: 8px; } .site-header__logo { min-width: 0; flex: 1 1 auto; } .site-header__logo-text { font-size: clamp(14px,4vw,16px); } .site-header__logo-text span { font-size: 12px; letter-spacing: .12em; } .site-header .header-line-btn { padding-inline: 10px; flex-shrink: 0; } .floating-cta:has(.floating-cta__toggle) { left: calc(100vw - 96px) !important; right: auto !important; width: 80px; } body:has(main form) .floating-cta { display: none !important; } body:has(main form) .line-help { position: static !important; display: flex; width: fit-content; min-height: 44px; margin: 16px auto; padding: 10px 16px; box-sizing: border-box; } .form-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding-inline: 0; } .form-steps li { display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: flex-start; font-size: 14px; white-space: nowrap; min-width: 0; } .form-steps .step-connector { display: none; } main :is(input,select,textarea,button,[id]) { scroll-margin-top: 96px; } :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #1466b8; outline-offset: 3px; } body:not(:has(main form)):has(.floating-cta .cta-btn) { padding-bottom: calc(88px + env(safe-area-inset-bottom,0px)); } body:not(:has(main form)) .floating-cta:has(.cta-btn) { display: flex !important; flex-direction: row !important; align-items: center; inset: auto 0 0 !important; width: auto !important; height: auto !important; gap: 8px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom,0px)); box-sizing: border-box; background: #fff; border-top: 1px solid #d9e0e4; box-shadow: 0 -2px 10px #00000012; } body:not(:has(main form)) .floating-cta .cta-btn { flex: 1 1 0; width: auto !important; min-width: 0; height: 48px !important; min-height: 48px; margin: 0 !important; border-radius: 10px !important; display: flex; align-items: center; justify-content: center; box-shadow: none; } body:not(:has(main form)):has(.floating-cta .cta-btn) #to-top { bottom: calc(88px + env(safe-area-inset-bottom,0px)); } } @media (max-width: 359px) { .site-header__logo { min-width: 128px; } .site-header .header-line-btn { width: 44px; height: 44px; min-width: 44px; padding: 10px; box-sizing: border-box; } .site-header .header-line-btn__text { display: none; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }