.vk-container {
  display: grid;
  grid-template-columns: repeat(30, 1fr);
  gap: 1.5rem;
}

/* =========================
   DESKTOP – 2 SLOUPCE
========================= */

.vk-text {
  grid-column: 1 / 20;
}

.vk-vizitka {
  grid-column: 21 / 31;
  position: relative;
  display: flex;
  align-items: flex-start;
}

/* důležité pro grid overflow fix */
.vk-text,
.vk-vizitka {
  min-width: 0;
}

/* =========================
   MOBILE – STACK (pod sebe)
========================= */

@media (max-width: 1439px) {

  .vk-container {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .vk-text,
  .vk-vizitka {
    grid-column: auto;
  }

  .vk-vizitka {
    display: flex;
    align-items: flex-start;
  }
}

.vk-grid-11-start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "column1"
    "column2";
  gap: 1.5rem;
  align-items: start;
  justify-items: center;
  margin: 1.5rem 0;
}

@media (min-width: 1439px) {
  .vk-grid-11-start {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "column1 column2";
    gap: 6rem;
    margin: 3rem 0;
  }
}



.products-block img {
  border-radius: 3rem;
}

.products-inline img {
  border-radius: 1rem;
}



.widget-parameter-wrapper li {
  padding: 5px;
  border-radius: 1.5rem;
  border: 1px solid #d5f1f1;
  background-color: #d5f1f1;
  margin: 3px;
}

.products-top-header {
  text-align: center;
}

.searchWhisperer__products img {
  border-radius: 1.5rem;
}

.products-top-wrapper {
  display: none !important;
}



.category-content-wrapper .products-block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}

/* karta – DŮLEŽITÉ: aby se natáhla */
.category-content-wrapper .products-block>div {
  border-radius: 3rem;
  border: 1px solid #d5f1f1;
  background-color: #fff;
  margin: 0 auto;
  box-sizing: border-box;

  width: 100%;
  min-width: 0;
}

/* 3 sloupce */
@media (max-width: 1199px) and (min-width: 992px) {
  .category-content-wrapper .products-block {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 2 sloupce */
@media (max-width: 991px) {
  .category-content-wrapper .products-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.product-slider-holder .products-block>div,
.carousel .products-block>div,
.products-wrapper.has-navigation .products-block>div {
  background-color: #fff;
  outline: 1px solid #d5f1f1;
  outline-offset: -5px;
  border: 5px solid #f9fdfe;
  border-radius: 3rem;
  box-sizing: border-box;
}



@media (min-width:768px) {
  .submenu-visible .navigation-in>ul>li.exp>ul {
    border-bottom-style: none;
    border-bottom-width: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    will-change: filter;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  .menu-level-1 {
    background-color: #d5f1f1;
  }
}

@media (min-width: 768px) {
  .navigation-in ul li a b {
    color: #0d2328;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0.75px;
  }

  .navigation-in ul li a:hover b {
    color: #2cb9bb;
  }
}

@media (min-width:768px) {
  .menu-level-1>li>a {
    background: transparent !important;
    color: inherit !important;
    transition: color 0.2s ease;
  }
}

.next-to-carousel-banners {
  padding-top: 2rem !important;
  padding-bottom: 1rem !important;
}


.subcategories.is-collapsed li:nth-child(n+7) {
  display: none !important;
}

.subcategories-toggle {
  display: block;
  margin: Opx 0;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

.category-title {
  margin-top: 3rem !important;
}

.subcategories li a {
  border-color: #2cb9bb;
}

.subcategories li a:focus-visible,
.subcategories li a:hover {
  background-color: rgba(213, 241, 241, 0.8);
}

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .category-top .breadcrumbs {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 15px !important;
  z-index: 5;
}

/* =====================================================
   JS opravy obsahu - zabránění blikání pouze kategorie
===================================================== */


/* skrytí při načítání */

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .vk-container,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .vizitka[data-type],

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .breadcrumbs,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .category-perex,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .category__secondDescription {


  opacity: 0;

  transition:
    opacity .3s ease;

}





/* zobrazení po JS opravě */


body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .vk-container.js-ready,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .vizitka.js-ready,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .breadcrumbs.js-ready,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .category-perex.js-ready,

body[class*="category"]:not(.id-1043):not(.id-1046):not(.id-1052):not(.id-1049):not(.id-1058) .category__secondDescription.js-ready {


  opacity: 1;

}

/* =====================================================
   PRODUKTY – MOBIL
   2 PRODUKTY VEDLE SEBE
===================================================== */

@media (max-width: 991px) {

  /* samotná karta produktu */
  .category-content-wrapper .products-block>.product {
    padding: 1.5rem !important;
    border-radius: 1.5rem !important;
  }

  /* obrázky produktu */
  .category-content-wrapper .products-block>.product img {
    border-radius: 1.5rem;
  }

}

.price-standard,
.price-standard span,
.price-standard strong {
  color: #09171a;
  font-weight: normal !important;
}

.availability-label {
    color: #2cb9bb !important;
}

.dklabBanplusKategorie {
    display: flex !important;
    align-items: center !important;
}

.dklabBanplusKategorie > a {
    display: block;
    width: 100%;
}

.dklabBanplusKategorie picture {
    display: block;
    width: 100%;
}

.dklabBanplusKategorie img {
    display: block;
    width: 100%;
    height: auto;
}