.header-actions {
  display: flex;
  min-width: 0;
  align-self: stretch;
}

.language-switch {
  display: grid;
  min-width: 92px;
  grid-auto-flow: column;
  align-self: stretch;
  border-left: 1px solid #1c2c3c;
}

.language-switch a,
.language-switch span {
  display: grid;
  min-width: 46px;
  place-items: center;
  padding: 0 10px;
  color: #9fb0bf;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.language-switch span[aria-current="true"] {
  color: #f0c96e;
  background: rgb(213 165 65 / 8%);
}

.language-switch a:hover,
.language-switch a:focus-visible {
  color: #82ddff;
  background: rgb(25 200 255 / 8%);
  outline: 0;
}

.product-claim {
  max-width: 24ch;
  margin: 26px 0 0;
  color: #eef5fa;
  font-family: "Manrope", sans-serif;
  font-size: clamp(20px, 1.7vw, 27px);
  font-weight: 750;
  letter-spacing: -0.025em;
  line-height: 1.18;
}

.product-claim + .product-description {
  margin-top: 18px;
}

.product-story__media {
  aspect-ratio: 16 / 9;
}

.product-story__media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

@media (max-width: 920px) {
  .site-nav a {
    min-width: 96px;
    padding-inline: 12px;
  }

  .language-switch {
    min-width: 78px;
  }

  .language-switch a,
  .language-switch span {
    min-width: 39px;
    padding-inline: 7px;
  }
}

@media (min-width: 781px) and (max-width: 1120px) {
  .product-titleline {
    gap: 16px;
  }

  .product-mark,
  .product-mark--sensei,
  .product-mark--speso {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }

  .product-titleline h2 {
    overflow-wrap: normal;
    font-size: clamp(40px, 5vw, 58px);
    word-break: normal;
  }
}

@media (max-width: 560px) {
  .header-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    border-top: 1px solid #1d2d3d;
  }

  .site-nav {
    border-top: 0;
  }

  .language-switch {
    min-width: 76px;
    min-height: 50px;
  }

  .language-switch a,
  .language-switch span {
    min-width: 38px;
    padding-inline: 6px;
  }

  .product-claim {
    font-size: 20px;
  }

  .product-story__media,
  .product-story--reverse .product-story__media {
    aspect-ratio: 16 / 9;
  }
}