.main-header {
    padding-top: 30px;
    background: #2E3A59;
}
@media (max-width: 834px) {
    .main-header {
        background: #000;
    }
}
.main-header::before {
    content: '';
    position: absolute;
    top: -30px;
    width: 100%;
    height: 90px;
    background: url('../images/newyear/garland.webp');
    background-position: top;
    background-repeat: repeat-x;
    pointer-events: none;
    z-index: 2;
}
@media (min-width: 835px) {
    .top-header-container {
        position: relative;
    }
    .top-header-container::before {
        content: '';
        position: absolute;
        top: -25px;
        right: 10rem;
        width: 35rem;
        height: 4rem;
        background: url('../images/newyear/balloons-top.webp');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
    }
    body .main-footer {
        background: url('../images/newyear/branch-1.webp'), url('../images/newyear/branch-2.webp'), url('../images/newyear/branch-3.webp');
        background-color: #FFD100;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: left 0 top 8rem , left 40rem bottom 0, right 0 top 4rem;
    }
}
.main-footer {
    padding-top: 45px;
    position: relative;
}
.main-footer::before {
    content: '';
    position: absolute;
    top: -45px;
    width: 100%;
    height: 90px;
    background: url('../images/newyear/garland.webp');
    background-position: top;
    background-repeat: repeat-x;
    pointer-events: none;
    z-index: 2;
}
@media (min-width: 835px) {
    .main-footer-logo {
        position: relative;
    }
    .main-footer-logo::before {
        content: '';
        position: absolute;
        top: -55px;
        left: 8rem;
        width: 70rem;
        height: 9.5rem;
        background: url('../images/newyear/balloons-bottom.webp');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
    }
}
@media (min-width: 835px) and (max-width: 1600px) {
    .catalog-sidebar-container {
        position: relative;
    }
    .catalog-sidebar-container::after {
        content: '';
        position: absolute;
        bottom: -15rem;
        left: -6rem;
        width: 15rem;
        height: 15rem;
        background: url('../images/newyear/branch-4.webp');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
    }
}