.locale-picker {
  position: relative;
  flex: none;
  font-size: .83rem;
  z-index: 4;
}
.locale-picker summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: .35em;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
  padding: .55em .7em;
  color: var(--ink);
  cursor: pointer;
  font-weight: 700;
}
.locale-picker summary::-webkit-details-marker { display: none; }
.locale-picker[open] summary { border-color: var(--accent); }
.locale-picker ul {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: calc(100% + 6px);
  width: min(17rem, 86vw);
  max-height: min(29rem, 70vh);
  overflow: auto;
  list-style: none;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--paper);
  box-shadow: 0 12px 40px #20132720;
}
.locale-picker a {
  display: block;
  padding: .55em .75em;
  border-radius: 8px;
  text-decoration: none;
}
.locale-picker a:hover, .locale-picker a[aria-current="page"] {
  background: var(--soft);
  color: var(--accent);
}
.localized-page .brand { min-width: 0; }
.localized-page .hero h1 { overflow-wrap: anywhere; }
.localized-page .button { white-space: normal; }
.localized-showcase {
  min-height: clamp(380px, 46vw, 560px);
  background: radial-gradient(ellipse at 60% 30%, var(--halo), var(--art) 74%);
}
.localized-showcase .product {
  object-fit: contain;
  aspect-ratio: auto;
  width: auto;
  height: clamp(315px, 37vw, 474px);
  max-width: 100%;
}
.localized-showcase figcaption { right: auto; inset-inline-end: 18px; }
.screenshot-section { padding-block: 16px 54px; }
.app-gallery {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(8px, 1.7vw, 20px);
  padding: 0;
}
.app-gallery li { min-width: 0; }
.app-gallery img {
  width: 100%;
  height: auto;
  border-radius: clamp(9px, 1.6vw, 21px);
  border: 1px solid var(--line);
  box-shadow: 0 14px 24px #19213712;
}
.sticker-gallery img { background: var(--soft); }
html[dir="rtl"] .localized-page h1, html[dir="rtl"] .localized-page h2,
html[dir="rtl"] .localized-page .kicker { letter-spacing: normal; }
html[dir="rtl"] .localized-page .article-cta .button { margin-left: 0; margin-inline-start: auto; }
@media (max-width: 790px) {
  .localized-hero { gap: 24px; }
  .app-gallery { grid-template-columns: repeat(5, minmax(145px, 1fr)); overflow-x: auto; padding-block-end: 12px; }
  .sticker-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .bar:has(.locale-picker) { position: relative; flex-wrap: wrap; gap: 6px 10px; padding-block: 9px; }
  .bar:has(.locale-picker) nav { gap: 8px; }
  .bar:has(.locale-picker) .brand { flex: 1 0 auto; }
  .localized-showcase { min-height: 345px; }
  .localized-showcase .product { height: min(305px, 83vw); }
  .locale-picker { position: static; }
  .locale-picker summary { padding: .43em .5em; }
  .locale-picker ul { width: min(17rem, 100%); }
}