/* Flex wrap + gap: col-md-6 (50%×2) + gap overflows; mirror Tailwind md:w-[48%] + gap-lg */
.grid-card__layout {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

.grid-card__slot {
    width: 100%;
}

@media (min-width: 768px) {
    .grid-card__slot {
        flex: 0 0 calc(50% - 0.75rem);
        max-width: calc(50% - 0.75rem);
        width: auto;
    }
}

.grid-card__card--hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.mxw-5xl { max-width: 64rem !important; }