/* V27 presentation, approved for publication on 16 September 2026.
   Existing data, DOM action hooks, SVG zone paths and checkout are retained.
   No generated portraits, external fonts, new UI framework or payment UI. */
html[data-visual-version="v27"] {
  --acid: #c20505;
  --grey: #b8b5af;
  --content: min(1440px, calc(100vw - 64px));
}

/* Editorial portrait + a calm, separate ticket panel. */
.hero { min-height: 0; background: #080808; }
.hero::after { display: none; }
.hero__media { right: 40%; top: 66px; bottom: 0; }
.hero__media img { object-position: 49% 50%; filter: grayscale(.9) contrast(1.06) brightness(.85); }
.hero__media::after { background: linear-gradient(90deg, transparent 55%, #080808 100%), linear-gradient(0deg, #080808 0%, transparent 24%); }
.hero__texture { right: 43%; opacity: .045; }
.hero__shade { background: radial-gradient(ellipse at 58% 80%, #7a000024, transparent 35%); }
.hero__inner {
  min-height: min(900px, max(740px, 88svh));
  padding: 138px 0 64px;
  grid-template-rows: auto auto auto 1fr;
  row-gap: 24px;
  column-gap: 24px;
}
.hero__meta { grid-column: 8 / 13; grid-row: 1; font: 700 12px/1.5 Arial, sans-serif; letter-spacing: .035em; }
.hero__meta .live-dot { width: 7px; height: 7px; flex: none; box-shadow: none; }
.hero__edition { grid-column: 8 / 13; grid-row: 2; justify-self: start; text-align: left; font-size: 0; letter-spacing: .1em; color: #b8b5af; }
.hero__edition br { display: none; }
.hero__edition span { font: 700 12px/1.5 ui-monospace, monospace; }
.hero__title-wrap { grid-column: 8 / 13; grid-row: 3; align-self: start; padding: 0; }
.hero__title { width: 100%; }
.hero__title img { filter: none; }
.hero__bottom { grid-column: 8 / 13; grid-row: 4; display: block; align-self: start; margin-top: 16px; }
.hero__copy { display: none; }
.hero__next { display: block; padding: 20px 0 24px; margin: 0; border: 0; border-top: 1px solid #ffffff2b; }
#heroPreviewCity { margin: 0 0 12px; font: 900 clamp(23px, 2.4vw, 38px)/1.12 Monument, Arial Black, sans-serif; text-transform: uppercase; letter-spacing: -.045em; overflow-wrap: normal; }
.hero__next .eyebrow { display: none; }
.hero__next b { margin: 0; font: 700 25px/1.25 Arial, sans-serif; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.hero__next small { max-width: none; margin-top: 8px; font: 400 15px/1.5 Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.hero__actions { display: grid; gap: 8px; }
.hero__actions .primary-cta { min-height: 58px; padding: 16px 22px; font: 800 16px/1.3 Arial, sans-serif; letter-spacing: .02em; border-radius: 3px; box-shadow: none; }
.hero__actions .primary-cta:hover { transform: none; background: #45ffa2; }
.hero__actions .secondary-cta { min-height: 44px; font: 600 14px/1.4 Arial, sans-serif; letter-spacing: 0; text-transform: none; justify-content: space-between; }
.hero__index { display: none; }
.language button { width: 44px; height: 44px; font-size: 12px; }
.header-ticket { min-height: 44px; font-size: 12px; }
.site-header { background: #080808cc; }
.ticker { border-color: #c20505; }

/* A consistent purchase surface, without the former bevels or HUD clutter. */
.arena-flow, .arena-flow__shell { background: #080808; }
.arena-flow__header {
  padding: 18px max(24px, calc((100vw - 1440px) / 2));
  min-height: 100px; gap: 16px;
  border-bottom: 1px solid #ffffff26;
  background: #111; box-shadow: none; backdrop-filter: none;
}
.arena-flow__identity { display: flex; flex-direction: column; gap: 6px; }
.arena-flow__identity h2 { font-size: clamp(26px, 3vw, 40px); line-height: 1.1; letter-spacing: -.045em; }
.arena-flow__step { display: block; color: #b8b5af; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .09em; }
.arena-flow__meta { display: block; font: 400 14px/1.4 Arial, sans-serif; color: #d5d2cb; letter-spacing: 0; }
.arena-flow__close { border-radius: 3px; background: #242424; box-shadow: none; border-color: #ffffff40; }
.arena-flow__consent { border-radius: 3px; font-size: 11px; }
.arena-flow__content.arena-selector {
  display: flex; flex-direction: column;
  max-width: 1440px; height: 100%; min-height: 0;
  margin: 0 auto; padding: 24px;
  overflow: auto; overscroll-behavior: contain;
}
.arena-flow .arena-selector__grid {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
  grid-template-rows: auto; height: auto; min-height: 0;
  gap: 28px; flex: none; align-items: start;
}
.arena-flow .arena-selector__visual,
.arena-flow .arena-selector__panel { background: transparent; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; }
.arena-flow .arena-selector__visual { padding: 0; }
.arena-flow .arena-selector__map-shell {
  width: min(100%, 620px); height: auto; flex: none; aspect-ratio: 1;
  background: radial-gradient(ellipse at 50% 45%, #c205050c, transparent 50%), #101010;
  border: 1px solid #ffffff19; border-radius: 4px; box-shadow: none;
}
.arena-flow .arena-selector__map-shell::before,
.arena-flow .arena-selector__map-shell::after,
.arena-flow .arena-map__hud,
.arena-flow .arena-map__hint { display: none; }
.arena-flow .arena-map { display: block; width: 100%; height: 100%; max-height: none; }
.arena-flow .arena-map__grid,
.arena-flow .arena-map__guide,
.arena-flow .arena-map__bowl,
.arena-flow .arena-map__light-rays { opacity: .16; }
.arena-flow .arena-zone__shape { fill: #1e1e1e; stroke: #ffffff44; stroke-width: 2; filter: none; }
.arena-flow .arena-zone.is-selected .arena-zone__shape { fill: #a00000; stroke: #f7f6f0; stroke-width: 3; filter: none; }
.arena-flow .arena-zone:focus-visible .arena-zone__shape { stroke: white; stroke-width: 6; }
.arena-flow .arena-zone__label { fill: #f7f6f0; font-family: Arial, sans-serif; font-size: 48px; font-weight: 800; letter-spacing: -.015em; paint-order: normal; stroke: none; }
.arena-flow .arena-zone--sector .arena-zone__label { font-size: 60px; }
.arena-flow .arena-zone__kicker { display: none; }
.arena-flow .arena-zone__meta { fill: #e6e3dc; font-size: 22px; font-weight: 500; }
.arena-flow .arena-zone__status { fill: #a6a29b; filter: none; }
.arena-flow .arena-zone.is-selected .arena-zone__status { fill: #fff; }
.arena-flow .arena-zone[data-state="unavailable"] .arena-zone__shape { fill: url("#arena-hatch"); stroke: #ffffff40; }
.arena-flow .arena-stage { filter: none; }
.arena-flow .arena-stage__beam,
.arena-flow .arena-stage__veil,
.arena-flow .arena-stage__shadow,
.arena-flow .arena-stage__portal,
.arena-flow .arena-stage__rim,
.arena-flow .arena-stage__screen-inner,
.arena-flow .arena-stage__signal,
.arena-flow .arena-stage__scan,
.arena-flow .arena-stage__apron { display: none; }
.arena-flow .arena-stage__screen { fill: #f7f6f0; stroke: none; rx: 3px; filter: none; }
.arena-flow .arena-stage__label { fill: #080808; stroke: none; font: 800 30px Arial, sans-serif; letter-spacing: .12em; }
.arena-flow .arena-stage__sub { fill: #444; font: 700 14px Arial, sans-serif; letter-spacing: .12em; }
.arena-flow .arena-stage__apron-line { stroke: #db1515; stroke-width: 6; filter: none; }
.arena-flow .arena-selector__map-note { display: block; margin: 10px 0 0; font: 400 13px/1.5 Arial, sans-serif; color: #b8b5af; }
.arena-flow .arena-selector__panel { padding: 10px 0 0; justify-content: start; overflow: visible; }
.arena-flow .arena-selector__selection-head { display: block; }
.arena-flow .arena-selector__step { margin: 0 0 8px; color: #b8b5af; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .12em; }
.arena-flow .arena-selector__panel h3 { margin: 0; font: 900 clamp(28px, 3vw, 40px)/1.1 Monument, Arial Black, sans-serif; overflow-wrap: normal; word-break: normal; letter-spacing: -.045em; }
.arena-flow .arena-selector__selection-side { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 12px; margin-top: 12px; }
.arena-flow .arena-selector__price { display: block; margin: 0; min-width: 0; width: auto; max-width: none; text-align: left; }
.arena-flow .arena-selector__price strong { font: 700 30px/1.2 Arial, sans-serif; letter-spacing: -.02em; color: white; font-variant-numeric: tabular-nums; }
.arena-flow .arena-selector__price span { display: block; max-width: none; margin-top: 4px; font: 400 13px/1.4 Arial, sans-serif; color: #b8b5af; text-transform: none; letter-spacing: 0; }
.arena-flow .arena-selector__fallback { display: inline-flex; min-width: 44px; min-height: 44px; width: 44px; padding: 0; margin: 0; flex: none; justify-content: center; align-items: center; border-radius: 3px; font-size: 21px; }
.arena-flow .arena-selector__fallback-full { display: none; }
.arena-flow .arena-selector__fallback-short { display: inline; }
.arena-flow .arena-selector__crew { margin: 20px 0 0; }
.arena-flow .arena-selector__crew > p { display: block; margin: 0 0 8px; font-size: 11px; letter-spacing: .08em; color: #b8b5af; }
.arena-flow .arena-selector__crew-options { gap: 6px; }
.arena-flow .arena-selector__crew-options button { min-height: 48px; border-radius: 3px; background: #151515; box-shadow: none; }
.arena-flow .arena-selector__crew-options button strong { font: 700 11px/1.4 Arial, sans-serif; }
.arena-flow .arena-selector__crew-options button span { font: 700 16px/1.2 Arial, sans-serif; }
.arena-flow .arena-selector__crew-options button em { display: none; }
.arena-flow .arena-selector__crew-options button.is-selected { background: #2c1111; border-color: #db1515; box-shadow: inset 0 -2px #db1515; }
.arena-flow .arena-selector__quantity { margin-top: 12px; padding: 10px 12px; border: 1px solid #ffffff26; border-radius: 3px; background: #111; }
.arena-flow .arena-selector__quantity-copy span { font: 700 11px/1.4 Arial, sans-serif; }
.arena-flow .arena-selector__quantity-copy small { display: block; margin-top: 4px; font: 400 12px/1.4 Arial, sans-serif; color: #b8b5af; }
.arena-flow .arena-selector__stepper { border-radius: 3px; grid-template-columns: 44px 40px 44px; }
.arena-flow .arena-selector__stepper button,
.arena-flow .arena-selector__stepper output { width: auto; height: 44px; font-size: 20px; color: #f7f6f0; }
.arena-flow .arena-selector__quote { display: grid; grid-template-columns: 1fr 1fr; margin-top: 12px; gap: 8px 16px; padding: 12px 0; border: 0; border-top: 1px solid #ffffff26; border-radius: 0; background: transparent; }
.arena-flow .arena-selector__quote p { display: grid; gap: 4px; margin: 0; min-width: 0; padding: 0; border: 0; }
.arena-flow .arena-selector__quote span { font: 500 11px/1.4 Arial, sans-serif; color: #b8b5af; letter-spacing: .025em; }
.arena-flow .arena-selector__quote strong { overflow: visible; white-space: normal; font: 600 16px/1.35 Arial, sans-serif; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.arena-flow .arena-selector__quote .arena-selector__quote-total { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-top: 1px solid #ffffff26; padding-top: 10px; margin-top: 4px; }
.arena-flow .arena-selector__quote-total strong { font-size: 28px; text-align: right; color: #f7f6f0; }
.arena-flow .arena-selector__quote:not([data-state="ready"]) .arena-selector__quote-total strong { font-size: 13px; max-width: 210px; }
.arena-flow .arena-selector__guidance { display: block; position: static; width: auto; height: auto; clip: auto; clip-path: none; white-space: normal; margin: 4px 0 12px; overflow: visible; font: 400 13px/1.45 Arial, sans-serif; color: #b8b5af; }
.arena-flow .arena-selector__guidance[data-state="error"] { color: #ff9999; font-size: 14px; }
.arena-flow .arena-selector__buy { flex: none; min-height: 54px; margin: 0; padding: 15px 18px; border-radius: 3px; box-shadow: none; font: 800 15px/1.3 Arial, sans-serif; letter-spacing: 0; }
.arena-flow .arena-selector__truth { display: block; margin: 10px 0 0; color: #b8b5af; font: 400 12px/1.45 Arial, sans-serif; }
.arena-flow .arena-selector__benefits { margin: 0 0 12px; border-radius: 3px; padding: 12px; }
.arena-flow .arena-selector__benefits li { font: 400 13px/1.4 Arial, sans-serif; }
.arena-flow .arena-selector__concierge { border-radius: 3px; padding: 12px; }
.arena-flow .arena-selector__concierge span { font-size: 13px; }
.arena-flow .arena-selector__list { display: flex; flex: none; flex-wrap: wrap; gap: 6px; margin-top: 16px; padding: 0; overflow: visible; }
.arena-flow .arena-selector__list button { flex: 1 0 100px; min-width: 100px; min-height: 54px; padding: 10px; border: 1px solid #ffffff26 !important; border-radius: 3px; font: 700 12px/1.3 Arial, sans-serif; }
.arena-flow .arena-selector__list button small { font: 400 12px/1.3 Arial, sans-serif; color: #d5d2cb; }
.arena-flow .arena-selector__list button.is-selected { background: #a00000; border-color: #f7f6f0 !important; box-shadow: none; }

/* Shared categories inherit this language. No category or benefit is removed. */
.brasov-tier-dialog { width: min(760px, calc(100vw - 40px)); border-radius: 5px; max-height: calc(100dvh - 40px); }
.brasov-tier__header { padding: 24px; background: #141414; border-top: 3px solid #c20505; gap: 16px; }
.brasov-tier__eyebrow { color: #d5d2cb; font: 700 11px/1.4 Arial, sans-serif; letter-spacing: .08em; }
.brasov-tier__title { font-size: 32px; line-height: 1.12; letter-spacing: -.045em; }
.brasov-tier__meta { font: 400 14px/1.45 Arial, sans-serif; text-transform: none; letter-spacing: 0; color: #d5d2cb; }
.brasov-tier__consent { font-size: 11px; border-radius: 3px; }
.brasov-tier__close { border-radius: 3px; background: #242424; }
.brasov-tier__content { padding: 20px 24px; }
.brasov-tier__intro { font: 400 14px/1.5 Arial, sans-serif; color: #b8b5af; }
.brasov-tier__list { gap: 10px; }
.brasov-tier__option { grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 18px 18px 18px 42px; min-height: 96px; border-radius: 3px; background: #141414; }
.brasov-tier__option::before { content: ''; position: absolute; width: 14px; height: 14px; left: 16px; top: 23px; border-radius: 50%; border: 1px solid #b8b5af; }
.brasov-tier__option[aria-checked="true"] { background: #241212; border-color: #db1515; box-shadow: inset 3px 0 #db1515; }
.brasov-tier__option[aria-checked="true"]::before { border-color: #f7f6f0; background: #f7f6f0; box-shadow: inset 0 0 0 3px #241212; }
.brasov-tier__name { font: 800 20px/1.2 Arial, sans-serif; letter-spacing: -.02em; }
.brasov-tier__price { font: 700 26px/1.2 Arial, sans-serif; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.brasov-tier__status { font: 600 11px/1.4 Arial, sans-serif; letter-spacing: .04em; }
.brasov-tier__badge { margin: 6px 6px 0 0; padding: 3px 0; color: #d5d2cb; background: none; font: 600 11px/1.4 Arial, sans-serif; letter-spacing: .04em; }
.brasov-tier__badge + .brasov-tier__status { display: inline; }
.brasov-tier__benefits { font: 400 14px/1.45 Arial, sans-serif; color: #d5d2cb; }
.brasov-tier__footer { display: flex; flex-direction: column; padding: 18px 24px max(20px, env(safe-area-inset-bottom)); background: #141414; }
.brasov-tier__controls { gap: 20px; }
.brasov-tier__quantity-label { font: 600 11px/1.3 Arial, sans-serif; color: #b8b5af; letter-spacing: .05em; }
.brasov-tier__stepper { border-radius: 3px; height: 52px; }
.brasov-tier__continue { border-radius: 3px; min-height: 52px; padding: 14px 18px; font: 800 14px/1.3 Arial, sans-serif; letter-spacing: 0; }
.brasov-tier__summary { order: -1; margin: 0 0 16px; padding-bottom: 14px; border-bottom: 1px solid #ffffff26; font: 500 15px/1.5 Arial, sans-serif; }
.brasov-tier__summary[data-state="ready"] { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: baseline; }
.brasov-tier__summary strong { font: 700 28px/1.2 Arial, sans-serif; font-variant-numeric: tabular-nums; }
.brasov-tier__summary small { grid-column: 1 / -1; color: #b8b5af; font: 400 13px/1.4 Arial, sans-serif; }
.brasov-tier__retry { border-radius: 3px; }

/* Touch layout: keep essential type readable; short displays scroll, not shrink. */
@media (min-width: 900px) and (max-width: 1599px) {
  .hero__media img { object-position: 50% 0%; }
}
@media (max-width: 899px) {
  html[data-visual-version="v27"] { --content: calc(100vw - 32px); }
  .hero__inner { min-height: 0; padding: calc(var(--header) + 22px) 0 30px; display: flex; gap: 0; }
  .hero__media { inset: 54px 0 auto; height: 460px; }
  .hero__media img { object-position: 50% 12%; filter: grayscale(.9) contrast(1.06) brightness(.85); }
  .hero__media::after { background: linear-gradient(0deg, #080808 0%, #08080855 24%, transparent 50%), linear-gradient(90deg, #08080822, transparent 25%, transparent 75%, #08080822); }
  .hero__texture { right: 0; height: 480px; opacity: .035; }
  .hero__shade { display: none; }
  .hero__edition { display: block; order: 0; align-self: center; }
  .hero__edition span { font-size: 11px; padding: 5px 8px; background: #080808b3; }
  .hero__title-wrap { position: static; order: 1; width: min(100%, 540px); margin: 200px auto 0; transform: none; padding: 0; }
  .hero__title { width: 100%; }
  .hero__meta { order: 2; margin: 20px 0 12px; font-size: 11px; }
  .hero__bottom { order: 3; margin: 0; width: 100%; }
  .hero__next { display: block; padding: 16px 0 20px; margin: 0; border-top: 1px solid #ffffff26; border-bottom: 0; }
  #heroPreviewCity { font-size: clamp(22px, 6.4vw, 34px); margin-bottom: 10px; }
  .hero__next b { font-size: 23px; white-space: normal; }
  .hero__next small { max-width: none; font-size: 14px; text-align: left; line-height: 1.45; }
  .hero__actions { display: grid; }
  .hero__actions .primary-cta { min-height: 54px; }
  .hero__actions .secondary-cta { min-height: 44px; width: 100%; padding: 0 18px; }
  .hero__actions .secondary-cta span { display: inline; }
  .arena-flow__header { padding: max(12px, env(safe-area-inset-top)) 16px 12px; gap: 10px; min-height: 0; }
  .arena-flow__identity h2 { font-size: clamp(19px, 4.5vw, 30px); white-space: normal; }
  .arena-flow__step { font-size: 10px; }
  .arena-flow__meta { font-size: 12px; }
  .arena-flow__tools { gap: 6px; }
  .arena-flow__consent { width: 44px; padding: 0; justify-content: center; }
  .arena-flow__consent span { display: none; }
  .arena-flow__close { width: 44px; height: 44px; }
  .arena-flow__content.arena-selector { display: grid; grid-template-rows: minmax(0, 1fr) auto; padding: 0; overflow: hidden; }
  .arena-preview__scroll { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 12px 16px 20px; scroll-padding: 12px; }
  .arena-preview__purchase { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 10px 12px; align-items: center; border-top: 1px solid #ffffff26; background: #141414; padding: 12px 16px max(12px, env(safe-area-inset-bottom)); }
  .arena-preview__summary { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 0; }
  .arena-preview__summary span { font: 700 14px/1.35 Arial, sans-serif; }
  .arena-preview__summary strong { max-width: 55%; font: 700 20px/1.35 Arial, sans-serif; text-align: right; font-variant-numeric: tabular-nums; }
  .arena-preview__summary strong::before { content: 'TOTAL'; display: block; color: #b8b5af; font: 500 10px/1.3 Arial, sans-serif; letter-spacing: .06em; }
  .arena-preview__purchase:not([data-quote-state="ready"]) .arena-preview__summary strong { font-size: 12px; }
  .arena-flow .arena-selector__grid { display: flex; flex-direction: column; gap: 14px; }
  .arena-flow .arena-selector__visual { width: 100%; }
  .arena-flow .arena-selector__map-shell { width: min(100%, 340px); height: auto; flex: none; aspect-ratio: 1; overflow: visible; }
  .arena-flow .arena-zone__kicker,
  .arena-flow .arena-zone__meta { display: none; }
  .arena-flow .arena-zone--area .arena-zone__label { font-size: 44px; }
  .arena-flow .arena-stage__label { font-size: 38px; }
  .arena-flow .arena-selector__map-note { font-size: 12px; text-align: left; }
  .arena-flow .arena-selector__panel { width: 100%; padding: 16px 0 0; border-top: 1px solid #ffffff26; }
  .arena-flow .arena-selector__panel h3 { font-size: clamp(25px, 6.5vw, 32px); }
  .arena-flow .arena-selector__step { font-size: 11px; }
  .arena-flow .arena-selector__crew { margin-top: 16px; }
  .arena-flow .arena-selector__selection-side { margin-top: 10px; }
  .arena-flow .arena-selector__quote { margin-top: 12px; }
  .arena-flow .arena-selector__buy { width: 100%; box-shadow: none; }
  .arena-flow .arena-preview__purchase .arena-selector__buy { min-height: 52px; padding: 12px; font-size: 13px; }
  .arena-flow .arena-preview__purchase .arena-selector__quantity { padding: 0; margin: 0; background: none; border: 0; }
  .arena-preview__purchase .arena-selector__quantity-copy { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
  .arena-flow .arena-preview__purchase .arena-selector__stepper { width: 128px; grid-template-columns: 44px 38px 44px; }
  .arena-flow .arena-preview__purchase .arena-selector__stepper button,
  .arena-flow .arena-preview__purchase .arena-selector__stepper output { height: 50px; }
  .arena-flow .arena-selector__list { flex-wrap: nowrap; overflow: auto; gap: 6px; padding: 0 0 6px; margin: 0 0 12px; }
  .arena-flow .arena-selector__list button { flex: 0 0 120px; min-height: 58px; }
  .brasov-tier__consent { width: 44px; padding: 0; justify-content: center; }
  .brasov-tier__consent span { display: none; }
}
@media (max-width: 599px) {
  .brasov-tier-dialog { width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .brasov-tier__shell { height: 100%; }
  .brasov-tier__header { padding: max(16px, env(safe-area-inset-top)) 16px 16px; gap: 10px; }
  .brasov-tier__title { font-size: 23px; }
  .brasov-tier__eyebrow { margin-bottom: 7px; font-size: 10px; }
  .brasov-tier__meta { margin-top: 10px; font-size: 13px; }
  .brasov-tier__header-tools { gap: 6px; }
  .brasov-tier__content { padding: 16px; }
  .brasov-tier__option { padding: 16px 12px 16px 36px; gap: 8px; }
  .brasov-tier__option::before { left: 12px; top: 19px; }
  .brasov-tier__name { font-size: 18px; }
  .brasov-tier__price { font-size: 24px; }
  .brasov-tier__benefits { font-size: 14px; }
  .brasov-tier__footer { padding: 14px 16px max(14px, env(safe-area-inset-bottom)); }
  .brasov-tier__controls { grid-template-columns: 124px minmax(0, 1fr); gap: 12px; }
  .brasov-tier__stepper { grid-template-columns: 44px 34px 44px; }
  .brasov-tier__continue { font-size: 13px; padding: 12px; }
  .brasov-tier__summary { font-size: 14px; margin-bottom: 12px; padding-bottom: 12px; }
}
@media (max-width: 360px) {
  .hero__title-wrap { margin-top: 196px; }
  .hero__meta { font-size: 10px; }
  .arena-flow__header { padding-inline: 12px; }
  .arena-flow__identity h2 { font-size: 19px; }
  .arena-flow__meta { font-size: 11px; }
  .arena-preview__scroll, .arena-preview__purchase { padding-inline: 12px; }
  .arena-flow .arena-selector__benefits ul { grid-template-columns: 1fr; }
  .brasov-tier__title { font-size: 20px; }
  .brasov-tier__header { padding-inline: 12px; }
  .brasov-tier__header-tools { flex-direction: column-reverse; }
  .brasov-tier__option { grid-template-columns: 1fr; }
  .brasov-tier__price { padding-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .arena-flow *, .brasov-tier-dialog *, .hero * { animation: none !important; transition: none !important; }
}