/* Toplex safe performance asset. Extracted from Bricks Site Header 59801 on 20260626_164902. */
.header-7-bottom__account-link .icon{
  max-width: fit-content;
}

/* Fade Card Buttons on Hover */
.woocommerce-mini-cart__buttons a.button{
  transition: all .3s;
}

.woocommerce-mini-cart__total{
  color: var(--tpx-color-text);
}

.remove_from_cart_button{
  color: red;
}

/* Fibo Search */

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    border-radius: var(--tpx-radius-action);
    padding: var(--tpx-space-xs);
    border-color: var(--tpx-color-border);
    height: 46px;
  background: var(--tpx-color-surface);
}

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    border-radius: var(--tpx-radius-action);
    background-color: var(--tpx-color-surface-soft);
    top: var(--tpx-space-3xs);
    right: var(--tpx-space-3xs);
    bottom: var(--tpx-space-3xs);
    height: unset;
    min-height: unset;
    min-width: unset;
    aspect-ratio: 1/1;
}

.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path {
    fill: var(--tpx-color-heading);
}

.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
    display: none;
}

.dgwt-wcas-ico-magnifier,
.dgwt-wcas-ico-magnifier-handler {
    max-width: 16px !important;
}

/* Toplex mobile header */
@media (min-width: 997px) {
  .tpx-mobile-actions,
  .tpx-mobile-search,
  .tpx-mobile-rating,
  .tpx-mobile-menu-contact,
  .tpx-mega-menu-toggle {
    display: none !important;
  }
}

@media (max-width: 996px) {
  .tpx-header-top-bar {
    background: var(--tpx-color-primary, #1077bd) !important;
  }

  .tpx-header-top-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: clamp(.35rem, 1.6vw, .85rem) !important;
    width: 100% !important;
  }

  .tpx-header-search-wrap {
    display: none !important;
  }

  .tpx-header-logo {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  .tpx-header-logo img,
  .tpx-header-logo svg {
    width: clamp(8.6rem, 33vw, 22rem) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .tpx-header-euronics-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  .tpx-header-euronics-wrap svg,
  .tpx-header-euronics-wrap img {
    width: clamp(6.8rem, 27vw, 18rem) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .tpx-mobile-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    gap: clamp(.18rem, 1vw, .7rem) !important;
  }

  .tpx-mobile-action {
    color: #fff !important;
    text-decoration: none !important;
    transition: transform var(--tpx-motion-fast, .16s) var(--tpx-motion-ease, cubic-bezier(.16,1,.3,1));
  }

  .tpx-mobile-action:active {
    transform: scale(.98);
  }

  .tpx-header-nav-bar {
    background: var(--tpx-color-surface, #fff) !important;
  }

  .tpx-header-nav-inner {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: clamp(.45rem, 1.8vw, 1rem) !important;
    width: 100% !important;
  }

  #brxe-ociqjb,
  #brxe-icdffd {
    display: none !important;
  }

  .tpx-mobile-search {
    display: flex !important;
    align-items: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .tpx-mobile-search .brxe-shortcode,
  .tpx-mobile-search .tpx-product-search {
    width: 100% !important;
    max-width: none !important;
  }

  .tpx-mobile-search .tpx-product-search {
    --tpx-search-height: clamp(3.1rem, 11vw, 5.4rem);
    --tpx-search-button-width: clamp(3.5rem, 12vw, 6rem);
    --tpx-search-input-font-size: clamp(1.05rem, 4.3vw, 2.3rem);
    --tpx-search-placeholder-font-size: var(--tpx-search-input-font-size);
    --tpx-search-icon-size: clamp(1.25rem, 4.5vw, 2.4rem);
    --tpx-search-input-padding-x: clamp(.85rem, 3vw, 1.7rem);
    --tpx-search-radius: 999rem;
    --tpx-search-border-width: 1px;
    --tpx-search-border: rgba(7, 95, 157, .45);
    --tpx-search-button-bg: var(--tpx-color-success-text, #217a3a);
    margin: 0 !important;
  }

  .tpx-mobile-search .tpx-product-search__form {
    box-shadow: none !important;
  }

  .tpx-mobile-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .tpx-mobile-stars {
    display: flex !important;
    color: #f0c434 !important;
  }

  .tpx-mega-nav {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .tpx-mega-menu-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .12rem !important;
    width: clamp(2.75rem, 6vw, 3.25rem) !important;
    height: auto !important;
    min-height: 2.75rem !important;
    padding: 0 !important;
    color: var(--tpx-color-primary, #1077bd) !important;
    background: transparent !important;
    border: 0 !important;
  }

  .tpx-mega-menu-toggle::after {
    content: "Menu";
    display: block;
    font-size: clamp(.68rem, 2.5vw, 1rem);
    font-weight: 600;
    line-height: 1;
    color: var(--tpx-color-primary, #1077bd);
  }

  .tpx-mega-menu-toggle .brxa-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: clamp(2.3rem, 6vw, 2.5rem) !important;
  }

  .tpx-mega-menu-toggle .brxa-inner,
  .tpx-mega-menu-toggle .brxa-inner::before,
  .tpx-mega-menu-toggle .brxa-inner::after {
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
  }

  .tpx-mega-nav > .brx-nav-nested-items {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    width: min(88vw, 25rem) !important;
    height: 100dvh !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: var(--tpx-space-xs) !important;
    padding: var(--tpx-space-m) !important;
    background: var(--tpx-color-surface, #fff) !important;
    box-shadow: -1.2rem 0 3.5rem -2.2rem rgba(7, 95, 157, .45) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(1rem) !important;
    transition: opacity var(--tpx-motion-fast, .16s) ease, visibility var(--tpx-motion-fast, .16s) ease, transform var(--tpx-motion-fast, .16s) var(--tpx-motion-ease, cubic-bezier(.16,1,.3,1)) !important;
  }

  .tpx-mega-nav:focus-within > .brx-nav-nested-items,
  .tpx-mega-nav.brx-open > .brx-nav-nested-items,
  .tpx-mega-nav.open > .brx-nav-nested-items {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  .tpx-mega-nav .brx-submenu-toggle {
    min-height: auto !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: var(--tpx-space-2xs) 0 !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
  }

  .tpx-mega-nav .brx-dropdown-content {
    display: none !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    margin-top: var(--tpx-space-2xs) !important;
    padding-inline: 0 !important;
  }

  .tpx-mega-nav .brxe-dropdown.open > .brx-dropdown-content,
  .tpx-mega-nav .brxe-dropdown.brx-open > .brx-dropdown-content {
    display: grid !important;
  }
}

@media (max-width: 430px) {
  .tpx-header-top-inner {
    gap: .28rem !important;
  }

  .tpx-mobile-actions {
    gap: .05rem !important;
  }

  .tpx-mobile-rating {
    transform: scale(.9);
    transform-origin: center right;
  }
}

@media (max-width: 360px) {
  .tpx-header-euronics-wrap {
    display: none !important;
  }

  .tpx-mobile-rating {
    display: none !important;
  }

  .tpx-header-nav-inner {
    grid-template-columns: max-content minmax(0, 1fr) !important;
  }
}
/* Toplex mobile header alignment refinements */
@media (max-width: 996px) {
  .tpx-header-nav-inner > a.bricks-link-wrapper:has(#brxe-ociqjb) {
    display: none !important;
  }

  body .tpx-mega-nav-root {
    justify-self: end !important;
    width: max-content !important;
    min-width: 0 !important;
  }

  body .tpx-mega-nav-root .tpx-mega-menu-toggle.brxe-toggle {
    width: clamp(2.75rem, 6vw, 3.25rem) !important;
    min-width: clamp(2.75rem, 6vw, 3.25rem) !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  .tpx-mobile-search .tpx-product-search {
    --tpx-search-height: clamp(4.6rem, 14vw, 7rem);
    --tpx-search-button-width: clamp(4.8rem, 14vw, 7rem);
    --tpx-search-input-font-size: clamp(1.45rem, 5vw, 3rem);
    --tpx-search-placeholder-font-size: var(--tpx-search-input-font-size);
    --tpx-search-icon-size: clamp(1.7rem, 5.6vw, 3rem);
  }

  .tpx-header-logo img,
  .tpx-header-logo svg {
    width: clamp(9.5rem, 35vw, 22rem) !important;
  }
}
/* Toplex mobile search direct sizing */
@media (max-width: 996px) {
  .tpx-mobile-search .tpx-product-search,
  .tpx-mobile-search .tpx-product-search__form {
    height: clamp(2.135rem, 5.6vw, 2.73rem) !important;
  }

  .tpx-mobile-search .tpx-product-search__input {
    font-size: clamp(1rem, 3.1vw, 1.55rem) !important;
    line-height: 1.05 !important;
  }

  .tpx-mobile-search .tpx-product-search__input::placeholder {
    font-size: clamp(1rem, 3.1vw, 1.55rem) !important;
  }

  .tpx-mobile-search .tpx-product-search__submit {
    width: clamp(3.25rem, 8.2vw, 4rem) !important;
    min-width: clamp(3.25rem, 8.2vw, 4rem) !important;
    height: 100% !important;
  }

  .tpx-mobile-search .tpx-product-search__submit svg {
    width: clamp(1.25rem, 3.5vw, 1.8rem) !important;
    height: clamp(1.25rem, 3.5vw, 1.8rem) !important;
  }
}
/* Toplex full-screen mobile menu */
@media (max-width: 996px) {
  body .tpx-mega-nav-root > .brx-nav-nested-items {
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: calc(var(--tpx-space-2xs, .5rem) + env(safe-area-inset-top)) var(--tpx-container-pad, 1rem) calc(var(--tpx-space-m, 1.5rem) + env(safe-area-inset-bottom)) !important;
    background:
      linear-gradient(180deg, rgba(16, 119, 189, .08), rgba(255, 255, 255, 0) 6rem),
      var(--tpx-color-surface, #fff) !important;
    box-shadow: none !important;
    transform: translateY(.65rem) scale(.985) !important;
  }

  body.admin-bar .tpx-mega-nav-root > .brx-nav-nested-items {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
    height: calc(100dvh - var(--wp-admin--admin-bar--height, 46px)) !important;
  }

  body .tpx-mega-nav-root:focus-within > .brx-nav-nested-items,
  body .tpx-mega-nav-root.brx-open > .brx-nav-nested-items,
  body .tpx-mega-nav-root.open > .brx-nav-nested-items {
    transform: translateY(0) scale(1) !important;
  }

  body .tpx-mega-nav-items::before {
    content: "Welcome to Toplex";
    display: block;
    order: 2;
    width: 100%;
    margin: 0 0 var(--tpx-space-2xs, .5rem) 0;
    padding-inline: calc(2.35rem + var(--tpx-space-xs, .75rem));
    color: var(--tpx-color-heading, #050d13) !important;
    font-size: var(--tpx-text-l, 1.25rem);
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
  }

  body .tpx-mega-menu-close {
    position: absolute !important;
    top: calc(var(--tpx-space-2xs, .5rem) + env(safe-area-inset-top)) !important;
    right: var(--tpx-container-pad, 1rem) !important;
    z-index: 2 !important;
    order: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    align-self: auto !important;
    width: 2.35rem !important;
    min-width: 2.35rem !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(7, 95, 157, .22) !important;
    border-radius: var(--tpx-radius-round, 999rem) !important;
    background: var(--tpx-color-surface, #fff) !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    box-shadow: none !important;
    font-size: var(--tpx-text-xs, .875rem) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  body .tpx-mega-menu-close .brxa-wrap {
    display: none !important;
  }

  body .tpx-mega-menu-close::before {
    content: "X";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    color: inherit;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1;
  }

  body .tpx-mega-menu-close::after {
    content: none !important;
    display: none !important;
  }

  /* Toplex mobile menu item icons */
  body .tpx-mega-nav-root .brx-submenu-toggle > a,
  body .tpx-mega-nav-items > .tpx-mega-page-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-width: 0 !important;
  }

  body .tpx-mega-nav-root .brx-submenu-toggle > a::before,
  body .tpx-mega-nav-items > .tpx-mega-page-link::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
    background: var(--tpx-color-primary, #1077bd);
    -webkit-mask: var(--tpx-mobile-menu-icon) center / contain no-repeat;
    mask: var(--tpx-mobile-menu-icon) center / contain no-repeat;
  }

  /* Exact, byte-preserved copies of the protected homepage category artwork.
   * URL matching survives Bricks ID regeneration and keeps the menu editable. */
  body .tpx-mega-nav-root .brx-submenu-toggle > a[href*="/laundry/"] { --tpx-mobile-menu-icon: url("../icons/category-retained/laundry.svg"); }
  body .tpx-mega-nav-root .brx-submenu-toggle > a[href*="/refrigeration/"] { --tpx-mobile-menu-icon: url("../icons/category-retained/refrigeration.svg"); }
  body .tpx-mega-nav-root .brx-submenu-toggle > a[href*="/dishwashing/"] { --tpx-mobile-menu-icon: url("../icons/category-retained/dishwashers.svg"); }
  body .tpx-mega-nav-root .brx-submenu-toggle > a[href*="/cooking/"] { --tpx-mobile-menu-icon: url("../icons/category-retained/cooking.svg"); }
  #brxe-qwdrr7 { --tpx-mobile-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m16%2011%202%202%204-4%22%2F%3E%3C%2Fsvg%3E"); }
  #brxe-s35efk { --tpx-mobile-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203.1%206.3%206.9%201-5%204.9%201.2%206.8L12%2017.8%205.8%2021%207%2014.2%202%209.3l6.9-1L12%202Z%22%2F%3E%3C%2Fsvg%3E"); }
  #brxe-086hb2 { --tpx-mobile-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9.1%209a3%203%200%201%201%205.8%201c0%202-3%202.2-3%204%22%2F%3E%3Cpath%20d%3D%22M12%2018h.01%22%2F%3E%3C%2Fsvg%3E"); }
  #brxe-5k96gu { --tpx-mobile-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E"); }

  body .tpx-mobile-menu-contact {
    order: 3;
    display: flex !important;
    width: 100% !important;
    margin: 0 0 var(--tpx-space-xs, .75rem) 0 !important;
  }

  body .tpx-mobile-menu-contact i {
    color: currentColor !important;
  }

  body .tpx-mega-nav-items > .brxe-dropdown {
    order: 4;
    width: 100% !important;
    border-bottom: 1px solid rgba(7, 95, 157, .12);
  }

  body .tpx-mega-nav-items > .tpx-mega-page-link {
    order: 5;
  }

  body .tpx-mega-nav-items > #brxe-eawihi {
    display: none !important;
  }

  body .tpx-mega-nav-root .brx-submenu-toggle {
    padding: var(--tpx-space-xs, .75rem) 0 !important;
  }

  body .tpx-mega-nav-root .brx-dropdown-content {
    max-height: none !important;
    padding-bottom: var(--tpx-space-s, 1rem) !important;
  }
}
/* Toplex full-screen mobile menu state control */
@media (max-width: 996px) {
  html.tpx-mobile-menu-lock,
  html.tpx-mobile-menu-lock body {
    overflow: hidden !important;
  }

  body .tpx-mega-nav-root:focus-within:not(.tpx-mobile-menu-open) > .brx-nav-nested-items {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(.65rem) scale(.985) !important;
  }

  body .tpx-mega-nav-root.tpx-mobile-menu-open > .brx-nav-nested-items {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }
}
/* Toplex top-level page nav links */
@media (min-width: 997px) {
  body .tpx-mega-nav-root > .tpx-mega-nav-items {
    gap: clamp(7px, .5vw, 9px) !important;
  }

  body .tpx-mega-nav-root .tpx-mega-page-link {
    position: relative;
    min-height: var(--tpx-mega-toggle-min-height, 1.625rem);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: var(--tpx-color-primary);
    font-size: var(--tpx-text-s);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--tpx-motion-fast) ease;
  }

  body .tpx-mega-nav-root .tpx-mega-page-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .1875rem;
    background: var(--tpx-color-secondary);
    opacity: 0;
    transform: scaleX(.72);
    transform-origin: left center;
    transition: opacity var(--tpx-motion-fast) ease, transform var(--tpx-motion-fast) var(--tpx-motion-ease);
  }

  body .tpx-mega-nav-root .tpx-mega-page-link:hover,
  body .tpx-mega-nav-root .tpx-mega-page-link:focus-visible {
    color: var(--tpx-color-primary-dark);
  }

  body .tpx-mega-nav-root .tpx-mega-page-link:hover::after,
  body .tpx-mega-nav-root .tpx-mega-page-link:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
  }
}

@media (max-width: 996px) {
  body .tpx-mega-nav-items > .tpx-mega-page-link {
    order: 4;
    width: 100% !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid rgba(7, 95, 157, .12);
    padding: var(--tpx-space-xs, .75rem) 0 !important;
    color: var(--tpx-color-primary);
    font-size: var(--tpx-text-s);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
  }
}

/* Toplex compact desktop mega menu override */
@media (min-width: 997px) {
  body .tpx-mega-nav-root .brxe-dropdown > .tpx-mega-panel.brx-dropdown-content {
    width: min(48rem, calc(100vw - 1.5rem)) !important;
    min-width: min(48rem, calc(100vw - 1.5rem)) !important;
    max-width: calc(100vw - 1.5rem) !important;
    grid-template-columns: minmax(13rem, .9fr) minmax(15.5rem, 1.1fr) !important;
    gap: var(--tpx-space-s) !important;
    padding: var(--tpx-space-s) !important;
  }

  body .tpx-mega-nav-root .tpx-mega-category-card {
    min-height: 4.15rem !important;
    padding: .55rem .75rem .55rem .65rem !important;
    column-gap: .85rem !important;
  }

  body .tpx-mega-nav-root .tpx-mega-category-card .brxe-image {
    width: 2.85rem !important;
    height: 2.85rem !important;
    flex: 0 0 2.85rem !important;
  }

  body .tpx-mega-nav-root .tpx-mega-category-card .brxe-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body .tpx-mega-nav-root .tpx-mega-category-card .brxe-text-basic {
    font-size: clamp(.94rem, calc(.79rem + .41vw), 1.125rem) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
  }
}

/* Toplex compact mobile header */
@media (max-width: 996px) {
  #brx-header .tpx-header-top-bar,
  #brx-header #brxe-tzshtm.tpx-header-top-bar {
    padding-block: clamp(.36rem, 1.35vw, .48rem) !important;
    padding-inline: clamp(.75rem, 3vw, 1rem) !important;
  }

  #brx-header .tpx-header-top-inner,
  #brx-header #brxe-sksapk.tpx-header-top-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(.25rem, 1.15vw, .48rem) !important;
  }

  #brx-header .tpx-header-euronics-wrap svg,
  #brx-header .tpx-header-euronics-wrap img {
    width: clamp(4.75rem, 20vw, 11rem) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  #brx-header .tpx-mobile-actions {
    gap: clamp(.12rem, .8vw, .42rem) !important;
  }

  #brx-header .tpx-header-nav-bar,
  #brx-header #brxe-jubznj.tpx-header-nav-bar {
    padding-inline: clamp(.62rem, 2.8vw, .82rem) !important;
  }

  #brx-header .tpx-header-nav-inner,
  #brx-header #brxe-xwygvz.tpx-header-nav-inner {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: clamp(.32rem, 1.35vw, .55rem) !important;
    padding-block: clamp(.144rem, .66vw, .2rem) !important;
    width: 100% !important;
    max-width: none !important;
  }

  #brx-header .tpx-mobile-search,
  #brx-header #brxe-hz2k01.tpx-mobile-search {
    display: flex !important;
    align-items: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  #brx-header .tpx-mobile-rating,
  #brx-header #brxe-crtsvp.tpx-mobile-rating {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    min-width: max-content !important;
  }

  body #brx-header .tpx-mega-nav-root,
  body #brx-header #brxe-gaty5z.tpx-mega-nav-root {
    justify-self: start !important;
    width: max-content !important;
    max-width: max-content !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  body #brx-header .tpx-mega-nav-root .tpx-mega-menu-toggle.brxe-toggle,
  body #brx-header .tpx-mega-menu-toggle,
  body #brx-header #brxe-ma2jc0.tpx-mega-menu-toggle {
    width: clamp(2.35rem, 5.4vw, 2.7rem) !important;
    min-width: clamp(2.35rem, 5.4vw, 2.7rem) !important;
    min-height: 2.55rem !important;
    gap: .07rem !important;
  }

  #brx-header .tpx-mega-menu-toggle::after {
    font-size: .72rem !important;
    line-height: 1 !important;
  }

  #brx-header .tpx-mega-menu-toggle .brxa-wrap {
    width: clamp(1.65rem, 4.55vw, 1.9rem) !important;
    height: 1.25rem !important;
  }

  #brx-header .tpx-mega-menu-toggle .brxa-inner,
  #brx-header .tpx-mega-menu-toggle .brxa-inner::before,
  #brx-header .tpx-mega-menu-toggle .brxa-inner::after {
    height: .18rem !important;
    border-radius: 999rem !important;
  }

  #brx-header .tpx-mega-menu-toggle .brxa-inner::before {
    top: -.48rem !important;
  }

  #brx-header .tpx-mega-menu-toggle .brxa-inner::after {
    bottom: -.48rem !important;
  }

  #brx-header .tpx-mobile-search .tpx-product-search,
  #brx-header .tpx-mobile-search .tpx-product-search__form {
    height: clamp(2rem, 8.2vw, 2.25rem) !important;
  }

  #brx-header .tpx-mobile-search .tpx-product-search__form {
    border-left: 1px solid rgba(7, 95, 157, .22) !important;
    border-right: 1px solid rgba(7, 95, 157, .22) !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-radius: 0 !important;
    background: var(--tpx-color-surface, #fff) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  #brx-header .tpx-mobile-search .tpx-product-search__form:focus-within {
    border-left-color: rgba(7, 95, 157, .46) !important;
    border-right-color: rgba(7, 95, 157, .46) !important;
    outline: 2px solid rgba(16, 119, 189, .16) !important;
    outline-offset: 0 !important;
  }

  #brx-header .tpx-mobile-search .tpx-product-search__input {
    padding-left: clamp(.55rem, 2vw, .8rem) !important;
    padding-right: clamp(.55rem, 2vw, .8rem) !important;
  }

  #brx-header .tpx-mobile-search .tpx-product-search__submit {
    width: clamp(2.85rem, 7.2vw, 3.45rem) !important;
    min-width: clamp(2.85rem, 7.2vw, 3.45rem) !important;
    height: 100% !important;
  }

  #brx-header .tpx-mobile-search .tpx-product-search__submit svg {
    width: clamp(1.05rem, 3vw, 1.45rem) !important;
    height: clamp(1.05rem, 3vw, 1.45rem) !important;
  }

  #brx-header .brxe-nweeqi.brxe-divider.tpx-gradient-brand,
  #brx-header .brxe-nweeqi.brxe-divider.tpx-gradient-brand .line {
    height: 2px !important;
    min-height: 2px !important;
  }

  #brx-header #brxe-hmgrd1.tpx-gradient-brand {
    height: 1px !important;
    min-height: 1px !important;
  }
}

@media (max-width: 360px) {
  #brx-header .tpx-header-top-bar,
  #brx-header #brxe-tzshtm.tpx-header-top-bar {
    padding-inline: .7rem !important;
  }

  #brx-header .tpx-header-nav-bar,
  #brx-header #brxe-jubznj.tpx-header-nav-bar {
    padding-inline: .55rem !important;
  }
}
/* End Toplex compact mobile header */
/* Toplex mobile menu CTA order refinement */
@media (max-width: 996px) {
  body .tpx-mega-nav-items::before {
    order: 1 !important;
    margin-bottom: calc(var(--tpx-space-2xs, .5rem) * .7) !important;
  }

  body .tpx-mega-nav-items > .brxe-dropdown,
  body .tpx-mega-nav-items > .tpx-mega-page-link {
    order: 4 !important;
  }

  body .tpx-mega-nav-items > #brxe-eawihi {
    display: none !important;
  }

  body .tpx-mega-nav-items > .tpx-mobile-menu-search-trigger,
  body .tpx-mega-nav-items > .tpx-mobile-menu-contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .55rem !important;
    width: 100% !important;
    min-height: 3rem !important;
    height: 3rem !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 var(--tpx-space-s, 1rem) !important;
    border-radius: var(--tpx-radius-action, .5rem) !important;
    box-sizing: border-box !important;
    font-size: var(--tpx-text-s, 1rem) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body .tpx-mega-nav-items > .tpx-mobile-menu-search-trigger {
    order: 8 !important;
    margin-top: var(--tpx-space-xs, .75rem) !important;
    margin-bottom: 0 !important;
    border: 1px solid var(--tpx-color-primary, #1077bd) !important;
    background: var(--tpx-color-primary, #1077bd) !important;
    color: var(--tpx-color-surface, #fff) !important;
    box-shadow: 0 .45rem 1.2rem -.85rem rgba(7, 95, 157, .7) !important;
  }

  body .tpx-mega-nav-items > .tpx-mobile-menu-contact {
    order: 9 !important;
    margin-top: calc(var(--tpx-space-2xs, .5rem) * .75) !important;
    margin-bottom: 0 !important;
    border: 1px solid rgba(7, 95, 157, .24) !important;
    background: var(--tpx-color-surface, #fff) !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    box-shadow: none !important;
  }

  body .tpx-mega-nav-items > .tpx-mobile-menu-search-trigger svg,
  body .tpx-mega-nav-items > .tpx-mobile-menu-contact svg {
    width: 1.1rem !important;
    height: 1.1rem !important;
    flex: 0 0 1.1rem !important;
    color: currentColor !important;
    fill: none !important;
    stroke: currentColor !important;
  }

  body .tpx-mega-nav-items > .tpx-mobile-menu-search-trigger:hover,
  body .tpx-mega-nav-items > .tpx-mobile-menu-search-trigger:focus-visible {
    background: var(--tpx-color-primary-dark, #075f9d) !important;
    border-color: var(--tpx-color-primary-dark, #075f9d) !important;
    color: var(--tpx-color-surface, #fff) !important;
  }

  body .tpx-mega-nav-items > .tpx-mobile-menu-contact:hover,
  body .tpx-mega-nav-items > .tpx-mobile-menu-contact:focus-visible {
    border-color: rgba(7, 95, 157, .42) !important;
    background: var(--tpx-color-surface-soft, #eef8fc) !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
  }
}
/* End Toplex mobile menu CTA order refinement */
/* Toplex mobile menu state polish */
@media (max-width: 996px) {
  body .tpx-mega-nav-items::before {
    margin-bottom: var(--tpx-space-xs, .75rem) !important;
  }

  body .tpx-mega-nav-root .brx-submenu-toggle,
  body .tpx-mega-nav-items > .tpx-mega-page-link {
    min-height: 2.75rem !important;
    box-sizing: border-box !important;
    transition:
      background-color var(--tpx-motion-fast, .16s) ease,
      border-color var(--tpx-motion-fast, .16s) ease,
      color var(--tpx-motion-fast, .16s) ease,
      box-shadow var(--tpx-motion-fast, .16s) ease !important;
  }

  body .tpx-mega-nav-root .brx-submenu-toggle > a,
  body .tpx-mega-nav-items > .tpx-mega-page-link {
    gap: .72rem !important;
    line-height: 1.2 !important;
  }

  body .tpx-mega-nav-root .brx-submenu-toggle > a::before,
  body .tpx-mega-nav-items > .tpx-mega-page-link::before {
    width: 1.5rem !important;
    height: 1.5rem !important;
    flex: 0 0 1.5rem !important;
    transform: translateY(.01rem) !important;
    opacity: .96 !important;
  }

  body .tpx-mega-nav-root .brx-submenu-toggle > i,
  body .tpx-mega-nav-root .brx-submenu-toggle .ti-angle-down,
  body .tpx-mega-nav-root .brx-submenu-toggle .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1rem !important;
    height: 1rem !important;
    flex: 0 0 1rem !important;
    margin-left: auto !important;
    color: var(--tpx-color-primary, #1077bd) !important;
    font-size: .82rem !important;
    line-height: 1 !important;
    transform-origin: center !important;
    transition:
      transform var(--tpx-motion-fast, .16s) var(--tpx-motion-ease, cubic-bezier(.16,1,.3,1)),
      color var(--tpx-motion-fast, .16s) ease !important;
  }

  body .tpx-mega-nav-items > .tpx-mega-page-link[aria-current="page"],
  body .tpx-mega-nav-items > .brxe-dropdown:has(> .brx-submenu-toggle.aria-current) > .brx-submenu-toggle,
  body .tpx-mega-nav-items > .brxe-dropdown:has(> .brx-submenu-toggle > a[aria-current="page"]) > .brx-submenu-toggle {
    padding-inline: .62rem !important;
    border-radius: var(--tpx-radius-action, .5rem) !important;
    background: rgba(16, 119, 189, .075) !important;
    color: var(--tpx-color-heading, #050d13) !important;
    box-shadow: inset .22rem 0 0 var(--tpx-color-success, #54bb3e) !important;
  }

  body .tpx-mega-nav-items > .tpx-mega-page-link[aria-current="page"]::before,
  body .tpx-mega-nav-items > .brxe-dropdown:has(> .brx-submenu-toggle.aria-current) > .brx-submenu-toggle > a::before,
  body .tpx-mega-nav-items > .brxe-dropdown:has(> .brx-submenu-toggle > a[aria-current="page"]) > .brx-submenu-toggle > a::before {
    background: var(--tpx-color-success, #54bb3e) !important;
  }

  body .tpx-mega-nav-items > .brxe-dropdown.open > .brx-submenu-toggle,
  body .tpx-mega-nav-items > .brxe-dropdown.brx-open > .brx-submenu-toggle,
  body .tpx-mega-nav-items > .brxe-dropdown.active > .brx-submenu-toggle {
    padding-inline: .62rem !important;
    border-radius: var(--tpx-radius-action, .5rem) !important;
    background: rgba(16, 119, 189, .09) !important;
    color: var(--tpx-color-heading, #050d13) !important;
  }

  body .tpx-mega-nav-items > .brxe-dropdown.open > .brx-submenu-toggle > i,
  body .tpx-mega-nav-items > .brxe-dropdown.open > .brx-submenu-toggle .ti-angle-down,
  body .tpx-mega-nav-items > .brxe-dropdown.brx-open > .brx-submenu-toggle > i,
  body .tpx-mega-nav-items > .brxe-dropdown.brx-open > .brx-submenu-toggle .ti-angle-down,
  body .tpx-mega-nav-items > .brxe-dropdown.active > .brx-submenu-toggle > i,
  body .tpx-mega-nav-items > .brxe-dropdown.active > .brx-submenu-toggle .ti-angle-down {
    color: var(--tpx-color-success, #54bb3e) !important;
    transform: rotate(180deg) !important;
  }

  body .tpx-mega-nav-items > .brxe-dropdown.open > .brx-dropdown-content,
  body .tpx-mega-nav-items > .brxe-dropdown.brx-open > .brx-dropdown-content,
  body .tpx-mega-nav-items > .brxe-dropdown.active > .brx-dropdown-content {
    margin-top: var(--tpx-space-2xs, .5rem) !important;
  }

  body .tpx-mega-nav-items > .tpx-mega-page-link:focus-visible,
  body .tpx-mega-nav-root .brx-submenu-toggle:focus-within {
    outline: 2px solid rgba(16, 119, 189, .24) !important;
    outline-offset: 2px !important;
    border-radius: var(--tpx-radius-action, .5rem) !important;
  }
}
/* End Toplex mobile menu state polish */
/* Toplex safe performance layout stability. */
#brx-header .tpx-header-logo img.bricks-site-logo,
#brx-header .tpx-header-logo .bricks-site-logo{display:block;aspect-ratio:486/109;height:auto;}
#brx-header .tpx-header-euronics-wrap img,
#brx-header .tpx-header-euronics-wrap svg{display:block;height:auto;}
.tpx-product-brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:0;}
.tpx-product-brand-mark img{display:block;width:auto;height:auto;max-width:clamp(4.35rem,7vw,5.85rem);max-height:1.45rem;object-fit:contain;}

:root{
  --tpx-home-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3.5%2010.8%2012%203.9l8.5%206.9v9.3h-5.3v-6.2H8.8v6.2H3.5z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E");
  --tpx-star-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27m12%202.8%202.75%205.57%206.15.9-4.45%204.34%201.05%206.12L12%2016.83l-5.5%202.9%201.05-6.12L3.1%209.27l6.15-.9z%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  --tpx-truck-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3%206h11v9H3zm11%203h4l3%203v3h-7zM7%2018a2%202%200%201%200-4%200%202%202%200%200%200%204%200zm11%200a2%202%200%201%200-4%200%202%202%200%200%200%204%200z%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  --tpx-settings-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%2F%3E%3Cpath%20d%3D%27M12%202.8v2.1m0%2014.2v2.1M2.8%2012h2.1m14.2%200h2.1M5.5%205.5%207%207m10%2010%201.5%201.5m0-13L17%207M7%2017l-1.5%201.5%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  --tpx-clipboard-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M8%205H5v16h14V5h-3M9%203h6v4H9z%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  --tpx-comments-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M4%204h13v10H9l-5%204zm5%204h11v9h-4l-4%203v-3H9z%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  --tpx-info-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%2F%3E%3Cpath%20d%3D%27M12%2010.6v6M12%207.3h.01%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E");
  --tpx-user-icon-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%273.25%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%2F%3E%3Cpath%20d%3D%27M5.5%2019c.65-4%203-6%206.5-6s5.85%202%206.5%206%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E");
}

body #brx-header .ion-md-home.brxe-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 2.3rem;width:2.3rem!important;height:2.3rem!important;font-family:inherit!important;font-size:0!important;font-style:normal!important;line-height:1!important}
body #brx-header .ion-md-home.brxe-icon::before{content:""!important;display:block!important;width:100%!important;height:100%!important;background:currentColor!important;font-family:inherit!important;font-size:0!important;line-height:1!important;-webkit-mask:var(--tpx-home-icon-mask) center/contain no-repeat;mask:var(--tpx-home-icon-mask) center/contain no-repeat}
body #brx-header :is(.ti-info-alt,.ti-user).brxe-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;font-family:inherit!important;font-size:0!important;font-style:normal!important;line-height:1!important}
body #brx-header :is(.ti-info-alt,.ti-user).brxe-icon::before{content:""!important;display:block!important;width:100%!important;height:100%!important;background:currentColor!important;font-family:inherit!important;font-size:0!important;line-height:1!important}
body #brx-header .ti-info-alt.brxe-icon::before{-webkit-mask:var(--tpx-info-icon-mask) center/contain no-repeat;mask:var(--tpx-info-icon-mask) center/contain no-repeat}
body #brx-header .ti-user.brxe-icon::before{-webkit-mask:var(--tpx-user-icon-mask) center/contain no-repeat;mask:var(--tpx-user-icon-mask) center/contain no-repeat}
/* Chevron geometry belongs only to the shared chevron-consistency module. */
body #brx-header .tpx-mobile-action>:is(.ti-info-alt,.ti-user){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;font-family:inherit!important;font-size:0!important;font-style:normal!important;line-height:1!important}
body #brx-header .tpx-mobile-action>:is(.ti-info-alt,.ti-user)::before{content:""!important;display:block!important;width:100%!important;height:100%!important;background:currentColor!important}
body #brx-header .tpx-mobile-action>.ti-info-alt::before{-webkit-mask:var(--tpx-info-icon-mask) center/contain no-repeat;mask:var(--tpx-info-icon-mask) center/contain no-repeat}
body #brx-header .tpx-mobile-action>.ti-user::before{-webkit-mask:var(--tpx-user-icon-mask) center/contain no-repeat;mask:var(--tpx-user-icon-mask) center/contain no-repeat}

body.single-product .tpx-single-product-accordion .tpx-accordion-label-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 1.45rem;width:1.45rem!important;height:1.45rem!important;font-family:inherit!important;font-size:0!important;font-style:normal!important;line-height:1!important}
body.single-product .tpx-single-product-accordion .tpx-accordion-label-icon::before{content:""!important;display:block!important;width:100%!important;height:100%!important;background:currentColor!important;font-family:inherit!important;font-size:0!important;line-height:1!important}
body.single-product .tpx-single-product-accordion .ti-star::before{-webkit-mask:var(--tpx-star-icon-mask) center/contain no-repeat;mask:var(--tpx-star-icon-mask) center/contain no-repeat}
body.single-product .tpx-single-product-accordion .ti-info-alt::before{-webkit-mask:var(--tpx-info-icon-mask) center/contain no-repeat;mask:var(--tpx-info-icon-mask) center/contain no-repeat}
body.single-product .tpx-single-product-accordion .ti-truck::before{-webkit-mask:var(--tpx-truck-icon-mask) center/contain no-repeat;mask:var(--tpx-truck-icon-mask) center/contain no-repeat}
body.single-product .tpx-single-product-accordion .ti-settings::before{-webkit-mask:var(--tpx-settings-icon-mask) center/contain no-repeat;mask:var(--tpx-settings-icon-mask) center/contain no-repeat}
body.single-product .tpx-single-product-accordion .ti-clipboard::before{-webkit-mask:var(--tpx-clipboard-icon-mask) center/contain no-repeat;mask:var(--tpx-clipboard-icon-mask) center/contain no-repeat}
body.single-product .tpx-single-product-accordion .ti-comments::before{-webkit-mask:var(--tpx-comments-icon-mask) center/contain no-repeat;mask:var(--tpx-comments-icon-mask) center/contain no-repeat}

/* Keep the divider at the reserved header's bottom, with no blank gap above page titles. */
body #brx-header{display:flex;flex-direction:column}
body #brx-header > .tpx-header-nav-bar{flex-grow:1}

@media (max-width:996px){
  body #brx-header{min-height:clamp(6.65rem,calc(5.56rem + 5vw),7.84rem)}
}

@media (min-width:997px){
  body #brx-header{min-height:7.513rem}
  body.archive .tpx-service-notice-titlebar{min-height:2.5rem}
  body.archive .tpx-brand-rail{min-height:4.25rem}
}

@media (max-width:430px){
  body.archive #brx-content>.tpx-archive-mobile-notice-strip{box-sizing:border-box;height:2.5rem!important;min-height:2.5rem!important;max-height:2.5rem!important;overflow:hidden!important}
}
.tpx-energy-rating-icon{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:0;}
.tpx-energy-rating-icon img{display:block;width:auto;height:auto;max-width:clamp(2.5rem,5vw,3.75rem);max-height:2.25rem;object-fit:contain;}
#brxe-abkdev .tpx-brand-logo{display:block;}

/* Toplex mobile menu dialog: final responsive authority. */
@media (max-width: 996px) {
  .tpx-mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9998;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(5, 13, 19, .36);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .16s ease, visibility .16s ease;
  }

  .tpx-mobile-menu-backdrop[hidden] {
    display: none !important;
  }

  .tpx-mobile-menu-backdrop.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body #brx-header .tpx-mega-nav-root {
    --tpx-mobile-menu-gutter: clamp(.5rem, 3vw, 1rem);
    --tpx-mobile-menu-padding: clamp(.875rem, 4vw, 1rem);
    --tpx-mobile-menu-radius: .375rem;
  }

  body #brx-header .tpx-mega-nav-root > .tpx-mega-nav-items {
    position: fixed !important;
    top: max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-top)) !important;
    right: max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-right)) !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 25rem !important;
    min-width: 0 !important;
    max-width: calc(100vw - max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-left)) - max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-right))) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-top)) - max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-bottom))) !important;
    margin: 0 !important;
    padding: 0 var(--tpx-mobile-menu-padding) var(--tpx-mobile-menu-padding) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    list-style: none !important;
    border: 1px solid var(--tpx-color-border, #dce8ee) !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    background: var(--tpx-color-surface, #fff) !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(1rem) !important;
    transition: opacity .16s ease, visibility .16s ease, transform .16s var(--tpx-motion-ease, cubic-bezier(.16, 1, .3, 1)) !important;
  }

  body.admin-bar #brx-header .tpx-mega-nav-root > .tpx-mega-nav-items {
    top: calc(var(--wp-admin--admin-bar--height, 46px) + max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-top))) !important;
    max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 46px) - max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-top)) - max(var(--tpx-mobile-menu-gutter), env(safe-area-inset-bottom))) !important;
  }

  body #brx-header .tpx-mega-nav-root:not(.tpx-mobile-menu-open) > .tpx-mega-nav-items {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(1rem) !important;
  }

  body #brx-header .tpx-mega-nav-root.tpx-mobile-menu-open > .tpx-mega-nav-items {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  body #brx-header .tpx-mega-nav-items::before {
    content: none !important;
    display: none !important;
  }

  body #brx-header .tpx-mobile-menu-header {
    position: sticky !important;
    top: 0;
    z-index: 2000;
    order: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--tpx-space-xs, .75rem) !important;
    min-height: 4rem;
    margin: 0 !important;
    padding: .625rem 0 !important;
    border-bottom: 1px solid var(--tpx-color-border, #dce8ee);
    background: var(--tpx-color-surface, #fff);
  }

  body #brx-header .tpx-mobile-menu-title {
    min-width: 0;
    margin: 0 !important;
    color: var(--tpx-color-heading, #050d13) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 2.75rem !important;
    width: 2.75rem !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--tpx-color-border, #dce8ee) !important;
    border-radius: 999rem !important;
    background: var(--tpx-color-surface, #fff) !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }

  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close::before,
  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close::after {
    content: "" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block !important;
    width: .95rem;
    height: .125rem;
    border-radius: 999rem;
    background: currentColor;
    transform-origin: center;
  }

  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close:hover,
  body #brx-header .tpx-mobile-menu-header .tpx-mega-menu-close:focus-visible {
    border-color: var(--tpx-color-primary, #1077bd) !important;
    background: var(--tpx-color-surface-soft, #f3fafe) !important;
  }

  body #brx-header .tpx-mobile-menu-slot {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown {
    order: 20 !important;
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--tpx-color-border, #dce8ee) !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown > .brx-submenu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 3.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown > .brx-submenu-toggle > a {
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    gap: .75rem !important;
    min-width: 0 !important;
    min-height: 3.25rem !important;
    padding: .5rem 0 !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown > .brx-submenu-toggle > button {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 2.75rem !important;
    width: 2.75rem !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    margin: 0 -.5rem 0 .25rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    background: transparent !important;
    color: var(--tpx-color-primary, #1077bd) !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown.tpx-mobile-panel-open > .brx-submenu-toggle {
    margin-top: .5rem !important;
    padding-inline: .5rem !important;
    border: 1px solid rgba(16, 119, 189, .2) !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    background: var(--tpx-color-surface-soft, #f3fafe) !important;
    box-shadow: inset .1875rem 0 0 var(--tpx-color-success, #35a854) !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown > .brx-dropdown-content {
    position: static !important;
    inset: auto !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--tpx-space-s, 1rem) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: var(--tpx-space-xs, .75rem) 0 var(--tpx-space-s, 1rem) !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    translate: none !important;
    z-index: 1 !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown.tpx-mobile-panel-open > .brx-dropdown-content {
    display: grid !important;
  }

  /* Bricks marks ancestor toggles aria-current for descendant pages. Only
     the actual destination receives selected styling in the drawer. */
  body #brx-header .tpx-mega-nav-items > .brxe-dropdown,
  body #brx-header .tpx-mega-nav-items > .brxe-dropdown > .brx-dropdown-content {
    background: transparent !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown > .brx-submenu-toggle.aria-current:not(:has(> a[aria-current="page"])) {
    background: transparent !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-nav-items > .brxe-dropdown.tpx-mobile-panel-open > .brx-submenu-toggle {
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-panel a[aria-current="page"],
  body #brx-header .tpx-mega-panel a:active {
    background: var(--tpx-color-surface-soft, #f3fafe) !important;
    color: var(--tpx-color-success-text, #217a3a) !important;
    border-color: var(--tpx-color-success, #35a854) !important;
    box-shadow: inset .1875rem 0 0 var(--tpx-color-success, #35a854) !important;
  }

  body #brx-header .tpx-mega-panel > .brxe-block:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .5rem !important;
    width: 100% !important;
  }

  body #brx-header .tpx-mega-panel > .brxe-block:first-child > :first-child {
    grid-column: 1 / -1;
    margin: 0 0 .125rem !important;
    color: var(--tpx-color-success-text, #217a3a) !important;
    font-size: .8125rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .035em;
    text-align: left !important;
    text-transform: uppercase;
  }

  body #brx-header .tpx-mega-panel .tpx-mega-category-card {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) 1rem !important;
    align-items: center !important;
    gap: .5rem !important;
    min-height: 4rem !important;
    margin: 0 !important;
    padding: .5rem !important;
    overflow: hidden !important;
    border: 1px solid var(--tpx-color-border, #dce8ee) !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    background: var(--tpx-color-surface, #fff) !important;
    color: var(--tpx-color-heading, #050d13) !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-panel .tpx-mega-category-card > .brxe-block {
    min-width: 0 !important;
    width: auto !important;
  }

  body #brx-header .tpx-mega-panel .tpx-mega-category-card > .brxe-icon {
    position: relative !important;
    inset: auto !important;
    width: 1rem !important;
    margin: 0 !important;
    justify-self: end;
  }

  body #brx-header .tpx-mega-panel .tpx-mega-category-card :is(img, .brxe-image) {
    width: 2.5rem !important;
    height: 2.5rem !important;
    object-fit: contain !important;
  }

  body #brx-header .tpx-mega-panel .tpx-mega-category-card .brxe-text-basic {
    min-width: 0 !important;
    overflow-wrap: anywhere;
    color: var(--tpx-color-heading, #050d13) !important;
    font-size: .9375rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  body #brx-header .tpx-mega-panel .tpx-mega-category-card::after {
    content: none !important;
    display: none !important;
  }

  body #brx-header .tpx-mega-secondary-list {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--tpx-space-xs, .75rem) !important;
    width: 100% !important;
  }

  body #brx-header .tpx-mega-secondary-list > .brxe-heading {
    margin: 0 !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  body #brx-header .tpx-mega-secondary-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  body #brx-header .tpx-mega-secondary-group-label {
    margin: 0 !important;
    padding: 0 .5rem .25rem !important;
    color: var(--tpx-color-success-text, #217a3a) !important;
    font-size: .8125rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .035em;
    text-align: left !important;
    text-transform: uppercase;
  }

  body #brx-header .tpx-mega-secondary-link {
    display: flex !important;
    align-items: center !important;
    min-height: 2.75rem !important;
    padding: .5rem 1.75rem .5rem .5rem !important;
    border-bottom: 1px solid var(--tpx-color-border, #dce8ee) !important;
    color: var(--tpx-color-heading, #050d13) !important;
    font-size: .9375rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  body #brx-header .tpx-mega-feature-card {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) !important;
    gap: .25rem .75rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: .875rem !important;
    border: 1px solid var(--tpx-color-border, #dce8ee) !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    background: var(--tpx-color-surface-soft, #f3fafe) !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mega-feature-card .tpx-mega-feature-icon {
    grid-row: 1 / span 2;
    width: 2.5rem !important;
    height: 2.5rem !important;
    color: var(--tpx-color-primary, #1077bd) !important;
  }

  body #brx-header .tpx-mega-feature-card > .brxe-heading {
    margin: 0 !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  body #brx-header .tpx-mega-feature-card > p {
    margin: 0 !important;
    color: var(--tpx-color-muted, #587285) !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }

  body #brx-header .tpx-mega-feature-card > .brxe-button {
    grid-column: 1 / -1;
    justify-self: start;
    min-height: 2.75rem !important;
    margin-top: .5rem !important;
    padding: .625rem 1rem !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    font-size: .9375rem !important;
    font-weight: 600 !important;
  }

  body #brx-header .tpx-mega-panel-strip {
    display: none !important;
  }

  body #brx-header .tpx-mobile-menu-slot--utility {
    order: 30 !important;
  }

  body #brx-header .tpx-mobile-menu-slot--trustpilot {
    order: 40 !important;
    padding-top: .75rem !important;
  }

  body #brx-header .tpx-mobile-menu-slot--search {
    order: 50 !important;
    padding-top: .75rem !important;
  }

  body #brx-header .tpx-mobile-menu-slot--contact {
    order: 60 !important;
    padding-top: .5rem !important;
  }

  body #brx-header .tpx-mobile-menu-slot--utility > .tpx-mega-page-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .75rem !important;
    width: 100% !important;
    min-height: 3.25rem !important;
    margin: 0 !important;
    padding: .5rem 0 !important;
    border-bottom: 1px solid var(--tpx-color-border, #dce8ee) !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  body #brx-header .tpx-mobile-menu-slot #brxe-eawihi {
    display: none !important;
  }

  body #brx-header .tpx-mobile-menu-slot--trustpilot .tpx-mobile-menu-trustpilot,
  body #brx-header .tpx-mobile-menu-slot--trustpilot .tpx-trustpilot-static {
    width: 100% !important;
    margin: 0 !important;
  }

  body #brx-header .tpx-mobile-menu-slot--search > .tpx-mobile-menu-search-trigger,
  body #brx-header .tpx-mobile-menu-slot--contact > .tpx-mobile-menu-contact {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    width: 100% !important;
    min-height: 3rem !important;
    height: auto !important;
    margin: 0 !important;
    padding: .75rem 1rem !important;
    border-radius: var(--tpx-mobile-menu-radius) !important;
    box-sizing: border-box !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  body #brx-header .tpx-mobile-menu-slot--search > .tpx-mobile-menu-search-trigger {
    border: 1px solid var(--tpx-color-primary, #1077bd) !important;
    background: var(--tpx-color-primary, #1077bd) !important;
    color: var(--tpx-color-surface, #fff) !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mobile-menu-slot--contact > .tpx-mobile-menu-contact {
    border: 1px solid rgba(7, 95, 157, .28) !important;
    background: var(--tpx-color-surface, #fff) !important;
    color: var(--tpx-color-primary-dark, #075f9d) !important;
    box-shadow: none !important;
  }

  body #brx-header .tpx-mobile-menu-slot :is(a, button):focus-visible {
    outline: 2px solid var(--tpx-color-primary, #1077bd) !important;
    outline-offset: 2px !important;
  }
}

@media (max-width: 996px) and (prefers-reduced-motion: reduce) {
  .tpx-mobile-menu-backdrop,
  body #brx-header .tpx-mega-nav-root > .tpx-mega-nav-items {
    transition: none !important;
  }
}

/* Return from a product-grid buying guide to its existing listing region. */
:is(.tpx-category-buying-guide,.tpx-guide-products-action) .tpx-guide-view-products{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;margin-top:1rem;padding:.55rem 1rem;border:1px solid var(--tpx-color-primary,#1077bd);border-radius:var(--tpx-radius-action,.28rem);background:var(--tpx-color-primary,#1077bd);color:#fff;font-size:1rem;font-weight:600;line-height:1.25;text-decoration:none}
:is(.tpx-category-buying-guide,.tpx-guide-products-action) .tpx-guide-view-products[hidden]{display:none!important}
:is(.tpx-category-buying-guide,.tpx-guide-products-action) .tpx-guide-view-products:hover{background:var(--tpx-color-primary-dark,#075f9d);color:#fff}
:is(.tpx-category-buying-guide,.tpx-guide-products-action) .tpx-guide-view-products:focus-visible{outline:2px solid var(--tpx-color-primary,#1077bd);outline-offset:3px}