@media screen and (max-width: 1024px) and (orientation: landscape) {
    body::before {
      content: "Пожалуйста, используйте сайт в портретной ориентации 📱";
      position: fixed;
      inset: 0;
      background: #000;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      z-index: 99999;
      text-align: center;
      padding: 20px;
    }
  }