.product-container {
  margin-top: 5rem; /* spacing below navbar */
  max-width: 900px; /* optional: keep the product area narrower for readability */
}

.card.bg-dark {
  backdrop-filter: blur(6px); /* subtle glassy look */
  border-radius: 1rem;
}

  body {
    background: url('images/background2.jpg') center center / cover no-repeat fixed;
    min-height: 100vh;
    color: white !important; /* Default text color over background */
    position: relative;
    margin: 0;
    overflow-x: hidden;
  }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4); /* darkens background slightly */
    z-index: -1; /* behind content */
  }

  .content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 5rem 2rem;
  }

/* GLOBAL MINIMAL SCROLLBAR STYLE */
* {
  scrollbar-width: thin;             /* Firefox */
  scrollbar-color: #b0b0b0 #f0f0f0;  /* Firefox: thumb + track */
}

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: #f0f0f0;  /* Track color */
}

*::-webkit-scrollbar-thumb {
  background-color: #b0b0b0; /* Scroll handle color */
  border-radius: 10px;
  border: 2px solid #f0f0f0; /* Gives a little inset padding */
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}