#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://www.saimaxx.com/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://www.saimaxx.com/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 950px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 780px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: left;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

.calendar {
  z-index:10001;
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
/* DESKTOP HEADER ONLY */
@media only screen and (min-width: 771px) {

    body {
        font-family: 'Rubik', Arial, sans-serif !important;
    }

    /* TOP BAR */
    .header-section-top-top,
    .header-section-top-top > div,
    .header-section-top-top p {
        background: #3f4248 !important;
        background-color: #3f4248 !important;
        color: #ffffff !important;
        font-family: 'Rubik', Arial, sans-serif !important;
    }

    .header-section-top-top {
        height: 25px !important;
        min-height: 25px !important;
    }

    .header-section-top-top > div {
        height: 25px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .header-section-top-top p {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    /* MAIN GREY HEADER */
    .header-section--top,
    .header-section--top__inner {
        background: #51545c !important;
    }

    .header-section--top__inner {
        height: 118px !important;
        min-height: 118px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 40px !important;
        box-sizing: border-box !important;
    }

    .header-section--top__block {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .header-section--top__block--left {
        width: 240px !important;
        justify-content: flex-start !important;
    }

    .header-section--top__block--middle {
        width: 620px !important;
        justify-content: center !important;
    }

    .header-section--top__block--right {
        width: 430px !important;
        justify-content: flex-end !important;
    }

    /* LOGO */
    .logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    .logo img.large {
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;
        display: block !important;
    }

    /* SEARCH BAR */
    #header-search,
    #search_mini_form {
        margin: 0 !important;
    }

    #search_mini_form .input-box {
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
        border-radius: 11px !important;
        background: #f3f3f3 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #search_mini_form label {
        display: none !important;
    }

    #search {
        width: 400px !important;
        height: 46px !important;
        border: none !important;
        background: #f3f3f3 !important;
        border-radius: 11px 0 0 11px !important;
        padding: 0 22px !important;
        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        color: #444444 !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
        border-right: 0 !important;
        margin-right: 0 !important;
    }

    #search::placeholder {
        font-family: 'Rubik', Arial, sans-serif !important;
        color: #777777 !important;
    }

    .search-button {
        width: 68px !important;
        height: 46px !important;
        border: none !important;
        background: #ed1c24 !important;
        border-radius: 0 11px 11px 0 !important;
        margin: 0 !important;
        margin-left: -1px !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 2 !important;
        box-shadow: none !important;
    }

    .search-button span {
        color: #ffffff !important;
    }

    /* CONTACT / LOGIN / REGISTER */
    .header-section__cart-pricing {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .header-icon-block {
        width: 110px !important;
        height: 72px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        background: transparent !important;
        border-left: 1px solid rgba(255,255,255,0.16) !important;
        text-decoration: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .header-icon-block .icon {
        margin-bottom: 6px !important;
    }

    .header-icon-block .label {
        color: #ffffff !important;
        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0.3px !important;
        text-transform: uppercase !important;
        line-height: 12px !important;
    }

    .header-icon-block .label-subtext {
        display: none !important;
    }

    /* HIDE MIDDLE BAR */
    .header-section--middle {
        display: none !important;
    }

    /* CATEGORY BAR */
    .header-section--bottom,
    .header-section--bottom__inner {
        background: #ED1F24  !important;
        height: 60px !important;
        min-height: 60px !important;
        border: none !important;
    }

    .skip-links {
        display: block !important;
    }

    #header-nav-desktop,
    .skip-link-inner-container,
    #nav {
        display: block !important;
        background: transparent !important;
        height: 60px !important;
    }

    .nav-primary {
        display: table !important;
        width: 100% !important;
        height: 60px !important;
        table-layout: fixed !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .nav-primary > li.level0 {
        display: table-cell !important;
        float: none !important;
        vertical-align: middle !important;
        height: 60px !important;
        background: transparent !important;
        border-right: none !important;
        position: relative !important;
    }

    /* SOLID CATEGORY DIVIDERS - 15% SHORTER */
    .nav-primary > li.level0:not(:last-child)::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 7.5% !important;
        height: 85% !important;
        width: 1px !important;
        background: #c4c4c4 !important;
    }

    .nav-primary > li.level0 > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 60px !important;
        padding: 0 8px !important;
        color: #ffffff !important;
        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 15px !important;
        text-align: center !important;
        text-transform: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }

    .nav-primary > li.level0 > a:hover {
        background: rgba(0,0,0,0.10) !important;
        color: #ffffff !important;
    }

    .nav-primary ul.level0 {
        top: 60px !important;
    }
}

/* =========================================
   FORCE FULL TOP BAR DARK GREY
   ========================================= */

.header-section-top-top,
.header-section-top-top > div,
.header-section-top-top p,
.page-header .header-section-top-top,
.page-header .header-section-top-top > div {
    background: #3f4248 !important;
    background-color: #3f4248 !important;
}

/* =========================================
   REMOVE OLD DOTTED CATEGORY DIVIDERS
   ========================================= */

.nav-primary > li.level0 {
    border-right: none !important;
}

.nav-primary > li.level0:before,
.nav-primary > li.level0:after,
.nav-primary > li.level0 > a:before,
.nav-primary > li.level0 > a:after {
    border-right: none !important;
    border-left: none !important;
}

/* =========================================
   NEW SHORT SOLID DIVIDERS
   ========================================= */

.nav-primary > li.level0:not(:last-child)::after {

    content: "" !important;

    position: absolute !important;

    right: 0 !important;

    top: 7.5% !important;

    height: 85% !important;

    width: 1px !important;

    background: #c4c4c4 !important;

    border: none !important;
}

/* FORCE INLINE TOP BAR BACKGROUND */

.header-section-top-top div[style] {
    background: #3f4248 !important;
    background-color: #3f4248 !important;
}


.header-section-top-top > div,
.header-section-top-top > div[style],
.header-section-top-top div[style*="ED1F24"] {
    background-color: #3f4248 !important;
    background: #3f4248 !important;
}

/* REMOVE OLD DOTTED CATEGORY DIVIDERS */

.nav-primary li,
.nav-primary li a,
.nav-primary > li.level0,
.nav-primary > li.level0 > a {
    border-right: none !important;
    background-image: none !important;
}

/* KILL ANY DOTTED PSEUDO ELEMENTS */

.nav-primary li:before,
.nav-primary li:after,
.nav-primary li a:before,
.nav-primary li a:after {
    border: none !important;
    background-image: none !important;
}

/* NEW SHORT SOLID DIVIDERS */

.nav-primary > li.level0:not(:last-child)::after {

    content: "" !important;

    position: absolute !important;

    right: 0 !important;

    top: 7.5% !important;

    height: 85% !important;

    width: 1px !important;

    background: #c4c4c4 !important;
}

/* REMOVE DEFAULT DOTTED CATEGORY DIVIDERS */

nav#nav ol.nav-primary li.level0 {
    border-left: none !important;
}

/* NEW SOLID DIVIDERS */

.nav-primary > li.level0:not(:last-child)::after {

    content: "" !important;

    position: absolute !important;

    right: 0 !important;

    top: 7.5% !important;

    height: 85% !important;

    width: 1px !important;

    background: #c4c4c4 !important;
}

/* MAKE HEADER ICON PNGS WHITE */
.header-section--top__block .header-section__cart-pricing .header-icon-block .icon {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

/* FORCE HEADER ICON IMAGES WHITE */

.header-icon-block img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

/* =========================================
   CLEAN COMPACT FULL-WIDTH MEGA MENU
   ========================================= */

@media only screen and (min-width: 771px) {

    .nav-primary > li.level0 {
        position: static !important;
    }

    /* Full dropdown box */
    .nav-primary > li.level0 > ul.level0 {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 60px !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        background: #ffffff !important;
        padding: 8px 18px 18px 18px !important;
        box-sizing: border-box !important;

        border: none !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.18) !important;
        z-index: 9999 !important;

        height: auto !important;
        min-height: 0 !important;
    }

    /* Main columns */
    .nav-primary > li.level0 > ul.level0 > li.level1 {
        float: left !important;
        width: 20% !important;

        padding: 0 18px 18px 0 !important;
        margin: 0 !important;

        box-sizing: border-box !important;
        background: #ffffff !important;
        border: none !important;

        text-align: center !important;

        height: auto !important;
        min-height: 0 !important;
        line-height: 0 !important;
    }

/* Red headings */
.nav-primary > li.level0 > ul.level0 > li.level1 > a.level1 {

    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;

    width: 100% !important;
    height: 14px !important;

    color: #ed1f24 !important;
    background: transparent !important;

    font-family: 'Rubik', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 6px !important;
    text-align: center !important;

    padding: 0 0 1px 0 !important;

    margin: 0 0 11px 0 !important;

    vertical-align: bottom !important;

    border-bottom: none !important;
    box-shadow: inset 0 -1px 0 0 #dddddd !important;

    height: auto !important;
    min-height: 0 !important;
}
    }

    /* UL under headings */
    .nav-primary > li.level0 > ul.level0 > li.level1 > ul.level1 {
        display: block !important;
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        height: auto !important;
        min-height: 0 !important;
        line-height: 0 !important;
    }

/* Grey item rows */
.nav-primary > li.level0 > ul.level0 > li.level1 > ul.level1 > li.level2,
#nav ul.level0 li.level2 {
    float: none !important;
    display: block !important;
    width: 100% !important;

    margin: 0 0 4px 0 !important;
    padding: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;

    background: transparent !important;
    border: none !important;

    text-align: center !important;
}

/* Grey links */
.nav-primary > li.level0 > ul.level0 > li.level1 > ul.level1 > li.level2 > a.level2,
#nav ul.level0 li.level2 > a {
    display: block !important;
    width: 100% !important;

    color: #333333 !important;
    background: transparent !important;

    font-family: 'Rubik', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 15px !important;
    text-align: center !important;

    padding: 5px 0 !important;
    margin: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    border: none !important;
}

/* FIX RED HEADING GAP ABOVE HORIZONTAL LINE */

@media only screen and (min-width: 771px) {

    #nav ul.level0 li.level1 > a.level1,
    .nav-primary > li.level0 > ul.level0 > li.level1 > a.level1 {
        padding-top: 0 !important;
        padding-bottom: 8px !important;
        margin-bottom: 11px !important;

        line-height: 18px !important;

        border-bottom: 1px solid #dddddd !important;

        text-align: center !important;
    }
}

/* LOWER FERMACELL + BUILDER'S IRONMONGERY */

.nav-primary > li.level0 > ul.level0 > li.nav-2-3 > a.level1,
.nav-primary > li.level0 > ul.level0 > li.nav-2-4 > a.level1 {

    margin-top: 18px !important;

}


/* FIRST ROW TEXT TWEAK ONLY */
.nav-primary > li.level0 > ul.level0 > li.nav-2-3 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-4 > a.level1 span {
    position: relative !important;
    top: -7px !important;
}

/* MOVE WHOLE SECOND ROW DOWN */
.nav-primary > li.level0 > ul.level0 > li.nav-2-6,
.nav-primary > li.level0 > ul.level0 > li.nav-2-7,
.nav-primary > li.level0 > ul.level0 > li.nav-2-8,
.nav-primary > li.level0 > ul.level0 > li.nav-2-9,
.nav-primary > li.level0 > ul.level0 > li.nav-2-10 {
    position: relative !important;
    top: 18px !important;
}

/* MOVE THESE SECOND-ROW RED HEADINGS UP */
.nav-primary > li.level0 > ul.level0 > li.nav-2-6 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-7 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-8 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-9 > a.level1 span {

    position: relative !important;
    top: -6px !important;

}

/* MOVE BUILDING CHEMICALS SEPARATELY */
.nav-primary > li.level0 > ul.level0 > li.nav-2-10 {
    position: relative !important;
    top: 0px !important;
}



/* MOVE ONLY THESE RED HEADINGS UP */

.nav-primary > li.level0 > ul.level0 > li.nav-2-6 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-7 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-8 > a.level1 span,
.nav-primary > li.level0 > ul.level0 > li.nav-2-9 > a.level1 span {

    position: relative !important;
    top: -5px !important;

}


#custom-min-order-messages {
    display: flex !important;
    gap: 18px !important;
    align-items: flex-start !important;
    margin-left: 25px !important;
    font-family: 'Rubik', Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    color: #222 !important;
    z-index: 9999 !important;
}

#custom-min-order-messages div {
    width: 125px !important;
}

#custom-min-order-messages a {
    color: #e30613 !important;
    text-decoration: underline !important;
}











/* =========================================================
   SAIMAXX FINAL TOP CATEGORY MENU
   Rubik font, centred short divider lines, dropdown width fixed
   ========================================================= */

@media only screen and (min-width: 771px) {

    /* Main red category nav container */
    nav#nav ol.nav-primary {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
        height: 60px !important;
        min-height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* Each top category */
    nav#nav ol.nav-primary li.level0 {
        display: table-cell !important;
        float: none !important;
        width: auto !important;
        height: 60px !important;
        min-height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
        text-align: center !important;
        border-left: none !important;
        border-right: none !important;
        background: transparent !important;

        /* Keep this static so dropdown/mega menu stays full width */
        position: static !important;
    }

    /* Top category clickable link */
    nav#nav ol.nav-primary li.level0 > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        color: #ffffff !important;
        background: transparent !important;

        text-align: center !important;
        text-transform: none !important;
        text-decoration: none !important;

        box-sizing: border-box !important;
        position: relative !important;

        border-left: none !important;
        border-right: none !important;
    }

    /* Actual visible category text */
    nav#nav ol.nav-primary li.level0 > a,
    nav#nav ol.nav-primary li.level0 > a span,
    nav#nav ol.nav-primary li.level0 > a.level0,
    nav#nav ol.nav-primary li.level0 > a.level0 span {
        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 500 !important;
        line-height: 15px !important;
        letter-spacing: -0.05px !important;

        color: #ffffff !important;
        text-align: center !important;
        text-transform: none !important;
        text-decoration: none !important;
        font-style: normal !important;
    }

    nav#nav ol.nav-primary li.level0 > a span {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Remove all old divider methods */
    .nav-primary > li.level0:not(:last-child)::after,
    nav#nav ol.nav-primary li.level0::before,
    nav#nav ol.nav-primary li.level0::after,
    nav#nav ol.nav-primary li.level0 > a::before {
        display: none !important;
        content: none !important;
        border: none !important;
        background: none !important;
    }

    /* New centred short divider lines */
    nav#nav ol.nav-primary li.level0:not(:last-child) > a::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 1px !important;
        height: 70% !important;

        background: rgba(255,255,255,0.38) !important;
        border: none !important;
    }

    /* Hover state */
    nav#nav ol.nav-primary li.level0:hover > a,
    nav#nav ol.nav-primary li.level0.menu-active > a,
    nav#nav ol.nav-primary li.level0.active > a {
        background: rgba(0,0,0,0.10) !important;
        color: #ffffff !important;
    }

    nav#nav ol.nav-primary li.level0:hover > a span,
    nav#nav ol.nav-primary li.level0.menu-active > a span,
    nav#nav ol.nav-primary li.level0.active > a span {
        color: #ffffff !important;
    }

    /* Keep dropdown / mega menu full-width */
    nav#nav ol.nav-primary li.level0 > ul.level0,
    .nav-primary > li.level0 > ul.level0 {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 60px !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
        z-index: 9999 !important;
    }
}



/* FIX CATEGORY DIVIDER LINES - RESTORE SHORT CENTRED LINES */
@media only screen and (min-width: 771px) {

    nav#nav ol.nav-primary li.level0:not(:last-child) > a {
        position: relative !important;
        border-right: none !important;
    }

    nav#nav ol.nav-primary li.level0:not(:last-child) > a::after {
        display: block !important;
        content: "" !important;
        position: absolute !important;

        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 1px !important;
        height: 70% !important;

        background: rgba(255,255,255,0.45) !important;
        border: none !important;
        z-index: 5 !important;
    }
}



/* FIX MEGA MENU HOVER - KEEP TOP CATEGORY BAR RED */
@media only screen and (min-width: 771px) {

    /* Keep the whole red category bar normal */
    .header-section--bottom,
    .header-section--bottom__inner,
    nav#nav,
    nav#nav ol.nav-primary,
    nav#nav ol.nav-primary li.level0,
    nav#nav ol.nav-primary li.level0 > a {
        background: #ED1F24 !important;
        background-color: #ED1F24 !important;
    }

    /* Only the category being hovered can go slightly darker */
    nav#nav ol.nav-primary li.level0:hover > a {
        background: #d9271f !important;
        background-color: #d9271f !important;
    }

    /* Do NOT make all active/menu-active categories dark */
    nav#nav ol.nav-primary li.level0.menu-active > a,
    nav#nav ol.nav-primary li.level0.active > a {
        background: #ED1F24 !important;
        background-color: #ED1F24 !important;
    }

    /* Keep dropdown white */
    nav#nav ol.nav-primary li.level0 > ul.level0,
    .nav-primary > li.level0 > ul.level0 {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }

    /* Keep dropdown links normal */
    nav#nav ul.level0 li a,
    .nav-primary ul.level0 li a {
        background: transparent !important;
    }
}













/* =========================================================
   SAIMAXX HEADER - CLEAN DESKTOP LAYOUT
   Logged-in + logged-out header, search, icons, compact messages
   ========================================================= */

@media only screen and (min-width: 771px) {

    /* Main grey header */
    .header-section--top,
    .header-section--top__inner {
        background: #51545c !important;
        background-color: #51545c !important;
    }

    .header-section--top__inner {
        width: 100% !important;
        max-width: none !important;
        height: 118px !important;
        min-height: 118px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 45px !important;
        gap: 24px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .header-section--top__block {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* LEFT: SAIMAXX logo */
    .header-section--top__block--left {
        flex: 0 0 190px !important;
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        overflow: visible !important;
    }

    .logo {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .logo img.large {
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;
        display: block !important;
    }

    /* MIDDLE: search box */
    .header-section--top__block--middle {
        flex: 0 0 470px !important;
        width: 470px !important;
        min-width: 470px !important;
        max-width: 470px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: visible !important;
        position: relative !important;
        z-index: 50 !important;
    }

    #header-search,
    #search_mini_form,
    #search_mini_form .input-box {
        width: 470px !important;
        max-width: 470px !important;
        height: 46px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #f3f3f3 !important;
        border-radius: 11px !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
    }

    #search_mini_form label {
        display: none !important;
    }

    #search {
        flex: 0 0 402px !important;
        width: 402px !important;
        min-width: 402px !important;
        max-width: 402px !important;
        height: 46px !important;

        margin: 0 !important;
        padding: 0 22px !important;

        border: none !important;
        border-radius: 11px 0 0 11px !important;
        background: #f3f3f3 !important;

        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        color: #444444 !important;

        box-sizing: border-box !important;
        box-shadow: none !important;
    }

    #search::placeholder {
        font-family: 'Rubik', Arial, sans-serif !important;
        color: #777777 !important;
    }

    .search-button,
    #search_mini_form .search-button,
    #search_mini_form button.search-button {
        flex: 0 0 68px !important;
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        height: 46px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;
        border-radius: 0 11px 11px 0 !important;
        background: #ed1c24 !important;
        background-color: #ed1c24 !important;

        box-sizing: border-box !important;
        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        z-index: 60 !important;
    }

    .search-button span,
    #search_mini_form .search-button span,
    #search_mini_form button.search-button span {
        display: block !important;
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* RIGHT: contact/login/logout/collection/delivery */
    .header-section--top__block--right {
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        overflow: visible !important;
        position: relative !important;
        z-index: 20 !important;
    }

    .header-section__cart-pricing {
        width: auto !important;
        max-width: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Header icons */
    .header-icon-block {
        flex: 0 0 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 72px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border-left: 1px solid rgba(255,255,255,0.16) !important;

        box-sizing: border-box !important;
        text-decoration: none !important;
        overflow: visible !important;
    }

    .header-icon-block .icon,
    .header-icon-block img {
        margin-bottom: 6px !important;
        filter: brightness(0) invert(1) !important;
        opacity: 1 !important;
    }

    .header-icon-block .label {
        color: #ffffff !important;
        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        line-height: 10px !important;
        white-space: nowrap !important;
    }

    .header-icon-block .label-subtext {
        display: none !important;
    }

    /* Compact logged-in delivery/collection messages */
    .delivery-message.desktop-only {
        display: block !important;

        flex: 0 0 105px !important;
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;

        margin: 0 0 0 12px !important;
        padding: 0 !important;

        font-family: 'Rubik', Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.12 !important;

        color: #222222 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .delivery-message.desktop-only strong,
    .delivery-message.desktop-only b {
        font-weight: 700 !important;
    }

    .delivery-message.desktop-only a {
        color: #e30613 !important;
        text-decoration: underline !important;
    }

    /* If old wrapper still exists, do not let it interfere */
    #custom-min-order-messages {
        display: contents !important;
    }
}