@charset "UTF-8";
/*
Theme Name: Platowood
Theme URI: https://platowood.nl
Author: Pixel Creation
Author URI: https://www.pixelcreation.nl/
Description: Gemaakt door Pixel Creation
Version: 1.0
Text Domain: platowood
*/
html {
  font-size: clamp(14px, calc(12.67px + 0.2315vw), 17px);
}

/* Typography */
/* Animations */
/* Colors */
/* Other */
body {
  font-family: "neue-haas-grotesk-display", "Arial", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.42;
  color: #1a1a1a;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #faf9f7;
}

/* ACCESSIBILITY */
.skip-links a {
  position: absolute;
  top: -100vh;
  left: -100vw;
  z-index: 9999;
  padding: 1.2rem 2rem;
  color: white;
  border-top: 0.1rem solid white;
  border-right: 0.1rem solid white;
  border-bottom: 0.1rem solid white;
  background-color: #1a1a1a;
}
.skip-links a:focus {
  top: 8rem;
  left: 0;
}

*:focus {
  outline: none;
}

*:focus-visible {
  outline: 0.1rem dotted black;
  z-index: 9999;
  outline-offset: 0;
  -webkit-box-shadow: 0 0 0 0.1rem white;
  box-shadow: 0 0 0 0.1rem white;
}

/* MAIN */
::selection {
  color: black;
  background: #e1ddd9;
}

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

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

@media screen and (min-width: 1200px) {
  .custom-gutter-x {
    --bs-gutter-x: 3.5rem;
  }
}

.custom-gutter-y {
  --bs-gutter-y: 4rem;
}
@media screen and (min-width: 1200px) {
  .custom-gutter-y {
    --bs-gutter-y: 6rem;
  }
}

.custom-gutter {
  --bs-gutter-y: 4rem;
}
@media screen and (min-width: 1200px) {
  .custom-gutter {
    --bs-gutter-x: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .custom-gutter {
    --bs-gutter-y: 6rem;
  }
}

.space {
  height: 3rem;
}

/* CONTAINERS */
.container {
  max-width: 120rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
@media screen and (min-width: 992px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.container.container-small {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
@media screen and (min-width: 576px) {
  .container.container-small {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .container.container-small {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media screen and (min-width: 1600px) {
  .container.container-small {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
.container.container-small.intro-fix {
  padding-left: 1.2rem;
}
@media screen and (min-width: 1200px) {
  .container.container-small.intro-fix {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .container.container-small.intro-fix {
    padding-left: 4rem;
  }
}

/* BG COLORS */
.bg-beige {
  background-color: #ebe9e4;
}

/* TYPOGRAPHY */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 600;
  color: #1a1a1a;
}

h1, .h1 {
  margin-bottom: -0.5rem;
  font-size: 4.6rem;
}
@media screen and (min-width: 576px) {
  h1, .h1 {
    margin-bottom: -1.6rem;
    font-size: 5.6rem;
  }
}

h2, .h2 {
  font-size: 4rem;
}

h3, .h3 {
  font-size: 3rem;
}
h3 .material-symbols-outlined, .h3 .material-symbols-outlined {
  font-size: 3rem;
}

h4, .h4 {
  font-size: 2.25rem;
}

h5, .h5 {
  font-size: 2rem;
}

h6, .h6 {
  font-size: 1.5rem;
}

a {
  color: inherit;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}

.p-last-child p:last-child {
  margin-bottom: 0;
}

.heading-border {
  padding: 0 0 1rem 0;
  display: flex;
  gap: 0.8rem;
  border-bottom: 2px solid #1a1a1a;
}
.heading-border .material-symbols-outlined {
  position: relative;
  top: 0.75rem;
  font-size: 3.3rem;
}

.section-title {
  margin-bottom: 4.5rem;
}

.intro {
  font-size: 2.5rem;
  font-weight: 600;
  color: #999;
}
.intro span {
  padding: 0 1.2rem 0 0;
  display: inline-block;
  font-size: 1.0625rem;
  color: #1a1a1a;
  text-transform: uppercase;
  vertical-align: super;
  transform: translateY(0.46rem);
}
.intro p {
  line-height: 1.2;
}
.intro.small p {
  font-size: 2rem;
  line-height: 1.2;
}

.page-content p, .page-content ul, .page-content ol {
  margin: 0 0 1.8rem 0;
}
.page-content ul {
  padding: 0;
  list-style-type: none;
}
.page-content ul li {
  padding: 0 0 0 0.8rem;
  position: relative;
}
.page-content ul li:before {
  content: "";
  width: 0.38rem;
  height: 0.38rem;
  position: absolute;
  top: 0.72rem;
  left: 0;
  border-radius: 50%;
  background-color: #1a1a1a;
}
.page-content .intro p {
  margin: 0 0 3.2rem 0;
}
.page-content a {
  text-decoration-thickness: 0.06rem;
  text-underline-offset: 0.36rem;
}
.page-content figure {
  margin: 0 0 2rem 0;
}
.page-content table {
  width: 100%;
  margin: 0 0 1.8rem 0;
  border: 1px solid #1a1a1a;
}
.page-content table thead {
  border-bottom: 2px solid;
}
.page-content table th, .page-content table td {
  padding: 0.75rem;
  border: 1px solid #1a1a1a;
}
.page-content .wp-block-table {
  margin: 0;
}
.page-content .wp-block-table table th, .page-content .wp-block-table table td {
  padding: 0.75rem;
}
.page-content.page-content-large {
  font-size: 1.25rem;
}
.page-content.page-content-large p, .page-content.page-content-large ul, .page-content.page-content-large ol, .page-content.page-content-large h1, .page-content.page-content-large h2, .page-content.page-content-large h3, .page-content.page-content-large h4, .page-content.page-content-large h5, .page-content.page-content-large h6, .page-content.page-content-large table {
  font-size: inherit;
}
.page-content.page-content-larger {
  font-size: 1.5rem;
}
.page-content.page-content-larger p, .page-content.page-content-larger ul, .page-content.page-content-larger ol, .page-content.page-content-larger h1, .page-content.page-content-larger h2, .page-content.page-content-larger h3, .page-content.page-content-larger h4, .page-content.page-content-larger h5, .page-content.page-content-larger h6, .page-content.page-content-larger table {
  font-size: inherit;
}

/* BUTTONS */
.btn {
  padding: 0.85rem 1.5rem !important;
  font-size: 1.0625rem;
  border-radius: 0.2rem;
  border: 0;
}
.btn:focus-visible {
  box-shadow: unset;
}
.btn.btn-primary {
  position: relative;
  color: white;
  font-weight: 700;
  z-index: 1;
  background-color: #1a1a1a;
}
.btn.btn-primary:before {
  content: "";
  height: 100%;
  position: absolute;
  right: 0.2rem;
  bottom: 0;
  left: 0.2rem;
  opacity: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  background-color: #999;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
  z-index: -2;
}
.btn.btn-primary:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 0.2rem;
  background-color: #1a1a1a;
}
.btn.btn-primary:disabled:before {
  display: none;
}
.btn.btn-primary:hover {
  color: white;
  background-color: #1a1a1a;
}
.btn.btn-primary:hover:before {
  bottom: -0.25rem;
  opacity: 1;
}
.btn.btn-primary:active {
  background-color: #1a1a1a;
}
.btn.btn-outline-primary {
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:focus-visible {
  color: white;
  border-color: #1a1a1a;
  background-color: #1a1a1a;
}
.btn.btn-secondary {
  color: #1a1a1a;
  border-color: #ebe9e4;
  background-color: #ebe9e4;
}
.btn.btn-secondary:hover {
  color: white;
  background-color: #1a1a1a;
}

.btn-link {
  margin: 1rem 0 0 0;
  padding: 0.2rem 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 1.3rem;
  font-weight: 400;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .btn-link {
    margin: 0;
    justify-content: end;
  }
}
.btn-link span {
  font-size: inherit;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.btn-link:hover, .btn-link:focus-visible {
  color: #1a1a1a;
}
.btn-link:hover span, .btn-link:focus-visible span {
  transform: translateX(0.25rem);
}

button {
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}

/* FORMS */
.search-bar {
  width: 100%;
  padding: 0.72rem 1rem 0.72rem 2.75rem;
  border-radius: 2rem;
  border: 1px solid #1a1a1a;
  background-color: transparent;
  background-image: url(images/search-icon.svg);
  background-size: 1.05rem;
  background-position: center left 1.1rem;
  background-repeat: no-repeat;
}
.search-bar::placeholder {
  color: #777;
}

/* SECTIONS */
section {
  padding: 3rem 0;
}
@media screen and (min-width: 576px) {
  section {
    padding: 4rem 0;
  }
}
@media screen and (min-width: 992px) {
  section {
    padding: 6rem 0;
  }
}
section.first-section {
  padding-top: clamp(1rem, 3vw, 3rem);
}
section.section-sm {
  padding: 3rem 0;
}
@media screen and (min-width: 576px) {
  section.section-sm {
    padding: 4rem 0;
  }
}

/* BLOCKS */
.block {
  padding: 3rem 2rem;
}
@media screen and (min-width: 768px) {
  .block {
    padding: 2.8rem;
  }
}
@media screen and (min-width: 992px) {
  .block {
    padding: 4rem;
  }
}

.block-header {
  --bs-gutter-y: 1.5rem;
  margin-bottom: 4rem;
}

/* NAVIGATION */
.navbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  z-index: 2;
  background-color: #faf9f7;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
@media screen and (min-width: 576px) {
  .navbar {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
}
.navbar.navbar-bg:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ebe9e4;
}
.navbar:not(.menu-overlay-open) {
  position: sticky;
  top: 0;
}
.navbar.menu-overlay-open {
  position: sticky;
  top: 0;
}
.navbar.menu-overlay-open .navbar-nav, .navbar.menu-overlay-open .navbar-button {
  position: relative;
  z-index: -1;
}
.navbar .container {
  z-index: 1;
}
.navbar .navbar-brand {
  padding: 0;
  font-size: unset;
}
.navbar .navbar-brand img {
  width: 9.2rem;
}
@media screen and (min-width: 768px) {
  .navbar .navbar-brand img {
    width: 11rem;
  }
}
.navbar .navbar-collapse {
  gap: 2rem;
}
.navbar .navbar-collapse.hide-menu {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
@media screen and (max-width: 1199.98px) {
  .navbar .navbar-collapse.show:after {
    content: "";
    position: fixed;
    left: 0;
    top: -5rem;
    width: 100%;
    height: calc(100vh + 5rem);
    z-index: 1;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    animation: navbg-fadein 0.5s ease forwards;
  }
}
@keyframes navbg-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.navbar .navbar-collapse.show .main-nav {
  transform: translateX(0);
}
.navbar .navbar-nav {
  margin-left: auto;
  flex-wrap: wrap;
  gap: 0 0.8rem;
}
.navbar .navbar-nav .nav-item.dropdown {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item.dropdown {
    position: static !important;
  }
}
@media screen and (min-width: 1400px) {
  .navbar .navbar-nav .nav-item:last-child {
    margin-left: 1.5rem;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  padding: 0.5rem 0.9rem;
  font-size: 1.0625rem;
  color: #1a1a1a;
  border-radius: 0.1875rem;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  background-color: #ebe9e4;
}
.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  content: url(images/chevron-down.svg);
  width: 0.68rem;
  margin-left: 0.3rem;
  position: relative;
  top: -0.1rem;
  line-height: 0;
  vertical-align: unset;
  border: 0;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.show:after {
  transform: scaleY(-1);
}
.navbar .navbar-nav .nav-item .dropdown-menu {
  margin: 0;
  padding: 1.5rem;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0.55rem 0.6rem rgba(0, 0, 0, 0.22);
  background-color: #faf9f7;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu {
    width: 100%;
    padding: 2rem 0 4rem 0;
    top: 4.9rem;
    left: 0;
    z-index: -1;
    animation: dropdown-slidein 0.35s cubic-bezier(0.3, 1, 0.3, 1) forwards;
  }
}
@keyframes dropdown-slidein {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1199.98px) {
  .navbar .navbar-nav .nav-item .dropdown-menu {
    position: fixed;
    display: block;
    inset: 0;
    transform: translateX(-100%);
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu.show {
  transform: translateX(0);
}
@media screen and (max-width: 1199.98px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .container {
    max-width: unset;
    padding: 0;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem 2rem;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-title {
  margin: 0 0 0.75rem 0;
  padding: 0 0 0.75rem 0;
  display: block;
  font-size: 1.4375rem;
  font-weight: 700;
  border-bottom: 1px solid #1a1a1a;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list {
  margin: 0 0 0 -0.4rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a {
  padding: 0.25rem 0.4rem;
  display: flex;
  gap: 0.5rem;
  font-size: 1.0625rem;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 0.2rem;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a:hover, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a:focus-visible {
  background-color: #ebe9e4;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a.view-all {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #f44611;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a.view-all span {
  font-size: 1.025rem;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a.view-all:hover, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a.view-all:focus-visible {
  color: #f44611;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-list li a .count {
  padding: 0.1rem 0.4rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  background-color: #1a1a1a;
}
.navbar .navbar-end {
  margin: 0 0 0 0.5rem;
  position: relative;
  display: flex;
  gap: 1.2rem;
  z-index: 2;
}
@media screen and (min-width: 576px) {
  .navbar .navbar-end {
    margin: 0 0 0 1.6rem;
    gap: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-end {
    gap: 2rem;
  }
}
.navbar .navbar-end .btn {
  padding: 0.4rem 1rem !important;
  display: none;
  white-space: nowrap;
}
@media screen and (min-width: 375px) {
  .navbar .navbar-end .btn {
    display: block;
  }
}
@media screen and (min-width: 576px) {
  .navbar .navbar-end .btn {
    padding: 0.4rem 1.7rem !important;
  }
}
.navbar .navbar-end .btn.hide-menu {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .menu-button {
  width: 1.2rem;
  height: 2.5rem;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  border: 0;
  background-color: unset;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .hamburger:hover .hamburger-inner,
.navbar .hamburger:hover .hamburger-inner::before,
.navbar .hamburger:hover .hamburger-inner::after {
  background-color: #1a1a1a;
}
.navbar .hamburger-box {
  transform: translateY(0.07em);
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
}
.navbar .hamburger.is-active .hamburger-inner,
.navbar .hamburger.is-active .hamburger-inner::before,
.navbar .hamburger.is-active .hamburger-inner::after {
  background-color: #1a1a1a;
}
.navbar .hamburger-box {
  width: 1.2rem;
  height: 100%;
  display: inline-block;
  position: relative;
}
.navbar .hamburger-inner {
  display: block;
  top: 50%;
}
.navbar .hamburger-inner, .navbar .hamburger-inner::before, .navbar .hamburger-inner::after {
  width: 1.2rem;
  height: 1px;
  background-color: #1a1a1a;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.navbar .hamburger-inner::before, .navbar .hamburger-inner::after {
  content: "";
  display: block;
}
.navbar .hamburger-inner::before {
  top: -0.345rem;
}
.navbar .hamburger-inner::after {
  bottom: -0.345rem;
}
.navbar .hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar .hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.navbar .hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar .hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar .hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.navbar .hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 992px) {
  .menu-gutter {
    --bs-gutter-y: 2rem;
  }
}

.menu-overlay {
  padding: 5.5rem 0 1.2rem 0;
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  overflow-y: scroll;
  background-color: transparent;
}
@media screen and (min-width: 576px) {
  .menu-overlay {
    padding: 6.5rem 0 2rem 0;
  }
}
@media screen and (min-width: 992px) {
  .menu-overlay {
    padding: 7rem 0 3.75rem 0;
  }
}
.menu-overlay .menu-overlay-background {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 0;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
  background-color: #ebe9e4;
}
.menu-overlay .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 2.5rem;
}
@media screen and (min-width: 992px) {
  .menu-overlay .container {
    gap: 6rem;
  }
}
@media screen and (min-width: 992px) {
  .menu-overlay .custom-gutter {
    --bs-gutter-y: 2.2rem;
  }
}
.menu-overlay .menu-search {
  width: 100%;
  margin: 0 0 3.5rem 0;
}
@media screen and (min-width: 1200px) {
  .menu-overlay .menu-search {
    margin: 0 0 5rem 0;
  }
}
.menu-overlay .menu-search .search-bar {
  border: 0;
  background-color: white;
}
.menu-overlay .menu-middle {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.menu-overlay .menu-overlay-title {
  margin: 0 0 0.75rem 0;
  padding: 0 0 0.75rem 0;
  position: relative;
  display: block;
  font-size: 1.4375rem;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 1px solid #1a1a1a;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-overlay-title {
    cursor: default;
    pointer-events: none;
  }
}
.menu-overlay .menu-overlay-title span {
  width: 0.9rem;
  height: 0.9rem;
  top: 0.5rem;
  right: 0.5rem;
  position: absolute;
  display: flex;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-overlay-title span {
    display: none;
  }
}
.menu-overlay .menu-overlay-title span:before, .menu-overlay .menu-overlay-title span:after {
  content: "";
  position: absolute;
  background-color: #1a1a1a;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.menu-overlay .menu-overlay-title span:before {
  width: 100%;
  height: 0.09rem;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.menu-overlay .menu-overlay-title span:after {
  width: 0.09rem;
  height: 100%;
  left: 50%;
  transform: translateX(-50%) scale3d(1, 1, 1);
}
.menu-overlay .menu-overlay-list {
  margin: 0 0 1.1rem 0;
  padding: 0 0 1.1rem 0;
  display: none;
  flex-direction: column;
  list-style-type: none;
  border-bottom: 1px solid #1a1a1a;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-overlay-list {
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: 0;
  }
}
.menu-overlay .menu-overlay-list li {
  margin: 0 0 0 -0.4rem;
}
.menu-overlay .menu-overlay-list li a {
  padding: 0.25rem 0.4rem;
  display: flex;
  gap: 0.5rem;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 0.2rem;
}
.menu-overlay .menu-overlay-list li a:hover, .menu-overlay .menu-overlay-list li a:focus-visible {
  background-color: white;
}
.menu-overlay .menu-overlay-list li a.view-all {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: #777;
}
.menu-overlay .menu-overlay-list li a.view-all span {
  margin-top: 0.1rem;
  font-size: 0.9rem;
}
.menu-overlay .menu-overlay-list li a.view-all:hover, .menu-overlay .menu-overlay-list li a.view-all:focus-visible {
  color: #1a1a1a;
}
.menu-overlay .menu-overlay-list li a .count {
  padding: 0.1rem 0.4rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  background-color: #1a1a1a;
}
.menu-overlay .menu-wrapper.collapsed .menu-overlay-title {
  margin: 0 0 0.45rem 0;
  border-bottom: 0;
}
.menu-overlay .menu-wrapper.collapsed .menu-overlay-title span:after {
  transform: translateX(-50%) scale3d(0, 0, 1);
}
.menu-overlay .menu-wrapper.collapsed .menu-overlay-list {
  display: flex;
}
.menu-overlay .menu-bottom {
  margin-top: auto;
  position: relative;
}
.menu-overlay .menu-bottom .menu-bottom-contact {
  font-size: 3rem;
  line-height: 1.2;
  list-style-type: none;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-bottom .menu-bottom-contact {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .menu-overlay .menu-bottom .menu-bottom-contact {
    font-size: 5.6rem;
  }
}
.menu-overlay .menu-bottom .menu-bottom-contact a {
  font-weight: 700;
  text-decoration: none;
  color: #999;
}
.menu-overlay .menu-bottom .menu-bottom-contact a:hover {
  color: #1a1a1a;
}
.menu-overlay .menu-bottom .languages {
  margin: 0 0 1.5rem 0;
  display: flex;
  align-items: center;
  gap: 0.95rem;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-bottom .languages {
    margin: 1.1rem 0 0 0;
  }
}
.menu-overlay .menu-bottom .languages svg {
  width: 1rem;
}
.menu-overlay .menu-bottom .languages ul {
  display: flex;
  gap: 0.78rem;
  font-size: 1.25rem;
  list-style-type: none;
}
.menu-overlay .menu-bottom .languages a {
  text-decoration: none;
  color: #999;
}
.menu-overlay .menu-bottom .languages a:hover {
  color: #1a1a1a;
}
.menu-overlay .menu-search, .menu-overlay .menu-middle, .menu-overlay .menu-bottom, .menu-overlay .color-switch {
  opacity: 0;
}
.menu-overlay.open {
  opacity: 1;
  visibility: visible;
}
.menu-overlay.open .menu-overlay-background {
  animation: menu-bg 0.5s cubic-bezier(0.99, 0, 0.01, 0.99) forwards;
}
.menu-overlay.open .menu-search, .menu-overlay.open .menu-middle, .menu-overlay.open .menu-bottom, .menu-overlay.open .color-switch {
  animation-name: fade-in;
  animation-delay: 0.4s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.menu-overlay.closing {
  opacity: 1;
  visibility: visible;
}
.menu-overlay.closing .menu-overlay-background {
  animation: menu-bg-closing 0.5s cubic-bezier(0.99, 0, 0.01, 0.99) forwards;
}
.menu-overlay.closing .menu-search, .menu-overlay.closing .menu-middle, .menu-overlay.closing .menu-bottom, .menu-overlay.closing .color-switch {
  opacity: 1;
  animation-name: fade-out;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

@keyframes menu-bg {
  0% {
    height: 0;
    top: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes menu-bg-closing {
  0% {
    height: 100%;
    top: 0;
  }
  100% {
    height: 0;
    bottom: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 4em, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 4em, 0);
  }
}
.screen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(236, 234, 229, 0.5);
  z-index: 0;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
@media screen and (min-width: 1200px) {
  .screen-overlay.open {
    opacity: 1;
    visibility: visible;
  }
}

/* BREADCUMBS */
.breadcrumb {
  margin: 0 0 1.7rem 0;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: ">";
}
.breadcrumb a {
  text-decoration: none;
}

.breadcrumbs {
  margin: 0 0 1.7rem 0;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.breadcrumbs .separator {
  font-size: 1rem;
}
.breadcrumbs span {
  white-space: nowrap;
}
.breadcrumbs span:last-child {
  overflow: hidden;
}
.breadcrumbs span:last-child span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.breadcrumbs a {
  text-decoration: none;
}

/* FORM */
.form-control, .form-select {
  padding: 0.9rem 1.2rem;
  border: 0.1rem solid #1a1a1a;
  border-radius: 0;
  background-color: transparent;
}
.form-control:focus, .form-select:focus {
  border-color: #1a1a1a;
  box-shadow: unset;
  background-color: inherit;
}
.form-control::placeholder, .form-select::placeholder {
  color: #777;
}
.form-control.error::placeholder, .form-select.error::placeholder {
  color: #f44611;
}

.form-select {
  background-image: url(images/select-down.svg);
  background-size: 0.875rem;
  background-position: right 1.9rem center;
}

textarea.form-control {
  height: 9rem;
  padding-top: 0.5rem;
}

.form-error {
  color: #f44611;
}

/* HERO */
.hero {
  height: 70vh;
  padding: 4.5rem 0 0 0;
  position: relative;
  overflow: hidden;
}
.hero .hero-content {
  position: relative;
  color: white;
  z-index: 1;
}
.hero .hero-content h1 {
  margin: 0 0 0.9rem 0;
  color: white;
}
@media screen and (min-width: 576px) {
  .hero .hero-content h1 {
    margin: 0 0 0.4rem 0;
  }
}
.hero .hero-content ul {
  display: flex;
  flex-direction: row;
  gap: 0.5rem 1rem;
  list-style-type: none;
}
@media screen and (min-width: 576px) {
  .hero .hero-content ul {
    flex-direction: row;
    gap: 0.5rem 2.2rem;
  }
}
.hero .hero-content ul li {
  font-size: 1.4rem;
  font-weight: 600;
}
@media screen and (min-width: 576px) {
  .hero .hero-content ul li {
    font-size: 1.5rem;
  }
}
.hero.subpage-hero {
  padding: 2.2rem 0 2.75rem 0;
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 576px) {
  .hero.subpage-hero {
    padding: 2.2rem 0 3.75rem 0;
  }
}
.hero.subpage-hero:after {
  content: "";
  width: 100%;
  height: 70%;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.hero.subpage-hero .container {
  height: 100%;
}
.hero.subpage-hero .hero-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.hero.subpage-hero .hero-content h1 {
  margin: auto 0 0 0;
}
.hero .breadcrumb {
  margin: 0;
}
.hero .breadcrumb .breadcrumb-item.active {
  color: white;
}
.hero .breadcrumb .breadcrumb-item:before {
  color: white;
}
.hero img {
  width: 100%;
  height: calc(100% + 25px);
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: bottom;
}

/* LINK LIST */
.link-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  list-style-type: none;
}
.link-list a {
  padding: 0.3rem 0 0.15rem 0;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.2;
  color: #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
}
.link-list a span {
  margin: 0 0.9rem 0 auto;
  font-size: 125%;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.link-list a:hover span {
  transform: translateX(0.3rem);
}
.link-list.link-list-large {
  gap: 1.4rem;
}
.link-list.link-list-large a {
  padding: 0 0 0.4rem 0;
}
/* PAGE BLOCK */
.page-block-wrapper {
  --bs-gutter-y: 3.5rem;
}
@media screen and (min-width: 768px) {
  .page-block-wrapper {
    --bs-gutter-x: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .page-block-wrapper {
    --bs-gutter-x: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-block-wrapper {
    --bs-gutter-x: 8rem;
  }
}

.page-block {
  position: relative;
  display: block;
  font-size: 1.25rem;
  color: #707070;
  text-decoration: none;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.page-block .featured {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #1a1a1a;
}
.page-block img {
  width: 100%;
  object-fit: cover;
}
.page-block .page-block-title {
  padding: 1.05rem 0 1.17rem 0;
  display: flex;
  align-items: end;
  gap: 1rem;
  font-size: 2rem;
}
.page-block.page-block-link img {
  aspect-ratio: 522/468;
}
.page-block.page-block-link .page-block-title {
  color: #1a1a1a;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.page-block.page-block-link:hover .page-block-title {
  color: #1a1a1a;
}
.page-block.link-block img {
  aspect-ratio: 727/486 !important;
}
.page-block.page-block-link:hover {
  color: #1a1a1a;
}

/* TABS */
.content-tabs {
  margin: 0 0 2.2rem 0;
  padding: 0 0 1rem 0;
  display: flex;
  gap: clamp(1.8rem, 3vw, 3rem);
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-bottom: 2px solid #1a1a1a;
}
.content-tabs .tab-content:focus {
  outline: unset;
}
.content-tabs button {
  padding: 0;
  font-size: 2rem;
  font-weight: 600;
  color: #999;
  white-space: nowrap;
  border: 0;
  background-color: unset;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .content-tabs button {
    font-size: 2.25rem;
  }
}
.content-tabs button:hover, .content-tabs button.active {
  color: #1a1a1a;
}

/* ACCORDION */
.accordion-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.accordion-list .accordion-list-item {
  background-color: #faf9f7;
}
.accordion-list .accordion-list-item .accordion-list-toggle {
  width: 100%;
  padding: 0 0 0.4rem 0;
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  color: #1a1a1a;
  text-align: left;
  border: 0;
  border-bottom: 2px solid #1a1a1a;
  background-color: unset;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.accordion-list .accordion-list-item .accordion-list-toggle span {
  width: 2.5rem;
  height: 2.5rem;
  top: -0.3rem;
  right: 0.3rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  color: #1a1a1a;
}
.accordion-list .accordion-list-item .accordion-list-toggle span:before, .accordion-list .accordion-list-item .accordion-list-toggle span:after {
  position: absolute;
  font-family: "Material Symbols Outlined";
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.accordion-list .accordion-list-item .accordion-list-toggle span:before {
  content: "";
  opacity: 1;
  transform: rotate(0deg);
}
.accordion-list .accordion-list-item .accordion-list-toggle span:after {
  content: "";
  opacity: 0;
  transform: rotate(50deg);
}
.accordion-list .accordion-list-item .accordion-list-toggle.collapsed span:before {
  opacity: 0;
  transform: rotate(-50deg);
}
.accordion-list .accordion-list-item .accordion-list-toggle.collapsed span:after {
  opacity: 1;
  transform: rotate(0);
}
.accordion-list .accordion-list-item .accordion-list-body {
  padding: 1rem 0 0 0;
  font-size: 1.25rem;
}
@media screen and (min-width: 576px) {
  .accordion-list .accordion-list-item:not(:last-child) .accordion-list-body {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .accordion-list .accordion-list-item:not(:last-child) .accordion-list-body {
    padding-bottom: 4rem;
  }
}

.accordion-image {
  width: 100%;
  aspect-ratio: 3/2;
  display: none;
  object-fit: cover;
}
.accordion-image.active {
  display: block;
}

/* FAQ */
.faq-header {
  margin-bottom: 4rem;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .faq-header {
    margin-bottom: 6rem;
  }
}

.filter-button {
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 0 0 0.5rem 2.4rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: left;
  color: #1a1a1a;
  border: 0;
  border-bottom: 2px solid #1a1a1a;
  background-color: unset;
}
.filter-button .icon {
  width: 2rem;
  height: 100%;
  top: -0.27rem;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: #1a1a1a;
}
.filter-button .icon:before {
  content: "";
  position: absolute;
  font-family: "Material Symbols Outlined";
  font-size: 1.9rem;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}

.faq-tabs {
  height: 0;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  list-style-type: none;
  overflow: hidden;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
@media screen and (min-width: 992px) {
  .faq-tabs {
    height: auto;
    padding: 0;
  }
}
.faq-tabs.is-active {
  margin: 0 0 2.5rem 0;
  height: auto;
}
.faq-tabs button {
  padding: 0 0 0 2.4rem;
  font-size: 1.25rem;
  color: #999;
  border: 0;
  background-color: unset;
}
.faq-tabs button:hover, .faq-tabs button.active {
  color: #1a1a1a;
}
.faq-tabs button.active {
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .faq-tabs button {
    padding: 0;
  }
}
.faq-tabs.disabled {
  cursor: not-allowed;
}
.faq-tabs.disabled button {
  pointer-events: none;
}
.faq-tabs.disabled button.active {
  color: #999;
}

.faq-subheading {
  margin: 0 0 2.5rem 0;
  padding: 0 0 0.9rem 0;
  font-size: 3rem;
  border-bottom: 2px solid #1a1a1a;
}
@media screen and (min-width: 576px) {
  .faq-subheading {
    margin: 0 0 2.8rem 0;
  }
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.faq .faq-item {
  background-color: #faf9f7;
}
.faq .faq-item .faq-question {
  width: 100%;
  padding: 0 4rem 0.4rem 0;
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  color: #1a1a1a;
  text-align: left;
  border: 0;
  border-bottom: 2px solid #1a1a1a;
  background-color: unset;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.faq .faq-item .faq-question span {
  width: 2.5rem;
  height: 2.5rem;
  top: -0.15rem;
  right: 0.3rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: #1a1a1a;
}
.faq .faq-item .faq-question span:before, .faq .faq-item .faq-question span:after {
  position: absolute;
  font-family: "Material Symbols Outlined";
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.faq .faq-item .faq-question span:before {
  content: "";
  opacity: 1;
  transform: rotate(0deg);
}
.faq .faq-item .faq-question span:after {
  content: "";
  font-size: 2rem;
  opacity: 0;
  transform: rotate(50deg);
}
.faq .faq-item .faq-question.collapsed span:before {
  opacity: 0;
  transform: rotate(-50deg);
}
.faq .faq-item .faq-question.collapsed span:after {
  opacity: 1;
  transform: rotate(0);
}
.faq .faq-item .faq-question:hover {
  color: #1a1a1a;
}
.faq .faq-item .faq-answer {
  padding: 1rem 0 0 0;
  font-size: 1.25rem;
}

/* DOWNLOADS */
.download-list-full {
  font-size: 1.5rem;
}
.download-list-full .downloads-header {
  margin: 0 0 0.5rem 0;
  padding: 0 0 0.9rem 0;
  font-size: 1.25rem;
  border-bottom: 2px solid #1a1a1a;
}
.download-list-full .downloads-header .row {
  align-items: end;
}
.download-list-full .downloads-header .label {
  display: block;
  padding: 0 0 0.45rem 0;
}
.download-list-full .no-results {
  margin: 3rem 0 0 0;
  font-size: 1.25rem;
}
.download-list-full .downloads-item {
  padding: 2rem 0 0.85rem 0;
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #1a1a1a;
}
.download-list-full .downloads-item:hover .arrow {
  transform: translateX(0.35rem);
}
.download-list-full .file-type {
  padding: 0.4rem 1.2rem;
  margin-left: auto;
  display: table;
  font-size: 1.25rem;
  color: white;
  background-color: #1a1a1a;
}
@media screen and (min-width: 992px) {
  .download-list-full .file-type {
    margin: 0;
  }
}
.download-list-full .downloads-item-action {
  position: relative;
  text-align: end;
}
.download-list-full .downloads-item-action .arrow {
  display: block;
  margin-right: 0.8rem;
  font-size: 2rem;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}

.download-list-basic {
  list-style-type: none;
}
.download-list-basic.first-no-padding li:first-child a {
  padding-top: 0;
}
.download-list-basic a {
  padding: 1.4rem 0 0.6rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  font-size: 1.5rem;
  color: #1a1a1a;
  text-decoration: none;
  border-bottom: 2px solid #1a1a1a;
}
.download-list-basic a:hover {
  color: #1a1a1a;
}
.download-list-basic .file-type {
  padding: 0.5rem 2.7rem;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  background-color: #1a1a1a;
}

/* ICON BLOCK */
.symbol-block-wrapper {
  margin-bottom: 2rem;
  --bs-gutter-y: 3rem;
}
@media screen and (min-width: 576px) {
  .symbol-block-wrapper {
    --bs-gutter-y: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .symbol-block-wrapper {
    --bs-gutter-x: 6rem;
  }
}
@media screen and (min-width: 1600px) {
  .symbol-block-wrapper {
    --bs-gutter-x: 9rem;
  }
}
.symbol-block-wrapper .symbol-block {
  font-size: 1.25rem;
  color: #707070;
}
.symbol-block-wrapper .symbol-block img {
  height: 5rem;
  margin: 0 0 1.5rem 0;
}
@media screen and (min-width: 768px) {
  .symbol-block-wrapper .symbol-block img {
    height: 5rem;
  }
}
.symbol-block-wrapper .symbol-block h3 {
  margin: 0 0 1.5rem 0;
}

/* PRODUCT IMAGE */
.product-gallery {
  position: relative;
}
.product-gallery .spinner {
  position: absolute;
  inset: 0;
  display: none;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.product-gallery .spinner i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-images {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
}
.product-images figure {
  width: 100%;
  aspect-ratio: 16/13;
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .product-images figure {
    aspect-ratio: 93/58;
  }
}
.product-images figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-image-thumbnails {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.375rem;
}
.product-image-thumbnails figure {
  aspect-ratio: 18/13;
}

/* MAGNIFIC POPUP */
.mfp-bg {
  opacity: 1;
  background-color: white;
}

.mfp-container {
  padding: 0;
}
.mfp-container .mfp-content {
  position: unset !important;
}
.mfp-container .mfp-content .mfp-figure:after {
  content: unset;
}
.mfp-container .mfp-content .mfp-figure .mfp-close {
  width: 4rem;
  height: 4rem;
  padding: 0;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: unset;
  font-size: 2.5rem;
  color: #1a1a1a;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.8);
}
.mfp-container .mfp-content .mfp-figure figure .mfp-bottom-bar .mfp-counter {
  left: 1rem;
  font-size: 1rem;
  color: #1a1a1a;
}
.mfp-container .mfp-arrow {
  background-color: white;
}
.mfp-container .mfp-arrow:before {
  content: unset;
}
.mfp-container .mfp-arrow:after {
  content: "";
  width: auto;
  height: auto;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Material Symbols Outlined";
  font-size: 2.5rem;
  color: #1a1a1a;
  border: unset;
}
.mfp-container .mfp-arrow.mfp-arrow-left:after {
  content: "";
}
.mfp-container .mfp-arrow.mfp-arrow-right:after {
  content: "";
}

/* CONFIGURATOR */
.configurator {
  margin: 3.5rem 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.configurator .configurator-option span {
  margin: 0 0 1rem 0;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
}
.configurator .configurator-option ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
  list-style-type: none;
}
@media screen and (min-width: 768px) {
  .configurator .configurator-option ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .configurator .configurator-option ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .configurator .configurator-option ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1400px) {
  .configurator .configurator-option ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.configurator .configurator-option .configurator-button {
  width: 100%;
  padding: 0.8rem 0.6rem;
  position: relative;
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  color: #999;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #999;
  border-radius: 0.2rem;
  background-color: unset;
}
@media screen and (min-width: 1400px) {
  .configurator .configurator-option .configurator-button {
    font-size: 1.5rem;
  }
}
.configurator .configurator-option .configurator-button:hover, .configurator .configurator-option .configurator-button.active {
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.configurator .configurator-option .configurator-button.active {
  font-weight: 700;
  border-width: 0.1rem;
}
.configurator .configurator-option .configurator-button.disabled {
  cursor: not-allowed;
  overflow: hidden;
}
.configurator .configurator-option .configurator-button.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top left, transparent calc(50% - 1px), #999, transparent calc(50% + 1px));
}
.configurator .configurator-option .configurator-button.disabled:hover {
  color: #999;
  border-color: #999;
}
.configurator .configurator-option .form-select {
  margin: 0.625rem 0 0 0;
  padding-left: 1.8rem;
  font-size: 1.25rem;
  border-radius: 0.2rem;
  background-color: #faf9f7;
}

/* PRODUCT */
.product-specs {
  width: 100%;
  margin: 0 0 0.875rem 0;
  font-size: 1.25rem;
  font-weight: 700;
  border: 1px solid #1a1a1a;
}
@media screen and (min-width: 576px) {
  .product-specs {
    font-size: 1.5rem;
  }
}
.product-specs td {
  padding: 1rem;
  border: 1px solid #1a1a1a;
}
@media screen and (min-width: 576px) {
  .product-specs td {
    padding: 1rem 1rem 1rem 2rem;
  }
}

/* PROJECT */
.project-intro {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  font-size: 1.5rem;
}
@media screen and (min-width: 576px) {
  .project-intro {
    gap: 4.8rem;
  }
}
@media screen and (min-width: 992px) {
  .project-intro {
    padding: 0.3rem 5rem 0 0;
    border-right: 1px solid #1a1a1a;
  }
}
@media screen and (min-width: 1400px) {
  .project-intro {
    padding: 0.3rem 6rem 0 0;
  }
}
.project-intro p:last-of-type {
  margin-bottom: 0;
}
.project-intro blockquote {
  font-style: italic;
}
.project-intro .project-note {
  padding: 2rem;
  font-size: 1.25rem;
  background-color: #ebe9e4;
}
@media screen and (min-width: 768px) {
  .project-intro .project-note {
    padding: 2.25rem 3rem 2.25rem 2.25rem;
  }
}

.project-details {
  padding: 0.4rem 0 1.6rem 0;
  font-size: 1.25rem;
  column-count: 2;
}
.project-details .project-details-item {
  margin: 0 0 1.3rem 0;
  display: flex;
  flex-direction: column;
  break-inside: avoid;
}
.project-details .project-details-item .title {
  display: block;
  font-weight: 700;
  color: #1a1a1a;
}
.project-details .project-details-item a {
  display: flex;
  gap: 0.25rem;
  text-decoration: none;
  color: #999;
}
.project-details .project-details-item a span {
  top: 0.15rem;
  position: relative;
  font-size: 1.25rem;
  color: inherit;
}
.project-details .project-details-item a:hover {
  color: #1a1a1a;
}
.project-details .project-details-item.multiple a:before {
  content: "-";
}

/* FILTERS */
.filter-header {
  margin: 0 0 4rem 0;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem 2.19rem;
}
@media screen and (min-width: 576px) {
  .filter-header {
    margin: 0 0 6rem 0;
  }
}
@media screen and (min-width: 992px) {
  .filter-header {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.filter-header a {
  text-decoration: none;
}

#reset-filter-button {
  margin: 1rem 0 0 0;
  padding: 0 1.2rem;
  display: none;
  color: #1a1a1a;
  text-align: left;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 992px) {
  #reset-filter-button {
    margin: 0;
    padding: 0;
  }
}

/* Loading overlay */
#loading-indicator {
  padding: 0 0 4rem 0;
  font-size: 2rem;
  text-align: center;
}

.loading {
  position: relative;
}
.loading:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #faf9f7;
  opacity: 0.5;
  animation: loading 1.5s cubic-bezier(0.66, 0, 0.34, 1) infinite;
}
@keyframes loading {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}

/* PAGINATION */
#pagination-wrapper-objects {
  display: none;
}

#pagination-objects {
  margin: 4rem 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
@media screen and (min-width: 576px) {
  #pagination-objects {
    margin: 6rem 0 0 0;
  }
}
#pagination-objects .page-number {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 0.1rem;
  border: 0;
  background-color: unset;
}
#pagination-objects .page-number:hover, #pagination-objects .page-number.current {
  color: #1a1a1a;
  background-color: #ebe9e4;
}

.pagination {
  margin: 6rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots) {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 0.1rem;
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots):hover {
  background-color: #ebe9e4;
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots).current {
  color: #1a1a1a;
  background-color: #ebe9e4;
}
.pagination .prev, .pagination .next {
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.pagination .prev span, .pagination .next span {
  font-size: 1.2rem;
}

/* MODAL */
.modal .modal-content {
  border: 0;
  border-radius: 0;
}
.modal .modal-header {
  padding: 1.5rem 1.5rem 0 1.5rem;
  border: 0;
}
.modal .modal-body {
  padding: 1.5rem;
}
.modal .nf-error-msg {
  margin: 0 0 0.5rem 0;
}
.modal .ninja-forms-req-symbol {
  display: none;
}
.modal .nf-response-msg {
  margin: 0 0 1rem 0;
}
.modal #ninja_forms_required_items, .modal .nf-field-container {
  margin-bottom: 1.25rem !important;
}
.modal .nf-form-content .html-wrap {
  margin: 0 0 1.5rem 0;
}
.modal .nf-field-label .nf-label-span, .modal .nf-field-label label {
  font-size: 1.0625rem !important;
  font-weight: 400 !important;
}
.modal .nf-form-content .label-above .nf-field-label {
  margin-bottom: 0.5rem !important;
}
.modal .nf-form-content .list-select-wrap .nf-field-element > div, .modal .nf-form-content input:not([type=button]), .modal .nf-form-content textarea {
  padding: 0.9rem 1.2rem !important;
  font-size: 1.0625rem !important;
  color: #777 !important;
  border: 0.1rem solid #1a1a1a !important;
  background-color: white !important;
}
.modal .nf-form-content .list-select-wrap .nf-field-element > div::placeholder, .modal .nf-form-content input:not([type=button])::placeholder, .modal .nf-form-content textarea::placeholder {
  color: #777;
}
.modal .nf-form-content .listselect-wrap .nf-field-element div, .modal .nf-form-content input.ninja-forms-field, .modal .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: auto !important;
}

/* FORM BLOCK */
.form-block.form-block-contact {
  margin: 4rem 0 0 0;
}
@media screen and (min-width: 576px) {
  .form-block.form-block-contact {
    margin: 6rem 0 0 0;
  }
}
.form-block img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .form-block img {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    object-fit: cover;
  }
}
.form-block .block {
  height: 100%;
}
.form-block .nf-form-content .btn {
  padding: 0.875rem 3rem !important;
  font-size: 1.25rem !important;
}

/* NINJA FORMS */
.nf-form-content {
  padding: 0 !important;
}

.nf-form-title h1, .nf-form-title h2, .nf-form-title h3 {
  margin: 0 0 2.6rem 0;
  font-size: 2rem;
}

.nf-form-fields-required {
  display: none;
}

.nf-error-msg {
  color: #f44611 !important;
}

.ninja-forms-req-symbol {
  display: none;
}

.nf-error.field-wrap .nf-field-element:after {
  display: none !important;
}

.nf-pass.field-wrap .nf-field-element:after {
  display: none !important;
}

.nf-error .nf-error-msg {
  padding: 0.2rem 0 0 0;
  color: #f44611 !important;
}

.nf-field .field-wrap {
  position: relative;
}

.nf-form-content .label-above .nf-field-label {
  margin: 0 !important;
}

.nf-form-content label {
  height: 100%;
  padding: 1.25rem 1.25rem !important;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  line-height: unset !important;
  white-space: nowrap;
  color: #999;
  z-index: 3;
  transform-origin: 0 0;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
  pointer-events: none;
}

.nf-field:has(input:focus) label,
.nf-field:has(textarea:focus) label,
.nf-field:has(input:not(:placeholder-shown)) label,
.nf-field:has(textarea:not(:placeholder-shown)) label {
  color: #999;
  transform: scale(0.75) translateY(-0.55rem) translateX(0.42rem);
}

.listselect-wrap label {
  color: #999;
  transform: scale(0.75) translateY(-0.6rem) translateX(0.31rem);
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 4rem !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  padding: 1.4rem 1.4rem 0.1rem 1.25rem !important;
  font-size: 1.25rem !important;
  color: #1a1a1a !important;
  border: 0 !important;
  background-color: white !important;
}
.nf-form-content .list-select-wrap .nf-field-element > div::placeholder, .nf-form-content input:not([type=button])::placeholder, .nf-form-content textarea::placeholder {
  color: transparent;
}

.nf-form-content textarea {
  padding-top: 2rem !important;
}

.nf-form-content .list-select-wrap > div select {
  padding: 1.35rem 1.4rem 0.1rem 1.25rem !important;
  font-size: 1.25rem !important;
  color: #1a1a1a !important;
}

.nf-form-content .list-select-wrap > div div:after {
  content: url(images/chevron-down.svg) !important;
  width: 0.875rem;
  height: 100% !important;
  padding: 0.6rem 0 0 0;
  right: 1.7rem !important;
  font-family: unset !important;
}

.nf-form-content .html-wrap {
  margin: 0 0 1.9rem 0;
}

/* CONTACT PAGE */
.side-submenu {
  margin: 0.2rem 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style-type: none;
}
.side-submenu a {
  font-size: 1.25rem;
  color: #999;
  text-decoration: none;
}
.side-submenu a:hover {
  color: #1a1a1a;
}
.side-submenu a.active {
  font-weight: 700;
  color: #1a1a1a;
}

.contact-block {
  padding: 0 0 10rem 0;
}
.contact-block .heading-border {
  margin: 0 0 3.5rem 0;
}
@media screen and (min-width: 768px) {
  .contact-block .heading-border {
    margin: 0 0 5.8rem 0;
  }
}

.contact-primary {
  margin: 0 0 2rem 0;
  list-style-type: none;
}
@media screen and (min-width: 768px) {
  .contact-primary {
    margin: 0;
  }
}
.contact-primary li a {
  font-size: 3rem;
  font-weight: 700;
  color: #999;
  line-height: 1.25;
  text-decoration: none;
}
.contact-primary li a:hover {
  color: #1a1a1a;
}

.contact-details {
  margin: 0.75rem 0 0 0;
  padding: 0 0 0 1.7rem;
  position: relative;
  list-style-type: none;
  font-size: 1.25rem;
}
.contact-details:before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Material Symbols Outlined";
  color: #1a1a1a;
}
.contact-details .company-name {
  font-weight: 700;
}

.contact-service {
  padding: 0 0 6rem 0;
}
.contact-service .heading-border {
  margin: 0 0 3.5rem 0;
}

.contact-service-block {
  font-size: 1.25rem;
}
.contact-service-block img {
  width: 100%;
  aspect-ratio: 16/12;
  margin: 0 0 2.1rem 0;
  object-fit: cover;
}
.contact-service-block .title {
  margin: 0 0 1.6rem 0;
  font-size: inherit;
}
.contact-service-block ul {
  list-style-type: none;
}
.contact-service-block ul li {
  color: #777;
}
.contact-service-block ul li:first-child {
  color: #1a1a1a;
  font-weight: 700;
}
.contact-service-block ul li a {
  text-decoration: none;
}
.contact-service-block ul li a:hover {
  color: #1a1a1a;
}

.contact-help {
  color: #777;
}
.contact-help h3 {
  font-size: 1.0625rem;
  color: #1a1a1a;
}
.contact-help p:not(:last-child) {
  margin: 0 0 1.2rem 0;
}
.contact-help a:hover {
  color: #1a1a1a;
}

.note {
  margin: 3.5rem 0 0 0;
  padding: 1.38rem 2rem 1.2rem 1.25rem;
  display: inline-flex;
  flex-direction: column;
  gap: 0.6rem;
  background-color: #ebe9e4;
}
@media screen and (min-width: 992px) {
  .note {
    max-width: 11rem;
    margin: 5rem 0 0 0;
  }
}
.note span {
  font-size: 1.65rem;
  color: #f44611;
}

/* STORE LOCATOR */
.store-locator-filters {
  margin: 2.5rem 0 2.5rem 0;
}
@media screen and (min-width: 576px) {
  .store-locator-filters {
    margin: 3.5rem 0 4rem 0;
  }
}
.store-locator-filters .view-toggle {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}
.store-locator-filters .view-toggle button {
  padding: 0.4rem 0;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: #777;
  border: 0;
  background-color: unset;
}
.store-locator-filters .view-toggle button:hover, .store-locator-filters .view-toggle button.active {
  color: #1a1a1a;
}

.store .store-title {
  margin: 0 0 0.35rem 0;
  font-size: 1.25rem;
}
.store ul {
  list-style-type: none;
}
.store ul a {
  padding: 0 0 0 0.16rem;
  display: flex;
  align-items: center;
  gap: 0.15rem;
  color: #777;
  text-decoration: none;
}
.store ul a span {
  font-size: 0.95rem;
  transform: translateY(0.12rem);
}
.store ul a:hover {
  color: #1a1a1a;
}

#geen-resultaten {
  display: none;
}

.store-map #map {
  aspect-ratio: 3/4;
}
@media screen and (min-width: 576px) {
  .store-map #map {
    aspect-ratio: 4/3;
  }
}

.map-contact-info {
  min-width: 13rem;
  font-family: "neue-haas-grotesk-display", "Arial", sans-serif;
  font-size: 1.0625rem;
}
.map-contact-info .title {
  margin: 0 0 0.35rem 0;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
}
.map-contact-info a {
  padding: 0 0 0 0.16rem;
  display: flex;
  align-items: center;
  gap: 0.15rem;
  color: #777;
  text-decoration: none;
}
.map-contact-info a span {
  font-size: 0.95rem;
}
.map-contact-info a:hover {
  color: #1a1a1a;
}

/* SAMPLES */
@media screen and (min-width: 992px) {
  .order-steps {
    margin: 0 2rem 0 0;
    padding: 0.2rem 2rem 0.2rem 0;
    border-right: 0.1rem solid #999;
  }
}
.order-steps .accordion-item {
  border-top: 0.1rem solid #1a1a1a;
}
.order-steps .accordion-item:last-child {
  border-bottom: 0.1rem solid #1a1a1a;
}
.order-steps .accordion-item .accordion-button {
  padding: 1.18rem 3.2rem 1.18rem 0;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  font-size: 1.25rem;
  font-weight: 400;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 576px) {
  .order-steps .accordion-item .accordion-button {
    font-size: 1.5rem;
  }
}
.order-steps .accordion-item .accordion-button.disabled-step {
  opacity: 0.5;
  cursor: not-allowed;
}
.order-steps .accordion-item .accordion-button.disabled-step .icon {
  color: #999;
}
.order-steps .accordion-item .accordion-button .step {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.375rem;
  font-weight: 700;
  color: white;
  background-color: #1a1a1a;
}
.order-steps .accordion-item .accordion-button .icon {
  width: 2.5rem;
  height: 2.5rem;
  top: 50%;
  right: 0.3rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: 400;
  color: #1a1a1a;
}
.order-steps .accordion-item .accordion-button .icon:before, .order-steps .accordion-item .accordion-button .icon:after {
  position: absolute;
  font-family: "Material Symbols Outlined";
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.order-steps .accordion-item .accordion-button .icon:before {
  content: "";
  opacity: 1;
}
.order-steps .accordion-item .accordion-button .icon:after {
  content: "";
  opacity: 0;
}
.order-steps .accordion-item .accordion-button.collapsed .icon {
  font-size: 1.9rem;
}
.order-steps .accordion-item .accordion-button.collapsed .icon:before {
  opacity: 0;
  transform: rotate(-50deg);
}
.order-steps .accordion-item .accordion-button.collapsed .icon:after {
  opacity: 1;
  transform: rotate(0);
}
.order-steps .accordion-item .accordion-body {
  padding: 1.5rem 0 3.2rem 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (min-width: 992px) {
  .order-steps .accordion-item .accordion-body {
    padding: 1.5rem 4rem 3.2rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .order-steps .accordion-item .accordion-body {
    padding: 1.5rem 8rem 3.2rem 0;
  }
}
.order-steps .accordion-item .accordion-body .option-title {
  margin: 0 0 0.85rem 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-weight: 700;
}
.order-steps .accordion-item .accordion-body .option-title span {
  font-size: 1.2rem;
}
.order-steps .accordion-item .accordion-body .option-subtitle {
  margin: 0 0 0.5rem 0;
  display: block;
  color: #777;
  font-style: italic;
}
.order-steps .accordion-item .accordion-body .payment-title {
  margin: 0 0 1.6rem 0;
  display: flex;
  align-items: center;
  gap: 0.68rem;
  font-weight: 700;
}
.order-steps .accordion-item .accordion-body .payment-title img {
  width: 2.3rem;
}
.order-steps .accordion-item .accordion-body .form-check-options {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.order-steps .accordion-item .accordion-body .form-check {
  min-height: unset;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.order-steps .accordion-item .accordion-body .form-check .form-check-input {
  width: 0.95rem;
  height: 0.95rem;
  margin: 0;
  position: absolute;
  top: 0.125rem;
  border: 0.1rem solid #999;
  border-radius: 0.1rem;
  transition: 0.1s all cubic-bezier(0.3, 1, 0.3, 1);
  cursor: pointer;
}
.order-steps .accordion-item .accordion-body .form-check .form-check-input:checked {
  border-color: #1a1a1a;
  background-color: #1a1a1a;
  background-image: none;
}
.order-steps .accordion-item .accordion-body .form-check .form-check-input:focus {
  box-shadow: unset;
}
.order-steps .accordion-item .accordion-body .form-check .form-check-input.form-check-input-radio {
  border-radius: 50%;
}
.order-steps .accordion-item .accordion-body .form-check .wood-type-subtitle {
  margin: 2rem 0 1rem 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a1a1a;
  border-bottom: 2px solid #999;
  padding-bottom: 0.5rem;
}
.order-steps .accordion-item .accordion-body .form-check .wood-type-subtitle:first-child {
  margin-top: 0;
}
.order-steps .accordion-item .accordion-body .form-check .form-check-label {
  position: relative;
  left: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.27rem;
  cursor: pointer;
}
.order-steps .accordion-item .accordion-body .form-check .form-check-label span {
  font-size: 1.15rem;
}
.order-steps .accordion-item .accordion-body .form-check:hover .form-check-input {
  background-color: #999;
}
.order-steps .accordion-item .accordion-body .form-check:hover .form-check-input:checked {
  background-color: #1a1a1a;
}
.order-steps .accordion-item .accordion-body .sample-group .row {
  --bs-gutter-x: 2.15rem;
  --bs-gutter-y: 2.15rem;
}
.order-steps .accordion-item .accordion-body .checkbox-block {
  display: block;
  cursor: pointer;
}
.order-steps .accordion-item .accordion-body .checkbox-block .checkbox-block-inner {
  color: #999;
  border: 0.1rem solid #eceae5;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
.order-steps .accordion-item .accordion-body .checkbox-block .checkbox-block-inner img {
  width: 100%;
  aspect-ratio: 16/12;
  object-fit: cover;
}
.order-steps .accordion-item .accordion-body .checkbox-block .checkbox-block-inner .checkbox-block-content {
  padding: 2.15rem 1.25rem;
}
.order-steps .accordion-item .accordion-body .checkbox-block .checkbox-input {
  display: none;
}
.order-steps .accordion-item .accordion-body .checkbox-block .checkbox-input:checked + .checkbox-block-inner {
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.order-steps .accordion-item .accordion-body .checkbox-block:hover .checkbox-block-inner {
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.order-steps .accordion-item .accordion-body .view-more {
  margin: 1.5rem auto 0 auto;
  padding: 0 0 0.25rem 0;
  display: flex;
  align-items: center;
  gap: 0.38rem;
  border: 0;
  border-bottom: 0.1rem solid #1a1a1a;
  background-color: unset;
}
.order-steps .accordion-item .accordion-body .view-more span {
  font-size: 1.12rem;
}
.order-steps .accordion-item .accordion-body .sample-form {
  padding: 1.5rem 0;
}
.order-steps .accordion-item .accordion-body .sample-form .option-title {
  margin: 0 0 1.2rem 0;
}
.order-steps .accordion-item .accordion-body .sample-form .row {
  --bs-gutter-y: 1.15rem;
  --bs-gutter-x: 2.4rem;
}
.order-steps .accordion-item .accordion-body .sample-form .btn-row {
  margin-top: 2.2rem;
  display: flex;
}
.order-steps .accordion-item .accordion-body .sample-form .btn-row .btn {
  margin-left: auto;
}
.order-steps .accordion-item .accordion-body .sample-order-list {
  margin: 1.85rem 0 0 0;
  display: flex;
  flex-direction: column;
  list-style-type: none;
}
.order-steps .accordion-item .accordion-body .sample-order-list li {
  display: flex;
  align-items: center;
  gap: 1.9rem;
  border-bottom: 1px solid;
  padding: 1rem 0;
}
.order-steps .accordion-item .accordion-body .sample-order-list li img {
  width: 4.6rem;
  aspect-ratio: 16/12;
  object-fit: cover;
}
.order-steps .accordion-item .accordion-body .sample-order-list li .order-info {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}
@media screen and (min-width: 576px) {
  .order-steps .accordion-item .accordion-body .sample-order-list li .order-info {
    flex-direction: row;
  }
}
.order-steps .accordion-item .accordion-body .sample-order-list li.total-price {
  justify-content: space-between;
}
.order-steps .accordion-item .accordion-body .sample-order-list li.total-price .price {
  font-size: 1.5rem;
  font-weight: 700;
}
.order-steps .accordion-item .accordion-body .address {
  list-style-type: none;
}
.order-steps .accordion-item .accordion-body .accordion-body-footer .info {
  padding: 1.45rem 3rem 1.45rem 2.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #ebe9e4;
}
.order-steps .accordion-item .accordion-body .accordion-body-footer .info span {
  font-size: 1.65rem;
  color: #f44611;
}
.order-steps .accordion-item .accordion-body .accordion-body-footer .submit-text {
  padding: 0 1.5rem 0 0;
  font-size: 0.8rem;
  color: #777;
  line-height: 1.4;
}
.order-steps .accordion-item .accordion-body .accordion-body-footer .btn {
  width: 100%;
  white-space: nowrap;
}

@media screen and (min-width: 992px) {
  .order-sidebar {
    padding: 1.3rem 0 0 0;
  }
}
.order-sidebar .order-sidebar-summary {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}
.order-sidebar .title {
  margin: 0 0 1.75rem 0;
  font-weight: 400;
  color: #999;
}
.order-sidebar .subtitle {
  font-weight: 700;
}
.order-sidebar ul {
  list-style-type: none;
}
.order-sidebar ul li {
  padding: 0 0 0 0.55rem;
  position: relative;
}
.order-sidebar ul li:before {
  content: "-";
  position: absolute;
  left: 0;
}

/* SEARCH RESULTS */
.result-count {
  margin: 4rem 0 3.5rem 0;
}

.search-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.search-result-group .title {
  margin: 0 0 3.5rem 0;
  padding: 0 0 0.4rem 0;
  border-bottom: 2px solid #1a1a1a;
}

/* ERROR PAGE */
.error-section {
  display: flex;
  align-items: center;
}

.error-section-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
}
.error-section-content .btn {
  margin: 0.35rem 0 0 0;
}

/* FOOTER */
footer {
  margin: 3rem 0 0 0;
  padding: 4.5rem 0 0 0;
  font-size: 1.5rem;
  background-color: #ebe9e4;
}
@media screen and (min-width: 992px) {
  footer {
    padding: 6.875rem 0 0 0;
  }
}
footer .row {
  --bs-gutter-y: 3rem;
}
@media screen and (min-width: 1200px) {
  footer .row {
    --bs-gutter-y: 0rem;
  }
}
footer .logo {
  margin: 0 0 1.8rem 0;
  display: block;
}
footer .logo img {
  width: 9.2rem;
}
@media screen and (min-width: 768px) {
  footer .logo img {
    width: 11rem;
  }
}
footer p {
  font-weight: 600;
  line-height: 1.3;
  color: #999;
}
footer .footer-title {
  margin: 0.45rem 0 1.9rem 0;
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #777;
}
footer .footer-list {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
  list-style-type: none;
}
footer .footer-list li a {
  display: flex;
  align-items: center;
  gap: 0 0.62rem;
  font-size: 1.25rem;
  text-decoration: none;
}
footer .footer-list li a .count {
  padding: 0.11rem 0.4rem;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  background-color: #1a1a1a;
}

.footerbar {
  padding: 4rem 0 2.5rem 0;
  font-size: 0.875rem;
  background-color: #ebe9e4;
}
@media screen and (min-width: 1200px) {
  .footerbar {
    padding: 3.5rem 0 6.875rem 0;
  }
}
.footerbar ul {
  display: flex;
  list-style-type: none;
}
.footerbar .footerbar-list {
  gap: 1.2rem;
  color: #777;
}
.footerbar .footerbar-list li a {
  color: #777;
  text-decoration: none;
}
.footerbar .socials {
  gap: 1rem;
  font-size: 1.7rem;
}

/* SCREEN READER */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/*# sourceMappingURL=style.css.map */