.mz-currency{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:20px 0;padding:14px 0;border-block:1px solid var(--line,rgba(126,116,95,.24));color:var(--ink,inherit);font-family:inherit;text-align:left}.mz-currency__label{display:flex;align-items:center;gap:12px;flex:0 0 auto;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em}.mz-currency select{appearance:auto;min-height:44px;min-width:112px;border:1px solid var(--line,rgba(126,116,95,.4));border-radius:5px;padding:8px 12px;background:var(--card,transparent);color:inherit;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer}.mz-currency select option{background:var(--card,#f7f3eb);color:var(--ink,#292820)}.mz-currency select:focus-visible{outline:2px solid var(--red,#9b2c24);outline-offset:3px}.mz-currency__note{flex:1 1 300px;max-width:620px;margin:0!important;color:inherit;opacity:.8;font-size:12px!important;line-height:1.6!important;letter-spacing:normal!important}.mz-currency [hidden]{display:none!important}@media(max-width:600px){.mz-currency{gap:10px;margin:16px 0}.mz-currency__label{width:100%;justify-content:space-between}.mz-currency__note{flex-basis:100%}}[data-theme=dark] .mz-currency select{color-scheme:dark}
/* Converted amounts need room for currency prefixes and grouped digits. */
.mz-currency.wrap {
  margin: 0 auto;
  padding: 18px 0 0;
  border: 0;
  justify-content: flex-end;
  gap: 10px 24px;
}
.mz-currency.wrap .mz-currency__label {
  font-family: var(--mono, inherit);
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.mz-currency.wrap select {
  min-width: 108px;
  border-radius: 4px;
  background: var(--paper, #f7f5f0);
  font-family: inherit;
  font-size: 12px;
  letter-spacing: normal;
}
.mz-currency.wrap .mz-currency__note {
  order: -1;
  flex: 0 1 540px;
  max-width: 540px;
  text-align: right;
  font-size: 11px !important;
}
@media (max-width: 600px) {
  .mz-currency.wrap { padding-top: 12px; gap: 8px; }
  .mz-currency.wrap .mz-currency__note {
    order: 1;
    flex-basis: 100%;
    max-width: none;
    text-align: left;
  }
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .hero-conversion {
  container-type: inline-size;
  min-width: 0;
  width: 100%;
  gap: 6px;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .hero-conversion > span {
  min-width: 0;
  font-size: clamp(18px, 8.5cqi, 46px);
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .hero-conversion > strong {
  min-width: 0;
  font-size: clamp(22px, 11cqi, 60px);
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .hero-conversion > i {
  flex: 0 0 auto;
  margin-inline: 0;
  font-size: clamp(12px, 4cqi, 22px);
}
[data-mz-display-currency="HKD"]:not([data-mz-display-currency="USD"]) .hero-conversion > span {
  font-size: clamp(14px, 6.5cqi, 38px);
}
[data-mz-display-currency="HKD"]:not([data-mz-display-currency="USD"]) .hero-conversion > strong {
  font-size: clamp(17px, 8cqi, 48px);
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .round-stop {
  container-type: inline-size;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .round-stop strong {
  font-size: clamp(15px, 19cqi, 34px);
  white-space: nowrap;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-choice-outcomes {
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-choice-outcomes > div {
  container-type: inline-size;
  min-width: 0;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-choice-outcomes strong {
  font-size: clamp(14px, 17cqi, 30px);
  white-space: nowrap;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-day {
  container-type: inline-size;
  min-width: 0;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-day strong {
  font-size: clamp(10px, 17cqi, 13px);
  white-space: nowrap;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .price-row {
  container-type: inline-size;
  min-width: 0;
  flex-wrap: wrap;
  gap: 12px 20px;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .price-row .pr[data-mz-usd-amount] {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(28px, 14cqi, 72px);
  white-space: nowrap;
}
[data-mz-display-currency]:not([data-mz-display-currency="USD"]) .price-row > p {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 600px) {
  [data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-home-fees {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
  [data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-home-fee-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
    max-width: none;
  }
  [data-mz-display-currency]:not([data-mz-display-currency="USD"]) .flip-home-fee {
    min-width: 0;
    min-height: 44px;
    white-space: normal;
  }
}

/* In the site navbar (29 Sep 2026): just the select, as a small pill. The label stays for screen readers. */
.mz-currency.mz-currency--nav { display: inline-flex; align-items: center; margin: 0; padding: 0; border: 0; gap: 0; flex: 0 0 auto; }
.mz-currency--nav .mz-currency__label { position: relative; gap: 0; font-size: 0; }
.mz-currency--nav .mz-currency__note { display: none; }
.mz-currency--nav select {
  appearance: none; -webkit-appearance: none; min-height: 36px; min-width: 0; height: 36px;
  padding: 0 28px 0 12px; border: 1px solid currentColor; border-color: color-mix(in srgb, currentColor 28%, transparent);
  border-radius: 999px; background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 6%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%23888%27 stroke-width=%271.4%27/%3E%3C/svg%3E") no-repeat right 11px center / 9px 6px;
  color: inherit; font-size: 12.5px; font-weight: 500; letter-spacing: .01em; cursor: pointer;
}
.mz-currency--nav select:hover { border-color: color-mix(in srgb, currentColor 55%, transparent); }
.one-mega-actions .mz-currency--nav { margin-right: 6px; }
.flip-header .mz-currency--nav { margin-left: auto; margin-right: 14px; }
@media (max-width: 760px) { .mz-currency--nav select { height: 34px; min-height: 34px; padding: 0 24px 0 10px; font-size: 12px; } }

/* Glitch swap (29 Sep 2026): figures scramble with an RGB split when the visitor changes currency. */
.mz-glitch { animation: mz-glitch .52s steps(3, end) both; will-change: transform, clip-path; }
@keyframes mz-glitch {
  0%   { text-shadow: 2px 0 rgba(229, 36, 57, .8), -2px 0 rgba(0, 196, 230, .8); transform: translateX(0); }
  18%  { text-shadow: -3px 0 rgba(229, 36, 57, .85), 3px 0 rgba(0, 196, 230, .85); transform: translateX(1px) skewX(-7deg); clip-path: inset(0 0 52% 0); }
  36%  { transform: translateX(-2px); clip-path: inset(48% 0 0 0); }
  54%  { text-shadow: 2px 0 rgba(229, 36, 57, .7), -2px 0 rgba(0, 196, 230, .7); transform: translateX(1px) skewX(4deg); clip-path: inset(20% 0 30% 0); }
  72%  { text-shadow: 1px 0 rgba(229, 36, 57, .5), -1px 0 rgba(0, 196, 230, .5); transform: none; clip-path: none; }
  100% { text-shadow: none; transform: none; clip-path: none; }
}
@media (prefers-reduced-motion: reduce) { .mz-glitch { animation: none; } }

/* Custom navbar currency menu (29 Sep 2026) */
.mz-currency--nav { position: relative; }
.mz-ccy__btn { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px 0 5px; border: 1px solid color-mix(in srgb, currentColor 24%, transparent); border-radius: 999px; background: transparent; color: inherit; font: 500 13px/1 inherit; font-family: inherit; letter-spacing: .01em; cursor: pointer; transition: border-color .2s, background .2s; }
.mz-ccy__btn:hover, .mz-currency--nav.is-open .mz-ccy__btn { border-color: color-mix(in srgb, currentColor 55%, transparent); background: color-mix(in srgb, currentColor 5%, transparent); }
.mz-ccy__btn:focus-visible, .mz-ccy__opt:focus-visible { outline: 2px solid var(--red, #9b2c24); outline-offset: 2px; }
.mz-ccy__btn .mz-ccy__sym { min-width: 28px; height: 28px; padding: 0 6px; border-radius: 999px; background: #1d1b16; color: #fbf7ef; font-size: 12px; }
.mz-ccy__sym { display: inline-grid; place-items: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.mz-ccy__chev { width: 10px; height: 6px; fill: none; stroke: currentColor; stroke-width: 1.5; opacity: .6; transition: transform .25s cubic-bezier(.16, 1, .3, 1); }
.mz-currency--nav.is-open .mz-ccy__chev { transform: rotate(180deg); }
.mz-ccy__menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; width: 268px; padding: 8px; border: 1px solid rgba(29, 27, 22, .12); border-radius: 14px; background: #fffdf8; color: #1d1b16; box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 24px 60px -18px rgba(29, 27, 22, .35), 0 6px 18px -8px rgba(29, 27, 22, .2); transform-origin: top right; animation: mz-ccy-in .22s cubic-bezier(.16, 1, .3, 1); text-align: left; }
.mz-ccy__menu[hidden] { display: none !important; }
@keyframes mz-ccy-in { from { opacity: 0; transform: translateY(-6px) scale(.97); } }
.mz-ccy__head { padding: 8px 10px 6px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #8a8173; }
.mz-ccy__list { list-style: none; margin: 0; padding: 0; }
.mz-ccy__opt { display: grid; grid-template-columns: 38px 1fr 14px; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; cursor: pointer; transition: background .15s; }
.mz-ccy__opt:hover, .mz-ccy__opt:focus { background: #f3ede2; outline: none; }
.mz-ccy__opt .mz-ccy__sym { width: 38px; height: 38px; border-radius: 10px; background: #efe8db; color: #1d1b16; font-size: 14px; }
.mz-ccy__opt.is-on .mz-ccy__sym { background: #9b2c24; color: #fff; }
.mz-ccy__txt b { display: block; font-size: 14px; font-weight: 600; letter-spacing: .01em; }
.mz-ccy__txt small { display: block; margin-top: 2px; font-size: 12px; color: #7a7266; }
.mz-ccy__tick { width: 12px; height: 10px; fill: none; stroke: #9b2c24; stroke-width: 1.8; opacity: 0; }
.mz-ccy__opt.is-on .mz-ccy__tick { opacity: 1; }
.mz-ccy__opt[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.mz-currency--nav .mz-ccy__note { display: block; margin: 6px 4px 2px !important; padding: 10px 8px 4px; border-top: 1px solid rgba(29, 27, 22, .09); font-size: 12px !important; line-height: 1.5 !important; color: #6c6457; opacity: 1; }
@media (max-width: 760px) { .mz-ccy__btn { height: 34px; } .mz-ccy__menu { width: min(268px, calc(100vw - 32px)); } }
@media (prefers-reduced-motion: reduce) { .mz-ccy__menu { animation: none; } }
