.chat-product-cards {
    max-width: 36rem;
}

.chat-product-card {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.chat-product-card:hover {
    border-color: color-mix(in oklab, var(--color-brand, #22c55e) 35%, transparent);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.dark .chat-product-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.chat-bubble-ai .chat-product-cards {
    margin-inline-start: 0;
}

.chat-bubble-ai .chat-message-text + .chat-product-cards {
    margin-top: 0.75rem;
}