body {
  font-family: "Cairo", sans-serif;
  background-color: #f9f9f9;
  color: #333;
}

.card {
  border-radius: 10px;
}

.card-img-top {
  height: 200px;
  object-fit: cover;
}

.product-container {
  padding: 20px;
}

.neon-text {
      color: #fff;
      text-shadow:
        0 0 5px #0ff,
        0 0 10px #0ff,
        0 0 20px #0ff;
      font-size: 3rem;
      animation: glow 1.5s infinite alternate;
    }

    @keyframes glow {
      from {
        opacity: 0.8;
      }

      to {
        opacity: 1;
      }
    }

    .fancy-text {
      background: linear-gradient(45deg, #ff00cc, #3333ff);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
      font-size: 3rem;
      font-weight: bold;
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.05);
      }

      100% {
        transform: scale(1);
      }
    }

    .gradient-text {
      background: linear-gradient(to right, #ff8a00, #e52e71, #1e90ff);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      font-size: 3rem;
      font-weight: bold;
    }

    .threed-text {
      color: #fff;
      text-shadow:
        1px 1px 0 #999,
        2px 2px 0 #888,
        3px 3px 0 #777;
      font-size: 3rem;
      transform: perspective(500px) rotateX(10deg);
    }

    body {
      background-color: #121212;
      color: #f1f1f1;
    }

    .top-bar {
      background-color: #1f1f1f;
      color: #f1f1f1;
      padding: 10px 0;
    }

    .top-bar .logo-img {
      height: 40px;
      margin-right: 10px;
    }

    .top-bar .site-title {
      font-size: 1.5rem;
      font-weight: bold;
      margin: 0;
    }

    .navbar-custom {
      background-color: #212121;
      border-bottom: 3px solid #bb0000;
    }

    .navbar-custom .navbar-brand,
    .navbar-custom .nav-link {
      color: #f1f1f1;
    }

    .navbar-custom .nav-link:hover {
      color: #ff4444;
    }

    .footer-bar {
      background-color: #1f1f1f;
      color: #ccc;
      padding: 20px 0;
      text-align: center;
      margin-top: 60px;
    }

    .cookie-banner {
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: #000;
      color: #fff;
      text-align: center;
      padding: 15px;
      display: none;
    }

    .cookie-banner a {
      color: #f1c40f;
    }

    .cookie-banner button {
      background-color: #f1c40f;
      border: none;
      padding: 10px 20px;
      color: #000;
      cursor: pointer;
    }