<style type="text/css">
.social-buttons-wrapper {
  border-top: 0px solid #E4E4E4;
  padding-top: 1px;
  display: contents;
}
#header .site-name a img {
  max-height: 75px;
}
.p-detail .stars-wrapper {
  margin-right: 7px;
}
.nadrozmer-produkt {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background-color: #fbfbfb;
    border-radius: 40px;
    box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.1);
    font-family: inherit;
    color: #062133;
    margin: 0 auto;
    transition: all 0.3s ease;
    max-width: 100%;
    border: 1px solid #E0E0E0;
}
.nadrozmer-produkt img {
    width: 35px; /* Udržení proporcí ikony */
    height: 35px; /* Konzistentní velikost */
}
.products-block .image, .products-block .name {
  margin-bottom: 15px;
}
.nadrozmer-produkt span {
    font-weight: 600; /* Zvýrazněný text */
    font-size: 16px; /* Dobrá čitelnost */
    color: #062133; /* Tmavě modrý text */
}

.nadrozmer-produkt span strong {
    color: #F1870F; /* Oranžová pro zvýraznění klíčového slova */
}
.stars-label {
  display: none;
}
.addit-info {
  margin-left: inherit;
}
.menu-item-51727.ext {
  display: none;
}
#cloud-zoom-big {
  border-radius: 40px; /* Zaoblení rohů divu */
}
#cboxContent {
border-radius: 40px;
}
.buy-box {
  padding-bottom: 10px;
}
.p-image {
  margin-bottom: 10px;
}
.dkLabComparerDetailSpan.hasIcon:before, .dkLabComparerProductSpan.hasIcon:before, .dkLabComparerFlagProduct.hasIcon > span:before, .dkLabComparerFlagDetail.hasIcon > span:before {
  font-size: 82%;
}
.new-line {
  display: block;
 }
.obr-logo {
  order: 1;
  width: 26%;
  max-height: auto;
  max-width: 500px;
  margin-left: 1px;
}
.social-buttons-wrapper {
  border-top: 0px solid #E4E4E4;
  padding-top: 1px;
  display: contents;
}
.link-icon.print,
.link-icon.chat,
.link-icon.share.js-share-buttons-trigger {
    display: none !important;
}
a.glossary {
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .poradnik {
      display: inline-table;
}
}
@media (max-width: 768px) {
  .custom-box,
  .sub-box {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
  }

  .text-box {
      padding: 15px;
      margin: 10px 5px;
      border-radius: 20px;
  }

  .text-box.top {
      flex-direction: column;
  }

  .photo-section img {
      border-right: none;
      border-bottom: 1px solid #ccc;
  }
  .sub-box.left,
  .sub-box.right {
      margin-right: 0;
      margin-left: 0;
  }

  .text-box.top {
      flex-direction: column;
  }
}
.znacka-obr {
width: 26%;
}
.vodorovna-cara {
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 20px;
  margin-top: -20px;
}
.p-info-wrapper > .p-short-description {
  word-spacing: -1.5px;
  line-height: 1.7;
  text-align: justify;
  }
  @media (max-width: 600px) { /* Definuje styl pro obrazovky o šířce 600px nebo menší */
    .p-info-wrapper > .p-short-description {
      text-align: left; /* Zarovná text vlevo na malých displejích */
    }
  }
/* ODRÁŽKY */
ul.ventidrazka {
    list-style: none; /* Odstraní defaultní odrážky */
    padding: 0; /* Odstraní vnitřní odsazení */
  }
  
ul.ventidrazka li {
    background-color: #fff7f7;
    padding: 9px 42px 10px 67px;
    margin: 20px 0;
    position: relative;
    border-radius: 100px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left;
  }
ul.ventidrazka li img {
    position: absolute;
    left: 10px; /* Umístění obrázku na začátku s odsazením */
    top: 50%; /* Centrování obrázku vertikálně */
    transform: translateY(-50%); /* Posun o -50% pro centrování obrázku */
    width: 20px; /* Šířka obrázku */
    height: 20px; /* Výška obrázku */
}
/* KONEC ODRÁŽEK */
.more-btn.odkaz-zobrazit {
  border: 1px solid #edb2b2; /* Světle černé okraje */
  border-radius: 30px;       /* Zaoblené rohy, ale méně výrazné než 50px */
  background-color: black;
  overflow: hidden;          /* Zabrání přetékání obsahu */
  color: white;
  padding: 8px 20px;        /* Vnitřní okraje */
  font-size: 16px;           /* Velikost písma */
  cursor: pointer;           /* Ukazatel ruky jako kurzor */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Lehký stín */
  outline: none;             /* Žádný obrys při fokusu */
  text-transform: uppercase; /* Velká písmena */
  letter-spacing: 1px;       /* Rozestup písmen */
  background-color: #35495F;
  max-width: 20%;
}

.more-btn.odkaz-zobrazit:hover {
  background-color: #F1870F; /* Modré pozadí při najetí */
  color: white;              /* Bílý text při najetí */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Silnější stín při najetí */
}

.more-btn.odkaz-zobrazit:active {
  transform: scale(0.98);    /* Mírné zmenšení při kliknutí */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Vrácení stínu při kliknutí */
}
@media (max-width: 768px) {
  .more-btn.odkaz-zobrazit {
      max-width: 100%;
  }
}
.custom-box {
  display: flex;
  align-items: stretch;
  border-radius: 8px;
  background: #f5f5f5;
  margin: 0px;
  overflow: hidden;
  flex-wrap: wrap;
  align-content: flex-start; /* Upraveno z flex-end */
  justify-content: space-evenly;
  flex-direction: column; /* Ujistěte se, že je nastaveno na column */
}

.photo-section img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-right: 1px solid #ccc;
}

.text-sections {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
}

.text-box {
  padding: 20px;
  background: #fff;
  margin: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
  border-radius: 10px;
}
.text-box.top {
  display: flex; /* Umožní horizontální uspořádání sub-boxů */
  justify-content: space-between; /* Zarovnání sub-boxů na obě strany */
}

.sub-box {
  flex: 1; /* Zajistí rovnoměrné rozložení šířky */
  border-radius: 40px;
  flex-direction: column; /* Vertikální uspořádání obsahu */
  justify-content: space-between; /* Prostor kolem položek */
  margin-right: 10px; /* Přidává prostor mezi sub-boxy */
}

.sub-box.left {
  margin-right: 5px; /* Menší mezera mezi levým a pravým sub-boxem */
}

.sub-box.right {
  margin-right: 0; /* Odstraní mezeru na pravé straně */
}
ul.prutok,
ul.staticky-tlak,
ul.prikon,
ul.klicove-vlastnosti {
  list-style: none;
  padding: 0;
}

@media (max-width: 1200px) {
  .custom-box,
  .sub-box {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;
  }

  .text-box {
      padding: 10px;
      margin: 5px;
      border-radius: 20px;
  }
}

.obsah-obal {
padding: 10px; /* Odsazení obsahu v rámci obalu */
}

.nadpis-s-ikonou {
display: flex; /* Flexbox pro zarovnání ikony a nadpisu */
align-items: center; /* Vertikální zarovnání prvků */
}

.ikona {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
  background-color: #112132;
  box-shadow: 0 0 16px 1px #112132;
  opacity: 95%;
}

.nadpis {
font-size: 18px;
line-height: 23px;
}

.obsah {
color: #4a4e57; /* Barva textu */
padding-left: 60px; /* Odsazení textu */
}
.obsah p {
  margin-bottom: 4px;
}
.skryty {
      display: none;
  }
.skryty img {
  max-width: 260px;
  height: auto;
}
/* Keyframes pro animaci 'fade-in' */
@keyframes fade-in-right {
  from {
      opacity: 0;
      transform: translateX(-20px);
  }
  to {
      opacity: 1;
      transform: translateX(0);
  }
}

@keyframes fade-in-left {
  from {
      opacity: 0;
      transform: translateX(20px);
  }
  to {
      opacity: 1;
      transform: translateX(0);
  }
}

/* Přidání animace k sub-boxům */
.sub-box {
  animation-duration: 0.9s;   /* Doba trvání animace */
  animation-fill-mode: both;  /* Udrží koncový stav po skončení animace */
  visibility: hidden;         /* Zpočátku neviditelné */
}

/* Specifická zpoždění pro jednotlivé sub-boxy */
.sub-box:nth-child(1) { /* První sub-box v každém text-box */
  animation-name: fade-in-right;
  animation-delay: 0.4s;  /* Zpoždění pro první box */
  visibility: visible;    /* Zviditelnění po zahájení animace */
}

.sub-box:nth-child(2) { /* Druhý sub-box */
  animation-name: fade-in-left;
  animation-delay: 0.5s;  /* Větší zpoždění */
  visibility: visible;
}

.sub-box:nth-child(3) { /* Třetí sub-box */
  animation-name: fade-in-right;
  animation-delay: 0.9s;  /* Ještě větší zpoždění */
  visibility: visible;
}
.datab, .ctable {
  margin-top : 6pt;
  overflow-x: auto;
  overflow-y: hidden;
  clear: left;
}
.discount-coupon:not(.uplatneno) form .btn {
  position: absolute;
  right: 0px;
  top: 4px;
  height: 48px;
  width: 10px;
}
.kvalita-zeme {
  padding-top: 14px;
  }
.kvalita-zeme-bo {
  padding-bottom: 5px;
}
.box.box-bg-variant.box-categories {
  display: none;
}
.info-cast {
  margin: 0 5px; /* Přidává mírný okraj na obou stranách pro oddělení */
  white-space: nowrap; /* Zabraňuje zalomení textu */
}
.extended-description.more-param { /* Zvětšení description */
  padding-left: 20px;
}
.basic-description { /* Čára description a změna velikosti */
  padding-right: 0px;
  }
.datab table tr:nth-child(even), .ctable table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.datab table thead tr, .ctable table thead tr {
  background-color : #35495F;
  padding : 8pt !important;
  color: #FFFFFF;
  
}
.datab table thead tr th {
  cursor: pointer;
}
.datab table th, .ctable table th {
  padding : 3pt;
  text-align : left;
}
.datab table td, .ctable table td {
  padding : 3pt;
}
.datab table td {
  text-align : right !important;
}
table.sortable thead th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" ;
    cursor: pointer;}

/* pozadí v patičce */
#footer .contact-box {background-color: #F6F6F6;} 
/* konec pozadí v patičce */

/* breadcrumbs */
.container.breadcrumbs-wrapper {background-color: #ffffff;}
.breadcrumbs>span>a, .breadcrumbs>span>span {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 24px;
    display: block;
    color: var(--color-primary-hover);}
.breadcrumbs>span>a {font-weight: 600;}
/* konec breadcrumbs */
.project-phone::after {content: "(Po–Pá: 9:00–17:00)";display: inline-block;color: #525252;font-weight: 400;font-size: 14px;margin-left: 7px;
}
.flag.flag-discount {background-color: #F1870F;}
.flag.flag-action {background-color: #F1870F;}

@media screen and (min-width: 1200px){
.top-navigation-bar .project-email {display: inline-block;font-size: 16px;font-weight: bold;margin-left: 24px;color: var(--color-primary);}
a.project-email::before {content: '\e910';font-size: 16px;}
}
@media screen and (min-width: 360px) and (max-width: 767px){
.top-navigation-contacts{display: block !important;}
.top-navigation-contacts .project-phone{display: none !important;}
.top-navigation-contacts .project-email{display: block !important;position: absolute;right: 164px;top: 15px;color: #A3A3AF;}
a.project-email::before {content: '\e910';}
.top-navigation-contacts .project-email span{display: none;}
.project-phone::after {display:none}
}
/* Harmonika */
.harmonika > *:not(h2) {display: none;}
.harmonika.otevreno > * {display: block;}
.harmonika h2{font-size: 26px;margin: -16px -24px;padding: 16px 42px 16px 24px;cursor: pointer;position: relative;}
.harmonika h2::after{content: "\e904";font-family: ikony;position: absolute;right: 16px;font-size: 14px;top: 50%;margin-top: -8px;}
.harmonika.otevreno h2::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -10px;}
.harmonika{border: 1px solid #E4E4E4; margin-bottom: 12px;padding: 16px 24px;}
.harmonika.otevreno h2{margin-bottom: 16px;background-color: #f6f6f6;}
.harmonika p{margin-bottom: 16px;}
@media screen and (max-width: 767px) {
.harmonika h2 {font-size: 18px;}
}
/* Konec Harmonika */

/* moderni-harmonika */
.moderni-harmonika {
  border: 1px solid #E4E4E4;
  margin-bottom: 12px;
  padding: 0;
  border-radius: 50px;
  overflow: hidden; /* Přidáno pro zajištění, že obsah nebude přesahovat zaoblené rohy */
  transition: all 0.7s ease; /* Přidáno pro animaci */
}

.moderni-harmonika h2 {
  font-size: 20px;
  margin: 0; /* Upraveno pro odstranění negativního marginu */
  padding: 16px 42px 16px 24px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease; /* Přidáno pro animaci */
}

.moderni-harmonika h2::after {
  content: "\e904";
  font-family: ikony;
  position: absolute;
  right: 16px;
  font-size: 14px;
  top: 50%;
  margin-top: -8px;
  transition: transform 0.3s ease; /* Přidáno pro animaci */
}

.moderni-harmonika.otevreno h2::after {
  transform: rotate(180deg);
  margin-top: -10px;
}
.moderni-harmonika.otevreno h2 {
  margin-bottom: 0; /* Upraveno pro odstranění negativního marginu */
  background-color: #f6f6f6;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.moderni-harmonika p {
  margin: 0 24px; /* Upraveno pro dodržení správného odsazení obsahu */
  height: 0;
  overflow: hidden;
  transition: height 1s ease, padding 1s ease; /* Přidáno pro animaci */
}

.moderni-harmonika.otevreno p {
  height: auto; /* Automatické přizpůsobení výšky obsahu */
  padding-top: 16px; /* Přidáno pro plynulý přechod */
  padding-bottom: 16px; /* Přidáno pro plynulý přechod */
  transition: height 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; /* Přidáno pro animaci */
}

@media screen and (max-width: 767px) {
  .moderni-harmonika h2 {
      font-size: 18px;
  }
}
/* Konec */
/* Konfigurace textu v kategorických harmonikách */
.harmonika.des p {
  text-align: center; /* Vycentrování textu na střed */
  font-size: 20px; /* Nastaví velikost písma na 20 pixelech */
  margin-bottom: 4px;
  font-weight: 500;
}
.harmonika.shd p {
  text-align: center; /* Vycentrování textu na střed */
  font-size: 20px; /* Nastaví velikost písma na 20 pixelech */
  margin-bottom: 4px;
  font-weight: 500;
}
/* Konec konfigurace textu v kategorickýc harmonikách */ 

/* Přizpůsobení harmoniky pro varianty (shd - shortdescription, desc - description, bar - barvy)
/* Short description - bez barev */
.harmonika.shd h2 {
  text-align: left; /* Zarovná text na střed */
  font-size: 12pt; /* Nastaví velikost písma na 11 bodů */
  margin: 0px;
  padding: 3px 0px 3px 0px;
  transition: opacity 1.7s ease; /* Plynulá animace změny průhlednosti */
  opacity: 1; /* Plně viditelný v základním stavu */
  background-color: #ffffff;
}
.harmonika.shd {
padding: 0px 0px 0px 0px;
transition: background-color 1.7s ease; /* Plynulá animace změny barvy pozadí */
background-color: #ffffff; /* Bílé pozadí v základním stavu */
overflow: hidden; /* Skryje přesahující obsah pokud překročí max-height */
max-height: 100px; /* Nastavte na odhad výšky obsahu */
transition: max-height 1.7s ease; /* Animace pro změnu výšky */
border: 2px solid #E4E4E4;
border-radius: 50px;  
}
.harmonika.shd.otevreno {
  padding: 0px 0px 0px 0px;
  max-height: 1000px; /* Zvýšená maximální výška pro rozbalení */
  background-color: #ffffff;
}
.harmonika.shd.otevreno h2 .h2-text {
    opacity: 0; /* Úplně průhledný */
}
.harmonika.shd:hover {
 border-color: #D4D4D4;
}
.harmonika.shd.otevreno h2 {
  justify-content: center; /* Zarovná obsah na střed */
}
.harmonika.shd.otevreno .variobr.titul.shd {
  right: 100%; /* Znovu potvrzení, že má být na střed */
  animation: fadeOut 0.2s ease-in-out forwards;
}
.harmonika.shd h2 .dal-text {
  display: none;
}
.harmonika.shd.otevreno h2 .dal-text {
display: inline-block; /* nebo block/inline-block podle potřeby */
transition: margin-left 1.7s ease; /* Animace změny margin-left */
}
/* Konec short description - bez barev */

/* Harmonika - description - barvy */
.harmonika.des h2 {
  text-align: left; /* Zarovná text na střed */
  font-size: 12pt; /* Nastaví velikost písma na 11 bodů */
  margin: 0px;
  padding: 5px 0px 5px 0px;
  transition: opacity 1.7s ease; /* Plynulá animace změny průhlednosti */
  opacity: 1; /* Plně viditelný v základním stavu */
  background-color: #ffffff;
}
.harmonika.des {
 padding: 0px 0px 0px 0px;
 transition: background-color 1.7s ease; /* Plynulá animace změny barvy pozadí */
 background-color: #ffffff; /* Bílé pozadí v základním stavu */
  overflow: hidden; /* Skryje přesahující obsah pokud překročí max-height */
  max-height: 100px; /* Nastavte na odhad výšky obsahu */
  transition: max-height 1.7s ease; /* Animace pro změnu výšky */
  border: 2px solid #E4E4E4;
  border-radius: 50px;
}
.harmonika.des.otevreno {
  padding: 0px 0px 0px 0px;
  max-height: 1000px; /* Zvýšená maximální výška pro rozbalení */
  background-color: #ffffff;
}
.harmonika.des.otevreno h2 .h2-text {
    opacity: 0; /* Úplně průhledný */
}
.harmonika.des:hover {
 border-color: #D4D4D4;
}
.harmonika.des.otevreno h2 {
  justify-content: center; /* Zarovná obsah na střed */
}
.harmonika.des.otevreno .variobr.titul.des {
  right: 100%; /* Znovu potvrzení, že má být na střed */
  animation: fadeOut 0.2s ease-in-out forwards;
}
.harmonika.des h2 .dal-text {
  display: none;
}
.harmonika.des.otevreno h2 .dal-text {
display: inline-block; /* nebo block/inline-block podle potřeby */
margin-left: -45px;
transition: margin-left 1.7s ease; /* Animace změny margin-left */
}
/* Animace zmizení obrázku v harmonikách */
@keyframes fadeOut {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  100% {
      opacity: 0;
      transform: scale(0);
  }
}
/* Konec animace zmizení obrázku v harmonikách */

/* Konec harmonika - varianty */

.video-container video {
  width: 100%; /* Šířka videa bude vždy 100% šířky obalového elementu */
  height: auto; /* Výška se automaticky přizpůsobí pro zachování poměru stran */
  }
/* Přizpůsobení barevných variant - vytučnění aktivních */
.tlacidlo.shd.bar.select {
  border: 4px solid #8da3a3; 
  }
  .tlacidlo.des.bar.select {
  border: 4px solid #8da3a3;
  }
/* Konec přizpůsobení barevných variant - vytučnění aktivních */

/* Varianty - short description - barvy */
.tlacidlo.shd.bar {
  box-sizing: border-box;
  width: 500px;
  border: 2px solid #ffffff;
  display: inline;
    padding-top: 25px;
    padding-right: 5px;
    padding-bottom: 30px;
    padding-left: 5px;
}
.tlacidlo.shd.selected.bar {
   color: #D3D3D3;
}
.tlacidlo.shd:hover.bar  {
    border-color: #333333; /* Ztmavený okraj při najetí myši */
}
.variobr.bar {
  margin-left: 0px; /* Vytvoří prostor mezi obrázkem a obsahem nalevo */
  margin-right: 0px; /* Vytvoří prostor mezi obrázkem a obsahem napravo */
  width: 70px; /* Nastaví šířku obrázku na 46 pixelů */
  height: auto; /* Nastaví výšku obrázku na 46 pixelů */
}
.odsazvar-bar {
  height: 40px;
}
.variaclass.bar {
    margin: 17px 0px 10px 0px;
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    font-family: system-ui;
    border-top: 1px solid rgba(0, 0, 0, 0.1); /* Tloušťku a barvu čáry si upravte podle potřeby */
    padding-top: 10px;
    margin-right: 5px; /* Vpravo */
}
.harvar-content-bar {
  display: inline;
}
/* KONEC - varianty - short description - barvy */

/* Varianty - description - barvy */
.tlacidlo.des.bar {
  box-sizing: border-box;
  width: 500px;
  border: 2px solid #E4E4E4;
  display: inline;
    padding-top: 25px;
    padding-right: 5px;
    padding-bottom: 30px;
    padding-left: 5px;
}
.tlacidlo.des.selected.bar {
   color: #D3D3D3;
}
.tlacidlo.des:hover.bar  {
    border-color: #333333; /* Ztmavený okraj při najetí myši */
    color: #35495f;
}
.variobr.bar {
  margin-left: 0px; /* Vytvoří prostor mezi obrázkem a obsahem nalevo */
  margin-right: 0px; /* Vytvoří prostor mezi obrázkem a obsahem napravo */
  width: 70px; /* Nastaví šířku obrázku na 46 pixelů */
  height: auto; /* Nastaví výšku obrázku na 46 pixelů */
}
.variaclass-bar {
    margin: -15px 0px 10px 0px;
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    font-family: system-ui;
    padding-top: 10px;
    margin-right: 5px; /* Vpravo */
}
.harvar-content-bar {
  display: inline;
}
.separator-bar-des {
  border-top: 1px solid rgba(0, 0, 0, 0.1); /* Tady můžete změnit tloušťku a barvu čáry */
  margin-top: 32px;
}
/* KONEC - Varianty - description - barvy */

/* Pořadník pro text a obrázky v descriptionu */
.poradnik {
  display: flex;
  padding-bottom: 20px;
  justify-content: center; /* Vycentruje obsah (v tomto případě text a obrázek) na střed */
  align-items: center; /* Vertikálně vycentruje položky v kontejneru */
}
@media (max-width: 600px) { /* Definuje styl pro obrazovky o šířce 600px nebo menší */
  .poradnik p,
  .poradnik li {
    text-align: left; /* Zarovná text vlevo na malých displejích */
  }
}
.poradnik-clanek {
  display: flex;
  text-align: start;
  padding-bottom: 20px;
  justify-content: center; /* Vycentruje obsah (v tomto případě text a obrázek) na střed */
  align-items: center; /* Vertikálně vycentruje položky v kontejneru */
}
.poradnik-ads {
  display: flex;
  text-align: start;
  padding-bottom: 20px;
}
.text-leva {
order: 1;
flex: 1;
padding-right: 20px;
}
.text-prava {
order: 2;
flex: 2;
padding-left: 20px;
}
.obr-leva {
  order: 1;
  width: 50%; /* Zvětšete šířku obrázku na 50% */
  max-height: auto; /* Zachová poměr stran obrázku */
  max-width: 500px;
  margin-left: 1px; /* Mezera mezi obrázkem a textem */
}
.obr-prava {
  order: 2;
  width: 50%; /* Zvětšete šířku obrázku na 50% */
  max-height: auto; /* Zachová poměr stran obrázku */
  max-width: 500px;
  margin-left: 1px; /* Mezera mezi obrázkem a textem */
}
.ad-prava {
  order: 2;
}
.video-leva {
  order: 1;
  width: 50%; /* Zvětšete šířku obrázku na 50% */
  max-height: auto; /* Zachová poměr stran obrázku */
  max-width: 500px;
  margin-left: 1px; /* Mezera mezi obrázkem a textem */
}
.video-prava {
  order: 2;
  width: 50%; /* Zvětšete šířku obrázku na 50% */
  max-height: auto; /* Zachová poměr stran obrázku */
  max-width: 500px;
  margin-left: 1px; /* Mezera mezi obrázkem a textem */
}
.video-leva video {
  max-width: 100%;
  height: auto;
}
.video-prava video {
  max-width: 100%;
  height: auto;
}
.obr-vyrobce {
  order: 1;
  max-width: 160px; /* Zvětšete šířku obrázku na 50% */
  max-height: auto; /* Zachová poměr stran obrázku */
  margin-left: 1px; /* Mezera mezi obrázkem a textem */
}
/* Konec pořadníku pro text a obrázky v descriptionu */

/* "Separátor" - vytvoří čáru a mezeru */
.separator {
  border-top: 1px solid rgba(0, 0, 0, 0.1); /* Tady můžete změnit tloušťku a barvu čáry */
  margin-top: 20px;
}
/* Konec "separátor" */

.variobr { /* Přizpůsobení obrázků k variantám */
  margin-left: 5px; /* Vytvoří prostor mezi obrázkem a obsahem nalevo */
  margin-right: 6px; /* Vytvoří prostor mezi obrázkem a obsahem napravo */
  width: 50px; /* Nastaví šířku obrázku na 50 (61) pixelů */
  height: auto; /* Nastaví výšku obrázku na 46 pixelů */
}
.variobr.titul {
  margin-left: 8px;
  transition: transform 0.5s ease;
}
.odsazvar {
  height: 10px;
}
  .odsazvar.des {
    height: 15px;
}
.variaclass {
    margin: 17px 0px 6px 0px;
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    font-family: system-ui;
  border-top: 1px solid rgba(0, 0, 0, 0.1); /* Tloušťku a barvu čáry si upravte podle potřeby */
padding-top: 10px;
}
.variaclass.des {
  margin: 17px 0px 6px 0px;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
  font-family: system-ui;
  margin-bottom: 0px;
}
.harvar-content {
     max-height: 300px; /* Nastavte vhodnou maximální výšku */
     overflow-y: auto; /* Povolí zobrazení posuvníku */
    
}
@media screen and (min-width: 1200px){
.products-block > div {width: 25% !important;}
.products-block > div:nth-child(4) {border-top-style: none;}
.products-block > div:nth-child(3n){border-right-style: solid;}
.products-block > div:nth-child(4n){border-right-style: none;}
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
.products-block .p-bottom .prices{margin-bottom: 12px !important;}
}
/* TEXTACE NADPISU U PODOBNÝCH PRODUKTŮ - FUNKČNÍ POUZE NA ŠABLONĚ MERKUR */

@media screen and (max-width: 767px) {
  .text-leva, .text-prava, .obr-leva, .obr-prava {
    padding-right: 0px;
    padding-left: 0px;
  }
}

/* ZMĚNA BARVY POZADÍ HLAVNÍHO MENU */

@media screen and (min-width: 768px) {
#header::after{background-color: #35495F;} /* BARVA POZADÍ MENU */
.navigation-in {background-color: transparent;}
.navigation-in > ul > li > a, .submenu-arrow::after {color: #fff;} /* BARVA TEXTU V MENU */
.menu-helper::after {color: #fff;} /* BARVA HAMBURGERU */
}
@media screen and (min-width: 1200px){
#footer .contact-box::before {line-height: 26px;margin-bottom: 26px;}
#footer .site-name {top: 0;}
#footer .contact-box {padding-top: 0;}
}
/* EET hláška 1 řádek */
@media (min-width: 1200px){.eet-message-inner{max-width:100%;}
}
/* Konec EET hláška 1 řádek */
/* Posunutí return-to-top */
#return-to-top {
bottom : 85px;
}
/* Konec Posunutí return-to-top */

/* barva tlačítka */
.btn.btn-default, a.btn.btn-default {
    color: #fff;
    background-color: #35495F;
    border-color: #35495F;
}
/* barva tlačítka hover */
.btn.btn-default:hover, a.btn.btn-default:hover {
    background-image:none !important;
    background-color:#F1870F !important;
    border-color:#F1870F !important;
}
/* newsletter */
.newsletter { background-color: #35495F;}

/* header */
#header .cart-count {
border-left: 0px;
border-right: 0px;
}
.top-nav-button {
    border-left: 0px;
}
/* posunutí názvu produktu*/
.products-block.products .p .name {
    margin-bottom: 2px;
    height: 58px;
    line-height: 20px;
}
.p-in-in {
  padding-bottom: 5px;
  padding-top: 0px;
}
.dkLabComparerProductDiv {
  padding-bottom: 0px;
}
.products-block .p-bottom .p-desc {margin: 10px 0 0;}


/* tooltip */
.question-tooltip {
    color: #fff;
    background: #35495F;
    border: #35495F;
    line-height: 18px;
}

/* border v sidebaru */
.sidebar-inner>div {
    border: none;
}

.sidebar-inner>div:not(.box-categories):not(.box-filters) {
    padding-bottom: 0px;
}
/* chip pro info s obrazkem */

@media screen and (max-width: 600px) {
  .chip {
    word-break: break-word;
    line-height: 10px;
  }
 }
.chip {
  display: inline-block;
  padding: 0 20px;
  height: 90px;
  font-size: 16px;
  line-height: 90px;
  background-color: #f6f6f6;
  width: 100%;
  border-radius:50px 0 0 50px;
  margin-bottom:10px;
 }
.chip.compatibility {
  margin-top:10px;
}
 .chip.clanek {
  margin-top:10px;
}
.chip img {
  float: left;
  margin: 0 15px 0 -22px;
  height: 90px;
  width: 90px;
  border-radius: 50px;
  border: 2px solid #E4E4E4;
  }
  .kapka {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}
.prostrednik {
    display: flex;
    align-items: center; /* Zajišťuje vertikální zarovnání textu a tlačítek */
    padding-bottom: 15px;
}
.varipopi {
    font-weight: bold;
    margin-right: 20px; /* Přidává mezírku mezi nápisem a tlačítky */
    color: rgb(128, 128, 128);
  font-family: 'Inter', sans-serif;
}
.kaptla {
    background-color: #f3f1f1;
    border: 0px solid black;
    border-radius: 30px;
    padding: 12px 10px;  /* Zvýšení paddingu pro lepší vizuální oddělení */
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    color: #000000;
    display: inline-flex;  /* Změna na inline-flex, aby šířka odpovídala obsahu */
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.akti {
    background-color: #172131;
    color: white;
}

.kaptla:hover {
    background-color: #F1870F;
    color: white;
}
.odsazovnik { 
    margin: 17px 0px 6px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
}
.kapka2 {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    margin: 0;
}

.prostrednik2 {
    display: flex;
    align-items: center; /* Zajišťuje vertikální zarovnání textu a tlačítek */
    padding-bottom: 15px;
  
}
.varipopi2 {
    font-weight: bold;
    margin-right: 20px; /* Přidává mezírku mezi nápisem a tlačítky */
    color: rgb(128, 128, 128);
  font-family: 'Inter', sans-serif;
}
.kaptla2 {
  border: 1px solid #bcc6bc;
    border-radius: 30px;
    padding: 5px 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    position: relative;  /* Nastavení relativní pozice pro kaptla2 */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-top: 10px;
    /* overflow: hidden; */  /* Tento řádek byl odstraněn, aby se umožnilo vyčnívání obsahu */
}
.akti2 {
    border: 2px solid #594f4f
}
.odsazovnik2 { 
    margin: 17px 0px 6px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
}
.variobr2 {
    width: 50px;  /* Pevná šířka pro všechny obrázky */
    height: 50px;
    display: block; /* Blokové zobrazení pro odstranění spodního okraje */
    object-fit: contain; /* Zajistí, že obrázek pokryje celý prostor, ale zachová proporce */
    object-position: center center;
    clip-path: circle(60% at 50% 50%);
}
.stitek {
    opacity: 0;
    display: none;
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    white-space: nowrap;
    background: black;
    padding: 2px 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
    transition: opacity 0.3s, visibility 0.3s;
    color: #ffffff;
}
.kaptla2.akti2:hover .stitek {
    display: block;
    opacity: 1;
}
.kaptla2:hover .stitek {
    display: block;
    opacity: 1;
}
@media screen and (max-width: 600px) {
  .chip {
    line-height: 1.8;
  }
 }
/* chip konec */
.tlacidlo { /* Tlačidlo - přizpůsobení */
  background-color: #ffff;
  color: #24242E;
  font-size: 20px;
  border: 1px solid #E4E4E4;
  margin-bottom: 12px;
  padding: 10px 24px;
  cursor: pointer;
  position: relative;
  font-family: 'Nunito Sans', sans-serif !important;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 700;
}
.tlacidlo.shd {
  font-size: 15px;
  padding: 1px 1px;
  border: 2px solid #E4E4E4;
  font-weight: 505;
  margin-bottom: 1px;
  display: flex; /* Pro lepší zarovnání obsahu */
  align-items: center; /* Vystředí obsah ve svislém směru */
  text-decoration: none; /* Odebere podtržení odkazu */
  /* Další styly pro objekt */
}
.tlacidlo.shd.selected {
  color: #D3D3D3;
}
.tlacidlo.shd:hover  {
   border-color: #333333; /* Ztmavený okraj při najetí myši */
   color: #35495f;
}
.tlacidlo.des {
  font-size: 15px;
  padding: 1px 1px;
  border: 2px solid #E4E4E4;
  font-weight: 505;
  margin-bottom: 1px;
  display: flex; /* Pro lepší zarovnání obsahu */
  align-items: center; /* Vystředí obsah ve svislém směru */
  text-decoration: none; /* Odebere podtržení odkazu */
}
.tlacidlo.des.selected {
  color: #D3D3D3;
}
.tlacidlo.des:hover  {
   border-color: #333333; /* Ztmavený okraj při najetí myši */
   color: #35495f;
}
  /* Další styly pro objekt */
.content-wrapper #content a:not(.btn):not(.cart-count):not(.pagination-link) {
    text-decoration: none;
}
.slick-track{margin-left: 0 !important;}



/* šipky caruselu */
.carousel-control {background-color: transparent;}
/* čára nad podobnými produkty */
.related-yes #productsAlternative {border-top: none;}
/* rámeček kolem doprav a plateb */
.payment-logo {border-width: 0px;}
.shipping-options-popup .extra.delivery {display: none;}
/* dropdown */
.dropdown {
    border-right: 0px;
    border-left: 0px;
}
@media screen and (min-width: 768px)
{.id--16 .dropdown, .id--17 .dropdown {
    border: 0px;
}
}
/* tabulka responzivni */
.sloupec {
  float: left;
  width: 50%;
  padding: 10px;
}
.sloupec3 {
  float: left;
  width: 30%;
  padding: 10px;
}
.sloupec7 {
  float: left;
  width: 70%;
  padding: 10px;
}

.radek:after {
  content: "";
  display: table;
  clear: both;
}
.prostrednik, .prostrednik2 { /* prostředník kategorie */
  flex-wrap: wrap;
      }
@media screen and (max-width: 1199px) {
  .poradnik {
    display: flex;
    flex-direction: column; /* Změní směr zobrazení pro mobilní rozhraní */
    align-items: center; /* Zarovná obsah na střed vertikálně */
    padding-bottom: 20px;
  }
  .poradnik-clanek {
    display: flex;
    flex-direction: column; /* Změní směr zobrazení pro mobilní rozhraní */
    align-items: center; /* Zarovná obsah na střed vertikálně */
    padding-bottom: 20px;
  }
  .poradnik-ads {
    display: none;
  }
  .text-leva,
  .text-prava,
  .obr-leva,
  .obr-prava {
    width: 100%; /* Roztáhnout obsah na celou šířku displeje */
    max-width: 100%; /* Omezit maximální šířku na 100% */
    margin-left: 0; /* Resetovat levé odsazení */
    order: initial; /* Resetovat pořadí flex prvků */
}
  .extended-description.more-param {
    padding-left: 0px; /* Nastavte hodnotu na 170 pro mobilní zařízení */
  }
}
span.flag----tichy,
span.flag----senzor-vlhkosti--hygrostat,
span.flag-----automaticka-zaluzie,
span.flag---pohybove-cidlo,
span.flag----casovy-dobeh,
span.flag---kulickova-loziska,
span.flag----pro-odtah-horkeho-vzduchu,
span.flag----stresni,
span.flag----kyselinovzdorny,
span.flag----letni-bypass,
span.flag-----nevybusny,
span.flag---kovovy,
span.flag----12-v,
span.flag---vysoka-ucinnost,
span.flag----entalpicky-vymenik,
span.flag----tepelne-izolovane,
span.flag----zvukove-izolovane,
span.flag-----teplotni-cidlo,
span.flag----odvodni,
span.flag----privodni,
span.flag-----pevne-lamely--protidestove,
span.flag----pohyblive-lamely,
span.flag----zabrana-proti-hmyzu,
span.flag----zabrana-proti-ptakum--hlodavcum,
span.flag----manualne-uzaviratelna,
span.flag---elektricky-uzaviratelna,
span.flag----integrovana-zpetna-klapka,
span.flag----s-prirubou,
span.flag----designova,
span.flag----zabrana-proti-hlodavcum,
span.flag----kovova,
span.flag-----pro-alergiky,
span.flag----wi-fi-pripojeni,
span.flag----otevirani-pritacenim,
span.flag----i-pod-obklad,
span.flag----se-zamkem,
span.flag----i-pro-vetsi-prostory,
span.flag----teplotni-odolnost,
span.flag----magnet,
span.flag----lze-upravit-na-miru {
    margin-bottom: 1px;
    padding: 1px 1px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 100;
    opacity: 0.6;
    padding-right: 3px;
}
span.flag----i-pro-rekuperacni-jednotky {
  margin-bottom: 1px;
  padding: 1px 1px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 100;
  opacity: 0.4;
  order: -4;
  padding-right: 3px;
}
span.flag-----odolnost-proti-korozi {
  margin-bottom: 1px;
  padding: 1px 1px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 100;
  opacity: 0.4;
  order: -2;
  padding-right: 3px;
}
span.flag----axialni,
span.flag----radialni,
span.flag----lokalni,
span.flag----centralni {
  margin-bottom: 1px;
  padding: 1px 1px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 100;
  opacity: 0.5;
  order: -3;
  padding-right: 5px;
}
span.flag----volba-zakazniku,
span.flag----overeny-vyrobce {
  opacity: 0.6;
  margin-bottom: 1px;
  padding: 1px 1px;
  font-size: 10px;
  font-weight: 100;
  order: -5;
  border-radius: 12px;
  padding-right: 3px;
}
.flag.flag-tip {
  order: 2;
  margin-top: 5px;
  font-weight: 100;
  opacity: 0.7;
  border-radius: 12px;
}
.flag.flag-new {
  order: -6;
  padding: 4px 90px;
  opacity: 0.3;
  font-weight: 700;
  background-color: #1b303b;
  border-radius: 12px;
}
.flag.flag-custom1 {
  padding: 5px 15px;
  opacity: 0.9;
  order: -50;
  font-weight: 700;
  border-radius: 12px;
}
span.flag---80,
span.flag---90,
span.flag---100,
span.flag---120,
span.flag---125,
span.flag---150,
span.flag---200,
span.flag---250,
span.flag---315,
span.flag---355,
span.flag---400,
span.flag---75,
span.flag---160,
span.flag---180,
span.flag---50,
span.flag---60,
span.flag---110,
span.flag---112,
span.flag---140,
span.flag---224,
span.flag---225,
span.flag---280,
span.flag---300,
span.flag---350,
span.flag---450,
span.flag---500,
span.flag---560,
span.flag---600,
span.flag---630,
span.flag---710,
span.flag---800,
span.flag---900,
span.flag---1000,
span.flag---1120,
span.flag---1250,
span.flag----110x54,
span.flag----110x55,
span.flag----204x60,
span.flag----220x90 {
  opacity: 0.6;
  font-weight: 100;
  font-size: 12.5px;
  order: 2;
  border-top: solid;
  border-radius: 11px;
  padding: 5px;
}
span.flag-0-35-m,
span.flag-0-5-m, 
span.flag-1-m,
span.flag-1-5-m,
span.flag-2-m,
span.flag-3-m,
span.flag-5-m,
span.flag-6-m,
span.flag-10-m,
span.flag-50-m,
span.flag-0-6-m,
span.flag-15,
span.flag-30,
span.flag-45,
span.flag-60,
span.flag---45,
span.flag-90 {
  padding: 5px 5px;
  opacity: 0.9;
  font-weight: 100;
  font-size: 12px;
  order: 3;
  border-radius: 20px;
  padding: 5px;
}
.flags-default {
  display: grid;
  justify-items: start;
}
    /* KALKULAČKA */
.prvek {
max-width: 80%;
margin: auto; /* This will center the div within its parent if the parent spans the full width */
display: flex;
justify-content: center;
align-items: center;
}
.poradnik-clanek {
padding-bottom: 0px;
}
#vysledek {
padding-top: 10px;
padding-bottom: 10px;
}
#vysledek::first-line {
font-weight: bold;  /* Toto nemusí fungovat ve všech prohlížečích */
font-size: 17px;    /* Zvětšení velikosti písma prvního řádku */
}

  #vypocitej {
  background-color: #000000;
  border: 0px solid rgb(0, 0, 0);
  border-radius: 30px;
  padding: 12px 10px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100px;
  max-height: fit-content;
  }
  #vypocitej:hover {
      background-color: #ffffff;
      color: #000000;
      border: 1px solid #242323;
  }
  #ductMessage {
margin-top: 10px;
color: #555;
font-size: 14px; /* Adjust the size as necessary */
}
.switch-container {
display: flex;
align-items: center;
justify-content: flex-start; /* Zarovnání prvků na začátku kontejneru */
margin: 10px 0;
}             

  /* Label pro přepínač s marginem */
  .switch-label {
      padding-left: 5px;
  }
  /* Kalkulačka s responzivním designem */
  .kalkulacka {
      max-width: 100%; /* Zajistí, že kalkulačka nebude širší než obrazovka */
      padding: 20px;
      background-color: #f5f5f5;
      border: 1px solid #ccc;
      border-radius: 40px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .h2.kalkulacka {
      font-family: 'Inter', sans-serif; /* Záložní font sans-serif pro případ, že by se Inter nenahrál */
      font-weight: 600;
  }
  /* Input pole s plnou šířkou a custom paddingem */
.input-container {
display: flex;
align-items: center; /* Aligns items vertically centered */
margin-top: 10px;
}

.input-field, .units {
margin-right: 5px; /* Ensures spacing between the input and label */
}

.input-field {
flex-grow: 1; /* Allows the input field to take up more space */
padding: 8px;
border-radius: 10px;
border: 1px solid #ddd;
width: 90%;
}
.units {
white-space: nowrap; /* Prevents the label from wrapping */
}
/* Tlačítko s plnou šířkou a hover efektem */
  button {
      background-color: #0056b3;
      color: white;
      border: none;
      cursor: pointer;
      padding: 12px 20px;
      width: 100%;
  }

  button:hover {
      background-color: #004080;
  }

  /* Přepínač s responzivními styly */
  .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
margin-right: 10px; /* Odsazení popisku od přepínače */
  }

  .slider {
      position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
  }

  .slider:before {
      position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .4s;
border-radius: 50%;
  }
  input:checked + .slider {
background-color: #2196F3;
}

input:checked + .slider:before {
transform: translateX(26px);
}

.switch-label {
margin-left: 5px;
flex: 1; /* Dává labelu flexibilní šířku, aby zabíral dostatek místa */
white-space: nowrap; /* Zabrání zalamování textu */
}
/* KONEC */

/* Nastavení nového zobrazování parametrických kategorií */
.kategorie {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -6px 36px -6px;
  padding: 26px 0;
  position: relative;
}
.kategorie::before, .kategorie::after {
  content: "";
  position: absolute;
  width: calc(100% - 12px);
  background-color: #E4E4E4;
  height: 1px;
}
.kategorie::before { top: 0; left: 6px; }
.kategorie::after { bottom: 0; left: 6px; }
.kategorie li {
  list-style: none;
  flex: 0 0 auto;
  padding: 6px;
}
.kategorie li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 88px;
  padding: 12px;
  font-weight: 500;
  color: #24242E;
  border: 1px solid #e4e4e4;
  box-shadow: 0px 2px 4px rgba(163,163,175,0.22);
  text-decoration: none !important;
}
.kategorie li a:hover {
  text-decoration: underline !important;
  border-color: orange;  /* Přidané pravidlo pro změnu barvy borderu */
}
.kategorie li.divider {
  padding: 0;
}
.kategorie li + li.divider {
  margin: 24px 6px;
  padding: 0;
  width: calc(100% - 12px) !important;
}
.kategorie.with-image li a .image {
  width: 90px;
  text-align: center;
}
.kategorie.with-image li a .image img {
  max-height: 64px;
}
.kategorie li a .text {
  max-height: 62px;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kategorie.with-image li a .text {
  width: calc(100% - 90px);
  padding-left: 5px;
  flex-grow: 0;
}
label[for="pv\[\]49226"], [for="pv\[\]49232"], [for="pv\[\]49229"] {
    display: none !important;
}

/* KONEC */
@media screen and (max-width: 600px) {
  .sloupec {
    width: 100%;
  }
 }
@media screen and (max-width: 600px) {
  .sloupec3 {
    width: 100%;
  }  
  }
@media screen and (max-width: 600px) {
  .sloupec7 {
    width: 100%;
  } 
}
/* Pro malé obrazovky (mobilní zařízení) */
@media (max-width: 600px) {
  .video-container video {
    width: 100%; /* Na malých obrazovkách bude video zabírat celou šířku */
  }
}

/* Pro střední obrazovky (tablety, malé notebooky) */
@media (min-width: 601px) and (max-width: 1024px) {
  .video-container video {
    width: 100%; /* Na středně velkých obrazovkách bude video také zabírat celou šířku */
  }
}

/* Pro velké obrazovky (desktop) - zde můžete nastavit maximální šířku pokud chcete */
@media (min-width: 1025px) {
  .video-container video {
    max-width: 1040px; /* Například na velkých obrazovkách může video mít maximální šířku */
    height: auto; /* Opět, výška se přizpůsobí */
  }
}
@media (max-width: 1200px) {
  ul.custom-list-style li {
      /* margin-left: 20px; */
      }
  
  }
  @media (max-width: 1200px) {
    ul.pozitiva, ul.negativa, ul.custom-list-style {
      padding-left: 0px; /* Snížení levého paddingu */
      padding-right: 0px; /* Snížení pravého paddingu */
      margin-left: 0; /* Odebrání levého marginu */
      margin-right: 0; /* Odebrání pravého marginu */
    }
  
    ul.pozitiva li, ul.negativa li, ul.custom-list-style li {
                    margin: 10px 0;
              border-radius: 31px;
              padding-top: 1px;
              padding-right: 9px;
              padding-bottom: 3px;
              padding-left: 41px;
    }
  
  }
<style>

/* snížení podkategorií */
@media (min-width: 768px){
.subcategories li a{height: 70px!important;}
.subcategories.with-image li a .image {width: 55px!important;}
.subcategories.with-image li a .image img {max-height: 45px!important;max-width: 45px!important;}
.subcategories.with-image li a .text {width:auto!important;}
}
/* podkategorie na mobilu vedle sebe */
@media (max-width: 768px){
.subcategories li{width:50%!important;}
.subcategories.with-image li a .image {width: 30px;}
.subcategories.with-image li a .text {width:auto!important;}
}
</style>
<style>
#dkLabComparerHeaderWrappper {border: 0;}
.dkLabComparerHeaderIconBtn {color: #A3A3AF !important;}
.dkLabComparerHeaderIconBtn:hover{color: #F1870F !important;}
@media screen and (min-width: 992px){
#dkLabComparerHeaderWrappper {width: 106px;line-height: 1 !important;padding-top: 15px;}
.dkLabComparerHeaderIconBtn::after{content: "Porovnat";color: #24242E;font-size: 13px;font-weight: bold;width: 100%;display: block;margin-top: 22px;}
.dkLabComparerHeaderIconBtn:hover::after {color: #F1870F !important;}
.dkLabComparerHeaderIconBtn em {top: -3px !important;right: -8px !important;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
#dkLabComparerHeaderWrappper {width: 32px;}
}
@media screen and (max-width: 767px){
.top-navigation-bar .project-phone{display: none;}
.top-navigation-contacts .project-email {right: 123px;}
}
.products-additional{border: 0 !important;border-left: 1px solid #E4E4E4 !important;}
.products-additional.more-products{border-right: 1px solid #E4E4E4 !important;}
.products-additional .product {border: 1px solid #E4E4E4 !important;margin-left: -1px;}
@media (max-width: 768px) {
  .discount-coupon:not(.uplatneno) form .btn {
    position: absolute;
    right: 0px;
    top: 4px;
    height: 48px;
  }
}

</style>