* {
      scroll-behavior: smooth;
    }
    
    .font-playfair { font-family: 'Playfair Display', serif; }
    .font-montserrat { font-family: 'Montserrat', sans-serif; }
    
    /* Gold gradient text */
    .gold-text {
      background: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    /* Glowing button */
    .glow-btn {
      position: relative;
      background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);
      box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
      transition: all 0.4s ease;
    }
    
    .glow-btn:hover {
      box-shadow: 0 0 40px rgba(212, 175, 55, 0.8), 0 0 60px rgba(212, 175, 55, 0.4);
      transform: translateY(-3px);
    }
    
    .glow-btn::before {
      content: '';
      position: absolute;
      inset: -2px;
      background: linear-gradient(135deg, #D4AF37, #F4E4BA, #D4AF37);
      border-radius: inherit;
      z-index: -1;
      opacity: 0;
      transition: opacity 0.4s ease;
    }
    
    .glow-btn:hover::before {
      opacity: 1;
      animation: rotate-gradient 2s linear infinite;
    }
    
    @keyframes rotate-gradient {
      0% { filter: hue-rotate(0deg); }
      100% { filter: hue-rotate(360deg); }
    }
    
    /* Card animations */
    .service-card {
      transform-style: preserve-3d;
      transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .service-card:hover {
      transform: translateY(-15px) rotateX(5deg);
      box-shadow: 0 30px 60px rgba(212, 175, 55, 0.3);
    }
    
    /* Fade in animation */
    .fade-in {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }
    
    /* Navbar glass effect */
    .glass-nav {
      background: rgba(0, 0, 0, 0.85);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    }
    
    /* Custom scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    
    ::-webkit-scrollbar-track {
      background: #0a0a0a;
    }
    
    ::-webkit-scrollbar-thumb {
      background: linear-gradient(180deg, #D4AF37, #B8860B);
      border-radius: 4px;
    }
    
    /* Shimmer effect */
    .shimmer {
      position: relative;
      overflow: hidden;
    }
    
    .shimmer::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
      animation: shimmer 3s infinite;
    }
    
    @keyframes shimmer {
      0% { left: -100%; }
      100% { left: 100%; }
    }
    
    /* Floating animation */
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    
    .float {
      animation: float 3s ease-in-out infinite;
    }
    
    /* Pulse ring */
    .pulse-ring {
      position: relative;
    }
    
    .pulse-ring::before {
      content: '';
      position: absolute;
      inset: -4px;
      border: 2px solid #D4AF37;
      border-radius: inherit;
      animation: pulse-ring 2s ease-out infinite;
    }
    
    @keyframes pulse-ring {
      0% { transform: scale(1); opacity: 1; }
      100% { transform: scale(1.1); opacity: 0; }
    }
    
    /* Hero pattern overlay */
    .hero-pattern {
      background-image: 
        radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(212, 175, 55, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 40% 80%, rgba(212, 175, 55, 0.05) 0%, transparent 30%);
    }
    
    /* Section divider */
    .section-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, #D4AF37, transparent);
    }
    
    /* Cart badge animation */
    @keyframes bounce-in {
      0% { transform: scale(0); }
      50% { transform: scale(1.2); }
      100% { transform: scale(1); }
    }
    
    .cart-badge {
      animation: bounce-in 0.3s ease-out;
    }
    
    /* Input focus effect */
    .input-gold:focus {
      box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.3);
    }
    
    /* Barber pole animation */
    @keyframes barber-pole {
      0% { background-position: 0 0; }
      100% { background-position: 60px 60px; }
    }
    
    .barber-pole {
      background: repeating-linear-gradient(
        45deg,
        #D4AF37,
        #D4AF37 10px,
        #1a1a1a 10px,
        #1a1a1a 20px
      );
      animation: barber-pole 1s linear infinite;
    }