 body {
      box-sizing: border-box;
    }
    
    * {
      font-family: 'Inter', sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Cormorant Garamond', serif;
    }
    
    .hero-gradient {
      background: linear-gradient(135deg, #FFF8F0 0%, #F5E6D8 50%, #FFE8E0 100%);
    }
    
    .card-hover {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    }
    
    .btn-primary {
      background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover {
      background: linear-gradient(135deg, #C9A961 0%, #B89A4F 100%);
      transform: scale(1.02);
    }
    
    .fade-in {
      animation: fadeIn 0.6s ease-in;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .smooth-scroll {
      scroll-behavior: smooth;
    }
    
    .product-img {
      aspect-ratio: 4/5;
      object-fit: cover;
    }
    
    .filter-checkbox:checked + label {
      background-color: #D4AF37;
      color: white;
      border-color: #D4AF37;
    }
    
    .cart-badge {
      position: absolute;
      top: -8px;
      right: -8px;
      background: #D4AF37;
      color: white;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 600;
    }
    
    .modal-backdrop {
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(4px);
    }
