:root {
    --ps-site-bg: #030719;
    --ps-site-bg-deep: #050b1d;
    --ps-site-bg-edge: #071025;
}

body:not(.single-product) {
    background-color: var(--ps-site-bg) !important;
    background-image:
        radial-gradient(circle at 16% 12%, rgba(79, 70, 229, 0.16), transparent 25%),
        radial-gradient(circle at 84% 28%, rgba(37, 99, 235, 0.12), transparent 28%),
        linear-gradient(180deg, var(--ps-site-bg), var(--ps-site-bg-deep) 72%, var(--ps-site-bg-edge)) !important;
    background-attachment: fixed !important;
}

body:not(.single-product) :is(
    .main-warp,
    .main-woo-div,
    main#content.container-bakala,
    #container,
    #primary.content-area,
    #primary.site-content
) {
    background-color: transparent !important;
}

@media (max-width: 768px), (prefers-reduced-motion: reduce) {
    body:not(.single-product) {
        background-attachment: scroll !important;
    }
}