/* Adaptive Polestar top-view scene */

@media (min-width: 1500px) {
  .hero-card {
    min-height: 820px;
  }

  .polestar-image-stage {
    height: min(74vh, 780px);
    min-height: 700px;
  }

  .polestar-image-model {
    width: min(470px, 42vw);
    left: 56%;
  }

  .polestar-image-stage .charger-unit {
    left: 12%;
    top: 30%;
    transform: scale(1);
  }
}

@media (max-width: 1200px) {
  .hero-card {
    min-height: 700px;
  }

  .polestar-image-stage {
    height: 660px;
    min-height: 620px;
  }

  .polestar-image-model {
    width: min(390px, 50vw);
    left: 57%;
  }

  .polestar-image-stage .charger-unit {
    left: 7%;
    top: 32%;
    transform: scale(0.84);
  }
}

@media (max-width: 980px) {
  .hero-card {
    min-height: 640px;
  }

  .polestar-image-stage {
    height: 580px;
    min-height: 540px;
  }

  .polestar-image-model {
    width: min(350px, 68vw);
    left: 59%;
    top: 6%;
  }

  .polestar-image-stage .charger-unit {
    left: 2%;
    top: 33%;
    transform: scale(0.72);
  }

  .polestar-image-stage .charge-cable path {
    stroke-width: 9;
  }
}

@media (max-width: 720px) {
  .hero-card {
    min-height: 560px;
  }

  .polestar-image-stage {
    height: 500px;
    min-height: 480px;
  }

  .polestar-image-stage::before {
    inset: 2% 0 5% 0;
  }

  .polestar-image-model {
    width: min(300px, 82vw);
    left: 61%;
    top: 7%;
  }

  .polestar-image-stage .charger-unit {
    left: -8px;
    top: 36%;
    transform: scale(0.58);
  }

  .polestar-image-stage .charge-cable path {
    stroke-width: 7;
  }

  .charge-port-image {
    width: 22px;
    height: 18px;
  }
}

@media (max-width: 480px) {
  .hero-card {
    min-height: 500px;
  }

  .polestar-image-stage {
    height: 440px;
    min-height: 420px;
  }

  .polestar-image-model {
    width: min(260px, 84vw);
    left: 62%;
    top: 8%;
  }

  .polestar-image-stage .charger-unit {
    left: -18px;
    top: 38%;
    transform: scale(0.48);
  }

  .polestar-image-stage .charge-cable path {
    stroke-width: 6;
  }

  .clean-hero-info h2 {
    font-size: 1.55rem;
  }
}