body {
      font-family: Arial, sans-serif;
      background: #f8f9fa;
      color: #fff;
      padding-top: 70px;
    }
    header {
      background-color: #000;
      color: gold;
      padding: 10px 20px;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1030;
    }
    header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }
    .logo {
      font-weight: bold;
      font-size: 1.8rem;
      white-space: nowrap;
    }
    nav.navbar {
      flex-grow: 1;
    }
    .navbar-dark .navbar-nav .nav-link {
      color: gold;
      font-weight: bold;
    }
    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
      color: #ffd700cc;
    }
    @media (min-width: 992px) {
      .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
      }
    }
    .dropdown-menu {
      background-color: #000;
      border: none;
    }
    .dropdown-item {
      color: gold;
    }
    .dropdown-item:hover,
    .dropdown-item:focus {
      background-color: #222;
      color: gold;
    }
    .navbar-dark .navbar-toggler {
      border-color: gold;
    }
    .navbar-dark .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='gold' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .card-img-top {
      height: 180px;
      object-fit: cover;
    }
    .vote-buttons button {
      margin-right: 8px;
    }
    .product-slider {
      display: flex;
      gap: 1rem;
      overflow-x: auto;
      scroll-behavior: smooth;
      padding-bottom: 10px;
    }
    .product-slider::-webkit-scrollbar {
      display: none;
    }
    .card {
      min-width: 250px;
      flex: 0 0 auto;
    }