.elementor-7995 .elementor-element.elementor-element-71a3435{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7995 .elementor-element.elementor-element-f28bd81{--display:flex;}@media(max-width:767px){.elementor-7995 .elementor-element.elementor-element-71a3435{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-7995 .elementor-element.elementor-element-71a3435{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-678347a *//* ============================================================
   HOTELY PAGE – .ht- prefix, no global styles
============================================================ */

.ht-thermal-hero p,
.ht-cta-bar p,
.ht-cta-final p,
.ht-ostatni-wrap p,
.ht-popup-box p,
.ht-section p,
.ht-feature p,
.ht-reviews p {
  margin-bottom: 0 !important;
}

/* --- BUTTONS --- */
.ht-btn-primary {
  display: inline-block;
  background-color: #18633D;
  color: #ffffff !important;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #18633D;
  border-radius: 0;
  padding: 17px 37px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
  line-height: 1;
}
.ht-btn-primary:hover {
  background-color: #0f4228;
  border-color: #0f4228;
  color: #ffffff !important;
}

.ht-btn-outline {
  display: inline-block;
  background-color: transparent;
  color: #313131 !important;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #313131;
  border-radius: 0;
  padding: 17px 17px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  line-height: 1;
}
.ht-btn-outline:hover {
  background-color: #313131;
  color: #ffffff !important;
}

.ht-btn-outline-green {
  display: inline-block;
  background-color: transparent;
  color: #18633D !important;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #18633D;
  border-radius: 0;
  padding: 17px 37px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  line-height: 1;
}
.ht-btn-outline-green:hover {
  background-color: #18633D;
  color: #ffffff !important;
}

.ht-btn-outline-dark {
  display: inline-block;
  background-color: transparent;
  color: #313131 !important;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #313131;
  border-radius: 0;
  padding: 17px 37px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  line-height: 1;
}
.ht-btn-outline-dark:hover {
  background-color: #313131;
  color: #ffffff !important;
}

/* ============================================================
   THERMAL HERO (původní)
============================================================ */
.ht-thermal-hero {
  display: grid;
  grid-template-columns: 47% 53%;
  overflow: hidden;
  border: 1px solid #e8e8e4;
}
.ht-thermal-hero__left { display: flex; flex-direction: column; }
.ht-thermal-hero__main-img { overflow: hidden; flex: 1; min-height: 300px; position: relative; }
.ht-thermal-hero__main-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.ht-thermal-hero__main-img:hover img { transform: scale(1.03); }
.ht-thermal-hero__thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: 3px; }
.ht-thermal-hero__thumb { overflow: hidden; height: 250px; position: relative; }
.ht-thermal-hero__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ht-thermal-hero__thumb:hover img { transform: scale(1.05); }
.ht-thermal-hero__content { background-color: #ffffff; padding: 56px 52px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #e8e8e4; }
.ht-thermal-hero__stars { display: flex; gap: 3px; margin-bottom: 16px; }
.ht-thermal-hero__stars span { color: #c0a068; font-size: 18px; line-height: 1; }

.ht-thermal-hero__title {
  font-family: "Libre Caslon Text", "Georgia", serif !important;
  font-size: 48px !important; font-weight: 400 !important; line-height: 1.05 !important;
  color: #313131 !important; margin: 0 0 20px 0 !important; padding: 0 !important;
  background: none !important; text-shadow: none !important;
}
.ht-thermal-hero__text { font-size: 18px; font-weight: 300; letter-spacing: 0.5px; color: #313131; line-height: 1.75; margin-bottom: 28px; }

.ht-thermal-hero__usps {
  list-style: none; padding: 0 !important; margin: 24px 0 32px 0;
  display: flex; flex-direction: column; gap: 0;
}
.ht-thermal-hero__usps li {
  display: flex; align-items: flex-start; gap: 12px;
  font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400;
  letter-spacing: 0.5px; color: #313131; line-height: 1.5; padding: 7px 0;
}

.ht-usp-icon {
  display: flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; min-width: 22px; border-radius: 50%;
  background-color: #c0a068; margin-top: 1px;
}
.ht-usp-icon svg { width: 11px; height: 11px; fill: #ffffff; }

.ht-thermal-hero__buttons { display: flex; gap: 12px; flex-wrap: nowrap; margin-top: 8px; }

.ht-thermal-icon-usps {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px;
  margin-bottom: 42px; margin-top: 32px;
}
.ht-thermal-icon-usp {
  display: flex; align-items: center; gap: 12px;
  background-color: #f5f5f3; padding: 16px 18px;
}
.ht-thermal-icon-usp svg {
  width: 28px; height: 28px; min-width: 28px;
  stroke: #c0a068; fill: none; stroke-width: 1.5;
  stroke-linecap: round; stroke-linejoin: round;
}
.ht-thermal-icon-usp__text {
  font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600;
  color: #313131; line-height: 1.35; text-transform: uppercase; letter-spacing: 0.04em;
}

/* ============================================================
   SECTION (společné nadpisy)
============================================================ */
.ht-section {
  padding: 32px 0 80px;
}
.ht-section__head {
  margin-bottom: 40px;
}
.ht-section__head--center {
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.ht-section__eyebrow {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #c0a068;
  margin-bottom: 12px;
}
.ht-section__title {
  font-family: "Libre Caslon Text", "Georgia", serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  color: #313131 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: none !important;
  line-height: 1.1 !important;
}
.ht-section__sub {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #666;
  line-height: 1.7;
  max-width: 640px;
}
.ht-section__head--center .ht-section__sub {
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   POKOJE – grid 4 sloupce (užší karty)
============================================================ */
.ht-rooms {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.ht-room-card {
  background-color: #ffffff;
  border: 1px solid #e8e8e4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ht-room-card__image {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  cursor: pointer;
}
.ht-room-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.ht-room-card__image:hover img {
  transform: scale(1.04);
}
.ht-room-card__body {
  padding: 26px 24px 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ht-room-card__label {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c0a068;
  margin-bottom: 8px;
}
.ht-room-card__name {
  font-family: "Libre Caslon Text", "Georgia", serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #313131 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: none !important;
  line-height: 1.15 !important;
}
.ht-room-card__text {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.4px;
  color: #313131;
  line-height: 1.65;
  margin-bottom: 16px;
}
.ht-room-card__features {
  list-style: none;
  padding: 0 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.ht-room-card__features li {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #555;
  line-height: 1.45;
  padding: 8px 0;
  border-bottom: 1px solid #f0ede8;
  position: relative;
  padding-left: 16px;
}
.ht-room-card__features li::before {
  content: '·';
  position: absolute;
  left: 3px;
  color: #c0a068;
  font-size: 22px;
  line-height: 1;
  top: 4px;
}
.ht-room-card__features li:first-child {
  border-top: 1px solid #f0ede8;
}

/* ============================================================
   FEATURE – horizontální blok foto + text
============================================================ */
.ht-feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  padding: 60px 0 80px;
}
.ht-feature--reverse .ht-feature__image {
  order: 2;
}
.ht-feature__image {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  cursor: pointer;
}
.ht-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.ht-feature__image:hover img {
  transform: scale(1.04);
}
.ht-feature__eyebrow {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #c0a068;
  margin-bottom: 12px;
}
.ht-feature__title {
  font-family: "Libre Caslon Text", "Georgia", serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  color: #313131 !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  background: none !important;
  line-height: 1.15 !important;
}
.ht-feature__text {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #313131;
  line-height: 1.75;
  margin-bottom: 28px;
}
.ht-feature__list {
  list-style: none;
  padding: 0 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ht-feature__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #313131;
  line-height: 1.5;
  padding: 9px 0;
  border-bottom: 1px solid #f0ede8;
}
.ht-feature__list li:first-child {
  border-top: 1px solid #f0ede8;
}

/* ============================================================
   RECENZE
============================================================ */
.ht-reviews {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.ht-review {
  background-color: #fafaf8;
  border: 1px solid #e8e8e4;
  padding: 32px 30px;
  display: flex;
  flex-direction: column;
}
.ht-review__stars {
  display: flex;
  gap: 3px;
  margin-bottom: 16px;
}
.ht-review__stars span {
  color: #c0a068;
  font-size: 15px;
  line-height: 1;
}
.ht-review__text {
  font-family: "Libre Caslon Text", "Georgia", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  color: #313131;
  line-height: 1.6;
  margin-bottom: 20px;
  flex: 1;
}
.ht-review__author {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #313131;
}
.ht-review__author span {
  font-weight: 400;
  color: #888;
}

/* ============================================================
   FINÁLNÍ CTA BAR – tlačítko zarovnané na střed
============================================================ */
.ht-cta-final {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0 40px;
  margin-top: 20px;
}

/* ============================================================
   PŮVODNÍ CTA BAR (zachováno pro kompatibilitu)
============================================================ */
.ht-cta-bar {
  padding: 40px 0;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

/* ============================================================
   OSTATNÍ HOTELY (původní)
============================================================ */
.ht-ostatni-wrap { overflow: hidden; max-height: 0; transition: max-height 0.6s ease; }
.ht-ostatni-wrap.ht-open { max-height: 8000px; }
.ht-ostatni-header { padding: 52px 0 32px; border-top: 1px solid #e8e8e4; }
.ht-ostatni-header__title {
  font-family: "Libre Caslon Text", "Georgia", serif !important;
  font-size: 40px !important; font-weight: 400 !important;
  color: #313131 !important; margin: 0 0 8px 0 !important;
  padding: 0 !important; background: none !important;
}
.ht-ostatni-header__sub { font-size: 18px; font-weight: 300; letter-spacing: 0.5px; color: #888; }

.ht-hotel-card { display: grid; grid-template-columns: 40% 60%; border: 1px solid #e8e8e4; margin-bottom: 39px; overflow: hidden; }
.ht-hotel-card__image { overflow: hidden; cursor: pointer; position: relative; }
.ht-hotel-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ht-hotel-card:hover .ht-hotel-card__image img { transform: scale(1.04); }
.ht-hotel-card__gallery { display: flex; flex-direction: column; }
.ht-hotel-card__main-img { overflow: hidden; height: 280px; cursor: pointer; }
.ht-hotel-card__main-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ht-hotel-card__main-img:hover img { transform: scale(1.03); }
.ht-hotel-card__thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: 3px; }
.ht-hotel-card__thumb { overflow: hidden; height: 160px; cursor: pointer; }
.ht-hotel-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ht-hotel-card__thumb:hover img { transform: scale(1.05); }

/* lightbox */
.ht-lightbox { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.88); justify-content: center; align-items: center; z-index: 999999; cursor: zoom-out; }
.ht-lightbox.ht-active { display: flex; }
.ht-lightbox img { max-width: 90vw; max-height: 88vh; object-fit: contain; display: block; cursor: default; }
.ht-lightbox__close { position: absolute; top: 20px; right: 24px; font-size: 32px; font-weight: 300; color: rgba(255,255,255,0.7); cursor: pointer; background: none; border: none; line-height: 1; transition: color 0.2s; }
.ht-lightbox__close:hover { color: #ffffff; }

.ht-hotel-card__body { padding: 40px 44px; display: flex; flex-direction: column; justify-content: center; background-color: #ffffff; }
.ht-hotel-card__stars { display: flex; gap: 3px; margin-bottom: 12px; }
.ht-hotel-card__stars span { color: #c0a068; font-size: 15px; line-height: 1; }
.ht-hotel-card__name {
  font-family: "Libre Caslon Text", "Georgia", serif !important;
  font-size: 36px !important; font-weight: 400 !important;
  color: #313131 !important; margin: 0 0 20px 0 !important;
  padding: 0 !important; background: none !important; line-height: 1.1 !important;
}
.ht-hotel-card__text { font-size: 18px; font-weight: 300; letter-spacing: 0.5px; color: #313131; line-height: 1.75; margin-bottom: 20px; }
.ht-hotel-card__usps { list-style: none; padding: 0 !important; margin: 0 0 28px 0; display: flex; flex-direction: column; gap: 0; }
.ht-hotel-card__usps li { display: flex; align-items: flex-start; gap: 10px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; color: #313131; line-height: 1.5; padding: 11px 0; border-bottom: 1px solid #f0ede8; }
.ht-hotel-card__usps li:first-child { border-top: 1px solid #f0ede8; }
.ht-hotel-card__buttons { display: flex; gap: 12px; flex-wrap: wrap; }

/* POPUP */
.ht-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.55); justify-content: center; align-items: center; z-index: 99999; }
.ht-popup-overlay.ht-active { display: flex; }
.ht-popup-box { background-color: #ffffff; padding: 52px 44px 44px; max-width: 560px; width: 92%; position: relative; box-shadow: 0 20px 70px rgba(0,0,0,0.18); }
.ht-popup-close { position: absolute; top: 14px; right: 18px; font-size: 26px; font-weight: 300; cursor: pointer; color: #aaa; line-height: 1; background: none; border: none; padding: 0; transition: color 0.2s; }
.ht-popup-close:hover { color: #313131; }
.ht-popup-title { font-family: "Libre Caslon Text", "Georgia", serif !important; font-size: 28px !important; font-weight: 400 !important; color: #313131 !important; margin: 0 0 8px 0 !important; padding: 0 !important; background: none !important; }
.ht-popup-subtitle { font-size: 16px; font-weight: 300; letter-spacing: 0.5px; color: #888; margin-bottom: 24px; line-height: 1.6; }

/* ============================================================
   RESPONSIVE
============================================================ */

/* === TABLET (≤960px) === */
@media (max-width: 960px) {
  /* Hero – pod sebou */
  .ht-thermal-hero { grid-template-columns: 1fr; }
  .ht-thermal-hero__main-img { height: 55vw; min-height: 0; }
  .ht-thermal-hero__thumb { height: 28vw; }
  .ht-thermal-hero__content {
    padding: 40px 28px;
    border-left: none;
    border-top: 1px solid #e8e8e4;
  }
  .ht-thermal-hero__title { font-size: 36px !important; }
  .ht-thermal-hero__text { font-size: 16px; }

  /* Tlačítka v hero – ať se zalomí */
  .ht-thermal-hero__buttons { flex-wrap: wrap; }
  .ht-thermal-hero__buttons .ht-btn-primary,
  .ht-thermal-hero__buttons .ht-btn-outline-dark { flex: 1 1 auto; text-align: center; }

  /* Icon USPs – stále 3 vedle sebe ale menší */
  .ht-thermal-icon-usp { padding: 14px 14px; gap: 10px; }
  .ht-thermal-icon-usp svg { width: 24px; height: 24px; min-width: 24px; }
  .ht-thermal-icon-usp__text { font-size: 12px; }

  /* Section nadpisy */
  .ht-section { padding: 16px 0 56px; }
  .ht-section__title { font-size: 32px !important; }
  .ht-section__sub { font-size: 16px; }

  /* Pokoje 4 → 2 sloupce */
  .ht-rooms { grid-template-columns: 1fr 1fr; gap: 16px; }

  /* Feature bloky – pod sebou, reverse zruší pořadí */
  .ht-feature {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 40px 0 56px;
  }
  .ht-feature--reverse .ht-feature__image { order: 0; }
  .ht-feature__title { font-size: 30px !important; }
  .ht-feature__text { font-size: 16px; }

  /* Recenze 3 → 1 sloupec */
  .ht-reviews { grid-template-columns: 1fr; gap: 16px; }

  /* Final CTA */
  .ht-cta-final { padding: 40px 0 32px; }

  /* Partnerské hotely karty – pod sebou */
  .ht-hotel-card {
    grid-template-columns: 1fr;
    margin-bottom: 28px;
  }
  .ht-hotel-card__main-img { height: 240px; }
  .ht-hotel-card__thumb { height: 120px; }
  .ht-hotel-card__body { padding: 32px 28px; }
  .ht-hotel-card__name { font-size: 30px !important; }
  .ht-hotel-card__text { font-size: 16px; }

  /* Ostatní header */
  .ht-ostatni-header { padding: 40px 0 28px; }
  .ht-ostatni-header__title { font-size: 32px !important; }
  .ht-ostatni-header__sub { font-size: 16px; }
}

/* === MOBIL (≤640px) === */
@media (max-width: 640px) {
  /* Hero – menší paddingy */
  .ht-thermal-hero__content { padding: 32px 22px; }
  .ht-thermal-hero__title { font-size: 30px !important; line-height: 1.1 !important; }
  .ht-thermal-hero__text { font-size: 15px; line-height: 1.65; }
  .ht-thermal-hero__main-img { height: 60vw; }
  .ht-thermal-hero__thumb { height: 32vw; }

  /* USPs uvnitř hero – menší font */
  .ht-thermal-hero__usps li { font-size: 13px; gap: 10px; }

  /* Icon USPs – 3 → 1 sloupec na velmi malém */
  .ht-thermal-icon-usps { grid-template-columns: 1fr; gap: 6px; margin-bottom: 32px; }
  .ht-thermal-icon-usp { padding: 14px 16px; }
  .ht-thermal-icon-usp__text { font-size: 13px; }
  /* Při 1 sloupci nepotřebujeme zalomení v textu */
  .ht-thermal-icon-usp__text br { display: none; }

  /* Hero buttons – pod sebou plná šířka */
  .ht-thermal-hero__buttons { flex-direction: column; gap: 10px; }
  .ht-thermal-hero__buttons .ht-btn-primary,
  .ht-thermal-hero__buttons .ht-btn-outline-dark {
    width: 100%;
    padding: 16px 24px;
    font-size: 15px;
  }

  /* Section nadpisy */
  .ht-section { padding: 8px 0 44px; }
  .ht-section__title { font-size: 28px !important; }
  .ht-section__head { margin-bottom: 28px; }
  .ht-section__sub { font-size: 15px; }

  /* Pokoje 2 → 1 sloupec */
  .ht-rooms { grid-template-columns: 1fr; gap: 16px; }
  .ht-room-card__body { padding: 24px 22px 28px; }
  .ht-room-card__name { font-size: 26px !important; }
  .ht-room-card__text { font-size: 14px; }

  /* Feature bloky */
  .ht-feature { padding: 32px 0 44px; gap: 24px; }
  .ht-feature__title { font-size: 26px !important; }
  .ht-feature__text { font-size: 15px; line-height: 1.7; }
  .ht-feature__list li { font-size: 13px; }

  /* Recenze */
  .ht-review { padding: 28px 24px; }
  .ht-review__text { font-size: 16px; }

  /* CTA */
  .ht-cta-final { padding: 28px 0 24px; }
  .ht-cta-final .ht-btn-outline-green {
    width: 100%;
    padding: 16px 24px;
    font-size: 15px;
    text-align: center;
  }

  /* Partnerské hotely */
  .ht-hotel-card__main-img { height: 200px; }
  .ht-hotel-card__thumb { height: 100px; }
  .ht-hotel-card__body { padding: 24px 22px; }
  .ht-hotel-card__name { font-size: 26px !important; }
  .ht-hotel-card__text { font-size: 15px; }
  .ht-hotel-card__buttons { flex-direction: column; gap: 10px; }
  .ht-hotel-card__buttons .ht-btn-primary,
  .ht-hotel-card__buttons .ht-btn-outline {
    width: 100%;
    padding: 15px 20px;
    font-size: 14px;
    text-align: center;
  }

  /* Ostatní header */
  .ht-ostatni-header__title { font-size: 28px !important; }
  .ht-ostatni-header__sub { font-size: 15px; }

  /* Popup – padding na malých displejích */
  .ht-popup-box { padding: 44px 24px 28px; }
  .ht-popup-title { font-size: 24px !important; }
  .ht-popup-subtitle { font-size: 14px; }

  /* Lightbox – menší zavírací křížek */
  .ht-lightbox__close { top: 12px; right: 14px; font-size: 28px; }
}

/* === MALÝ MOBIL (≤400px) === */
@media (max-width: 400px) {
  /* Hero – ještě menší */
  .ht-thermal-hero__content { padding: 28px 18px; }
  .ht-thermal-hero__title { font-size: 26px !important; }

  /* Section */
  .ht-section__title { font-size: 24px !important; }

  /* Pokoje */
  .ht-room-card__name { font-size: 22px !important; }

  /* Feature */
  .ht-feature__title { font-size: 22px !important; }

  /* Partnerské hotely */
  .ht-hotel-card__name { font-size: 22px !important; }
}/* End custom CSS */