/* Custom luxury styling */
.text-gold {
  color: #ffd700;
}

.hover-text-yellow-300:hover {
  color: #fbbf24;
}

.bg-gold {
  background-color: #ffd700;
}

.transition-all {
  transition: all 0.3s ease-in-out;
}

/* Ensure mobile optimization */
@media (max-width: 767px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  nav {
    display: none;
  }

  #mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 50;
  }
}

/* Fallback if Tailwind classes fail */
body {
  background-color: #000;
  color: #fff;
}

h1,
h2,
h3 {
  color: #ffd700;
}

a.bg-gold {
  background-color: #ffd700;
}

a.bg-gold:hover {
  background-color: #fbbf24;
}

/* Custom luxury styling */
.text-gold {
  color: #ffd700;
}

.hover-text-yellow-300:hover {
  color: #fbbf24;
}

.bg-gold {
  background-color: #ffd700;
}

.transition-all {
  transition: all 0.3s ease-in-out;
}

/* Ensure mobile optimization */
@media (max-width: 767px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  nav {
    display: none;
  }

  #mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 50;
  }
}

/* Fallback if Tailwind classes fail */
body {
  background-color: #000;
  color: #fff;
}

h1,
h2,
h3 {
  color: #ffd700;
}

a.bg-gold {
  background-color: #ffd700;
}

a.bg-gold:hover {
  background-color: #fbbf24;
}

/* Product image hover transition */
.product-img {
  transition: all 0.3s ease-in-out;
}

.product-img:hover {
  opacity: 0.9; /* Slight opacity change for a subtle effect */
}