/* Language controls share the quiet typographic treatment of the site header. */
.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 148px;
  min-height: 44px;
  padding: 10px 14px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 12px;
  letter-spacing: .06em;
  text-decoration: none;
  transition: background-color 300ms ease, transform 300ms ease;
}
.language-switch .ph { font-size: 17px; }
.language-switch__label { transition: opacity 240ms ease, transform 300ms ease; }
.language-switch__direction { margin-left: auto; opacity: .5; transition: opacity 300ms ease, transform 300ms ease; }
@media (hover: hover) {
  .language-switch:hover { background: #e8e5dd70; }
  .language-switch:hover .language-switch__direction { opacity: .85; transform: translate(2px, -2px); }
}
.language-switch:active { transform: translateY(1px); background: #e8e5dd; }
.language-switch:active .language-switch__label { opacity: .6; transform: translateY(1px); }
.language-switch:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
.site-menu__languages { margin-top: 22px; }
.site-menu__languages .language-switch { padding-left: 0; }
.language-fallback { position: fixed; right: 16px; bottom: 16px; z-index: 10; background: #f7f7f5; }
html[lang="en"] .product-info h1 { font-size: clamp(25px, 2.5vw, 42px); line-height: 1.16; }
html[lang="en"] .catalog-heading { flex-wrap: wrap; }
html[lang="en"] .catalog-nav { flex-wrap: wrap; }
html[lang="en"] .aj-wrap h2 { letter-spacing: -.02em; }
html[lang="en"] .product-info__intro { line-height: 1.65; }
@media (max-width: 767px) {
  html[lang="en"] .commerce-shell .product-info h1 { font-size: 28px; }
  html[lang="en"] .catalog-heading > p { font-size: 11px; }
  html[lang="en"] .material-selector__options > label { min-width: 0; }
  html[lang="en"] .material-selector__options > label > span { font-size: 12px; }
  html[lang="en"] .aj-wrap h2 { overflow-wrap: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .language-switch, .language-switch__label, .language-switch__direction { transition: none; transform: none !important; }
}
