:root {
  --body-color: #FCBD00;
  --anchor-color: #fff;
  --anchor-color-hover: #FCBD00;
  --desktop-header-height: 240px;
  --desktop-header-height-small: 240px;
  --desktop-header-link-color: #fff;
  --desktop-header-link-color-hover: #fff;
  --desktop-nav-background: #FCBD00;
  --desktop-nav-link-color: #000;
  --desktop-nav-link-color-hover: #000;
  --desktop-dropdown-background: #FCBD00;
  --desktop-dropdown-background-hover: #E2AA00;
  --desktop-dropdown-color-hover: #000;
  --desktop-dropdown-color: #000;

  --desktop-header-nav-height: 0px; /* comment this out to show menu; also uncomment selector below */
}

html, body {
  background: #000;
}

:where(.front) .fieldset .mimic-label,
:where(.front) .mimic-label,
:where(.front) label {
  color: var(--body-color);
}

:where(.front) .button.hollow,
:where(.front) .button.hollow.disabled,
:where(.front) .button.hollow.disabled:focus,
:where(.front) .button.hollow.disabled:hover,
:where(.front) .button.hollow[disabled],
:where(.front) .button.hollow[disabled]:focus,
:where(.front) .button.hollow[disabled]:hover,
:where(.front) .menu.app-menu.is-pills>li>a.hollow {
  color: #fff;
}

.product-comparison-overview-widget {
  color: #000;
}

.product-detail__media-thumbs button,
.product-detail__media-large button {
  background: #fff;
}

:where(.front) thead,
:where(.front) tfoot,
:where(.front) tbody {
  background-color: transparent;
  color: var(--body-color);
}

:where(.front) tbody th,
:where(.front) tbody td {
  color: #000;
}

.product-comparison tbody tr,
.product-comparison tbody th,
.product-comparison tbody td {
  background: transparent;
  color: var(--body-color);
}

.product-comparison__product-thumb {
  background: #fff;
}

.page-header__mobile {
  background: #000;
  color: #F6C939;
}

.mobile-nav {
  background: #000;
  color: #F6C939;
}

.mobile-nav .header-tr {
  border-bottom-color: currentColor;
  border-top-color: currentColor;
}

.mobile-nav a,
.mobile-nav a:active,
.mobile-nav a:focus,
.mobile-nav a:hover {
  color: #fff;
}

.page-header__desktop {
  background: #000;
  color: #F6C939;
  padding-inline: 0;
}

.page-header__desktop .header-rest {
  align-self: center;
  height: auto;
}

.page-header__desktop .page-header__main .header-tr {
  margin-top: 0;
}

.page-footer .ngcom {
  color: #a2a2a2;
}

/* comment this out to show menu; also uncomment property above */
.page-header__desktop .page-header__nav {
  display: none;
}

.product-grid__products .product {
  color: #000;
}
:root { --body-font-family: "Montserrat", sans-serif; --heading-font-family: "Montserrat", sans-serif; }
@media (min-width: 1280px) {
.page-header {
  position: relative;
}

.app {
  margin-top: 0;
}
}
.page-header__desktop .site-logo img,
.page-header__desktop .site-logo svg {
width: 180px;
height: 180px;
}

.smaller .page-header__desktop .site-logo img,
.smaller .page-header__desktop .site-logo svg {
width: 180px;
height: 180px;
}