.product-card {
        border-top: 4px solid #ec4899;
        position: relative;
    }
    
    .product-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #ec4899, #f00303);
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .product-card:hover::before {
        opacity: 1;
    }
    
    .quantity-control:focus-within {
        box-shadow: 0 0 0 2px rgba(172, 0, 0, 0.763);
    }