/* Cache-busted full-width responsive header for MasterLS. */
.site-header {
  position: fixed !important;
  z-index: 10010;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 32px rgba(23, 60, 74, .08);
}

.site-header::before {
  position: absolute;
  z-index: 10012;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg, #e84431 0%, #f5a82d 24%, #22a869 51%, #0788b8 76%, #18b8ce 100%);
}

.page-wrapper {
  padding-top: 90px;
}

.admin-bar .site-header {
  top: 32px;
}

/* XStore's smart-sticky mode briefly moves the header content to a negative
   top value while the user scrolls upward. The custom header is permanently
   fixed, so neutralise that second motion layer to prevent clipping. */
#header.site-header[data-type="smart"].sticky-on > .header-wrapper {
  top: 0 !important;
  transform: none !important;
  animation: none !important;
  -webkit-animation: none !important;
}

#header.site-header .header-wrapper,
#header.site-header .header-main-wrapper,
#header.site-header .header-main {
  top: 0 !important;
  transform: none !important;
}

#header.site-header .header-main-wrapper,
#header.site-header .header-main {
  overflow: visible !important;
  transition-property: background-color, border-color, box-shadow !important;
}

@media (min-width: 993px) {
  .header-wrapper .et_b_header-search .dgwt-wcas-search-wrapp {
    width: 42px !important;
    min-width: 42px;
    height: 42px !important;
    margin: 0 3px !important;
  }

  .header-wrapper .et_b_header-search .dgwt-wcas-search-icon {
    display: flex !important;
    position: static !important;
    width: 42px;
    min-width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--masterls-header-ink);
    background: #f5f9fa;
    border: 1px solid #e6eef1;
    border-radius: 14px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  .header-wrapper .et_b_header-search .dgwt-wcas-search-icon:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--masterls-header-blue), var(--masterls-header-cyan));
    border-color: transparent;
    box-shadow: 0 9px 20px rgba(7, 136, 184, .24);
    transform: translateY(-2px);
  }

  .header-wrapper .et_b_header-search .dgwt-wcas-search-icon .et_b-icon {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    font-size: 20px;
  }

  .header-wrapper .header-main-wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 0 !important;
    overflow: visible;
    background: #fff !important;
    border: 0 !important;
  }

  .header-wrapper .header-main-wrapper::before {
    display: none;
  }

  .header-wrapper .header-main {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
  }

  .header-wrapper .header-main .et-row-container {
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    height: 90px;
    padding-right: clamp(20px, 4vw, 84px);
    padding-left: clamp(20px, 4vw, 84px);
    margin: 0 !important;
    overflow: visible;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .header-wrapper .header-main .et-row-container::after {
    display: none;
  }

  .header-wrapper .header-main .et-wrap-columns {
    height: 90px;
    min-height: 90px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column {
    min-width: 0;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(2) {
    min-width: 0;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(4) {
    flex: 0 0 380px;
  }

  .header-wrapper .connect-block-element-YznsD {
    flex-wrap: nowrap;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:first-child,
  .header-wrapper .header-main .et-wrap-columns > .et_column:last-child {
    overflow: visible;
  }

  .header-wrapper .header-main-wrapper.sticky-on,
  .header-wrapper .header-main-wrapper.fixed {
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1500px) {
  .header-wrapper .header-main .et-wrap-columns {
    gap: 16px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(1) {
    flex: 1 1 260px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(2) {
    flex: 0 1 650px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(3) {
    flex: 0 0 52px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(4) {
    flex: 1 1 380px;
    min-width: 380px;
  }

  .header-wrapper .et_b_header-logo-img {
    width: 82px;
    height: 76px;
    max-width: 82px;
    max-height: 76px;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .header-wrapper .header-main .et-row-container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .header-wrapper .header-main .et-wrap-columns {
    gap: 7px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(1) {
    flex: 0 0 90px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(3) {
    flex: 0 0 44px;
  }

  .header-wrapper .header-main .et-wrap-columns > .et_column:nth-child(4) {
    flex: 0 0 350px;
  }

  .header-wrapper .et_b_header-logo-img {
    width: 70px;
    height: 66px;
    max-width: 70px;
    max-height: 66px;
  }

  .header-wrapper .header-main-menu .menu {
    gap: 1px;
  }

  .header-wrapper .header-main-menu .menu > li > a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 13px;
  }

  .header-wrapper .connect-block-element-YznsD {
    gap: 6px;
  }

  .header-wrapper .et_b_header-cart {
    padding-right: 8px;
    padding-left: 8px;
  }

  .header-wrapper .header-main-menu2 {
    padding-right: 6px;
    padding-left: 6px;
  }
}

@media (max-width: 992px) {
  .page-wrapper {
    padding-top: 78px;
  }

  .mobile-header-wrapper .header-main-wrapper {
    width: 100%;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-image: none !important;
  }

  .mobile-header-wrapper .header-main {
    width: 100%;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .mobile-header-wrapper .header-main .et-wrap-columns {
    width: 100% !important;
    min-height: 78px;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mobile-header-wrapper .header-main .et-row-container {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-height: 78px;
    padding-right: clamp(14px, 4vw, 26px);
    padding-left: clamp(14px, 4vw, 26px);
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .mobile-header-wrapper .header-main .et-wrap-columns > .et_column {
    padding-right: 6px;
    padding-left: 6px;
  }

  .mobile-header-wrapper .header-main .et_b_header-mobile-menu > .et-element-label-wrapper .et-toggle,
  .mobile-header-wrapper .header-main .et_b_header-cart > a.et-toggle {
    display: flex;
    width: 42px;
    min-width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: var(--masterls-header-ink);
    background: #f1f7f9;
    border: 1px solid #e1ecef;
    border-radius: 14px;
  }

  .mobile-header-wrapper .header-main .et_b_header-cart > a.et-toggle {
    color: var(--masterls-header-ink) !important;
  }
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}