@media (max-width:768px) {
   .navbar .container {
      justify-content: center !important;
      gap: 12px
   }

   .sidebar {
      display: none;
   }

   .content {
      width: 100%;
      height: 100%;
      overflow: visible;
   }

   .content p {
      font-size: 14px;
   }

   .card-link {
      height: 100%;
   }

   .search-overlay {
      display: block;
   }

   .search-box {
      width: 100%;
   }

   .search-results {
      width: 100%;
      max-height: 100%;
   }

   .search-shortcut {
      display: none;
   }

   .options-list {
      margin: 0;
   }
}