/* Jediný import fontů pro celý web (tento soubor se načítá jako první).
   Sjednocena nejširší sada vah ze všech souborů: Exo 2 400–900,
   Montserrat 600–900. Duplicitní @import z typography a 02-css byly
   odstraněny, aby se font nestahoval 3× s různými sadami vah. */
@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800;900&family=Montserrat:wght@600;700;800;900&display=swap");

:root {
  /* Globální firemní barvy – primární zdroj (tento soubor se načítá první). */
  --kf-blue: #0088af;
  --kf-blue-dark: #006f91;
  --kf-cta: #f5a400;
  --kf-cta-dark: #d98f00;

  /* Pozn.: --kf-border, --kf-light a --kf-text zde dříve byly, ale:
     - --kf-border / --kf-light přebíjela typografie jinou hodnotou
       (platné hodnoty jsou v korefib-typography.css),
     - --kf-text kolidovalo s velikostí písma (--kf-text: 15px) z typografie;
       pro barvu textu se používá --kf-text-color.
     Proto byly odsud odstraněny, aby nevznikal zmatek a mrtvé hodnoty. */
}

.product .name,.product .name a,.products .name,.products .name a,.p .name,.p .name a,.product-title,.p-detail-inner h1 {
  color: #000 !important;
  text-decoration: none !important;
}

.product .name a:hover,.products .name a:hover,.p .name a:hover {
  color: var(--kf-blue) !important;
}

.price,.price-final,.price-final-holder,.p-final-price-wrapper,.p-detail .price-final,.products .price-final,.product .price-final {
  color: #000 !important;
}

.btn,.button,a.btn,button,input[type="submit"],.add-to-cart-button,.btn-primary,.btn-conversion,.btn-cart {
  border-radius: 6px !important;
}

.btn-primary,.btn-conversion,.add-to-cart-button,button.btn-conversion,input[type="submit"],.kf-btn-primary,.kf-shoptet-cart-target .btn,.kf-shoptet-cart-target button,.kf-shoptet-cart-target input[type="submit"] {
  background: var(--kf-cta) !important;
  border-color: var(--kf-cta) !important;
  color: #111 !important;
}

.btn-primary:hover,.btn-conversion:hover,.add-to-cart-button:hover,button.btn-conversion:hover,input[type="submit"]:hover,.kf-btn-primary:hover,.kf-shoptet-cart-target .btn:hover,.kf-shoptet-cart-target button:hover,.kf-shoptet-cart-target input[type="submit"]:hover {
  background: var(--kf-cta-dark) !important;
  border-color: var(--kf-cta-dark) !important;
  color: #111 !important;
}

a {
  color: var(--kf-blue);
}

a:hover {
  color: var(--kf-blue-dark);
}

.breadcrumbs,.breadcrumbs a,.breadcrumbs span {
  color: #777 !important;
}

.stars,.stars span,.stars:before,.stars span:before,.rating,.rating span,.rating:before,.rating span:before,.p-detail .stars,.p-detail .stars span,.p-detail .stars:before,.p-detail .stars span:before {
  color: var(--kf-cta) !important;
}

.type-category .product .p-in,.type-category .product .p-bottom,.type-category .product .p-desc,.type-category .product .availability,.type-category .product .price,.type-category .product .ratings-wrapper {
  margin: 3px 0 !important;
  padding: 0 !important;
}

.type-category .product .price,.type-category .product .price-final {
  margin: 6px 0 !important;
}

.type-category .product .btn,.type-category .product .button {
  margin: 5px auto 6px !important;
  padding: 7px 20px !important;
  min-height: 0 !important;
}

.type-category .product {
  max-width: 340px !important;
  padding: 14px 12px !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035) !important;
}

.type-category .product:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 136, 175, 0.08) !important;
}

.type-category .product img {
  max-height: 220px !important;
  object-fit: contain !important;
}

.type-category .subcategories li,.type-category .subcategories-list li,.type-category .category-subcategories li,.type-category .category-subcategories-list li {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-height: 170px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid var(--kf-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035) !important;
  overflow: hidden !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.type-category .subcategories li:hover,.type-category .subcategories-list li:hover,.type-category .category-subcategories li:hover,.type-category .category-subcategories-list li:hover {
  transform: translateY(-3px) !important;
  border-color: var(--kf-blue) !important;
  box-shadow: 0 14px 34px rgba(0, 136, 175, 0.12) !important;
}

.type-category .subcategories a,.type-category .subcategories-list a,.type-category .category-subcategories a,.type-category .category-subcategories-list a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 170px !important;
  padding: 22px 16px 18px !important;
  gap: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #111 !important;
}

.type-category .subcategories a:hover,.type-category .subcategories-list a:hover,.type-category .category-subcategories a:hover,.type-category .category-subcategories-list a:hover {
  color: var(--kf-blue) !important;
}

.carousel-control {
  background: rgba(0, 0, 0, 0.18) !important;
  border-radius: 50% !important;
  opacity: 0.85 !important;
}

.carousel-control:hover {
  background: rgba(0, 0, 0, 0.32) !important;
  opacity: 1 !important;
}

.carousel-control span {
  color: #fff !important;
  text-shadow: none !important;
}

.kf-ref-slider {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
}

.kf-ref-slider a {
  flex: 0 0 78%;
  scroll-snap-align: start;
}

.kf-ref-slider img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--kf-border);
  background: var(--kf-light);
}

.navigation-in>ul>li>ul.menu-level-2,#navigation>ul>li>ul.menu-level-2,.menu-level-1>li>ul.menu-level-2 {
  display: none !important;
}
@media (min-width: 769px) {
.navigation-in>ul>li:hover>ul.menu-level-2,#navigation>ul>li:hover>ul.menu-level-2,.menu-level-1>li:hover>ul.menu-level-2 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 56px !important;
  width: 100% !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 22px 30px !important;
  background: #fff !important;
  border-top: 1px solid var(--kf-border) !important;
  border-bottom: 1px solid var(--kf-border) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.06) !important;
}

.navigation-in>ul>li>ul.menu-level-2 img,#navigation>ul>li>ul.menu-level-2 img,.menu-level-1>li>ul.menu-level-2 img {
  display: none !important;
}

.navigation-in>ul>li>ul.menu-level-2>li,#navigation>ul>li>ul.menu-level-2>li,.menu-level-1>li>ul.menu-level-2>li {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.navigation-in>ul>li>ul.menu-level-2>li>a,#navigation>ul>li>ul.menu-level-2>li>a,.menu-level-1>li>ul.menu-level-2>li>a,.navigation-in>ul>li>ul.menu-level-2>li>a span,#navigation>ul>li>ul.menu-level-2>li>a span,.menu-level-1>li>ul.menu-level-2>li>a span {
  display: inline-block !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  color: #111 !important;
  text-decoration: none !important;
  text-align: center !important;
}

.navigation-in>ul>li>ul.menu-level-2>li>a:hover,#navigation>ul>li>ul.menu-level-2>li>a:hover,.menu-level-1>li>ul.menu-level-2>li>a:hover {
  color: var(--kf-blue) !important;
}
}
.top-navigation-bar {
  display: block !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  position: relative !important;
  z-index: 9999 !important;
}

.top-navigation-bar .top-navigation-menu>li:not(.navigationActions),.top-navigation-bar .top-navigation-contacts,.top-navigation-bar .top-navigation-links,.top-navigation-bar .top-navigation-menu-helper,.top-navigation-bar .top-navigation-menu-left,.top-navigation-bar .top-navigation-menu-primary {
  display: none !important;
}

.top-navigation-bar .top-navigation-menu,.top-navigation-bar .navigationActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  width: auto !important;
  height: 0 !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  background: transparent !important;
  list-style: none !important;
}

.top-navigation-bar .navigationActions>li,.top-navigation-bar .navigationActions ul>li {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.top-navigation-bar .navigationActions,.top-navigation-bar .navigationActions *,.currenciesMenu,.languagesMenu,.top-nav-button-login,.top-nav-button-register {
  color: #111 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.top-navigation-bar .navigationActions a:hover,.top-navigation-bar .navigationActions li:hover>a,.top-navigation-bar .navigationActions li:hover>a span {
  color: var(--kf-blue) !important;
}

.currenciesMenu__header--name {
  display: none !important;
}

.currenciesMenu__header,.currenciesMenu__header--actual {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 42px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 18px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
}

.currenciesMenu__content,.currenciesMenu__box,.currenciesMenu__list {
  display: inline-flex !important;
  position: static !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.currenciesMenu__list li,.currenciesMenu__list__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 42px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 18px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  text-decoration: none !important;
}

.languagesMenu__header,.languagesMenu__header--name,.languagesMenu__header--actual {
  display: none !important;
}

.languagesMenu__content,.languagesMenu__box,.languagesMenu__list {
  display: inline-flex !important;
  position: static !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.languagesMenu__list li {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.languagesMenu__list__name {
  display: none !important;
}

.languagesMenu__list svg,.languagesMenu svg {
  display: block !important;
  width: 22px !important;
  min-width: 22px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top-nav-button-login,.top-nav-button-register {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.top-navigation-bar .navigationActions {
  position: absolute !important;
  top: 8px !important;
  right: 80px !important;
  z-index: 10000 !important;
  gap: 18px !important;
}

.currenciesMenu {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  margin-right: 12px !important;
}

.languagesMenu {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  margin-right: 18px !important;
}

.top-nav-button-login {
  margin-right: 18px !important;
}

.currenciesMenu__header,.currenciesMenu__header--actual,.currenciesMenu__list__link {
  min-width: 46px !important;
  padding: 0 10px !important;
}

.languagesMenu__list {
  gap: 8px !important;
}

.languagesMenu__list__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
}

.header-top .navigation-buttons>a.cart-count,.header-top .navigation-buttons>a[data-testid="headerCart"],.navigation-buttons>a.cart-count,.navigation-buttons>a[data-testid="headerCart"] {
  position: relative !important;
  left: -50px !important;
  right: auto !important;
  transform: none !important;
}

.navigation-in .kf-mobile-lang,#navigation .kf-mobile-lang {
  justify-content: flex-start !important;
  gap: 36px !important;
  margin: 0 0 28px !important;
}

.navigation-in .kf-mobile-lang a,#navigation .kf-mobile-lang a {
  width: auto !important;
  flex: 0 0 auto !important;
}

.navigation-in .navigationActions,#navigation .navigationActions {
  padding-left: 0 !important;
}

.navigation-in .top-nav-button-login,#navigation .top-nav-button-login,.navigation-in .kf-mobile-register,#navigation .kf-mobile-register {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

.type-category .subcategories .image img,.type-category .subcategories-list .image img,.type-category .category-subcategories .image img,.type-category .category-subcategories-list .image img {
  width: auto !important;
  height: auto !important;
  max-width: 96% !important;
  max-height: 185px !important;
  object-fit: contain !important;
  padding: 0 !important;
}

.type-category .subcategories,.type-category .subcategories.with-image,.type-category .subcategories-list,.type-category .category-subcategories,.type-category .category-subcategories-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  gap: 26px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 30px auto 42px !important;
  padding: 0 24px !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

.type-category .subcategories>li,.type-category .subcategories-list>li,.type-category .category-subcategories>li,.type-category .category-subcategories-list>li {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 230px !important;
  float: none !important;
  display: flex !important;
  background: #fff !important;
  border: 1px solid #e5edf1 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.045) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.type-category .subcategories>li>a,.type-category .subcategories-list>li>a,.type-category .category-subcategories>li>a,.type-category .category-subcategories-list>li>a {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 230px !important;
  padding: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #111 !important;
}

.type-category .subcategories .image,.type-category .subcategories-list .image,.type-category .category-subcategories .image,.type-category .category-subcategories-list .image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 160px !important;
  margin: 0 !important;
  background: #f5f8fa !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.type-category .subcategories .image a,.type-category .subcategories-list .image a,.type-category .category-subcategories .image a,.type-category .category-subcategories-list .image a {
  width: 100% !important;
  height: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.type-category .subcategories img,.type-category .subcategories-list img,.type-category .category-subcategories img,.type-category .category-subcategories-list img {
  display: block !important;
  width: 220px !important;
  height: 145px !important;
  max-width: none !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  max-height: none !important;
  transform: scale(1.22) !important;
  transform-origin: center center !important;
}

.type-category .subcategories a span,.type-category .subcategories-list a span,.type-category .category-subcategories a span,.type-category .category-subcategories-list a span {
  display: flex !important;
  padding: 10px 18px 14px !important;
  color: #111 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 70px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.type-category .subcategories>li:hover,.type-category .subcategories-list>li:hover,.type-category .category-subcategories>li:hover,.type-category .category-subcategories-list>li:hover {
  transform: translateY(-3px) !important;
  border-color: var(--kf-blue) !important;
  box-shadow: 0 16px 36px rgba(0,136,175,.13) !important;
}

.type-index .search,.type-index .search-form,.type-index .search-form-wrapper,.type-index .site-search,.type-index .siteSearch,.type-index .header-search,.type-index #formSearchForm,.type-index form[action*="vyhledavani"],.type-index form[action*="search"] {
  display: none !important;
}

.type-index .currenciesMenu {
  display: none !important;
}

.type-index .top-nav-button-login,.type-index .top-nav-button-register {
  display: none !important;
}

.type-index .header-top .navigation-buttons>a.cart-count,.type-index .header-top .navigation-buttons>a[data-testid="headerCart"],.type-index .navigation-buttons>a.cart-count,.type-index .navigation-buttons>a[data-testid="headerCart"] {
  display: none !important;
}

.type-index .languagesMenu,.type-index .languagesMenu__content,.type-index .languagesMenu__box,.type-index .languagesMenu__list,.type-index .languagesMenu__list li,.type-index .languagesMenu__list__link {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.type-index .currenciesMenu,.type-index .currenciesMenu *,.type-index .top-navigation-bar .currenciesMenu,.type-index #currenciesMenu {
  display: none !important;
}

.search,.search-form,.search-form-inline,.search-form-wrapper,.site-search,.siteSearch,.header-search,.search-whisperer,.search-input-wrapper,#formSearchForm,form[action*="vyhledavani"],form[action*="search"] {
  display: none !important;
}

.type-index .currenciesMenu,.type-index .currenciesMenu *,.type-index #currenciesMenu,.type-index .top-navigation-tools .currenciesMenu,.type-index .top-navigation-bar .currenciesMenu,.type-index .top-navigation-contacts .currenciesMenu,.type-index a[href*="/mena/"],.type-index a[href*="currency"],.type-index .currency,.type-index .currency-switcher {
  display: none !important;
}

.type-index .currenciesMenu,.type-index .currenciesMenu *,.type-index .currenciesMenu__header,.type-index .currenciesMenu__header--actual,.type-index .currenciesMenu__header--name,.type-index .currenciesMenu__content,.type-index .currenciesMenu__box,.type-index .currenciesMenu__list,.type-index .currency,.type-index .currency-switcher,.type-index a[href*="/mena/"],.type-index a[href*="currency"],.type-index .top-nav-button-login,.type-index .top-nav-button-register,.type-index .header-top .navigation-buttons>a.cart-count,.type-index .header-top .navigation-buttons>a[data-testid="headerCart"],.type-index .navigation-buttons>a.cart-count,.type-index .navigation-buttons>a[data-testid="headerCart"] {
  display: none !important;
}

.type-index .languagesMenu,.type-index .languagesMenu__content,.type-index .languagesMenu__box,.type-index .languagesMenu__list,.type-index .languagesMenu__list li,.type-index .languagesMenu__list__link,.type-index .languagesMenu svg {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.type-cart .summary .price-wrapper {
  display: block !important;
  text-align: right !important;
  width: 100% !important;
  max-width: 100% !important;
}

.type-cart .summary .price-wrapper .price-label,.type-cart .summary .price-wrapper .price {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #111 !important;
  white-space: nowrap !important;
}

.type-cart .summary .price-wrapper .price-primary,.type-cart .summary .price-wrapper .price-secondary {
  margin-left: 8px !important;
}

#header .site-name {
  position: relative !important;
  left: 100px !important;
}

.kf-logo,.kf-brand {
  font-family: var(--kf-font-heading, "Montserrat", Arial, sans-serif) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.kf-logo sup,.kf-brand sup,.korefib-category-title sup,.korefib-category-description sup,.p-detail-inner sup,.basic-description sup {
  font-size: 52% !important;
  line-height: 0 !important;
  position: relative !important;
  top: -0.75em !important;
  vertical-align: baseline !important;
  margin-left: 1px !important;
  margin-right: 4px !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

@media (min-width: 769px) {
  .navigation-wrapper,.navigation-in,#navigation {
    width: 100% !important;
    max-width: 1480px !important;
    margin: auto !important;
  }

  .navigation-in>ul,#navigation>ul,.menu-level-1 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .navigation-in>ul>li,#navigation>ul>li,.menu-level-1>li {
    flex: 0 0 auto !important;
  }

  .navigation-in>ul>li>a,#navigation>ul>li>a,.menu-level-1>li>a {
    color: var(--kf-text-color, #111) !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    padding: 18px 14px !important;
  }

  .navigation-in>ul>li>a:hover,#navigation>ul>li>a:hover,.menu-level-1>li>a:hover,.navigation-in>ul>li.active>a,#navigation>ul>li.active>a,.menu-level-1>li.active>a {
    color: var(--kf-blue) !important;
  }

  .navigation-in {
    border-bottom: 1px solid #d9e3e7 !important;
  }

  #navigation {
    min-height: 56px !important;
  }

  .navigation-in.menu ul.navigationActions,.navigation-in.menu .navigationActions,.navigation-in.menu .top-nav-button-login,.navigation-in.menu .top-nav-button-login *,#navigation ul.navigationActions,#navigation .navigationActions,#navigation .top-nav-button-login,#navigation .top-nav-button-login * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .navigation-wrapper,.navigation-in,#navigation {
    max-width: 1360px !important;
  }

  .navigation-in>ul>li>a,#navigation>ul>li>a,.menu-level-1>li>a {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

@media (min-width: 1400px) {
  .navigation-in>ul>li>a,#navigation>ul>li>a,.menu-level-1>li>a {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (min-width: 992px) {
  .type-product .breadcrumbs {
    display: block !important;
    width: 100% !important;
    max-width: 1480px !important;
    margin: 18px auto 24px !important;
    padding: 0 !important;
    text-align: left !important;
    clear: both !important;
  }
}

@media (max-width: 620px) {
  .kf-ref-slider a {
    flex-basis: 88%;
  }
}

@media (max-width: 520px) {
  .type-category .subcategories a,.type-category .subcategories-list a,.type-category .category-subcategories a,.type-category .category-subcategories-list a {
    min-height: 150px !important;
    padding: 20px 14px 16px !important;
  }

  .type-category .subcategories img,.type-category .subcategories-list img,.type-category .category-subcategories img,.type-category .category-subcategories-list img,.type-category .subcategories .image,.type-category .subcategories-list .image,.type-category .category-subcategories .image,.type-category .category-subcategories-list .image {
    width: 110px !important;
    height: 82px !important;
  }

  .type-category .subcategories,.type-category .subcategories.with-image,.type-category .subcategories-list,.type-category .category-subcategories,.type-category .category-subcategories-list {
    grid-template-columns: 1fr !important;
    padding: 0 16px !important;
  }
}

@media (max-width: 768px) {
  html,body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

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

  body:not(.navigation-window-visible) .navigation-in,body:not(.navigation-window-visible) #navigation {
    transform: translateX(110vw) !important;
    right: auto !important;
    left: auto !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.navigation-window-visible .navigation-in,body.navigation-window-visible #navigation {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .navigation-in,#navigation {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .menu-level-1,.menu-level-2,.navigation-in>ul,#navigation>ul {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .navigation-in>ul>li,#navigation>ul>li,.menu-level-1>li {
    margin: 0 0 8px !important;
    padding: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .navigation-in>ul>li>a,#navigation>ul>li>a,.menu-level-1>li>a {
    display: inline-block !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .navigation-in .navigationActions,#navigation .navigationActions {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 26px 0 0 !important;
    padding: 22px 0 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .navigation-in .kf-mobile-lang,#navigation .kf-mobile-lang {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .navigation-in .kf-mobile-lang a,#navigation .kf-mobile-lang a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .navigation-in .currenciesMenu,#navigation .currenciesMenu {
    display: block !important;
    width: 100% !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .navigation-in .currenciesMenu,.navigation-in .currenciesMenu *,#navigation .currenciesMenu,#navigation .currenciesMenu * {
    color: #111 !important;
    text-decoration: none !important;
  }

  .navigation-in .top-nav-button-login,#navigation .top-nav-button-login,.navigation-in .kf-mobile-register,#navigation .kf-mobile-register {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    color: #111 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  .header-top .navigation-buttons>a.cart-count,.header-top .navigation-buttons>a[data-testid="headerCart"],.navigation-buttons>a.cart-count,.navigation-buttons>a[data-testid="headerCart"] {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .navigation-in a:hover,#navigation a:hover {
    color: var(--kf-blue) !important;
  }

  .navigation-in>ul>li.expanded>ul,.navigation-in>ul>li.open>ul,.navigation-in>ul>li:hover>ul,#navigation>ul>li.expanded>ul,#navigation>ul>li.open>ul,#navigation>ul>li:hover>ul {
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin: 8px 0 0 14px !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
  }

  .navigation-in>ul>li.expanded>ul>li,.navigation-in>ul>li.open>ul>li,.navigation-in>ul>li:hover>ul>li,#navigation>ul>li.expanded>ul>li,#navigation>ul>li.open>ul>li,#navigation>ul>li:hover>ul>li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    float: none !important;
  }

  .navigation-in>ul>li.expanded>ul>li>a,.navigation-in>ul>li.open>ul>li>a,.navigation-in>ul>li:hover>ul>li>a,#navigation>ul>li.expanded>ul>li>a,#navigation>ul>li.open>ul>li>a,#navigation>ul>li:hover>ul>li>a {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

@media (max-width: 900px) {
  .type-category .subcategories,.type-category .subcategories.with-image,.type-category .subcategories-list,.type-category .category-subcategories,.type-category .category-subcategories-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* KOREFIB MOBILE MENU – šipky vpravo */
@media (max-width:768px){

  .navigation-in > ul > li > a,
  #navigation > ul > li > a,
  .menu-level-1 > li > a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
  }

  .navigation-in .submenu-arrow,
  #navigation .submenu-arrow{
    margin-left:auto !important;
    position:static !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

}
/* =========================================================
   KOREFIB MOBILE MENU – final fix submenu, měna, carousel dots
   ========================================================= */

@media (max-width:768px){

  /* schovat tečky homepage banneru při otevřeném menu */
  body.navigation-window-visible .kf-carousel-dots,
  body.navigation-window-visible #carousel .kf-carousel-dots{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  /* submenu zavřené */
  .navigation-in .menu-level-2,
  #navigation .menu-level-2{
    display:none !important;
  }

  /* submenu otevřené */
  .navigation-in li.open > .menu-level-2,
  .navigation-in li.expanded > .menu-level-2,
  #navigation li.open > .menu-level-2,
  #navigation li.expanded > .menu-level-2{
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:14px 0 0 0 !important;
    padding:0 0 0 18px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* submenu bez obrázků – FIX obřích mezer.
     Shoptet do položek podmenu (a.menu-image) vkládá náhledový obrázek
     v <div> kontejneru. Skrytí jen <img> nestačilo – prázdný <div>
     dál držel velkou výšku. Skrýváme proto celý obrázkový kontejner
     i jeho padding. */
  .navigation-in .menu-level-2 img,
  #navigation .menu-level-2 img,
  .navigation-in .menu-level-2 .image,
  #navigation .menu-level-2 .image,
  .navigation-in .menu-level-2 a.menu-image > div,
  #navigation .menu-level-2 a.menu-image > div,
  .navigation-in .menu-level-2 .menu-image > div,
  #navigation .menu-level-2 .menu-image > div{
    display:none !important;
  }

  /* položky podmenu – kompaktní (varianta A) */
  .navigation-in .menu-level-2 a.menu-image,
  #navigation .menu-level-2 a.menu-image,
  .navigation-in .menu-level-2 > li > a,
  #navigation .menu-level-2 > li > a{
    min-height:0 !important;
    padding:6px 0 !important;
    margin:0 !important;
  }

  .navigation-in .menu-level-2 > li,
  #navigation .menu-level-2 > li{
    display:block !important;
    width:100% !important;
    margin:0 0 2px !important;
    padding:0 !important;
  }

  .navigation-in .menu-level-2 > li > a,
  #navigation .menu-level-2 > li > a{
    display:block !important;
    width:100% !important;
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    text-align:left !important;
  }

  /* měna – zavřená */
  .navigation-in .currenciesMenu__content,
  .navigation-in .currenciesMenu__box,
  .navigation-in .currenciesMenu__list,
  #navigation .currenciesMenu__content,
  #navigation .currenciesMenu__box,
  #navigation .currenciesMenu__list{
    display:none !important;
  }

  /* měna – otevřená */
  .navigation-in .currenciesMenu.open .currenciesMenu__content,
  .navigation-in .currenciesMenu.expanded .currenciesMenu__content,
  .navigation-in .currenciesMenu.open .currenciesMenu__box,
  .navigation-in .currenciesMenu.expanded .currenciesMenu__box,
  .navigation-in .currenciesMenu.open .currenciesMenu__list,
  .navigation-in .currenciesMenu.expanded .currenciesMenu__list,
  #navigation .currenciesMenu.open .currenciesMenu__content,
  #navigation .currenciesMenu.expanded .currenciesMenu__content,
  #navigation .currenciesMenu.open .currenciesMenu__box,
  #navigation .currenciesMenu.expanded .currenciesMenu__box,
  #navigation .currenciesMenu.open .currenciesMenu__list,
  #navigation .currenciesMenu.expanded .currenciesMenu__list{
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .navigation-in .currenciesMenu__list li,
  #navigation .currenciesMenu__list li{
    display:block !important;
    margin:0 0 10px !important;
  }
}
/* =========================================================
   KOREFIB MOBILE MENU – spodní akce final
   Jazyky = vlajky, měna = samostatně, login/registrace menší
   ========================================================= */

@media (max-width:768px){

  .navigation-in .navigationActions,
  #navigation .navigationActions{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    margin-top:28px !important;
    padding-top:22px !important;
    border-top:1px solid #e5e5e5 !important;
  }

  /* skryj původní jazykový Shoptet seznam */
  .navigation-in .languagesMenu,
  #navigation .languagesMenu{
    display:none !important;
  }

  /* vlastní řada vlajek */
  .navigation-in .kf-mobile-lang,
  #navigation .kf-mobile-lang{
    list-style:none !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 16px !important;
    padding:0 0 16px !important;
    border-bottom:1px solid #e5e5e5 !important;
  }

  .navigation-in .kf-mobile-lang::marker,
  #navigation .kf-mobile-lang::marker{
    content:"" !important;
  }

  /* Jazykové přepínače jako ploché textové rámečky (rovné hrany,
     všude stejné – žádné emoji vlajky). */
  .navigation-in .kf-mobile-lang a,
  #navigation .kf-mobile-lang a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:38px !important;
    height:26px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 8px !important;
    border:1px solid #c8d4da !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#5f6670 !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.03em !important;
    line-height:1 !important;
    text-decoration:none !important;
  }

  .navigation-in .kf-mobile-lang a:first-child,
  #navigation .kf-mobile-lang a:first-child{
    border-color:var(--kf-blue) !important;
    color:var(--kf-blue) !important;
  }

  /* měna jako samostatný blok */
  .navigation-in .currenciesMenu,
  #navigation .currenciesMenu{
    order:2 !important;
    display:block !important;
    width:100% !important;
    margin:0 0 22px !important;
    padding:0 !important;
  }

  .navigation-in .currenciesMenu__header,
  .navigation-in .currenciesMenu__header--actual,
  #navigation .currenciesMenu__header,
  #navigation .currenciesMenu__header--actual{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    font-family:var(--kf-font-heading) !important;
    font-size:16px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    color:#111 !important;
  }

  .navigation-in .currenciesMenu__content,
  .navigation-in .currenciesMenu__box,
  .navigation-in .currenciesMenu__list,
  #navigation .currenciesMenu__content,
  #navigation .currenciesMenu__box,
  #navigation .currenciesMenu__list{
    display:none !important;
  }

  .navigation-in .currenciesMenu.open .currenciesMenu__content,
  .navigation-in .currenciesMenu.open .currenciesMenu__box,
  .navigation-in .currenciesMenu.open .currenciesMenu__list,
  .navigation-in .currenciesMenu.expanded .currenciesMenu__content,
  .navigation-in .currenciesMenu.expanded .currenciesMenu__box,
  .navigation-in .currenciesMenu.expanded .currenciesMenu__list,
  #navigation .currenciesMenu.open .currenciesMenu__content,
  #navigation .currenciesMenu.open .currenciesMenu__box,
  #navigation .currenciesMenu.open .currenciesMenu__list,
  #navigation .currenciesMenu.expanded .currenciesMenu__content,
  #navigation .currenciesMenu.expanded .currenciesMenu__box,
  #navigation .currenciesMenu.expanded .currenciesMenu__list{
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .navigation-in .currenciesMenu__list li,
  #navigation .currenciesMenu__list li{
    display:block !important;
    margin:0 0 8px !important;
    padding:0 !important;
  }

  .navigation-in .currenciesMenu__list__link,
  #navigation .currenciesMenu__list__link{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:#111 !important;
    text-align:left !important;
  }

  /* přihlášení / registrace */
  .navigation-in .top-nav-button-login,
  .navigation-in .kf-mobile-register,
  #navigation .top-nav-button-login,
  #navigation .kf-mobile-register{
    order:3 !important;
    display:block !important;
    width:100% !important;
    margin:0 0 10px !important;
    padding:0 !important;
    font-family:var(--kf-font-heading) !important;
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    color:#111 !important;
    text-align:left !important;
  }

  .navigation-in .kf-mobile-register,
  #navigation .kf-mobile-register{
    order:4 !important;
  }
}
/* =========================================================
   KOREFIB MOBILE MENU – SPODNÍ SEKCE FINAL
   ========================================================= */

@media (max-width:768px){

  .navigation-in .navigationActions,
  #navigation .navigationActions{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:100% !important;
    margin:36px 0 0 !important;
    padding:28px 0 70px !important;
    border-top:1px solid #e5e5e5 !important;
  }

  /* původní jazykové menu Shoptetu pryč */
  .navigation-in .languagesMenu,
  #navigation .languagesMenu{
    display:none !important;
  }

  /* 1) JAZYKY – vlajky nahoře */
  .navigation-in .kf-mobile-lang,
  #navigation .kf-mobile-lang{
    order:1 !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:18px !important;
    margin:0 0 24px !important;
    padding:0 !important;
    width:100% !important;
  }

  .navigation-in .kf-mobile-lang a,
  #navigation .kf-mobile-lang a{
    display:inline-flex !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    font-size:24px !important;
    line-height:1 !important;
    text-decoration:none !important;
  }

  /* 2) MĚNA */
  .navigation-in .currenciesMenu,
  #navigation .currenciesMenu{
    order:2 !important;
    display:block !important;
    width:100% !important;
    margin:0 0 26px !important;
    padding:0 !important;
  }

  .navigation-in .currenciesMenu__header,
  .navigation-in .currenciesMenu__header--actual,
  #navigation .currenciesMenu__header,
  #navigation .currenciesMenu__header--actual{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:30px !important;
    margin:0 !important;
    padding:0 !important;
    color:#111 !important;
    font-size:17px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    text-decoration:none !important;
  }

  .navigation-in .currenciesMenu__content,
  .navigation-in .currenciesMenu__box,
  .navigation-in .currenciesMenu__list,
  #navigation .currenciesMenu__content,
  #navigation .currenciesMenu__box,
  #navigation .currenciesMenu__list{
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .navigation-in .currenciesMenu:not(.open):not(.expanded) .currenciesMenu__content,
  .navigation-in .currenciesMenu:not(.open):not(.expanded) .currenciesMenu__box,
  .navigation-in .currenciesMenu:not(.open):not(.expanded) .currenciesMenu__list,
  #navigation .currenciesMenu:not(.open):not(.expanded) .currenciesMenu__content,
  #navigation .currenciesMenu:not(.open):not(.expanded) .currenciesMenu__box,
  #navigation .currenciesMenu:not(.open):not(.expanded) .currenciesMenu__list{
    display:none !important;
  }

  .navigation-in .currenciesMenu__list li,
  #navigation .currenciesMenu__list li{
    display:block !important;
    margin:0 0 8px !important;
    padding:0 !important;
  }

  .navigation-in .currenciesMenu__list__link,
  #navigation .currenciesMenu__list__link{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    color:#111 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    text-align:left !important;
    text-decoration:none !important;
  }

  /* 3) PŘIHLÁŠENÍ */
  .navigation-in .top-nav-button-login,
  #navigation .top-nav-button-login{
    order:3 !important;
    display:block !important;
    width:100% !important;
    margin:0 0 12px !important;
    padding:0 !important;
    color:#111 !important;
    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    text-align:left !important;
    text-decoration:none !important;
  }

  /* 4) REGISTRACE */
  .navigation-in .kf-mobile-register,
  #navigation .kf-mobile-register{
    order:4 !important;
    display:block !important;
    width:100% !important;
    margin:0 0 60px !important;
    padding:0 !important;
    color:#111 !important;
    font-size:17px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    text-align:left !important;
    text-decoration:none !important;
  }
}