/* SKIMAX – opravená mobilní hlavička a menu pro Shoptet */

@media (max-width: 767px) {
  :root {
    --skimax-dark: #102a32;
    --skimax-mint: #d5f1f1;
    --skimax-accent: #45aaa6;
    --skimax-line: #d9e5e6;
    --skimax-bg: #f9fdfe;
  }

  /* Sticky hlavička zůstává v toku stránky, proto nepotřebuje náhradní mezeru. */
  .overall-wrapper { padding-top: 0 !important; }

  #header {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: 112px !important;
    background: #f9fdfe !important;
  }

  #header .header-top,
  #header .header-top-wrapper {
    width: 100% !important;
    max-width: none !important;
    height: 112px !important;
    box-sizing: border-box !important;
  }

  #header .header-top-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 64px 48px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Logo zůstává původní – mění se jen rozměr a zarovnání. */
  #header .site-name {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 64px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  #header .site-name > a {
    width: 100% !important;
    height: 64px !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  #header .site-name img {
    position: static !important;
    width: 180px !important;
    height: auto !important;
    max-width: 58vw !important;
    max-height: 36px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /* Hledání, účet, košík i hamburger v jednom řádku. */
  #header .navigation-buttons {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    padding: 0 24px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    background: #dee2e6 !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  #header .navigation-buttons > a,
  #header .navigation-buttons > button,
  #header .navigation-buttons .top-nav-button-login {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--skimax-dark) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #header .navigation-buttons > a:hover,
  #header .navigation-buttons > a:focus-visible,
  #header .navigation-buttons > button:hover,
  #header .navigation-buttons > button:focus-visible {
    color: var(--skimax-accent) !important;
    background: rgba(255, 255, 255, 0.32) !important;
  }

  #header .navigation-buttons [data-testid="hamburgerMenu"] {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  #header .navigation-buttons i,
  #header .navigation-buttons .icon-cart {
    color: currentColor !important;
    margin: 0 !important;
  }

  #header .navigation-tools,
  #header .user-action { position: absolute !important; }

  /* Otevřené menu začíná pod celou hlavičkou. */
  #navigation {
    top: 112px !important;
    height: calc(100dvh - 112px) !important;
    padding: 14px 14px 28px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #f9fdfe !important;
    box-sizing: border-box !important;
  }

  /* Zavřené menu nesmí zasahovat zpět přes pravý okraj stránky. */
  body:not(.navigation-window-visible) #navigation {
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  body.navigation-window-visible #navigation {
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #navigation .navigation-in,
  #navigation .menu-level-1 {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Jeden bílý blok namísto řady velkých rámečků. */
  #navigation .menu-level-1 {
    overflow: hidden !important;
    background: #f9fdfe !important;
    border: 1px solid var(--skimax-line) !important;
    border-radius: 14px !important;
  }

  #navigation .menu-level-1 > li {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f9fdfe !important;
    border: 0 !important;
    border-bottom: 1px solid #e5eded !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #navigation .menu-level-1 > li:last-child { border-bottom: 0 !important; }

  #navigation .menu-level-1 > li > a {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 15px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: var(--skimax-dark) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    background: transparent !important;
    border: 0 !important;
  }

  #navigation .menu-level-1 > li > a:hover,
  #navigation .menu-level-1 > li > a:focus-visible { color: var(--skimax-accent) !important; }

  /* Aktuální stránka bez rozbaleného podmenu zůstává světlá. */
  #navigation .menu-level-1 > li:not(.exp) > a.active,
  #navigation .menu-level-1 > li:not(.exp) > a[aria-expanded="false"] {
    color: var(--skimax-dark) !important;
    background: transparent !important;
  }

  /* Tyrkysový je pouze skutečně rozbalený nadpis. */
  #navigation .menu-level-1 > li.exp > a {
    color: #f9fdfe !important;
    background: #2cb9bb !important;
  }

  #navigation .menu-level-1 > li.exp > a .submenu-arrow {
    color: currentColor !important;
  }

  #navigation .menu-level-2 {
    width: 100% !important;
    padding: 5px 12px 0 !important;
    margin: 0 !important;
    background: #edf7f7 !important;
    border: 0 !important;
  }

  #navigation .menu-level-2 > li {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d7e8e8 !important;
  }

  #navigation .menu-level-2 > li:last-child { border-bottom: 0 !important; }

  /* Poslední položka podnabídek E-shop a TESTCENTRUM přesně na střed. */
  #navigation .menu-level-2 > li:last-child,
  #navigation .menu-level-2 > li:last-child > div {
    min-height: 42px !important;
    height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #navigation .menu-level-2 > li:last-child > a,
  #navigation .menu-level-2 > li:last-child > div > a {
    min-height: 42px !important;
    height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
  }

  #navigation .menu-level-2 > li:last-child > a > span,
  #navigation .menu-level-2 > li:last-child > div > a > span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  #navigation .menu-level-2 > li > div,
  #navigation .menu-level-2 > li > div > a {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    background: transparent !important;
  }

  #navigation .menu-level-2 > li > div > a {
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    color: var(--skimax-dark) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    border: 0 !important;
  }

  #navigation .menu-level-2 > li > div > a:hover,
  #navigation .menu-level-2 > li > div > a:focus-visible { color: var(--skimax-accent) !important; }

  /* Značky používají přímé odkazy bez obalového DIV – vzhled je stejný jako E-shop. */
  #navigation #nav-manufacturers .menu-level-2 {
    padding: 5px 12px 0 !important;
    background: #edf7f7 !important;
  }

  #navigation #nav-manufacturers .menu-level-2 > li {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #d7e8e8 !important;
  }

  #navigation #nav-manufacturers .menu-level-2 > li:last-child {
    border-bottom: 0 !important;
  }

  #navigation #nav-manufacturers .menu-level-2 > li > a {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    color: var(--skimax-dark) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    background: transparent !important;
    border: 0 !important;
  }

  #navigation #nav-manufacturers .menu-level-2 > li > a:hover,
  #navigation #nav-manufacturers .menu-level-2 > li > a:focus-visible {
    color: var(--skimax-accent) !important;
  }

  #navigation .menu-level-3 {
    padding: 0 8px 8px 18px !important;
    margin: 0 !important;
    background: transparent !important;
  }

  #navigation .menu-level-3 li,
  #navigation .menu-level-3 a {
    min-height: 34px !important;
    margin: 0 !important;
  }

  #navigation .menu-level-3 a {
    padding: 7px 8px !important;
    color: #426269 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    background: transparent !important;
  }

  /* Spodní volby měny/jazyka a přihlášení. */
  #navigation .navigationActions {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    background: transparent !important;
    border: 0 !important;
  }

  #navigation .navigationActions > li {
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
    overflow: hidden !important;
    background: #f9fdfe !important;
    border: 1px solid #0f65e6 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
  }

  /* Otevřený přepínač měny/jazyka zabere celou šířku. */
  #navigation .navigationActions > li.ext.exp {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #f9fdfe !important;
  }

  #navigation .navigationActions > li.ext.exp + li {
    grid-column: 1 / -1 !important;
  }

  #navigation .navigationActions > li > a {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    padding: 0 13px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: #0f65e6 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: #f9fdfe !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }

  #navigation .navigationActions > li.ext.exp > a {
    border-radius: 9px 9px 0 0 !important;
  }

  #navigation .navigationActions > li > a > span,
  #navigation .navigationActions > li > a .navigationActions__flagWrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
  }

  #navigation .navigationActions > li > a .navigationActions__flagWrapper {
    height: 42px !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
  }

  #navigation .navigationActions > li > a .submenu-arrow {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 4px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #navigation .navigationActions > li > a:hover,
  #navigation .navigationActions > li > a:focus-visible {
    color: #084fb9 !important;
    background: #f1f7ff !important;
  }

  #navigation .navigationActions .navigationActions__submenu {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 10px 12px 12px !important;
    margin: 0 !important;
    overflow: visible !important;
    border-top: 1px solid rgba(15, 101, 230, 0.22) !important;
    background: #f9fdfe !important;
  }

  /* Uvnitř: vlevo měny, vpravo jazyky; všechny položky jsou viditelné. */
  #navigation .navigationActions .navigationActions__submenu > li {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
    background: #f9fdfe !important;
    border: 0 !important;
  }

  #navigation .navigationActions .navigationActions__submenu > li > ul {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #f9fdfe !important;
    border: 0 !important;
  }

  #navigation .navigationActions .navigationActions__submenu__item {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    background: #f9fdfe !important;
    border: 0 !important;
    border-bottom: 1px solid #e1eaf2 !important;
  }

  #navigation .navigationActions .navigationActions__submenu__item:last-child {
    border-bottom: 0 !important;
  }

  #navigation .navigationActions .navigationActions__submenu__item > a {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    color: var(--skimax-dark) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    background: #f9fdfe !important;
    border: 0 !important;
  }

  #navigation .navigationActions .navigationActions__submenu__item--active > a {
    color: #0f65e6 !important;
    font-weight: 750 !important;
  }

  #navigation .navigationActions .navigationActions__flagWrapper {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
  }

  /* Vyhledávání, účet a košík se otevírají pod tyrkysovou lištou. */
  #header .search-widget,
  #header .login-widget,
  #header .cart-widget {
    top: 112px !important;
    width: 100% !important;
    height: calc(100dvh - 112px) !important;
    max-height: calc(100dvh - 112px) !important;
    padding: 52px 16px 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #f9fdfe !important;
    box-sizing: border-box !important;
  }

  #header .search-widget .popup-widget-inner,
  #header .login-widget .popup-widget-inner,
  #header .cart-widget .popup-widget-inner {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  #header .skimax-panel-close {
    position: absolute !important;
    top: 10px !important;
    right: 14px !important;
    z-index: 3 !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--skimax-dark) !important;
    font-family: Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  #header .skimax-panel-close:hover,
  #header .skimax-panel-close:focus-visible {
    color: #0f65e6 !important;
    background: var(--skimax-mint) !important;
  }
}

/* =========================================================
   SKIMAX – vlastní SVG ikony v hlavičce (mobil i desktop)
   ========================================================= */

/* Původní elementy zůstávají zachované kvůli ovládání Shoptetu. */
#header .navigation-buttons [data-target="search"] .icon-search,
#header .navigation-buttons [data-target="login"] .icon-login,
#header .navigation-buttons [data-target="cart"] .icon-cart {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: block !important;
  font-size: 0 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

#header .navigation-buttons [data-target="search"] .icon-search::before,
#header .navigation-buttons [data-target="login"] .icon-login::before,
#header .navigation-buttons [data-target="cart"] .icon-cart::before {
  content: none !important;
  display: none !important;
}

#header .navigation-buttons [data-target="navigation"]::before {
  content: none !important;
  display: none !important;
}

/* Společný rozměr a vykreslení nových ikon. */
#header .navigation-buttons [data-target="navigation"]::after {
  content: "" !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: block !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

#header .navigation-buttons [data-target="search"]::after,
#header .navigation-buttons [data-target="login"]::after,
#header .navigation-buttons [data-target="cart"]::after {
  content: none !important;
  display: none !important;
}

#header .navigation-buttons [data-target="search"] .icon-search {
  background-image: url("/user/documents/upload/obsahy/ikony/search-icon.svg") !important;
}

#header .navigation-buttons [data-target="login"] .icon-login {
  background-image: url("/user/documents/upload/obsahy/ikony/customer-icon.svg") !important;
}

#header .navigation-buttons [data-target="cart"] .icon-cart {
  background-image: url("/user/documents/upload/obsahy/ikony/basket-icon.svg") !important;
}

#header .navigation-buttons [data-target="navigation"]::after {
  background-image: url("/user/documents/upload/obsahy/ikony/menu-icon.svg") !important;
}

body.navigation-window-visible
  #header .navigation-buttons [data-target="navigation"]::after {
  background-image: url("/user/documents/upload/obsahy/ikony/close-menu-icon.svg") !important;
}

/* Vlastní křížek také v panelech hledání, účtu a košíku. */
#header .skimax-panel-close {
  font-size: 0 !important;
  background-color: transparent !important;
  background-image: url("/user/documents/upload/obsahy/ikony/close-menu-icon.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
}

#header .skimax-panel-close:hover,
#header .skimax-panel-close:focus-visible {
  background-color: var(--skimax-mint, #d5f1f1) !important;
  background-image: url("/user/documents/upload/obsahy/ikony/close-menu-icon.svg") !important;
}

@media (max-width: 767px) {
  #header .navigation-buttons [data-target="search"] .icon-search,
  #header .navigation-buttons [data-target="login"] .icon-login,
  #header .navigation-buttons [data-target="cart"] .icon-cart,
  #header .navigation-buttons [data-target="navigation"]::after {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }
}

@media (min-width: 768px) {
  #header .skimax-panel-close {
    display: none !important;
  }
}

/* =========================================================
   IKONY – bez hover, active, focus a background efektů
   ========================================================= */

#header .navigation-buttons > a,
#header .navigation-buttons > button,
#header .navigation-buttons > a:hover,
#header .navigation-buttons > a:active,
#header .navigation-buttons > a.active,
#header .navigation-buttons > a:focus,
#header .navigation-buttons > a:focus-visible,
#header .navigation-buttons > button:hover,
#header .navigation-buttons > button:active,
#header .navigation-buttons > button.active,
#header .navigation-buttons > button:focus,
#header .navigation-buttons > button:focus-visible,
#header .navigation-buttons > [aria-expanded="true"] {
  color: inherit !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  outline: none !important;
}

#header .navigation-buttons > a::after,
#header .navigation-buttons > button::after,
#header .navigation-buttons > a:hover::after,
#header .navigation-buttons > a:active::after,
#header .navigation-buttons > a.active::after,
#header .navigation-buttons > a:focus::after,
#header .navigation-buttons > a:focus-visible::after,
#header .navigation-buttons > button:hover::after,
#header .navigation-buttons > button:active::after,
#header .navigation-buttons > button.active::after,
#header .navigation-buttons > button:focus::after,
#header .navigation-buttons > button:focus-visible::after,
#header .navigation-buttons > [aria-expanded="true"]::after {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Celá hlavička i logo normálně odscrollují. */
#header {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  width: 100% !important;
  background: #f9fdfe !important;
  transform: none !important;
  translate: none !important;
}

/* Stejně jako na Nixski: přechod platí při připnutí i při odpojení. */
#header .header-bottom,
#header .navigation-buttons {
  transition:
    transform 400ms ease-in-out,
    background-color 200ms ease,
}

/* Třídu přidává menu.js přesně při dosažení horního okraje. */
#header .skimax-sticky-bar {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 1100 !important;
  width: 100% !important;
  transform: none !important;
  translate: none !important;
}

.skimax-sticky-placeholder {
  display: none;
  width: 100%;
}

.skimax-sticky-placeholder.is-active {
  display: block;
}

@media (min-width: 768px) {
  #header .header-bottom.skimax-sticky-bar {
    background: #d5f1f1 !important;
  }
}

@media (max-width: 767px) {
  /* Otevřená mobilní okna začnou pod přichycenou lištou. */
  html.skimax-sticky-active #navigation,
  html.skimax-sticky-active #header .search-widget,
  html.skimax-sticky-active #header .login-widget,
  html.skimax-sticky-active #header .cart-widget {
    top: 48px !important;
    height: calc(100dvh - 48px) !important;
    max-height: calc(100dvh - 48px) !important;
  }

  /* Mobilní hlavička a lišta pouze s pozadím, bez stínu. */
  #header,
  #header .navigation-buttons,
  #header .navigation-buttons.skimax-sticky-bar {
    box-shadow: none !important;
  }
}

/* FOOTER BOTTOM */

.full-width.footer-bottom-full-width {
    background-color: #09171a !important;
    color: #f9fdfe !important;
}

.full-width.footer-bottom-full-width a {
    color: #f9fdfe !important;
}

.container.footer-bottom {
    background-color: #09171a !important;
    color: #f9fdfe !important;
}

.container.footer-bottom a {
    color: #f9fdfe !important;
}

/* =========================================================
   MOBILE – SITE MSG → LOGO → STICKY ŠEDÁ LIŠTA
========================================================= */

@media (max-width: 767px) {

    /* SITE MESSAGE
       normálně v toku stránky, nikdy sticky/fixed */
    .site-msg {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        z-index: auto !important;

        transform: none !important;
    }


    /* HEADER + LOGO
       normálně odscrollují společně se site-msg */
    #header,
    #header .header-top,
    #header .header-top-wrapper,
    #header .site-name {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;

        transform: none !important;
    }


    /* ŠEDÁ LIŠTA
       před dosažením horního okraje je normálně pod logem */
    #header .navigation-buttons {
        position: static !important;
        top: auto !important;

        width: 100% !important;
        z-index: auto !important;

        background: #dee2e6 !important;
    }


    /* Jakmile JS přidá sticky třídu,
       přichytí se POUZE šedá lišta */
    #header .navigation-buttons.skimax-sticky-bar {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        left: 0 !important;

        width: 100% !important;

        z-index: 1100 !important;

        background: #dee2e6 !important;
    }


    /* Placeholder zabrání poskočení stránky
       v okamžiku přichycení lišty */
    .skimax-sticky-placeholder.is-active {
        display: block !important;
    }

}