.font-display { font-family: 'Bebas Neue', sans-serif; }
    .font-body { font-family: 'Inter', sans-serif; }

    .product-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      background-color: #111;
      border: 1px solid #1e1e1e;
    }
    .product-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(201,162,39,0.12), 0 4px 16px rgba(0,0,0,0.8);
      border-color: #333;
    }

    .btn-add { transition: all 0.2s ease; }
    .btn-add:hover { transform: scale(1.05); }

    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .animate-in { animation: fadeInUp 0.6s ease forwards; }
    .delay-1 { animation-delay: 0.1s; }
    .delay-2 { animation-delay: 0.2s; }
    .delay-3 { animation-delay: 0.3s; }
    .delay-4 { animation-delay: 0.4s; }
    .delay-5 { animation-delay: 0.5s; }
    .delay-6 { animation-delay: 0.6s; }

    .gold-gradient {
      background: linear-gradient(135deg, #C9A227 0%, #E8D48B 50%, #C9A227 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .product-img-wrap {
      width: 100%;
      height: 200px;
      overflow: hidden;
      position: relative;
      background-color: #0a0a0a;
    }
    .product-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
      filter: brightness(0.9);
    }
    .product-card:hover .product-img-wrap img {
      transform: scale(1.07);
      filter: brightness(1);
    }

    .badge-abs {
      position: absolute;
      top: 12px;
      left: 12px;
      z-index: 2;
      padding: 4px 12px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 600;
      font-family: 'Inter', sans-serif;
      letter-spacing: 0.05em;
    }

    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: #000; }
    ::-webkit-scrollbar-thumb { background: #222; border-radius: 3px; }