/* Chatovačka – vzhľady detailu: iba doplnková vrstva, pôvodné štýly sa nemažú. */
.cha-skin-film .cha-hero{position:relative;min-height:100vh;min-height:100svh;isolation:isolate}
.cha-skin-film .cha-hero>.cha-container{position:relative;z-index:2}
.cha-skin-film .cha-hero-rail{z-index:3}
.cha-skin-film .cha-hero-inner{padding-bottom:12vh}
.cha-skin-film .cha-hero h1{font-size:clamp(52px,9vw,128px);line-height:.93}
.cha-skin-film .cha-hero-desc{font-size:clamp(18px,2vw,26px)}

/* hĺbková vrstva pozadia hero (pridáva JS) */
.cha-skin-bgwrap{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.cha-skin-bg{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform}
.cha-skin-bgfx-on .cha-hero{background-image:none!important;background-color:#0d2a1c}

/* slová nadpisu */
.cha-skin-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.cha-skin-w>span{display:inline-block;will-change:transform}

/* ukazovateľ postupu a plávajúce CTA */
.cha-skin-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99980;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#55d792,#218a49);pointer-events:none}
.cha-skin-pillwrap{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:99970;display:flex;justify-content:center;pointer-events:none}
.cha-skin-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;background:#173b2b;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none!important;box-shadow:0 14px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden}
@media(max-width:760px){.cha-skin-film .cha-hero{min-height:92vh}.cha-skin-pill{font-size:14px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.cha-skin-bgfx-on .cha-hero{background-image:initial!important}}

/* opis ubytovania: okno, v ktorom text plynie a riadky sa zaostrujú */
.cha-skin-win{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%)}
.cha-skin-track{will-change:transform}
.cha-skin-line{display:block;will-change:filter,opacity}
.cha-skin-film .cha-copy p{margin-bottom:.9em}

/* čísla ako v návrhu: výrazné, odpočítavajú sa */
.cha-skin-num{font-variant-numeric:tabular-nums}
.cha-skin-film .cha-fact .cha-skin-num{font-size:1.55em;font-weight:800;line-height:1;letter-spacing:-.02em;margin-right:.1em}
.cha-skin-film .cha-listing-rating-summary strong .cha-skin-num{font-size:1.4em;font-weight:800}

/* nadpis nad a výbava pod pripnutým javiskom */
.cha-skin-introhead{padding-top:clamp(24px,5vh,60px)}
.cha-skin-introfoot{padding-top:clamp(36px,6vh,70px)}
.cha-skin-seg{display:block;margin-bottom:.5em}

/* cena v rezervačnej karte: skutočný prvok namiesto CSS ::before (aby sa dala odpočítavať) */
.cha-skin-price{display:block;padding-bottom:14px;border-bottom:1px solid var(--line,#e2e8e2);color:var(--navy,#173b2b);font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:800;line-height:1.3}
.cha-skin-price-on .cha-booking::before{display:none!important}
.cha-skin-film .cha-skin-price .cha-skin-num{font-size:1.45em;letter-spacing:-.02em}
#kontakt strong .cha-skin-num{font-size:1.25em;font-weight:800}

/* rozloženie lôžok: izby bokom podľa skrolu */
.cha-skin-bsec{overflow:hidden}
.cha-skin-bclip{display:block!important;overflow:hidden;padding:4px 0}
.cha-skin-btrack{display:flex;gap:16px;width:max-content;will-change:transform}
.cha-skin-btrack>.chatovacka-bed-detail__room{flex:none;width:min(80vw,440px);will-change:transform,opacity}

/* výrazné čísla iba v krátkych hodnotách okolia */
.cha-skin-film .cha-area-item small.cha-skin-short .cha-skin-num{display:inline-block;font-size:1.6em;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--navy,#173b2b);margin-right:.08em}