/* Secondary geography lives in a native, keyboard-accessible disclosure. */
.countries-trigger{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 13px;color:#c6c0cd;font-size:11px;border:1px solid transparent;border-radius:30px;transition:background .2s,border-color .2s}
.countries-trigger .icon{width:15px;height:15px;margin-left:7px;transition:transform .25s}
.countries-trigger:hover,.countries-trigger:focus-visible{background:#ffffff06;border-color:#ffffff22;color:#f0ece5}
.countries-trigger:hover .icon{transform:translateX(3px)}
#countries-panel{position:fixed;inset:auto var(--gutter) calc(65px + var(--safe-area-bottom)) auto;margin:0;width:340px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);overflow:auto;padding:22px;border:1px solid #d6bee935;border-radius:18px;background:linear-gradient(145deg,#19161ff5,#09090dfc 65%);color:#eeeae4;box-shadow:0 20px 80px #000a;overscroll-behavior:contain}
#countries-panel:popover-open{animation:countries-reveal .25s ease-out}
#countries-panel::backdrop{background:#0005}
.countries-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.countries-eyebrow{font-size:10px;letter-spacing:.15em;color:#c7b5dd}
.countries-close{min-height:44px;padding:0 10px;font-size:12px;border:1px solid #ffffff20;border-radius:30px;color:#d7cfdf}
#countries-heading{font:300 30px/1.12 'ZYLO Display';letter-spacing:-.03em;margin:17px 0 12px}
#countries-panel>p{font-size:12px;line-height:1.5;color:#a9a3b1;margin:0 0 17px}
.country-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;list-style:none;margin:0;padding:0}
.country-list li{display:flex;align-items:center;gap:10px;min-height:46px;border-top:1px solid #ffffff12;font-size:12px;line-height:1.4;color:#e4dfe8;white-space:nowrap}
.country-list img{width:22px;height:16.5px;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px #ffffff24;flex-shrink:0}
.country-short{display:none}
@keyframes countries-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (orientation:portrait){
 .countries-trigger{padding:0 0 0 10px;font-size:11px;gap:0;border:0;border-radius:0}.countries-trigger-long{display:none}
 .countries-trigger .icon{width:14px;height:14px;margin-left:9px}
 #countries-panel{inset:auto 16px calc(16px + var(--safe-area-bottom)) 16px;width:auto;max-width:none;padding:20px;border-radius:18px}
}
@media(orientation:landscape) and (max-height:540px){#countries-panel{bottom:12px;max-height:calc(100svh - 24px)}}
body.static-mode #countries-panel,body.static-mode .countries-trigger,body.static-mode .countries-trigger .icon{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){#countries-panel:popover-open{animation:none}.countries-trigger,.countries-trigger .icon{transition:none;transform:none!important}}
@media(forced-colors:active){#countries-panel,.countries-trigger,.countries-close{background:Canvas;color:CanvasText;border:1px solid ButtonText}.country-list img{forced-color-adjust:none}.country-list li{color:CanvasText}}
.display-preferences{margin-top:20px;border-top:1px solid #ffffff24;color:#c7c5c3}
.display-preferences summary{cursor:pointer;min-height:44px;padding:14px 0;font-size:12px}
.display-preferences #motion-toggle{max-width:none;min-height:44px;padding:0 14px;text-align:left;border:1px solid #ffffff30;font-size:12px;color:#e5e1da}