@charset "UTF-8";

/* ======================================================================
   RURYSTUDZIENNE.PL - HEADER / MENU
   Wersja: 2.0.0
   Zakres: header, top bar, wyszukiwarka, koszyk, menu, dropdown, sticky header
   Plik przeznaczony do zaladowania PO glownych stylach Sky-Shop.
   ====================================================================== */

:root {
  --rs-blue: #159fd7;
  --rs-blue-dark: #087fb2;
  --rs-blue-soft: #eef8fc;
  --rs-navy: #0b2d44;
  --rs-text: #182733;
  --rs-muted: #667682;
  --rs-border: #e2e9ee;
  --rs-bg-soft: #f6f9fb;
  --rs-white: #ffffff;
  --rs-shadow-sm: 0 4px 16px rgba(10, 45, 68, 0.07);
  --rs-shadow-lg: 0 16px 40px rgba(10, 45, 68, 0.14);
  --rs-radius: 10px;
}

/* ======================================================================
   1. PASEK INFORMACYJNY NAD HEADEREM
   ====================================================================== */

.infoblock_header {
  background: var(--rs-navy) !important;
  border: 0 !important;
  border-bottom: 3px solid var(--rs-blue) !important;
  min-height: 39px !important;
  padding: 0 !important;
}

.infoblock_header .infoblock_header_content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 39px !important;
  padding: 7px 18px !important;
  text-align: center !important;
}

.infoblock_header .infoblock_header_content p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* Nadpisuje formatowanie wklejone bezposrednio w tresci paska. */
.infoblock_header .infoblock_header_content span,
.infoblock_header .infoblock_header_content strong {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.25px !important;
  color: var(--rs-white) !important;
}

/* ======================================================================
   2. GORNY PASEK KONTAKTOWY
   ====================================================================== */

.top_bar {
  background: var(--rs-white) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--rs-border) !important;
}

.top_bar .top_bar_inner_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 46px !important;
}

.top_bar .top_bar_item,
.top_bar .top_bar_item_list_wrapper,
.top_bar .top_bar_item_list {
  min-height: 46px !important;
}

.top_bar .top_bar_item_list {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top_bar .top_bar_item_list_item {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  color: var(--rs-text) !important;
}

.top_bar .top_bar_item.left .top_bar_item_list_item:not(:last-child) {
  border-right: 1px solid var(--rs-border) !important;
}

.top_bar .top_bar_item_list_item > a,
.top_bar .header_top_bar_social_user_icon {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 0 15px !important;
  color: var(--rs-text) !important;
  text-decoration: none !important;
  transition: color .18s ease, background-color .18s ease !important;
}

.top_bar .top_bar_item.left .top_bar_item_list_item:first-child > a {
  padding-left: 0 !important;
}

.top_bar .top_bar_item_list_item > a:hover,
.top_bar .user-menu:hover .header_top_bar_social_user_icon {
  color: var(--rs-blue-dark) !important;
}

.top_bar .helper-icon,
.top_bar .top_bar_item_list_item_icon,
.top_bar .top_bar_item_list_item_social_media_icon {
  color: var(--rs-blue) !important;
}

.top_bar .helper-icon i,
.top_bar .top_bar_item_list_item_social_media_icon i {
  font-size: 15px !important;
}

.top_bar .helper-text {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.top_bar .helper-arrow {
  margin-left: 7px !important;
  color: #8a99a4 !important;
}

.top_bar .helper-arrow i {
  font-size: 10px !important;
}

.top_bar .top_bar_item.right .user-menu {
  position: relative !important;
  min-height: 34px !important;
  margin-left: 12px !important;
  border: 1px solid var(--rs-border) !important;
  border-radius: 9px !important;
  background: var(--rs-bg-soft) !important;
}

.top_bar .top_bar_item.right .user-menu .header_top_bar_social_user_icon {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
}

/* Dropdown konta */
.top_bar .user-menu > .dropdown {
  border: 1px solid var(--rs-border) !important;
  border-radius: 10px !important;
  background: var(--rs-white) !important;
  box-shadow: var(--rs-shadow-lg) !important;
  overflow: hidden !important;
}

.top_bar .user-menu > .dropdown a {
  color: var(--rs-text) !important;
}

.top_bar .user-menu > .dropdown a:hover {
  background: var(--rs-blue-soft) !important;
  color: var(--rs-blue-dark) !important;
}

/* ======================================================================
   3. GLOWNY HEADER: LOGO + WYSZUKIWARKA + KOSZYK
   ====================================================================== */

.header_middle_content {
  background: var(--rs-white) !important;
  border: 0 !important;
}

.header_middle_content .header_middle_content_inner_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 34px !important;
  min-height: 124px !important;
  padding: 20px 0 !important;
}

.header_middle_content_logo {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 365px !important;
  width: 365px !important;
  margin: 0 !important;
}

.header_middle_content_logo img {
  display: block !important;
  width: auto !important;
  max-width: 350px !important;
  max-height: 92px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Wyszukiwarka */
.header_middle_content_searchbox {
  flex: 1 1 650px !important;
  width: auto !important;
  max-width: 690px !important;
  margin: 0 auto !important;
}

.header_middle_content_searchbox form {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

.header_middle_content_searchbox_input_wrapper {
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
}

.header_middle_content_searchbox_input_wrapper .input-field,
.header_middle_content_searchbox input[type="text"] {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border: 1px solid #cfd9df !important;
  border-right: 0 !important;
  border-radius: var(--rs-radius) 0 0 var(--rs-radius) !important;
  background: var(--rs-white) !important;
  box-shadow: none !important;
  color: var(--rs-text) !important;
  font-size: 15px !important;
  line-height: 50px !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

.header_middle_content_searchbox_input_wrapper .input-field::placeholder,
.header_middle_content_searchbox input[type="text"]::placeholder {
  color: #8998a3 !important;
  opacity: 1 !important;
}

.header_middle_content_searchbox:focus-within .header_middle_content_searchbox_input_wrapper .input-field,
.header_middle_content_searchbox:focus-within input[type="text"] {
  border-color: var(--rs-blue) !important;
  box-shadow: 0 0 0 3px rgba(21, 159, 215, 0.10) !important;
}

.header_middle_content_searchbox_button_wrapper {
  flex: 0 0 132px !important;
  width: 132px !important;
  margin: 0 !important;
}

.header_middle_content_searchbox_button_wrapper .btn,
.header_middle_content_searchbox input[type="submit"] {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border: 1px solid var(--rs-blue) !important;
  border-radius: 0 var(--rs-radius) var(--rs-radius) 0 !important;
  background: var(--rs-blue) !important;
  box-shadow: none !important;
  color: var(--rs-white) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 48px !important;
  text-transform: none !important;
  transition: background-color .18s ease, border-color .18s ease !important;
}

.header_middle_content_searchbox_button_wrapper .btn:hover,
.header_middle_content_searchbox input[type="submit"]:hover {
  border-color: var(--rs-blue-dark) !important;
  background: var(--rs-blue-dark) !important;
}

/* Podpowiedzi wyszukiwarki */
.header_middle_content_searchbox .search_dropdown_inner_wrapper {
  margin-top: 8px !important;
  border: 1px solid var(--rs-border) !important;
  border-radius: 10px !important;
  background: var(--rs-white) !important;
  box-shadow: var(--rs-shadow-lg) !important;
  overflow: hidden !important;
}

/* Koszyk */
.header_middle_content_quick_cart_wrapper {
  flex: 0 0 190px !important;
  width: 190px !important;
  margin: 0 !important;
}

.header_middle_content_quick_cart {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-height: 52px !important;
  padding: 8px 13px !important;
  border: 1px solid var(--rs-border) !important;
  border-radius: var(--rs-radius) !important;
  background: var(--rs-bg-soft) !important;
  color: var(--rs-text) !important;
  text-decoration: none !important;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.header_middle_content_quick_cart:hover {
  border-color: #b8dbe9 !important;
  background: var(--rs-blue-soft) !important;
  box-shadow: var(--rs-shadow-sm) !important;
}

.header_middle_content_quick_cart > .fa-shopping-basket {
  order: 1 !important;
  margin: 0 !important;
  color: var(--rs-blue) !important;
  font-size: 27px !important;
}

.header_middle_content_quick_cart_price {
  order: 2 !important;
  margin: 0 !important;
  color: var(--rs-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.header_middle_content_quick_cart_counter {
  position: absolute !important;
  top: 4px !important;
  left: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 5px !important;
  border: 2px solid var(--rs-white) !important;
  border-radius: 999px !important;
  background: var(--rs-blue) !important;
  color: var(--rs-white) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
}

.header_middle_content_quick_cart_wrapper > .dropdown {
  border: 1px solid var(--rs-border) !important;
  border-radius: 10px !important;
  background: var(--rs-white) !important;
  box-shadow: var(--rs-shadow-lg) !important;
  overflow: hidden !important;
}

/* ======================================================================
   4. GLOWNE MENU KATEGORII
   ====================================================================== */

.menu-wrapper {
  position: relative !important;
  background: var(--rs-white) !important;
  border-top: 1px solid var(--rs-border) !important;
  border-bottom: 1px solid var(--rs-border) !important;
  box-shadow: 0 5px 18px rgba(10, 45, 68, 0.05) !important;
  z-index: 100 !important;
}

.menu-wrapper > .sky-container,
.menu-wrapper .menu.smart-menu {
  background: transparent !important;
}

/* Nadpisanie poprzedniego mechanizmu .rury-menu-expanded. */
@media (min-width: 992px) {
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    row-gap: 4px !important;
    column-gap: 3px !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li {
    display: block !important;
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li > .header_bottom_content_list_item_anchor,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li > a,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li > span,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li > div > a,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li > div > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--rs-text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.08px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
  }

  /* ASORTYMENT jako glowny przycisk menu. */
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:first-child > .header_bottom_content_list_item_anchor,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:first-child > a {
    padding-left: 16px !important;
    padding-right: 16px !important;
    background: var(--rs-blue) !important;
    color: var(--rs-white) !important;
  }

  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:first-child:hover > .header_bottom_content_list_item_anchor,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:first-child:hover > a {
    background: var(--rs-blue-dark) !important;
    color: var(--rs-white) !important;
  }

  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:not(:first-child):hover > .header_bottom_content_list_item_anchor,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:not(:first-child):hover > a,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:not(:first-child) > .header_bottom_content_list_item_anchor:hover,
  .menu-wrapper .header_bottom_content_list.rury-menu-expanded > li:not(:first-child) > a:hover {
    background: var(--rs-blue-soft) !important;
    color: var(--rs-blue-dark) !important;
    transform: translateY(-1px) !important;
  }

  .menu-wrapper .header_bottom_content_list .helper-arrow {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 6px !important;
    color: currentColor !important;
    opacity: .72 !important;
  }

  .menu-wrapper .header_bottom_content_list .helper-arrow i {
    font-size: 9px !important;
    transition: transform .18s ease !important;
  }

  .menu-wrapper .header_bottom_content_list > li:hover > .header_bottom_content_list_item_anchor .helper-arrow i,
  .menu-wrapper .header_bottom_content_list > li:hover > a .helper-arrow i {
    transform: rotate(180deg) !important;
  }

  /* Rozwijane mega-menu - nie zmieniamy mechanizmu pokazywania/ukrywania. */
  .menu-wrapper .header_bottom_content_list > li > .dropdown {
    padding: 22px 24px !important;
    border: 1px solid var(--rs-border) !important;
    border-top: 3px solid var(--rs-blue) !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--rs-white) !important;
    box-shadow: var(--rs-shadow-lg) !important;
  }

  .menu-wrapper .dropdown > .row {
    margin-top: -7px !important;
    margin-bottom: -7px !important;
  }

  .menu-wrapper .dropdown [class*="col-"] {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .menu-wrapper .dropdown .cat-title {
    margin: 0 0 7px !important;
    padding: 0 !important;
  }

  .menu-wrapper .dropdown .cat-title > a {
    display: inline-block !important;
    color: var(--rs-navy) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  .menu-wrapper .dropdown .cat-title > a:hover {
    color: var(--rs-blue-dark) !important;
  }

  .menu-wrapper .header_bottom_content_list_dropdown {
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-wrapper .header_bottom_content_list_dropdown_item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-wrapper .header_bottom_content_list_dropdown_item > a {
    display: block !important;
    padding: 4px 0 !important;
    color: #596a76 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: color .16s ease, padding-left .16s ease !important;
  }

  .menu-wrapper .header_bottom_content_list_dropdown_item > a:hover {
    padding-left: 4px !important;
    color: var(--rs-blue-dark) !important;
  }
}

/* ======================================================================
   5. STICKY HEADER
   ====================================================================== */

#sticky-header {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid var(--rs-border) !important;
  box-shadow: 0 8px 26px rgba(10, 45, 68, 0.11) !important;
}

#sticky-header .sticky-header__wrapper {
  min-height: 66px !important;
}

#sticky-header .sticky-header_content__logo img {
  width: auto !important;
  max-width: 180px !important;
  max-height: 52px !important;
  object-fit: contain !important;
}

@media (min-width: 992px) {
  #sticky-header .sticky-header_content__menu_list > li > .header_bottom_content_list_item_anchor,
  #sticky-header .sticky-header_content__menu_list > li > a {
    border-radius: 7px !important;
    color: var(--rs-text) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    transition: color .18s ease, background-color .18s ease !important;
  }

  #sticky-header .sticky-header_content__menu_list > li:first-child > .header_bottom_content_list_item_anchor,
  #sticky-header .sticky-header_content__menu_list > li:first-child > a {
    background: var(--rs-blue) !important;
    color: var(--rs-white) !important;
  }

  #sticky-header .sticky-header_content__menu_list > li:not(:first-child):hover > .header_bottom_content_list_item_anchor,
  #sticky-header .sticky-header_content__menu_list > li:not(:first-child):hover > a {
    background: var(--rs-blue-soft) !important;
    color: var(--rs-blue-dark) !important;
  }

  #sticky-header .sticky-header_content__menu_list > li > .dropdown {
    border: 1px solid var(--rs-border) !important;
    border-top: 3px solid var(--rs-blue) !important;
    background: var(--rs-white) !important;
    box-shadow: var(--rs-shadow-lg) !important;
  }
}

/* ======================================================================
   6. TABLET / MOBILE - BEZ ZMIANY MECHANIZMU SKY-SHOP
   ====================================================================== */

@media (max-width: 991px) {
  .infoblock_header {
    min-height: 34px !important;
  }

  .infoblock_header .infoblock_header_content {
    min-height: 34px !important;
    padding: 6px 12px !important;
  }

  .infoblock_header .infoblock_header_content span,
  .infoblock_header .infoblock_header_content strong {
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }

  .top_bar {
    background: var(--rs-bg-soft) !important;
  }

  .top_bar .top_bar_inner_wrapper,
  .top_bar .top_bar_item,
  .top_bar .top_bar_item_list_wrapper,
  .top_bar .top_bar_item_list,
  .top_bar .top_bar_item_list_item {
    min-height: 42px !important;
  }

  .header_middle_content .header_middle_content_inner_wrapper {
    min-height: 76px !important;
    padding: 12px 0 !important;
    gap: 14px !important;
  }

  .header_middle_content_logo {
    flex: 1 1 auto !important;
    width: auto !important;
  }

  .header_middle_content_logo img {
    max-width: 235px !important;
    max-height: 62px !important;
  }

  .header_middle_content .mobile-actions {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  .header_middle_content .mobile-actions > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid var(--rs-border) !important;
    border-radius: 9px !important;
    background: var(--rs-bg-soft) !important;
    color: var(--rs-blue-dark) !important;
  }

  .header_middle_content .mobile-actions > li i {
    font-size: 18px !important;
  }
}

@media (max-width: 575px) {
  .infoblock_header .infoblock_header_content span,
  .infoblock_header .infoblock_header_content strong {
    font-size: 10px !important;
  }

  .header_middle_content_logo img {
    max-width: 185px !important;
    max-height: 54px !important;
  }

  .header_middle_content .mobile-actions > li {
    width: 39px !important;
    height: 39px !important;
  }
}

/* ======================================================================
   KONIEC PLIKU
   ====================================================================== */

/* ======================================================================
   HOTFIX / DOPRACOWANIE DESKTOPU - v2.0.0
   Poprawia konflikty ze stylami bazowymi Sky-Shop mod-header-3.
   ====================================================================== */

@media (min-width: 992px) {

  /* 1) Przywracamy prawidlowe ukrywanie elementow mobilnych.
        W v1 ogolne display:flex !important nadpisywalo .hidden-on-desktop. */
  #header .hidden-on-desktop,
  #header #mobile-open-contact.hidden-on-desktop,
  #header .top_bar .quick-cart.hidden-on-desktop {
    display: none !important;
  }

  /* 2) Gorny pasek - Sky-Shop dodaje 15px paddingu do kazdego LI.
        Zerujemy go, aby pasek byl niski i elegancki. */
  #header .header_inner_wrapper .top_bar {
    padding: 0 !important;
  }

  #header .header_inner_wrapper .top_bar .top_bar_inner_wrapper,
  #header .header_inner_wrapper .top_bar .top_bar_item,
  #header .header_inner_wrapper .top_bar .top_bar_item_list_wrapper,
  #header .header_inner_wrapper .top_bar ul.top_bar_item_list {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  #header .header_inner_wrapper .top_bar ul.top_bar_item_list > li.top_bar_item_list_item {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #header .header_inner_wrapper .top_bar ul.top_bar_item_list > li.top_bar_item_list_item > a,
  #header .header_inner_wrapper .top_bar .header_top_bar_social_user_icon {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #header .header_inner_wrapper .top_bar .top_bar_item.left ul.top_bar_item_list > li:first-child > a {
    padding-left: 18px !important;
  }

  #header .header_inner_wrapper .top_bar ul.top_bar_item_list li .fa,
  #header .header_inner_wrapper .top_bar ul.top_bar_item_list li .helper-icon .fa,
  #header .header_inner_wrapper .top_bar ul.top_bar_item_list li .helper-arrow .fa {
    color: var(--rs-navy) !important;
  }

  #header .header_inner_wrapper .top_bar .top_bar_item.right .user-menu {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 6px 8px 6px 0 !important;
    padding: 0 !important;
  }

  #header .header_inner_wrapper .top_bar .top_bar_item.right .user-menu .header_top_bar_social_user_icon {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 13px !important;
  }

  /* 3) Glowny header - bazowy szablon ma padding 35px 0, ktory podwajal odstepy. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content {
    padding: 0 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_inner_wrapper {
    min-height: 132px !important;
    padding: 18px 0 !important;
    gap: 30px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_logo {
    flex: 0 0 360px !important;
    width: 360px !important;
    max-width: 360px !important;
    margin: 0 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_logo img {
    width: auto !important;
    max-width: 340px !important;
    max-height: 98px !important;
    margin: 0 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox {
    flex: 1 1 680px !important;
    width: auto !important;
    max-width: 730px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 320 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox form {
    position: relative !important;
    z-index: 321 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox .search_dropdown_inner_wrapper {
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: 430px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    z-index: 600 !important;
  }

  /* 4) Koszyk - usuwamy konflikt left + right, ktory rozciagal licznik w niebieski pasek. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper {
    flex: 0 0 180px !important;
    width: 180px !important;
    max-width: 180px !important;
    margin: 0 8px 0 0 !important;
    position: relative !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper .header_middle_content_quick_cart {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 8px 14px !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper .header_middle_content_quick_cart .fa {
    position: static !important;
    bottom: auto !important;
    margin: 0 !important;
    color: var(--rs-blue) !important;
    font-size: 28px !important;
    line-height: 1 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper .header_middle_content_quick_cart .price {
    position: static !important;
    left: auto !important;
    order: 2 !important;
    min-width: 72px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--rs-navy) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper .header_middle_content_quick_cart .counter {
    position: absolute !important;
    top: 4px !important;
    right: auto !important;
    bottom: auto !important;
    left: 40px !important;
    width: auto !important;
    min-width: 22px !important;
    max-width: 42px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 6px !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: var(--rs-blue) !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 18px !important;
    text-align: center !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper .header_middle_content_quick_cart .counter span {
    position: static !important;
    top: auto !important;
    display: block !important;
    line-height: 18px !important;
  }

  /* 5) Menu - karta wewnatrz kontenera zamiast pelnej szarej belki. */
  #header .header_inner_wrapper .menu-wrapper {
    padding: 10px 0 14px !important;
    border-top: 1px solid #edf2f5 !important;
    border-bottom: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    z-index: 180 !important;
  }

  #header .header_inner_wrapper .menu-wrapper .menu.smart-menu {
    padding: 5px 8px !important;
    border: 1px solid var(--rs-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(10, 45, 68, 0.08) !important;
    overflow: visible !important;
  }

  #header .header_inner_wrapper .menu-wrapper ul.header_bottom_content_list.rury-menu-expanded {
    padding: 0 !important;
    row-gap: 2px !important;
    column-gap: 2px !important;
  }

  #header .header_inner_wrapper .menu-wrapper ul.header_bottom_content_list.rury-menu-expanded > li > .header_bottom_content_list_item_anchor,
  #header .header_inner_wrapper .menu-wrapper ul.header_bottom_content_list.rury-menu-expanded > li > a {
    height: 43px !important;
    min-height: 43px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  /* Wszystkie pozycje zostaly juz wyciagniete przez istniejacy skrypt - hamburger jest zbedny. */
  #header .header_inner_wrapper .menu-wrapper ul.header_bottom_content_list > li.hamburger,
  #header .header_inner_wrapper .menu-wrapper ul.header_bottom_content_list > li.rury-more-hidden {
    display: none !important;
  }

  #header .header_inner_wrapper .menu-wrapper .header_bottom_content_list > li > .dropdown {
    z-index: 700 !important;
  }
}

/* v2.0.0 - koniec hotfixu */

/* ======================================================================
   MOBILE HOTFIX / v3.0.0
   Cel: zachowac ladny desktop i uporzadkowac telefon.
   ====================================================================== */

@media (max-width: 991px) {

  /* 1) Na telefonie chowamy gorny pasek kontaktowy.
        Był zbyt ciężki wizualnie i rozwalał układ. */
  #header .header_inner_wrapper .top_bar {
    display: none !important;
  }

  /* 2) Główny header - bardziej kompaktowy i czysty. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content {
    padding: 0 !important;
    border-top: 0 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .sky-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_inner_wrapper {
    min-height: 86px !important;
    padding: 14px 0 !important;
    gap: 12px !important;
    align-items: center !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_logo {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 108px) !important;
    margin: 0 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_logo img {
    width: auto !important;
    max-width: 210px !important;
    max-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* 3) Przyciski akcji mobilnych - lżejsze i spójne. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .mobile-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .mobile-actions > li {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border: 1px solid var(--rs-border) !important;
    border-radius: 12px !important;
    background: var(--rs-bg-soft) !important;
    box-shadow: none !important;
    color: var(--rs-blue-dark) !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .mobile-actions > li i {
    font-size: 21px !important;
    line-height: 1 !important;
  }

  /* 4) Na telefonie chowamy desktopowy koszyk / wyszukiwarkę z belki.
        Zostają ikony search + menu. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox,
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper {
    display: none !important;
  }

  /* 5) Menu-wrapper tylko jako mechanizm, bez dodatkowej pustej belki. */
  #header .header_inner_wrapper .menu-wrapper {
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #header .header_inner_wrapper .menu-wrapper > .sky-container,
  #header .header_inner_wrapper .menu-wrapper .menu.smart-menu {
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* 6) Pasek informacyjny - mniejszy i czytelniejszy. */
  #header .header_inner_wrapper .infoblock_header {
    border-bottom-width: 2px !important;
  }

  #header .header_inner_wrapper .infoblock_header .infoblock_header_content {
    min-height: 40px !important;
    padding: 8px 12px !important;
  }

  #header .header_inner_wrapper .infoblock_header .infoblock_header_content span,
  #header .header_inner_wrapper .infoblock_header .infoblock_header_content strong {
    font-size: 10px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

  /* 7) Sticky header na telefonie też upraszczamy. */
  #sticky-header {
    display: none !important;
  }
}

@media (max-width: 575px) {
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .sky-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_inner_wrapper {
    min-height: 82px !important;
    padding: 12px 0 !important;
    gap: 10px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_logo img {
    max-width: 185px !important;
    max-height: 52px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .mobile-actions {
    gap: 8px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .mobile-actions > li {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 11px !important;
  }
}

/* ======================================================================
   MOBILE CART LAYER FIX / v4.0.0
   Koszyk Sky-Shop (md-sidenav) musi byc ponad headerem i menu.
   ====================================================================== */

@media (max-width: 991px) {

  /* Menu nie moze przykrywac panelu koszyka. */
  #header .header_inner_wrapper .menu-wrapper {
    z-index: 30 !important;
  }

  /* Mobilny koszyk Angular Material - prawa szuflada. */
  md-sidenav[md-component-id="mobile-cart"] {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2000 !important;
    background: #fff !important;
    box-shadow: -12px 0 35px rgba(10, 45, 68, 0.18) !important;
  }

  /* Przyciemnienie strony pod otwartym koszykiem. */
  md-backdrop.md-sidenav-backdrop {
    position: fixed !important;
    z-index: 1990 !important;
  }

  /* Zawartosc koszyka ma byc normalnym blokiem wewnatrz szuflady,
     a nie dropdownem pozycjonowanym wzgledem headera. */
  md-sidenav[md-component-id="mobile-cart"] .dropdown-quick-cart {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  md-sidenav[md-component-id="mobile-cart"] md-content {
    min-height: 100% !important;
    background: #fff !important;
  }
}

/* v4.0.0 - koniec poprawki koszyka */

/* ======================================================================
   COMPACT DESKTOP STICKY HEADER / v5.0.0
   Sticky po przewinieciu: logo + ASORTYMENT + ikony.
   Pelne glowne menu strony pozostaje bez zmian.
   ====================================================================== */

@media (min-width: 992px) {

  #sticky-header.active {
    max-height: 76px !important;
    overflow: visible !important;
  }

  #sticky-header .sky-container {
    height: 76px !important;
  }

  #sticky-header .sticky-header__wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    gap: 20px !important;
  }

  /* Logo */
  #sticky-header .sticky-header__wrapper .sticky-header_content__logo {
    flex: 0 0 205px !important;
    width: 205px !important;
    padding: 4px 0 !important;
    text-align: left !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__logo img {
    display: block !important;
    width: auto !important;
    max-width: 190px !important;
    max-height: 58px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  /* W sticky nie pokazujemy ponownie 13 kategorii.
     ASORTYMENT ma dropdown zawierajacy cala oferte. */
  #sticky-header .sticky-header__wrapper .sticky-header_content__menu {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    height: 76px !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child {
    display: block !important;
    position: relative !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child > .header_bottom_content_list_item_anchor,
  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 9px !important;
    background: var(--rs-blue) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child:hover > .header_bottom_content_list_item_anchor,
  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child:hover > a {
    background: var(--rs-blue-dark) !important;
    color: #fff !important;
  }

  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child .helper-arrow {
    margin-left: 7px !important;
    color: currentColor !important;
  }

  /* Dropdown ASORTYMENT ma zostac ponad strona. */
  #sticky-header .sticky-header__wrapper .sticky-header_content__menu_list > li:first-child > .dropdown {
    z-index: 3000 !important;
  }

  /* Prawa sekcja ikon */
  #sticky-header .sticky-header__wrapper .sticky-header_content__nav {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    height: 76px !important;
    margin: 0 !important;
  }

  #sticky-header .sticky-header__wrapper .inline_nav,
  #sticky-header .sticky-header__wrapper .inline_nav_list {
    display: flex !important;
    align-items: center !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #sticky-header .sticky-header__wrapper .inline_nav_list > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 3px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    transition: background-color .18s ease !important;
  }

  #sticky-header .sticky-header__wrapper .inline_nav_list > li:hover {
    background: var(--rs-blue-soft) !important;
  }

  #sticky-header .sticky-header__wrapper .inline_nav_list > li .helper-icon,
  #sticky-header .sticky-header__wrapper .inline_nav_list > li .helper-icon i {
    color: var(--rs-navy) !important;
    font-size: 18px !important;
  }
}

/* v5.0.0 - koniec kompaktowego sticky headera */

/* ======================================================================
   MENU BACKGROUND / v5.2.0
   Glowne menu desktop: #f5f9fc
   Dropdowny pozostaja biale.
   ====================================================================== */

@media (min-width: 992px) {
  #header .header_inner_wrapper .menu-wrapper {
    background: #f5f9fc !important;
  }

  #header .header_inner_wrapper .menu-wrapper > .sky-container,
  #header .header_inner_wrapper .menu-wrapper .menu.smart-menu,
  #header .header_inner_wrapper .menu-wrapper ul.header_bottom_content_list.rury-menu-expanded {
    background: #f5f9fc !important;
  }

  /* Rozwijane podmenu zostaje biale dla czytelnosci. */
  #header .header_inner_wrapper .menu-wrapper .header_bottom_content_list > li > .dropdown {
    background: #ffffff !important;
  }
}

/* ======================================================================
   STICKY ASORTYMENT DROPDOWN FIX / v5.3.0
   Naprawia przesuwanie mega-menu w lewo po kliknieciu ASORTYMENT.
   ====================================================================== */

@media (min-width: 992px) {

  /* Kontener sticky jest punktem odniesienia dla szerokiego mega-menu. */
  #sticky-header .sticky-header__wrapper {
    position: relative !important;
    overflow: visible !important;
  }

  #sticky-header .sticky-header_content__menu,
  #sticky-header .sticky-header_content__menu_list {
    position: static !important;
  }

  /* Wazne: Sky-Shop dla pozycji full-width oczekuje position: static.
     V5 mial tutaj position: relative, przez co dropdown centrowal sie
     wzgledem samego przycisku ASORTYMENT i uciekal w lewo. */
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child,
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child.full-width {
    position: static !important;
  }

  /* Mega-menu ma byc wycentrowane pod calym sticky headerem. */
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child > .dropdown,
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child.full-width > .dropdown {
    position: absolute !important;
    top: 76px !important;
    left: 50% !important;
    right: auto !important;

    width: calc(100vw - 48px) !important;
    max-width: 1140px !important;
    min-width: 0 !important;

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

    border: 1px solid var(--rs-border) !important;
    border-top: 3px solid var(--rs-blue) !important;
    border-radius: 0 0 12px 12px !important;
    background: #ffffff !important;
    box-shadow: var(--rs-shadow-lg) !important;

    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -o-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;

    z-index: 5000 !important;
  }

  /* Sky-Shop ma domyslnie przesuniecie dropdownu przy hoverze.
     Blokujemy je, aby menu nie wykonywalo skoku w bok / do gory. */
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child:hover > .dropdown,
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child.clicked > .dropdown,
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child > .dropdown.dropdown--is-open {
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -o-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }

  /* Wysokosc mega-menu dopasowana do ekranu. */
  #sticky-header .sticky-header__wrapper
  .sticky-header_content__menu_list > li:first-child > .dropdown > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    max-height: calc(100vh - 165px) !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* v5.3.0 - koniec poprawki sticky dropdown */

/* ======================================================================
   v5.4.0 - KLASYCZNY HEADER, STICKY HEADER WYLACZONY
   ====================================================================== */

/* Sky-Shop generuje osobny klon naglowka jako #sticky-header.
   W tej wersji calkowicie go wylaczamy na desktopie, tablecie i mobile. */
#sticky-header,
section#sticky-header,
#sticky-header[data-sticky="yes"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Dodatkowe zabezpieczenie przed ewentualnym pokazaniem sticky przez JS Sky-Shop. */
#sticky-header.active,
#sticky-header.fixed,
#sticky-header.sticky,
#sticky-header.is-sticky,
body #sticky-header {
  display: none !important;
}

/* ======================================================================
   DESKTOP CART LAYER FIX / v5.5.0
   Dropdown koszyka ma byc nad menu kategorii.
   ====================================================================== */

@media (min-width: 992px) {

  /* Glowna czesc headera tworzy warstwe wyzsza niz menu. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content {
    position: relative !important;
    z-index: 500 !important;
    overflow: visible !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .sky-container,
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_inner_wrapper {
    position: relative !important;
    overflow: visible !important;
  }

  /* Sam koszyk i jego dropdown ponad menu. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper {
    position: relative !important;
    z-index: 1200 !important;
    overflow: visible !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper > .dropdown,
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper > .dropdown.dropdown-quick-cart {
    z-index: 1300 !important;
    overflow: visible !important;
  }

  /* Menu zostaje nizej od koszyka, ale nadal nad trescia strony. */
  #header .header_inner_wrapper .menu-wrapper {
    z-index: 180 !important;
  }
}

/* v5.5.0 - koniec poprawki warstwy koszyka */

/* ======================================================================
   ACCOUNT DROPDOWN LAYER FIX / v5.6.0
   Dropdown "Moje konto" ma byc nad glownym headerem i menu.
   ====================================================================== */

@media (min-width: 992px) {

  /* Gorny pasek konta musi tworzyc wyzsza warstwe niz header middle. */
  #header.mod-header-3 .header_inner_wrapper .top_bar {
    position: relative !important;
    z-index: 1600 !important;
    overflow: visible !important;
  }

  #header.mod-header-3 .header_inner_wrapper .top_bar .sky-container,
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_inner_wrapper,
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item,
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item_list_wrapper,
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item_list {
    position: relative !important;
    overflow: visible !important;
  }

  /* Element konta oraz jego dropdown ponad pozostala czescia headera. */
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item.right .user-menu {
    position: relative !important;
    z-index: 1700 !important;
    overflow: visible !important;
  }

  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item.right .user-menu > .dropdown {
    position: absolute !important;
    z-index: 1800 !important;
    overflow: visible !important;
  }

  /* Hierarchia warstw: konto > koszyk > glowny header > menu. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content {
    z-index: 500 !important;
  }

  #header .header_inner_wrapper .menu-wrapper {
    z-index: 180 !important;
  }
}

/* v5.6.0 - koniec poprawki dropdownu konta */


/* ======================================================================
   v5.7.0 - KOMPAKTOWY DESKTOP HEADER
   Delikatnie zmniejsza wysokosc gornego paska kontaktowego i glownej
   czesci headera. Nie zmienia menu, wyszukiwarki, koszyka ani mobile.
   ====================================================================== */

@media (min-width: 992px) {

  /* 1) Pasek kontaktowy: 48 px -> 42 px */
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_inner_wrapper,
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item,
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item_list_wrapper,
  #header.mod-header-3 .header_inner_wrapper .top_bar ul.top_bar_item_list {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .top_bar ul.top_bar_item_list > li.top_bar_item_list_item {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .top_bar ul.top_bar_item_list > li.top_bar_item_list_item > a,
  #header.mod-header-3 .header_inner_wrapper .top_bar .header_top_bar_social_user_icon {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  /* Konto dopasowane do nizszego paska. */
  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item.right .user-menu {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .top_bar .top_bar_item.right .user-menu .header_top_bar_social_user_icon {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }

  /* 2) Glowna czesc headera: mniej pustej przestrzeni nad i pod zawartoscia. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_inner_wrapper {
    min-height: 112px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  /* Logo minimalnie mniejsze, ale bez zmiany proporcji. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_logo img {
    max-height: 88px !important;
  }

  /* Zachowujemy obecne wymiary wyszukiwarki i koszyka. */
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox_input_wrapper .input-field,
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox input[type="text"],
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox_button_wrapper .btn,
  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_searchbox input[type="submit"] {
    height: 50px !important;
    min-height: 50px !important;
  }

  #header.mod-header-3 .header_inner_wrapper .header_middle_content .header_middle_content_quick_cart_wrapper .header_middle_content_quick_cart {
    height: 54px !important;
    min-height: 54px !important;
  }

  /* Menu pozostaje bez zmian - dwa rzedy i tlo #f5f9fc. */
}

/* v5.7.0 - koniec kompaktowego desktop headera */