@media (min-width: 768px) and (max-width: 991px) {
  .hero-poster-container {
    padding-top: 6.2rem;
    padding-bottom: 5.2rem;
  }

  .hero-poster-shell {
    grid-template-columns: minmax(260px, 0.78fr) minmax(360px, 1.22fr);
    gap: 1rem;
  }

  .hero-badge-pill {
    padding: 0.62rem 0.85rem;
    font-size: 0.74rem;
  }

  .hero-mini-tag {
    font-size: 0.68rem;
  }

  .hero-title-top,
  .hero-title-bottom {
    font-size: clamp(3.05rem, 7vw, 4.3rem);
    line-height: 0.9;
    letter-spacing: -2px;
  }

  .hero-card-subtitle {
    font-size: 0.92rem;
  }

  .hero-card-price {
    min-width: 11.8rem;
    padding: 0.82rem 0.95rem 0.9rem;
    border-radius: 20px;
  }

  .hero-card-price strong {
    font-size: 2.75rem;
  }

  .hero-car-panel {
    min-height: 335px;
  }

  .hero-car-image {
    width: 112%;
    max-width: none;
    transform: translateX(3%) translateY(2px);
  }

  .hero-feature-item {
    padding: 0.8rem 0.5rem;
  }

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

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

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

  .hero-benefit-item {
    padding: 0.85rem 0.75rem;
    font-size: 0.82rem;
  }

  .hero-trust-row span {
    font-size: 0.78rem;
  }

  .hero-actions {
    grid-template-columns: 1fr 1fr;
  }
}