/* =====================================
   BISCUITER FULL HOMEPAGE COVER
   RAED THEME
   ===================================== */

[data-testid="store-home-fixed-banner"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* REMOVE RAED'S NORMAL CONTAINER WIDTH */
[data-testid="store-home-fixed-banner"] > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* FULL WIDTH CLICKABLE COVER */
[data-testid="store-home-fixed-banner"] .banner--fixed {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* PICTURE */
[data-testid="store-home-fixed-banner"] picture {
    display: block !important;
    width: 100% !important;
}


/* DESKTOP COVER */
[data-testid="store-home-fixed-banner"] img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    /* Makes it behave like a real cover page */
    height: calc(100vh - 150px) !important;

    min-height: 500px !important;
    max-height: 800px !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* MOBILE */
@media (max-width: 767px) {

    [data-testid="store-home-fixed-banner"] img {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        object-fit: contain !important;
    }

}