/* A centred content canvas: wider monitors add margins instead of enlarging the interface. */
:root{--svh-content-width:1280px}
@media(min-width:1200px){
html{font-size:16px!important}body{font-size:16px!important}
header .header__container{width:100%!important;max-width:var(--svh-content-width)!important;margin-inline:auto!important;padding-inline:16px!important}
header .header__content-inner{gap:16px!important}
#svh-exact-menu{gap:8px!important}
#svh-exact-menu>.svh-menu__item>.svh-menu__link{font-size:14px!important;padding-right:20px!important}
.container,.product-main__container,.home-photo-hero-inner,.region-wrap{width:100%!important;max-width:var(--svh-content-width)!important;margin-inline:auto!important;box-sizing:border-box!important;padding-left:24px!important;padding-right:24px!important}
main.home-main{width:100%!important;max-width:var(--svh-content-width)!important;padding-inline:24px!important;margin-inline:auto!important;box-sizing:border-box!important}
.haarlem-section,.footer-top-row,.footer-detailed-menu,.simple-footer-bottom,.home-trust-wrap{max-width:var(--svh-content-width)!important;margin-inline:auto!important;box-sizing:border-box!important}
.product-description-section,.product-review-section,.product-related{width:100%!important;max-width:var(--svh-content-width)!important;margin-inline:auto!important;padding-inline:24px!important;box-sizing:border-box!important}
main.category-landing>.haarlem-section{width:calc(100% - 48px)!important;max-width:1232px!important}
.category-hero>div,.landing-final-cta>div,.product-bottom-cta>div,.home-final-cta>div{max-width:1232px!important;margin-inline:auto!important}
.home-photo-hero h1{font-size:48px!important;line-height:1.12!important}
.home-intro h1,.home-intro h2{font-size:40px!important}
.home-photo-hero-copy{font-size:16px!important}
.region-hero h1,.landing-refined .region-hero h1,.category-hero h1{font-size:48px!important}
.region-hero-tagline{font-size:21px!important}
.region-landing h2{font-size:32px!important}
.product-heading-area>.product-main__title{font-size:38px!important}
.guide-hero h1{font-size:40px!important}
.landing-final-cta h2,.product-bottom-cta h2,.home-final-cta h2{font-size:36px!important}
}
@media(min-width:1200px){.footer-top-row,.footer-detailed-menu,.simple-footer-bottom{max-width:1232px!important}}
@media(min-width:1200px){#header.header .header__wrapper .header__inner .header__container.container{width:100%!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important}#header.header #svh-exact-menu>.svh-menu__item>.svh-menu__link{font-size:14px!important}}

/* Keep content columns shrinkable when the viewport narrows or text is zoomed. */
main,
main > section,
main .haarlem-section,
main .sound-cluster-copy,
main .sound-editorial,
main .home-photo-hero-content,
main .product-description-section,
main .product-copy-grid > *,
main .haarlem-grid > *,
main .guide-products-grid > *,
main .rental-faq-answer,
footer .footer-detailed-menu > * {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
}

main :is(h1, h2, h3, h4, p, li, summary, dd, dt, th, td),
footer :is(h2, h3, p, li, a) {
  white-space: normal;
  overflow-wrap: anywhere;
}

main :is(p, li, dd, .sound-cluster-copy) > a {
  white-space: normal;
  overflow-wrap: anywhere;
}

main .power-heading > p {
  white-space: normal;
}