/* text-obrázek */

.box-ti {
    display: flex;
    flex-wrap: wrap; /* Pro zajištění responzivity */
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 20px; /* Mezera mezi bloky */
}

.text-box-ti, .image-box-ti {
    flex: 1 1 45%; /* Nastaví šířku bloků a umožní je přizpůsobit */
    max-width: 45%; /* Zajišťuje maximální šířku */
}

.text-box-ti {
    font-size: 14pt;
}

.image-box-ti img {
    width: 100%;
    border-radius: 20px;
    height: auto;
    display: block; 
}

@media (max-width: 768px) {
    .box-ti {
        flex-direction: column; 
    }

    .image-box-ti {
        order: -1; /* Obrázek se přesune nad text */
    }

    .text-box-ti, .image-box-ti {
        flex: 1 1 100%; 
        max-width: 100%;
    }
}

/* obrázek-text */
.box-it {
    display: flex;
    flex-wrap: wrap; /* Pro zajištění responzivity */
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 10px; /* Mezera mezi bloky */
}

.text-box-it, .image-box-it {
    flex: 1 1 45%; /* Nastaví šířku bloků a umožní je přizpůsobit */
    max-width: 45%; /* Zajišťuje maximální šířku */
}

.text-box-it {
    font-size: 14pt;
}

.image-box-it img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: block; /* Odstranění mezer pod obrázky */
}

/* Responzivní úpravy */
@media (max-width: 768px) {
    .box-it {
        flex-direction: column; /* Aby se na mobilu skládaly pod sebe */
    }

    .image-box-it {
        order: -1; /* Přesunutí obrázku nad text */
    }

    .text-box-it, .image-box-it {
        flex: 1 1 100%; /* Bloky se přeskupí na sebe */
        max-width: 100%;
    }
}

/* highlighty produktu */


.h-box {
  display: flex;
  flex-wrap: wrap; /* Umožní skládání na menších displejích */
  gap: 20px; /* Mezera mezi boxy */
  justify-content: center; /* Zarovnání boxů na střed */
}
.h-box-box {
  max-width: 360px;
  margin: 0 auto;
  padding: 20px;
  background: #ffffff;
  text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);	
}


.h-box-obsah {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap; /* Zabraňuje skládání pod sebe */
  overflow: hidden;

}

.h-box-image, .h-box-text {
  width: 50%; /* Oba boxy budou mít přesně 50 % šířky */
  display: flex;
  align-items: center;
  justify-content: center;
}

.h-box-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}



/* casto kladene otazky - rozbalovnik */

.faq-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.faq-column {
    flex: 1 1 calc(50% - 10px); /* 2 sloupce, s mezerou */
    max-width: calc(50% - 10px);
    padding-bottom: 15px;
}

/* Každá otázka a odpověď */
.faq-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;

}

.faq-question {
    background: #507E3D;
    color: white;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12pt;
}

.faq-question::after {
    content: "+";  /* Výchozí stav */
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
   
    }
.faq-answer {
    display: none;
    padding: 10px;
    background: #ffffff;
    border-radius: 0px;
    margin-top: 5px;
    font-size: 12pt;
    line-height: 1.5;
}

.faq-question:hover {
      background-color: #B6B15F;
    }

/* Otevřený stav */
.faq-item.open .faq-question::after {
    content: "-";
}
.faq-item.open .faq-answer {
    display: block;
}

/* Responzivní verze: na mobilech 1 sloupec */
@media (max-width: 768px) {
    .faq-container {
        flex-direction: column;
        gap: 0px;
    }

    .faq-column {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* faq-new - rozbalovnik */



.faq-container-v2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.faq-column-v2 {
    flex: 1 1 calc(50% - 10px); /* 2 sloupce, s mezerou */
    max-width: calc(50% - 10px);
}

/* Každá otázka a odpověď */
.faq-item-v2 {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.faq-question-v2 {
    background: #507E3D;
    color: white;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12pt;
    line-height: unset;
    margin-bottom: 0px;
    
    /* SKRYTÍ NATÍVNÍCH ŠIPEK PROHLÍŽEČE */
    list-style: none; 
}

/* Skrytí nativní šipky pro Safari */
.faq-question-v2::-webkit-details-marker {
    display: none;
}

.faq-question-v2::after {
    content: "+";  /* Výchozí stav */
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}

/* Úprava odstavců uvnitř odpovědi, aby neměly zbytečný okraj */
.faq-answer-v2 p {
    margin: 0;
    font-size: 12pt;

}

.faq-answer-v2 {
    padding: 10px;
    background: #ffffff;
    border-radius: 0px;
    margin-top: 5px;
    font-size: 12pt;
    line-height: 1.5;
    /* Odpověď už neschováváme pomocí display: none, details to dělá sám */
}

.faq-question-v2:hover {
    background-color: #B6B15F;
}

/* NOVÝ OTEVŘENÝ STAV POMOCÍ [open] Atributu */
.faq-item-v2[open] .faq-question-v2::after {
    content: "-";
}

/* Responzivní verze: na mobilech 1 sloupec */
@media (max-width: 768px) {
    .faq-container-v2 {
        flex-direction: column;
        gap: 0px;
    }

    .faq-column-v2 {
        flex: 1 1 100%;
        max-width: 100%;
    }
}


/* Hlavní kontejner pro čísla */
.kt-boxnumber {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 24px !important;
    max-width: 1400px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.kt-boxnumber__card {
    background: #fff;
    border-radius: 12px;
    padding: 18px 14px 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    min-width: 0;
}

/* Efekt při najetí myší */
.kt-boxnumber__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.11);
}

/* Zelený dekorační proužek */
.kt-boxnumber__card::before {
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background: #507E3D;
    border-radius: 2px;
    margin-bottom: 14px;
}

/* Číslo statistiky */
.kt-boxnumber__number {
    display: block;
    font-size: 18pt;
    font-weight: 900;
    color: #507E3D;
    margin-bottom: 10px;
    line-height: 1;
}

/* Doprovodný text */
.kt-boxnumber_text {
    margin: 0;
    font-size: 10pt;
    font-weight: 600;
    line-height: 1.35;
}
/* Responzivita */
@media screen and (max-width: 940px) {
    .kt-boxnumber {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}