/* #graphic-page css */

#pricerule-main .container-center div {
    width: 530px;
}

#pricerule-main .container-center, #pricerule-main .container-sx div, #pricerule-main .container-dx div {
    height: 490px;
}

#pricerule-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/main/standard/center.jpg');
    background-size: 1110px 491px;
}

#pricerule-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/main/standard/sx.jpg');
    background-size: 3px 491px;
    background-position: right;
}

#pricerule-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/main/standard/dx.jpg');
    background-size: 3px 491px;
}


section.page-halloween #pricerule-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/halloween/promo/main/center.jpg') !important;
}

section.page-halloween #pricerule-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/halloween/promo/main/sx.jpg') !important;
}

section.page-halloween #pricerule-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/halloween/promo/main/dx.jpg') !important;
}

section.page-halloween #pricerules-title-subtitle {
    background: var(--vn-night);
    color: white;
}

section.page-halloween .arrow-custom .container-center {
    background-image: url('../../../images/frontend/graphic-pages/template/arrow-black-gray/desktop-center.png');
}

section.page-halloween .arrow-custom .container-sx div, section.page-halloween .arrow-custom .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/template/arrow-black-gray/desktop-sx-dx.png');
}


section.page-cybermonday #pricerule-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/cybermonday/promo/main/center.jpg') !important;
}

section.page-cybermonday #pricerule-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/cybermonday/promo/main/sx.jpg') !important;
}

section.page-cybermonday #pricerule-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/cybermonday/promo/main/dx.jpg') !important;
}


section.page-christmas #pricerule-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/christmas/promo/main/center.jpg') !important;
}

section.page-christmas #pricerule-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/christmas/promo/main/sx.jpg') !important;
    background-size: 3px 491px;
}

section.page-christmas #pricerule-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/christmas/promo/main/dx.jpg') !important;
    background-size: 3px 491px;
}


section.page-blackfridayweek #pricerule-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/blackfridayweek/promo/main/center.png') !important;
}

section.page-blackfridayweek #pricerule-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/blackfridayweek/promo/main/sx.png') !important;
}

section.page-blackfridayweek #pricerule-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/pricerules/blackfridayweek/promo/main/dx.png') !important;
}

@media screen and (max-width: 1280px) {

    #pricerule-main .banner-mobile img {
        content: url('../../../images/frontend/graphic-pages/pricerules/main/standard/mobile.jpg');
    }

    section.page-halloween #pricerule-main .banner-mobile img {
        content: url('../../../images/frontend/graphic-pages/pricerules/halloween/promo/main/mobile.jpg');
    }

    section.page-halloween #pricerule-main {
        background-color: var(--vn-night);
    }


    section.page-cybermonday #pricerule-main .banner-mobile img {
        content: url('../../../images/frontend/graphic-pages/pricerules/cybermonday/promo/main/mobile.jpg');
    }


    section.page-christmas #pricerule-main .banner-mobile img {
        content: url('../../../images/frontend/graphic-pages/pricerules/christmas/promo/main/mobile.jpg');
    }

    section.page-christmas #pricerule-main {
        background-color: var(--vn-oxford-blue) !important;
    }

    section.page-blackfridayweek #pricerule-main .banner-mobile img {
        content: url('../../../images/frontend/graphic-pages/pricerules/blackfridayweek/promo/main/mobile.jpg');
    }

    section.page-blackfridayweek #pricerule-main {
        background-color: var(--vn-wine) !important;
    }

    section.page-halloween .arrow-custom {
        content: url('../../../images/frontend/graphic-pages/template/arrow-black-gray/mobile-center.png');
    }

}