/* ------------------------------
   Card Section
--------------------------------*/
.explore {
    margin-bottom: 90px;
}

.explore h2 {
    text-align: center;
    margin: 14px 0;
    font-size: clamp(28px, 4vw, 40px);
    color: var(--primary-700);
}

.explore h3 {
    text-align: center;
    margin-bottom: 2.5rem;
    color: var(--accent);
}

.cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.cards:only-child,
.cards > :only-child {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: 520px;
}

.cards .p {
    color: var(--primary-700);
}

@media(max-width:860px) {
    .cards {
        grid-template-columns: 1fr;
        margin: 0 15px;
    }
}

.card {
    min-height: 280px;
    border-radius: 22px;
    padding: 22px;
    border: 1px solid #e7e0cd;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.card.orange {
    background: url('/images/flash_sale.jpg') center/cover no-repeat;
    color: #3f2c1e
}

.card.green {
    background: url('/images/build_travel.jpg') center/cover no-repeat;
    color: #13423b
}

.card h3 {
    font-size: clamp(35px,2.7vw,30px);
    margin-bottom: 6px;
    color: #3f4645;
}