/*
 * Kominy-Nerez.cz - clean visual step v54
 * Safe CSS only: colors, basic spacing, footer polish. No menu behavior changes.
 */

:root {
  --kn-red: #df251d;
  --kn-red-dark: #b91f18;
  --kn-ink: #202020;
  --kn-muted: #5f6872;
  --kn-line: #e3e3e3;
  --kn-soft: #fff4f3;
  --kn-radius: 8px;

  --color-primary: var(--kn-red) !important;
  --color-primary-hover: var(--kn-red-dark) !important;
  --color-primary-h: 3 !important;
  --color-primary-s: 78% !important;
  --color-primary-l: 49% !important;
  --color-primary-hover-h: 3 !important;
  --color-primary-hover-s: 72% !important;
  --color-primary-hover-l: 41% !important;
  --color-secondary: var(--kn-ink) !important;
  --color-secondary-hover: #000 !important;
  --color-tertiary-hover: var(--kn-red) !important;
}

body {
  color: var(--kn-ink);
}

a {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.top-navigation-bar {
  background: transparent !important;
  border-bottom: 0 !important;
}

.search-form .query-input {
  border-color: #cfcfcf !important;
  border-radius: var(--kn-radius) 0 0 var(--kn-radius) !important;
}

.search-form .btn,
.search-form .btn.btn-default {
  color: #fff !important;
  background: var(--kn-ink) !important;
  border-color: var(--kn-ink) !important;
  border-radius: 0 var(--kn-radius) var(--kn-radius) 0 !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}

.search-form .btn:hover,
.search-form .btn:focus {
  background: var(--kn-red) !important;
  border-color: var(--kn-red) !important;
}

.cart-count,
.cart-count:hover,
.cart-count:focus {
  color: var(--kn-red) !important;
}

.color-primary,
.text-primary,
.price,
.p-price,
.p-final-price-wrapper,
.votes-wrap,
.stars,
.star,
.shp-tabs-holder ul.shp-tabs li.active a,
.pagination a:hover,
.pagination strong,
.pagination .current,
.breadcrumbs a:hover,
.sidebar a:hover,
.content a:hover,
.content a:focus {
  color: var(--kn-red) !important;
}

.btn,
.btn-default,
.btn-conversion,
.btn-cart,
.add-to-cart-button,
.quantity .increase,
.quantity .decrease,
.filter-section-button,
.pagination strong,
.pagination .current,
.pagination a:hover,
.flag,
.flag.flag-action,
.flag.flag-new,
.flag.flag-tip,
.flag.flag-discount,
.availability-label {
  border-color: var(--kn-red) !important;
}

.btn-conversion,
.btn-cart,
.add-to-cart-button,
.quantity .increase:hover,
.quantity .decrease:hover,
.filter-section-button:hover,
.filter-section-button:focus,
.pagination strong,
.pagination .current,
.flag.flag-action,
.flag.flag-new,
.flag.flag-tip,
.flag.flag-discount {
  color: #fff !important;
  background: var(--kn-red) !important;
}

.btn-conversion:hover,
.btn-conversion:focus,
.btn-cart:hover,
.btn-cart:focus,
.add-to-cart-button:hover,
.add-to-cart-button:focus {
  color: #fff !important;
  background: var(--kn-red-dark) !important;
  border-color: var(--kn-red-dark) !important;
}

.search-form .btn,
.search-form .btn.btn-default {
  color: #fff !important;
  background: var(--kn-ink) !important;
  border-color: var(--kn-ink) !important;
}

.search-form .btn:hover,
.search-form .btn:focus {
  background: var(--kn-red) !important;
  border-color: var(--kn-red) !important;
}

.benefitBanner.position--benefitHomepage {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 !important;
  width: 100%;
  margin: 0 auto 34px !important;
  overflow: hidden;
  background: #fafafa !important;
  border: 1px solid var(--kn-line);
  border-radius: var(--kn-radius);
}

.benefitBanner.position--benefitHomepage .benefitBanner__item {
  display: grid !important;
  grid-template-rows: auto auto;
  min-height: 126px;
  width: auto !important;
  min-width: 0 !important;
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 14px 18px !important;
  text-align: center;
  border-right: 1px solid var(--kn-line);
  background: #fafafa !important;
}

.benefitBanner.position--benefitHomepage .benefitBanner__item:last-child {
  border-right: 0;
}

.benefitBanner.position--benefitHomepage .benefitBanner__picture {
  position: relative;
  display: flex !important;
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #f0f0f0;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
}

.benefitBanner.position--benefitHomepage .benefitBanner__img {
  display: none !important;
}

.benefitBanner.position--benefitHomepage .benefitBanner__picture::before {
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  background: var(--kn-red);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(1) .benefitBanner__picture::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202l2.1%202.1%202.9-.4.9%202.8%202.6%201.4-1.4%202.6.4%202.9-2.8.9L14.1%2019.9%2012%2022l-2.1-2.1-2.9.4-.9-2.8-2.6-1.4%201.4-2.6-.4-2.9%202.8-.9L4.1%206.1l2.8-.9.9-2.8%202.9.4L12%202zm-1.1%2013.1%206-6-1.4-1.4-4.6%204.6-2.1-2.1-1.4%201.4%203.5%203.5z%27%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202l2.1%202.1%202.9-.4.9%202.8%202.6%201.4-1.4%202.6.4%202.9-2.8.9L14.1%2019.9%2012%2022l-2.1-2.1-2.9.4-.9-2.8-2.6-1.4%201.4-2.6-.4-2.9%202.8-.9L4.1%206.1l2.8-.9.9-2.8%202.9.4L12%202zm-1.1%2013.1%206-6-1.4-1.4-4.6%204.6-2.1-2.1-1.4%201.4%203.5%203.5z%27%2F%3E%3C%2Fsvg%3E");
}

.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(2) .benefitBanner__picture::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M3%2010.5L12%203l9%207.5-1.3%201.5L18%2010.6V20H6v-9.4L4.3%2012%203%2010.5zM8%2018h8v-9l-4-3.3L8%209v9zm2-1v-5h4v5h-4z%27%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M3%2010.5L12%203l9%207.5-1.3%201.5L18%2010.6V20H6v-9.4L4.3%2012%203%2010.5zM8%2018h8v-9l-4-3.3L8%209v9zm2-1v-5h4v5h-4z%27%2F%3E%3C%2Fsvg%3E");
}

.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(3) .benefitBanner__picture::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M10%2021H5V9h5v12zM7%2019h1V11H7v8zm4.2%202c-1.1%200-2-.9-2-2v-8.3l4.4-7.7c.4-.7%201.3-1%202-.6.9.4%201.2%201.4.9%202.3l-1.1%203.1H19c1.4%200%202.5%201.1%202.5%202.5%200%20.4-.1.8-.3%201.2.5.5.8%201.1.8%201.8%200%20.7-.3%201.3-.7%201.8.2.4.3.8.3%201.2%200%20.8-.4%201.5-1%202%20.1.3.1.5.1.8%200%201.4-1.1%202.5-2.5%202.5h-7z%27%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M10%2021H5V9h5v12zM7%2019h1V11H7v8zm4.2%202c-1.1%200-2-.9-2-2v-8.3l4.4-7.7c.4-.7%201.3-1%202-.6.9.4%201.2%201.4.9%202.3l-1.1%203.1H19c1.4%200%202.5%201.1%202.5%202.5%200%20.4-.1.8-.3%201.2.5.5.8%201.1.8%201.8%200%20.7-.3%201.3-.7%201.8.2.4.3.8.3%201.2%200%20.8-.4%201.5-1%202%20.1.3.1.5.1.8%200%201.4-1.1%202.5-2.5%202.5h-7z%27%2F%3E%3C%2Fsvg%3E");
}

.benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(4) .benefitBanner__picture::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202l8%203v6c0%205-3.3%209.7-8%2011-4.7-1.3-8-6-8-11V5l8-3zm0%202.2L6%206.4V11c0%203.8%202.4%207.5%206%208.8%203.6-1.3%206-5%206-8.8V6.4l-6-2.2zm-1%2010.2l4.7-4.7%201.4%201.4-6.1%206.1-3.4-3.4%201.4-1.4%202%202z%27%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202l8%203v6c0%205-3.3%209.7-8%2011-4.7-1.3-8-6-8-11V5l8-3zm0%202.2L6%206.4V11c0%203.8%202.4%207.5%206%208.8%203.6-1.3%206-5%206-8.8V6.4l-6-2.2zm-1%2010.2l4.7-4.7%201.4%201.4-6.1%206.1-3.4-3.4%201.4-1.4%202%202z%27%2F%3E%3C%2Fsvg%3E");
}

.benefitBanner.position--benefitHomepage .benefitBanner__content {
  display: block !important;
  width: 100%;
  min-width: 0;
  max-width: 220px;
  margin: 0 auto !important;
  text-align: center !important;
}

.benefitBanner.position--benefitHomepage .benefitBanner__title {
  display: block;
  margin: 0 0 5px !important;
  color: var(--kn-ink) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.benefitBanner.position--benefitHomepage .benefitBanner__data {
  color: var(--kn-muted) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

@media (min-width: 768px) {
  .top-navigation-bar {
    display: none !important;
  }

  #header .navigation-wrapper {
    padding-top: 0 !important;
  }

  .header-top {
    display: grid !important;
    grid-template-columns: minmax(260px, 390px) minmax(320px, 460px) minmax(150px, 1fr);
    min-height: 94px;
    align-items: center;
    gap: 28px;
    padding: 20px 28px 18px !important;
    background: #fff !important;
  }

  .site-name-wrapper,
  .site-name {
    display: flex;
    min-width: 0;
    align-items: center;
  }

  .site-name img {
    width: auto !important;
    max-width: 360px !important;
    max-height: 52px !important;
    height: auto !important;
  }

  .header-top .search {
    width: 100%;
    max-width: 460px;
    justify-self: center;
  }

  .search-form fieldset {
    display: flex !important;
    width: 100%;
    min-width: 0;
  }

  .search-form .query-input {
    height: 40px !important;
    min-width: 0;
    flex: 1 1 auto;
    font-size: 15px;
  }

  .search-form .btn,
  .search-form .btn.btn-default {
    height: 40px !important;
    min-width: 86px;
    padding: 0 16px !important;
    flex: 0 0 auto;
  }

  .navigation-buttons {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
  }

  .cart-count {
    display: inline-flex !important;
    min-height: 40px;
    align-items: center;
    gap: 12px;
    color: var(--kn-red) !important;
    font-weight: 800 !important;
  }

  .cart-count .cart-price {
    color: var(--kn-red) !important;
    font-size: 15px;
    font-weight: 800 !important;
  }

  .navigation-in {
    background: var(--kn-red) !important;
  }

  .navigation-in .menu-level-1 {
    display: flex !important;
    min-height: 34px;
    align-items: stretch;
    background: var(--kn-red) !important;
  }

  .navigation-in .menu-level-1 > li > a {
    display: flex !important;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 18px !important;
    color: #fff !important;
    background: var(--kn-red) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
  }

  .navigation-in .menu-level-1 > li > a:hover,
  .navigation-in .menu-level-1 > li > a:focus,
  .navigation-in .menu-level-1 > li.exp > a,
  .navigation-in .menu-level-1 > li:hover > a {
    color: #fff !important;
    background: var(--kn-red-dark) !important;
  }

  .menu-helper {
    min-height: 34px !important;
    color: #fff !important;
    background: var(--kn-red) !important;
    border-left: 1px solid rgba(255, 255, 255, .18) !important;
  }

  .menu-helper:hover,
  .menu-helper:focus {
    background: var(--kn-red-dark) !important;
  }

  .navigation-in .menu-level-2 a[href*="/prumer-"].menu-image,
  .navigation-in .menu-level-3 a[href*="/prumer-"].menu-image {
    position: relative;
    display: flex !important;
    width: 78px !important;
    height: 58px !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
  }

  .navigation-in .menu-level-2 a[href*="/prumer-"].menu-image img,
  .navigation-in .menu-level-3 a[href*="/prumer-"].menu-image img {
    display: none !important;
  }

  .navigation-in .menu-level-2 a[href*="/prumer-"].menu-image::before,
  .navigation-in .menu-level-3 a[href*="/prumer-"].menu-image::before {
    display: flex;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--kn-red);
    border-radius: 50%;
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
  }

  .navigation-in a[href*="80mm"].menu-image::before,
  .navigation-in a[href*="80-mm"].menu-image::before {
    content: "80";
  }

  .navigation-in a[href*="100mm"].menu-image::before,
  .navigation-in a[href*="100-mm"].menu-image::before {
    content: "100";
  }

  .navigation-in a[href*="110mm"].menu-image::before,
  .navigation-in a[href*="110-mm"].menu-image::before {
    content: "110";
  }

  .navigation-in a[href*="120mm"].menu-image::before,
  .navigation-in a[href*="120-mm"].menu-image::before {
    content: "120";
  }

  .navigation-in a[href*="130mm"].menu-image::before,
  .navigation-in a[href*="130-mm"].menu-image::before {
    content: "130";
  }

  .navigation-in a[href*="140mm"].menu-image::before,
  .navigation-in a[href*="140-mm"].menu-image::before {
    content: "140";
  }

  .navigation-in a[href*="150mm"].menu-image::before,
  .navigation-in a[href*="150-mm"].menu-image::before {
    content: "150";
  }

  .navigation-in a[href*="160mm"].menu-image::before,
  .navigation-in a[href*="160-mm"].menu-image::before {
    content: "160";
  }

  .navigation-in a[href*="180mm"].menu-image::before,
  .navigation-in a[href*="180-mm"].menu-image::before {
    content: "180";
  }

  .navigation-in a[href*="200mm"].menu-image::before,
  .navigation-in a[href*="200-mm"].menu-image::before {
    content: "200";
  }

}

.subcategories a[href*="/prumer-"] img,
.subcategories a[href*="/prumer-"].image,
.subcategories li > a[href*="/prumer-"] img {
  display: none !important;
}

.subcategories a[href*="/prumer-"]::before {
  display: inline-flex !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--kn-red);
  border-radius: 50%;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.subcategories li > a[href*="/prumer-"],
.subcategories a[href*="/prumer-"] {
  display: flex !important;
  min-height: 72px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  padding: 10px 18px !important;
  text-align: left !important;
}

.subcategories li > a[href*="/prumer-"]::before,
.subcategories a[href*="/prumer-"]::before {
  order: 0;
  margin: 0 !important;
}

.subcategories li > a[href*="/prumer-"] span,
.subcategories a[href*="/prumer-"] span {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--kn-lk-text, var(--kn-ink)) !important;
  line-height: 1.25 !important;
}

.subcategories li > a[href*="/prumer-"]::after,
.subcategories a[href*="/prumer-"]::after {
  margin-left: auto !important;
  color: var(--kn-muted) !important;
}

.subcategories a[href*="80mm"]::before,
.subcategories a[href*="80-mm"]::before {
  content: "80";
}

.subcategories a[href*="100mm"]::before,
.subcategories a[href*="100-mm"]::before {
  content: "100";
}

.subcategories a[href*="110mm"]::before,
.subcategories a[href*="110-mm"]::before {
  content: "110";
}

.subcategories a[href*="120mm"]::before,
.subcategories a[href*="120-mm"]::before {
  content: "120";
}

.subcategories a[href*="130mm"]::before,
.subcategories a[href*="130-mm"]::before {
  content: "130";
}

.subcategories a[href*="140mm"]::before,
.subcategories a[href*="140-mm"]::before {
  content: "140";
}

.subcategories a[href*="150mm"]::before,
.subcategories a[href*="150-mm"]::before {
  content: "150";
}

.subcategories a[href*="160mm"]::before,
.subcategories a[href*="160-mm"]::before {
  content: "160";
}

.subcategories a[href*="180mm"]::before,
.subcategories a[href*="180-mm"]::before {
  content: "180";
}

.subcategories a[href*="200mm"]::before,
.subcategories a[href*="200-mm"]::before {
  content: "200";
}

.homepage-group-title,
.h4.homepage-group-title,
.products-block > h4,
.content-inner h1,
.content-inner h2 {
  color: var(--kn-ink);
}

.product,
.product .p,
.products-block .product {
  border-color: var(--kn-line);
}

.btn.btn-primary,
.btn-primary,
a.btn.btn-primary {
  color: #fff !important;
  background: var(--kn-red) !important;
  border-color: var(--kn-red) !important;
  border-radius: var(--kn-radius) !important;
  font-weight: 800 !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
  background: var(--kn-red-dark) !important;
  border-color: var(--kn-red-dark) !important;
}

.custom-footer {
  color: #fff;
  background: #222 !important;
}

.custom-footer h4,
.custom-footer .custom-footer__title {
  color: #fff !important;
  font-weight: 900 !important;
}

.custom-footer a {
  color: #fff !important;
}

.custom-footer a:hover,
.custom-footer a:focus {
  color: #fff !important;
  text-decoration: underline;
}

.custom-footer__contact {
  color: #fff;
  background: var(--kn-red);
  border-radius: var(--kn-radius);
}

.custom-footer__contact a {
  color: #fff !important;
}

@media (max-width: 767px) {
  .top-navigation-bar {
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 30;
    display: block !important;
    width: auto;
    min-height: 56px;
    background: transparent !important;
  }

  .top-navigation-bar .container {
    width: auto;
    height: 56px;
    margin: 0;
    padding: 0;
  }

  .top-navigation-contacts,
  .top-navigation-menu,
  .top-nav-button-login,
  .responsive-tools a[data-target="login"] {
    display: none !important;
  }

  .top-navigation-tools,
  .responsive-tools {
    display: flex !important;
    height: 56px;
    align-items: center;
    gap: 8px;
  }

  .responsive-tools a[data-target="search"],
  .responsive-tools a[data-target="navigation"] {
    position: relative;
    display: inline-flex !important;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #3e3e3e !important;
  }

  .responsive-tools a[data-target="search"]::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
  }

  .responsive-tools a[data-target="search"]::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 2px;
    margin-top: 16px;
    margin-left: 16px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: center;
  }

  .responsive-tools a[data-target="navigation"]::before {
    content: "";
    width: 18px;
    height: 2px;
    background: #fff;
    box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
  }

  .header-top {
    position: relative;
    display: flex !important;
    min-height: 56px;
    align-items: center;
    padding: 0 104px 0 12px !important;
    background: #222 !important;
  }

  .site-name-wrapper {
    display: flex;
    min-height: 56px;
    align-items: center;
    padding: 0 10px;
    background: #fff;
  }

  .site-name img {
    width: auto !important;
    max-width: 150px;
    max-height: 34px;
  }

  .header-top .search {
    display: none !important;
  }

  .navigation-buttons {
    position: absolute;
    top: 7px;
    right: 104px;
    z-index: 31;
    display: flex !important;
    align-items: center;
  }

  .cart-count {
    display: inline-flex !important;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent !important;
  }

  .cart-count .cart-price {
    display: none !important;
  }

  .search-form .query-input,
  .search-form .btn,
  .search-form .btn.btn-default {
    border-radius: var(--kn-radius) !important;
  }

  .benefitBanner.position--benefitHomepage {
    grid-template-columns: 1fr !important;
    margin-bottom: 24px !important;
    border-radius: 0;
  }

  .benefitBanner.position--benefitHomepage .benefitBanner__item {
    min-height: 120px;
    border-right: 0;
    border-bottom: 1px solid var(--kn-line);
  }

  .benefitBanner.position--benefitHomepage .benefitBanner__item:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .benefitBanner.position--benefitHomepage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(2n) {
    border-right: 0;
  }

  .benefitBanner.position--benefitHomepage .benefitBanner__item:nth-child(-n+2) {
    border-bottom: 1px solid var(--kn-line);
  }
}

/* LevneKrby.cz visual layer port v38 - CSS only */
:root {
  --kn-lk-soft: #f7f4f1;
  --kn-lk-soft-red: #fff4f3;
  --kn-lk-text: #2b2b2b;
  --kn-shadow: 0 12px 28px rgba(0, 0, 0, .12);
}

body,
input,
button,
select,
textarea,
.btn {
  font-family: "Inter", "Open Sans", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
.category-title,
.homepage-group-title,
.products-top-header,
.pageElement__heading {
  font-family: "Poppins", "Open Sans", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

a {
  color: var(--kn-red);
}

a:hover,
a:focus {
  color: var(--kn-red-dark);
}

.btn,
button,
input[type="submit"],
input[type="button"],
.btn-primary,
.btn-secondary,
.btn-conversion,
.btn-default {
  border-radius: var(--kn-radius) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.search-form .query-input,
.search-input {
  min-height: 42px !important;
  border: 1px solid var(--kn-line) !important;
}

.search-form .btn,
.search-form .btn.btn-default {
  min-height: 42px !important;
  background: #050505 !important;
  border-color: #050505 !important;
}

.search-form .btn:hover,
.search-form .btn:focus {
  background: var(--kn-red) !important;
  border-color: var(--kn-red) !important;
}

@media (min-width: 768px) {
  #header {
    background: #fff !important;
  }

  .navigation-in,
  .navigation-in .menu-level-1 {
    overflow: visible !important;
  }

  .navigation-in.menu {
    position: relative;
    border-top: 1px solid rgba(35, 35, 35, .08);
    border-bottom: 1px solid rgba(35, 35, 35, .08);
  }

  .navigation-in .menu-level-1 > li > a,
  .menu-helper {
    border-radius: 0 !important;
    transition: background .16s ease, color .16s ease;
  }

  .navigation-in .menu-level-1 > li > a:hover,
  .navigation-in .menu-level-1 > li > a:focus,
  .navigation-in .menu-level-1 > li.exp > a,
  .navigation-in .menu-level-1 > li:hover > a,
  .menu-helper:hover,
  .menu-helper:focus {
    background: var(--kn-red-dark) !important;
    color: #fff !important;
  }
}

.box-categories,
.sidebar-inner,
.filter-section,
.content-inner,
.p,
.product,
.products-block .product,
.news-item,
.subcategories li > a,
.subcategories a {
  border-color: var(--kn-line) !important;
}

.box-categories {
  padding: 0 0 10px !important;
  background: #fff !important;
}

.box-categories h4,
.box-categories .title {
  color: var(--kn-red) !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

.box-categories a {
  color: var(--kn-lk-text) !important;
}

.box-categories a:hover,
.box-categories a:focus,
.box-categories .active > a {
  color: var(--kn-red) !important;
}

.subcategories {
  gap: 14px !important;
}

.subcategories li > a,
.subcategories a {
  min-height: 58px;
  background: #fff !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.subcategories li > a:hover,
.subcategories a:hover {
  border-color: var(--kn-red) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
  transform: translateY(-1px);
}

.product,
.products-block .product,
.news-item {
  overflow: hidden;
  background: #fff;
  border-radius: var(--kn-radius);
  transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease;
}

.product:hover,
.products-block .product:hover,
.news-item:hover {
  border-color: rgba(223, 37, 29, .35) !important;
  box-shadow: var(--kn-shadow);
  transform: translateY(-2px);
}

.flag,
.flags-default .flag,
.flag.flag-action,
.flag.flag-new,
.flag.flag-tip,
.flag.flag-discount {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.availability-amount,
.availability-label,
.stock,
.in-stock {
  color: var(--kn-red) !important;
}

#footer {
  background-color: #232323 !important;
}

#footer .custom-footer {
  gap: 20px;
  align-items: stretch;
}

#footer h4,
#footer .custom-footer__title {
  color: #fff !important;
  font-weight: 900 !important;
}

#footer .custom-footer__contact,
#footer .contact-box {
  color: #fff !important;
  background: var(--kn-red) !important;
  border-radius: var(--kn-radius);
}

#footer .custom-footer__contact strong,
#footer .custom-footer__contact a,
#footer .custom-footer__contact span,
#footer .contact-box strong,
#footer .contact-box a,
#footer .contact-box span {
  color: #fff !important;
}

@media (max-width: 767px) {
  .product:hover,
  .products-block .product:hover,
  .news-item:hover,
  .subcategories li > a:hover,
  .subcategories a:hover {
    transform: none;
  }
}

/* v42: diameter category tiles - use the image slot for the red badge */
.subcategories.with-image li > a[href*="/prumer-"] {
  display: flex !important;
  min-height: 72px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  padding: 10px 18px !important;
  text-align: left !important;
}

.subcategories.with-image li > a[href*="/prumer-"]::before {
  content: none !important;
  display: none !important;
}

.subcategories.with-image li > a[href*="/prumer-"] > .image {
  position: static !important;
  display: flex !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.subcategories.with-image li > a[href*="/prumer-"] > .image img {
  display: none !important;
}

.subcategories.with-image li > a[href*="/prumer-"] > .image::before {
  display: flex !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  color: #fff;
  background: var(--kn-red);
  border-radius: 50%;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.subcategories.with-image li > a[href*="/prumer-"] > .text {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--kn-lk-text, var(--kn-ink)) !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.subcategories.with-image li > a[href*="/prumer-"]::after {
  margin-left: auto !important;
  color: var(--kn-muted) !important;
}

.subcategories.with-image a[href*="80mm"] > .image::before,
.subcategories.with-image a[href*="80-mm"] > .image::before {
  content: "80";
}

.subcategories.with-image a[href*="100mm"] > .image::before,
.subcategories.with-image a[href*="100-mm"] > .image::before {
  content: "100";
}

.subcategories.with-image a[href*="110mm"] > .image::before,
.subcategories.with-image a[href*="110-mm"] > .image::before {
  content: "110";
}

.subcategories.with-image a[href*="120mm"] > .image::before,
.subcategories.with-image a[href*="120-mm"] > .image::before {
  content: "120";
}

.subcategories.with-image a[href*="130mm"] > .image::before,
.subcategories.with-image a[href*="130-mm"] > .image::before {
  content: "130";
}

.subcategories.with-image a[href*="140mm"] > .image::before,
.subcategories.with-image a[href*="140-mm"] > .image::before {
  content: "140";
}

.subcategories.with-image a[href*="150mm"] > .image::before,
.subcategories.with-image a[href*="150-mm"] > .image::before {
  content: "150";
}

.subcategories.with-image a[href*="160mm"] > .image::before,
.subcategories.with-image a[href*="160-mm"] > .image::before {
  content: "160";
}

.subcategories.with-image a[href*="180mm"] > .image::before,
.subcategories.with-image a[href*="180-mm"] > .image::before {
  content: "180";
}

.subcategories.with-image a[href*="200mm"] > .image::before,
.subcategories.with-image a[href*="200-mm"] > .image::before {
  content: "200";
}

@media (min-width: 768px) {
  .navigation-in a[href*="/vlozky-kominu-1-mm/"].menu-image,
  .navigation-in a[href*="/vlozky-kominu-0-6-mm/"].menu-image {
    position: relative;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
  }

  .navigation-in a[href*="/vlozky-kominu-1-mm/"].menu-image img,
  .navigation-in a[href*="/vlozky-kominu-0-6-mm/"].menu-image img {
    opacity: 0 !important;
    filter: none !important;
  }

  .navigation-in a[href*="/vlozky-kominu-1-mm/"].menu-image::after,
  .navigation-in a[href*="/vlozky-kominu-0-6-mm/"].menu-image::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--kn-red);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    transform: translate(-50%, -50%);
  }

  .navigation-in a[href*="/vlozky-kominu-1-mm/"].menu-image::after {
    content: "1,0mm";
  }

  .navigation-in a[href*="/vlozky-kominu-0-6-mm/"].menu-image::after {
    content: "0,6mm";
  }
}

/* v46: left category menu like LevneKrby */
.box-categories {
  padding: 22px 20px 16px !important;
  background: #fff !important;
  border: 0 !important;
}

.box-categories h4,
.box-categories .title {
  display: inline-block;
  margin: 0 0 12px !important;
  padding: 0 0 6px !important;
  color: var(--kn-red) !important;
  border-bottom: 2px solid var(--kn-red);
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

#categories,
#categories ul,
#categories li,
#categories .categories,
#categories .topic {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

#categories .categories > .topic > a,
#categories .categories > ul > li > a,
#categories .categories > ul > li > ul > li > a {
  position: relative !important;
  display: flex !important;
  min-height: 27px;
  align-items: center;
  padding: 4px 28px 4px 0 !important;
  color: var(--kn-lk-text, var(--kn-ink)) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

#categories .categories > .topic > a {
  font-weight: 500 !important;
}

#categories .categories > ul > li > a {
  padding-left: 18px !important;
}

#categories .categories > ul > li > ul > li > a {
  padding-left: 34px !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.child-active > a {
  min-height: 28px;
  margin: 2px -20px 4px !important;
  padding: 5px 44px 5px 20px !important;
  color: #fff !important;
  background: var(--kn-red) !important;
  font-weight: 900 !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories > .topic.child-active > a:hover {
  color: #fff !important;
  background: var(--kn-red-dark) !important;
}

#categories a:hover,
#categories a:focus {
  color: var(--kn-red) !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories.active > .topic > a:focus,
#categories .categories > .topic.child-active > a:hover,
#categories .categories > .topic.child-active > a:focus {
  color: #fff !important;
}

#categories li.active > a {
  color: var(--kn-lk-text, var(--kn-ink)) !important;
  background: transparent !important;
  font-weight: 500 !important;
}

#categories .cat-trigger {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  display: flex !important;
  width: 22px !important;
  height: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--kn-red) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

#categories .cat-trigger::before {
  content: "+" !important;
  display: block;
  color: currentColor;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

#categories .expanded > .topic > a > .cat-trigger::before,
#categories li.expanded > a > .cat-trigger::before,
#categories .active > .topic > a > .cat-trigger::before,
#categories li.active.expanded > a > .cat-trigger::before {
  content: "-" !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  right: 16px !important;
  color: #fff !important;
}

#categories .categories:not(.active) > .topic > a:hover {
  background: var(--kn-lk-soft-red) !important;
}

/* v47: fix left category alignment after v46 */
#categories,
#categories * {
  text-align: left !important;
}

#categories .categories > .topic > a,
#categories .categories > ul > li > a,
#categories .categories > ul > li > ul > li > a {
  justify-content: flex-start !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
}

#categories .categories > .topic > a {
  padding: 5px 28px 5px 0 !important;
}

#categories .categories > ul {
  margin: 2px 0 4px !important;
}

#categories .categories > ul > li > a {
  padding: 4px 28px 4px 18px !important;
}

#categories .categories > ul > li > ul > li > a {
  padding: 4px 28px 4px 36px !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.child-active > a {
  margin: 2px -20px 4px !important;
  padding: 7px 44px 7px 20px !important;
}

#categories .categories > .topic > a > .cat-trigger,
#categories .categories > ul > li > a > .cat-trigger {
  right: 0 !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  right: 16px !important;
}

#categories .categories:not(.active) > .topic > a > .cat-trigger {
  color: var(--kn-red) !important;
}

#categories .categories > ul > li > a > .cat-trigger {
  color: var(--kn-red) !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  color: #fff !important;
}

/* v50: sidebar taken back to the simple LevneKrby.cz style */
.box-categories {
  padding: 0 0 8px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.box-categories .pageElement__heading,
.box-categories h4,
.box-categories .title {
  display: inline-block !important;
  margin: 14px 14px 8px !important;
  padding: 0 0 5px !important;
  color: #D5241B !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #D5241B !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.box-categories .pageElement__heading span,
.box-categories h4 span,
.box-categories .title span {
  color: #D5241B !important;
  border: 0 !important;
}

#categories {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

#categories,
#categories ul,
#categories li,
#categories .categories,
#categories .topic {
  list-style: none !important;
  text-align: left !important;
}

#categories .categories,
#categories .topic,
#categories ul,
#categories li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#categories a {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 7px 34px 7px 14px !important;
  color: #2b2b2b !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  text-align: left !important;
  white-space: normal !important;
  text-decoration: none !important;
}

#categories .topic > a {
  font-weight: 500 !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.active > a,
#categories .categories > .topic.child-active > a {
  color: #fff !important;
  background: #D5241B !important;
  font-weight: 900 !important;
}

#categories ul.expanded {
  margin: 0 !important;
  padding: 0 4px 4px !important;
  background: transparent !important;
  border: 0 !important;
}

#categories ul.expanded > li > a {
  display: block !important;
  padding: 7px 34px 7px 18px !important;
  color: #5f6b7a !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  transition: .12s !important;
}

#categories ul.expanded ul.expanded > li > a {
  padding-left: 34px !important;
}

#categories ul.expanded > li.active > a,
#categories ul.expanded ul.expanded > li.active > a {
  color: #D5241B !important;
  background: transparent !important;
  font-weight: 700 !important;
}

#categories a[href]:hover,
#categories a[href]:focus,
.box-categories ul a[href]:hover,
.box-categories ul a[href]:focus {
  color: #D5241B !important;
  background: #fdeceb !important;
  border-radius: 5px !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories.active > .topic > a:focus,
#categories .categories > .topic.active > a:hover,
#categories .categories > .topic.active > a:focus,
#categories .categories > .topic.child-active > a:hover,
#categories .categories > .topic.child-active > a:focus {
  color: #fff !important;
  background: #D5241B !important;
  border-radius: 0 !important;
}

#categories .cat-trigger,
#categories a > .cat-trigger,
#categories .topic > a > .cat-trigger {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 16px !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}

#categories .cat-trigger::before {
  content: "+" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 16px !important;
  transform: none !important;
}

#categories .cat-trigger::after {
  content: none !important;
  display: none !important;
}

#categories .expanded > .topic > a > .cat-trigger::before,
#categories li.expanded > a > .cat-trigger::before,
#categories .active > .topic > a > .cat-trigger::before,
#categories li.active.expanded > a > .cat-trigger::before {
  content: "-" !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.active > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  color: #fff !important;
}

/* v53: JS-controlled closed category state */
#categories .kn-collapsed > ul {
  display: none !important;
}

#categories .kn-collapsed > .topic > a > .cat-trigger::before,
#categories li.kn-collapsed > a > .cat-trigger::before {
  content: "+" !important;
}

#categories .kn-collapsed > .topic > a > .cat-trigger::after,
#categories li.kn-collapsed > a > .cat-trigger::after {
  content: none !important;
  display: none !important;
}

/* v51: FINAL sidebar override - LevneKrby.cz category styling */
.box-categories {
  padding: 0 0 8px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.box-categories .pageElement__heading,
.box-categories h4,
.box-categories .title {
  display: inline-block !important;
  margin: 14px 14px 8px !important;
  padding: 0 0 5px !important;
  color: #D5241B !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #D5241B !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.box-categories .pageElement__heading span,
.box-categories h4 span,
.box-categories .title span {
  color: #D5241B !important;
  border: 0 !important;
}

#categories {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

#categories,
#categories ul,
#categories li,
#categories .categories,
#categories .topic {
  list-style: none !important;
  text-align: left !important;
}

#categories .categories,
#categories .topic,
#categories ul,
#categories li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#categories a {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 7px 34px 7px 14px !important;
  color: #2b2b2b !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  text-align: left !important;
  white-space: normal !important;
  text-decoration: none !important;
}

#categories .topic > a {
  font-weight: 500 !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.active > a,
#categories .categories > .topic.child-active > a {
  color: #fff !important;
  background: #D5241B !important;
  font-weight: 900 !important;
}

#categories ul.expanded {
  margin: 0 !important;
  padding: 0 4px 4px !important;
  background: transparent !important;
  border: 0 !important;
}

#categories ul.expanded > li > a {
  display: block !important;
  padding: 7px 34px 7px 18px !important;
  color: #5f6b7a !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  transition: .12s !important;
}

#categories ul.expanded ul.expanded > li > a {
  padding-left: 34px !important;
}

#categories ul.expanded > li.active > a,
#categories ul.expanded ul.expanded > li.active > a {
  color: #D5241B !important;
  background: transparent !important;
  font-weight: 700 !important;
}

#categories a[href]:hover,
#categories a[href]:focus,
.box-categories ul a[href]:hover,
.box-categories ul a[href]:focus {
  color: #D5241B !important;
  background: #fdeceb !important;
  border-radius: 5px !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories.active > .topic > a:focus,
#categories .categories > .topic.active > a:hover,
#categories .categories > .topic.active > a:focus,
#categories .categories > .topic.child-active > a:hover,
#categories .categories > .topic.child-active > a:focus {
  color: #fff !important;
  background: #D5241B !important;
  border-radius: 0 !important;
}

#categories .cat-trigger,
#categories a > .cat-trigger,
#categories .topic > a > .cat-trigger {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 16px !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}

#categories .cat-trigger::before {
  content: "+" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 16px !important;
  transform: none !important;
}

#categories .cat-trigger::after {
  content: none !important;
  display: none !important;
}

#categories .expanded > .topic > a > .cat-trigger::before,
#categories li.expanded > a > .cat-trigger::before,
#categories .active > .topic > a > .cat-trigger::before,
#categories li.active.expanded > a > .cat-trigger::before {
  content: "-" !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.active > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  color: #fff !important;
}

/* v48: left category menu rebuilt to match LevneKrby behavior/spacing */
.box-categories {
  padding: 0 0 10px !important;
  background: #fff !important;
  border: 1px solid var(--kn-line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.box-categories .pageElement__heading,
.box-categories h4,
.box-categories .title {
  display: block !important;
  margin: 0 !important;
  padding: 13px 16px 11px !important;
  color: var(--kn-red) !important;
  background: #fff !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.box-categories .pageElement__heading span,
.box-categories h4 span,
.box-categories .title span {
  display: inline-block !important;
  padding-bottom: 5px !important;
  color: var(--kn-red) !important;
  border-bottom: 2px solid var(--kn-red) !important;
}

#categories {
  display: grid !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#categories,
#categories ul,
#categories li,
#categories .categories,
#categories .topic {
  list-style: none !important;
  background: #fff !important;
  border: 0 !important;
  text-align: left !important;
}

#categories .categories,
#categories .topic {
  margin: 0 !important;
  padding: 0 !important;
}

#categories a {
  box-sizing: border-box !important;
  color: var(--kn-lk-text, var(--kn-ink)) !important;
  text-align: left !important;
  text-decoration: none !important;
}

#categories .topic > a {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 7px 12px 7px 16px !important;
  background: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

#categories .topic > a:hover,
#categories .topic > a:focus {
  color: var(--kn-red) !important;
  background: var(--kn-lk-soft-red) !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.active > a,
#categories .categories > .topic.child-active > a {
  color: #fff !important;
  background: var(--kn-red) !important;
  font-weight: 900 !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories.active > .topic > a:focus,
#categories .categories > .topic.active > a:hover,
#categories .categories > .topic.active > a:focus,
#categories .categories > .topic.child-active > a:hover,
#categories .categories > .topic.child-active > a:focus {
  color: #fff !important;
  background: var(--kn-red-dark) !important;
}

#categories .cat-trigger {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

#categories .cat-trigger::before,
#categories .cat-trigger::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 9px !important;
  height: 2px !important;
  background: currentColor !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) !important;
}

#categories .cat-trigger::after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

#categories .categories.expanded > .topic .cat-trigger::after,
#categories .expanded > .topic .cat-trigger::after,
#categories li.expanded > a > .cat-trigger::after,
#categories li.active.expanded > a > .cat-trigger::after {
  display: none !important;
}

#categories ul.expanded {
  margin: 0 10px 8px 18px !important;
  padding: 4px 0 4px 10px !important;
  background: #fff !important;
  border-left: 2px solid var(--kn-line) !important;
}

#categories ul.expanded > li > a {
  position: relative !important;
  display: flex !important;
  min-height: 26px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 5px 8px !important;
  color: var(--kn-muted) !important;
  background: transparent !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

#categories ul.expanded > li > a:hover,
#categories ul.expanded > li > a:focus {
  color: var(--kn-red) !important;
  background: var(--kn-lk-soft-red) !important;
}

#categories ul.expanded > li.active > a {
  color: var(--kn-red) !important;
  background: #fff !important;
  font-weight: 700 !important;
}

#categories ul.expanded ul.expanded {
  margin: 0 0 4px 16px !important;
  padding: 2px 0 2px 10px !important;
}

#categories ul.expanded ul.expanded > li > a {
  min-height: 24px !important;
  padding: 4px 8px !important;
  font-size: 14px !important;
}

/* v49: sidebar final correction - no center layout, no grey guide line, simple +/- */
.box-categories {
  padding: 0 0 12px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.box-categories .pageElement__heading,
.box-categories h4,
.box-categories .title {
  display: block !important;
  margin: 0 0 9px !important;
  padding: 0 0 0 18px !important;
  color: var(--kn-red) !important;
  background: #fff !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.box-categories .pageElement__heading span,
.box-categories h4 span,
.box-categories .title span {
  display: inline-block !important;
  padding: 0 0 6px !important;
  color: var(--kn-red) !important;
  border-bottom: 2px solid var(--kn-red) !important;
}

#categories {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

#categories,
#categories *,
#categories a {
  box-sizing: border-box !important;
  text-align: left !important;
}

#categories ul,
#categories li,
#categories .categories,
#categories .topic {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}

#categories a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 26px !important;
  padding: 5px 30px 5px 18px !important;
  color: var(--kn-lk-text, var(--kn-ink)) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  text-decoration: none !important;
}

#categories .topic > a {
  min-height: 28px !important;
  padding-left: 18px !important;
  font-weight: 500 !important;
}

#categories a:hover,
#categories a:focus {
  color: var(--kn-red) !important;
  background: var(--kn-lk-soft-red) !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.active > a,
#categories .categories > .topic.child-active > a {
  color: #fff !important;
  background: var(--kn-red) !important;
  font-weight: 900 !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories.active > .topic > a:focus,
#categories .categories > .topic.active > a:hover,
#categories .categories > .topic.active > a:focus,
#categories .categories > .topic.child-active > a:hover,
#categories .categories > .topic.child-active > a:focus {
  color: #fff !important;
  background: var(--kn-red) !important;
}

#categories ul.expanded {
  display: block !important;
  margin: 0 !important;
  padding: 2px 0 5px !important;
  background: #fff !important;
  border: 0 !important;
}

#categories ul.expanded > li > a {
  min-height: 26px !important;
  padding: 5px 30px 5px 34px !important;
  color: var(--kn-muted) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
}

#categories ul.expanded ul.expanded {
  margin: 0 !important;
  padding: 0 0 5px !important;
  border: 0 !important;
}

#categories ul.expanded ul.expanded > li > a {
  min-height: 25px !important;
  padding: 4px 30px 4px 50px !important;
  font-size: 14px !important;
}

#categories ul.expanded > li.active > a,
#categories ul.expanded ul.expanded > li.active > a {
  color: var(--kn-red) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

#categories .cat-trigger,
#categories a > .cat-trigger,
#categories .topic > a > .cat-trigger {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 16px !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}

#categories .cat-trigger::before {
  content: "+" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 16px !important;
  transform: none !important;
}

#categories .cat-trigger::after {
  content: none !important;
  display: none !important;
}

#categories .expanded > .topic > a > .cat-trigger::before,
#categories li.expanded > a > .cat-trigger::before,
#categories .active > .topic > a > .cat-trigger::before,
#categories li.active.expanded > a > .cat-trigger::before {
  content: "-" !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.active > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  color: #fff !important;
}

/* v52: absolute last sidebar override - LevneKrby.cz style */
.box-categories {
  padding: 0 0 8px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.box-categories .pageElement__heading,
.box-categories h4,
.box-categories .title {
  display: inline-block !important;
  margin: 14px 14px 8px !important;
  padding: 0 0 5px !important;
  color: #D5241B !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #D5241B !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.box-categories .pageElement__heading span,
.box-categories h4 span,
.box-categories .title span {
  color: #D5241B !important;
  border: 0 !important;
}

#categories {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

#categories,
#categories ul,
#categories li,
#categories .categories,
#categories .topic {
  list-style: none !important;
  text-align: left !important;
}

#categories .categories,
#categories .topic,
#categories ul,
#categories li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#categories a {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 7px 34px 7px 14px !important;
  color: #2b2b2b !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  text-align: left !important;
  white-space: normal !important;
  text-decoration: none !important;
}

#categories .topic > a {
  font-weight: 500 !important;
}

#categories .categories.active > .topic > a,
#categories .categories > .topic.active > a,
#categories .categories > .topic.child-active > a {
  color: #fff !important;
  background: #D5241B !important;
  font-weight: 900 !important;
}

#categories ul.expanded {
  margin: 0 !important;
  padding: 0 4px 4px !important;
  background: transparent !important;
  border: 0 !important;
}

#categories ul.expanded > li > a {
  display: block !important;
  padding: 7px 34px 7px 18px !important;
  color: #5f6b7a !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  transition: .12s !important;
}

#categories ul.expanded ul.expanded > li > a {
  padding-left: 34px !important;
}

#categories ul.expanded > li.active > a,
#categories ul.expanded ul.expanded > li.active > a {
  color: #D5241B !important;
  background: transparent !important;
  font-weight: 700 !important;
}

#categories a[href]:hover,
#categories a[href]:focus,
.box-categories ul a[href]:hover,
.box-categories ul a[href]:focus {
  color: #D5241B !important;
  background: #fdeceb !important;
  border-radius: 5px !important;
}

#categories .categories.active > .topic > a:hover,
#categories .categories.active > .topic > a:focus,
#categories .categories > .topic.active > a:hover,
#categories .categories > .topic.active > a:focus,
#categories .categories > .topic.child-active > a:hover,
#categories .categories > .topic.child-active > a:focus {
  color: #fff !important;
  background: #D5241B !important;
  border-radius: 0 !important;
}

#categories .cat-trigger,
#categories a > .cat-trigger,
#categories .topic > a > .cat-trigger {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 16px !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}

#categories .cat-trigger::before {
  content: "+" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 16px !important;
  transform: none !important;
}

#categories .cat-trigger::after {
  content: none !important;
  display: none !important;
}

#categories .expanded > .topic > a > .cat-trigger::before,
#categories li.expanded > a > .cat-trigger::before,
#categories .active > .topic > a > .cat-trigger::before,
#categories li.active.expanded > a > .cat-trigger::before {
  content: "-" !important;
}

#categories .categories.active > .topic > a > .cat-trigger,
#categories .categories > .topic.active > a > .cat-trigger,
#categories .categories > .topic.child-active > a > .cat-trigger {
  color: #fff !important;
}

/* v54: final closed state for JS category toggle */
#categories .kn-collapsed > ul {
  display: none !important;
}

#categories .kn-collapsed > .topic > a > .cat-trigger::before,
#categories li.kn-collapsed > a > .cat-trigger::before {
  content: "+" !important;
}

#categories .kn-collapsed > .topic > a > .cat-trigger::after,
#categories li.kn-collapsed > a > .cat-trigger::after {
  content: none !important;
  display: none !important;
}