:root
        {
            --accent-from: #7b22ff;
            --accent-to: #ff3bb8;
        }
        html, body
        {
            font-family: "Inter" , ui-sans-serif, system-ui, -apple-system, "Segoe UI" , Roboto, "Helvetica Neue" , Arial;
        }
        /* small enhancement: subtle glass background for content */
        .glass
        {
            background: rgba(255,255,255,0.04);
            backdrop-filter: blur(6px);
            border-radius: 12px;
        }
        /* product image placeholder & cover behavior */
        .product-img
        {
            height: 220px;
            background-size: cover;
            background-position: center;
            border-radius: 10px;
        }
        /* gradient border effect (thin) */
        .gradient-border
        {
            padding: 3px;
            border-radius: 12px;
            background: linear-gradient(90deg, #f5e8c7, #d4af37);
        }
        /* subtle focus ring */
        .focus-outline:focus
        {
            outline: none;
            box-shadow: 0 0 0 4px rgba(123,34,255,0.12);
            border-radius: 8px;
        }
        /* modal styles override */
        .modal-backdrop
        {
            background: rgba(2,6,23,0.6);
        }
        /* thumbnail active */
        .thumb-active
        {
            box-shadow: 0 6px 18px rgba(123,34,255,0.25);
            transform: translateY(-3px);
        }
        /* responsive grid */
        .winner-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(135deg, #D4AF37, #B0902F); /* Gold gradient */
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 6px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.25);
    z-index: 10;
}
        @media (min-width:1024px)
        {
            .product-img
            {
                height: 240px;
            }
        }