/* FONT – načti Rubik 400 a 600 */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap');

/* Základ: všude Rubik, běžný text 400 */
html, body, * {
  font-family: 'Rubik', sans-serif !important;
}
body {
  font-weight: 400 !important;
}

/* Extra: konkrétní uvítací nadpis */
.welcome-wrapper h1[data-testid="eshopHeader"] {
  font-weight: 600 !important;
  font-family: 'Rubik', sans-serif !important;
}

/* Produktový nadpis – Rubik 600 */
.p-detail-inner-header h1 {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 600 !important;
}

/* Nadpis "Produkty" */
.category-title {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 600 !important;
}

/* Blogový nadpis – Rubik 600 */
.news-item-detail h1[itemprop="headline"],
.news-item-detail h1[data-testid="textArticleTitle"] {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 600 !important;
}

/* Zaoblení obrázků v blogových článcích */
.news-item .image img {
  border-radius: 12px;   /* nastav si podle toho, jak moc chceš mít rohy kulaté */
  overflow: hidden;
  display: block;        /* jistota, že se zaoblení vykreslí správně */
}

/* Zaoblení obrázků v produktových sliderech na HP */
.products .product .image img {
  border-radius: 12px;
  overflow: hidden;
  display: block;
}

/* KONTAKTY */
.bio-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin: 20px 0;
}

.bio-card {
  background: #fff;
  border: 1px solid #333;
  border-radius: 8px;   /* méně výrazné zaoblení */
  padding: 24px;
  position: relative;
}

.bio-chip {
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid #1a1a1a;
  border-radius: 16px;   /* méně výrazné než původních 25px */
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #1a1a1a;
  background: #fff;
  position: absolute;
  top: -14px;
  left: 20px;
}

.bio-value {
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0 0;
}

.bio-value a {
  color: #1a1a1a;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.bio-value a:hover {
  border-bottom-color: #1a1a1a;
}

.bio-address {
  font-style: normal;
  line-height: 1.6;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .bio-contact {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .bio-card {
    padding: 20px;
  }

  .bio-value {
    font-size: 18px;
  }

  .bio-chip {
    font-size: 13px;
  }
}

/* FAQ */
.faq{
  max-width:900px;
  margin:0 auto;
  padding:0 16px;
}

.faq-item{
  border-bottom:0px solid #e6e6ea;
}

/* Otázka = h3 (řádek) */
.faq-item h3{
  padding:14px 0;
  margin:0;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  cursor:help;
  font-size:clamp(1.0rem, 1vw, 1.1rem); 
  line-height:1.2;
  font-weight:700;
  color:#0f1a34;
  background:#f5f6f8;
  transition: background-color .2s ease;
  border-bottom:1px solid #fff;
}

/* Hover na řádek */
.faq-item h3:hover{
  background:#e8e9ee;
}

/* Ikona + / - */
.faq-item h3::before{
  content:"+";
  flex:0 0 auto;
  width:1.8em;
  text-align:center;
  font-size:clamp(2.1rem, 2.9vw, 2rem); 
  font-weight:400;
  color:#019640; 
  line-height:1;
}
.faq-item.open h3::before{ content:"-"; }

/* Odpověď */
.faq-item p{
  margin:0 0 0 calc(1.8em + 12px);
  font-size:clamp(0.8rem, 1.2vw, 1.0rem); 
  line-height:1.6;
  font-weight:400;
  color:#1a1a1a;

  max-height:0;
  overflow:hidden;
  padding:0;
  transition:max-height .25s ease;
}

/* Otevřená odpověď */
.faq-item.open p{
  max-height:700px;
  padding:10px 0 14px 0;
}

/* KONEC FAQ */

/* HP O nás */
.bio-blok {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 4vw, 48px);
  align-items: stretch; 
}

/* Levý sloupec – nadpis + obrázek */
.bio-blok__col-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Pravý sloupec – text uprostřed */
.bio-blok__col-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

/* Typografie */
.bio-nadpis {
  margin: 0;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.2px;
  font-size: clamp(28px, 3.4vw, 40px);
  text-align: left;
}

.bio-podnadpis {
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
  font-weight: 800;
  font-size: clamp(22px, 2.6vw, 32px);
}

.bio-blok__col-right p {
  margin: 0 0 1.8em 0; 
  line-height: 1.6;
}

/* Obrázek */
.bio-obrazek {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  object-fit: cover;
}

/* Zvýraznění (PNG pod textem) */
.bio-podtrzeni {
  position: relative;
  display: inline-block;
  z-index: 0;
  white-space: nowrap;
  --u-ratio: 28.2%;
  --u-left: -4%;
  --u-right: -4%;
  --u-bottom: -0.08em;
}
.bio-podtrzeni::after {
  content: "";
  position: absolute;
  left: var(--u-left);
  right: var(--u-right);
  bottom: var(--u-bottom);
  height: 0;
  padding-bottom: var(--u-ratio);
  background-image: url("https://739441.myshoptet.com/user/documents/upload/zvyrazneni.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  z-index: -1;
  pointer-events: none;
}

/* Responsivní přepnutí */
@media (max-width: 768px) {
  .bio-blok {
    grid-template-columns: 1fr;
  }

  .bio-blok__col-right {
    justify-content: flex-start; 
    text-align: center;
  }
}