@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* Custom scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Base custom font integration */
body {
  font-family: 'Inter', sans-serif;
  background-color: #FCFAF6;
  color: #1C1917;
}

h1, h2, h3, h4, .font-serif {
  font-family: 'Playfair Display', serif;
}

/* Gold Gradient Text */
.gold-text-gradient {
  background: linear-gradient(135deg, #B89047 0%, #D4AF37 50%, #FFD700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Gold Gradient BG */
.gold-bg-gradient {
  background: linear-gradient(135deg, #AA771C 0%, #D4AF37 50%, #B89047 100%);
}

.gold-bg-gradient-hover:hover {
  background: linear-gradient(135deg, #B89047 0%, #E6C655 50%, #AA771C 100%);
}

/* Luxury card shadow */
.luxury-shadow {
  box-shadow: 0 15px 35px -12px rgba(170, 119, 28, 0.08);
}

.luxury-shadow-sm {
  box-shadow: 0 5px 15px -3px rgba(170, 119, 28, 0.04);
}

/* Custom border gold hover link effect */
.hover-gold-border {
  position: relative;
}

.hover-gold-border::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1.5px;
  bottom: -2px;
  left: 0;
  background-color: #D4AF37;
  transition: width 0.3s ease;
}

.hover-gold-border:hover::after {
  width: 100%;
}

/* Smooth zoom on hover for product images */
.product-image-zoom {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.product-card:hover .product-image-zoom {
  transform: scale(1.05);
}

/* Mobile Quick Action Bar (sticky at bottom for mobile) */
.mobile-sticky-action {
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.05);
}