body.stowly-is-static-page {
background: var(--stowly-color-page);
}
body.stowly-is-static-page .site-content,
body.stowly-is-static-page #primary,
body.stowly-is-static-page .ast-container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
body.stowly-is-static-page .ast-article-single,
body.stowly-is-static-page .ast-article-post {
background: transparent;
padding: 0;
margin: 0;
border: 0;
}
body.stowly-is-static-page .entry-header,
body.stowly-is-static-page .entry-content {
max-width: none;
}
body.stowly-is-static-page .post-navigation,
body.stowly-is-static-page .comments-area,
body.stowly-is-static-page .ast-author-details,
body.stowly-is-static-page .ast-single-post-navigation-wrap {
display: none;
} body.stowly-is-static-page .entry-header {
position: relative;
padding: clamp(48px, 8vw, 96px) 24px clamp(40px, 6vw, 72px);
margin: 0 0 clamp(32px, 5vw, 56px);
text-align: center;
background: var(--stowly-color-primary-soft);
border-bottom: 1px solid var(--stowly-color-line);
overflow: hidden;
}
body.stowly-is-static-page .entry-header::after {
content: "";
position: absolute;
inset: auto 0 -1px 0;
height: 1px;
background: var(--stowly-color-line-strong);
}
body.stowly-is-static-page .entry-header > * {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
body.stowly-is-static-page .entry-title {
font-size: clamp(2rem, 4.5vw, 3.25rem);
font-weight: 800;
letter-spacing: -0.025em;
line-height: 1.1;
margin: 0;
color: var(--stowly-color-ink);
}
body.stowly-is-static-page .entry-meta,
body.stowly-is-static-page .ast-post-format- .post-thumb-img-content {
display: none;
} body.stowly-is-static-page .entry-content {
max-width: 740px;
margin: 0 auto;
padding: 0 24px clamp(64px, 8vw, 120px);
font-size: 17px;
line-height: 1.75;
color: var(--stowly-color-ink);
}
body.stowly-is-static-page .entry-content > * {
margin-left: 0;
margin-right: 0;
}
body.stowly-is-static-page .entry-content p,
body.stowly-is-static-page .entry-content li {
font-size: 17px;
line-height: 1.75;
color: var(--stowly-color-ink);
}
body.stowly-is-static-page .entry-content p {
margin: 0 0 20px;
} body.stowly-is-static-page .entry-content > p:first-of-type {
font-size: 19px;
line-height: 1.65;
color: var(--stowly-color-ink-soft);
margin-bottom: 40px;
} body.stowly-is-static-page .entry-content h2 {
font-size: clamp(22px, 2.4vw, 28px);
font-weight: 700;
letter-spacing: -0.015em;
margin: 56px 0 20px;
padding-top: 40px;
border-top: 1px solid var(--stowly-color-line);
color: var(--stowly-color-ink);
}
body.stowly-is-static-page .entry-content h2:first-child {
padding-top: 0;
border-top: 0;
margin-top: 0;
}
body.stowly-is-static-page .entry-content h3 {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.01em;
margin: 40px 0 12px;
color: var(--stowly-color-ink);
}
body.stowly-is-static-page .entry-content h3:first-child {
margin-top: 0;
}
body.stowly-is-static-page .entry-content h4 {
font-size: 17px;
font-weight: 700;
margin: 28px 0 10px;
} body.stowly-is-static-page .entry-content a {
color: var(--stowly-color-primary);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color var(--stowly-transition);
}
body.stowly-is-static-page .entry-content a:hover {
color: var(--stowly-color-primary-hover);
text-decoration-thickness: 2px;
} body.stowly-is-static-page .entry-content ul,
body.stowly-is-static-page .entry-content ol {
margin: 0 0 24px;
padding-left: 22px;
}
body.stowly-is-static-page .entry-content ul li,
body.stowly-is-static-page .entry-content ol li {
margin-bottom: 8px;
}
body.stowly-is-static-page .entry-content ul {
list-style: none;
padding-left: 0;
}
body.stowly-is-static-page .entry-content ul > li {
position: relative;
padding-left: 26px;
}
body.stowly-is-static-page .entry-content ul > li::before {
content: "";
position: absolute;
left: 4px;
top: 12px;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--stowly-color-primary);
} body.stowly-is-static-page .entry-content strong {
font-weight: 700;
color: var(--stowly-color-ink);
} body.stowly-is-static-page .entry-content > p:first-of-type > em:only-child {
display: block;
font-style: normal;
font-size: 14px;
line-height: 1.55;
color: var(--stowly-color-warning);
background: var(--stowly-color-warning-soft);
border: 1px solid #f3e4b5;
border-left: 3px solid var(--stowly-color-warning);
border-radius: var(--stowly-radius-sm);
padding: 14px 18px;
}
body.stowly-is-static-page .entry-content > p:first-of-type:has(> em:only-child) {
font-size: inherit;
color: inherit;
margin-bottom: 32px;
} body.stowly-is-static-page .entry-content blockquote {
margin: 32px 0;
padding: 20px 24px;
border-left: 3px solid var(--stowly-color-primary);
background: var(--stowly-color-surface-soft);
border-radius: 0 var(--stowly-radius-md) var(--stowly-radius-md) 0;
font-size: 17px;
color: var(--stowly-color-ink);
}
body.stowly-is-static-page .entry-content blockquote p:last-child {
margin-bottom: 0;
} body.stowly-is-static-page .entry-content hr {
border: 0;
height: 1px;
background: var(--stowly-color-line);
margin: 48px 0;
}  body.page-hjaelp .entry-content h3 {
font-size: 18px;
font-weight: 700;
background: var(--stowly-color-surface);
border: 1px solid var(--stowly-color-line);
border-radius: var(--stowly-radius-md) var(--stowly-radius-md) 0 0;
padding: 18px 22px;
margin: 16px 0 0;
position: relative;
padding-left: 52px;
color: var(--stowly-color-ink);
}
body.page-hjaelp .entry-content h3::before {
content: "?";
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--stowly-color-primary);
color: #fff;
font-size: 14px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
body.page-hjaelp .entry-content h3 + p {
margin: 0 0 0;
padding: 18px 22px 22px;
background: #fff;
border: 1px solid var(--stowly-color-line);
border-top: 0;
border-radius: 0 0 var(--stowly-radius-md) var(--stowly-radius-md);
color: var(--stowly-color-ink-soft);
font-size: 16px;
line-height: 1.7;
box-shadow: var(--stowly-shadow-xs);
} body.page-hjaelp .entry-content h3:not(:first-child) {
margin-top: 20px;
} body.page-hjaelp .entry-content > p:first-of-type {
margin-bottom: 32px;
} body.page-handelsbetingelser .entry-content h3,
body.page-privatlivspolitik .entry-content h3,
body.page-cookies .entry-content h3 {
font-size: 20px;
padding-top: 28px;
margin-top: 28px;
border-top: 1px solid var(--stowly-color-line);
color: var(--stowly-color-ink);
}
body.page-handelsbetingelser .entry-content h3:first-of-type,
body.page-privatlivspolitik .entry-content h3:first-of-type,
body.page-cookies .entry-content h3:first-of-type {
border-top: 0;
padding-top: 0;
margin-top: 32px;
} body.page-om-os .entry-content h2 {
text-align: left;
font-size: clamp(24px, 2.6vw, 30px);
}
body.page-om-os .entry-content h2:first-of-type {
text-align: center;
padding-top: 0;
border-top: 0;
margin-top: 0;
margin-bottom: 28px;
} .stowly-static-cta {
margin: clamp(56px, 7vw, 80px) 0 0;
padding: clamp(32px, 4vw, 44px) clamp(28px, 3vw, 40px);
background: var(--stowly-color-surface-soft);
border: 1px solid var(--stowly-color-line);
border-radius: var(--stowly-radius-lg);
text-align: center;
box-shadow: var(--stowly-shadow-sm); display: flex;
flex-direction: column;
align-items: center;
float: none;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.stowly-static-cta__title,
.stowly-static-cta__text,
.stowly-static-cta__actions {
width: 100%;
max-width: 32rem;
box-sizing: border-box;
}
.stowly-static-cta__title {
font-size: clamp(20px, 2.2vw, 24px);
font-weight: 700;
letter-spacing: -0.015em;
color: var(--stowly-color-ink);
margin: 0 auto 10px;
line-height: 1.25;
}
.stowly-static-cta__text {
font-size: 16px;
color: var(--stowly-color-ink-soft);
line-height: 1.6;
margin: 0 auto 24px;
}
.stowly-static-cta__actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin: 0 auto;
}
.stowly-static-cta__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 22px;
border-radius: var(--stowly-radius-pill);
font-weight: 600;
font-size: 15px;
text-decoration: none !important;
transition: transform var(--stowly-transition), box-shadow var(--stowly-transition), background var(--stowly-transition);
}
.stowly-static-cta__btn--primary {
background: var(--stowly-color-primary);
color: #fff !important;
box-shadow: var(--stowly-shadow-sm);
}
.stowly-static-cta__btn--primary:hover {
background: var(--stowly-color-primary-hover) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: var(--stowly-shadow-md);
}
.stowly-static-cta__btn--ghost {
background: var(--stowly-color-surface);
color: var(--stowly-color-ink) !important;
border: 1px solid var(--stowly-color-line-strong);
}
.stowly-static-cta__btn--ghost:hover {
background: var(--stowly-color-surface-soft) !important;
color: var(--stowly-color-ink) !important;
border-color: var(--stowly-color-ink);
transform: translateY(-1px);
} @media (max-width: 720px) {
body.stowly-is-static-page .entry-header {
padding: 56px 20px 40px;
}
body.stowly-is-static-page .entry-content {
padding-left: 20px;
padding-right: 20px;
}
body.stowly-is-static-page .entry-content p,
body.stowly-is-static-page .entry-content li {
font-size: 16px;
}
body.stowly-is-static-page .entry-content > p:first-of-type {
font-size: 17px;
}
body.page-hjaelp .entry-content h3 {
font-size: 16px;
padding: 16px 18px 16px 46px;
}
body.page-hjaelp .entry-content h3::before {
left: 14px;
width: 22px;
height: 22px;
font-size: 13px;
}
body.page-hjaelp .entry-content h3 + p {
padding: 16px 18px 20px;
font-size: 15px;
}
}