.locale-bar {
  max-width: 1300px;
  margin: 0 auto 12px;
  padding: 18px 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 12px 24px;
  border-block: 1px solid var(--line);
  background: var(--section-surface);
}
.locale-control { display: flex; flex-direction: column; gap: 7px; min-width: 0; font-size: 13px; color: var(--muted); }
.locale-control select { width: 100%; min-height: 46px; border: 1px solid var(--line); background: var(--paper); cursor: pointer; }
.locale-control select:disabled { cursor: wait; }
a[data-commerce][aria-disabled="true"] { opacity: .55; cursor: wait; }
.locale-hint { color: var(--muted); font-size: 13px; line-height: 1.5; margin: 0; }
#localeStatus { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 13px; }
#localeStatus:empty { display: none; }
.dialog-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 24px; }
dialog { max-height: calc(100dvh - 32px); overflow-y: auto; }
.brand, .visual-number, .monogram { direction: ltr; unicode-bidi: isolate; }
.hero > *, .section-heading > *, .product, .path, .about > *, footer > * { min-width: 0; }
h1, h2, h3, p, .button, .text-link, dt, dd, summary { overflow-wrap: anywhere; }
html[dir="rtl"] .brand { text-align: left; }
html[dir="rtl"] .product h3 { text-align: right; width: 100%; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] .eyebrow,
html[dir="rtl"] .product-category { letter-spacing: normal; }
html[dir="rtl"] body { line-height: 1.8; }
@media (max-width: 900px) {
  .locale-bar { padding-inline: 24px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .locale-hint { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .locale-bar { padding: 16px 18px; gap: 12px; }
  .locale-control { font-size: 12px; }
  .locale-control select { font-size: 14px; }
  .appearance-controls { max-width: 100%; }
  .palette-control { flex-wrap: wrap; }
  .mode-control { max-width: 100%; }
  .mode-control button { min-width: 0; overflow-wrap: anywhere; }
  .visual-caption { flex-wrap: wrap; }
  h1 { font-size: clamp(34px, 10vw, 48px); }
}