#header .site-name a {
  display: block;
  text-align: left;
  margin-right: auto;
}

#header .search-input {
  border-radius: 10px !important;
}

input.form-control.error-field {
  border-radius: 10px !important;
}

input.form-control,
textarea.form-control {
  border-radius: 10px !important;
}

button.btn.btn-secondary.btn-text.btn-login {
  border-radius: 10px !important;
}

.header-bottom {
  border-color: #ffffff00;
}

:where(.ums_discussion_rating_forms--on) a#continue-order-button.btn.btn-conversion {
  font-weight: 700 !important;
}

@media (min-width: 768px) {
  .top-navigation-bar .container .top-navigation-menu {
    height: 40px;
    float: right;
    justify-content: flex-start;
  }

  .top-navigation-bar {
    height: 40px;
    width: 100%;
    background: transparent;
    border-bottom: 0px solid #f3f3f3;
    z-index: 1003;
    position: relative;
  }

  header#header {
    margin-bottom: 0px;
    position: sticky;
    top: 40px;
    z-index: 1002;
    background-color: white !important;
  }

  header#header {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  }

  .top-navigation-bar {
    display: flex;
    position: relative;
    z-index: 998;
    padding-inline: 150 !important;
  }

  #header .header-top {
    padding-top: 10px !important;
    padding-bottom: 6px;
  }

  #header .header-top .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup-widget {
    z-index: 1005;
  }

  #header .navigation-buttons .top-nav-button-login {
    display: block;
  }

  .navigation-in ul li a b {
    font-weight: 400 !important;
  }

  .navigation-in>ul>li.ext>ul>li>div>a {
    font-weight: 400 !important;
  }

  #navigation .menu-level-2 {
    border: unset;
  }

  #navigation .menu-level-2::before {
    content: "";
    position: absolute;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    transform: translateX(-50%);
    z-index: -1;
  }
}

@media (max-width: 767px) {
  #header .site-name {
    position: absolute;
    z-index: 9999;
    padding-left: 5px;
    transition: none;
  }

  #header .navigation-buttons {
    padding-right: 10px;
  }

  #header .header-top a.cart-count i {
    right: 5px;
    /* top: 7px; */
    top: auto;
    bottom: 20px;
  }

  .navigation-buttons>a[data-target=cart] i {
    font-size: 14px;
    line-height: 14px;
    height: 20px;
    width: 20px;
  }

  .navigation-window-visible ul.menu-level-1 {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  #header .searchWhisperer {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 75px !important;
    /* margin-inline: 10px;
    width: calc(100% - 20px); */
    border-radius: 0px !important;
    box-shadow: none;
  }

  #navigation {
    border-top-width: 0px;
    top: 80px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  #navigation {
    top: 80px;
  }
}

.login-wrapper .btn {
  font-weight: 700;
}

.top-navigation-bar .top-nav-button-login,
.top-navigation-bar a[data-testid="headerSignup"],
.top-navigation-bar .top-nav-button-account,
.top-navigation-bar .top-nav-button-logout {
  display: none !important;
}

@media (min-width: 768px) {
  #header .search-input {
    border: 2px solid #ff2f0000;
    background-color: #f3f3f3 !important;
  }

  #header .search-input:focus-visible {
    outline-color: #00000000 !important;
  }

  #header .header-top-wrapper>.search .search-input-icon:before,
  #header .navigation-buttons a[data-target="search"]:before {
    color: #000000;
  }
}

@media (max-width: 767px) {

  #header .header-top-wrapper>.search .search-input-icon:before,
  #header .navigation-buttons a[data-target="search"]:before {
    font-size: 24px;
    line-height: 80px;
    font-weight: 700 !important;
  }
}

#header .navigation-buttons a[data-target="search"]:before {
  content: "";
  background-image: url(/user/documents/pw/lupa.svg?v=2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.navigation-buttons>a[data-target="cart"] i {
  bottom: 5px;
}

.navigation-buttons a[data-target="cart"]:before {
  content: "";
  background-image: url("/user/documents/pw/kosik.svg?v=2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain !important;
  width: 26px !important;
  height: 26px !important;
  display: inline-block;
}

.navigation-buttons .top-nav-button-login:before,
.navigation-buttons .top-nav-button-account:before {
  content: "";
  background-image: url("/user/documents/pw/user.svg?v=2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.navigation-buttons .top-nav-button-login span,
.navigation-buttons .top-nav-button-account span {
  padding-left: 10px;
  display: inline-block;
}

.navigation-buttons a[data-target="navigation"]:before {
  content: "";
  background-image: url("/user/documents/pw/hamburger.svg?v=2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  width: 26px;
  height: 26px;
  display: inline-block;
}

.navigation-window-visible .navigation-buttons a[data-target="navigation"]:before {
  content: "";
  background-image: url("/user/documents/pw/zavrit.svg?v=2");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
  width: 26px;
  height: 26px;
  display: inline-block;
}

#header .navigation-buttons .top-nav-button-login,
#header .navigation-buttons .top-nav-button-account,
#header .navigation-buttons a[data-target="cart"] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: unset !important;
}

@media (max-width: 767px) {

  #header .navigation-buttons a[data-target="navigation"],
  #header .navigation-buttons a[data-target="search"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 1199px) {

  .navigation-buttons .top-nav-button-login span,
  .navigation-buttons .top-nav-button-account span {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #header .navigation-buttons a {
    margin-left: 25px;
  }

  #header .header-top-wrapper>div.navigation-buttons {
    flex: 0 1 70px;
  }

  #header .header-top-wrapper>div {
    flex: 0 1 50%;
  }

  #header .header-top-wrapper .site-name {
    flex: 0 1 180px;
  }

  .menu-helper>ul {
    top: calc(50% + 24px);
  }

  .navigation-hovered:before {
    display: none;
  }

  #header .site-name a img {
    max-height: 120px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {

  #header .navigation-buttons {
    gap: 10px;
  }

  #header .navigation-buttons a,
  #header .navigation-buttons button {
    height: 80px;
    /* height: 60px; */
    width: 45px;
  }

  #header .navigation-buttons .top-nav-button-login:before {
    /* background-size: 30px;
    width: 30px;
    height: 30px; */
    background-size: 35px;
    width: 35px;
    height: 35px;
  }

  #header .navigation-buttons a[data-target="cart"]:before {
    width: 35px !important;
    height: 35px !important;
  }
}

@media (max-width: 480px) {

  #header .navigation-buttons a,
  #header .navigation-buttons button {
    width: 45px;
  }
}

@media (max-width: 479px) {
  .container.navigation-wrapper .site-name {
    flex: 0 1 160px;
  }
}

@media (max-width: 374px) {
  .container.navigation-wrapper .site-name {
    flex: 0 1 130px;
  }
}

@media (max-width: 320px) {
  #header .site-name {
    flex-basis: calc(100vw - 170px);
  }

  #header .navigation-buttons a,
  #header .navigation-buttons button {
    width: 40px;
  }
}

@media (max-width: 767px) {
  header#header nav#navigation .navigation-in.menu {
    background: #ffffff;
  }

  header#header nav#navigation ul.menu-level-1 {
    padding-top: 25px;
  }

  header#header nav#navigation .navigation-in ul li>a>b {
    text-decoration: none !important;
  }

  header#header nav#navigation span.submenu-arrow {
    display: none !important;
  }

  header#header nav#navigation .menu-level-1>li>a {
    padding-right: unset;
  }

  header#header nav#navigation .navigation-in .navigationActions {
    display: none;
  }

  header#header nav#navigation {
    border-color: #fff !important;
  }

  .navigation-in>ul.menu-level-1>li {
    background-color: #321e14;
    border-radius: 10px !important;
    border-style: solid;
    border-width: 1px;
    margin: 8px 16px;
  }

  .navigation-in>ul.menu-level-1>li:not(.copy)>a {
    color: #fff !important;
  }

  .navigation-in>ul.menu-level-1>li.copy {
    display: block;
    background: 0 0;
  }

  .navigation-in>ul.menu-level-1>li a b,
  .navigation-in>ul.menu-level-1>li.copy a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-weight: 400;
    text-transform: uppercase;
  }

  .navigation-in>ul.menu-level-1>li.menu-item-XXX a::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("");
    background-size: cover;
    background-size: center;
    margin-right: 16px;
  }
}

@media (max-width: 767px) {

  .user-action-in .popup-widget.cart-widget,
  .user-action-in .popup-widget.login-widget {
    height: calc(100% - 60px);
    top: 80px;
  }

  .user-action-in .popup-widget.login-widget .popup-widget-inner {
    padding-top: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .popup-widget.cart-widget,
  .popup-widget.login-widget,
  .popup-widget.search-widget {
    top: 156px !important;
    height: calc(100% - 186px);
  }
}

@media (min-width: 992px) {
  .popup-widget.login-widget:before {
    display: none;
  }

  .admin-logged .popup-widget.login-widget,
  .admin-logged .popup-widget.cart-widget {
    top: 128px !important;
  }

  .scrolled .popup-widget.login-widget,
  .scrolled .popup-widget.cart-widget {
    top: 78px !important;
  }

  .popup-widget.login-widget,
  .scrolled .popup-widget.cart-widget {
    position: fixed !important;
    top: 103px;
  }
}

@media (min-width: 1200px) {
  .popup-widget.login-widget:before {
    right: 210px !important;
  }
}

.top-navigation-tools .contact-box ul,
.top-navigation-tools .contact-box ul li,
.top-navigation-tools .contact-box ul li>span {
  display: none;
  flex-wrap: nowrap;
}

.top-navigation-tools .contact-box ul li>span:before {
  display: none;
  height: unset;
  width: unset;
  line-height: unset;
  top: unset;
  font-size: 20px;
  align-items: center;
  color: var(--color-secondary) !important;
  transition: all 0.3s ease-out;
}

.top-navigation-tools .contact-box {
  min-height: unset;
}

.top-navigation-tools .contact-box ul li>span {
  white-space: nowrap;
  padding-left: 20px;
}

.top-navigation-tools .contact-box ul li:hover>span:before {
  color: #1a1937;
}

.top-navigation-tools .contact-box ul li>span a {
  padding-left: 0px;
  padding-right: 0px;
}

.top-navigation-bar a {
  text-transform: uppercase;
}

.top-navigation-bar a:hover {
  text-decoration: underline;
}

.top-navigation-bar-menu a {
  padding-left: 15px;
  padding-right: 15px;
}

.top-menu-trigger-visible .top-navigation-menu-trigger {
  text-transform: uppercase;
}

button.btn.btn-default.searchWhisperer__button.js-searchWhisperer__button {
  font-weight: 700 !important;
}

.searchWhisperer__product {
  gap: 5px;
}

@media (max-width: 1439px) and (min-width: 1200px) {
  #header .navigation-buttons a {
    margin-left: 20px !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .searchWhisperer {
    overflow: hidden;
    overflow-y: scroll;
    max-height: calc(100vh - 250px);
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .top-navigation-menu {
    flex-basis: calc(100% - 300px) !important;
  }

  .top-navigation-tools {
    flex-basis: 300px !important;
  }

  .popup-widget-inner:not(.cart-widget-inner) {
    border-radius: 10px !important;
  }

  .popup-widget.cart-widget {
    border-radius: 10px !important;
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  .searchWhisperer {
    overflow: hidden;
    overflow-y: scroll;
  }

  .searchWhisperer__buttonWrapper .btn.searchWhisperer__button {
    font-weight: 700;
  }

  .searchWhisperer {
    padding: 30px;
  }

  .searchWhisperer__product__infoWrapper {
    margin-top: 8px;
  }

  .searchWhisperer__additionalResults {
    margin-right: 30px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  form#formSearchForm.search-form {
    max-width: 330px;
    margin-right: 0px;
    margin-left: auto;
  }

  .searchWhisperer__products__listItem {
    flex-basis: 50%;
  }

  .top-navigation-menu {
    flex-basis: 100% !important;
  }

  .top-navigation-tools {
    display: none !important;
  }

  .searchWhisperer {
    max-height: calc(100vh - 300px);
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .searchWhisperer {
    margin-top: 5px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  /* .in-index main#content {
        padding-top: 5px;
    } */
}

@media (max-width: 767px) {
  #header {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  }

  .scrolled #header {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
  }

  .search-window-visible #header .search {
    padding: 10px;
  }

  .searchWhisperer {
    max-height: calc(100vh - 130px);
  }

  header#header nav#navigation span.submenu-arrow {
    display: none !important;
  }

  header#header nav#navigation .menu-level-1>li>a {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/*nove styly*/

.top-navigation-tools {
  display: none !important;
}

.top-navigation-menu {
  padding-right: 0 !important;
  display: flex;
  align-items: center;
}

ul.top-navigation-bar-menu a {
  padding-right: 0;
}

button.top-nav-button.top-nav-button-login.toggle-window span {
  display: none;
}

.navigation-buttons a.btn.btn-icon.cart-count span {
  display: none !important;
}

.navigation-buttons a.btn.btn-icon.cart-count:before {
  margin-right: 0 !important;
}

.fitted .navigation-in ul {
  justify-content: center !important;
  background: transparent !important;
}

.top-navigation-bar {
  position: sticky;
  top: 0px;
  z-index: 1003;
}

@media (max-width: 767px) {
  .scrolled-down .site-name {
    visibility: hidden;
  }

  #header .site-name a img {
    max-height: 80px;
  }

  #header .site-name a {
    position: relative;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
    background: white;
    border-radius: 50%;
    align-items: center;
    transition: none;
  }

  body.search-window-visible #header .site-name a {
    margin-top: 8px !important;
    transition: none;
  }

  body.search-window-visible #header .site-name {
    top: 0px !important;
    transition: none;
  }

  .navigation-window-visible #header .site-name a::after {
    display: none;
  }

  #header .site-name a::after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: -6px;
    height: 20px;
    background: rgba(0, 0, 0, 0.1);
    filter: blur(6px);
    border-radius: 50%;
    z-index: -1;
  }

  #header .container {
    min-height: 80px !important;
  }

  .header-bottom {
    display: none;
  }

  .navigation-window-visible .header-bottom {
    display: unset !important;
  }

  .overall-wrapper {
    padding-top: 100px !important;
  }

  /* .type-index .overall-wrapper {
    padding-top: 110px !important;
    padding-top: 100px;
  } */

  body.search-window-visible::before {
    display: none !important;
  }

  /* .search-window-visible #header::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 99999 !important;
  }

  .search-window-visible #header .search {
    position: relative !important;
    z-index: 99999 !important;
  } */

  body.search-window-visible,
  html:has(body.search-window-visible) {
    overflow-y: hidden !important;
  }
}

@media (min-width: 768px) {
  #header .site-name a {
    display: flex;
    background: white;
    border-radius: 50%;
    width: 150px !important;
    height: 150px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -38px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
  }

  #header .container {
    min-height: 40px !important;
    position: relative;
  }

  .container.navigation-wrapper.header-bottom-wrapper.js-navigation-container {
    margin-left: 195px !important;
    padding-left: 0px !important;
    max-width: calc(100% - 195px);
  }
}

@media (min-width: 768px) {
  .navigation-in>ul>li>a {
    padding-bottom: 15px;
    padding-top: 10px;
  }
}

@media (min-width: 768px) {
  #navigation {
    height: 48px;
  }

  .menu-helper>span {
    padding-bottom: 15px;
    padding-top: 10px;
    font-weight: 400;
  }

  .menu-helper.visible {
    height: auto;
    padding-right: 10px;
  }
}

@media (min-width: 1200px) {
  #header .site-name a img {
    max-height: 120px;
  }

  .container.navigation-wrapper.header-bottom-wrapper.js-navigation-container {
    margin-left: 255px !important;
    padding-left: 0px !important;
    max-width: calc(100% - 255px) !important;
  }
}

@media (min-width: 992px) {
  #header .site-name a img {
    max-height: 120px;
  }

  .top-navigation-bar .container .top-navigation-menu {
    justify-content: flex-end !important;
  }

  .top-navigation-bar {
    z-index: 1003 !important;
  }

  #header .site-name a {
    bottom: -30px !important;
  }

  .menu-helper>ul {
    top: calc(50% + 24px);
  }

  div#content-wrapper {
    margin-top: 10px;
  }

  .type-product div#content-wrapper {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .top-navigation-bar .container {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 0px !important;
    padding-inline: 10px !important;
  }

  .top-navigation-bar .container .top-navigation-menu {
    height: 40px;
    justify-content: flex-end;
    float: unset;
    padding-right: unset !important;
    width: fit-content;
    flex-grow: 1;
    display: contents;
  }

  ul.top-navigation-bar-menu {
    max-width: 100% !important;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .searchWhisperer__additionalResults__heading {
    font-size: 22px !important;
  }
}

@media (max-width: 767px) {

  div#cart-wrapper,
  .in-krok-1 div#content-wrapper,
  .in-krok-2 div#content-wrapper {
    padding-top: 20px;
  }

  .in-krok-1 .site-name a {
    left: calc(50% - 45px);
  }

  .in-krok-2 .site-name a {
    left: calc(50% - 45px);
  }
}

@media (max-width: 767px) {
  :where(.ums_mobile_header_v1--on) .navigation-in {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .top-menu-trigger-visible .top-navigation-menu-trigger {
    margin-right: 0px;
    padding-right: 0px;
  }

  .top-navigation-bar .container {
    margin-right: 0;
    width: calc(100% - 195px);
  }

  #header .site-name a {
    width: 120px !important;
    height: 120px !important;
  }

  #header .site-name a img {
    max-height: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .top-navigation-bar .container {
    padding-right: 20px !important;
  }

  #header .site-name a {
    width: 130px !important;
    height: 130px !important;
    bottom: -40px !important;
  }

  #header .site-name a img {
    max-height: 100px !important;
  }
}

@media (min-width: 1440px) {
  #header .site-name a {
    bottom: -55px !important;
  }
}