@media (min-width: 992px) {
  .hero-poster-container {
    padding: 7rem 24px 5rem;
  }

  .hero-poster-shell {
    gap: 1.2rem;
    align-items: center;
  }

  .hero-copy-panel {
    padding: 0;
    max-width: 620px;
  }

  .hero-badge-pill {
    font-size: 0.82rem;
  }

  .hero-card-title {
    margin-top: 1.15rem;
  }

  .hero-title-top,
  .hero-title-bottom {
    font-size: clamp(4.2rem, 5.5vw, 6.4rem);
    line-height: 0.88;
    letter-spacing: -2.5px;
  }

  .hero-card-subtitle {
    max-width: 540px;
    margin-top: 0.85rem;
    color: #5f6f81;
    font-size: 1.1rem;
  }

  .hero-card-price {
    position: relative;
    margin-top: 1.45rem;
    padding: 1rem 1.4rem 1.05rem;
    border-radius: 22px;
    width: fit-content;
    box-shadow: 0 20px 52px rgba(11, 55, 101, 0.26);
  }

  .hero-price-label {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
  }

  .hero-card-price strong {
    font-size: clamp(3.6rem, 4.5vw, 5.2rem);
    line-height: 0.95;
  }

  .hero-card-price span:last-child {
    font-size: 1.05rem;
  }

  .hero-car-panel {
    min-height: 440px;
    align-items: center;
    justify-content: center;
  }

  .hero-car-image {
    max-width: 660px;
    transform: translateY(3px) scale(1.04);
    filter: drop-shadow(0 30px 58px rgba(11, 55, 101, 0.25));
  }

  .hero-car-image:hover {
    transform: translateY(0) scale(1.065);
  }

  .hero-feature-grid {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(11, 55, 101, 0.14);
  }

  .hero-feature-icon {
    font-size: 1.6rem;
  }

  .hero-feature-item {
    padding: 1rem 0.6rem;
  }

  .hero-feature-item strong {
    font-size: 1.02rem;
  }

  .hero-feature-item span {
    font-size: 0.85rem;
  }

  .hero-benefit-strip {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(11, 55, 101, 0.18);
  }

  .hero-benefit-item {
    padding: 1rem 1.2rem;
    font-size: 0.95rem;
  }

  .hero-btn,
  .hero-call-link {
    min-height: 4.2rem;
    border-radius: 22px;
  }

  .hero-btn-primary {
    padding: 0.95rem 1.4rem;
  }

  .hero-btn-text strong {
    font-size: 1.22rem;
  }

  .hero-btn-text small {
    font-size: 0.8rem;
  }

  .hero-call-link {
    font-size: 1.15rem;
  }
}

@media (min-width: 1200px) {
  .hero-poster-shell {
    grid-template-columns: minmax(360px, 0.82fr) minmax(520px, 1.18fr);
  }

  .hero-info-panel {
    margin-top: -0.1rem;
  }
}