.page-shell {
    background:
        linear-gradient(180deg, rgba(245, 247, 242, .46) 0%, rgba(245, 247, 242, .62) 48%, rgba(245, 247, 242, .74) 100%),
        url('/img/backgound-light.png') center/cover fixed no-repeat,
        var(--page-bg) !important;
}

body[data-theme="dark"] .page-shell {
    background:
        linear-gradient(180deg, rgba(7, 19, 14, .34) 0%, rgba(7, 19, 14, .58) 52%, rgba(7, 19, 14, .76) 100%),
        url('/img/backgound.png') center/cover fixed no-repeat,
        #07130e !important;
}

.hero-section {
    background: transparent !important;
}

.category-strip {
    background: rgba(255, 255, 255, .78) !important;
}

.catalog-section {
    background: transparent !important;
}

body[data-theme="dark"] .category-strip {
    background: rgba(7, 19, 14, .72) !important;
}