.currency-selector{display:inline-flex;align-items:center;flex-shrink:0;gap:2px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--glass);color:var(--fg)}
.currency-selector button{padding:8px 10px;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;line-height:1.1;transition:background 180ms ease,color 180ms ease}
.currency-selector button[aria-pressed=true]{background:color-mix(in srgb,var(--teal) 16%,transparent);color:var(--teal);box-shadow:inset 0 0 0 1px var(--border)}
.currency-selector button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.currency-info{margin-block:12px 18px;font-size:12px;color:var(--muted);line-height:1.7}
.currency-info summary{cursor:pointer;inline-size:fit-content}
.currency-info a{color:var(--teal)}
.currency-payment-note{font-size:12px!important;line-height:1.6!important;color:var(--muted);border-block-start:1px solid var(--border);padding-block-start:12px}
.currency-amount{font-variant-numeric:tabular-nums}
.currency-announcement{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal-content>.currency-selector{margin-block-end:18px}
.header-actions{flex-wrap:wrap}
@media(max-width:760px){.header-actions{display:grid;grid-template-columns:auto auto auto;gap:6px;width:100%;justify-content:space-between}.header-actions .bag-label{display:none}.currency-selector button{min-block-size:32px;padding-inline:8px}.currency-info{font-size:11px}.card-bottom{flex-wrap:wrap;row-gap:10px}.price{font-size:17px}}
@media(prefers-reduced-motion:reduce){.currency-selector button{transition:none!important}}