<style id="force-dark-0F0F0F">
/* Force the whole site to #161616 and kill white wrappers */
:root { color-scheme: dark; }

html, body { background:#161616 !important; }

/* Common Shoptet wrappers */
body, #page, #content, main,
.page, .page-content, .page-wrapper,
.container, .container-fluid,
.wrapper, .wrapper-inner,
.site, .site-wrapper,
.layout, .layout__content,
.shp-wrapper, .shp-container, .shp-content,
.shp-page, .shp-page__content, .shp-page__wrapper,
section, header, footer {
  background: transparent !important;
  box-shadow: none !important;
}

/* Some themes draw a white layer with pseudo-elements */
#page::before, #page::after,
.shp-page::before, .shp-page__content::before,
.wrapper::before, .wrapper::after {
  content: none !important;
  background: transparent !important;
}

/* Blocks that are often forced white in Shoptet templates */
.box, .box-inner, .card, .widget,
.section--white, .content-inner, .row,
.banner, .banners, .banners__item {
  background: transparent !important;
}

/* Optional — readable text on dark */
body, p, li, h1, h2, h3, h4, h5, h6 { color:#e9e9e9 !important; }

/* Last-resort hammer: anything with an inline white background */
*[style*="background:#fff"],
*[style*="background: #fff"],
*[style*="background-color:#fff"],
*[style*="background-color: #fff"] {
  background: transparent !important;
}
</style>

<style id="breadcrumbs-override">
/* Ultra-specific so it wins the cascade */
#content-wrapper > .breadcrumbs.navigation-home-icon-wrapper,
#content-wrapper .breadcrumbs.navigation-home-icon-wrapper,
.container.content-wrapper > .breadcrumbs.navigation-home-icon-wrapper,
div.breadcrumbs.navigation-home-icon-wrapper {
  background: #161616 !important;
  background-color: #161616 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* if your theme paints plates/lines with pseudos */
#content-wrapper > .breadcrumbs.navigation-home-icon-wrapper::before,
#content-wrapper > .breadcrumbs.navigation-home-icon-wrapper::after {
  content: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* readable text */
.breadcrumbs, .breadcrumbs a, .breadcrumbs span { color:#cfcfcf !important; }
.breadcrumbs a:hover { color:#fff !important; }
</style>

<script>
/* Last-resort: set inline styles so nothing can override it */
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.breadcrumbs, .breadcrumbs.navigation-home-icon-wrapper')
    .forEach(function(el){
      el.style.setProperty('background', '#161616', 'important');
      el.style.setProperty('background-color', '#161616', 'important');
      el.style.setProperty('border', '0', 'important');
    });
});
</script>


<style id="force-menu-level2">
/* Nuclear CSS so it wins the cascade */
nav[id*="navigation"] ul.menu-level-2,
nav[id*="navigation"] ul.menu-level-2 > li,
nav[id*="navigation"] ul.menu-level-2 > li > a,
.menu-helper ul,
.menu-helper ul > li,
.menu-helper ul > li > a {
  background: #111111 !important;
  background-color: #111111 !important;
}

nav[id*="navigation"] ul.menu-level-2,
.menu-helper ul {
  border: 1px solid #222 !important;
  box-shadow: none !important;
}

/* optional hover */
nav[id*="navigation"] ul.menu-level-2 a:hover,
.menu-helper ul a:hover { background: #111111 !important; color: #111111 !important; }
</style>

<script>
/* If the menu is built after load, set inline styles so nothing can override it */
document.addEventListener('DOMContentLoaded', function () {
  function paintMenus(){
    document.querySelectorAll('ul.menu-level-2, .menu-helper ul').forEach(el=>{
      el.style.setProperty('background', '#111111', 'important');
      el.style.setProperty('background-color', '#111111', 'important');
      el.style.setProperty('border', '1px solid #222', 'important');
    });
    document.querySelectorAll('ul.menu-level-2 > li > a, .menu-helper ul > li > a').forEach(el=>{
      el.style.setProperty('background', '#111111', 'important');
    });
  }
  paintMenus();
  new MutationObserver(paintMenus).observe(document.body, {subtree:true, childList:true, attributes:true});
});
</script>



<style id="footer-121212">
/* Footer background */
footer,
#footer,
.footer,
.footer-top,
.footer-bottom,
.full-width.footer-bottom-full-width,
.footer-bottom-full-width,
.footer-bottom .container,
.footer__bottom,
.footer__wrap {
  background: #121212 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Kill any decorative pseudo plates/lines */
.footer-bottom-full-width::before,
.footer-bottom-full-width::after,
footer::before,
footer::after {
  content: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* Optional subtle divider at the top of the footer */
.footer-bottom-full-width,
.footer-bottom { border-top: 1px solid #222 !important; }

/* Readable footer text/links on dark */
footer, .footer, .footer * { color: #e9e9e9 !important; }
footer a:hover, .footer a:hover { color: #ffffff !important; }
</style>

/* === Footer strip to #161616 (wins over theme) === */
:root { --footer-bg: #161616; }

/* the full-width bottom bar + common footer wrappers */
.full-width.footer-bottom-full-width,
.footer-bottom-full-width,
.footer-bottom,
#footer,
footer,
.footer,
.footer__bottom,
.footer__wrap,
.footer-bottom .container {
  background: var(--footer-bg) !important;
  background-color: var(--footer-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* kill decorative pseudo-elements that paint white plates/lines */
.full-width.footer-bottom-full-width::before,
.full-width.footer-bottom-full-width::after,
.footer-bottom-full-width::before,
.footer-bottom-full-width::after,
#footer::before,
#footer::after,
footer::before,
footer::after {
  content: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* safety: if a child has inline white background, neutralize it */
.footer-bottom-full-width [style*="background:#fff"],
.footer-bottom-fu



<script>
(function(){
  var ACCENT = '#d16527';
  function norm(p){ p = (p||'').split('?')[0].split('#')[0].replace(/\/+$/,''); return p || '/'; }

  function highlightActive(){
    var header = document.querySelector('header');
    if(!header) return;

    // Clear previous forced styles
    header.querySelectorAll('a[data-smx-active]').forEach(function(a){
      a.removeAttribute('data-smx-active');
      a.style.removeProperty('color');
      a.style.removeProperty('text-decoration');
      a.style.removeProperty('text-decoration-thickness');
      a.style.removeProperty('text-underline-offset');
    });

    var here = norm(location.pathname);
    var best = null, score = -1;

    // Target the real menu: .navigation-in > ul > li > a
    header.querySelectorAll('.navigation-in > ul > li > a[href]').forEach(function(a){
      var href = a.getAttribute('href');
      if(!href || href.startsWith('#') || href.startsWith('tel:') || href.startsWith('mailto:')) return;
      var url; try { url = new URL(href, location.origin); } catch(e){ return; }
      if (url.origin !== location.origin) return;

      var p = norm(url.pathname);
      var s = -1;
      if (p === here) s = 1e9;                                 // exact match
      else if (p !== '/' && (here === p || here.startsWith(p + '/'))) s = p.length; // longest prefix
      else if (here === '/' && p === '/') s = 1e9;             // home

      if (s > score){ score = s; best = a; }
    });

    if(best){
      best.dataset.smxActive = '1';
      // Force styles with !important so theme rules can't win
      best.style.setProperty('color', ACCENT, 'important');
      best.style.setProperty('text-decoration', 'underline', 'important');
      best.style.setProperty('text-decoration-thickness', '2px', 'important');
      best.style.setProperty('text-underline-offset', '8px', 'important');
      best.setAttribute('aria-current','page');

      // If the label is inside <b>, let it inherit
      var b = best.querySelector('b');
      if(b) b.style.setProperty('color', 'inherit', 'important');
    }
  }

  // Run now + after small delays (header rebuilds), and on history changes
  function boot(){
    highlightActive();
    var tries=0, t=setInterval(function(){ highlightActive(); if(++tries>10) clearInterval(t); }, 350);
  }
  if(document.readyState !== 'loading') boot();
  else document.addEventListener('DOMContentLoaded', boot);

  var root = document.querySelector('header') || document.documentElement;
  new MutationObserver(highlightActive).observe(root, {childList:true, subtree:true});
  window.addEventListener('popstate', highlightActive);
})();
</script>







/* ========== Speedmax: category pills (base + hover + border) ========== */

/* Kill template tint overlay */
.subcategories-with-image li > a::after,
.subcategories li > a::after {
  display: none !important;
}

/* BASE: orange fill + orange border + readable text */
.subcategories-with-image li > a,
.subcategories li > a{
  background: #d16527 !important;
  border: 1px solid #d16527 !important;
  color: #fff !important;
  border-radius: 8px;                 /* tweak radius to taste */
  box-shadow: none !important;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

/* HOVER/FOCUS: keep fill, slightly brighter border for feedback */
.subcategories-with-image li > a:hover,
.subcategories-with-image li > a:focus,
.subcategories li > a:hover,
.subcategories li > a:focus{
  background: #d16527 !important;
  border-color: #e1732f !important;   /* subtle lift */
  color: #fff !important;
}

/* Make sure inner text/icon inherits the color */
.subcategories-with-image li > a * ,
.subcategories li > a * {
  color: inherit !important;
}

/* Optional: if the theme draws an outer plate on the LI, kill it */
.subcategories-with-image li::after,
.subcategories li::after {
  display: none !important;
}

/* (Optional) keyboard focus ring */
.subcategories-with-image li > a:focus-visible,
.subcategories li > a:focus-visible {
  outline: 2px solid #e1732f;
  outline-offset: 2px;
}




