/* HXA brand layer on existing ONEO components; scoped to this product page. */
body:is(.hxa-room-booking,.hxa-product-page){background:#050505;color:#f4f4f0;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}
:is(.hxa-room-booking,.hxa-product-page) .page{background:#050505}
:is(.hxa-room-booking,.hxa-product-page) .centered-wrapper{background-color:#050505;color:#f4f4f0}
:is(.hxa-room-booking,.hxa-product-page) .centered-wrapper.-background-color-2{background:#111110}
:is(.hxa-room-booking,.hxa-product-page) .centered-wrapper.-background-color-1{background:#090909}
:is(.hxa-room-booking,.hxa-product-page) main>section{border-bottom:1px solid #292927;scroll-margin-top:24px}
:is(.hxa-room-booking,.hxa-product-page) .centered-wrapper-inner{max-width:1320px}
:is(.hxa-room-booking,.hxa-product-page) h1,:is(.hxa-room-booking,.hxa-product-page) h2,:is(.hxa-room-booking,.hxa-product-page) h3{font-family:inherit;color:#f4f4f0}
:is(.hxa-room-booking,.hxa-product-page) h1{font-size:clamp(40px,4.4vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.055em;margin:22px 0 28px;overflow-wrap:normal}
:is(.hxa-room-booking,.hxa-product-page) .headline-box h2{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.045em;text-transform:none;font-weight:500}
:is(.hxa-room-booking,.hxa-product-page) .headline-box h2:after{background:#e0061c;width:48px}
:is(.hxa-room-booking,.hxa-product-page) h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;font-weight:500}
:is(.hxa-room-booking,.hxa-product-page) p,:is(.hxa-room-booking,.hxa-product-page) li{color:#c5c5bf}
:is(.hxa-room-booking,.hxa-product-page) .font-size-l{font-size:clamp(18px,1.7vw,23px);line-height:1.45}
:is(.hxa-room-booking,.hxa-product-page) a{color:#f4f4f0}
:is(.hxa-room-booking,.hxa-product-page) a:hover{color:#fff}
:is(.hxa-room-booking,.hxa-product-page) .button{background:#e0061c;border:1px solid #e0061c;color:#fff;border-radius:0;font-family:inherit;font-size:13px;letter-spacing:.07em;line-height:1.4;white-space:normal;max-width:100%;box-sizing:border-box}
:is(.hxa-room-booking,.hxa-product-page) .button:hover{background:#ba0618;border-color:#ba0618;color:#fff}
:is(.hxa-room-booking,.hxa-product-page) .button.-secondary{background:transparent;border:1px solid #555550;color:#f4f4f0}
:is(.hxa-room-booking,.hxa-product-page) .button.-secondary:hover{background:#f4f4f0;color:#050505;border-color:#f4f4f0}
:is(.hxa-room-booking,.hxa-product-page) a:focus-visible{outline:2px solid #f4f4f0;outline-offset:5px}
/* Contao .block clips outward outlines on closed details. Keep FAQ focus inside. */
:is(.hxa-room-booking,.hxa-product-page) summary:focus-visible{outline:2px solid #f4f4f0;outline-offset:-3px}
:is(.hxa-room-booking,.hxa-product-page) .slider-callout{background:rgba(5,5,5,.9);color:#f4f4f0;box-shadow:none}
:is(.hxa-room-booking,.hxa-product-page) .slider-callout:before,:is(.hxa-room-booking,.hxa-product-page) .slider-callout:after{display:none}
:is(.hxa-room-booking,.hxa-product-page) .slider-callout>p:first-child{font-size:12px;color:#bcbcb6;letter-spacing:.14em}
:is(.hxa-room-booking,.hxa-product-page) main>section:first-child .centered-wrapper-background{filter:brightness(.72)}
:is(.hxa-room-booking,.hxa-product-page) header>.centered-wrapper-inner>.rs-columns{display:flex;align-items:center;justify-content:space-between;gap:20px}
:is(.hxa-room-booking,.hxa-product-page) header .rs-column{float:none;width:auto!important;margin:0!important}
:is(.hxa-room-booking,.hxa-product-page) header .flex-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
:is(.hxa-room-booking,.hxa-product-page) header strong{font-size:30px;letter-spacing:-.05em;color:#f4f4f0}
:is(.hxa-room-booking,.hxa-product-page) header{border-bottom:1px solid #292927}
:is(.hxa-room-booking,.hxa-product-page) .image_container{margin-bottom:28px}
:is(.hxa-room-booking,.hxa-product-page) .image_container img{display:block;max-width:100%;height:auto}
:is(.hxa-room-booking,.hxa-product-page) .toggler{background:transparent;color:#f4f4f0;border:0;border-top:1px solid #343432;padding:20px 48px 20px 0;cursor:pointer;font-size:17px}
:is(.hxa-room-booking,.hxa-product-page) .toggler:after{color:#e0061c;right:14px}
/* Shared FAQ inset: preserve the approved Smart Glass spacing on every product. */
:is(.hxa-room-booking,.hxa-product-page) .ce_accordion .accordion{background:transparent;color:#c5c5bf;padding:1.06667em 1.33333em}
:is(.hxa-room-booking,.hxa-product-page) .ce_accordion .accordion>:first-child{margin-top:0}
:is(.hxa-room-booking,.hxa-product-page) .ce_accordion .accordion>:last-child{margin-bottom:0}
:is(.hxa-room-booking,.hxa-product-page) details[open] .toggler{color:#fff}
:is(.hxa-room-booking,.hxa-product-page) details[open]>.toggler:after{content:"\2212"}
:is(.hxa-room-booking,.hxa-product-page) footer a{color:#bcbcb6}
@media(max-width:599px){
:is(.hxa-room-booking,.hxa-product-page) header>.centered-wrapper-inner>.rs-columns{gap:10px}
:is(.hxa-room-booking,.hxa-product-page) header .button{font-size:10px;padding:12px 10px;letter-spacing:.03em}
:is(.hxa-room-booking,.hxa-product-page) header strong{font-size:26px}
:is(.hxa-room-booking,.hxa-product-page) .slider-callout{padding:28px 24px}
:is(.hxa-room-booking,.hxa-product-page) .slider-callout h1{font-size:40px}
:is(.hxa-room-booking,.hxa-product-page) main>section:first-child{padding-top:65px!important;padding-bottom:65px!important}
:is(.hxa-room-booking,.hxa-product-page) .rs-column{margin-bottom:24px}
:is(.hxa-room-booking,.hxa-product-page) .rs-column:last-child{margin-bottom:0}
}

:is(.hxa-room-booking,.hxa-product-page) .hxa-language-switch{display:flex;align-items:center;gap:12px;margin-right:8px;font-size:14px;letter-spacing:.04em}
:is(.hxa-room-booking,.hxa-product-page) .hxa-language-switch a{padding:6px 0;color:#9a9a94;text-decoration:none}
:is(.hxa-room-booking,.hxa-product-page) .hxa-language-switch a[aria-current="page"]{color:#f4f4f0;border-bottom:2px solid #e0061c}

/* Display comparison: matching dark image stages and shared content rows. */
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:0}
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-columns:before,:is(.hxa-room-booking,.hxa-product-page) #displays .rs-columns:after{display:none}
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-column{float:none;width:auto;margin:0;min-width:0;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:20px}
:is(.hxa-room-booking,.hxa-product-page) #displays .image_container{margin:0;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090909}
:is(.hxa-room-booking,.hxa-product-page) #displays .image_container img{width:100%;height:100%;object-fit:contain}
:is(.hxa-room-booking,.hxa-product-page) #displays .image_container.hxa-display-stage{background:radial-gradient(ellipse at 50% 91%,#303432 0%,#171918 25%,#0b0b0b 60%,#090909 100%)}
:is(.hxa-room-booking,.hxa-product-page) #displays .hxa-display-stage img{width:100%;height:88%;object-position:center}
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-column>h3,:is(.hxa-room-booking,.hxa-product-page) #displays .rs-column>p{margin:0}
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-column>.button{align-self:start;justify-self:start;margin:0}
:is(.hxa-room-booking,.hxa-product-page) #displays .hxa-visual-caption{margin-top:28px}
@media(max-width:900px){
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-columns{grid-template-columns:minmax(0,1fr);gap:40px}
:is(.hxa-room-booking,.hxa-product-page) #displays .rs-column{grid-row:auto;grid-template-rows:auto;row-gap:16px}
}

/* Fade the complete image stage into the section, keeping device centres sharp. */
:is(.hxa-room-booking,.hxa-product-page) #displays .image_container{
-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);
mask-composite:intersect;
mask-repeat:no-repeat;
}

/* Match dark studio backdrops to the section instead of leaving black rectangles. */
:is(.hxa-room-booking,.hxa-product-page) #displays{isolation:isolate}
:is(.hxa-room-booking,.hxa-product-page) #displays .image_container{mix-blend-mode:lighten}

/* Native Contao hero: preserve the approved ONEO layout across CE wrappers. */
.hxa-room-booking .hxa-hero .centered-wrapper-background{background-position:65% center!important;filter:brightness(.72)}
.hxa-room-booking .hxa-hero .slider-callout{box-sizing:border-box;padding:20px 90px 20px 50px;min-width:0}
.hxa-room-booking .hxa-hero .slider-callout h1{hyphens:auto;overflow-wrap:anywhere}
.hxa-room-booking .hxa-hero .slider-callout>.ce_text:first-child p{font-size:12px;color:#bcbcb6;letter-spacing:.14em}
.hxa-room-booking .hxa-hero .slider-callout>.ce_text p{margin-top:0}
.hxa-room-booking .hxa-hero .hxa-hero-demo{margin-top:16px}
@media(max-width:1150px){.hxa-room-booking .hxa-hero .slider-callout{padding:20px 40px}}
@media(max-width:599px){.hxa-room-booking .hxa-hero{padding-top:65px!important;padding-bottom:65px!important}.hxa-room-booking .hxa-hero .slider-callout{padding:28px 24px}}

/* Native solution comparison: shared rows including editable feature lists. */
.hxa-room-booking .hxa-solutions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0}
.hxa-room-booking .hxa-solutions-grid:before,.hxa-room-booking .hxa-solutions-grid:after{display:none}
.hxa-room-booking .hxa-solutions-grid>.hxa-solution-option{float:none;width:auto;margin:0;min-width:0;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:24px}
.hxa-room-booking .hxa-solution-option>*{margin:0;min-width:0}
.hxa-room-booking .hxa-solution-option .image_container{margin:0;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);mask-composite:intersect;mask-repeat:no-repeat}
.hxa-room-booking .hxa-solution-option p,.hxa-room-booking .hxa-solution-option ul{margin-top:0;margin-bottom:0}
.hxa-room-booking .hxa-solution-option>.button{align-self:start;justify-self:start}
@media(max-width:900px){.hxa-room-booking .hxa-solutions-grid{grid-template-columns:minmax(0,1fr);gap:40px}.hxa-room-booking .hxa-solutions-grid>.hxa-solution-option{grid-row:auto;grid-template-rows:auto;row-gap:20px}}
/* Native consultation actions retain the approved inline desktop layout. */
.hxa-room-booking #beratung .button-box{display:inline-block;vertical-align:top;margin:0 12px 12px 0}
.hxa-room-booking .hxa-software-visual img{max-width:626px;width:100%;height:auto}

/* Native product navigation uses editorial paragraphs without content margins. */
.hxa-room-booking .hxa-product-nav-inner>p{margin:0}
.hxa-room-booking .hxa-breadcrumb-current{color:#eee}

/* Editable native image captions match the approved image disclosure badges. */
.hxa-room-booking .hxa-ai-image .image_container{position:relative}
.hxa-room-booking .hxa-ai-image .caption{position:absolute;z-index:3;top:12%;right:8%;bottom:auto;left:auto;width:auto!important;display:block;max-width:84%;margin:0;padding:3px 5px;background:#111;color:#eee;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;white-space:normal;pointer-events:none}

/* Room Booking: narrow display-section heading */
@media(max-width:599px){.hxa-room-booking #displays .headline-box h2{hyphens:auto;overflow-wrap:anywhere}}