.op-christmax  .editable .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .op-christmax-gifts .card-mxm--content {
    display: flex;
    position: relative;
}
.op-christmax .editable .op-christmax-gifts .card-mxm--icon-bt {
    top: -28px;
}
.op-christmax.merchant .op-christmax-gifts .card-mxm--icon-bt {
    top: -18px;
}
.op-christmax.merchant .content-block {
    margin-top: -2.813rem;
}
.op-christmax .banner-top {
    height: 90vh;
}
.op-christmax .banner-top .christmax-box {
    text-align: center;
}
.op-christmax .cms-page {
    margin-bottom: 0;
}
.op-christmax .shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.op-christmax .nav-link,
.op-christmax .btn-primary,
.op-christmax .christmax-miles {
    font-family: "nitti-mostro-stripes", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 1.5rem;
}
.op-christmax .header {
    margin-bottom: 0;
}
.op-christmax .title-nav-christmax {
    text-align: center;
}
.op-christmax .title-nav-christmax .christmax-logo {
    width: 70%;
    margin-top: 2rem;
}
.op-christmax #edito-christmax {
    width: 100vw;
    margin-top: -5rem;
    background-image: url(../images/op/noel/2024/header-bckg.png);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.op-christmax.merchant #edito-christmax {
    height: 85vh;
    min-height: auto;
}
.op-christmax #nav-christmax {
    background-color: #BA222D;
    width: 90%;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all .2s ease-out;
}
.op-christmax #nav-christmax .nav-link {
    color: #FFF;
}
.op-christmax #nav-christmax .nav-link:hover,
.op-christmax #nav-christmax .nav-link:active {
    color: #FACA0E;
}
.op-christmax #gourmands,
.op-christmax #mode,
.op-christmax #petits,
.op-christmax #her,
.op-christmax #beauty,
.op-christmax #travel {
    background-color: #FECC00;
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-image: url(../images/op/noel/2024/cat-bckg-gourmand.png);
}
.op-christmax #gameurs,
.op-christmax #sportifs,
.op-christmax #vagabonds,
.op-christmax #him,
.op-christmax #home {
    background-color: #231638;
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-image: url(../images/op/noel/2024/cat-bckg-gamers.png);
}
.op-christmax #mangas,
.op-christmax #culture,
.op-christmax #little,
.op-christmax #high-tech {
    background-color: #BA222E;
    background-repeat: repeat-x;
    background-position: 50% 0;
    background-image: url(../images/op/noel/2024/cat-bckg-fan.png);
}
.op-christmax .her,
.op-christmax .beauty,
.op-christmax .travel {
    background-color: #FECC00;
}
.op-christmax .him,
.op-christmax .home {
    background-color: #231638;
}
.op-christmax .little,
.op-christmax .high-tech  {
    background-color: #BA222E;
}
.op-christmax .btn {
    width: 100%;
    color: #fff;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.op-christmax .btn:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.op-christmax #gourmands .btn,
.op-christmax #mode .btn,
.op-christmax #petits .btn,
.op-christmax #her .btn,
.op-christmax #beauty .btn,
.op-christmax #travel .btn {
    background-image: linear-gradient(to right, #ce9b01, #deab01, #eebc00);
}
.op-christmax #gameurs .btn,
.op-christmax #sportifs .btn,
.op-christmax #vagabonds .btn,
.op-christmax #him .btn,
.op-christmax #home .btn {
    background-image: linear-gradient(to right, #583662, #462b54, #352146);
}
.op-christmax #mangas .btn,
.op-christmax #culture .btn,
.op-christmax #little .btn,
.op-christmax #high-tech .btn {
    background-image: linear-gradient(to right, #801d25, #9d202a, #ac212c);
}
.op-christmax .op-christmax-gifts .card-mxm--content {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1rem;
}
.op-christmax .has-hover-effect:hover .card-mxm--content {
    display:flex;
}
.op-christmax .card-mxm--icon-bt span:first-child {
    padding-top: 0;
}
.op-christmax .op-christmax-gifts .card-mxm--icon-bt {
    left: 50%;
    top: 50%;
    transform: translate(-50%, 50%);
    width: auto;
    height: inherit;
    margin-top: 0;
}
.op-christmax .has-hover-effect:hover .card-mxm--icon-bt {
    animation: none;
}
.op-christmax .op-christmax-gifts.card-mxm {
    border-color: #FECC00;
    transition: all .7s ease-out;
}
.op-christmax #gameurs .op-christmax-gifts.card-mxm,
.op-christmax #sportifs .op-christmax-gifts.card-mxm,
.op-christmax #vagabonds .op-christmax-gifts.card-mxm,
.op-christmax #him .op-christmax-gifts.card-mxm,
.op-christmax #home .op-christmax-gifts.card-mxm,
.op-christmax .him .op-christmax-gifts.card-mxm,
.op-christmax .home .op-christmax-gifts.card-mxm {
    border-color: #231638;
}
.op-christmax #mangas .op-christmax-gifts.card-mxm,
.op-christmax #culture .op-christmax-gifts.card-mxm,
.op-christmax #little .op-christmax-gifts.card-mxm,
.op-christmax #high-tech .op-christmax-gifts.card-mxm,
.op-christmax .little .op-christmax-gifts.card-mxm,
.op-christmax .high-tech .op-christmax-gifts.card-mxm  {
    border-color: #BA222E;
}
.op-christmax .op-christmax-gifts.card-mxm:hover {
    border-color: #fff!important;
}
.op-christmax .op-christmax-gifts .card-mxm--content:hover {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.op-christmax .op-christmax-gifts .card-mxm--mini-title {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
}
.op-christmax.merchant .op-christmax-gifts .card-mxm--mini-title {
    margin-top: 1.25rem;
    text-align: left;
}
.op-christmax .op-christmax-gifts .christmax-miles {
    text-align: center;
    font-size: 1.25rem;
}
.op-christmax .op-christmax-gifts .card-mxm--hover-effect {
    opacity: 0.9;
}
.op-christmax #gourmands .op-christmax-gifts .christmax-miles,
.op-christmax #petits .op-christmax-gifts .christmax-miles {
    color: #BA222E;
}
.op-christmax #mode .op-christmax-gifts .christmax-miles {
    color: #231638;
}
.op-christmax #gourmands .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #mode .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #petits .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #her .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #beauty .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #travel .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .her .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .beauty .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .travel .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax.merchant #her .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant #beauty .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant #travel .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .her .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .beauty .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .travel .op-christmax-gifts .card-mxm--content {
    background-color: #CE9B01;
    transition: all .7s ease-out;
}
.op-christmax #gameurs .op-christmax-gifts .christmax-miles,
.op-christmax #sportifs .op-christmax-gifts .christmax-miles {
    color: #FFDA40;
}
.op-christmax #vagabonds .op-christmax-gifts .christmax-miles {
    color: #84C2A2;
}
.op-christmax #gameurs .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #sportifs .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #vagabonds .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #him .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #home .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .him .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .home .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax.merchant #him .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant #home .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .him .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .home .op-christmax-gifts .card-mxm--content  {
    background-color: #583662;
    transition: all .7s ease-out;
}
.op-christmax #culture .op-christmax-gifts .christmax-miles {
    color: #FFC844;
}
.op-christmax #mangas .op-christmax-gifts .christmax-miles,
.op-christmax.merchant .op-christmax-gifts .card-mxm--content {
    color: #FFF;
}
.op-christmax #mangas .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #culture .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #little .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax #high-tech .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .little .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax .high-tech .op-christmax-gifts .card-mxm--hover-effect,
.op-christmax.merchant #little .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant #high-tech .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .little .op-christmax-gifts .card-mxm--content,
.op-christmax.merchant .high-tech .op-christmax-gifts .card-mxm--content {
    background-color: #801D25;
    transition: all .7s ease-out;
}
.op-christmax.merchant .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #her .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #beauty .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #travel .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #him .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #home .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #little .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #high-tech .op-christmax-gifts .christmax-miles {
    background-color: #FECC00;
    padding: .250rem .125rem;
    font-size: 1.125rem;
    line-height: normal;
    color: #FFF;
}
.op-christmax.merchant #him .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #home .op-christmax-gifts .christmax-miles,
.op-christmax.merchant .him .op-christmax-gifts .christmax-miles,
.op-christmax.merchant .home .op-christmax-gifts .christmax-miles {
    background-color: #231638;
}
.op-christmax.merchant #little .op-christmax-gifts .christmax-miles,
.op-christmax.merchant #high-tech .op-christmax-gifts .christmax-miles,
.op-christmax.merchant .little .op-christmax-gifts .christmax-miles,
.op-christmax.merchant .high-tech .op-christmax-gifts .christmax-miles {
    background-color: #BA222E;
}
@media (min-width: 768px) {
    .op-christmax .btn {
        width: 30%;
    }
    .op-christmax .fixed-top {
        position: sticky;
        top: 0;
        z-index: 1030;
    }
    .op-christmax #nav-christmax.active,
    .op-christmax.merchant #nav-christmax.active {
        top: 0;
    }
    .op-christmax.merchant #nav-christmax {
        top: 170px;
    }
    .op-christmax.merchant .title-nav-christmax .christmax-logo,
    .op-christmax .title-nav-christmax .christmax-logo {
        width: auto;
        margin-top: 4rem;
    }
    .op-christmax .banner-top {
        height: 80vh;
    }
    .op-christmax.merchant #edito-christmax {
        height: 50vh;
        min-height: auto;
    }
}
@media (min-width: 992px) {
    .op-christmax.merchant #edito-christmax {
        height: 280px;
        min-height: 280px;
    }
    .op-christmax.merchant .content-block {
        margin-top: initial;
    }
    .op-christmax .banner-top .christmax-box {
        max-width: 75% !important;
        /*margin-top: -1.25rem;*/
    }
}
@media (min-width: 1200px) {
    .op-christmax #nav-christmax {
        max-width: 1100px;
    }
    .op-christmax .banner-top {
        height: 88vh;
    }
}