/* Mobile release layer: compact long-form content without removing information. */
.campaign-home .topbar {
  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
}

.language-switcher {
  display: inline-flex;
  height: 42px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: currentColor;
  background: transparent;
}

.language-switcher svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.language-switcher select {
  min-width: 38px;
  border: 0;
  outline: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  cursor: pointer;
}

.campaign-home .topbar:not(.is-scrolled) .language-switcher {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.52);
  background: rgba(9, 12, 10, 0.16);
  backdrop-filter: blur(14px);
}

.sound-toggle {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  color: currentColor;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease, opacity 180ms ease;
}

.sound-toggle:hover,
.sound-toggle:focus-visible,
.sound-toggle[aria-pressed="false"] {
  color: #ffffff;
  background: #111512;
}

.sound-toggle svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.8;
}

.campaign-home .topbar:not(.is-scrolled) .sound-toggle {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.52);
  background: rgba(9, 12, 10, 0.16);
  backdrop-filter: blur(14px);
}

.campaign-home .topbar:not(.is-scrolled) .sound-toggle:hover,
.campaign-home .topbar:not(.is-scrolled) .sound-toggle:focus-visible,
.campaign-home .topbar:not(.is-scrolled) .sound-toggle[aria-pressed="false"] {
  background: rgba(255, 255, 255, 0.18);
}

@media (max-width: 760px) {
  html,
  body,
  .site-shell {
    max-width: 100%;
    overflow-x: clip;
  }

  .campaign-home .topbar {
    grid-template-columns: minmax(0, 1fr) 58px 44px 44px;
    gap: 8px;
  }

  .campaign-home .brand,
  .campaign-home .language-switcher,
  .campaign-home .nav-menu-toggle,
  .campaign-home .sound-toggle {
    min-height: 44px;
  }

  .campaign-home .brand {
    min-width: 0;
  }

  .campaign-home .nav-cta {
    display: none;
  }

  .campaign-home .sound-toggle,
  .campaign-home .nav-menu-toggle {
    width: 44px;
    height: 44px;
  }

  .campaign-home .language-switcher {
    width: 58px;
    min-width: 58px;
    height: 44px;
    justify-content: center;
    gap: 4px;
    padding: 0 7px;
  }

  .campaign-home .language-switcher svg {
    display: none;
  }

  .campaign-home .language-switcher select {
    width: 42px;
    min-width: 0;
    text-align: center;
  }

  .campaign-home .nav-links a {
    min-height: 48px;
  }

  .campaign-home .hero-actions {
    display: grid;
    width: min(100%, 360px);
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .campaign-home .hero-actions > a {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    justify-content: space-between;
    white-space: normal;
  }

  .campaign-home .section,
  .campaign-home .section.split-section,
  .campaign-home .engineering,
  .campaign-home .contact-section {
    overflow: hidden;
  }

  .campaign-home .au-next-band {
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
  }

  .campaign-home .au-next-band > *,
  .campaign-home .contact-section > *,
  .campaign-home .contact-copy,
  .campaign-home .contact-form,
  .campaign-home .social-channel-panel,
  .campaign-home .social-platform-grid,
  .campaign-home .social-platform-link {
    min-width: 0;
    max-width: 100%;
  }

  .campaign-home .au-next-band h2,
  .campaign-home .au-next-band p,
  .campaign-home .contact-section h2,
  .campaign-home .contact-section p,
  .campaign-home .social-platform-link span {
    overflow-wrap: anywhere;
  }

  .campaign-home h1,
  .campaign-home h2,
  .campaign-home h3,
  .campaign-product h1,
  .campaign-product h2,
  .campaign-product h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .campaign-product .detail-hero-copy h1 {
    font-size: 2.35rem;
    line-height: 1.04;
  }

  .campaign-home .system-grid,
  .campaign-home .product-wall,
  .campaign-home .compare-grid,
  .campaign-home .audience-portraits,
  .campaign-home .evidence-checklist,
  .campaign-home .campaign-board,
  .campaign-home .trust-grid,
  .campaign-product .effects-grid,
  .campaign-product .clinical-effect-atlas,
  .campaign-product .effect-comparison-grid,
  .campaign-product .workflow-strip,
  .campaign-product .related-grid {
    display: grid;
    width: calc(100% + 16px);
    max-width: none;
    grid-template-columns: none;
    grid-auto-flow: column;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0 24px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .campaign-home .system-grid::-webkit-scrollbar,
  .campaign-home .product-wall::-webkit-scrollbar,
  .campaign-home .compare-grid::-webkit-scrollbar,
  .campaign-home .audience-portraits::-webkit-scrollbar,
  .campaign-home .evidence-checklist::-webkit-scrollbar,
  .campaign-home .campaign-board::-webkit-scrollbar,
  .campaign-home .trust-grid::-webkit-scrollbar,
  .campaign-product .effects-grid::-webkit-scrollbar,
  .campaign-product .clinical-effect-atlas::-webkit-scrollbar,
  .campaign-product .effect-comparison-grid::-webkit-scrollbar,
  .campaign-product .workflow-strip::-webkit-scrollbar,
  .campaign-product .related-grid::-webkit-scrollbar {
    display: none;
  }

  .campaign-home .system-grid > *,
  .campaign-home .product-wall > *,
  .campaign-home .compare-grid > *,
  .campaign-home .audience-portraits > *,
  .campaign-home .evidence-checklist > *,
  .campaign-home .campaign-board > *,
  .campaign-home .trust-grid > *,
  .campaign-product .effects-grid > *,
  .campaign-product .clinical-effect-atlas > *,
  .campaign-product .effect-comparison-grid > *,
  .campaign-product .workflow-strip > *,
  .campaign-product .related-grid > * {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  .campaign-home .system-grid {
    grid-auto-columns: min(86vw, 360px);
    gap: 12px;
  }

  .campaign-home .system-card,
  .campaign-home .system-card:nth-child(n),
  .campaign-home .system-card-inner {
    grid-column: auto !important;
    width: 100%;
    min-height: 540px;
  }

  .campaign-home .system-card-front {
    grid-template-rows: 310px 230px;
  }

  .campaign-home .product-stage,
  .campaign-home .product-stage.bronze,
  .campaign-home .product-stage.aqua,
  .campaign-home .product-stage.coral {
    min-height: 310px;
  }

  .campaign-home .product-card-img {
    height: 276px;
  }

  .campaign-home .system-meta {
    padding: 28px 22px 24px;
  }

  .campaign-home .system-meta h3 {
    font-size: 2.05rem;
  }

  .campaign-home .product-wall {
    grid-auto-columns: min(78vw, 300px);
    gap: 10px;
  }

  .campaign-home .product-tile,
  .campaign-home .product-tile-inner {
    width: 100%;
  }

  .campaign-home .compare-grid,
  .campaign-home .audience-portraits,
  .campaign-home .trust-grid {
    grid-auto-columns: min(86vw, 350px);
    gap: 12px;
  }

  .campaign-home .audience-card:nth-child(2) {
    margin-top: 0;
  }

  .campaign-home .evidence-checklist,
  .campaign-home .campaign-board {
    grid-auto-columns: min(82vw, 330px);
    gap: 1px;
  }

  .campaign-home .lineup-filter,
  .campaign-home .social-dock-toggle,
  .campaign-home .social-platform-link {
    min-height: 44px;
  }

  .campaign-home .au-family-switcher {
    gap: 8px;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .campaign-home .au-family-switcher::-webkit-scrollbar {
    display: none;
  }

  .campaign-home .au-family-switcher button {
    min-width: max-content;
    min-height: 44px;
    padding-inline: 4px;
    font-size: 9px;
    scroll-snap-align: start;
  }

  .campaign-home .au-effect-evolution,
  .campaign-home .au-effect-media {
    width: 136px;
  }

  .campaign-home .au-effect-caption {
    top: 184px;
    width: 136px;
  }

  .campaign-home .au-effect-caption span {
    font-size: 8px;
  }

  .campaign-home .au-effect-caption strong,
  .campaign-home .au-selection-index,
  .campaign-home .au-selection-facts {
    font-size: 10px;
  }

  .campaign-home .au-product-link {
    min-height: 44px;
    font-size: 11px;
  }

  .campaign-home .au-stage-controls {
    gap: 6px;
  }

  .campaign-home .au-stage-controls button {
    width: 44px;
    height: 44px;
  }

  .campaign-product .effects-grid,
  .campaign-product .workflow-strip,
  .campaign-product .related-grid {
    grid-auto-columns: min(82vw, 330px);
    gap: 12px;
  }

  .campaign-product .clinical-effect-atlas,
  .campaign-product .effect-comparison-grid {
    grid-auto-columns: calc(100vw - 42px);
    gap: 12px;
    border: 0;
  }

  .campaign-product .clinical-effect-card,
  .campaign-product .effect-comparison-card {
    width: 100%;
    height: auto;
  }

  .campaign-product .clinical-effect-card {
    grid-template-columns: 1fr;
  }

  .campaign-product .clinical-effect-visual {
    min-height: 360px;
  }

  .campaign-product .effect-comparison-copy {
    min-height: 0;
  }

  .campaign-product .before-after-stage {
    aspect-ratio: 4 / 3;
  }

  .campaign-product .comparison-range {
    min-height: 44px;
    touch-action: none;
  }

  .campaign-product .case-filter-bar button,
  .campaign-product .accessory-category-filters button,
  .campaign-product .accessory-view-switch button,
  .campaign-product .accessory-stage-control,
  .campaign-product .footer a {
    min-height: 44px;
  }

  .campaign-product .accessory-orbit {
    touch-action: pan-y;
    contain: layout style;
  }

  .campaign-product .accessory-orbit-item,
  .campaign-home .au-accessory-node,
  .campaign-product .comparison-divider,
  .campaign-product .comparison-after-layer {
    will-change: transform, opacity;
    backface-visibility: hidden;
  }
}

@media (max-width: 360px) {
  .campaign-home .topbar {
    grid-template-columns: minmax(0, 1fr) 52px 42px 42px;
    gap: 6px;
  }

  .campaign-home .language-switcher {
    width: 52px;
    min-width: 52px;
    padding-inline: 5px;
  }
  .campaign-home .brand small {
    display: none;
  }

  .campaign-home .hero h1 {
    font-size: 3.15rem;
  }

  .campaign-home[data-language="ru"] .hero-statement {
    font-size: 1.65rem;
    line-height: 1.03;
  }

  .campaign-product .detail-hero-copy h1 {
    font-size: 2.12rem;
    line-height: 1.05;
  }

  html[lang="ru"] .campaign-product .detail-hero-copy h1,
  .campaign-product[data-language="ru"] .detail-hero-copy h1 {
    font-size: 1.82rem;
    line-height: 1.08;
  }

  .campaign-home .au-hero-copy h2 {
    font-size: 43px;
  }

  .campaign-home .au-effect-evolution,
  .campaign-home .au-effect-media {
    width: 124px;
  }

  .campaign-home .au-effect-caption {
    width: 124px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sound-toggle {
    transition: none;
  }
}