@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
   font-family: "DM Sans", sans-serif !important;
}

#app #main {
   padding-bottom: 0 !important;
}

#main .layout-cpnt {
     margin-bottom: 0 !important;
}


    .mallDashboard-0-page .mega-menu-container {
        background-color: #3D50C4 !important;
    }

    .mallDashboard-0-page .desktop-nav {
        background-color: #3D50C4 !important;
    }

    .mallDashboard-0-page .shop-hamburger i, .mallDashboard-0-page .shop-hamburger span,
    .mallDashboard-0-page .point-count span, .mallDashboard-0-page .point-count .num, .mallDashboard-0-page button.customSelect {
        color: #FFFFFF !important;
    }

    .styledSelect.chevron:after, .customSelect .collapsible-trigger.chevron:after {
        color: #FFFFFF !important;
    }

    .mallDashboard-0-page .shop-hamburger {
        border-color:#FFFFFF !important;
    }

    .mallDashboard-0-page .input-search .form-control, .mallDashboard-0-page .customSelect {
        border-color: #FFFFFF !important;
    }

    /* STOREFRONT OVERRIDES */

    .mallDashboard-0-page .bic-flex-con-block-widget {
        font-family: 'DM Sans', sans-serif !important;
    }

    #main {
        background-color: #F9F9F9 !important;
    }

    .cline.b-grey {
        display: none;
    }

    .mallDashboard-0-page .callout-cat .inner p {
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
    }

    .mallDashboard-0-page [data-widget-id="15748"] h2.cat {
        display: none;
    }

    .mallDashboard-0-page [data-widget-type="galleryCallout"] .mwA {
        max-width: 1500px;
        padding-bottom: 0;
    }

    .mallDashboard-0-page [data-widget-id="15748"] .mwA {
        margin: 80px auto;
    }

    .mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand {
        background-color: #3D50C4 !important;
        padding: 80px 0 !important;
    }

    .mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand h2.cat {
        color: #FFF !important;
        text-transform: capitalize;
        text-align: center;
        font-size: 30px;
        font-style: normal;
        font-weight: 900;
        line-height: 38px;
        padding: 0;
        letter-spacing: normal;
        margin: 0 0 12px;
    }

    .mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand ul.widget-container-col {
        padding-top: 40px !important;
    }

    .mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand ul.widget-container-col::before {
        content: "Explore the fantastic range of merchandise from leading brands! Members can redeem their points for special offers on premium products.";
        position: absolute;
        top: 135px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        width: 95%;
        text-wrap: wrap;
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0.16px;
    }

    @media (max-width: 992px) {
        .mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand ul.widget-container-col {
            padding-top: 100px !important;
        }
    }

    /* widget-head */

    .mallDashboard-0-page .bic-flex-con-block-widget .widget-head {
        margin-bottom: 40px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget .widget-head .title {
        padding: 0;
        font-family: 'DM Sans', sans-serif;
        margin: 0 auto 8px !important;
        width: fit-content;
        font-size: 30px !important;
        font-weight: 900 !important;
        line-height: 38px;
        text-transform: capitalize !important;
    }

    .mallDashboard-0-page [data-widget-id="2033"] .bic-flex-con-block-widget .widget-head .title {
        padding-bottom: 8px;
        margin: 0 auto 16px !important;
        width: fit-content;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget .widget-head .description {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        font-family: 'DM Sans', sans-serif;
    }

    /* card-count-1 */

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-6 .card-1 .card-content {
        padding: 0 !important;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-6 .card-1 .card-content .title {
        font-size: 30px;
        font-weight: 900;
        line-height: 38px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-6 .card-1 .card-content .description {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    /* card-count-2 */

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-2.layout-2 .card-content .card-details {
        position: absolute;
        bottom: 0;
        padding: 0 0 32px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-2.layout-2 .card-content .card-details .title {
        font-size: 30px;
        font-weight: 900;
        line-height: 38px;
        text-transform: capitalize;
        margin-bottom: 12px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-2.layout-2 .card-content .card-details .description {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    /* card-count-3 / card-count-4 */

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-3.layout-1 .card-content .card-details,
    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 .card-content .title {
        width: 100% !important;
        position: relative;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-3 .card-content .card-details {
        width: 100% !important;
        position: relative;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-1.layout-3 .card-1 .card-content .title {
        text-transform: capitalize;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-3 .card-content .card-details .title {
        position: absolute;
        bottom: 0;
        text-transform: capitalize;
        font-size: 24px;
        line-height: 32px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 {
        background-image: none !important;
        background-color: #FFF !important;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 .widget-head .title {
        text-align: center !important;
        font-style: normal;
    }

    /* VERIFY: was Barlow 30px/700 in YOS storefront vs Barlow Semi Condensed 28px/400 uppercase in Points storefront — confirm which applies */
    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-1 :is(.card-1, .card-2, .card-3, .card-4) .card-content .title {
        text-transform: capitalize;
        font-size: 24px;
        font-style: normal;
        font-weight: 900;
        padding: 0 0 24px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget:is(.card-count-3.layout-1, .card-count-4.layout-1) :is(.card-1, .card-2, .card-3, .card-4) .card-content .title {
        position: absolute;
        bottom: 0;
        text-transform: capitalize;
    }

    /* brand store */

    .mallDashboard-0-page [data-widget-id="15747"] {
        background-color: #FFF;
    }

    .mallDashboard-0-page .brand-store-container a.store {
        flex-direction: column-reverse !important;
    }

    .mallDashboard-0-page .brand-store-container .store-wrapper h2 {
        margin: 16px 0 0 !important;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        color: #191919;
    }

    /* galleryRecommendation */

    .mallDashboard-0-page [data-widget-type="galleryRecommendation"] {
        background-color: #F9FAFB !important;
        padding: 90px 0 !important;
    }

    .mallDashboard-0-page [data-widget-type="galleryRecommendation"] .mwA {
        max-width: 1500px;
        padding-bottom: 0;
    }

    :is(.mallDashboard-0-page) [data-widget-type="galleryRecommendation"] h2.cat {
        color: #FFF !important;
        text-align: center;
        font-size: 30px;
        font-style: normal;
        font-weight: 900;
        line-height: 38px;
        padding: 0;
        margin: 0 0 12px;
        text-transform: capitalize;
    }

    .mallDashboard-0-page [data-widget-type="galleryRecommendation"] h2.cat {
        color: #191919 !important;
    }

    :is(.mallDashboard-0-page) [data-widget-type="galleryRecommendation"] ul.rewards-for-you {
        position: relative;
        padding-top: 40px !important;
    }

    :is(.mallDashboard-0-page) [data-widget-type="galleryRecommendation"] ul.rewards-for-you::before {
        content: "Don't miss our awesome lineup of top-selling featured products!";
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        color: #191919;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0.16px;
    }

    .mallDashboard-0-page [data-widget-type="galleryRecommendation"] ul.rewards-for-you::before {
        color: #191919 !important;
    }

    :is(.mallDashboard-0-page) .rewards-for-you .product-box {
        border-radius: 8px;
    }

    :is(.mallDashboard-0-page) .rewards-for-you .product-box .rewards-for-you .product-title {
        color: #1D2939;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.56px;
    }