/* =========================================================
   BOUTIQUE — PREMIUM CONTENT WIDTH
   ========================================================= */

/* ---------------------------------------------------------
   STANDARD CONTENT CONTAINER
   --------------------------------------------------------- */

body.fashionstore-template-boutique .container {
    width: calc(100% - 40px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   MAIN CONTENT
   --------------------------------------------------------- */

body.fashionstore-template-boutique main {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


/* ---------------------------------------------------------
   HOMEPAGE SECTIONS
   Hero tetap full width.
   Konten section lainnya dibatasi 1180px.
   --------------------------------------------------------- */

body.fashionstore-template-boutique
.categories-section.container,

body.fashionstore-template-boutique
.home-products-section.container,

body.fashionstore-template-boutique
.features-section.container,

body.fashionstore-template-boutique
.newsletter-section.container,

body.fashionstore-template-boutique
.marketplace-section.container {
    width: calc(100% - 40px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   COLLECTION BANNER
   Tetap full width.
   --------------------------------------------------------- */

body.fashionstore-template-boutique
.home-collection-banner {
    width: 100%;
    max-width: 100%;
}


/* ---------------------------------------------------------
   NEWS
   --------------------------------------------------------- */

body.fashionstore-template-boutique
.home-news-section .container {
    width: calc(100% - 40px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   WOOCOMMERCE / SHOP
   --------------------------------------------------------- */

body.fashionstore-template-boutique
.woocommerce,

body.fashionstore-template-boutique
.woocommerce-page {
    width: calc(100% - 40px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   NORMAL PAGE CONTENT
   Contact / Support / halaman biasa
   --------------------------------------------------------- */

body.fashionstore-template-boutique
.site-main > .container,

body.fashionstore-template-boutique
main > .container {
    width: calc(100% - 40px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 768px) {

    body.fashionstore-template-boutique .container,

    body.fashionstore-template-boutique
    .categories-section.container,

    body.fashionstore-template-boutique
    .home-products-section.container,

    body.fashionstore-template-boutique
    .features-section.container,

    body.fashionstore-template-boutique
    .newsletter-section.container,

    body.fashionstore-template-boutique
    .marketplace-section.container,

    body.fashionstore-template-boutique
    .home-news-section .container,

    body.fashionstore-template-boutique
    .woocommerce,

    body.fashionstore-template-boutique
    .woocommerce-page,

    body.fashionstore-template-boutique
    .site-main > .container,

    body.fashionstore-template-boutique
    main > .container {
        width: calc(100% - 30px) !important;
        max-width: none !important;
    }

}


/* ---------------------------------------------------------
   BOUTIQUE — COLLECTION MOBILE
   --------------------------------------------------------- */

@media (max-width: 992px) {

    body.fashionstore-template-boutique
    .home-collection-banner-content {
        padding: 40px;
        max-width: 58%;
    }

}


@media (max-width: 768px) {

    body.fashionstore-template-boutique
    .home-collection-banner {
        padding-top: 20px;
    }

    body.fashionstore-template-boutique
    .home-collection-banner-inner {
        min-height: 360px;
        background-position: center;
    }

    body.fashionstore-template-boutique
    .home-collection-banner-overlay {
        background: linear-gradient(
            90deg,
            rgba(247, 237, 230, 0.96) 0%,
            rgba(247, 237, 230, 0.82) 62%,
            rgba(247, 237, 230, 0.25) 100%
        );
    }

    body.fashionstore-template-boutique
    .home-collection-banner-content {
        max-width: 75%;
        padding: 32px 24px;
    }

    body.fashionstore-template-boutique
    .home-collection-banner-content h2 {
        font-size: 2rem;
    }

    body.fashionstore-template-boutique
    .home-collection-banner-content p {
        font-size: 0.9rem;
    }

}


@media (max-width: 480px) {

    body.fashionstore-template-boutique
    .home-collection-banner-inner {
        min-height: 330px;
    }

    body.fashionstore-template-boutique
    .home-collection-banner-content {
        max-width: 100%;
        padding: 32px 20px;
    }

    body.fashionstore-template-boutique
    .home-collection-banner-overlay {
        background: rgba(247, 237, 230, 0.84);
    }

}

/* =========================================================
   BOUTIQUE — HOME CATEGORY
   PREMIUM 5 + 2 GRID
   ========================================================= */

body.fashionstore-template-boutique .categories-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Area pembungkus kategori */
body.fashionstore-template-boutique
.categories-section .category-grid {
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 26px !important;
}

/* Ukuran kartu */
body.fashionstore-template-boutique
.categories-section .category-card {
    width: 100% !important;
    min-height: 170px !important;
    box-sizing: border-box;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    body.fashionstore-template-boutique
    .categories-section .category-grid {
        max-width: 900px !important;
        gap: 20px !important;
    }

}


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

@media (max-width: 700px) {

    body.fashionstore-template-boutique
    .categories-section .category-grid {
        width: calc(100% - 30px) !important;
        max-width: none !important;

        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    body.fashionstore-template-boutique
    .categories-section .category-card {
        min-height: 150px !important;
    }

}