Сергей delphinpro

Потому что вы для .swiper-wrapper сделали обрезку содержимого. При пролистывании он улетает влево, и все слайды после первого не видны.
Просто уберите этот стиль, он совершенно лишний.

.akcy .container .swiper-wrapper {
    overflow: hidden;
}

Вообще не стоит переопределять стили штатных элементов слайдера, если вы точно не понимаете как он работает.

А в чем сложность?

class Router {
    private $pages = array();
    
    function addRoute($url, $path){
-       $this->pages[$url] = $path;
+       $this->pages[trim('/', $url)] = $path;
    }

    function route($url){
+       url = trim('/', $url);
-       if(isset($this->pages["/".$url])) {
+       if(isset($this->pages[$url])) {
-           $path = $this->pages["/".$url];
+           $path = $this->pages[$url];
            $file_dir = "app/".$path;
            if ($path == "") {
                require "errors/404.html";
                die();
            }
            if (file_exists($file_dir)) {
                require $file_dir;
            } else {
                require "errors/404.html";
                die();
            }
        } else {
            require "errors/404.html";
            die();
        }
    }
}

require "system/Routing.php";
-$url = isset($_GET['url']) ? $_GET['url'] : '';
+[$url] = explode('?', $_SERVER['REQUEST_URI']);

$router = new Router();

$router->addRoute("/cameras", "apps/cameras/index.php");

$router->route($url);

Попробуйте поискать примерно такую конструкцию в исходниках

.react-select {
  // какие-то свойства

  &__option {
    //...
  }
}

Или здесь посмотрите https://react-select.com/styles

простая математика. исходные данные: координаты блока относительно окна браузера (elemtnt.getBoundingClientRect()) и высота окна (window.height).

Если y_top <= 0 и y_bottom >= window.height То высота видимой части блока равна высоте экрана (первая ваша картинка).
Если y_top > 0 и y_bottom < window.height То высота видимой части блока равна высоте это блока (весь виден).
Если y_top > 0 и y_bottom > window.height То высота видимой части блока равна высоте экрана минус верхняя позиция (вторая картинка).
Если y_top < 0 и y_bottom < window.height То высота видимой части блока равна значению нижней позиции (третья картинка).

Используя функцию repeat() и пользовательские свойства, можно задавать кол-во колонок в разметке, без хардкодинга в css. Не совсем то, что вам нужно, но кол-во ячеек, как правило известно при выводе информации, и серверный код вполне может проставить нужно значение.

У гридов нет свойств для изменения направления. Есть у флексов, но только по одной оси.
Поэтому проще будет вывести разметку в обратном порядке.
Примерно так:

Не то свойство используете

Если посмотреть в исходник блэйд-компилятора, то видно, что актуальность кэша проверяется по времени изменения файла (не его хэшу)

public function isExpired($path)
    {
        // ...
        return $this->files->lastModified($path) >=
               $this->files->lastModified($compiled);
    }
public function lastModified($path)
    {
        return filemtime($path);
    }

И тогда можно сделать вывод, что ваш FTP клиент не изменяет время модификации файла при его загрузке. Точнее говоря, он предотвращает изменение этой метки (устанавливает исходную).

В шторме для этого есть опция "Preserve files timestamp" в разделе
File | Settings | Build, Execution, Deployment | Deployment | Options

Одним запросом вам нужно выбрать пользователя со всем его данными
А потом просто посмотреть, что у него в столбике isBanned

Псевдокод (а то за реальный меня ругают умники) для демонстрации принципа:

$user  = SELECT * FROM users WHERE username = '';

if ($user['isBanned']) {
  echo 'You banned!';
}

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Автоматического расположения так не добиться. проще всего разбивать на группы с центрированием.
В частном случае можно поизвращаться.

Разметку вы не показали, поэтому покажу суть. Нужно для каждого слайдера указывать именно его кнопки навигации, а не просто селектор, который выбирает все кнопки на странице.
Часть правильного решения уже подсказали в других ответах.

<div class="catalog-item">
  <div class="catalog-item-slider">Слайдер</div>
  <button class="nav prev"></button>
  <button class="nav next"></button>
</div>

document.querySelectorAll('.catalog-item').forEach(item => {
  new Swiper(item.querySelector('.catalog-item-slider'), {
    slidesPerView: "auto",
    loop: true,
    speed: 600,
    navigation: {
      nextEl: item.querySelector(".nav.next"),
      prevEl: item.querySelector(".nav.prev"),
    }
  });
});

mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
$mysqli = new mysqli("localhost", "my_user", "my_password", "world");

$ip = $_SERVER['REMOTE_ADDR'];
$result = $mysqli->query("SELECT * FROM `наша таблица` WHERE `userip` = '$ip' LIMIT 1");
if ($result->num_rows > 0) {
  echo 'Сорян, такой айпишник уже есть в базе';
} else {
  echo 'Ok, регистрирую вас';
}

PS
По просьбам гуру настоятельно рекомендую к прочтению
Как правильно использовать mysqli

Установите последнюю версию 3.1.55
Она поддерживает php8
Просто не указывайте версию при установке

composer require maatwebsite/excel