.country-trigger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: var(--ink); cursor: pointer; transition: background 180ms ease, transform 220ms ease; -webkit-tap-highlight-color: transparent; }
.country-trigger:hover, .country-trigger[aria-expanded="true"] { background: color-mix(in srgb, var(--blue) 9%, transparent); }
.country-trigger:active { transform: scale(.92); }
.country-menu { position: fixed; inset: auto; margin: 0; width: min(272px, calc(100vw - 32px)); padding: 10px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--line); border-radius: 24px; background: var(--paper); color: var(--ink); box-shadow: 0 12px 45px rgba(16, 28, 53, .15), 0 3px 10px rgba(16, 28, 53, .06); font-family: Figtree, sans-serif; transform-origin: 28px bottom; }
.country-menu:popover-open { animation: country-menu-in 360ms cubic-bezier(.22, 1, .36, 1) both; }
.country-menu ul { list-style: none; margin: 0; padding: 0; }
.country-menu a { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 12px; border-radius: 15px; color: var(--ink); font-size: 15px; font-weight: 600; letter-spacing: -.02em; text-decoration: none; transition: background 160ms ease; }
.country-menu a:hover, .country-menu a:focus-visible, .country-menu a[aria-current="page"] { background: color-mix(in srgb, var(--blue) 9%, transparent); }
.country-menu img { display: block; width: 40px; height: 40px; object-fit: contain; flex: none; }
.country-menu .country-check { width: 16px; height: 16px; margin-left: auto; color: var(--blue); flex: none; }
@keyframes country-menu-in { from { opacity: 0; transform: translateY(10px) scale(.95); } 70% { opacity: 1; transform: translateY(-2px) scale(1.008); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-color-scheme: dark) { .country-menu { box-shadow: 0 12px 45px rgba(0, 0, 0, .4); } }
@media (prefers-reduced-motion: reduce) { .country-menu:popover-open { animation: none; } .country-trigger, .country-menu a { transition: none; } }