.header-preferences{align-items:center;gap:inherit;display:flex}.currency-switch{background:#edf3ed;border:1px solid #d3dfd6;border-radius:16px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.currency-switch button{color:#597164;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:42px;min-height:44px;padding:3px 5px;line-height:1.15;transition:background .18s,color .18s;display:flex}.currency-switch button>span{font-size:20px;font-weight:650}.currency-switch small{letter-spacing:.04em;font-size:9px;font-weight:650}.currency-switch button[aria-pressed=true]{color:#285b40;background:#fffefa;border-color:#b7cdbb;box-shadow:0 2px 5px #24462d12}.currency-switch button:hover:not(:disabled){background:#e0eadf}.currency-switch button:focus-visible{outline-offset:2px;outline:2px solid #bd862e}.currency-switch button:disabled{opacity:.4;cursor:not-allowed}.currency-note{color:#597164;max-width:75ch;margin:12px 0;font-size:13px;line-height:1.65}.currency-note a{text-underline-offset:3px;text-decoration:underline}.currency-note strong{font-weight:650}:root[data-theme=dark] .currency-switch{background:#303e34;border-color:#476150}:root[data-theme=dark] .currency-switch button{color:#b4c8bb}:root[data-theme=dark] .currency-switch button[aria-pressed=true]{color:#e3e9df;background:#255b42;border-color:#7a9a85}:root[data-theme=dark] .currency-switch button:hover:not(:disabled){background:#3c5745}:root[data-theme=dark] .currency-note{color:#b4c8bb}@media (max-width:1100px){.header .header-account{gap:6px}}@media (max-width:600px){.header:has(.header-preferences){grid-template-columns:44px minmax(0,1fr) 44px}.header:has(.header-preferences) .header-brand-group{grid-area:1/2;justify-self:center}.header .header-account{display:contents}.header .header-account>.pet-cart-trigger{grid-area:1/1;justify-self:start}.header .header-account>:is(.menu-icon-button,.profile-trigger){grid-area:1/3;justify-self:end}.header .header-preferences{grid-area:2/1/auto/-1;justify-self:center;gap:10px}.header .icon-menu{grid-area:3/1/auto/-1}}@media (prefers-reduced-motion:reduce){.currency-switch button{transition:none}}.currency-switch .currency-cycle{color:#285b40;background:#fffefa;border-color:#b7cdbb;box-shadow:0 2px 5px #24462d12}:root[data-theme=dark] .currency-switch .currency-cycle{color:#e3e9df;background:#255b42;border-color:#7a9a85}