@media (max-width: 720px) {
  #slides {
    min-height: 0 !important;
  }

  .slide {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 70px 0 0 !important;
  }

  .slide[hidden] {
    display: none !important;
  }

  .slide::after {
    display: none;
  }

  .hero-copy {
    order: 2;
    width: 100% !important;
    max-width: none;
    padding: 26px 22px;
    background: #eef4fa;
    box-shadow: none;
  }

  .hero-copy .description {
    color: #193450;
  }

  .product-visual {
    order: 1;
    position: relative !important;
    inset: auto !important;
    z-index: 0 !important;
    width: 100%;
    height: 320px !important;
    min-height: 320px !important;
    padding: 0 !important;
    overflow: hidden;
    background: #e6eef6;
  }

  .product-visual img,
  .slide:nth-child(2) .product-visual img {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: cover !important;
    object-position: right center;
  }

  .visual-caption {
    right: 14px;
    bottom: 14px;
    max-width: calc(100% - 28px);
    padding: 7px 9px;
    color: #193450;
    background: rgba(255, 255, 255, 0.92);
  }

  .nav {
    grid-template-columns: 1fr !important;
  }

  .nav a,
  .nav button,
  .nav-dropdown > summary {
    min-height: 44px;
    font-size: 15px !important;
  }

  .models,
  .brandgrid {
    grid-template-columns: 1fr !important;
  }

  .modelbody > p,
  .brandcard small,
  .badge,
  .count,
  .stepbar,
  .shortcut,
  .note {
    font-size: 13px !important;
  }

  .modelbody h3 {
    font-size: 18px !important;
  }

  .detailbtn,
  .addbtn,
  button.mobilefilter,
  .searchrow .btn {
    min-height: 44px;
    font-size: 14px !important;
  }

  .hero-copy .actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-copy .actions .primary {
    width: 100%;
    gap: 12px;
    padding-inline: 14px;
  }

  .consultation-launcher {
    width: 52px;
    height: 52px;
    padding: 0 !important;
    justify-content: center;
  }

  .consultation-launcher > span {
    display: none;
  }

  body {
    padding-bottom: 76px;
  }
}