/* ======= DESKTOP ======= */
  @media (min-width: 768px) {
      .navbar-top {
          justify-content: center;
          position: relative;
      }

      .hamburger {
          display: none;
      }

      .flags {
          position: absolute;
          right: 20px;
          top: 15px;
      }

      .mobile-menu {
          display: flex !important;
          flex-direction: row;
          justify-content: center;
          gap: 30px;
          background-color: transparent;
      }

      .mobile-menu a {
          border: none;
          font-weight: bold;
      }
  }

  /* ======= MOBILE ======= */
  @media (max-width: 768px) {

      .carousel-control-prev,
      .carousel-control-next {
          left: 10px !important;
          right: auto !important;
          width: auto;
          top: 50%;
          transform: translateY(-50%);
          z-index: 2;
      }

      .carousel-control-next {
          right: 10px !important;
          left: auto !important;
      }

      .logo-svg {
          width: 100px !important;
          height: auto;
      }

      .books-layout {
          flex-direction: column;
          gap: 40px;
          align-items: center;
          padding: 0 10px;
      }

      .books-grid {
          grid-template-columns: 1fr;
          gap: 20px;
      }

      .books-title {
          font-size: 2em;
      }
  }