/* GARANT-PLIT P10.15B DELIVERY MOBILE SAFE FRAME */
.page-hero--delivery .delivery-hero__visual {
  min-width: 0;
}

@media (max-width: 760px) {
  .page-hero--delivery .delivery-hero__visual,
  .page-hero--delivery .hero__visual {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .page-hero--delivery .delivery-visual {
    min-height: clamp(260px, 68vw, 360px) !important;
    height: auto !important;
    max-height: 380px;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  .page-hero--delivery .delivery-scene-svg {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 82% !important;
    max-height: 320px !important;
    transform: none !important;
    transform-origin: center bottom !important;
    overflow: hidden !important;
  }

  .page-hero--delivery .delivery-motion-road {
    height: 96px !important;
  }

  .page-hero--delivery .delivery-motion-road__surface {
    bottom: 14px !important;
    height: 46px !important;
    border-radius: 22px 22px 0 0 !important;
  }

  .page-hero--delivery .delivery-motion-road__lane-track {
    bottom: 34px !important;
    height: 6px !important;
  }

  .page-hero--delivery .delivery-motion-road__berm {
    height: 30px !important;
  }
}

@media (max-width: 430px) {
  .page-hero--delivery .delivery-visual {
    min-height: clamp(240px, 74vw, 318px) !important;
    max-height: 330px !important;
  }

  .page-hero--delivery .delivery-scene-svg {
    height: 78% !important;
    max-height: 270px !important;
  }

  .page-hero--delivery .delivery-visual__sun,
  .page-hero--delivery .delivery-visual__moon {
    width: 48px !important;
    height: 48px !important;
    top: 16px !important;
    right: 16px !important;
  }

  .page-hero--delivery .delivery-motion-road {
    height: 88px !important;
  }

  .page-hero--delivery .delivery-motion-road__surface {
    bottom: 12px !important;
    height: 42px !important;
  }

  .page-hero--delivery .delivery-motion-road__lane-track {
    bottom: 30px !important;
  }
}
/* /GARANT-PLIT P10.15B DELIVERY MOBILE SAFE FRAME */

/* GARANT-PLIT P10.15D2 DELIVERY PHONE CENTERING */
@media (max-width: 760px) {
  .page-hero--delivery .delivery-visual {
    min-height: clamp(250px, 70vw, 340px) !important;
    max-height: 350px !important;
    overflow: hidden !important;
  }

  .page-hero--delivery .delivery-scene-svg {
    left: 50% !important;
    right: auto !important;
    bottom: 20px !important;
    width: min(112vw, 520px) !important;
    max-width: none !important;
    height: 72% !important;
    max-height: 270px !important;
    transform: translateX(-43%) scale(0.9) !important;
    transform-origin: center bottom !important;
    overflow: visible !important;
  }

  .page-hero--delivery .delivery-motion-road {
    height: 82px !important;
  }

  .page-hero--delivery .delivery-motion-road__surface {
    bottom: 10px !important;
    height: 40px !important;
  }

  .page-hero--delivery .delivery-motion-road__lane-track {
    bottom: 27px !important;
  }
}

@media (max-width: 430px) {
  .page-hero--delivery .delivery-visual {
    min-height: clamp(235px, 72vw, 315px) !important;
    max-height: 320px !important;
  }

  .page-hero--delivery .delivery-scene-svg {
    bottom: 22px !important;
    width: min(118vw, 470px) !important;
    height: 70% !important;
    max-height: 240px !important;
    transform: translateX(-39%) scale(0.86) !important;
  }

  .page-hero--delivery .delivery-visual__sun,
  .page-hero--delivery .delivery-visual__moon {
    width: 44px !important;
    height: 44px !important;
    top: 14px !important;
    right: 14px !important;
  }
}
/* /GARANT-PLIT P10.15D2 DELIVERY PHONE CENTERING */

/* GARANT-PLIT P10.15D3 HIDE DELIVERY ANIMATION ON MOBILE */
@media (max-width: 760px) {
  .page-hero--delivery .delivery-hero__visual,
  .page-hero--delivery .hero__visual,
  .page-hero--delivery .delivery-visual {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .page-hero--delivery .delivery-scene-svg,
  .page-hero--delivery .delivery-motion-road,
  .page-hero--delivery .delivery-visual__sun,
  .page-hero--delivery .delivery-visual__moon {
    display: none !important;
    visibility: hidden !important;
    animation: none !important;
    transform: none !important;
  }
}
/* /GARANT-PLIT P10.15D3 HIDE DELIVERY ANIMATION ON MOBILE */