/** Shopify CDN: Minification failed

Line 1784:12 Expected identifier but found whitespace
Line 1784:14 Unexpected "{"
Line 1784:23 Expected ":"
Line 1784:50 Expected ":"
Line 1815:13 Expected identifier but found whitespace
Line 1815:15 Unexpected "{"
Line 1815:24 Expected ":"
Line 1816:8 Expected identifier but found whitespace
Line 1816:10 Unexpected "{"
Line 1816:19 Expected ":"
... and 12 more hidden warnings

**/


/* CSS from section stylesheet tags */
.advantages-bar {
  background-color: #2b2a28; /* tmavý pruh */
  color: #fff;
  font-size: 10px;
  padding: 3px 15px;
}

.advantages-bar__list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 2rem;
  flex-wrap: wrap;
}

.advantages-bar__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  white-space: nowrap;
}

.advantages-bar__item img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.benefits-section {
  background: #1e1e1e;
  color: #ccc;
  text-align: center;
  padding: 2rem 2rem 4rem 2rem;
  margin-top: 3rem;
}

.benefits-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.benefits-column h3 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #fff;
  text-align: center;
}

.benefits-column .column-subtitle {
  font-size: 1.2rem;
  color: #bbb;
  margin-bottom: 1.5rem;
  text-align: center;
}

.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.benefit-icon {
  font-size: 1.5rem;
  flex-shrink: 0;
  color: #fff;
}

.benefit-content h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
  color: #ccc;
}

.benefit-content p {
  font-size: 1.5rem;
  color: #ccc;
  margin: 0;
}

@media (max-width: 768px) {
  .benefits-columns {
    grid-template-columns: 1fr;
  }
}
.center-image-with-text {
  width: 100%;
  min-height: auto; /* 🔹 byla 350px — ještě užší */
  padding: 2rem 0; /* 🔹 menší vnitřní okraje */
  color: #fff;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center; /* zarovnání obsahu doprostřed vertikálně */
}


/* === Rozostření + zesvětlení vrstvy === */
.center-image-with-text::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  filter: blur(var(--blur-amount)) brightness(var(--brightness-amount));
  background: inherit; /* použije stejný obrázek jako hlavní div */
}

/* === Overlay pro čitelnost === */
.center-image-with-text::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.center-image-with-text > * {
  position: relative;
  z-index: 2;
}

/* Nadpis */
.center-image-with-text__heading {
  font-size: 3dvh;
  font-weight: 600;
  margin-bottom: 1rem;
  text-align: center;
  color: #fff;
}

/* Obsah sekce */
.center-image-with-text__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 2.5rem;
}

/* Texty po stranách */
.center-image-with-text__side {
  flex: 1 1 25%;
  max-width: 340px;
  text-align: left;
}
.center-image-with-text__side .rte {
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* Tlačítko */
.center-image-with-text__button {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  border-radius: 9999px;
  background: #fff;
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
.center-image-with-text__button:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

/* Obrázek uprostřed */
.center-image-with-text__image {
  flex: 0 1 45%;
  max-width: 600px;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 14px;
  cursor: pointer;
}
.center-image-with-text__image img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
  transition: opacity 0.6s ease, transform 0.5s ease;
}
.center-image-with-text__image img.hover-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.center-image-with-text__image:hover img.hover-image,
.center-image-with-text__image:active img.hover-image {
  opacity: 1;
}
.center-image-with-text__image:hover img.default-image,
.center-image-with-text__image:active img.default-image {
  opacity: 0;
}
.center-image-with-text__image:hover img {
  transform: scale(1.03);
}

/* === RESPONSIVE === */
@media (max-width: 1100px) {
  .center-image-with-text__content {
    gap: 2.5rem;
    padding: 0 1.2rem;
  }
  .center-image-with-text__image {
    flex: 0 1 55%;
    max-width: 550px;
  }
}
@media (max-width: 900px) {
  .center-image-with-text__content {
    flex-direction: column;
    text-align: center;
    gap: 2rem;
    padding: 0 1rem;
  }
  .center-image-with-text__side {
    max-width: 100%;
    text-align: center;
  }
  .center-image-with-text__heading {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
  .center-image-with-text__image {
    width: 100%;
    max-width: 480px;
  }
}

/* === Mobilní text pod obrázkem === */
.center-image-with-text__mobile-text {
  display: none;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #111;
  margin-top: 1.2rem;
  text-align: center;
  padding: 0 1.5rem;
}
@media (max-width: 900px) {
  .center-image-with-text__mobile-text {
    display: block;
  }
  .center-image-with-text__side {
    display: none !important;
  }
}

/* === Mobilní tlačítko === */
.center-image-with-text__button--mobile {
  display: none;
  margin: 1.2rem auto 0 auto;
  text-align: center;
}
@media (max-width: 900px) {
  .center-image-with-text__button--mobile {
    display: inline-block;
  }
  .center-image-with-text__side {
    display: none !important;
  }
}/* === TYPOGRAFICKÉ SJEDNOCENÍ podle Trust Section === */

/* Nadpis */
.center-image-with-text__heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 15px;
}

/* Texty vlevo, vpravo i mobilní text */
.center-image-with-text__side .rte,
.center-image-with-text__mobile-text {
  font-size: 15px;
  line-height: 1.6;
}

/* Tlačítka */
.center-image-with-text__button {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 9999px;
}

/* === RESPONSIVE (stejné jako Trust Section) === */
@media (max-width: 900px) {
  .center-image-with-text__heading {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
  .center-image-with-text__side .rte,
  .center-image-with-text__mobile-text {
    font-size: 15px !important;
  }
  .center-image-with-text__button {
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
}

@media (max-width: 600px) {
  .center-image-with-text__heading {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
  .center-image-with-text__side .rte,
  .center-image-with-text__mobile-text {
    font-size: 14px !important;
  }
  .center-image-with-text__button {
    font-size: 13.5px !important;
    padding: 8px 22px !important;
  }
}

@media (max-width: 420px) {
  .center-image-with-text__heading {
    font-size: 18px !important;
  }
  .center-image-with-text__side .rte,
  .center-image-with-text__mobile-text {
    font-size: 13px !important;
  }
  .center-image-with-text__button {
    font-size: 13px !important;
    padding: 7px 20px !important;
  }
}
/* === Tabletový text (jen pro 600–900 px) === */
.center-image-with-text__tablet-text {
  display: none;
}

@media (min-width: 601px) and (max-width: 900px) {
  .center-image-with-text__tablet-text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    padding: 0 1.5rem;
    margin-top: 1rem;
  }
  /* Skrývá ostatní texty pro tablet */
  .center-image-with-text__side {
    display: none !important;
  }
  .center-image-with-text__mobile-text {
    display: none !important;
  }
}
/* === FIX VIDITELNOSTI === */
.center-image-with-text__mobile-text {
  color: #fff !important;
}

.center-image-with-text__tablet-text {
  color: #fff !important;
}

/* Zobraz i v Shopify editoru */
.shopify-design-mode .center-image-with-text__mobile-text,
.shopify-design-mode .center-image-with-text__tablet-text {
  display: block !important;
  color: #fff !important;
}
/* === Optimalizace výšky a mezer (desktop + mobil) === */

/* Zmenší černou plochu nahoře a dole */
.center-image-with-text {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* Menší mezery mezi prvky na desktopu */
.center-image-with-text__content {
  gap: 1.5rem !important; /* původně 2.5rem */
}

/* Obrázek bude trochu blíž textům */
.center-image-with-text__image {
  margin-bottom: 0.8rem !important;
}

/* Text a tlačítko na mobilu přiblížíme k obrázku */
@media (max-width: 900px) {
  .center-image-with-text__mobile-text {
    margin-top: 0.6rem !important; /* dříve 1.2rem */
  }

  .center-image-with-text__button--mobile {
    margin-top: 0.5rem !important; /* tlačítko blíž k textu */
    margin-bottom: 0 !important; /* odstraní přebytečný prostor dole */
  }

  .center-image-with-text__image {
    margin-bottom: 0.3rem !important;
  }
}

/* Zmenšení mezer pod texty i tlačítky na tabletu */
@media (min-width: 601px) and (max-width: 900px) {
  .center-image-with-text__tablet-text {
    margin-top: 0.5rem !important;
  }
}
/* === ⚡ Energetický barevný pruh === */
.color-collision-bar {
  position: relative;
  width: 100%;
  height: var(--bar-height);
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.3), transparent 70%),
              linear-gradient(to right, var(--color-left), var(--color-right));
  background-size: 200% 100%;
  animation: collide 5s ease-in-out infinite alternate;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  border-radius: 999px; /* jemné zaoblení hran */
}

/* 💥 světelný střed */
.color-collision-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(255,255,255,0.9) 0%,
    rgba(255,255,255,0.6) 20%,
    rgba(255,255,255,0.2) 40%,
    rgba(255,255,255,0) 70%
  );
  animation: glowPulse 2.5s ease-in-out infinite alternate;
  mix-blend-mode: screen;
  pointer-events: none;
}

/* === Animace === */
@keyframes collide {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@keyframes glowPulse {
  0% { opacity: 0.4; transform: scale(1); }
  100% { opacity: 0.8; transform: scale(1.1); }
}

/* === Responsivní === */
@media (max-width: 768px) {
  .color-collision-bar {
    --bar-height: 8px;
  }
}
.contact-cta {
  background:rgba(236, 236, 236, 0.84);
  border-radius: 8px;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 2rem auto;
  gap: 1rem;
}

.contact-cta-text {
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

.contact-cta-button {
  background: rgb(190, 161, 146);
  border: 1px solid #222;
  color: #fff;
  padding: 0.6rem 1.5rem;
  border-radius: 9999px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.2s;
  white-space: nowrap;
}

.contact-cta-button:hover {
  background: #fff;
  color: #000;
}

/* Mobilní verze */
@media (max-width: 768px) {
  .contact-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* === KONTAKTNÍ FORMULÁŘ === */
.contact-section {
  background:rgb(238, 238, 238);
  width: 100%;
  padding: 5rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  border-radius: 10px;
}


.contact-section__inner {
  width: 100%;
  max-width: 700px;
}

.contact-section__title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  margin-bottom: 2rem;
}

/* === FORMULÁŘ === */
.contact-section form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* === INPUTY === */
.contact-section input,
.contact-section textarea {
  width: 100%;
  padding: 0.9rem 1.2rem;
  border-radius: 30px;
  border: 1px solid #ddd;
  font-size: 1rem;
  color: #111;
  background: #fff;
  font-family: inherit;
  transition: all 0.3s ease;
}

.contact-section input:focus,
.contact-section textarea:focus {
  outline: none;
  border-color: #c9673b;
  box-shadow: 0 0 0 3px rgba(201, 103, 59, 0.1);
}

.contact-section textarea {
  border-radius: 20px;
  min-height: 150px;
  resize: vertical;
}

/* === CHECKBOX === */
.contact-section__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.95rem;
  color: #111;
  margin-top: 0.5rem;
}

.contact-section__checkbox input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
}

/* === TLAČÍTKO === */
.contact-section button {
  align-self: flex-start;
  background: rgb(190, 161, 146);
  color: #fff;
  border: none;
  padding: 0.8rem 2rem;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

.contact-section button:hover {
  background: #b6cbcf;
}

/* === DĚKOVNÁ ZPRÁVA === */
.contact-section__success {
  display: none;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  color: #111;
  background: #e9f7ef;
  border: 1px solid #c0e6cf;
  padding: 2rem;
  border-radius: 20px;
  margin-top: 2rem;
}

/* === MOBIL === */
@media (max-width: 600px) {
  .contact-section__title {
    font-size: 1.6rem;
  }
}
.blog-featured-v1 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: rgba(236, 236, 236, 0.84);
  text-align: center;
  padding: 5rem 0; /* víc prostoru nahoře/dole, ale žádné boční okraje */
  overflow: hidden;
}

.blog-featured-v1 h2 {
  font-size: 28px; /* pevná velikost písma */
  font-weight: 600;
  margin-bottom: 0.6rem;
  color: #111;
}


.blog-featured-v1 p.subtitle {
  color: #555;
  margin-bottom: 2rem;
  font-size: 1.6rem;
}

/* tlačítko */
.blog-featured-v1__button {
  display: inline-block;
  padding: 0.6rem 1.4rem;
  border-radius: 9999px;
  background: rgb(190, 161, 146);
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-bottom: 3rem;
  border: none;
}

.blog-featured-v1__button:hover {
  background: #fff;
  color: #000;
}

/* === GRID === */
.blog-featured-v1__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 3rem;
  max-width: 100%;
  margin: 0;
  padding: 0 4vw; /* lehké vnitřní odsazení, aby obsah „nedýchal“ na kraj */
  text-align: left;
  align-items: start;
}

/* levý hlavní obrázek */
.blog-featured-v1__main {
  border-radius: 0;
  overflow: hidden;
  height: 340px;
}

.blog-featured-v1__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
border-radius: 8px; /* ✅ jemné zaoblení rohů samotného obrázku */
  transition: transform 0.4s ease;
}

.blog-featured-v1__main-text {
  margin-top: 1rem;
  padding: 0 1rem;
}

.blog-featured-v1__main-text h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.blog-featured-v1__main-text p {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 0.4rem;
}

.blog-featured-v1__main-text a {
  color: #a34719;
  text-decoration: underline;
  font-weight: 500;
}

/* pravý sloupec s posty */
.blog-featured-v1__side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.blog-featured-v1__post {
  background: #fff;
  padding: 1rem 1.2rem;
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.08);
  transition: transform 0.2s ease;
}

.blog-featured-v1__post:hover {
  transform: translateY(-3px);
}

.blog-featured-v1__post a {
  text-decoration: none;
  color: #111;
  font-weight: 600;
}
/* === TABLET VERZE (stejný layout jako desktop, jen menší) === */
@media (max-width: 1024px) and (min-width: 601px) {
  .blog-featured-v1 {
    padding: 3.5rem 0 !important;
  }

  .blog-featured-v1 h2 {
    font-size: 22px !important;
  }

  .blog-featured-v1 p.subtitle {
    font-size: 1.3rem !important;
    margin-bottom: 1.5rem !important;
  }

  .blog-featured-v1__grid {
    grid-template-columns: 0.9fr 1.1fr !important; /* 🔹 zachová 2 sloupce */
    gap: 2rem !important;
    padding: 0 2rem !important;
  }

  .blog-featured-v1__main {
    height: 260px !important; /* 🔹 menší obrázek */
  }

  .blog-featured-v1__main-text h3 {
    font-size: 1.1rem !important;
  }

  .blog-featured-v1__main-text p {
    font-size: 0.95rem !important;
  }

  .blog-featured-v1__post {
    padding: 0.8rem 1rem !important;
  }

  .blog-featured-v1__button {
    font-size: 14px !important;
    padding: 0.5rem 1.2rem !important;
  }
}

/* === MOBILNÍ VERZE === */
@media (max-width: 900px) {
  .blog-featured-v1 {
    padding: 3rem 0;
  }

  .blog-featured-v1 h2 {
    font-size: 1.8rem;
  }

  .blog-featured-v1 p.subtitle {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }

  .blog-featured-v1__button {
    font-size: 12px;
    padding: 0.4rem 1rem;
    margin-bottom: 1.8rem;
  }

  .blog-featured-v1__grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    padding: 0 1rem;
  }

  .blog-featured-v1__main {
    height: 200px;
  }

  .blog-featured-v1__main-text {
    padding: 0.5rem;
  }

  .blog-featured-v1__post {
    padding: 0.8rem 1rem;
  }
}
.blog-featured-v1__button {
  display: inline-block;
  padding: 0.7rem 1.6rem;
  border-radius: 9999px;
  background: #000; /* 🔹 černé tlačítko */
  color: #fff; /* 🔹 bílý text */
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid #000; /* 🔹 jemný okraj */
}

.blog-featured-v1__button:hover {
  background: #fff; /* 🔹 bílé při hoveru */
  color: #000; /* 🔹 černý text při hoveru */
}
/* === 💠 ČTVERCOVÝ OBRÁZEK V BLOG SEKCÍCH === */
@media (min-width: 901px) {
  .blog-featured-v1__main {
    aspect-ratio: 1 / 1 !important; /* udělá z boxu čtverec */
    width: 100% !important;
    height: auto !important;
    max-width: 480px !important; /* limit, aby nebyl obří */
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .blog-featured-v1__main img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* obrázek vyplní čtverec */
    border-radius: 8px !important;
  }
}
/* === 🧩 Zmenšení mezery mezi obrázkem a textem === */
@media (min-width: 901px) {
  .blog-featured-v1__grid {
    gap: 3rem !important; /* bylo 6–8rem, teď je to příjemnější mezera */
    align-items: center !important; /* pěkné vertikální zarovnání */
  }

  .blog-featured-v1__main {
    margin-right: 1rem !important; /* jen lehký rozestup */
  }
}
/* === 🖼️ Posunutí obrázku od levého okraje na desktopu === */
@media (min-width: 901px) {
  .blog-featured-v1__grid {
    padding-left: 8vw !important;  /* přidá vnitřní odsazení vlevo */
    padding-right: 4vw !important; /* zachová menší pravý okraj */
    gap: 4rem !important;          /* příjemná mezera mezi sloupci */
    align-items: center !important;
  }

  .blog-featured-v1__main {
    margin-left: 2vw !important;   /* dodatečný prostor zleva */
  }
}
/* === TYPOGRAFICKÉ SJEDNOCENÍ podle Trust Section === */

/* Nadpis sekce */
.blog-featured-v1 h2 {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
  color: #111 !important;
}

/* Podnadpis (subtitle) */
.blog-featured-v1 p.subtitle {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  margin-bottom: 25px !important;
}

/* Nadpis článku */
.blog-featured-v1__main-text h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #111 !important;
}

/* Text článku */
.blog-featured-v1__main-text p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
}

/* Odkaz „Read more“ */
.blog-featured-v1__main-text a {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #a34719 !important;
  text-decoration: underline !important;
}

/* Odkazy na posty vpravo */
.blog-featured-v1__post a {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

/* Tlačítko */
.blog-featured-v1__button {
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 9999px !important;
}

/* === RESPONSIVE === */
@media (max-width: 900px) {
  .blog-featured-v1 h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .blog-featured-v1 p.subtitle {
    font-size: 15px !important;
  }

  .blog-featured-v1__main-text h3,
  .blog-featured-v1__main-text p,
  .blog-featured-v1__post a {
    font-size: 14px !important;
  }

  .blog-featured-v1__button {
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
}

@media (max-width: 600px) {
  .blog-featured-v1 h2 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .blog-featured-v1 p.subtitle {
    font-size: 14px !important;
  }

  .blog-featured-v1__main-text h3,
  .blog-featured-v1__main-text p,
  .blog-featured-v1__post a {
    font-size: 13.5px !important;
  }

  .blog-featured-v1__button {
    font-size: 13.5px !important;
    padding: 8px 22px !important;
  }
}

@media (max-width: 420px) {
  .blog-featured-v1 h2 {
    font-size: 18px !important;
  }

  .blog-featured-v1 p.subtitle {
    font-size: 13px !important;
  }

  .blog-featured-v1__main-text h3,
  .blog-featured-v1__main-text p,
  .blog-featured-v1__post a {
    font-size: 13px !important;
  }

  .blog-featured-v1__button {
    font-size: 13px !important;
    padding: 7px 20px !important;
  }
}
/* === HLAVNÍ KONTEJNER === */
.discover-probath {
  background: #f7f3eb;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
  padding: 6rem 2rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.discover-probath__title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color: #222;
}

.discover-probath__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

/* === Obrázek === */
.discover-probath__image {
  flex: 1;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
  max-width: 900px; /* 🟢 menší šířka obrázku */
  aspect-ratio: 4 / 2.5; /* 🟢 mírně nižší, aby nebyl tak vysoký */
  margin: 0 auto;
}

.discover-probath__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

/* === Pravý seznam uvnitř obrázku === */
.discover-probath__list {
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  background: #fff;
  border-radius: 12px;
  padding: 1rem 1.2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  width: 220px;
  z-index: 2;
  opacity: 0.97;
}

.discover-probath__item {
  background: transparent;
  border-radius: 6px;
  padding: 0.4rem 0;
  font-size: 0.9rem;
  text-align: left;
  color: #333;
  border-bottom: 1px solid #dcdcdc;
  transition: all 0.3s ease;
}

.discover-probath__item:last-child {
  border-bottom: none;
}

.discover-probath__item:hover {
  color: #c9673b;
}

/* === Mobilní zobrazení === */
@media (max-width: 900px) {
  .discover-probath__image {
    max-width: 100%;
    aspect-ratio: 4 / 3;
  }

  .discover-probath__list {
    position: static;
    width: 100%;
    box-shadow: none;
    background: transparent;
    padding: 0;
  }

  .discover-probath__item {
    border: none;
    padding: 0.5rem 0;
    font-size: 1rem;
  }
}



/* === ČERNÝ CTA PÁSEK === */
.discover-probath__cta {
  background: #2b2927;
  color: #fff;
  width: 100%;
  max-width: 1300px;
  margin: 5rem auto 0;
  border-radius: 8px;
  padding: 2rem 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.discover-probath__cta-text {
  text-align: left;
  flex: 1;
  min-width: 250px;
}

.discover-probath__cta-text h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  color: #fff; /* 🟢 přidáno – nadpis bude bílý */
}


.discover-probath__cta-text p {
  font-size: 0.9rem;
  opacity: 0.85;
  margin: 0;
}

/* === CTA tlačítka === */
.discover-probath__cta-buttons {
  display: flex;
  gap: 0.8rem;
  flex-shrink: 0;
}

.discover-probath__cta-buttons a {
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.65rem 1.6rem;
  border-radius: 20px;
  transition: all 0.3s ease;
}

.discover-probath__cta-buttons a.primary {
  background: #c9673b;
  color: #fff;
  border: 1px solid #c9673b;
}

.discover-probath__cta-buttons a.primary:hover {
  background: #a95029;
}

.discover-probath__cta-buttons a.secondary {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.discover-probath__cta-buttons a.secondary:hover {
  background: #fff;
  color: #111;
}

/* === Mobilní verze === */
@media (max-width: 900px) {
  .discover-probath {
    padding: 4rem 1.5rem 0;
  }

  .discover-probath__content {
    flex-direction: column;
    gap: 2rem;
  }

  .discover-probath__list {
    flex: unset;
    width: 100%;
    max-width: 400px;
    align-items: center;
  }

  .discover-probath__item {
    width: 100%;
    text-align: center;
  }

  .discover-probath__cta {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 2rem 1.5rem;
  }

  .discover-probath__cta-buttons {
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
  }

  .discover-probath__cta-text h3 {
    font-size: 1.3rem;
  }
}
/* === SEKCE DŮVODY === */
.section-duvody {
  display: flex;
  width: 100%;
  min-height: 700px;
  overflow: hidden;
}

/* === LEVÁ STRANA === */
.duvody-left {
  flex: 1;
  position: relative;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.duvody-left::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.duvody-left-content {
  position: relative;
  z-index: 2;
  text-align: left;
  width: 80%;
  max-width: 500px;
}

.duvody-left p {
  color:rgb(199, 199, 199);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0.8rem;
}

.duvody-left h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
}

/* === PRAVÁ STRANA === */
.duvody-right {
  flex: 1;
  background: #101820;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 60px;
}

.duvody-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 2rem;
  max-width: 650px;
}

/* === BOXY === */
.duvody-item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* === IKONY === */
.duvody-item img {
  width: 50px;
  height: 50px;
  margin-bottom: 1rem;
  filter: brightness(0) invert(1);
  opacity: 1;
  object-fit: contain;
}

/* === NADPISY A TEXTY === */
.duvody-item h3 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.4;
  margin-bottom: 0.4rem;
}

.duvody-item p {
  font-size: 15px;
  color: #d5d9dc;
  line-height: 1.6;
  max-width: 280px;
  margin: 0 auto;
}

/* === RESPONSIVE === */
@media (max-width: 900px) {
  .section-duvody {
    flex-direction: column;
  }

  .duvody-left {
    width: 100%;
    height: 60vh; /* 📱 větší výška obrázku na mobilu */
    background-size: cover;
    background-position: center center;
  }

  .duvody-left-content {
    text-align: center;
    width: 90%;
  }

  .duvody-right {
    padding: 40px 1rem;
  }

  /* 📱 2 sloupce vedle sebe na mobilu */
  .duvody-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 1rem;
    max-width: 95%;
    margin: 0 auto;
  }

  .duvody-item {
    text-align: center;
    align-items: center;
  }

  /* 📱 menší texty */
  .duvody-item h3 {
    font-size: 13px !important;
    margin-bottom: 0.3rem;
  }

  .duvody-item p {
    font-size: 12.5px !important;
    line-height: 1.45;
  }

  .duvody-item img {
    width: 40px;
    height: 40px;
    margin-bottom: 0.6rem;
  }
}

/* Extra malé mobily (např. iPhone SE) */
@media (max-width: 480px) {
  .duvody-left {
    height: 70vh; /* ještě větší obrázek na malých mobilech */
  }

  .duvody-grid {
    gap: 1rem 0.8rem;
  }

  .duvody-item h3 {
    font-size: 12.5px !important;
  }

  .duvody-item p {
    font-size: 12px !important;
  }
}
.faq-section {
  background:rgba(236, 236, 236, 0.84);
  padding: 4rem 2rem;
}

.faq-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; /* ✅ obrázek i otázky zarovnány na střed */
  justify-content: center;
  gap: 3rem;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 400px; /* ✅ zajistí vertikální střed i při menším obsahu */
}

/* === Levý obrázek === */
.faq-image {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center; /* ✅ vertikální centrování obrázku */
}

.faq-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  object-fit: cover;
}

/* === Pravý obsah === */
.faq-content {
  flex: 1 1 45%;
}

.faq-heading {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 1.5rem;
}

/* === FAQ seznam === */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 1rem 0;
}

.faq-question {
  width: 100%;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 600;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s ease;
}

.faq-question:hover {
  color: #a34719;
}

.faq-icon {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.faq-answer {
  display: none;
  margin-top: 0.75rem;
  font-size: 1.3rem;
  color: #444;
  line-height: 1.5;
}

.faq-item.active .faq-answer {
  display: block;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}

/* === Responsivita === */
@media (max-width: 900px) {
  .faq-container {
    flex-direction: column;
    text-align: left;
    align-items: stretch;
  }

  .faq-image,
  .faq-content {
    flex: 1 1 100%;
  }

  .faq-image img {
    max-width: 100%;
  }
}
@media (max-width: 900px) {
  /* Menší spacing a texty */
  .faq-section {
    padding: 2.5rem 1.2rem !important;
  }

  .faq-heading {
    font-size: 1.6rem !important;
    text-align: center;
    margin-bottom: 1rem !important;
  }

  .faq-question {
    font-size: 1.5rem !important;
  }

  .faq-answer {
    font-size: 1.3rem !important;
  }

  /* Odkaz "více/méně" */
  .faq-show-more {
    text-align: center;
    margin-top: 1rem;
  }

  .faq-show-more button {
    background: none;
    border: none;
    color: #111;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
  }

  /* Schování přebytečných otázek (prvních 3 zůstávají viditelné) */
  .faq-item {
    display: none;
  }
  .faq-item:nth-child(-n+3) {
    display: block;
  }

  /* Když je aktivní stav (rozbaleno), zobraz vše */
  .faq-list.expanded .faq-item {
    display: block;
  }
}
.faq-question {
  color: #111 !important;
  text-decoration: none !important;
}

.faq-question:hover {
  color: #a34719 !important; /* tvá zvýrazňovací barva */
  text-decoration: none !important;
}
/* === TYPOGRAFICKÉ SJEDNOCENÍ podle Trust Section === */

/* Nadpis sekce */
.faq-heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  text-align: left !important;
  color: #111 !important;
}

/* Otázky */
.faq-question {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: #111 !important;
  text-decoration: none !important;
}

/* Odpovědi */
.faq-answer {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #444 !important;
}

/* Ikona + */
.faq-icon {
  font-size: 1.1rem !important;
}

/* === RESPONSIVE === */
@media (max-width: 900px) {
  .faq-heading {
    font-size: 22px !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  .faq-question {
    font-size: 14px !important;
  }

  .faq-answer {
    font-size: 14px !important;
  }
}

@media (max-width: 600px) {
  .faq-heading {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .faq-question {
    font-size: 13.5px !important;
  }

  .faq-answer {
    font-size: 13.5px !important;
  }
}

@media (max-width: 420px) {
  .faq-heading {
    font-size: 18px !important;
  }

  .faq-question {
    font-size: 13px !important;
  }

  .faq-answer {
    font-size: 13px !important;
  }
}
.features-section {
  text-align: center;
  padding: 60px 20px;
}

.features-heading {
  font-size: 28px;
  margin-bottom: 40px;
  color: #fff;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.feature-item {
  background: #2d2a27;
  padding: 20px;
  border-radius: 12px;
  color: #fff;
}

.feature-icon {
  width: 60px;
  height: auto;
  margin: 0 auto 15px;
}

.feature-title {
  font-size: 18px;
  margin-bottom: 10px;
}

.feature-desc {
  font-size: 14px;
  opacity: 0.9;
}
.hero-static {
  position: relative;
  overflow: visible;
  height: 60vh;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background 0.5s ease;
  z-index: 2;
}

.hero-static::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
  z-index: 1;
  pointer-events: none;
}

.hero-inner {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 6%;
}

.hero-text {
  max-width: 45%;
  color: #fff;
  z-index: 4;
}

.hero-text h1 {
  font-size: {{ section.settings.heading_size }}px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.8rem;
}

.hero-text p {
  font-size: 1rem;
  line-height: 1.5;
  color: #f2f2f2;
  margin-bottom: 1.5rem;
}

.hero-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* === Buttons === */
.hero-btn {
  border-radius: 999px;
  padding: 0.45rem 1.1rem;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.2;
  transition: all 0.3s ease;
}

.hero-btn.primary {
  background: {{ section.settings.primary_btn_bg }};
  color: {{ section.settings.primary_btn_text }};
}
.hero-btn.primary:hover {
  background: #fff;
  color: #111;
}
.hero-btn.secondary {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.hero-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* === Media (obrázek / video) === */
.hero-product-wrapper {
  position: relative;
  width: 48%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.hero-product-img {
  position: absolute;
  bottom: calc(var(--product-bottom, 0%) - 80px);
  transform: scale(var(--product-scale, 1));
  width: 75%;
  max-width: 900px;
  filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.4));
  z-index: 5;
  transition: transform 0.4s ease;
  border-radius: 12px;
  object-fit: cover;
}
.hero-product-wrapper:hover .hero-product-img {
  transform: scale(calc(var(--product-scale, 1) * 1.03));
}

/* === Glow === */
.hero-product-glow {
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--glow-color, rgba(255, 255, 255, 0.6)) 0%, transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 3;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.hero-product-wrapper:hover .hero-product-glow {
  transform: scale(1.05);
  opacity: 1;
}

/* === Responsive === */
@media (max-width: 900px) {
  .hero-inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 1.5rem;
  }
  .hero-text {
    max-width: 100%;
  }
  .hero-product-wrapper {
    width: 100%;
    margin-top: 2rem;
  }
  .hero-product-img {
    width: 80%;
    position: relative;
    bottom: 0;
  }
}
/* === MOBILNÍ ÚPRAVA – izolovaná jen pro tento konkrétní Hero Gradient Media === */
@media (max-width: 900px) {
  [id^="hero-gradient-media-"] {
    height: auto !important;
    min-height: unset !important;
    padding: 2rem 0 !important;
  }

  [id^="hero-gradient-media-"] .hero-inner {
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 1.5rem !important;
  }

  [id^="hero-gradient-media-"] .hero-product-wrapper {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    order: 1 !important;
  }

  [id^="hero-gradient-media-"] .hero-product-img {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    height: auto !important;
    border-radius: 16px !important;
    transform: none !important;
    object-fit: cover !important;
    z-index: 5 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25) !important;
  }

  [id^="hero-gradient-media-"] .hero-text {
    max-width: 95% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
    color: #fff !important;
    order: 2 !important;
  }

  [id^="hero-gradient-media-"] .hero-text h1 {
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.3 !important;
  }

  [id^="hero-gradient-media-"] .hero-text p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  [id^="hero-gradient-media-"] .hero-buttons {
    justify-content: center !important;
  }

  [id^="hero-gradient-media-"]::after {
    display: none !important;
  }
}
/* === ÚPRAVA VÝŠKY – méně volného místa nahoře (pouze pro Hero Gradient Media) === */
@media (max-width: 900px) {
  [id^="hero-gradient-media-"] {
    padding-top: 0.5rem !important; /* menší horní okraj */
    padding-bottom: 1rem !important;
    height: auto !important;
    min-height: unset !important;
  }

  [id^="hero-gradient-media-"] .hero-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: -10px !important; /* posune celý obsah o kousek výš */
  }

  [id^="hero-gradient-media-"] .hero-text {
    margin-top: 0 !important;
  }
}
/* === MOBILNÍ ÚPRAVA – menší písmo jen pro sekci s videem === */
@media (max-width: 900px) {
  [id^="hero-gradient-media-"] .hero-text h1 {
    font-size: clamp(18px, 5vw, 24px) !important; /* menší nadpis */
    line-height: 1.25 !important;
  }

  [id^="hero-gradient-media-"] .hero-text p {
    font-size: 13.5px !important; /* menší text */
    line-height: 1.45 !important;
    margin-bottom: 1rem !important; /* menší mezera pod textem */
  }

  [id^="hero-gradient-media-"] .hero-btn {
    font-size: 12px !important;
    padding: 0.4rem 1rem !important;
  }
}
.hero-overlay {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 320px; /* 🔹 bylo 450px — sníženo */
  color: #fff;
  padding: 4rem 2rem 2rem; /* 🔹 bylo 8rem 2.5rem 3rem — sníženo */
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  overflow: hidden;
}

.hero-overlay__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-overlay__content {
  position: relative;
  z-index: 2;
  max-width: 520px; /* 🔹 o něco užší, aby text vypadal kompaktněji */
}

/* Titulek */
.hero-overlay__title {
  font-size: 2rem; /* 🔹 mírně menší */
  font-weight: 700;
  margin-bottom: 0.8rem;
  color: #fff;
  line-height: 1.3;
}

/* Text */
.hero-overlay__text {
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
  line-height: 1.6;
}

/* Tlačítko */
.hero-overlay__button {
  display: inline-block;
  padding: 1rem 2.4rem;        /* 🔹 bylo 0.7rem 1.4rem → větší výška i šířka */
  border-radius: 9999px;
  background: rgba(204, 202, 202, 0.99);
  color: #000;
  text-decoration: none;
  font-weight: 700;             /* 🔹 silnější písmo */
  font-size: 1.5rem;            /* 🔹 větší text */
  letter-spacing: 0.3px;
  transition: all 0.25s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* jemný stín pro zvýraznění */
}

.hero-overlay__button:hover {
  background: #fff;
  color: rgb(100, 100, 100); /* trochu kontrastnější hover */
  transform: translateY(-2px); /* 🔹 lehký „lift“ efekt při hoveru */
}

/* 📱 Responsivní úpravy */
@media (max-width: 900px) {
  .hero-overlay {
    min-height: 260px; /* 🔹 bylo 360px — sníženo */
    padding: 3rem 1.5rem 1.5rem; /* 🔹 menší padding */
    text-align: center;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-overlay__content {
    max-width: 100%;
  }

  .hero-overlay__title {
    font-size: 1.7rem; /* 🔹 menší písmo */
  }

  .hero-overlay__text {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
}

html {
  scroll-behavior: smooth;
}
.hero-static {
  position: relative;
  overflow: visible;
  height: 60vh;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: background 0.5s ease;
  z-index: 2;
}

/* 💡 Jemný stín dolů */
.hero-static::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
  z-index: 1;
  pointer-events: none;
}

.hero-inner {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 6%;
}

/* === Text === */
.hero-text {
  max-width: 45%;
  color: #fff;
  z-index: 4;
}
.hero-text h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.8rem;
}

.hero-text p {
  font-size: 1rem;
  line-height: 1.5;
  color: #f2f2f2;
  margin-bottom: 1.5rem;
}
.hero-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* === Buttons === */
.hero-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.6rem 1.5rem;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.2;
  transition: all 0.3s ease;
}

/* 🔴 Primární tlačítko */
.hero-btn.primary {
  background-color: {{ section.settings.primary_btn_bg }};
  color: {{ section.settings.primary_btn_text }};
  border: none;
}
.hero-btn.primary:hover {
  filter: brightness(0.9);
  transform: translateY(-2px);
}

/* ⚪ Sekundární tlačítko */
.hero-btn.secondary {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.hero-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}


/* === Product Image === */
.hero-product-wrapper {
  position: relative;
  width: 48%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.hero-product-img {
  position: absolute;
  bottom: calc(var(--product-bottom, 0%) - 80px);
  transform: scale(var(--product-scale, 1));
  width: 75%;
  max-width: 900px;
  filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.4));
  z-index: 5;
  transition: transform 0.4s ease;
}
.hero-product-wrapper:hover .hero-product-img {
  transform: scale(calc(var(--product-scale, 1) * 1.03));
}

/* === Glow === */
.hero-product-glow {
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--glow-color, rgba(255, 255, 255, 0.6)) 0%, transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 3;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.hero-product-wrapper:hover .hero-product-glow {
  transform: scale(1.05);
  opacity: 1;
}

/* === Responsive === */
@media (max-width: 900px) {
  .hero-inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 1.5rem;
  }
  .hero-text {
    max-width: 100%;
  }
  .hero-product-wrapper {
    width: 100%;
    margin-top: 2rem;
  }
  .hero-product-img {
    width: 80%;
    position: relative;
  }
}
/* === MOBILNÍ ÚPRAVA PRO HERO GRADIENT 3D === */
@media (max-width: 900px) {
  [id^="hero-static-"] {
    padding-top: 0.5rem !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: unset !important;
  }

  [id^="hero-static-"] .hero-inner {
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: center !important;
    padding: 0 1rem !important; /* zmenší boční mezery */
    gap: 1.2rem !important;
  }

  [id^="hero-static-"] .hero-text {
    max-width: 95% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  [id^="hero-static-"] .hero-text h1 {
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.3 !important;
  }

  [id^="hero-static-"] .hero-text p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 1.2rem !important;
  }

  [id^="hero-static-"] .hero-product-wrapper {
    width: 100% !important;
    margin-top: -0.5rem !important;
    position: relative !important;
  }

  [id^="hero-static-"] .hero-product-img {
    position: relative !important;
    width: 90% !important; /* zvětší produkt */
    max-width: 700px !important;
    margin: 0 auto !important;
    transform: scale(1.2) !important; /* ještě větší */
    bottom: auto !important;
    margin-top: -1rem !important; /* posune produkt výš do béžové části */
    height: auto !important;
    filter: drop-shadow(0 10px 25px rgba(0,0,0,0.3)) !important;
  }

  [id^="hero-static-"]::after {
    display: none !important; /* odstraní spodní gradientový stín */
  }
}
/* === MOBILNÍ ÚPRAVA – menší písmo jen pro sekci Hero Gradient 3D === */
@media (max-width: 900px) {
  [id^="hero-static-"] .hero-text h1 {
    font-size: clamp(18px, 5vw, 24px) !important; /* zmenší nadpis */
    line-height: 1.25 !important;
    margin-bottom: 0.5rem !important;
  }

  [id^="hero-static-"] .hero-text p {
    font-size: 13.5px !important; /* zmenší text */
    line-height: 1.45 !important;
    margin-bottom: 0.9rem !important; /* menší mezery */
  }

  [id^="hero-static-"] .hero-btn {
    font-size: 12px !important;
    padding: 0.45rem 1rem !important;
  }
}
.icon-bar {
  background-color: rgba(236, 236, 236, 0.84);
  padding: 10px 0;
  width: 100%;
}

/* === DESKTOP – rozprostřené po celé šířce === */
.icon-bar__inner {
  display: flex;
  justify-content: space-between; /* rovnoměrné rozmístění ikon */
  align-items: center;
  flex-wrap: nowrap;
  gap: 60px; /* mezery mezi body */
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4vw; /* mírné odsazení od krajů */
  box-sizing: border-box;
}

.icon-bar__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 15px;
  color: #000;
  white-space: nowrap;
  flex: 0 1 auto;
  text-align: center;
}

.icon-bar__icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: brightness(0);
}

/* === NOTEBOOK / TABLET – přechod na scroll === */
@media (max-width: 1200px) {
  .icon-bar__inner {
    justify-content: flex-start;
    gap: 32px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px;
  }

  .icon-bar__inner::-webkit-scrollbar {
    display: none;
  }

  .icon-bar__item {
    flex: 0 0 auto;
    min-width: max-content;
  }
}

/* === MOBIL – horizontální posuv prstem === */
@media (max-width: 768px) {
  .icon-bar__inner {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 28px;
    justify-content: flex-start;
    padding: 0 16px;
  }

  .icon-bar__inner::-webkit-scrollbar {
    display: none;
  }

  .icon-bar__item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: max-content;
  }

  .icon-bar__icon {
    width: 18px;
    height: 18px;
  }

  .icon-bar__text {
    font-size: 13px;
  }
}
/* === ULTRA MINIMAL MOBILE ICON BAR === */
@media (max-width: 768px) {
  .icon-bar {
    padding: 4px 0 !important; /* menší vertikální prostor */
    background-color: rgba(241, 231, 212, 0.45) !important;
  }

  .icon-bar__inner {
    gap: 16px !important; /* menší rozestupy */
    padding: 0 10px !important;
  }

  .icon-bar__item {
    gap: 6px !important;
    font-size: 11px !important; /* menší text */
    opacity: 0.85;
  }

  .icon-bar__icon {
    width: 14px !important; /* menší ikony */
    height: 14px !important;
    opacity: 0.8;
  }

  .icon-bar__text {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
}

/* === Extra malé telefony (do 480px) === */
@media (max-width: 480px) {
  .icon-bar__inner {
    gap: 12px !important;
  }

  .icon-bar__item {
    gap: 5px !important;
  }

  .icon-bar__icon {
    width: 12px !important;
    height: 12px !important;
  }

  .icon-bar__text {
    font-size: 10px !important;
  }
}
/* === FIX: Icon bar na velkých monitorech – roztáhnout na celou šířku === */
@media (min-width: 1400px) {
  .icon-bar__inner {
    justify-content: space-evenly !important; /* rovnoměrné rozložení */
    gap: 80px !important; /* větší mezery mezi ikonami */
    overflow: visible !important; /* povolí zobrazení celé šířky */
    max-width: 1600px !important; /* můžeš upravit podle největšího monitoru */
    margin: 0 auto !important;
  }

  .icon-bar {
    overflow: visible !important;
  }
}
/* === GRID KONTEJNER === */
.image-selection-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 6rem 4rem;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background-color: transparent;
}

/* === KARTA === */
.image-selection-grid__item {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  cursor: pointer;
  min-height: 360px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.image-selection-grid__item:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
/* 📺 VYŠŠÍ OBRÁZKY NA DESKTOPU */
@media (min-width: 1000px) {
  .image-selection-grid__item {
    min-height: 500px; /* můžeš si upravit podle potřeby, např. 450–600px */
  }
}

/* === OBRÁZEK === */
.image-selection-grid__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: blur(var(--blur-amount)) brightness(var(--brightness-amount));
  transition: all 0.4s ease;
}
.image-selection-grid__item:hover .image-selection-grid__bg {
  filter: blur(calc(var(--blur-amount) - 1px)) brightness(calc(var(--brightness-amount) + 20%));
  transform: scale(1.05);
}

/* === OVERLAY === */
.image-selection-grid__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--overlay-opacity));
  z-index: 2;
  transition: background 0.3s ease;
}
.image-selection-grid__item:hover .image-selection-grid__overlay {
  background: rgba(0, 0, 0, calc(var(--overlay-opacity) - 0.2));
}

/* === OBSAH === */
.image-selection-grid__content {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 1rem;
  pointer-events: none;
}

/* === IKONA === */
.image-selection-grid__icon {
  width: 70px;
  height: 70px;
  margin-bottom: 1.2rem;
}
.image-selection-grid__icon img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.6));
}

/* === NADPIS === */
.image-selection-grid__title {
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s ease;
  word-break: break-word;
}
.image-selection-grid__item:hover .image-selection-grid__title {
  transform: scale(1.05);
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8);
}

/* === RESPONSIVE === */
@media (max-width: 1100px) {
  .image-selection-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 5rem 2rem;
  }
}
@media (max-width: 800px) {
  .image-selection-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 4rem 1.5rem;
  }
}

/* 📱 MOBIL – menší text, lepší čitelnost */
@media (max-width: 600px) {
  .image-selection-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    padding: 3rem 1rem;
  }

  .image-selection-grid__item {
    min-height: 280px; /* mírně nižší boxy */
    border-radius: 14px;
  }

  .image-selection-grid__title {
    font-size: 1.1rem !important; /* menší, čitelný text */
    line-height: 1.25 !important;
    letter-spacing: 0.03em !important;
    padding: 0 0.4rem;
    word-break: break-word;
  }

  .image-selection-grid__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 0.8rem;
  }

  .image-selection-grid__icon img {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
  }
}

/* 📱 Extra malé mobily */
@media (max-width: 400px) {
  .image-selection-grid__title {
    font-size: 1rem !important;
    line-height: 1.2;
  }
}
/* 🖥️ VYŠŠÍ A UŽŠÍ KARTY NA DESKTOPU */
@media (min-width: 1000px) {
  .image-selection-grid {
    grid-template-columns: repeat(3, minmax(260px, 1fr)); /* o něco užší */
    gap: 2.5rem;
    padding: 6rem 6rem;
  }

  .image-selection-grid__item {
    min-height: 560px; /* zvětší výšku */
    aspect-ratio: 3 / 4; /* užší a vyšší poměr */
  }

  /* Ujisti se, že obrázky se přizpůsobí výšce */
  .image-selection-grid__bg {
    background-size: cover;
    background-position: center;
  }
}
/* 🖥️ NIZŠÍ A JEŠTĚ UŽŠÍ KARTY NA DESKTOPU */
@media (min-width: 1000px) {
  .image-selection-grid {
    grid-template-columns: repeat(3, minmax(180px, 0.8fr)); /* užší karty */
    gap: 3rem; /* víc místa mezi nimi */
    padding: 5rem 10rem; /* víc prostoru zleva i zprava */
  }

  .image-selection-grid__item {
    min-height: 320px; /* výška zůstává přiměřeně nízká */
    aspect-ratio: 7 / 3; /* více do šířky než do výšky (užší vzhled) */
  }

  .image-selection-grid__title {
    font-size: 1.6rem;
  }
}
.image-with-text-custom-large {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 5rem 2rem;
  max-width: 1300px;
  margin: 0 auto;
}

.image-with-text-custom-large__image {
  flex: 0 0 45%;
}

.image-with-text-custom-large__image img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.image-with-text-custom-large__content {
  flex: 1;
  max-width: 580px;
}

/* === Textové bloky === */
.image-with-text-custom-large__content h2 {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
  color: #111;
}

.image-with-text-custom-large__content .rte {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.75;
  margin-bottom: 1.8rem;
}

/* === Přepínání textů podle zařízení === */
.desktop-text { display: block; }
.mobile-text { display: none; }

/* === Tlačítka === */
.image-with-text-custom-large__buttons {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
}

/* === MOBIL & TABLET (vše do 1024px) === */
@media (max-width: 1024px) {
  .image-with-text-custom-large {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 3rem 1.5rem !important;
    gap: 1.8rem !important;
    max-width: 100% !important;
  }

  /* 🧠 Text nahoře */
  .image-with-text-custom-large__content {
    max-width: 90% !important;
    padding: 0 1rem !important;
    order: 1 !important;
  }

  .image-with-text-custom-large__content h2 {
    font-size: clamp(1.8rem, 2vw + 1rem, 2.4rem) !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-bottom: 0.6rem !important;
  }

  .image-with-text-custom-large__content .rte {
    font-size: clamp(1.2rem, 1.2vw + 0.8rem, 1.4rem) !important;
    line-height: 1.6 !important;
    margin-bottom: 1.2rem !important;
  }

  /* 🖼️ Obrázek dole */
  .image-with-text-custom-large__image {
    order: 2 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .image-with-text-custom-large__image img {
    width: clamp(75%, 80%, 85%) !important;
    max-height: clamp(220px, 30vw, 320px) !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  }

  /* 🔘 Tlačítka pod textem */
  .image-with-text-custom-large__buttons {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
  }

  .image-with-text-custom-large__buttons a {
    width: auto !important;
    min-width: 240px !important;
    font-size: 1.1rem !important;
    padding: 0.9rem 1.8rem !important;
  }
}

/* === Pouze mobil – zobraz mobilní text === */
@media (max-width: 900px) {
  .desktop-text { display: none !important; }
  .mobile-text { display: block !important; }
}

/* === TABLET – čtvercový obrázek === */
@media (min-width: 600px) and (max-width: 1024px) {
  .image-with-text-custom-large__image {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .image-with-text-custom-large__image img {
    width: 85% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 14px !important;
  }
}
.image-with-text-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 3rem 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.image-with-text-custom__image {
  flex: 0 0 40%;
}

.image-with-text-custom__image img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.image-with-text-custom__content {
  flex: 1;
  max-width: 500px;
}

.image-with-text-custom__content h2 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #111;
}

/* Richtext styly */
.image-with-text-custom__content .rte {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.image-with-text-custom__content .rte p {
  margin-bottom: 1rem;
}

.image-with-text-custom__content .rte strong {
  font-weight: 600;
}

.image-with-text-custom__content .rte a {
  color: #a34719;
  text-decoration: underline;
}

/* Tlačítka */
.image-with-text-custom__buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Sekundární tlačítko (outline) */
.image-with-text-custom__button {
  display: inline-block;
  padding: 0.7rem 1.6rem;
  border-radius: 9999px;
  border: 2px solid #111;
  background: transparent;
  color: #111;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 1rem;
}

.image-with-text-custom__button:hover {
  background: #111;
  color: #fff;
}

/* Primární tlačítko (tmavé plné) */
.image-with-text-custom__button--red {
  display: inline-block;
  padding: 0.7rem 1.6rem;
  border-radius: 9999px;
  border: 2px solid rgb(49, 49, 49);
  background: rgb(43, 43, 43);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 1.6rem;
}

.image-with-text-custom__button--red:hover {
  background: #fff;
  color: #a34719;
}

/* === Přepínání textů podle zařízení === */
.desktop-only { display: block; }
.mobile-only { display: none; }

/* 📱 Na mobilu zobraz jen mobilní text */
@media (max-width: 900px) {
  .image-with-text-custom {
    flex-direction: column;
    text-align: center;
    padding: 2rem 1rem !important;
  }

  .desktop-only { display: none !important; }
  .mobile-only { display: block !important; }

  .image-with-text-custom__image {
    flex: 0 0 auto;
    width: 100%;
  }

  .image-with-text-custom__image img {
    width: 90%;
    max-width: 320px;
    height: auto;
    margin: 0 auto 1rem;
    border-radius: 6px;
  }

  .image-with-text-custom__content h2 {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }

  .image-with-text-custom__content .rte {
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .image-with-text-custom__buttons {
    justify-content: center;
  }
}
/* === 💻 Roztáhlá verze sekce na desktopu === */
@media (min-width: 901px) {
  .image-with-text-custom {
    max-width: none !important;      /* zruší omezení šířky */
    width: 100% !important;          /* plná šířka stránky */
    padding: 4rem 6vw !important;    /* dýchající okraje */
    gap: 6rem !important;            /* větší mezera mezi textem a obrázkem */
    justify-content: space-between !important;
  }

  .image-with-text-custom__image {
    flex: 0 0 45% !important;        /* o něco víc prostoru pro obrázek */
  }

  .image-with-text-custom__content {
    flex: 0 0 45% !important;        /* text na druhé straně */
    max-width: none !important;      /* odstraníme pevné omezení 500px */
  }
}

/* 📱 Mobil zůstává stejný (žádná změna) */
/* === 💻 Úprava pro desktop: menší obrázek, roztáhlá sekce === */
@media (min-width: 901px) {
  .image-with-text-custom {
    max-width: none !important;
    width: 100% !important;
    padding: 4rem 8vw !important;
    gap: 8rem !important; /* víc prostoru mezi textem a obrázkem */
    justify-content: space-between !important;
  }

  .image-with-text-custom__image {
    flex: 0 0 32% !important; /* menší obrázek (původně 40–45 %) */
  }

  .image-with-text-custom__image img {
    width: 100% !important;
    max-width: 500px !important; /* horní limit pro kontrolu velikosti */
    border-radius: 10px !important;
    object-fit: cover !important;
  }

  .image-with-text-custom__content {
    flex: 0 0 50% !important;
    max-width: none !important;
  }
}
/* === ✅ SJEDNOCENÍ VELIKOSTI OBRÁZKU VE "IMAGE WITH TEXT CUSTOM" === */

/* 💻 Desktop – čtverec 480 × 480 px */
@media (min-width: 901px) {
  .image-with-text-custom__image {
    flex: 0 0 auto !important;
    max-width: 480px !important;
    width: 100% !important;
    height: 480px !important;
    overflow: hidden !important;
  }

  .image-with-text-custom__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }
}

/* 💻 Tablet (601–900 px) – obdélník cca 400 × 260 px */
@media (max-width: 900px) and (min-width: 601px) {
  .image-with-text-custom__image {
    width: 100% !important;
    max-width: 400px !important;
    height: 260px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
  }

  .image-with-text-custom__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }
}

/* 📱 Mobil – banner cca 390 × 200 px */
@media (max-width: 600px) {
  .image-with-text-custom__image {
    width: 90% !important;
    max-width: 390px !important;
    height: 200px !important;
    margin: 0 auto 1rem !important;
    overflow: hidden !important;
  }

  .image-with-text-custom__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
  }
}
/* === TYPOGRAFICKÉ SJEDNOCENÍ podle Trust Section === */

/* Nadpis */
.image-with-text-custom__content h2 {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  color: #111 !important;
}

/* Text (desktop, mobil) */
.image-with-text-custom__content .rte {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  margin-bottom: 20px !important;
}

/* Tlačítka */
.image-with-text-custom__button,
.image-with-text-custom__button--red {
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 9999px !important;
}

/* === RESPONSIVE – stejné jako Trust Section === */
@media (max-width: 900px) {
  .image-with-text-custom__content h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  .image-with-text-custom__content .rte {
    font-size: 15px !important;
  }

  .image-with-text-custom__button,
  .image-with-text-custom__button--red {
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
}

@media (max-width: 600px) {
  .image-with-text-custom__content h2 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .image-with-text-custom__content .rte {
    font-size: 14px !important;
  }

  .image-with-text-custom__button,
  .image-with-text-custom__button--red {
    font-size: 13.5px !important;
    padding: 8px 22px !important;
  }
}

@media (max-width: 420px) {
  .image-with-text-custom__content h2 {
    font-size: 18px !important;
  }

  .image-with-text-custom__content .rte {
    font-size: 13px !important;
  }

  .image-with-text-custom__button,
  .image-with-text-custom__button--red {
    font-size: 13px !important;
    padding: 7px 20px !important;
  }
}
.product-feature-section {
  background: rgb(236, 236, 236);
  padding: 4rem 2rem;
  text-align: center;
}

.product-feature-section h2 {
  font-size: 28px;
  margin-bottom: 0.5rem;
  color: #111;
  font-weight: 700;
}

.product-feature-description {
  margin-top: 2rem;
  color: #444;
  font-size: 15px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

/* === PRODUKTOVÉ KARTY === */
.product-card {
  background: var(--card-bg, #ffffff);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  width: 100%;
  max-width: 480px;
  height: 540px;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.product-card img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-bottom: 1px solid #eee;
}

.product-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem;
}

.product-card-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.product-card-price {
  font-size: 14px;
  color: #444;
  margin-bottom: 0.8rem;
}

.product-card-description {
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  flex-grow: 1;
  margin-bottom: 1rem;
}

.product-card-features {
  font-size: 13px;
  color: #555;
  margin-bottom: 1.5rem;
  padding-left: 0;
  border-top: 1px solid #ddd;
  padding-top: 0.8rem;
  list-style: none;
}

.product-card-features li {
  margin-bottom: 0.3rem;
}

.product-card-button {
  display: block;
  text-align: center;
  background: #222;
  color: #fff;
  padding: 0.7rem 1rem;
  border-radius: 9999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.25s ease, transform 0.2s ease;
  width: 100%;
  margin-top: 0.5rem;
}

.product-card-button:hover {
  background: #444;
  transform: translateY(-2px);
}

/* === DESKTOP === */
@media (min-width: 901px) {
  .product-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 2rem;
    justify-items: center;
    align-items: stretch;
    max-width: 1600px;
    margin: 3rem auto;
    padding: 0 3rem;
  }

  .product-card {
    flex: none !important;
    width: 100% !important;
    max-width: 480px !important;
    height: 540px !important;
  }

  .scroll-buttons {
    display: none !important;
  }
}

/* === MOBIL / TABLET – horizontální scroll === */
@media (max-width: 900px) {
  .product-feature-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 0.8rem !important;
    padding: 0.8rem 1rem 1.2rem !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
  }

  .product-feature-grid::-webkit-scrollbar {
    display: none !important;
  }

  .product-card {
    flex: 0 0 auto !important;
    width: 65% !important;
    max-width: 260px !important;
    min-width: 220px !important;
    height: auto !important;
    scroll-snap-align: start !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
    background: #fff !important;
  }

  .product-card img {
    height: 140px !important;
    object-fit: cover !important;
  }

  .product-card-content {
    padding: 0.7rem 0.8rem !important;
  }

  .product-card-title {
    font-size: 14px !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.3 !important;
  }

  .product-card-price {
    font-size: 12px !important;
    margin-bottom: 0.4rem !important;
    color: #666 !important;
  }

  .product-card-description {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-bottom: 0.5rem !important;
  }

  .product-card-features {
    font-size: 11px !important;
    margin-bottom: 0.6rem !important;
    padding-top: 0.4rem !important;
  }

  .product-card-button {
    font-size: 12px !important;
    padding: 0.4rem 0.8rem !important;
    border-radius: 9999px !important;
    background: #222 !important;
  }

  .scroll-buttons {
    display: flex !important;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 0.5rem;
  }
}
/* === FORCE horizontální scroll na mobilech === */
@media (max-width: 900px) {
  .product-feature-section .product-feature-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 1rem !important;
    padding: 1rem !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  .product-feature-section .product-feature-grid::-webkit-scrollbar {
    display: none !important;
  }

  .product-feature-section .product-card {
    flex: 0 0 auto !important;
    width: 70% !important;
    max-width: 280px !important;
    min-width: 220px !important;
    scroll-snap-align: start !important;
    height: auto !important;
    border-radius: 10px !important;
    background: #fff !important;
  }
}
.product-feature-section {
  background: rgba(241, 231, 212, 0.61);
  padding: 4rem 2rem;
  text-align: center;
}

.product-feature-section h2 {
  font-size: 28px;
  margin-bottom: 0.5rem;
  color: #111;
  font-weight: 700;
}

.product-feature-description {
  margin-top: 2rem;
  color: #444;
  font-size: 15px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

/* === PRODUKTOVÉ KARTY === */
.product-card {
  background: var(--card-bg, #ffffff);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  width: 100%;
  max-width: 480px;
  height: 540px;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

.product-card img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-bottom: 1px solid #eee;
}

.product-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem;
}

.product-card-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.product-card-price {
  font-size: 14px;
  color: #444;
  margin-bottom: 0.8rem;
}

.product-card-description {
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  flex-grow: 1;
  margin-bottom: 1rem;
}

.product-card-features {
  font-size: 13px;
  color: #555;
  margin-bottom: 1.5rem;
  padding-left: 0;
  border-top: 1px solid #ddd;
  padding-top: 0.8rem;
  list-style: none;
}

.product-card-features li {
  margin-bottom: 0.3rem;
}

.product-card-button {
  display: block;
  text-align: center;
  background: #222;
  color: #fff;
  padding: 0.7rem 1rem;
  border-radius: 9999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.25s ease, transform 0.2s ease;
  width: 100%;
  margin-top: 0.5rem;
}

.product-card-button:hover {
  background: #444;
  transform: translateY(-2px);
}

/* === DESKTOP === */
@media (min-width: 901px) {
  .product-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 2rem;
    justify-items: center;
    align-items: stretch;
    max-width: 1600px;
    margin: 3rem auto;
    padding: 0 3rem;
  }

  .product-card {
    flex: none !important;
    width: 100% !important;
    max-width: 480px !important;
    height: 540px !important;
  }

  .scroll-buttons {
    display: none !important;
  }
}

/* === MOBIL / TABLET – ultra minimalistické karty === */
/* === MOBIL / TABLET – karty pod sebou, větší === */
@media (max-width: 900px) {
  .product-feature-grid {
    display: flex !important;
    flex-direction: column !important; /* vertikálně pod sebou */
    align-items: center !important;
    gap: 1.5rem !important;
    padding: 1.5rem 1rem !important;
    overflow: visible !important; /* odstraní horizontální scroll */
  }

  .product-card {
    width: 100% !important;
    max-width: 380px !important; /* větší karty na mobilu */
    border-radius: 12px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
    background: #fff !important;
  }

  .product-card img {
    height: 220px !important; /* větší obrázek */
    object-fit: cover !important;
  }

  .product-card-content {
    padding: 1rem 1.2rem !important;
  }

  .product-card-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 0.3rem !important;
  }

  .product-card-price {
    font-size: 14px !important;
    color: #555 !important;
    margin-bottom: 0.6rem !important;
  }

  .product-card-description {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 0.8rem !important;
    color: #444 !important;
  }

  .product-card-features {
    font-size: 12px !important;
    margin-bottom: 0.8rem !important;
    padding-top: 0.6rem !important;
  }

  .product-card-button {
    font-size: 13px !important;
    padding: 0.6rem 1.2rem !important;
    border-radius: 9999px !important;
    width: 100%;
    background: #222 !important;
  }

  /* Skryj šipky, nejsou potřeba */
  .scroll-buttons {
    display: none !important;
  }
}

/* === Zarovnání produktových karet na stejnou výšku (desktop) === */
@media (min-width: 901px) {
  .product-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 2rem;
    justify-items: stretch;
    align-items: stretch; /* klíčové */
    max-width: 1600px;
    margin: 3rem auto;
    padding: 0 3rem;
  }

  .product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100% !important;
    max-width: 480px;
  }

  .product-card img {
    width: 100%;
    height: 320px !important; /* sjednocená výška obrázku */
    object-fit: cover;
    flex-shrink: 0;
  }

  .product-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 1.5rem 1.5rem 1rem;
  }

  .product-card-button {
    margin-top: auto; /* tlačítko vždy na konci karty */
  }
}
/* === VŠECHNA ZAŘÍZENÍ – zobraz jen obrázek, nadpis, cenu a tlačítko === */

/* Skryj nepotřebné prvky */
.product-card-description,
.product-card-features {
  display: none !important;
}

/* === Styl karty === */
.product-card {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
  width: 100% !important;
  max-width: 400px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding-bottom: 1.2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  overflow: hidden !important;
}

/* === Obrázek === */
.product-card img {
  width: 100% !important;
  height: 250px !important;
  object-fit: cover !important;
  border-bottom: 1px solid #eee !important;
}

/* === Titulek === */
.product-card-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.4rem !important;
}

/* === Cena === */
.product-card-price {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #555 !important;
  margin-bottom: 1.2rem !important;
}

/* === Tlačítko === */
.product-card-button {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: #222 !important;
  border-radius: 9999px !important;
  padding: 0.7rem 1.6rem !important;
  text-decoration: none !important;
  transition: background 0.3s ease;
}

.product-card-button:hover {
  background: #444 !important;
}

/* === Rozložení karet === */
.product-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 2rem !important;
  justify-items: center !important;
  align-items: start !important;
  padding: 2rem 1rem !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* === Šipky pryč (už nejsou potřeba) === */
.scroll-buttons {
  display: none !important;
}

/* === Mobilní úprava – větší karty pod sebou === */
@media (max-width: 768px) {
  .product-feature-grid {
    grid-template-columns: 1fr !important;
    gap: 1.2rem !important;
  }

  .product-card {
    max-width: 90% !important;
  }

  .product-card img {
    height: 220px !important;
  }

  .product-card-title {
    font-size: 18px !important;
  }

  .product-card-price {
    font-size: 15px !important;
  }

  .product-card-button {
    font-size: 14px !important;
    padding: 0.6rem 1.2rem !important;
  }
}
/* === CELÁ PRODUKTOVÁ KARTA JE KLIKACÍ === */
.product-card {
  position: relative !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
}

/* === Překryvný odkaz přes celou kartu === */
.product-card-overlay {
  position: absolute !important;
  inset: 0 !important; /* top, right, bottom, left = 0 */
  z-index: 5 !important;
  display: block !important;
  text-decoration: none !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: background 0.25s ease !important;
}

/* Vizualní odezva při hoveru (lehké ztmavení) */
.product-card:hover .product-card-overlay {
  background: rgba(0, 0, 0, 0.05) !important;
}

/* === Tlačítko zůstává nad overlayem === */
.product-card-button {
  position: relative !important;
  z-index: 10 !important;
}

/* === Jemný efekt kliknutí === */
.product-card:active {
  transform: translateY(-2px) scale(0.98) !important;
}

/* === Přehlednější přechody === */
.product-card,
.product-card-overlay,
.product-card-button {
  transition: all 0.25s ease !important;
}
.product-card {
  position: relative !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
}

.product-card:active {
  transform: scale(0.98) !important;
}

/* Obrázek */
.product-card img {
  width: 100% !important;
  height: 250px !important;
  object-fit: cover !important;
  border-bottom: 1px solid #eee !important;
}

/* Obsah */
.product-card-content {
  padding: 1.2rem 1rem !important;
}

.product-card-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-bottom: 0.4rem !important;
}

.product-card-price {
  font-size: 15px !important;
  color: #555 !important;
  margin-bottom: 1rem !important;
}

/* Tlačítko */
.product-card-button {
  display: inline-block !important;
  border-radius: 9999px !important;
  padding: 0.6rem 1.4rem !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.25s ease !important;
}

.product-card-button:hover {
  background: #444 !important;
}
.progress-visual-wrapper {
  background: #fff;
  padding: 2rem 0;
  text-align: center;
}

.progress-visual {
  width: 80%;
  height: 12px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.progress-visual__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #d14f2b, #ff8552);
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(209, 79, 43, 0.8);
  transition: width linear;
}

.progress-visual__label {
  font-weight: 600;
  color: #111;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.related-products-section {
  background: #f9f8f6;
  padding: 4rem 2rem;
  text-align: center;
}

.related-products-section h2 {
  font-size: 2.3rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 0.5rem;
}

.related-products-section p.subtitle {
  color: #555;
  font-size: 1.8rem;
  margin-bottom: 2.5rem;
}

/* === GRID / SCROLLER === */
.related-products-grid {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 1rem 0 2rem;
  justify-content: flex-start;
}

.related-products-grid::-webkit-scrollbar {
  display: none;
}

/* === KARTA PRODUKTU === */
.related-product-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.07);
  flex: 0 0 300px;
  scroll-snap-align: start;
  text-align: left;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  overflow: hidden;
}

.related-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

.related-product-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.related-product-content {
  padding: 1.2rem 1.4rem;
}

.related-product-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: #111;
}

.related-product-description {
  font-size: 1.3rem;
  color: #555;
  line-height: 1.4;
  margin-bottom: 1rem;
}

.related-product-button {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 600;
  transition: background 0.25s ease, transform 0.2s ease;
}

.related-product-button:hover {
  background: #333;
  transform: translateY(-2px);
}

/* === ŠIPKY === */
.related-scroll-arrows {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.related-scroll-arrow {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.related-scroll-arrow:hover {
  background: #444;
}

/* === RESPONSIVITA === */
@media (max-width: 768px) {
  .related-product-card {
    flex: 0 0 80%;
  }

  .related-product-image {
    height: 180px;
  }

  .related-products-section h2 {
    font-size: 1.4rem;
  }

  .related-products-section p.subtitle {
    font-size: 0.95rem;
  }
}
/* === ULTRA MINIMAL MOBILE VARIANTA RELATED PRODUCTS === */
@media (max-width: 768px) {
  .related-products-section {
    background: #faf9f7;
    padding: 1.2rem 0.8rem !important; /* zmenšený vnitřní prostor */
  }

  .related-products-section h2 {
    font-size: 1.2rem !important;
    font-weight: 700;
    margin-bottom: 0.2rem !important;
  }

  .related-products-section p.subtitle {
    font-size: 0.8rem !important;
    color: #666;
    margin-bottom: 1rem !important;
  }

  .related-products-grid {
    gap: 0.8rem !important;
    padding: 0.5rem 0 1rem !important;
  }

  .related-product-card {
    flex: 0 0 68% !important; /* menší karta, víc vzduchu okolo */
    border-radius: 10px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
  }

  .related-product-image {
    height: 130px !important; /* menší obrázky */
    border-bottom: 1px solid #eee;
  }

  .related-product-content {
    padding: 0.8rem 0.9rem !important;
  }

  .related-product-title {
    font-size: 1rem !important;
    font-weight: 600;
    margin-bottom: 0.2rem !important;
  }

  .related-product-description {
    font-size: 0.8rem !important;
    color: #666 !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.3;
  }

  .related-product-button {
    font-size: 0.8rem !important;
    padding: 0.3rem 0.8rem !important;
    border-radius: 9999px !important;
    background: #333 !important;
  }

  .related-scroll-arrows {
    margin-top: 0.4rem !important;
    gap: 0.4rem !important;
  }

  .related-scroll-arrow {
    width: 24px !important;
    height: 24px !important;
    font-size: 12px !important;
    background: #222 !important;
    opacity: 0.7;
  }
}
.scrollable-products {
  width: 100%;
  max-width: 1600px; /* 🔹 zarovnáno doprostřed, ne přes celou obrazovku */
  margin: 0 auto;
  padding: 3rem 6rem; /* 🔹 ještě větší okraje vlevo/vpravo */
  position: relative;
  overflow: hidden;
  background: #f9f9f7;
}

.scrollable-products__wrapper {
  display: flex;
  gap: 2rem; /* 🔹 trochu větší mezery mezi kartami */
  scroll-behavior: smooth;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 0 2rem; /* 🔹 drobné vnitřní odsazení pro lepší zarovnání */
}
.scrollable-products__wrapper::-webkit-scrollbar {
  display: none;
}


/* Produktová karta */
.scrollable-products__card {
  flex: 0 0 300px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  overflow: hidden;
  text-align: center;
  transition: transform 0.3s ease;
}
.scrollable-products__card:hover {
  transform: translateY(-6px);
}
.scrollable-products__card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.scrollable-products__info {
  padding: 1.2rem;
}
.scrollable-products__info h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #111;
}
.scrollable-products__info p {
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 1rem;
}

/* --- Primární tlačítko u produktu --- */
.scrollable-products__info .btn-primary {
  display: inline-block;
  border-radius: 999px;
  padding: 0.7rem 1.4rem;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Šipky */
.scrollable-products__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  z-index: 5;
  transition: all 0.3s ease;
}
.scrollable-products__arrow:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.1);
}
.scrollable-products__arrow--left {
  left: 2rem;
}
.scrollable-products__arrow--right {
  right: 2rem;
}

/* Tlačítko dole */
.scrollable-products__button-wrapper {
  text-align: center;
  margin-top: 2.5rem;
}
.scrollable-products__main-button {
  display: inline-block;
  font-weight: 600;
  border-radius: 999px;
  padding: 0.7rem 2rem;
  font-size: 0.9rem;
  text-decoration: none;
}

/* Responsivita */
@media (max-width: 768px) {
  .scrollable-products {
    padding: 2rem 1rem;
  }
  .scrollable-products__card {
    flex: 0 0 80%;
  }
  .scrollable-products__arrow {
    display: none;
  }
}
.scrollable-products__heading {
  text-align: center;
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  font-weight: 700;
  color: #111;
  margin-bottom: 2.5rem;
  letter-spacing: -0.02em;
}
/* === HLAVNÍ KONTEJNER === */
.tech-info-rotating {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 6rem;
  flex-direction: row-reverse;
  padding: 5rem 4rem;
  background:rgb(252, 248, 242);
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
  overflow-x: hidden;
}

/* === LEVÝ BLOK (text) === */
.tech-info-rotating__left {
  flex: 0 0 45%;
  max-width: 540px;
  max-height: 520px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

/* === TITULEK === */
.tech-info-rotating__title {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.2;
  color: #111;
  margin-bottom: 1.5rem;
}

/* === AKORDEON === */
.tech-info-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

/* === POLOŽKY === */
.tech-info-item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 0.9rem 1.3rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

.tech-info-item.active {
  background: #f0ebe3;
}

.tech-info-item h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  color: #111;
}

/* === TEXT V AKORDEONU === */
.tech-info-item .accordion-content {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.55;
  color: #444;
  display: none;
}

.tech-info-item.active .accordion-content {
  display: block;
}

/* Podpora formátování RichText */
.tech-info-item .accordion-content p {
  margin-bottom: 0.75rem;
}

.tech-info-item .accordion-content ul,
.tech-info-item .accordion-content ol {
  margin: 0.75rem 0 0.75rem 1.2rem;
}

.tech-info-item .accordion-content strong {
  font-weight: 700;
}

.tech-info-item .accordion-content a {
  color: #d14f2b;
  text-decoration: underline;
}

/* === OBRÁZEK === */
.tech-info-rotating__image {
  flex: 0 0 40%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  max-width: 500px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.tech-info-rotating__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: opacity 0.8s ease;
}

/* === PROGRESS BAR === */
.progress-bar {
  position: absolute;
  bottom: 15px;
  left: 5%;
  width: 90%;
  height: 8px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

.progress-bar__fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #d14f2b, #ff8552);
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(209,79,43,0.8);
  transition: width linear;
}

/* === MOBILNÍ ZOBRAZENÍ === */
@media (max-width: 900px) {
  .tech-info-rotating {
    flex-direction: column;
    text-align: center;
    gap: 2rem;
    padding: 3rem 1.5rem;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .tech-info-rotating__left {
    flex: 1;
    max-width: 100%;
    max-height: none;
    overflow: visible;
  }

  .tech-info-rotating__image {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
  }

  .tech-info-rotating__title {
    font-size: 1.9rem;
  }
}
.testimonial-slider-wrapper {
  position: relative;
  width: 100vw; /* 🔥 přes celou šířku stránky */
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #f9f6f1;
  padding: 5rem 0 4rem;
  overflow: hidden;
  text-align: center;
}

/* === Nadpis celé sekce === */
.testimonial-section-heading {
  font-size: 28px; /* pevná velikost písma */
  font-weight: 700;
  color: #111;
  margin-bottom: 2.5rem;
  text-align: center;
}


/* === Slider === */
.testimonial-slider {
  display: flex;
  overflow-x: auto;
  gap: 2rem;
  scroll-snap-type: x mandatory;
  padding: 2rem 6vw;
  scroll-behavior: smooth;

  /* schovat scrollovací lištu */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.testimonial-slider::-webkit-scrollbar {
  display: none;
}

/* === Karta recenze === */
.testimonial-card {
  background: #f8f6f2;
  border-radius: 14px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  display: flex;
  flex: 0 0 460px;
  scroll-snap-align: start;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.testimonial-card img {
  width: 40%;
  object-fit: cover;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

/* === Textová část === */
.testimonial-content {
  padding: 1rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.testimonial-text {
  font-size: 14px;
  line-height: 1.6;
  color: #222;
  margin-bottom: 0.8rem;
}

.testimonial-divider {
  border: none;
  border-top: 1px solid #ddd;
  margin: 0.6rem 0 0.8rem 0;
}

.testimonial-name {
  font-weight: 600;
  font-size: 15px;
  color: #111;
}

.testimonial-subtitle {
  font-size: 13px;
  color: #666;
}

/* === MOBILNÍ VERZE === */
@media (max-width: 900px) {
  .testimonial-slider-wrapper {
    padding: 3.5rem 0 !important;
  }

  .testimonial-section-heading {
    font-size: 1.8rem !important;
    margin-bottom: 1.5rem !important;
  }

  .testimonial-slider {
    padding: 1.5rem 1rem !important;
    gap: 1rem !important;
  }

  .testimonial-card {
    flex: 0 0 85% !important;
    border-radius: 12px !important;
  }

  .testimonial-card img {
    width: 40% !important;
    border-radius: 12px 0 0 12px !important;
  }

  .testimonial-content {
    padding: 0.8rem 1rem !important;
  }

  .testimonial-text {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 0.5rem !important;
  }

  .testimonial-name {
    font-size: 0.95rem !important;
  }

  .testimonial-subtitle {
    font-size: 0.8rem !important;
  }

  .testimonial-divider {
    margin: 0.4rem 0 !important;
  }
}
.text-with-image-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 4rem 2rem;
  background: #f9f7f3;
  max-width: 1200px;
  margin: 0 auto;
}

.text-with-image-custom__content {
  flex: 1;
  max-width: 550px;
}

.text-with-image-custom__content h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* Styl pro richtext */
.text-with-image-custom__content .rte {
  font-size: 1.6rem;
  color: #333;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.text-with-image-custom__content .rte p {
  margin-bottom: 1rem;
}

.text-with-image-custom__content .rte strong {
  font-weight: 600;
}

.text-with-image-custom__content .rte a {
  color: rgb(190, 161, 146);
  text-decoration: underline;
}

/* Tlačítko */
.text-with-image-custom__button {
  display: inline-block;
  padding: 0.7rem 1.6rem;
  border-radius: 9999px;
  border: 1px solid;
  background: rgb(190, 161, 146);
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 1.6rem;
}

.text-with-image-custom__button:hover {
  background: #a34719;
  color: #fff;
}

/* Obrázek */
.text-with-image-custom__image {
  flex: 1;
  max-width: 480px;
}

.text-with-image-custom__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

/* === TABLET VERZE – stejné rozložení, jen menší === */
@media (max-width: 1024px) and (min-width: 601px) {
  .text-with-image-custom {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    padding: 3rem 1.5rem !important;
  }

  .text-with-image-custom__content h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .text-with-image-custom__content .rte {
    font-size: 1.3rem !important;
    line-height: 1.6 !important;
  }

  .text-with-image-custom__button {
    font-size: 1.4rem !important;
    padding: 0.6rem 1.4rem !important;
  }

  .text-with-image-custom__image {
    max-width: 420px !important;
  }
}

/* === Přepínání textů podle zařízení === */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

/* === MOBILNÍ VERZE – zobrazuje jen mobilní text === */
@media (max-width: 900px) {
  .text-with-image-custom {
    flex-direction: column !important;
    text-align: center !important;
  }

  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .text-with-image-custom__content {
    max-width: 100% !important;
  }

  .text-with-image-custom__content h2 {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .text-with-image-custom__content .rte {
    font-size: 1.4rem !important;
    line-height: 1.6 !important;
  }

  .text-with-image-custom__image img {
    width: 85% !important;
    margin: 0 auto !important;
  }
}
/* === 💻 Roztáhlé text-with-image sekce na desktopu === */
@media (min-width: 901px) {
  .text-with-image-custom {
    max-width: none !important;
    width: 100% !important;
    padding: 4rem 8vw !important;
    gap: 8rem !important; /* větší mezera mezi textem a obrázkem */
    justify-content: space-between !important;
    background: #f9f7f3; /* zachová barvu pozadí */
  }

  .text-with-image-custom__image {
    flex: 0 0 32% !important; /* menší obrázek */
  }

  .text-with-image-custom__image img {
    width: 100% !important;
    max-width: 480px !important; /* kontrola velikosti obrázku */
    border-radius: 10px !important;
    object-fit: cover !important;
  }

  .text-with-image-custom__content {
    flex: 0 0 50% !important;
    max-width: none !important;
  }
}
/* === ✅ SJEDNOCENÍ VELIKOSTI OBRÁZKU VE "TEXT WITH IMAGE CUSTOM" === */

/* 🖥️ Desktop – čtverec 480 × 480 px */
@media (min-width: 901px) {
  .text-with-image-custom__image {
    flex: 0 0 auto !important;
    max-width: 480px !important;
    width: 100% !important;
    height: 480px !important;
    overflow: hidden !important;
  }

  .text-with-image-custom__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }
}

/* 💻 Tablet (601–900 px) – obdélník cca 400 × 260 px */
@media (max-width: 900px) and (min-width: 601px) {
  .text-with-image-custom__image {
    width: 100% !important;
    max-width: 400px !important;
    height: 260px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
  }

  .text-with-image-custom__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }
}

/* 📱 Mobil – banner cca 390 × 200 px */
@media (max-width: 600px) {
  .text-with-image-custom__image {
    width: 90% !important;
    max-width: 390px !important;
    height: 200px !important;
    margin: 0 auto 1rem !important;
    overflow: hidden !important;
  }

  .text-with-image-custom__image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 200px !important;
    object-fit: cover !important;
    aspect-ratio: unset !important; /* 🔹 zruší čtvercový poměr, který to držel */
    border-radius: 6px !important;
    display: block !important;
  }
}
/* === TYPOGRAFICKÉ SJEDNOCENÍ podle Trust Section === */

/* Nadpis */
.text-with-image-custom__content h2 {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  color: #111 !important;
}

/* Texty (desktop + mobil) */
.text-with-image-custom__content .rte {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  margin-bottom: 20px !important;
}

/* Tlačítko */
.text-with-image-custom__button,
.text-with-image-custom a.btn-primary {
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 9999px !important;
}

/* === RESPONSIVE – stejné přechody jako Trust Section === */
@media (max-width: 900px) {
  .text-with-image-custom__content h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }

  .text-with-image-custom__content .rte {
    font-size: 15px !important;
  }

  .text-with-image-custom__button,
  .text-with-image-custom a.btn-primary {
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
}

@media (max-width: 600px) {
  .text-with-image-custom__content h2 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .text-with-image-custom__content .rte {
    font-size: 14px !important;
  }

  .text-with-image-custom__button,
  .text-with-image-custom a.btn-primary {
    font-size: 13.5px !important;
    padding: 8px 22px !important;
  }
}

@media (max-width: 420px) {
  .text-with-image-custom__content h2 {
    font-size: 18px !important;
  }

  .text-with-image-custom__content .rte {
    font-size: 13px !important;
  }

  .text-with-image-custom__button,
  .text-with-image-custom a.btn-primary {
    font-size: 13px !important;
    padding: 7px 20px !important;
  }
}
/* === Wrapper === */
.video-with-text-wrapper {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  transition: background 0.5s ease;
  z-index: 1;
}

/* 💡 Jemný stín dolů */
.video-with-text-wrapper::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
  z-index: 1;
  pointer-events: none;
}

/* === 🌑 Tmavý pás pouze za textem === */
.video-with-text-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.7) 20%,
    rgba(0, 0, 0, 0.4) 45%,
    rgba(0, 0, 0, 0.1) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 2; /* pod textem, nad pozadím */
  pointer-events: none;
}

/* === Text === */
.video-with-text-content {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 8%;
  position: relative;
  z-index: 3;
}

.video-with-text-custom__content {
  position: relative;
  z-index: 4;
  max-width: 540px;
  color: #fff;
}

.video-with-text-custom__content h2 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.8rem;
  color: #fff;
}

.video-with-text-custom__content .rte {
  font-size: 1rem;
  line-height: 1.5;
  color: #f2f2f2;
  margin-bottom: 1.5rem;
}

/* === Tlačítka === */
.hero-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.hero-btn {
  border-radius: 999px;
  padding: 0.45rem 1.1rem;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.2;
  transition: all 0.3s ease;
}

.hero-btn.primary {
  background: {{ section.settings.primary_btn_bg }};
  color: {{ section.settings.primary_btn_text }};
}
.hero-btn.primary:hover {
  background: #fff;
  color: #111;
}

.hero-btn.secondary {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.hero-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* === Video === */
.video-with-text-video {
  flex: 0 0 30%;
  height: 280px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  border-radius: 16px;
  margin-right: 5%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

.video-with-text-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

/* === Glow === */
.hero-product-glow {
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--glow-color, rgba(255, 255, 255, 0.6)) 0%, transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* === Responsive === */
@media (max-width: 900px) {
  .video-with-text-wrapper {
    flex-direction: column-reverse;
    height: auto;
    padding: 2rem 0;
  }

  .video-with-text-wrapper::before {
    display: none; /* ❌ vypneme overlay na mobilech */
  }

  .video-with-text-video {
    width: 80%;
    height: 200px;
    margin: 1rem auto 0;
  }

  .video-with-text-content {
    width: 100%;
    padding: 1rem 1.5rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.85);
  }
}
.video-with-text-wrapper {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  transition: background 0.5s ease;
  z-index: 1;
}

/* 🌑 Tmavý přechod pouze vlevo za textem */
.video-with-text-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* uprav dle potřeby */
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.6) 30%,
    rgba(0, 0, 0, 0.3) 60%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Text zůstává nad overlayem */
.video-with-text-content {
  position: relative;
  z-index: 3;
}
.why-choose {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; /* sekce přes celou šířku */
  background: #f8f6f3;
  text-align: center;
  padding: 80px 0;
}

.why-choose__heading {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 0.3rem;
  color: #111;
}

.why-choose__subheading {
  font-size: 16px;
  color: #444;
  margin-bottom: 3rem;
}

.why-choose__grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  max-width: 100%;
  gap: 0;
}

.why-choose__item {
  flex: 1;
  text-align: center;
  padding: 0 1.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.why-choose__item:last-child {
  border-right: none;
}

.why-choose__icon {
  margin-bottom: 1rem;
}

.why-choose__icon img {
  width: 36px;
  height: 36px;
  margin: 0 auto;
  display: block;
  filter: grayscale(1);
}

.why-choose__title {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-bottom: 0.3rem;
}

.why-choose__text {
  font-size: 16px;
  color: #555;
  line-height: 1.5;
  max-width: 280px;
  margin: 0 auto;
}
/* === TABLET VERZE – menší písmo === */
@media (max-width: 1024px) and (min-width: 601px) {
  .why-choose__heading {
    font-size: 21px !important; /* 🔹 menší hlavní nadpis */
  }

  .why-choose__subheading {
    font-size: 14px !important; /* 🔹 menší podnadpis */
  }

  .why-choose__title {
    font-size: 14px !important; /* 🔹 menší nadpis v kolonkách */
  }

  .why-choose__text {
    font-size: 14px !important; /* 🔹 menší text */
    line-height: 1.45 !important;
  }
}

/* === Responsivita === */
@media (max-width: 900px) {
  .why-choose {
    padding: 50px 1rem;
  }

  .why-choose__heading {
    font-size: 1.8rem;
  }

  .why-choose__subheading {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
  }

  .why-choose__grid {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 1rem;
  }

  .why-choose__item {
    flex: 0 0 75%;
    min-width: 250px;
    border-right: none;
    scroll-snap-align: start;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 1.5rem;
  }

  .why-choose__grid::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 600px) {
  .why-choose__title {
    font-size: 12px !important; /* 🔹 menší nadpis */
  }

  .why-choose__text {
    font-size: 12px !important; /* 🔹 menší text popisu */
    line-height: 1.4 !important;
  }
}
/* === TYPOGRAFICKÉ SJEDNOCENÍ podle Trust Section === */

/* Hlavní nadpis */
.why-choose__heading {
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  color: #111 !important;
}

/* Podnadpis */
.why-choose__subheading {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  margin-bottom: 25px !important;
}

/* Nadpis položky */
.why-choose__title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111 !important;
  line-height: 1.4 !important;
}

/* Text v položce */
.why-choose__text {
  font-size: 15px !important;
  color: #555 !important;
  line-height: 1.6 !important;
  max-width: 280px;
  margin: 0 auto;
}

/* === RESPONSIVE – stejné přechody jako Trust Section === */
@media (max-width: 900px) {
  .why-choose__heading {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .why-choose__subheading {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  .why-choose__title {
    font-size: 14px !important;
  }

  .why-choose__text {
    font-size: 14px !important;
  }
}

@media (max-width: 600px) {
  .why-choose__heading {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .why-choose__subheading {
    font-size: 14px !important;
  }

  .why-choose__title {
    font-size: 13.5px !important;
  }

  .why-choose__text {
    font-size: 13.5px !important;
  }
}

@media (max-width: 420px) {
  .why-choose__heading {
    font-size: 18px !important;
  }

  .why-choose__subheading {
    font-size: 13px !important;
  }

  .why-choose__title {
    font-size: 13px !important;
  }

  .why-choose__text {
    font-size: 13px !important;
  }
}