/* Regional application access on the UK and US homepages. */
.home-review .nav-cta-group { flex-shrink: 0; }
.home-review .nav-login-picker { position: relative; flex-shrink: 0; }
.home-review .nav-login { min-height: 44px; justify-content: center; gap: 8px; list-style: none; }
.home-review .nav-login::-webkit-details-marker { display: none; }
.home-review .nav-login svg { width: 14px; height: 14px; flex-shrink: 0; }
.home-review .nav-login-picker[open] .nav-login svg { transform: rotate(180deg); }
.home-review .nav-login-picker[open] .nav-login { border-color: #E9B872; }
.home-review .nav-login-options { position: absolute; z-index: 210; top: calc(100% + 10px); right: 0; width: 180px; padding: 8px; border: 1px solid rgba(233,184,114,0.4); border-radius: 14px; background: #2A1B2E; box-shadow: 0 12px 32px rgba(0,0,0,0.25); }
.home-review .nav-login-options a { display: flex; align-items: center; min-height: 44px; padding: 10px 14px; border-radius: 8px; color: white; font-size: 14px; font-weight: 600; }
.home-review .nav-login-options a:hover, .home-review .nav-login-options a:focus-visible { background: rgba(233,184,114,0.12); color: #E9B872; }
.home-review .nav-login:focus-visible, .home-review .nav-login-options a:focus-visible { outline: 3px solid #E9B872; outline-offset: 3px; }
@media (max-width: 760px) {
  .home-review[data-region="uk"] .nav-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px 8px; padding: 10px 14px; }
  .home-review[data-region="uk"] .nav-inner > .logo { grid-column: 1; grid-row: 1; min-width: 0; }
  .home-review[data-region="uk"] .nav-end { display: contents; }
  .home-review[data-region="uk"] .nav-end > .region-switch { grid-column: 2; grid-row: 1; }
  .home-review[data-region="uk"] .nav-end > .nav-toggle { grid-column: 3; grid-row: 1; }
  .home-review .nav-cta-group { grid-column: 1 / -1; grid-row: 2; }
  .home-review .nav-login-picker { flex: 1; min-width: 0; }
  .home-review .nav-login { width: 100%; }
  .home-review .nav-cta-group .btn { flex: 1; justify-content: center; min-width: 0; min-height: 44px; padding: 10px 12px; font-size: 13px; }
  .home-review .hero { padding-top: max(160px, calc(var(--knowa-header-offset, 140px) + 20px)); }
}