body {
      box-sizing: border-box;
    }
    
    * {
      box-sizing: border-box;
    }
    
    body {
      font-family: 'Cormorant Garamond', serif;
      margin: 0;
      padding: 0;
    }
    
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Playfair Display', serif;
      font-style: italic;
    }
    
    .elegant-script {
      font-family: 'Italiana', cursive;
      letter-spacing: 1px;
    }
    
    .hero-gradient {
      background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
    }
    
    .product-card {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .product-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }
    
    .category-card {
      transition: all 0.3s ease;
    }
    
    .category-card:hover {
      transform: scale(1.05);
      box-shadow: 0 15px 30px rgba(6, 182, 212, 0.2);
    }
    
    .btn-primary {
      transition: all 0.3s ease;
    }
    
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 25px rgba(6, 182, 212, 0.3);
    }
    
    .modal-backdrop {
      backdrop-filter: blur(8px);
      animation: fadeIn 0.3s ease;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    
    @keyframes slideIn {
      from {
        transform: translateY(-20px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }
    
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    @keyframes shimmer {
      0% { background-position: -1000px 0; }
      100% { background-position: 1000px 0; }
    }
    
    .animate-float {
      animation: float 3s ease-in-out infinite;
    }
    
    .animate-fade-in-up {
      animation: fadeInUp 0.8s ease-out forwards;
      opacity: 0;
    }
    
    .delay-1 { animation-delay: 0.1s; }
    .delay-2 { animation-delay: 0.2s; }
    .delay-3 { animation-delay: 0.3s; }
    .delay-4 { animation-delay: 0.4s; }
    
    .shimmer-effect {
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      background-size: 200% 100%;
      animation: shimmer 3s infinite;
    }
    
    .modal-content {
      animation: slideIn 0.3s ease;
    }
    
    .cart-sidebar {
      transform: translateX(100%);
      transition: transform 0.3s ease;
    }
    
    .cart-sidebar.open {
      transform: translateX(0);
    }
    
    .filter-badge {
      transition: all 0.2s ease;
    }
    
    .filter-badge:hover {
      transform: scale(1.05);
    }
    
    .review-card {
      transition: all 0.3s ease;
    }
    
    .review-card:hover {
      transform: translateX(5px);
    }
    
    input:focus, select:focus, textarea:focus {
      outline: none;
      border-color: #06b6d4;
      box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
    }
    
    .star-rating {
      color: #06b6d4;
    }
    @keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
    }
    .animate-marquee {
    display: inline-block;
    animation: marquee 15s linear infinite;
    }