.product-card {
            /* width: 300px; */
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 6px 20px rgba(0,0,0,0.08);
            transition: 0.3s ease;
            position: relative;
        }

        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0,0,0,0.12);
        }

        .card-img {
            position: relative;
            height: 260px;
            overflow: hidden;
        }

        .card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .4s ease;
        }

        .product-card:hover .card-img img {
            transform: scale(1.08);
        }

        .brand-tag {
            position: absolute;
            top: 14px;
            left: 14px;
            background: #111827;
            color: #fff;
            font-size: 13px;
            padding: 4px 10px;
            border-radius: 20px;
            letter-spacing: 0.5px;
        }

        .card-content {
            padding: 18px 20px;
            height: 180px;
        }

        .product-title {
            font-size: 15px;
            font-weight: 600;
            color: #222;
            margin-bottom: 6px;
        }

        .category {
            font-size: 14px;
            color: #777;
            margin-bottom: 15px;
        }

        .category a {
            color: #777;
            text-decoration: none;
             font-size: 14px;
            color: #777;
            margin-bottom: 15px;
        }

        /* Buttons */
        .actions {
            display: flex;
            gap: 10px;
        }

        .actions button {
            flex: 1;
            padding: 10px 0;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            font-size: 14px;
            transition: 0.3s ease;
        }

        .actions a {
            flex: 1;
            padding: 10px 0;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            font-size: 14px;
            transition: 0.3s ease;
            text-decoration: none;
            text-align: center;
            display: inline-block;
        }

        .view-btn {
            background: #e5e7eb;
        }

        .view-btn:hover {
            background: #d1d5db;
        }

        .cart-btn {
            background: #111827;
            color: white;
        }

        .cart-btn:hover {
            background: #000;
        }