/* HOTEL HORAL – Wellness & Spa / kompletni nahrada CSS */

.wl-max.pos-r > img,
.wl-max.pos-r picture {
  display:none !important;
}

.wl-max.pos-r {
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.hh-wellnessPage,
.hh-wellnessPage * {
  box-sizing:border-box;
}

.hh-wellnessPage {
  background:#f6f4ef;
  color:#0f1511;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.hh-wellnessPage a {
  color:inherit;
}

.hh-wellnessPage .hh-hero {
  position:relative;
  overflow:hidden;
  border-radius:0;
  background:#0f1511;
  box-shadow:none;
}

.hh-wellnessPage .hh-hero > img {
  display:block;
  width:100%;
  height:clamp(560px,78vh,900px);
  object-fit:cover;
  object-position:center 46%;
  transform:scale(1.01);
}

.hh-wellnessPage .hh-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(10,14,12,.52) 0%,rgba(10,14,12,.28) 42%,rgba(10,14,12,.08) 100%);
}

.hh-wellnessPage .hh-hero__content {
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:0 0 clamp(18px,6vh,72px) clamp(16px,3vw,48px);
}

.hh-wellnessPage .hh-hero__content .wl-xl {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.hh-wellnessPage .hh-hero__box {
  max-width:720px;
  margin:0 auto 0 0 !important;
  padding:clamp(32px,4vw,54px);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:0 28px 28px 0 !important;
  background:rgba(10,14,12,.64);
  box-shadow:0 30px 70px rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

.hh-wellnessPage .hh-hero__kicker {
  display:inline-flex;
  align-items:center;
  padding:.45rem .9rem;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:.95rem;
}

.hh-wellnessPage .hh-hero__title {
  margin:.95rem 0 1.15rem;
  color:#fff;
  font-size:clamp(2.1rem,4.8vw,3.65rem);
  line-height:1.02;
  letter-spacing:-.02em;
  text-shadow:0 14px 34px rgba(0,0,0,.25);
}

.hh-wellnessPage .hh-hero__sub {
  max-width:60ch;
  margin:0 0 .75rem;
  color:rgba(255,255,255,.9);
  font-size:1.05rem;
  line-height:1.6;
}

.hh-wellnessPage .hh-hero__sub--strong {
  color:rgba(255,255,255,.96);
  font-size:1.08rem;
}

.hh-wellnessPage .hh-hero__cta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.9rem;
  margin-top:1.2rem;
}

.hh-wellnessPage .hh-ctaBtn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.95rem 1.15rem;
  border-radius:12px !important;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}

.hh-wellnessPage .hh-ctaBtn--primary {
  color:#0f1511;
  border:1px solid rgba(255,255,255,.35);
  background:#fff;
}

.hh-wellnessPage .hh-ctaBtn--outline {
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  background:transparent;
}

.hh-wellnessPage .hh-ctaBtn:hover {
  transform:translateY(-1px);
}

.hh-wellnessPage .hh-rhythmStory__kicker {
  text-transform:uppercase;
}

.hh-wellnessPage .hh-rhythmStory__link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0 0 5px;
  color:#0b0f0c;
  border-bottom:1px solid rgba(11,15,12,.35);
  font-size:14px;
  line-height:1.3;
  font-weight:600;
  text-decoration:none;
}

.hh-wellnessPage .hh-staysEditorial__inner {
  width:100%;
  max-width:1240px;
  margin:0 auto;
}

.hh-wellnessPage .hh-staysEditorial__head {
  width:100%;
  max-width:620px;
  margin:0 0 72px;
}

.hh-wellnessPage .hh-staysEditorial__kicker {
  margin:0 0 20px;
  color:#9a6d50;
  font-size:11px;
  line-height:1.3;
  font-weight:400;
  letter-spacing:2px;
  text-transform:uppercase;
}

.hh-wellnessPage .hh-staysEditorial__title {
  margin:0 0 28px;
  color:#000;
  font-size:46px;
  line-height:1.02;
  font-weight:700;
  letter-spacing:-1.5px;
}

.hh-wellnessPage .hh-staysEditorial__lead {
  margin:0;
  color:#111;
  font-size:15px;
  line-height:1.7;
}

.hh-wellnessPage .hh-staysEditorial__grid {
  display:flex !important;
  flex-direction:row !important;
  width:100%;
  gap:34px;
  margin:0;
  padding:0;
  align-items:stretch;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card {
  display:block !important;
  flex:0 0 calc((100% - 34px) / 2) !important;
  width:calc((100% - 34px) / 2);
  max-width:calc((100% - 34px) / 2);
  min-width:0;
  margin:0;
  padding:0;
}

.hh-wellnessPage .hh-staysEditorial__card > .hh-staysEditorial__media {
  display:block;
  width:100%;
  max-width:none;
  height:430px;
  margin:0 0 25px;
  overflow:hidden;
  border-radius:14px;
  background:#e8e4dc;
}

.hh-wellnessPage .hh-staysEditorial__media img {
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
  transition:transform .5s ease;
}

.hh-wellnessPage .hh-staysEditorial__media:hover img {
  transform:scale(1.025);
}

.hh-wellnessPage .hh-staysEditorial__eyebrow {
  margin:0 0 13px;
  color:#9a6d50;
  font-size:10px;
  line-height:1.3;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

.hh-wellnessPage .hh-staysEditorial__cardTitle {
  margin:0 0 18px;
  color:#000;
  font-size:30px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-.8px;
}

.hh-wellnessPage .hh-staysEditorial__text {
  max-width:500px;
  margin:0 0 16px;
  color:#111;
  font-size:14px;
  line-height:1.65;
}

.hh-wellnessPage .hh-staysEditorial__link {
  display:inline-block;
  margin-top:0;
  padding:0 0 6px;
  color:#000;
  border-bottom:1px solid #aaa;
  font-size:14px;
  line-height:1.3;
  font-weight:600;
  text-decoration:none;
}

.hh-wellnessPage .hh-staysEditorial__link span {
  display:inline-block;
  margin-left:12px;
}

.hh-wellnessPage .hh-staysEditorial__link:hover {
  border-bottom-color:#000;
}

.hh-wellnessPage .hh-rhythmStory {
  padding:100px 0;
  background:#fff;
}

.hh-wellnessPage .hh-rhythmStory__grid {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:72px;
  align-items:center;
}

.hh-wellnessPage .hh-rhythmStory__media {
  overflow:hidden;
  border-radius:16px;
}

.hh-wellnessPage .hh-rhythmStory__media img {
  display:block;
  width:100%;
  height:540px;
  object-fit:cover;
  object-position:center;
}

.hh-wellnessPage .hh-rhythmStory__content {
  max-width:520px;
}

.hh-wellnessPage .hh-rhythmStory__kicker {
  margin:0 0 22px;
  color:#8a6f5a;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.18em;
}

.hh-wellnessPage .hh-rhythmStory__title {
  margin:0 0 28px;
  font-size:clamp(36px,3.1vw,54px);
  line-height:.98;
  font-weight:700;
  letter-spacing:-.035em;
}

.hh-wellnessPage .hh-rhythmStory__text {
  max-width:460px;
  margin:0 0 25px;
  font-size:16px;
  line-height:1.7;
}

.hh-wellnessPage .hh-rhythmStory__link:hover {
  border-color:currentColor;
}

@media (min-width:769px) {
.hh-wellnessPage .hh-rhythmStory--evening .hh-rhythmStory__media {
  order:2;
}

.hh-wellnessPage .hh-rhythmStory--evening .hh-rhythmStory__content {
  order:1;
}
}

.hh-wellnessPage .hh-bookingClose {
  width:100%;
  margin:0;
  padding:0;
  color:#11110f;
  background:#fff;
}

.hh-wellnessPage .hh-bookingClose__inner {
  width:min(900px,calc(100% - 48px));
  margin:0 auto;
  padding:105px 0 62px;
  text-align:center;
}

.hh-wellnessPage .hh-bookingClose__kicker {
  margin:0 0 22px;
  color:#b96f4b;
  font-size:11px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:.21em;
  text-transform:uppercase;
}

.hh-wellnessPage .hh-bookingClose__title {
  max-width:760px;
  margin:0 auto;
  color:#11110f !important;
  font-size:clamp(44px,4.2vw,62px);
  line-height:.99;
  font-weight:700;
  letter-spacing:-.045em;
}

.hh-wellnessPage .hh-bookingClose__text {
  margin:27px 0 0;
  color:#44413d !important;
  font-size:16px;
  line-height:1.55;
}

.hh-wellnessPage .hh-bookingClose__link {
  display:inline-flex;
  align-items:center;
  gap:18px;
  margin-top:28px;
  padding:0 0 7px;
  color:#11110f !important;
  border-bottom:1px solid rgba(17,17,15,.4);
  font-size:15px;
  line-height:1.2;
  font-weight:600;
  text-decoration:none !important;
  transition:gap .25s ease,border-color .25s ease;
}

.hh-wellnessPage .hh-bookingClose__link:hover {
  border-bottom-color:#11110f;
}

.hh-wellnessPage .hh-bookingClose__link:hover span {
  transform:translateX(5px);
}

@media (max-width:1024px) {
.hh-wellnessPage .hh-staysEditorial__head {
  max-width:560px;
  margin-bottom:55px;
}

.hh-wellnessPage .hh-staysEditorial__title {
  font-size:40px;
}

.hh-wellnessPage .hh-staysEditorial__grid {
  gap:22px;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card {
  flex-basis:calc((100% - 22px) / 2) !important;
  width:calc((100% - 22px) / 2);
  max-width:calc((100% - 22px) / 2);
}

.hh-wellnessPage .hh-staysEditorial__media {
  height:360px;
}

.hh-wellnessPage .hh-staysEditorial__cardTitle {
  font-size:25px;
}
}

@media (max-width:768px) {
.hh-wellnessPage .hh-hero {
  display:block;
}

.hh-wellnessPage .hh-hero > img {
  height:420px !important;
}

.hh-wellnessPage .hh-hero__content {
  position:relative !important;
  inset:auto !important;
  display:block !important;
  padding:0 !important;
}

.hh-wellnessPage .hh-hero__box {
  position:relative !important;
  max-width:100% !important;
  margin:-30px 16px 0 !important;
  padding:26px 22px !important;
  border-radius:22px !important;
  background:#0f1511 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
}

@media (max-width:768px) {
.hh-wellnessPage .hh-staysEditorial__head {
  width:auto;
  max-width:none;
  margin:0 0 34px;
  padding:0 21px;
}

.hh-wellnessPage .hh-staysEditorial__title {
  margin-bottom:20px;
  font-size:32px;
}

.hh-wellnessPage .hh-staysEditorial__lead br {
  display:none;
}

.hh-wellnessPage .hh-staysEditorial__grid {
  display:flex !important;
  flex-direction:row !important;
  width:auto !important;
  gap:12px;
  margin:0 !important;
  padding:0 0 18px !important;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  scroll-padding-left:21px;
  -webkit-overflow-scrolling:touch;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card {
  flex:0 0 82% !important;
  width:82%;
  max-width:82%;
  min-width:82%;
  scroll-snap-align:start;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card:first-child {
  margin-left:21px !important;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card:last-child {
  margin-right:21px !important;
}

.hh-wellnessPage .hh-staysEditorial__media {
  height:465px;
  margin-bottom:18px;
  border-radius:12px;
}

.hh-wellnessPage .hh-staysEditorial__eyebrow {
  margin-bottom:9px;
  font-size:9px;
}

.hh-wellnessPage .hh-staysEditorial__cardTitle {
  margin-bottom:14px;
  font-size:24px;
}

.hh-wellnessPage .hh-staysEditorial__text {
  max-width:100%;
  margin-bottom:14px;
  font-size:13px;
}

.hh-wellnessPage .hh-rhythmStory {
  padding:64px 0 72px;
}

.hh-wellnessPage .hh-rhythmStory .wl-xl {
  padding-right:20px;
  padding-left:20px;
}

.hh-wellnessPage .hh-rhythmStory__grid {
  display:block;
}

.hh-wellnessPage .hh-rhythmStory__media {
  margin-bottom:42px;
  border-radius:14px;
}

.hh-wellnessPage .hh-rhythmStory__media img {
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
}

.hh-wellnessPage .hh-rhythmStory__content {
  max-width:none;
}

.hh-wellnessPage .hh-rhythmStory__title {
  margin-bottom:24px;
  font-size:38px;
}

.hh-wellnessPage .hh-bookingClose__inner {
  width:calc(100% - 40px);
  padding:68px 0 48px;
}

.hh-wellnessPage .hh-bookingClose__title {
  max-width:360px;
  font-size:38px;
  line-height:1.02;
}

.hh-wellnessPage .hh-bookingClose__title br {
  display:none;
}
}

@media (max-width:480px) {
.hh-wellnessPage .hh-staysEditorial__head,
.hh-wellnessPage .hh-staysEditorial__grid {
  padding-right:16px;
  padding-left:16px;
}

.hh-wellnessPage .hh-staysEditorial__grid {
  padding-right:0 !important;
  padding-left:0 !important;
  scroll-padding-left:16px;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card:first-child {
  margin-left:16px !important;
}

.hh-wellnessPage .hh-staysEditorial__grid > .hh-staysEditorial__card:last-child {
  margin-right:16px !important;
}

.hh-wellnessPage .hh-staysEditorial__media {
  height:430px;
}
}

@media (prefers-reduced-motion:reduce) {
.hh-wellnessPage .hh-staysEditorial__media img {
  transition:none;
}
}

.hh-wellnessPage .hh-wellnessPaths {
  padding:115px 0 125px;
  background:#fff;
}

.hh-wellnessPage .hh-wellnessPaths__head,
.hh-wellnessPage .hh-wellnessOffers__head,
.hh-wellnessPage .hh-wellnessPractical__head,
.hh-wellnessPage .hh-wellnessFaq__head {
  max-width:760px;
  margin:0 0 66px;
}

.hh-wellnessPage .hh-wellnessPaths__kicker,
.hh-wellnessPage .hh-wellnessNumbers__kicker,
.hh-wellnessPage .hh-wellnessOffers__kicker,
.hh-wellnessPage .hh-wellnessPractical__kicker,
.hh-wellnessPage .hh-wellnessFaq__kicker {
  margin:0 0 20px;
  color:#9a6d50;
  font-size:11px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.hh-wellnessPage .hh-wellnessPaths__title,
.hh-wellnessPage .hh-wellnessNumbers__title,
.hh-wellnessPage .hh-wellnessOffers__title,
.hh-wellnessPage .hh-wellnessPractical__title,
.hh-wellnessPage .hh-wellnessFaq__title {
  margin:0 0 24px;
  color:#0b0f0c;
  font-size:clamp(42px,3.7vw,58px);
  line-height:.98;
  font-weight:650;
  letter-spacing:-.045em;
}

.hh-wellnessPage .hh-wellnessPaths__lead,
.hh-wellnessPage .hh-wellnessOffers__lead {
  max-width:620px;
  margin:0;
  color:#414540;
  font-size:16px;
  line-height:1.65;
}

.hh-wellnessPage .hh-wellnessPaths__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.hh-wellnessPage .hh-wellnessPath {
  min-width:0;
}

.hh-wellnessPage .hh-wellnessPath__media {
  display:block;
  height:390px;
  overflow:hidden;
  border-radius:14px;
  background:#e7e2da;
}

.hh-wellnessPage .hh-wellnessPath__media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.hh-wellnessPage .hh-wellnessPath__media:hover img {
  transform:scale(1.025);
}

.hh-wellnessPage .hh-wellnessPath__body {
  padding:23px 2px 0;
}

.hh-wellnessPage .hh-wellnessPath__body > span {
  display:block;
  margin:0 0 11px;
  color:#9a6d50;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.15em;
}

.hh-wellnessPage .hh-wellnessPath__body h3 {
  margin:0 0 13px;
  color:#0b0f0c;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.025em;
}

.hh-wellnessPage .hh-wellnessPath__body p {
  min-height:69px;
  margin:0 0 18px;
  color:#4b4d49;
  font-size:13px;
  line-height:1.6;
}

.hh-wellnessPage .hh-wellnessPath__body a,
.hh-wellnessPage .hh-wellnessOffer__body a {
  display:inline-flex;
  padding:0 0 5px;
  color:#0b0f0c;
  border-bottom:1px solid rgba(11,15,12,.34);
  font-size:13px;
  line-height:1.3;
  font-weight:600;
  text-decoration:none;
}

.hh-wellnessPage .hh-wellnessNumbers {
  padding:110px 0 115px;
  color:#fff;
  background:#0c120e;
}

.hh-wellnessPage .hh-wellnessNumbers__head {
  max-width:760px;
  margin:0 0 68px;
}

.hh-wellnessPage .hh-wellnessNumbers__kicker {
  color:#c4926e;
}

.hh-wellnessPage .hh-wellnessNumbers__title {
  color:#fff;
}

.hh-wellnessPage .hh-wellnessNumbers__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.18);
}

.hh-wellnessPage .hh-wellnessNumbers__grid > div {
  padding:30px 32px 5px 0;
}

.hh-wellnessPage .hh-wellnessNumbers__grid > div + div {
  padding-left:32px;
  border-left:1px solid rgba(255,255,255,.14);
}

.hh-wellnessPage .hh-wellnessNumbers__grid strong {
  display:block;
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(38px,3.4vw,54px);
  line-height:1;
  font-weight:600;
  letter-spacing:-.045em;
}

.hh-wellnessPage .hh-wellnessNumbers__grid strong span {
  color:#c4926e;
}

.hh-wellnessPage .hh-wellnessNumbers__grid p {
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.5;
}

.hh-wellnessPage .hh-wellnessRituals__facts {
  margin:4px 0 30px;
  border-top:1px solid rgba(11,15,12,.16);
}

.hh-wellnessPage .hh-wellnessRituals__facts > div {
  display:grid;
  grid-template-columns:130px 1fr;
  gap:20px;
  padding:15px 0;
  border-bottom:1px solid rgba(11,15,12,.16);
}

.hh-wellnessPage .hh-wellnessRituals__facts span {
  color:#9a6d50;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.15em;
}

.hh-wellnessPage .hh-wellnessRituals__facts strong {
  color:#111;
  font-size:14px;
  line-height:1.5;
}

.hh-wellnessPage .hh-wellnessOffers {
  padding:115px 0 125px;
  background:#f6f4ef;
}

.hh-wellnessPage .hh-wellnessOffers__grid {
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  gap:28px;
  align-items:stretch;
}

.hh-wellnessPage .hh-wellnessOffers__stack {
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:28px;
}

.hh-wellnessPage .hh-wellnessOffer {
  overflow:hidden;
  border-radius:15px;
  background:#fff;
}

.hh-wellnessPage .hh-wellnessOffer--featured {
  display:flex;
  flex-direction:column;
}

.hh-wellnessPage .hh-wellnessOffer__media {
  display:block;
  overflow:hidden;
  background:#e7e2da;
}

.hh-wellnessPage .hh-wellnessOffer--featured .hh-wellnessOffer__media {
  height:480px;
}

.hh-wellnessPage .hh-wellnessOffer--compact {
  display:grid;
  grid-template-columns:42% 58%;
}

.hh-wellnessPage .hh-wellnessOffer--compact .hh-wellnessOffer__media {
  height:100%;
}

.hh-wellnessPage .hh-wellnessOffer__media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hh-wellnessPage .hh-wellnessOffer__body {
  padding:30px 32px 34px;
}

.hh-wellnessPage .hh-wellnessOffer--compact .hh-wellnessOffer__body {
  align-self:center;
  padding:26px 24px;
}

.hh-wellnessPage .hh-wellnessOffer__body > span {
  display:block;
  margin:0 0 11px;
  color:#9a6d50;
  font-size:9px;
  letter-spacing:.15em;
}

.hh-wellnessPage .hh-wellnessOffer__body h3 {
  margin:0 0 14px;
  color:#0b0f0c;
  font-size:27px;
  line-height:1.08;
  letter-spacing:-.025em;
}

.hh-wellnessPage .hh-wellnessOffer--compact .hh-wellnessOffer__body h3 {
  font-size:21px;
}

.hh-wellnessPage .hh-wellnessOffer__body p {
  margin:0 0 20px;
  color:#4b4d49;
  font-size:14px;
  line-height:1.65;
}

.hh-wellnessPage .hh-wellnessOffer--compact .hh-wellnessOffer__body p {
  font-size:13px;
}

.hh-wellnessPage .hh-wellnessEvents {
  padding:125px 0 130px;
  background:#fff;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__head {
  margin-bottom:70px;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__grid {
  align-items:stretch;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__card {
  display:flex !important;
  flex-direction:column;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__cardTitle {
  margin-bottom:20px;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__text {
  margin-bottom:24px;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__link {
  margin-top:auto;
}

.hh-wellnessPage .hh-staysEditorial__all {
  display:flex;
  justify-content:flex-end;
  margin-top:54px;
}

.hh-wellnessPage .hh-staysEditorial__allLink {
  display:inline-block;
  padding:0 0 7px;
  color:#000;
  border-bottom:1px solid #aaa;
  font-size:14px;
  line-height:1.3;
  font-weight:600;
  text-decoration:none;
}

.hh-wellnessPage .hh-staysEditorial__allLink span {
  display:inline-block;
  margin-left:12px;
}

.hh-wellnessPage .hh-staysEditorial__allLink:hover {
  border-bottom-color:#000;
}

.hh-wellnessPage .hh-wellnessEvents__image--reset {
  object-position:center 38%;
}

.hh-wellnessPage .hh-wellnessEvents__image--night {
  object-position:center 55%;
}

.hh-wellnessPage .hh-wellnessPractical {
  padding:115px 0 120px;
  background:#f6f4ef;
}

.hh-wellnessPage .hh-wellnessPractical__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(11,15,12,.17);
}

.hh-wellnessPage .hh-wellnessPractical__grid > div {
  padding:28px 30px 6px 0;
}

.hh-wellnessPage .hh-wellnessPractical__grid > div + div {
  padding-left:30px;
  border-left:1px solid rgba(11,15,12,.14);
}

.hh-wellnessPage .hh-wellnessPractical__grid span {
  display:block;
  margin-bottom:38px;
  color:#9a8269;
  font-size:11px;
}

.hh-wellnessPage .hh-wellnessPractical__grid h3 {
  margin:0 0 11px;
  color:#0b0f0c;
  font-size:21px;
  line-height:1.15;
}

.hh-wellnessPage .hh-wellnessPractical__grid p {
  margin:0;
  color:#454842;
  font-size:14px;
  line-height:1.65;
}

.hh-wellnessPage .hh-wellnessPractical__children {
  display:grid;
  grid-template-columns:180px 1fr;
  gap:30px;
  margin-top:48px;
  padding:25px 28px;
  border:1px solid rgba(11,15,12,.14);
  border-radius:14px;
  background:#fff;
}

.hh-wellnessPage .hh-wellnessPractical__children span {
  color:#9a6d50;
  font-size:10px;
  letter-spacing:.16em;
}

.hh-wellnessPage .hh-wellnessPractical__children p {
  margin:0;
  color:#333733;
  font-size:14px;
  line-height:1.65;
}

.hh-wellnessPage .hh-wellnessFaq {
  padding:115px 0 120px;
  background:#fff;
}

.hh-wellnessPage .hh-wellnessFaq__list {
  border-top:1px solid rgba(11,15,12,.18);
}

.hh-wellnessPage .hh-wellnessFaq__item {
  border-bottom:1px solid rgba(11,15,12,.18);
}

.hh-wellnessPage .hh-wellnessFaq__item input {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.hh-wellnessPage .hh-wellnessFaq__item label {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 0;
  color:#0b0f0c;
  font-size:18px;
  line-height:1.4;
  font-weight:600;
  cursor:pointer;
}

.hh-wellnessPage .hh-wellnessFaq__item label span {
  flex:0 0 auto;
  color:#9a6d50;
  font-size:26px;
  line-height:1;
  font-weight:300;
  transition:transform .2s ease;
}

.hh-wellnessPage .hh-wellnessFaq__item > div {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .25s ease;
}

.hh-wellnessPage .hh-wellnessFaq__item > div > p {
  min-height:0;
  overflow:hidden;
  max-width:800px;
  margin:0;
  color:#454842;
  font-size:15px;
  line-height:1.7;
}

.hh-wellnessPage .hh-wellnessFaq__item input:checked ~ div {
  grid-template-rows:1fr;
}

.hh-wellnessPage .hh-wellnessFaq__item input:checked ~ div > p {
  padding-bottom:26px;
}

.hh-wellnessPage .hh-wellnessFaq__item input:checked + label span {
  transform:rotate(45deg);
}

@media (max-width:1100px) {
.hh-wellnessPage .hh-wellnessPaths__grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:38px 22px;
}

.hh-wellnessPage .hh-wellnessPath__body p {
  min-height:0;
}

.hh-wellnessPage .hh-wellnessOffers__grid {
  grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);
}
}

@media (max-width:1024px) {
.hh-wellnessPage .hh-wellnessEvents {
  padding:95px 0 105px;
}

.hh-wellnessPage .hh-wellnessPaths,
.hh-wellnessPage .hh-wellnessNumbers,
.hh-wellnessPage .hh-wellnessOffers,
.hh-wellnessPage .hh-wellnessPractical,
.hh-wellnessPage .hh-wellnessFaq {
  padding-top:90px;
  padding-bottom:95px;
}

.hh-wellnessPage .hh-wellnessPath__media {
  height:430px;
}

.hh-wellnessPage .hh-wellnessOffers__grid {
  grid-template-columns:1fr;
}

.hh-wellnessPage .hh-wellnessOffers__stack {
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:none;
}

.hh-wellnessPage .hh-wellnessOffer--compact {
  display:block;
}

.hh-wellnessPage .hh-wellnessOffer--compact .hh-wellnessOffer__media {
  height:270px;
}
}

@media (max-width:768px) {
.hh-wellnessPage .hh-wellnessEvents {
  padding:74px 0 82px;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__head {
  margin-bottom:46px;
}

.hh-wellnessPage .hh-staysEditorial__all {
  justify-content:flex-start;
  margin-top:42px;
  padding:0 20px;
}

.hh-wellnessPage .hh-wellnessPaths,
.hh-wellnessPage .hh-wellnessNumbers,
.hh-wellnessPage .hh-wellnessOffers,
.hh-wellnessPage .hh-wellnessPractical,
.hh-wellnessPage .hh-wellnessFaq {
  padding:72px 0 76px;
}

.hh-wellnessPage .hh-wellnessPaths .wl-xl,
.hh-wellnessPage .hh-wellnessNumbers .wl-xl,
.hh-wellnessPage .hh-wellnessOffers .wl-xl,
.hh-wellnessPage .hh-wellnessPractical .wl-xl,
.hh-wellnessPage .hh-wellnessFaq .wl-xl {
  width:100%;
  max-width:none;
  margin:0;
  padding:0 20px;
}

.hh-wellnessPage .hh-wellnessPaths__head,
.hh-wellnessPage .hh-wellnessNumbers__head,
.hh-wellnessPage .hh-wellnessOffers__head,
.hh-wellnessPage .hh-wellnessPractical__head,
.hh-wellnessPage .hh-wellnessFaq__head {
  margin-bottom:44px;
}

.hh-wellnessPage .hh-wellnessPaths__title,
.hh-wellnessPage .hh-wellnessNumbers__title,
.hh-wellnessPage .hh-wellnessOffers__title,
.hh-wellnessPage .hh-wellnessPractical__title,
.hh-wellnessPage .hh-wellnessFaq__title {
  font-size:36px;
}

.hh-wellnessPage .hh-wellnessPaths__grid {
  grid-template-columns:1fr;
  gap:38px;
}

.hh-wellnessPage .hh-wellnessPath__media {
  height:auto;
  aspect-ratio:4/5;
}

.hh-wellnessPage .hh-wellnessPath__body h3 {
  font-size:27px;
}

.hh-wellnessPage .hh-wellnessNumbers__grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.hh-wellnessPage .hh-wellnessNumbers__grid > div,
.hh-wellnessPage .hh-wellnessNumbers__grid > div + div {
  padding:24px 18px 24px 0;
  border-left:0;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.hh-wellnessPage .hh-wellnessNumbers__grid > div:nth-child(even) {
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.14);
}

.hh-wellnessPage .hh-wellnessRituals__facts > div {
  grid-template-columns:105px 1fr;
}

.hh-wellnessPage .hh-wellnessOffer--featured .hh-wellnessOffer__media {
  height:auto;
  aspect-ratio:4/3;
}

.hh-wellnessPage .hh-wellnessOffers__stack {
  grid-template-columns:1fr;
}

.hh-wellnessPage .hh-wellnessOffer--compact .hh-wellnessOffer__media {
  height:auto;
  aspect-ratio:4/3;
}

.hh-wellnessPage .hh-wellnessEvents .hh-staysEditorial__grid {
  width:auto !important;
  padding-right:0 !important;
  padding-left:0 !important;
}

.hh-wellnessPage .hh-wellnessPractical__grid {
  grid-template-columns:1fr;
}

.hh-wellnessPage .hh-wellnessPractical__grid > div,
.hh-wellnessPage .hh-wellnessPractical__grid > div + div {
  display:grid;
  grid-template-columns:42px 1fr;
  padding:21px 0;
  border-left:0;
  border-bottom:1px solid rgba(11,15,12,.14);
}

.hh-wellnessPage .hh-wellnessPractical__grid span {
  grid-column:1;
  grid-row:1 / span 2;
  margin:3px 0 0;
}

.hh-wellnessPage .hh-wellnessPractical__grid h3,
.hh-wellnessPage .hh-wellnessPractical__grid p {
  grid-column:2;
}

.hh-wellnessPage .hh-wellnessPractical__children {
  grid-template-columns:1fr;
  gap:12px;
  margin-top:34px;
  padding:22px 20px;
}

.hh-wellnessPage .hh-wellnessFaq__item label {
  padding:20px 0;
  font-size:16px;
}
}

@media (max-width:480px) {
.hh-wellnessPage .hh-wellnessPaths .wl-xl,
.hh-wellnessPage .hh-wellnessNumbers .wl-xl,
.hh-wellnessPage .hh-wellnessOffers .wl-xl,
.hh-wellnessPage .hh-wellnessPractical .wl-xl,
.hh-wellnessPage .hh-wellnessFaq .wl-xl {
  padding-right:16px;
  padding-left:16px;
}

.hh-wellnessPage .hh-wellnessOffer__body {
  padding:25px 20px 29px;
}
}

@media (prefers-reduced-motion:reduce) {
.hh-wellnessPage .hh-wellnessPath__media img,
.hh-wellnessPage .hh-wellnessFaq__item > div,
.hh-wellnessPage .hh-wellnessFaq__item label span {
  transition:none;
}
}

/* JEDNOTNE ODSAZENI – STEJNE JAKO NA UVODNI STRANCE */
@media (min-width: 769px) {
  #hh-wellness {
    --hh-side-space: clamp(32px, 4vw, 64px);
    --hh-content-width: 1240px;
  }
  #hh-wellness > div > .wl-xl {
    box-sizing: border-box;
    width: calc(100% - var(--hh-side-space) - var(--hh-side-space)) !important;
    max-width: var(--hh-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #hh-wellness .hh-staysEditorial__inner {
    width: 100%;
    max-width: none;
  }
  #hh-wellness .hh-hero__content {
    padding-left: max(var(--hh-side-space), calc((100% - var(--hh-content-width)) / 2)) !important;
    padding-right: var(--hh-side-space) !important;
  }
  #hh-wellness .hh-rhythmStory__grid {
    column-gap: clamp(32px, 4vw, 64px);
  }
  #hh-wellness .hh-bookingClose__inner {
    width: calc(100% - var(--hh-side-space) - var(--hh-side-space));
    max-width: 900px;
  }
}

/* MOBIL – OBSAH UVNITR STRANKY A POSOUVANI EVENTOVYCH KARET */
@media (max-width: 768px) {
  #hh-wellness .hh-rhythmStory > .wl-xl {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  #hh-wellness .hh-hero__box {
    width: calc(100% - 32px);
  }
}

/* BEZPECNE ZMENSOVANI OBSAHU VE SLOUPCICH */
#hh-wellness .hh-rhythmStory__grid > *,
#hh-wellness .hh-wellnessOffers__grid > *,
#hh-wellness .hh-wellnessOffers__stack > *,
#hh-wellness .hh-wellnessOffer__body,
#hh-wellness .hh-wellnessPractical__grid > div,
#hh-wellness .hh-wellnessNumbers__grid > div {
  min-width: 0;
}
#hh-wellness .hh-wellnessOffer__body a {
  overflow-wrap: anywhere;
}
#hh-wellness .hh-wellnessFaq__item input:focus-visible + label {
  outline: 2px solid #9a6d50;
  outline-offset: 4px;
}
#hh-wellness #vyberte-si,
#hh-wellness #vstupy,
#hh-wellness #prakticke-info,
#hh-wellness #faq {
  scroll-margin-top: 100px;
}
@media (prefers-reduced-motion: reduce) {
  #hh-wellness *,
  #hh-wellness *::before,
  #hh-wellness *::after {
    transition: none !important;
    animation: none !important;
  }
}
/* WELLNESS AKCE – JEDNA AKTUÁLNÍ KARTA */

#hh-wellness .hh-wellnessEvents .hh-staysEditorial__grid {
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible;
  scroll-snap-type:none;
}

#hh-wellness .hh-wellnessEvents .hh-staysEditorial__grid > .hh-staysEditorial__card:only-child {
  flex:0 0 100% !important;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 !important;
}

#hh-wellness .hh-wellnessEvents .hh-staysEditorial__card:only-child > .hh-staysEditorial__media {
  height:clamp(340px, 42vw, 520px);
  margin-bottom:28px;
}

#hh-wellness .hh-wellnessEvents .hh-wellnessEvents__image--night {
  object-position:center 55%;
}

@media (max-width:768px) {
  #hh-wellness .hh-wellnessEvents > .wl-xl {
    box-sizing:border-box;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 20px !important;
  }

  #hh-wellness .hh-wellnessEvents .hh-staysEditorial__head,
  #hh-wellness .hh-wellnessEvents .hh-staysEditorial__all {
    padding:0;
  }

  #hh-wellness .hh-wellnessEvents .hh-staysEditorial__card:only-child > .hh-staysEditorial__media {
    height:auto;
    aspect-ratio:4 / 3;
    margin-bottom:22px;
  }
}

@media (max-width:480px) {
  #hh-wellness .hh-wellnessEvents > .wl-xl {
    padding-right:16px !important;
    padding-left:16px !important;
  }
}

/* Generate 0.001199 second */