.brand {
  display: flex;
  align-items: center;
  line-height: 1;
}

.brand img {
  display: block;
  width: 250px;
  max-width: 34vw;
  height: 56px;
  object-fit: contain;
  object-position: left center;
}

.sale-badge {
  display: inline-block;
  width: max-content;
  padding: 6px 10px;
  color: #fff;
  background: #205cff;
  border-radius: 2px;
}

.sale-price {
  display: grid;
  gap: 3px;
  margin-top: 8px;
}

.sale-price del {
  color: #8e9bad;
  font-size: .9rem;
  font-weight: 700;
}

.sale-price strong {
  color: #fff;
  font-size: 1.28rem;
}

.price-note strong {
  color: #16264b;
}

.process-visual img {
  object-position: center 22%;
}

.result-image img {
  object-position: center 42%;
}

.result-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.result span {
  display: inline-block;
  margin: 12px 0 0;
}

.footer-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.footer-links a {
  color: var(--blue2);
  font-weight: 900;
}

@media (max-width: 580px) {
  .brand img {
    width: 190px;
    max-width: 52vw;
    height: 44px;
  }

  .nav-cta {
    max-width: 42%;
    text-align: right;
  }

  .result-actions .button {
    width: 100%;
  }

  .footer-links {
    display: grid;
    gap: 6px;
  }
}