/* EUR ⇄ USD switch in the shared header (dark bar) — litgraphics-currency */
.lit-chrome .site-header .lit-cur-switch{display:flex;align-items:center;height:30px;padding:2px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-family:var(--lit-chrome-font);font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1}
.lit-chrome .site-header .lit-cur-switch a{display:flex;align-items:center;gap:3px;height:100%;padding:0 9px;border-radius:999px;color:rgba(255,255,255,.62);text-decoration:none;transition:background-color .15s,color .15s}
.lit-chrome .site-header .lit-cur-switch a:hover{color:#fff}
.lit-chrome .site-header .lit-cur-switch a:focus-visible{outline:2px solid #ddb88d;outline-offset:1px}
.lit-chrome .site-header .lit-cur-switch a[aria-current]{background:#fff;color:#111}
.lit-chrome .site-header .lit-cur-switch__sym{font-weight:500}
/* phones: symbols only, the header is tight */
@media (max-width:767px){
.lit-chrome .site-header .lit-cur-switch{height:32px} /* each link 28px tall: >= 24px touch target (WCAG 2.2) */
.lit-chrome .site-header .lit-cur-switch a{min-width:28px;justify-content:center;padding:0 7px;font-size:13px}
.lit-chrome .site-header .lit-cur-switch__code{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* one-button toggle: only on the smallest phones (the two-button switch pushed the header 34px off a 320px screen) */
.lit-chrome .site-header .lit-cur-switch a.lit-cur-switch__toggle{display:none} /* a.class: must beat ".lit-cur-switch a{display:flex}" */
@media (max-width:374px){ /* two buttons need 375px+ (measured: 360px pushed the icons 10px into the gutter) */
.lit-chrome .site-header .lit-cur-switch{padding:0;border:0;height:auto}
.lit-chrome .site-header .header-tools:has(.lit-cur-switch){gap:6px} /* with the toggle the tools must fit 144px at 320px and keep the 16px gutter */
.lit-chrome .site-header .header-tools:has(.lit-cur-switch) .icon-button{width:28px}
.lit-chrome .site-header .lit-cur-switch a.lit-cur-switch__opt{display:none}
.lit-chrome .site-header .lit-cur-switch a.lit-cur-switch__toggle{display:flex;min-width:34px;height:28px;padding:0 7px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px}
.lit-chrome .site-header .lit-cur-switch__toggle span{display:flex;align-items:center;gap:3px}
}

/* "Prices and payment in US dollars · Pay in euros instead" above the cart / checkout.
   The wrap repeats the checkout block's own box (1100px, 30px gutters on phones / 40px from
   1000px) so the note lines up with the form column and never runs under the summary panel. */
.lit-cur-note-wrap{box-sizing:border-box;max-width:1100px;margin:0 auto 12px;padding:0 30px}
.lit-cur-note{box-sizing:border-box;margin:0;padding:9px 14px;border-radius:6px;background:#f4f4f4;color:#333;font-size:13px;line-height:1.4;text-align:center}
@media (min-width:1000px){
.lit-cur-note-wrap{padding:0 40px}
.lit-co-main .lit-cur-note{max-width:calc(100% - 442px)} /* = the form column (checkout-spec.css: sidebar 400 + gap 60, express box) */
}
.lit-cur-note a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}