/* V22: focused homepage refinements; retain approved design on all other pages. */
body[data-page="index"] .site-header .debellos-logo-v22{display:flex;align-items:center;grid-column:1;min-width:0;width:clamp(186px,18vw,268px);height:76px;overflow:visible}
body[data-page="index"] .site-header .debellos-logo-v22 img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
/* Calm secondary CTA: same geometry and blue interactive label */
body[data-page="index"] .airport-btn-outline{color:#123B8F!important;border-color:#b9cfee!important}
body[data-page="index"] .airport-btn-outline:hover{color:#0B1E42!important;background:#EAF2FF!important}
/* Reduce only vertical distance separating homepage sections, not component internal spacing. */
body[data-page="index"] .section-pad{padding-top:88px!important;padding-bottom:88px!important}
body[data-page="index"] .cta-section{padding-top:0!important}
body[data-page="index"] .site-footer{margin-top:64px!important}
/* Carousel has no manual arrows; images replace each other continuously. */
body[data-page="index"] .why-carousel-controls{display:none!important}
body[data-page="index"] .why-carousel-viewport{position:relative;overflow:hidden}
body[data-page="index"] .why-carousel .why-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .85s ease}
body[data-page="index"] .why-carousel .why-slide.is-active{opacity:1}
@media(max-width:900px){body[data-page="index"] .section-pad{padding-top:72px!important;padding-bottom:72px!important}}
@media(max-width:700px){body[data-page="index"] .section-pad{padding-top:64px!important;padding-bottom:64px!important}body[data-page="index"] .site-header .debellos-logo-v22{width:185px;height:65px}}
@media(max-width:430px){body[data-page="index"] .site-header .debellos-logo-v22{width:158px;height:60px}}
@media(prefers-reduced-motion:reduce){body[data-page="index"] .why-carousel .why-slide{transition:none}}
