@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

body {
  font-family: "Cabin", sans-serif;
}

.dashboards-0-page #main {
   background-color: #000 !important;
}

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

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

    /* STOREFRONT OVERRIDES */
    #main {
        background-color: #F9F9F9 !important;
    }

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

    .mallDashboard-0-page .callout-cat .inner {
        border-radius: 2px;
    }

    .mallDashboard-0-page .callout-cat .inner > .b-grey {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        background-color: #281432;
        border: 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 .callout-cat .inner span.button {
        background-color: #281432;
    }

    .mallDashboard-0-page .callout-cat .inner .span-arrow::after {
        border-color: #FFF;
    }

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

    .mallDashboard-0-page [data-widget-type="galleryCallout"] .featured-brand h2.cat {
        color: #000 !important;
        text-transform: uppercase;
        text-align: center;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 44px;
        letter-spacing: -0.72px;
        padding: 0;
        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: #000;
        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: 64px;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget .widget-head .title {
        padding: 0 0 8px;
        margin: 0 auto 12px !important;
        width: fit-content;
        font-size: 36px !important;
        font-weight: 400 !important;
        text-transform: uppercase !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;
        letter-spacing: 0.16px;
    }

    /* 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: 36px;
        font-weight: 600;
        line-height: 44px;
        letter-spacing: -0.72px;
    }

    .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: 28px;
        font-weight: 400;
        text-transform: uppercase;
        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: uppercase;
    }

    .mallDashboard-0-page .bic-flex-con-block-widget.card-count-4.layout-3 .card-content .card-details .title {
        position: absolute;
        bottom: 0;
        text-transform: uppercase;
        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;
        line-height: 44px;
        letter-spacing: -0.72px;
    }

    /* 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: uppercase;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        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: uppercase;
    }

    /* 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: #000;
    }

    /* galleryRecommendation */

    .mallDashboard-0-page [data-widget-type="galleryRecommendation"] {
        background-color: #F9F9F9 !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: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0;
        margin: 0 0 12px;
        text-transform: uppercase;
    }

    .mallDashboard-0-page [data-widget-type="galleryRecommendation"] h2.cat {
        color: #000 !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: #000;
        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: #000 !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;
    }