.sticky-box {
  --sticky-top: 0px;
  top: var(--sticky-top);
}
.sticky-box__check {
  --check-size: 40px;
  position: absolute;
  top: calc(-1 * var(--sticky-top) - var(--check-size));
  left: 0px;
  width: var(--check-size);
  height: var(--check-size);
  pointer-events: none;
}
.sticky-box__check-2 {
  --check-size-2: 1px;
  --settle-dist-2: 0px;
  width: var(--check-size-2);
  height: var(--check-size-2);
  margin-top: calc(-1 * var(--check-size-2));
  position: relative;
  top: var(--settle-dist-2);
  pointer-events: none;
}
.page-header {
  z-index: 1000;
}
@keyframes overflow-visible-eventually {
  0% {
    overflow: hidden;
  }
  99% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.orderlist-sticky-header {
  z-index: 2000;
}
html:has(.sm-prefabrication-cut-drawer--visible-y) .orderlist-sticky-header {
  z-index: 1;
}
.orderlist-sticky-header {
  z-index: 10;
}
.scroll-down .sticky-wrapper,
.cms-layout-DA.scroll-down .sticky-wrapper,
.cms-layout-MSM.scroll-down .sticky-wrapper,
.cms-layout-SM.scroll-down .sticky-wrapper {
  transform: translate3d(0, -200%, 0);
  z-index: 1;
}
#orderlist-sticky-header-container {
  padding-top: 1px;
  padding-bottom: 1px;
}
.sticky-header-productlist-container:where(.sticky-box--stuck-y) {
  box-shadow: 0 5px 5px -5px #999999;
  background-color: white;
  z-index: 10;
}
html {
  scroll-padding-top: calc(max());
}
@media (max-width: 991px) {
  :root {
    --min-scroll-padding-top: 128px;
    --page-bar-stack-height: 0px;
    --hitlist-filter-bar-height: 180px;
    --pdp-sticky-bar-height: 190px;
    --orderlist-sticky-bar-height: 222px;
  }
  :root:not(:has(.in-app-body)) {
    --header-bar-height: 72px;
  }
  :root:has(.in-app-body) {
    --header-bar-height: 0px;
  }
  .sticky-box:where(:not(.sticky-box--position-sticky-mobile-n)) {
    position: sticky;
  }
  .page-header {
    --expanded-height: 128px;
    min-height: var(--expanded-height);
    pointer-events: none;
  }
  .page-header {
    --sticky-top: 0px;
  }
  .sticky-box__check-2:where(:has(+ .page-header)) {
    --settle-dist-2: 65px;
  }
  :where(html:has(#background-layer.background-layer)) .page-header {
    z-index: 0;
  }
  .tiny-header:where(:not(.is-active)) .container .row > div.language-nav {
    transition: z-index 0s 0.5s, background-color 0s 0.5s, left 0.5s ease-in-out;
  }
  .tiny-header:where(.is-active) .container .row > div.language-nav {
    z-index: 2000;
    transition: z-index 0s 0s, background-color 0s 0s, left 0.5s ease-in-out;
  }
  .tiny-header .tiny-header__cross--active-n {
    transition: z-index 0s 0.6s;
  }
  .tiny-header .tiny-header__cross--active-y {
    z-index: 2010;
    transition: z-index 0s 0s;
  }
  .page-header__inner .mod-nav-service#bottom-service-nav {
    top: -110px;
  }
  .tiny-header:where(.is-active) .tiny-header__title-box {
    z-index: 2010;
  }
  :where(.html--side-menu-touched-y:not(.html--side-menu-shown-y)) .open-menu-icon {
    animation-name: tiny-header__cross--active-y;
    animation-duration: 0.8s;
  }
  .search-bar-overlay-shown .page-top-logo {
    display: none;
  }
  :where(.search-bar-overlay-shown) .big-header,
  :where(.search-bar-overlay-shown) .mod-nav-service {
    clip-path: unset;
  }
  :where(html:has(.img-search__brand-filter-container--expanded-y)) .page-header {
    z-index: 0;
  }
  .page-header__inner {
    pointer-events: all;
  }
  .page-top-logo {
    --transition-time: 0.4s;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-time);
    background-color: #f1f1f1;
  }
  .page-top-logo__inner {
    overflow: hidden;
  }
  :where(.page-header:not(.sticky-box--settled-y)) .page-top-logo,
  :where(html:not(.html--scroll-dir-down) .page-header) .page-top-logo {
    grid-template-rows: 1fr;
  }
  :where(.page-header:not(.sticky-box--settled-y)) .page-top-logo__inner,
  :where(html:not(.html--scroll-dir-down) .page-header) .page-top-logo__inner {
    animation-name: overflow-visible-eventually;
    animation-duration: var(--transition-time);
    animation-fill-mode: forwards;
  }
  :where(.page-top-logo) .mod-logo {
    margin-bottom: 4px;
  }
  :where(.page-header) .search-container {
    transition: margin-top 0.4s;
    margin-top: 0px;
  }
  :where(.html--scroll-dir-down .page-header.sticky-box--settled-y) .search-container {
    margin-top: 16px;
  }
  :where(.page-header) .page-top-nav .service-list .service-list__item {
    min-height: 36px;
  }
  .sticky-header-productlist-container {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ .sticky-header-productlist-container)) {
    --settle-dist-2: 65px;
  }
  .product-detail-sticky {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ .product-detail-sticky)) {
    --settle-dist-2: 65px;
  }
  .solr-grid-filter-container-parent {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ .solr-grid-filter-container-parent)) {
    --settle-dist-2: 65px;
  }
  .solr-grid-filter-container-parent:where(.sticky-box--stuck-y) {
    box-shadow: 0 5px 5px -5px #999999;
  }
  #orderlist-sticky-header {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ #orderlist-sticky-header)) {
    --settle-dist-2: 65px;
  }
}
@media (min-width: 992px) {
  :root {
    --min-scroll-padding-top: 200px;
    --page-bar-stack-height: 72px;
    --hitlist-filter-bar-height: 180px;
    --pdp-sticky-bar-height: 190px;
  }
  :root:not(:has(.in-app-body)) {
    --header-bar-height: 72px;
  }
  :root:has(.in-app-body) {
    --header-bar-height: 0px;
  }
  .sticky-box:where(:not(.sticky-box--position-sticky-desktop-n)) {
    position: sticky;
  }
  .page-header {
    --expanded-height: 163px;
    min-height: var(--expanded-height);
    pointer-events: none;
  }
  .page-header {
    --sticky-top: 0px;
  }
  .sticky-box__check-2:where(:has(+ .page-header)) {
    --settle-dist-2: 65px;
  }
  .page-header__inner {
    pointer-events: all;
  }
  .page-main-nav {
    --transition-time: 0.4s;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-time);
    background-color: #f1f1f1;
  }
  .page-main-nav__inner {
    overflow: hidden;
  }
  :where(.page-header__inner:hover) .page-main-nav,
  :where(.page-header:not(.sticky-box--settled-y)) .page-main-nav {
    grid-template-rows: 1fr;
  }
  :where(.page-header__inner:hover) .page-main-nav__inner,
  :where(.page-header:not(.sticky-box--settled-y)) .page-main-nav__inner {
    animation-name: overflow-visible-eventually;
    animation-duration: var(--transition-time);
    animation-fill-mode: forwards;
  }
  .page-main-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
  .menu.service-list {
    opacity: 1;
    transition: opacity 0.4s, max-height 0.4s;
    max-height: 400px;
  }
  .sticky-box--settled-y .page-header__inner:not(:hover) .menu.service-list {
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    pointer-events: none;
  }
  :where(.menu.service-list) .service-list__link {
    transition: clip-path 0.4s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  :where(.sticky-box--settled-y .page-header__inner:not(:hover) .menu.service-list) .service-list__link {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  .sticky-header-productlist-container {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ .sticky-header-productlist-container)) {
    --settle-dist-2: 65px;
  }
  .sticky-header-productlist-container {
    z-index: 1;
  }
  .product-detail-sticky {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ .product-detail-sticky)) {
    --settle-dist-2: 65px;
  }
  .solr-grid-filter-container-parent {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ .solr-grid-filter-container-parent)) {
    --settle-dist-2: 65px;
  }
  #orderlist-sticky-header {
    --sticky-top: var(--header-bar-height);
  }
  .sticky-box__check-2:where(:has(+ #orderlist-sticky-header)) {
    --settle-dist-2: 65px;
  }
  .orderlist-sticky-header {
    transition: transform 0.6s, padding 0.2s;
  }
  .orderlist-sticky-header.sticky-wrapper {
    padding-top: 10px;
  }
  body:has(.img-search__steps--upload-form) {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100dvw;
    max-height: 100dvh;
    overflow: hidden;
  }
  .solr-grid {
    --solr-grid-th-height: 100%;
  }
  .solr-grid .solr-container-1 .solr-container-2 .solr-container-3 table.table thead th:first-child,
  .solr-grid .solr-container-1 .solr-container-2 .solr-container-3 table.table thead th.ve-unit,
  .solr-grid .solr-container-1 .solr-container-2 .solr-container-3 table.table thead th:last-child,
  .solr-grid .solr-container-1 .solr-container-2 .solr-container-3 table.table thead th {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
:where(.sticky-header-productlist-container.sticky-box--stuck-y) .header-row,
.layout-da .productlist-da :where(.sticky-header-productlist-container.sticky-box--stuck-y) .header-row,
.layout-msm .productlist-msm :where(.sticky-header-productlist-container.sticky-box--stuck-y) .header-row,
.layout-sm .productlist-sm :where(.sticky-header-productlist-container.sticky-box--stuck-y) .header-row {
  border-top-color: white;
}
