/* Hero Product Bento Grid */
.hero-product-card:hover {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 124, 0, .3) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px -5px rgba(255, 124, 0, .15);
}

@media (max-width: 900px) {
    .ct-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
        text-align: center;
    }

    .ct-hero-grid > div:first-child {
        align-items: center !important;
    }

    .ct-hero-bento {
        grid-template-columns: 1fr !important;
    }

    .ct-hero-bento .hero-product-card[style*="grid-column"] {
        grid-column: auto !important;
    }
}