*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
    /* Anchors (#inquiry-form, #packages ...) stop below the sticky navigation. */
    scroll-padding-top: calc(var(--nav-height, 72px) + 16px);
}

body {
    overflow-x: hidden;
}

/* E2E R3 (N-03): overflow-x: hidden makes body a scroll container, so the sticky .nav stuck to
   body and scrolled away with the page. clip cuts horizontal overflow the same way without
   creating a scroll container; browsers without clip keep hidden (no sideways scrolling). */
@supports (overflow-x: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

body,
h1,
h2,
h3,
p,
ul {
    margin: 0;
}

ul {
    padding: 0;
}

img,
svg {
    display: block;
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
}