/* =========================================================
   BT Classic - PS 9.1.0
   custom.css v2.1.1 CLEAN
   Fix:
   1) Desktop submenu words overlay
   2) Mobile one-click dropdown for Currency + Language + BT Simple Menus
   3) Remove top big orange line
   4) Keep product flags below menu
   5) Product grid 400x400
   6) Red SKU value
   ========================================================= */

:root {
  --bt-blue: #0047c7;
  --bt-blue-dark: #002a88;
  --bt-red: #d60000;
  --bt-light: #f5f5f5;
  --bt-text: #111111;
  --bt-border: #eef1f5;
  --bt-flag-orange: #f59b6d;
  --bt-flag-blue: #1fb8cf;
  --bt-white: #ffffff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background: var(--bt-light);
}

body {
  color: var(--bt-text);
}

/* =========================================================
   1. FULL WIDTH
   ========================================================= */

#page,
#wrapper,
#content-wrapper,
#main,
.page-content,
.featured-products,
.new-products,
.product-accessories {
  width: 100%;
  max-width: 100%;
}

.container,
#wrapper .container,
#header .container,
#footer .container,
.breadcrumb .container,
.header-top .container,
.header-nav .container {
  width: 100% !important;
  max-width: 100% !important;
}

#wrapper {
  padding-left: 0;
  padding-right: 0;
}

#wrapper .container,
#main .container,
.page-content,
#content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

/* =========================================================
   2. HEADER WHITE + REMOVE TOP BIG ORANGE LINE
   ========================================================= */

#header {
  position: relative;
  z-index: 10000;
  overflow: visible !important;
  background: #ffffff !important;
  background-image: none !important;
  border-top: 0 !important;
}

#header .header-banner,
#header .bt-header-banner,
.header-banner.bt-header-banner,
#header [class*="header-banner"],
#header .bt-orange-line,
#header .bt-top-orange-line,
#header .bt-header-orange-line,
#header .bt-header-gradient,
#header .bt-header-gradient-line,
#header .bt-orange-bar,
#header .bt-header-bar,
#header .bt-menu-orange-line,
#header .orange-line,
#header .orange-bar,
#header .top-orange-bar,
#header .header-orange-line,
#header .header-orange-bar,
#header .header-divider-orange {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
}

#header,
#header .header-nav,
#header .header-top,
#header .header-bottom,
#header .header-nav-wrapper,
#header .bt-header-wrapper,
#header .bt-header-top,
#header .bt-header-main,
#header .bt-header-bottom,
#header .bt-header-nav,
#header .bt-menu-wrapper,
#header .bt-main-menu-wrapper,
#header .bt-nav-fullwidth {
  background: #ffffff !important;
  background-image: none !important;
  border-top: 0 !important;
}

#header .header-nav::before,
#header .header-nav::after,
#header .header-top::before,
#header .header-top::after,
#header .header-bottom::before,
#header .header-bottom::after,
#header .header-nav-wrapper::before,
#header .header-nav-wrapper::after,
#header .bt-header-wrapper::before,
#header .bt-header-wrapper::after,
#header .bt-menu-wrapper::before,
#header .bt-menu-wrapper::after,
#header .bt-header-nav::before,
#header .bt-header-nav::after,
#header .bt-nav-fullwidth::before,
#header .bt-nav-fullwidth::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hide only empty nav rows */
#header .bt-header-nav:empty,
#header .header-nav.bt-header-nav:empty,
#header .bt-nav-fullwidth:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* =========================================================
   3. DESKTOP HEADER LOGO + HOOKS
   ========================================================= */

@media (min-width: 768px) {
  #header .bt-header-top,
  #header .header-top {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 60px !important;
    max-height: none !important;
    padding: 10px 0 8px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  #header .bt-header-main-row {
    position: relative !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  #header #_desktop_logo,
  #header .bt-desktop-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: 220px !important;
    padding: 0 !important;
    text-align: center !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
  }

  #header #_desktop_logo h1,
  #header .bt-logo-h1 {
    margin: 0;
    padding: 0;
    line-height: 1;
  }

  #header #_desktop_logo img,
  #header .bt-desktop-logo img {
    display: block !important;
    width: auto !important;
    max-width: 210px !important;
    max-height: 58px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  #header .bt-header-top-hooks,
  #header .header-top-right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  #header #search_widget {
    flex: 0 1 360px;
    max-width: 360px;
    margin-left: 20vw;
    margin-right: auto;
  }

  #header #search_widget form {
    width: 100%;
  }

  #header #search_widget input {
    width: 100%;
    height: 42px;
    border-radius: 4px;
  }

  #header #_desktop_language_selector,
  #header #_desktop_user_info,
  #header #_desktop_currency_selector,
  #header #_desktop_cart,
  #header .currency-selector,
  #header .language-selector,
  #header .user-info,
  #header .blockcart {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  #header .bt-header-main-row {
    min-height: 60px !important;
  }

  #header #_desktop_logo,
  #header .bt-desktop-logo {
    max-width: 90px !important;
    z-index: 1 !important;
  }

  #header #_desktop_logo img,
  #header .bt-desktop-logo img {
    max-width: 90px !important;
    max-height: 32px !important;
  }

  #header .bt-header-top-hooks,
  #header .header-top-right {
    z-index: 5 !important;
    gap: 4px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  #header .bt-header-top-hooks a,
  #header .bt-header-top-hooks span,
  #header .bt-header-top-hooks button,
  #header .header-top-right a,
  #header .header-top-right span,
  #header .header-top-right button {
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   4. DESKTOP MENU + STRONG SUBMENU OVERLAY FIX
   ========================================================= */

#header .menu,
#header .main-menu,
#header #_desktop_top_menu,
#header #_mobile_top_menu,
#header .menu-wrapper,
#header .bt-desktop-simple-menu,
#header .bt-mobile-simple-menu,
#header .bt-nav-fullwidth {
  background: #ffffff !important;
  background-image: none !important;
}

@media (min-width: 768px) {
  #header .bt-header-nav,
  #header .header-nav.bt-header-nav,
  #header .bt-nav-fullwidth,
  #header .bt-desktop-simple-menu,
  #header #_desktop_top_menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  #header .bt-mobile-simple-menu {
    display: none !important;
  }

  /* Top-level menu only */
  #header #_desktop_top_menu > .top-menu,
  #header #_desktop_top_menu .top-menu[data-depth="0"],
  #header .bt-desktop-simple-menu > .top-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"],
  #header .bt-simple-menu > ul,
  #header .bt-simple-menu__list,
  #header .bt-menu-list,
  #header .bt-cms-orange-line__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: #ffffff !important;
    border-top: 0 !important;
    border-bottom: 5px solid #ff4f5b !important;
  }

  #header #_desktop_top_menu .top-menu[data-depth="0"] > li,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li,
  #header .bt-menu-item,
  #header .bt-simple-menu__item {
    position: relative !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    background: transparent !important;
  }

  #header #_desktop_top_menu .top-menu[data-depth="0"] > li > a,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li > a,
  #header .bt-desktop-simple-menu .bt-menu-item > a,
  #header .bt-simple-menu__item > a,
  #header .bt-cms-orange-line__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 8px 16px !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:hover > a,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:hover > a,
  #header .bt-desktop-simple-menu .bt-menu-item:hover > a,
  #header .bt-simple-menu__item:hover > a {
    color: var(--bt-blue) !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  /* Hide dropdown by default */
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li > .sub-menu,
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li > ul:not([data-depth="0"]),
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li > .dropdown-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li > .sub-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li > ul:not([data-depth="0"]),
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li > .dropdown-menu,
  #header .bt-desktop-simple-menu .bt-menu-item > .sub-menu,
  #header .bt-desktop-simple-menu .bt-menu-item > .bt-submenu,
  #header .bt-desktop-simple-menu .bt-menu-item > .dropdown-menu,
  #header .bt-simple-menu__item > .sub-menu,
  #header .bt-simple-menu__item > .bt-submenu,
  #header .bt-simple-menu__item > .dropdown-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 92vw !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    border: 1px solid #e4e8ee !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
    overflow: visible !important;
    z-index: 10060 !important;
  }

  /* Show dropdown on hover/focus */
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:hover > .sub-menu,
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:focus-within > .sub-menu,
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:hover > ul:not([data-depth="0"]),
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:focus-within > ul:not([data-depth="0"]),
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:hover > .dropdown-menu,
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:focus-within > .dropdown-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:hover > .sub-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:focus-within > .sub-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:hover > ul:not([data-depth="0"]),
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:focus-within > ul:not([data-depth="0"]),
  #header .bt-desktop-simple-menu .bt-menu-item:hover > .sub-menu,
  #header .bt-desktop-simple-menu .bt-menu-item:focus-within > .sub-menu,
  #header .bt-desktop-simple-menu .bt-menu-item:hover > .bt-submenu,
  #header .bt-desktop-simple-menu .bt-menu-item:focus-within > .bt-submenu,
  #header .bt-simple-menu__item:hover > .sub-menu,
  #header .bt-simple-menu__item:focus-within > .sub-menu,
  #header .bt-simple-menu__item:hover > .bt-submenu,
  #header .bt-simple-menu__item:focus-within > .bt-submenu {
    display: block !important;
  }

  /* Stop submenu words overlapping: force one clean column */
  #header #_desktop_top_menu .sub-menu,
  #header #_desktop_top_menu .sub-menu *,
  #header #_desktop_top_menu .dropdown-menu,
  #header #_desktop_top_menu .dropdown-menu *,
  #header .bt-desktop-simple-menu .sub-menu,
  #header .bt-desktop-simple-menu .sub-menu *,
  #header .bt-desktop-simple-menu .bt-submenu,
  #header .bt-desktop-simple-menu .bt-submenu *,
  #header .bt-desktop-simple-menu .dropdown-menu,
  #header .bt-desktop-simple-menu .dropdown-menu * {
    box-sizing: border-box !important;
  }

  #header #_desktop_top_menu .sub-menu ul,
  #header #_desktop_top_menu .sub-menu .top-menu,
  #header #_desktop_top_menu .sub-menu .top-menu[data-depth="1"],
  #header #_desktop_top_menu .dropdown-menu ul,
  #header .bt-desktop-simple-menu .sub-menu ul,
  #header .bt-desktop-simple-menu .sub-menu .top-menu,
  #header .bt-desktop-simple-menu .sub-menu .top-menu[data-depth="1"],
  #header .bt-desktop-simple-menu .bt-submenu ul,
  #header .bt-desktop-simple-menu .dropdown-menu ul {
    display: block !important;
    columns: auto !important;
    column-count: auto !important;
    grid-template-columns: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    list-style: none !important;
  }

  #header #_desktop_top_menu .sub-menu li,
  #header #_desktop_top_menu .sub-menu .top-menu[data-depth="1"] > li,
  #header #_desktop_top_menu .dropdown-menu li,
  #header .bt-desktop-simple-menu .sub-menu li,
  #header .bt-desktop-simple-menu .sub-menu .top-menu[data-depth="1"] > li,
  #header .bt-desktop-simple-menu .bt-submenu li,
  #header .bt-desktop-simple-menu .dropdown-menu li {
    display: block !important;
    float: none !important;
    clear: both !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    white-space: normal !important;
    text-align: left !important;
  }

  #header #_desktop_top_menu .sub-menu a,
  #header #_desktop_top_menu .dropdown-menu a,
  #header .bt-desktop-simple-menu .sub-menu a,
  #header .bt-desktop-simple-menu .bt-submenu a,
  #header .bt-desktop-simple-menu .dropdown-menu a {
    display: block !important;
    float: none !important;
    clear: both !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 18px !important;
    margin: 0 !important;
    color: #333333 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    background: transparent !important;
    border-radius: 8px !important;
  }

  #header #_desktop_top_menu .sub-menu a:hover,
  #header #_desktop_top_menu .dropdown-menu a:hover,
  #header .bt-desktop-simple-menu .sub-menu a:hover,
  #header .bt-desktop-simple-menu .bt-submenu a:hover,
  #header .bt-desktop-simple-menu .dropdown-menu a:hover {
    color: var(--bt-blue) !important;
    background: #f5f9ff !important;
  }

  /* Keep dropdown inside screen on right-side menus */
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:nth-last-child(-n+2) > .sub-menu,
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:nth-last-child(-n+2) > ul:not([data-depth="0"]),
  #header #_desktop_top_menu .top-menu[data-depth="0"] > li:nth-last-child(-n+2) > .dropdown-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:nth-last-child(-n+2) > .sub-menu,
  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li:nth-last-child(-n+2) > ul:not([data-depth="0"]),
  #header .bt-desktop-simple-menu .bt-menu-item:nth-last-child(-n+2) > .sub-menu,
  #header .bt-desktop-simple-menu .bt-menu-item:nth-last-child(-n+2) > .bt-submenu,
  #header .bt-simple-menu__item:nth-last-child(-n+2) > .sub-menu,
  #header .bt-simple-menu__item:nth-last-child(-n+2) > .bt-submenu {
    left: auto !important;
    right: 0 !important;
    transform: none !important;
  }
}

/* Tablet horizontal top menu only */
@media (min-width: 768px) and (max-width: 1180px) {
  #header .bt-desktop-simple-menu,
  #header #_desktop_top_menu {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  #header .bt-desktop-simple-menu::-webkit-scrollbar,
  #header #_desktop_top_menu::-webkit-scrollbar {
    display: none !important;
  }

  #header .bt-desktop-simple-menu .top-menu[data-depth="0"],
  #header #_desktop_top_menu .top-menu[data-depth="0"] {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: 100% !important;
  }

  #header .bt-desktop-simple-menu .top-menu[data-depth="0"] > li > a,
  #header .top-menu[data-depth="0"] > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   5. MOBILE: ONE HAMBURGER DROPDOWN FOR ALL
   ========================================================= */

@media (max-width: 767px) {
  #header,
  #header .header-top,
  #header .bt-header-top,
  #header .header-nav,
  #header .bt-header-nav,
  #header .bt-mobile-header-row,
  #header .mobile-header,
  #header .header-mobile,
  #header .bt-mobile-header {
    background: #ffffff !important;
    background-image: none !important;
    border-top: 0 !important;
  }

  #header .bt-header-top {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* Hide desktop top area on mobile. JS will move the needed hooks into hamburger wrapper. */
  #header .bt-header-main-row,
  #header #_desktop_logo,
  #header .bt-desktop-logo,
  #header .bt-header-top-hooks,
  #header .header-top-right,
  #header .header-top #_desktop_top_menu,
  #header .header-top #_desktop_top_menu * {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  #header .bt-header-nav,
  #header .header-nav.bt-header-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    overflow: visible !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  #header .bt-header-nav .container,
  #header .header-nav .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #header .bt-header-nav-row {
    display: block !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
  }

  #header .bt-desktop-nav-hooks,
  #header .bt-nav-left,
  #header .bt-nav-right,
  #header .bt-desktop-simple-menu {
    display: none !important;
  }

  #header .bt-mobile-header-row,
  #header .mobile.bt-mobile-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
  }

  #header .bt-mobile-header-row > * {
    float: none !important;
    position: static !important;
    margin: 0 !important;
    background: transparent !important;
  }

  #header #menu-icon {
    order: 1 !important;
    flex: 0 0 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 42px !important;
    color: #111111 !important;
    background: transparent !important;
  }

  #header #menu-icon .material-icons {
    font-size: 30px !important;
    line-height: 1 !important;
  }

  #header #_mobile_logo {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
  }

  #header #_mobile_logo img,
  #header .top-logo img {
    display: block !important;
    width: auto !important;
    max-width: 120px !important;
    max-height: 36px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  #header #_mobile_user_info {
    order: 3 !important;
    flex: 0 0 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    background: transparent !important;
  }

  #header #_mobile_cart {
    order: 4 !important;
    flex: 0 0 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 42px !important;
    background: transparent !important;
  }

  #header #_mobile_user_info a,
  #header #_mobile_cart a,
  #header #_mobile_user_info span,
  #header #_mobile_cart span {
    color: #111111 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    background: transparent !important;
  }

  /* Main mobile hamburger dropdown */
  #mobile_top_menu_wrapper {
    position: relative !important;
    z-index: 10050 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
  }

  /* JS-created quick area */
  #mobile_top_menu_wrapper .bt-mobile-oneclick-panel {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-bottom: 4px solid #ff4f5b !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-oneclick-title {
    display: block !important;
    width: 100% !important;
    padding: 11px 14px !important;
    color: #ffffff !important;
    background: #111111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box:last-child {
    border-right: 0 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-label {
    display: block !important;
    color: #666666 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 4px !important;
    text-transform: uppercase !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box > div,
  #mobile_top_menu_wrapper .bt-mobile-hook-box .currency-selector,
  #mobile_top_menu_wrapper .bt-mobile-hook-box .language-selector {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    overflow: visible !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box a,
  #mobile_top_menu_wrapper .bt-mobile-hook-box button,
  #mobile_top_menu_wrapper .bt-mobile-hook-box span,
  #mobile_top_menu_wrapper .bt-mobile-hook-box .expand-more {
    color: #111111 !important;
    background: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-menu-holder {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
  }

  /* Menu moved by JS */
  #mobile_top_menu_wrapper #_desktop_top_menu,
  #mobile_top_menu_wrapper #_mobile_top_menu,
  #mobile_top_menu_wrapper .bt-desktop-simple-menu,
  #mobile_top_menu_wrapper .bt-mobile-simple-menu,
  #mobile_top_menu_wrapper .bt-simple-menu,
  #mobile_top_menu_wrapper .bt-cms-orange-line,
  #mobile_top_menu_wrapper .bt-cms-orange-line__inner {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
    border: 0 !important;
  }

  #mobile_top_menu_wrapper .top-menu,
  #mobile_top_menu_wrapper .top-menu[data-depth="0"],
  #mobile_top_menu_wrapper .bt-simple-menu ul,
  #mobile_top_menu_wrapper .bt-simple-menu__list,
  #mobile_top_menu_wrapper .bt-menu-list {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    list-style: none !important;
    border: 0 !important;
  }

  #mobile_top_menu_wrapper li,
  #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li,
  #mobile_top_menu_wrapper .bt-menu-item,
  #mobile_top_menu_wrapper .bt-simple-menu__item {
    display: block !important;
    float: none !important;
    clear: both !important;
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;
  }

  #mobile_top_menu_wrapper a,
  #mobile_top_menu_wrapper .top-menu a[data-depth="0"],
  #mobile_top_menu_wrapper .top-menu[data-depth="0"] > li > a,
  #mobile_top_menu_wrapper .bt-cms-orange-line__link,
  #mobile_top_menu_wrapper .bt-menu-item > a,
  #mobile_top_menu_wrapper .bt-simple-menu__item > a {
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 12px 14px !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal !important;
    background: #ffffff !important;
  }

  /* Mobile: show all submenus expanded after one hamburger click */
  #mobile_top_menu_wrapper .sub-menu,
  #mobile_top_menu_wrapper .dropdown-menu,
  #mobile_top_menu_wrapper .bt-submenu,
  #mobile_top_menu_wrapper ul:not([data-depth="0"]) {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 0 16px !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: #f8fbff !important;
    list-style: none !important;
  }

  #mobile_top_menu_wrapper .sub-menu li,
  #mobile_top_menu_wrapper .dropdown-menu li,
  #mobile_top_menu_wrapper .bt-submenu li {
    background: #f8fbff !important;
  }

  #mobile_top_menu_wrapper .sub-menu a,
  #mobile_top_menu_wrapper .dropdown-menu a,
  #mobile_top_menu_wrapper .bt-submenu a {
    min-height: 36px !important;
    padding: 9px 14px !important;
    color: #333333 !important;
    background: #f8fbff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  #mobile_top_menu_wrapper .dropdown-menu {
    display: none !important;
  }

  #mobile_top_menu_wrapper .open > .dropdown-menu,
  #mobile_top_menu_wrapper .show > .dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 390px) {
  #header #_mobile_logo img,
  #header .top-logo img {
    max-width: 105px !important;
    max-height: 34px !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-row {
    grid-template-columns: 1fr !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
}

/* =========================================================
   6. MENU ABOVE PRODUCT FLAGS
   ========================================================= */

#header,
#header .header-top,
#header .header-nav,
#header .header-top .container,
#header .header-top .row,
#header .header-top .position-static,
#_desktop_top_menu,
#_desktop_top_menu .top-menu,
#_desktop_top_menu .top-menu[data-depth="0"],
#_desktop_top_menu .top-menu[data-depth="0"] > li {
  position: relative;
  z-index: 10000 !important;
}

#_desktop_top_menu .top-menu .sub-menu,
#_desktop_top_menu .top-menu[data-depth="0"] > li:hover .sub-menu,
#_desktop_top_menu .top-menu[data-depth="0"] > li:focus-within .sub-menu {
  z-index: 10060 !important;
}

#mobile_top_menu_wrapper,
#mobile_top_menu_wrapper .top-menu,
#mobile_top_menu_wrapper .sub-menu {
  position: relative;
  z-index: 10050 !important;
}

#wrapper,
#content-wrapper,
#main,
.products,
.featured-products,
.product-miniature,
.product-miniature:hover,
.product-miniature .thumbnail-container,
.product-miniature .thumbnail-container:hover {
  z-index: 1 !important;
}

/* =========================================================
   7. PRODUCT GRID 400x400
   ========================================================= */

#products .products,
#js-product-list .products,
.featured-products .products,
.new-products .products,
.product-accessories .products,
#content .products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
  justify-content: space-around;
  align-items: start;
  gap: 34px 28px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#products .products::before,
#products .products::after,
#js-product-list .products::before,
#js-product-list .products::after,
.featured-products .products::before,
.featured-products .products::after {
  display: none !important;
  content: none !important;
}

#products .product,
#js-product-list .product,
.featured-products .product,
.new-products .product,
.product-accessories .product,
.products .js-product {
  float: none !important;
  width: 400px !important;
  max-width: 100% !important;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.product-miniature,
.product-miniature .thumbnail-container {
  width: 400px !important;
  max-width: 100% !important;
}

.product-miniature .thumbnail-container {
  position: relative;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto;
  overflow: visible;
  background: #ffffff;
  box-shadow: none;
}

.product-miniature .thumbnail-top {
  position: relative;
  width: 100%;
  height: 400px !important;
  min-height: 400px !important;
  background: #ffffff;
  overflow: hidden;
}

.product-miniature .product-thumbnail {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px !important;
  margin: 0;
  background: #ffffff;
}

.product-miniature .product-thumbnail picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
}

.product-miniature .product-thumbnail img {
  display: block;
  width: 400px !important;
  height: 400px !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  margin: 0 auto;
}

.product-miniature .product-description {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 108px;
  padding: 8px 8px 12px;
  background: #ffffff;
  text-align: left;
}

.product-miniature .product-title {
  min-height: 36px;
  margin: 0 0 6px;
  color: var(--bt-blue);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: none !important;
}

.product-miniature .product-title a {
  color: var(--bt-blue) !important;
  text-transform: none !important;
  text-decoration: none;
}

.product-miniature .product-title a:hover {
  color: var(--bt-blue-dark) !important;
}

.product-miniature .product-price-and-shipping {
  margin-top: 4px;
  text-align: center;
  font-weight: 700;
}

.product-miniature .price {
  color: var(--bt-red) !important;
  font-weight: 800;
}

.product-miniature .regular-price {
  color: #777777 !important;
  font-weight: 600;
}

/* =========================================================
   8. SKU RED VALUE
   ========================================================= */

.bt-product-sku {
  display: block;
  width: 100%;
  margin-top: 6px;
  color: #111111;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}

.bt-product-sku .bt-sku-label {
  color: #111111 !important;
  font-weight: 500;
}

.bt-product-sku .bt-sku-value {
  color: var(--bt-red) !important;
  font-weight: 700;
}

#product .product-reference,
#product .product-reference label,
#product .product-reference .label,
#product .product-reference span:first-child {
  color: #111111 !important;
}

#product .product-reference .value,
#product .product-reference span:last-child,
#product .product-reference strong,
#product .product-reference a,
#product .bt-sku-value,
.product-reference .value,
.sku .value,
.sku-value,
.reference-value,
.product-sku-value {
  color: var(--bt-red) !important;
  font-weight: 700;
}

/* =========================================================
   9. PRODUCT FLAGS / BADGES
   ========================================================= */

.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .thumbnail-top,
body#product .images-container,
body#product .product-cover,
body#product .product-leftside,
body#product .product-container,
body#product #content {
  position: relative !important;
}

.product-miniature .product-flags,
.product-miniature .js-product-flags,
#products .product-miniature .product-flags,
#products .product-miniature .js-product-flags,
#js-product-list .product-miniature .product-flags,
#js-product-list .product-miniature .js-product-flags,
.featured-products .product-miniature .product-flags,
.featured-products .product-miniature .js-product-flags,
.new-products .product-miniature .product-flags,
.new-products .product-miniature .js-product-flags,
.product-accessories .product-miniature .product-flags,
.product-accessories .product-miniature .js-product-flags {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  pointer-events: none !important;
}

body#product .product-flags,
body#product .js-product-flags,
body#product .product-cover .product-flags,
body#product .product-cover .js-product-flags,
body#product .images-container .product-flags,
body#product .images-container .js-product-flags {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  pointer-events: none !important;
}

body .product-flags li.product-flag,
body .product-flags .product-flag,
body .js-product-flags li.product-flag,
body .js-product-flags .product-flag {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: fit-content !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 7px 13px !important;
  border: 0 !important;
  border-radius: 15px 50px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  text-transform: none !important;
  text-transform: math-auto !important;
  pointer-events: none !important;
}

body .product-flags li.product-flag.on-sale,
body .product-flags li.product-flag.discount,
body .product-flags li.product-flag.discount-percentage,
body .product-flags li.product-flag.discount-amount,
body .js-product-flags li.product-flag.on-sale,
body .js-product-flags li.product-flag.discount,
body .js-product-flags li.product-flag.discount-percentage,
body .js-product-flags li.product-flag.discount-amount,
body#product .product-discount,
body#product .current-price .discount,
body#product .product-price .discount,
body#product .product-prices .discount {
  background: var(--bt-flag-orange) !important;
  color: #ffffff !important;
}

body .product-flags li.product-flag.online-only,
body .product-flags li.product-flag.out_of_stock,
body .product-flags li.product-flag.unavailable,
body .product-flags li.product-flag.sold,
body .product-flags li.product-flag.bt-sold,
body .js-product-flags li.product-flag.online-only,
body .js-product-flags li.product-flag.out_of_stock,
body .js-product-flags li.product-flag.unavailable,
body .js-product-flags li.product-flag.sold,
body .js-product-flags li.product-flag.bt-sold {
  background: var(--bt-flag-blue) !important;
  color: #ffffff !important;
}

body:not(#product) .product-miniature .product-flags li.product-flag.on-sale,
body:not(#product) .product-miniature .js-product-flags li.product-flag.on-sale,
body:not(#product) .product-miniature .product-flags li.product-flag.discount,
body:not(#product) .product-miniature .product-flags li.product-flag.discount-percentage,
body:not(#product) .product-miniature .product-flags li.product-flag.discount-amount,
body:not(#product) .product-miniature .product-flags li.product-flag.out_of_stock,
body:not(#product) .product-miniature .product-flags li.product-flag.unavailable,
body:not(#product) .product-miniature .product-flags li.product-flag.sold,
body:not(#product) .product-miniature .product-flags li.product-flag.bt-sold {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 2 !important;
}

body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.discount,
body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.discount-percentage,
body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.discount-amount,
body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.out_of_stock,
body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.unavailable,
body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.sold,
body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.bt-sold {
  top: 34px !important;
}

body:not(#product) .product-miniature .product-flags li.product-flag.online-only,
body:not(#product) .product-miniature .js-product-flags li.product-flag.online-only {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

body#product .product-flags li.product-flag.on-sale,
body#product .js-product-flags li.product-flag.on-sale,
body#product .product-flags li.product-flag.discount,
body#product .product-flags li.product-flag.discount-percentage,
body#product .product-flags li.product-flag.discount-amount,
body#product .product-flags li.product-flag.out_of_stock,
body#product .product-flags li.product-flag.unavailable,
body#product .product-flags li.product-flag.sold,
body#product .product-flags li.product-flag.bt-sold {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 2 !important;
}

body#product .product-flags li.product-flag.on-sale ~ li.product-flag.discount,
body#product .product-flags li.product-flag.on-sale ~ li.product-flag.discount-percentage,
body#product .product-flags li.product-flag.on-sale ~ li.product-flag.discount-amount,
body#product .product-flags li.product-flag.on-sale ~ li.product-flag.out_of_stock,
body#product .product-flags li.product-flag.on-sale ~ li.product-flag.unavailable,
body#product .product-flags li.product-flag.on-sale ~ li.product-flag.sold,
body#product .product-flags li.product-flag.on-sale ~ li.product-flag.bt-sold {
  top: 34px !important;
}

body#product .product-flags li.product-flag.online-only,
body#product .js-product-flags li.product-flag.online-only {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  bottom: 28px !important;
  top: auto !important;
  transform: none !important;
  z-index: 2 !important;
}

body#product .product-discount,
body#product .current-price .discount,
body#product .product-price .discount,
body#product .product-prices .discount {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: fit-content !important;
  border-radius: 15px 50px !important;
  padding: 7px 13px !important;
  text-transform: none !important;
  text-transform: math-auto !important;
}

/* Remove small icon from online-only flag */
body .product-flags li.product-flag.online-only i,
body .product-flags li.product-flag.online-only svg,
body .product-flags li.product-flag.online-only .material-icons,
body .product-flags li.product-flag.online-only .material-icons-outlined,
body .product-flags li.product-flag.online-only .material-symbols-outlined,
body .product-flags li.product-flag.online-only .material-symbols-rounded,
body .product-flags li.product-flag.online-only .icon,
body .js-product-flags li.product-flag.online-only i,
body .js-product-flags li.product-flag.online-only svg,
body .js-product-flags li.product-flag.online-only .material-icons,
body .js-product-flags li.product-flag.online-only .material-icons-outlined,
body .js-product-flags li.product-flag.online-only .material-symbols-outlined,
body .js-product-flags li.product-flag.online-only .material-symbols-rounded,
body .js-product-flags li.product-flag.online-only .icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body .product-flags li.product-flag.online-only::before,
body .js-product-flags li.product-flag.online-only::before {
  display: none !important;
  content: none !important;
}

body .product-flags li.product-flag:not(.online-only) *,
body .js-product-flags li.product-flag:not(.online-only) * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.product-miniature .highlighted-informations .quick-view {
  display: none !important;
}

/* =========================================================
   10. CATEGORY / HOME TITLES
   ========================================================= */

#js-product-list-header,
.block-category,
.page-header,
.featured-products h2,
.new-products h2 {
  width: 100%;
  max-width: 100%;
}

.block-category h1,
.page-header h1,
.featured-products h2,
.new-products h2 {
  color: var(--bt-blue);
  font-weight: 700;
  text-transform: none !important;
  text-align: center;
}

/* =========================================================
   11. CATEGORY + SUBCATEGORY CLEAN LAYOUT
   ========================================================= */

#js-product-list-header .bt-category-header {
  background: #ffffff !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  min-height: 0 !important;
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}

#js-product-list-header .bt-category-header.bt-has-cover {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 20px !important;
  align-items: center !important;
}

#js-product-list-header .bt-category-title {
  color: #0056b8 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  text-transform: none !important;
  text-transform: math-auto !important;
}

#js-product-list-header .bt-category-description {
  margin-top: 8px !important;
  color: #555555 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#js-product-list-header .bt-category-cover {
  width: 100% !important;
  text-align: center !important;
}

#js-product-list-header .bt-category-cover img {
  display: block !important;
  width: 100% !important;
  max-height: 180px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

#js-product-list-header .category-cover img[src*="default"],
#js-product-list-header .category-cover img[src*="no-picture"],
#js-product-list-header .category-cover img[src*="no_picture"],
#js-product-list-header .bt-category-cover img[src*="default"],
#js-product-list-header .bt-category-cover img[src*="no-picture"],
#js-product-list-header .bt-category-cover img[src*="no_picture"] {
  display: none !important;
}

#subcategories.bt-subcategories-section {
  background: #ffffff !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  padding: 18px !important;
  margin: 0 0 22px 0 !important;
}

#subcategories .bt-subcategories-title {
  color: #111111 !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 16px 0 !important;
  text-transform: none !important;
  text-transform: math-auto !important;
}

#subcategories .bt-subcategories-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

#subcategories .bt-subcategory-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid #dce7f5 !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.035) !important;
  color: #0056b8 !important;
  min-height: 64px !important;
  overflow: hidden !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease !important;
}

#subcategories .bt-subcategory-card:hover,
#subcategories .bt-subcategory-card:focus {
  background: #f8fcff !important;
  border-color: #00a9d6 !important;
  box-shadow: 0 5px 16px rgba(0, 86, 184, 0.12) !important;
  color: #003f8c !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

#subcategories .bt-subcategory-card:active {
  transform: translateY(0) scale(0.99) !important;
}

#subcategories .bt-subcategory-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  width: 100% !important;
  height: 170px !important;
  padding: 14px !important;
}

#subcategories .bt-subcategory-image img {
  display: block !important;
  max-width: 100% !important;
  max-height: 150px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

#subcategories .bt-subcategory-name {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 14px !important;
  color: #00a9d6 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: none !important;
  text-transform: math-auto !important;
  word-break: normal !important;
}

#subcategories .bt-subcategory-card.bt-no-image {
  background: #f8fbff !important;
  min-height: 58px !important;
  padding: 0 !important;
}

#subcategories .bt-subcategory-card.bt-no-image .bt-subcategory-name {
  background: #ffffff !important;
  border: 1px solid #cfe5ff !important;
  border-radius: 14px !important;
  color: #0056b8 !important;
  min-height: 56px !important;
}

#subcategories .subcategory-image img[src*="default"],
#subcategories .subcategory-image img[src*="no-picture"],
#subcategories .subcategory-image img[src*="no_picture"],
#subcategories img[src*="default-large"],
#subcategories img[src*="default-category"],
#subcategories img[src*="no-picture"],
#subcategories img[src*="no_picture"] {
  display: none !important;
}

/* =========================================================
   12. CHECKOUT / ORDER PAGE LOGO FIX
   ========================================================= */

body#checkout #header,
body#checkout #header.bt-checkout-header {
  position: relative !important;
  z-index: 20;
  width: 100%;
  min-height: 96px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: #ffffff !important;
}

body#checkout #header .header-nav,
body#checkout #header .bt-checkout-header-nav {
  width: 100%;
  min-height: 96px !important;
  height: auto !important;
  max-height: none !important;
  padding: 12px 0 12px !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

body#checkout #header .container {
  width: 100% !important;
  max-width: 100% !important;
}

body#checkout #header .row {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body#checkout #header .bt-checkout-logo-wrap {
  width: 100%;
  text-align: center;
}

body#checkout #header .bt-checkout-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 72px;
  text-align: center;
}

body#checkout #header .bt-checkout-logo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

body#checkout #header .bt-checkout-logo img,
body#checkout #header img.logo {
  display: block !important;
  width: auto !important;
  max-width: 280px !important;
  height: auto !important;
  max-height: 78px !important;
  margin: 0 auto !important;
  object-fit: contain;
}

body#checkout #wrapper {
  padding-top: 20px !important;
}

/* =========================================================
   13. RESPONSIVE PRODUCT GRID
   ========================================================= */

@media (max-width: 1199px) {
  #header #search_widget {
    max-width: 300px;
    margin-left: 14vw;
  }
}

@media (max-width: 991px) {
  #products .products,
  #js-product-list .products,
  .featured-products .products,
  .new-products .products,
  .product-accessories .products,
  #content .products {
    grid-template-columns: repeat(auto-fit, minmax(250px, 360px));
    gap: 28px 20px;
  }

  #products .product,
  #js-product-list .product,
  .featured-products .product,
  .new-products .product,
  .product-accessories .product,
  .products .js-product,
  .product-miniature,
  .product-miniature .thumbnail-container {
    width: 360px !important;
  }

  .product-miniature .thumbnail-top,
  .product-miniature .product-thumbnail,
  .product-miniature .product-thumbnail picture {
    height: 360px !important;
    min-height: 360px !important;
  }

  .product-miniature .product-thumbnail img {
    width: 360px !important;
    height: 360px !important;
  }
}

@media (max-width: 767px) {
  #wrapper .container,
  #main .container,
  .page-content,
  #content-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  #products .products,
  #js-product-list .products,
  .featured-products .products,
  .new-products .products,
  .product-accessories .products,
  #content .products {
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    gap: 24px;
  }

  #products .product,
  #js-product-list .product,
  .featured-products .product,
  .new-products .product,
  .product-accessories .product,
  .products .js-product,
  .product-miniature,
  .product-miniature .thumbnail-container {
    width: 100% !important;
    max-width: 400px !important;
    margin-left: auto;
    margin-right: auto;
  }

  .product-miniature .thumbnail-top,
  .product-miniature .product-thumbnail,
  .product-miniature .product-thumbnail picture {
    height: min(92vw, 400px) !important;
    min-height: min(92vw, 400px) !important;
  }

  .product-miniature .product-thumbnail img {
    width: min(92vw, 400px) !important;
    height: min(92vw, 400px) !important;
  }

  .product-miniature .product-title {
    font-size: 14px;
    line-height: 18px;
  }

  body .product-flags li.product-flag,
  body .product-flags .product-flag,
  body .js-product-flags li.product-flag,
  body .js-product-flags .product-flag {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }

  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.discount,
  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.discount-percentage,
  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.discount-amount,
  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.out_of_stock,
  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.unavailable,
  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.sold,
  body:not(#product) .product-miniature .product-flags li.product-flag.on-sale ~ li.product-flag.bt-sold,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.discount,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.discount-percentage,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.discount-amount,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.out_of_stock,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.unavailable,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.sold,
  body#product .product-flags li.product-flag.on-sale ~ li.product-flag.bt-sold {
    top: 30px !important;
  }

  body:not(#product) .product-miniature .product-flags li.product-flag.online-only,
  body:not(#product) .product-miniature .js-product-flags li.product-flag.online-only {
    max-width: 155px !important;
    right: 0 !important;
  }

  body#product .product-flags li.product-flag.online-only,
  body#product .js-product-flags li.product-flag.online-only {
    bottom: 20px !important;
    right: 0 !important;
  }

  #js-product-list-header .bt-category-header {
    padding: 15px !important;
    border-radius: 14px !important;
  }

  #js-product-list-header .bt-category-header.bt-has-cover {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #js-product-list-header .bt-category-title {
    font-size: 24px !important;
  }

  #js-product-list-header .bt-category-cover img {
    max-height: 160px !important;
  }

  #subcategories.bt-subcategories-section {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  #subcategories .bt-subcategories-title {
    font-size: 19px !important;
  }

  #subcategories .bt-subcategories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #subcategories .bt-subcategory-image {
    height: 128px !important;
    padding: 10px !important;
  }

  #subcategories .bt-subcategory-image img {
    max-height: 108px !important;
  }

  #subcategories .bt-subcategory-name {
    font-size: 13px !important;
    padding: 10px 8px !important;
  }

  body#checkout #header,
  body#checkout #header.bt-checkout-header {
    min-height: 82px !important;
  }

  body#checkout #header .header-nav,
  body#checkout #header .bt-checkout-header-nav {
    min-height: 82px !important;
    padding: 10px 0 !important;
  }

  body#checkout #header .row,
  body#checkout #header .bt-checkout-logo {
    min-height: 62px;
  }

  body#checkout #header .bt-checkout-logo img,
  body#checkout #header img.logo {
    max-width: 220px !important;
    max-height: 62px !important;
  }
}

@media (max-width: 420px) {
  .product-miniature .thumbnail-top,
  .product-miniature .product-thumbnail,
  .product-miniature .product-thumbnail picture {
    height: 90vw !important;
    min-height: 90vw !important;
  }

  .product-miniature .product-thumbnail img {
    width: 90vw !important;
    height: 90vw !important;
  }
}

@media (max-width: 380px) {
  #subcategories .bt-subcategories-grid {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   BT MOBILE COMPACT HOOKS v1.2.0
   PS 9.1.0 / btclassic
   Purpose:
   - Currency + Language default CLOSED
   - Click to open only
   - Short, clean, easy mobile buttons
   - BT menu still visible inside hamburger
   ========================================================= */

@media (max-width: 767px) {
  #mobile_top_menu_wrapper .bt-mobile-oneclick-panel {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 4px solid #ff4f5b !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-oneclick-title {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;
    color: #ffffff !important;
    background: #111111 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box:last-child {
    border-right: 0 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-main {
    display: block !important;
    min-width: 0 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-label {
    display: block !important;
    margin: 0 0 2px 0 !important;
    color: #666666 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-current {
    display: block !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #f2f4f7 !important;
    color: #111111 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #mobile_top_menu_wrapper .bt-hook-open .bt-mobile-hook-arrow {
    transform: rotate(180deg) !important;
  }

  /* Default CLOSED */
  #mobile_top_menu_wrapper .bt-mobile-hook-content {
    display: none !important;
    width: 100% !important;
    padding: 0 10px 10px !important;
    margin: 0 !important;
    background: #ffffff !important;
  }

  /* Click to OPEN */
  #mobile_top_menu_wrapper .bt-mobile-hook-box.bt-hook-open .bt-mobile-hook-content {
    display: block !important;
  }

  /* Hide original Prestashop selector labels/buttons inside opened area */
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > span,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > span,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > button,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > button,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > a:not(.dropdown-item),
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > a:not(.dropdown-item),
  #mobile_top_menu_wrapper .bt-mobile-hook-content .expand-more {
    display: none !important;
  }

  /* Options list */
  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu,
  #mobile_top_menu_wrapper .bt-mobile-hook-content ul.dropdown-menu {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e3e7ee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #f8fbff !important;
    overflow: hidden !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e3e7ee !important;
    background: #f8fbff !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu li:last-child {
    border-bottom: 0 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu a,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu .dropdown-item {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 10px 12px !important;
    color: #111111 !important;
    background: #f8fbff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu a:hover,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu .dropdown-item:hover {
    color: #0047c7 !important;
    background: #eef6ff !important;
  }

  /* Keep BT menu below hooks clean */
  #mobile_top_menu_wrapper .bt-mobile-menu-holder {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-menu-holder a,
  #mobile_top_menu_wrapper .bt-mobile-menu-holder .top-menu a[data-depth="0"] {
    min-height: 42px !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 390px) {
  #mobile_top_menu_wrapper .bt-mobile-hook-row {
    grid-template-columns: 1fr !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
}
/* =========================================================
   BT MOBILE CURRENCY / LANGUAGE CLEAN DROPDOWN v1.3.0
   PS 9.1.0 / btclassic
   Purpose:
   - Mobile only
   - Hide duplicate Currency / Language text underlines
   - Dropdown list closed by default
   - Tap Currency or Language box to open list
   ========================================================= */

@media (max-width: 767px) {
  /* Main panel */
  #mobile_top_menu_wrapper .bt-mobile-oneclick-panel {
    background: #ffffff !important;
    border-bottom: 4px solid #ff4f5b !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-oneclick-title {
    padding: 9px 12px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  /* Currency + Language two short boxes */
  #mobile_top_menu_wrapper .bt-mobile-hook-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box {
    position: relative !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-right: 1px solid #e5e5e5 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box:last-child {
    border-right: 0 !important;
  }

  /* Click button */
  #mobile_top_menu_wrapper .bt-mobile-hook-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-main {
    min-width: 0 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-label {
    display: block !important;
    margin: 0 0 2px 0 !important;
    color: #666666 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-current {
    display: block !important;
    color: #111111 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-arrow {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #f0f2f5 !important;
    color: #111111 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  #mobile_top_menu_wrapper .bt-hook-open .bt-mobile-hook-arrow {
    transform: rotate(180deg) !important;
  }

  /* IMPORTANT: closed by default */
  #mobile_top_menu_wrapper .bt-mobile-hook-content {
    display: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  /* Open only when user taps Currency / Language */
  #mobile_top_menu_wrapper .bt-mobile-hook-box.bt-hook-open .bt-mobile-hook-content {
    display: block !important;
    padding: 0 8px 8px !important;
    overflow: visible !important;
  }

  /* Hide all duplicate selector labels/current text/buttons */
  #mobile_top_menu_wrapper .bt-mobile-hook-content > *,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > *,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > * {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > span,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > span,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > button,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > button,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .currency-selector > a:not(.dropdown-item),
  #mobile_top_menu_wrapper .bt-mobile-hook-content .language-selector > a:not(.dropdown-item),
  #mobile_top_menu_wrapper .bt-mobile-hook-content .expand-more {
    display: none !important;
  }

  /* Dropdown list hidden unless parent box is open */
  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu,
  #mobile_top_menu_wrapper .bt-mobile-hook-content ul.dropdown-menu {
    display: none !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box.bt-hook-open .bt-mobile-hook-content .dropdown-menu,
  #mobile_top_menu_wrapper .bt-mobile-hook-box.bt-hook-open .bt-mobile-hook-content ul.dropdown-menu {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 6px 0 0 !important;
    border: 1px solid #e3e7ee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #f8fbff !important;
    overflow: hidden !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e3e7ee !important;
    background: #f8fbff !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu li:last-child {
    border-bottom: 0 !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu a,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu .dropdown-item {
    display: block !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 10px 12px !important;
    color: #111111 !important;
    background: #f8fbff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu a:hover,
  #mobile_top_menu_wrapper .bt-mobile-hook-content .dropdown-menu .dropdown-item:hover {
    color: #0047c7 !important;
    background: #eef6ff !important;
  }

  /* Remove all blue underline / link underline from hook area */
  #mobile_top_menu_wrapper .bt-mobile-hook-row a,
  #mobile_top_menu_wrapper .bt-mobile-hook-row button,
  #mobile_top_menu_wrapper .bt-mobile-hook-row span,
  #mobile_top_menu_wrapper .bt-mobile-hook-row .dropdown-item {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  /* BT menu stays clean below */
  #mobile_top_menu_wrapper .bt-mobile-menu-holder {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
  }
}

@media (max-width: 390px) {
  #mobile_top_menu_wrapper .bt-mobile-hook-row {
    grid-template-columns: 1fr !important;
  }

  #mobile_top_menu_wrapper .bt-mobile-hook-box {
    border-right: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }
}
/* BT Product Title Case Patch - PS 9.1.0 */
.product-title,
.product-title a,
.product-miniature .product-title,
.product-miniature .product-title a,
.product-miniature .product-name,
.product-miniature .product-name a,
#products .product-title,
#products .product-title a,
.featured-products .product-title,
.featured-products .product-title a,
.product-accessories .product-title,
.product-accessories .product-title a,
.product-recommendations .product-title,
.product-recommendations .product-title a,
.crossselling-products .product-title,
.crossselling-products .product-title a,
#main .product-title,
#main h1.product-title,
.product-information h1,
.product_header_container h1,
.product-container h1,
.product-detail-name,
h1[itemprop="name"],
.product-name {
    text-transform: none !important;
    text-transform: math-auto !important;
}
/* BT mobile SKU above product title */
.bt-mobile-sku-above-title {
  display: none;
}

@media (max-width: 767.98px) {
  .bt-mobile-sku-above-title {
    display: block;
    width: 100%;
    margin: 12px 0 8px;
    padding: 0;
    font-size: 17px;
    line-height: 1.4;
    color: #222;
  }

  .bt-mobile-sku-above-title .bt-sku-label {
    font-weight: 700;
    color: #222;
    margin-right: 6px;
  }

  .bt-mobile-sku-above-title .bt-sku-value {
    font-weight: 700;
    color: #c40018;
    letter-spacing: 0.5px;
  }
}
/* BT - Desktop hover white strip only transparent
   Do NOT change image opacity/background.
   Only the white hover line/strip is affected.
*/

@media (min-width: 992px) {

  /* Keep product image 100% normal */
  .products .product-miniature img,
  .products .product-miniature .product-thumbnail,
  .products .product-miniature .product-thumbnail a,
  .products .product-miniature .product-thumbnail picture {
    opacity: 1 !important;
    filter: none !important;
    background: transparent !important;
  }

  /* White hover strip / line under image */
  .products .product-miniature .thumbnail-container .highlighted-informations {
    background-color: rgba(255, 255, 255, 0.20) !important;
    box-shadow: none !important;
  }

  /* Combination product colour/variant strip only */
  .products .product-miniature .thumbnail-container .highlighted-informations .variant-links,
  .products .product-miniature .thumbnail-container .variant-links {
    background-color: rgba(255, 255, 255, 0.20) !important;
    box-shadow: none !important;
  }

  /* Remove white border line if theme/module adds it */
  .products .product-miniature .thumbnail-container .highlighted-informations,
  .products .product-miniature .thumbnail-container .variant-links {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
  }
}

/* =========================================================
   BT Logged-in Greeting Icon - Single Blue Slow GIF v2.8s
   PS 9.1.0 / btclassic
   Upload GIF to:
   /themes/btclassic/assets/img/bt-man-folded-hands-blue-2_8s.gif

   Purpose:
   - Show ONE icon only before LogOut
   - Remove duplicate icon before customer name
   - Works on Desktop + Mobile
   - GIF is small/lightweight, 1:1, 88x88px, about 15 KB
   - Animation total time about 2.8 seconds
   ========================================================= */

/* Align logged-in links */
#_desktop_user_info .user-info a.logout,
#_desktop_user_info .user-info a.account,
#_mobile_user_info .user-info a.logout,
#_mobile_user_info .user-info a.account,
#mobile_top_menu_wrapper #_mobile_user_info .user-info a.logout,
#mobile_top_menu_wrapper #_mobile_user_info .user-info a.account {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 0 !important;
  margin-right: 8px !important;
}

/* Hide original PrestaShop person icon */
#_desktop_user_info .user-info a.logout i.material-icons,
#_desktop_user_info .user-info a.account i.material-icons,
#_mobile_user_info .user-info a.logout i.material-icons,
#_mobile_user_info .user-info a.account i.material-icons,
#mobile_top_menu_wrapper #_mobile_user_info .user-info a.logout i.material-icons,
#mobile_top_menu_wrapper #_mobile_user_info .user-info a.account i.material-icons {
  display: none !important;
}

/* IMPORTANT: delete duplicate greeting icon before customer/account name */
#_desktop_user_info .user-info a.account::before,
#_mobile_user_info .user-info a.account::before,
#mobile_top_menu_wrapper #_mobile_user_info .user-info a.account::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* Desktop: show only one greeting GIF before LogOut */
#_desktop_user_info .user-info a.logout::before {
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  margin-right: 6px !important;
  background: url("../img/bt-man-folded-hands-blue-2_8s.gif") center center / contain no-repeat !important;
  vertical-align: middle !important;
}

/* Mobile: show only one greeting GIF before LogOut */
#_mobile_user_info .user-info a.logout::before,
#mobile_top_menu_wrapper #_mobile_user_info .user-info a.logout::before {
  content: "" !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin-right: 5px !important;
  background: url("../img/bt-man-folded-hands-blue-2_8s.gif") center center / contain no-repeat !important;
  vertical-align: middle !important;
}

/* Small mobile screens */
@media (max-width: 767px) {
  #_mobile_user_info .user-info a.logout::before,
  #mobile_top_menu_wrapper #_mobile_user_info .user-info a.logout::before {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin-right: 4px !important;
  }
}

/* =========================================================
   BT MOBILE HEADER FIX v1.0.0
   PS 9.1.4 / btclassic
   Mobile phones only:
   - Floating blue hamburger at top-left
   - Logo exactly centred
   - Account Sign In / Account / Log Out inside hamburger
   - Cart remains at top-right
   - No desktop or tablet changes
   ========================================================= */

@media (max-width: 767px) {
  /*
   * Keep position: fixed attached to the viewport.
   * These rules are mobile-only.
   */
  body #header,
  body #header .header-nav,
  body #header .bt-header-nav,
  body #header .bt-mobile-header-row,
  body #header .mobile.bt-mobile-header-row {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-perspective: none !important;
    perspective: none !important;
    filter: none !important;
    contain: none !important;
  }

  /*
   * Stable 3-part mobile header:
   * floating menu left, centred logo, cart right.
   */
  body #header .bt-mobile-header-row,
  body #header .mobile.bt-mobile-header-row {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 0 60px !important;
    margin: 0 !important;
  }

  /*
   * Centre the logo against the full screen width.
   * It no longer depends on the widths of the menu/account/cart.
   */
  body #header #_mobile_logo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

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

    float: none !important;
    width: auto !important;
    max-width: calc(100% - 132px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;

    z-index: 2 !important;
  }

  body #header #_mobile_logo img,
  body #header #_mobile_logo .logo,
  body #header .top-logo img {
    display: block !important;
    width: auto !important;
    max-width: 120px !important;
    max-height: 44px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /*
   * Cart remains at the top-right.
   */
  body #header #_mobile_cart {
    position: absolute !important;
    top: 50% !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    left: auto !important;
    bottom: auto !important;

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

    float: none !important;
    width: auto !important;
    min-width: 48px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;

    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;

    z-index: 4 !important;
  }

  /*
   * Hide the account only while it is still in the top row.
   * custom.js moves the same live account block into the menu.
   */
  body #header .bt-mobile-header-row > #_mobile_user_info,
  body #header .mobile.bt-mobile-header-row > #_mobile_user_info {
    display: none !important;
  }

  /*
   * Floating hamburger at the top-left.
   */
  body #header #menu-icon {
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    right: auto !important;
    bottom: auto !important;

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

    float: none !important;
    flex: none !important;
    order: initial !important;

    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;

    opacity: 0.5 !important;
    visibility: visible !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;

    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;

    z-index: 2147483000 !important;
  }

  body #header #menu-icon:hover,
  body #header #menu-icon:active,
  body #header #menu-icon:focus,
  body #header #menu-icon:focus-visible,
  body #header #menu-icon:focus-within {
    opacity: 1 !important;
  }

  /*
   * Three blue CSS lines.
   */
  body #header #menu-icon .material-icons {
    position: relative !important;
    display: block !important;

    width: 27px !important;
    min-width: 27px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;

    background:
      linear-gradient(#0066ff, #0066ff) top left / 27px 3px no-repeat,
      linear-gradient(#0066ff, #0066ff) center left / 27px 3px no-repeat,
      linear-gradient(#0066ff, #0066ff) bottom left / 27px 3px no-repeat !important;
  }

  body #header #menu-icon .material-icons::before,
  body #header #menu-icon .material-icons::after {
    content: none !important;
    display: none !important;
  }

  /*
   * Account block inside the hamburger panel.
   */
  body #mobile_top_menu_wrapper .bt-mobile-account-holder {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }

  body #mobile_top_menu_wrapper .bt-mobile-account-holder:empty {
    display: none !important;
  }

  body #mobile_top_menu_wrapper .bt-mobile-account-holder #_mobile_user_info,
  body #mobile_top_menu_wrapper .bt-mobile-account-holder #_desktop_user_info {
    position: static !important;
    display: block !important;
    float: none !important;
    flex: none !important;
    order: initial !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    -webkit-transform: none !important;
    transform: none !important;
    background: #ffffff !important;
  }

  body #mobile_top_menu_wrapper .bt-mobile-account-holder .user-info {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    background: #ffffff !important;
  }

  body #mobile_top_menu_wrapper .bt-mobile-account-holder .user-info a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 10px !important;

    color: #111111 !important;
    background: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  body #mobile_top_menu_wrapper .bt-mobile-account-holder .user-info a:hover,
  body #mobile_top_menu_wrapper .bt-mobile-account-holder .user-info a:focus {
    color: #0047c7 !important;
    background: #f5f9ff !important;
  }

  body #mobile_top_menu_wrapper .bt-mobile-account-holder .user-info .material-icons {
    margin-right: 6px !important;
    color: #0047c7 !important;
  }
}

@media (max-width: 390px) {
  body #header #_mobile_logo img,
  body #header #_mobile_logo .logo,
  body #header .top-logo img {
    max-width: 105px !important;
    max-height: 40px !important;
  }
}