:root {
    --site-container-width-sm: 960px;
    --site-container-width-md: 1120px;
    --site-container-width-lg: 1400px;
    --site-container-width-xl: 1600px;
    --site-container-width: var(--site-container-width-lg);
    --site-container-padding: 2rem;
}

html {
  scroll-behavior: smooth;
}

html.mobile-menu-is-open,
body.mobile-menu-is-open {
    overflow: hidden;
}

body {
  margin: 0;
  font-family: "Rubik", sans-serif;
}

#mobile-menu[data-open="true"] {
    max-height: calc(100dvh - 80px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.site-header.is-scrolled {
    /*  background: rgba(255, 250, 242, 0.82);*/
    /*  backdrop-filter: blur(20px);*/
    box-shadow: 0 10px 40px rgba(52, 37, 20, 0.08);
}

.feature-check::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35rem;
  width: 1rem;
  height: 1rem;
  background: url("/assets/Icon/checklist.svg") center/contain no-repeat;
}

.site-container {
    width: min(var(--site-container-width), calc(100% - var(--site-container-padding)));
    margin-inline: auto;
}

.site-container-sm {
    --site-container-width: var(--site-container-width-sm);
}

.site-container-md {
    --site-container-width: var(--site-container-width-md);
}

.site-container-lg {
    --site-container-width: var(--site-container-width-lg);
}

.site-container-xl {
    --site-container-width: var(--site-container-width-xl);
}

.feature-check::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #0d9488;
    font-weight: 700;
}