.no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none; /* IE/Edge */
      scrollbar-width: none; /* Firefox */
    }
    .grid-sizer {
      width: 32.33%;
    }
    .grid-item {
      width: 32.33%;
      break-inside: avoid;
    }
    .grid-item.hidden {
      opacity: 0;
      visibility: hidden;
      position: absolute !important;
      width: 0 !important;
      height: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: hidden;
    }
    /* Image styling */
    .grid-item img {
      max-width: 100%;
      max-height: 350px;
      object-fit: cover;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      display: block;
      width: 100%;
      height: auto;
    }

    @media (max-width: 640px) {
    .grid-sizer,
    .grid-item {
      width: 49%; /* 2 columns */
    }
  }

  /* Custom styles for flash messages */
.info {
    color: #31708f;
}

.success {
    color: #3c763d;
}

.error {
    color: #a94442;
}
/* Bounce animation for cart icon */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Pulse animation for cart count */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

.bounce {
    animation: bounce 0.3s ease;
}

.pulse {
    animation: pulse 0.3s ease;
}

.sharp-text {
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;       /* adds that technical, spaced-out feel */
  -webkit-font-smoothing: none; /* stops browsers from softening edges */
  font-smooth: never;
}