@media (max-width: 900px) {
  .hero > img { order: 1; }
  .hero > div { order: 2; }
  .why-inner > div { order: 1; }
  .why-inner > img { order: 2; }

  .slider { padding: 0 52px; }
  .slider-button {
    top: 50%;
    bottom: auto;
    width: 44px;
    height: 64px;
    border-radius: 0;
    background: transparent;
    color: #555;
    font-size: 68px;
    line-height: 1;
    transform: translateY(-50%);
  }
  .slider-button.prev { left: 0; }
  .slider-button.next { right: 0; }
  .slider-dots { display: flex; justify-content: center; gap: 0; margin-top: 4px; }
  .slider-dot { position: relative; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; }
  .slider-dot::before { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; border-radius: 50%; background: #c8c8c8; transform: translate(-50%, -50%); }
  .slider-dot.active::before { background: #111; }
}