/* ==================================================
   Unicorner Mercantile
   ================================================== */


/* ==================================================
   HERO
================================================== */

.mercantile-hero {
    background-image: url('../images/marketplace/mercantile/mercantile-hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    min-height: 650px;

    display: flex;
    align-items: center;
}

.mercantile-hero-content {
    max-width: 560px;

    padding: 2.5rem;

    background: rgba(255,255,255,.78);

    backdrop-filter: blur(6px);

    border-radius: 18px;

    box-shadow: 0 12px 30px rgba(0,0,0,.20);
}

/* ==================================================
   WELCOME
================================================== */

.mercantile-intro {
}


/* ==================================================
   CATEGORIES
================================================== */

.mercantile-categories {
}

.mercantile-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}


/* ==================================================
   FEATURED DESIGNS
================================================== */

.mercantile-featured {
}


/* ==================================================
   SHOP ONLINE
================================================== */

.mercantile-shop {
    text-align: center;
}


/* ==================================================
   CALLOUT
================================================== */

.mercantile-callout {
    text-align: center;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 768px) {

    .mercantile-category-grid {
        grid-template-columns: 1fr;
    }

}