/* Shared content edges and section rhythm on the two home pages. */
main{--section-gap:20px;--section-gutter:32px;--section-inner-gap:24px}
:is(main,.campaign-backdrop)>section:is(#nyheter,#produkter,#lasbocker,#sa-handlar-du,#om,.stormvale-values,#nyhetsbrev){width:calc(100% - var(--section-gutter) * 2);max-width:1260px;margin:var(--section-gap) auto 0}
:is(main,.campaign-backdrop)>section#nyheter,:is(main,.campaign-backdrop)>section#produkter,:is(main,.campaign-backdrop)>section#lasbocker{padding:0}
:is(main,.campaign-backdrop)>section#nyheter{margin-top:0;position:relative;z-index:1}
#nyheter>.news-carousel{width:100%;max-width:none;margin:0}
:is(main,.campaign-backdrop)>section:is(#produkter,#lasbocker,#nyhetsbrev){width:100%;max-width:none}
:is(main,.campaign-backdrop)>section:is(#produkter,#lasbocker)>.section-heading{width:100%;margin:0 0 var(--section-inner-gap);padding-inline:max(var(--section-gutter),calc((100% - 1260px)/2))}
:is(main,.campaign-backdrop)>section#produkter>.products,:is(main,.campaign-backdrop)>section#lasbocker>.reading-products{width:calc(100% - var(--section-gutter) * 2);max-width:1260px;padding:0;margin:0 auto}
:is(main,.campaign-backdrop)>section#lasbocker>.reading-intro{width:calc(100% - var(--section-gutter) * 2);max-width:1260px;margin:0 auto 24px}
:is(main,.campaign-backdrop)>section#nyhetsbrev{border-radius:0}
@media(max-width:720px){
 main{--section-gap:16px;--section-gutter:16px;--section-inner-gap:16px}
 :is(main,.campaign-backdrop)>section#nyheter{margin-top:0}
 :is(main,.campaign-backdrop)>section:is(#produkter,#lasbocker)>.section-heading{padding-inline:22px}
 :is(main,.campaign-backdrop)>section#lasbocker>.reading-intro{margin-bottom:16px}
}

main>.hero.billboard{--fade-depth:100px;margin-bottom:0}
@media(max-width:720px){main>.hero.billboard{--fade-depth:56px}}
@media(max-width:380px){main{--section-gap:12px;--section-inner-gap:14px}main>.hero.billboard{--fade-depth:40px}}

/* Match the Amazon campaign's subtle corners across promotional panels. */
:is(main,.campaign-backdrop)>section#om,:is(main,.campaign-backdrop)>section.stormvale-values,#nyheter>.news-carousel{border-radius:6px}

/* Full-width night-sky backdrop joins the hero to the colouring-book heading. */
:is(main,.campaign-backdrop)>section#nyheter{isolation:isolate}
#nyheter::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-120px;bottom:calc(-1 * var(--section-gap));left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 8% 40%,#68538b66,transparent 48%),radial-gradient(ellipse at 94% 70%,#328c9066,transparent 46%),radial-gradient(ellipse at 52% 100%,#3c386155,transparent 65%),linear-gradient(155deg,#17182e,#18283c 65%,#183c43);mask-image:linear-gradient(to bottom,transparent,#000 120px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 120px)}
#nyheter::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(circle at 5% 22%,#ffe1aa88 0 1px,transparent 2px),radial-gradient(circle at 94% 30%,#ffe1aa66 0 1px,transparent 2px),radial-gradient(circle at 8% 77%,#ffe1aa55 0 1px,transparent 2px),radial-gradient(circle at 97% 85%,#b5dce177 0 1px,transparent 2px)}
#nyheter>.news-carousel{box-shadow:0 18px 55px #070d242e}

/* Continuous backdrop behind the three promotional sections. */
:is(main,.campaign-backdrop)>section:is(#sa-handlar-du,#om,.stormvale-values){box-shadow:0 0 0 100vmax #102c35;outline:2px solid #102c35;outline-offset:-1px;clip-path:inset(calc(-1 * var(--section-gap)) -100vmax)}
/* Repeat the news section's night-sky palette behind the lower campaigns. */
.campaign-backdrop{display:flow-root;margin-top:var(--section-gap);padding:0 0 var(--section-gap);background:radial-gradient(ellipse at 8% 40%,#68538b66,transparent 48%),radial-gradient(ellipse at 94% 70%,#328c9066,transparent 46%),radial-gradient(ellipse at 52% 100%,#3c386155,transparent 65%),linear-gradient(155deg,#17182e,#18283c 65%,#183c43)}
.campaign-backdrop>section:is(#sa-handlar-du,#om,.stormvale-values){box-shadow:none;outline:none;clip-path:none}
:is(main,.campaign-backdrop)>section#sa-handlar-du{margin-top:0}
.campaign-backdrop+section#nyhetsbrev{margin-top:0}
#stormvale-information>.section-heading{margin:0 0 var(--section-gap);padding-inline:max(var(--section-gutter),calc((100% - 1260px)/2))}@media(max-width:720px){#stormvale-information>.section-heading{padding-inline:22px}}