@media (max-width:700px) {
  html, body { overflow-x:hidden; }
  .hero .eyebrow { max-width:100%; font-size:10px; line-height:1.15; letter-spacing:.12em; text-wrap:balance; }
  .heroCopy { min-height:0; padding:72px 24px 64px; }
  .hero h1 { max-width:100%; margin:20px 0 26px; font-size:clamp(44px, 12vw, 58px); line-height:.88; letter-spacing:-.065em; }
  .hero h1 em { display:block; -webkit-text-stroke-width:1.5px; }
  .heroCopy > p { max-width:31ch; font-size:17px; line-height:1.55; }
  .heroActions { width:100%; margin-top:30px; gap:26px; }
  .heroActions .primaryButton { justify-content:space-between; width:min(100%, 360px); gap:16px; }
  .financeTrack p { gap:18px; padding:14px 20px; font-size:11px; }
}

@media (max-width:400px) {
  .heroCopy { padding-right:20px; padding-left:20px; }
  .hero h1 { font-size:44px; }
  .heroCopy > p { font-size:16px; }
}

.wholesaleHero aside { justify-content:center; min-height:380px; background:radial-gradient(circle at 68% 18%,rgba(242,185,0,.16),transparent 30%),linear-gradient(160deg,#242424,#101010); }
@media (max-width:850px) { .wholesaleHero aside { min-height:300px; } }
.modelGrid .modelCard:nth-child(5) .preorder { font-size:0; }
.modelGrid .modelCard:nth-child(5) .preorder:after { content:"Promoção por tempo limitado"; font-size:10px; }
.modelGrid .modelCard:nth-child(5) .pricePanel > div:first-child { display:flex; flex-direction:column; justify-content:center; }
.modelGrid .modelCard:nth-child(5) .pricePanel > div:first-child:before { content:"R$ 11.900"; order:2; margin-top:5px; color:#9ca1a7; font-size:11px; font-weight:700; text-decoration:line-through; text-decoration-color:#d7d7d7; text-decoration-thickness:1.5px; }
.modelGrid .modelCard:nth-child(5) .pricePanel > div:first-child b { order:3; }