/* LIV: shared brand and navigation layout */
.site-topbar{position:relative!important;top:auto!important}
header.site-nav{position:relative!important;top:auto!important;background:#f8f5f1!important;backdrop-filter:none!important}
header.site-nav .nav-shell{min-height:100px!important;gap:24px!important}
header.site-nav .nav-shell>a.logo{display:flex!important;align-items:center;flex:0 0 132px!important;padding:0!important;margin:0!important;line-height:0}
header.site-nav .nav-shell>a.logo>img.logo-image{display:block!important;width:132px!important;height:82px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:none!important}
footer .logo img.logo-image,.contact-card .logo img.logo-image{display:block!important;width:180px!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}
.desktop-book{white-space:nowrap}
.page-hero{padding-top:32px!important}
.contact-card a[href^="mailto:"]{overflow-wrap:anywhere}
.appointment-card .btn{margin-top:20px;white-space:normal;text-align:center}
.liv-language-switcher{position:relative;z-index:1;display:flex;align-items:center;gap:8px}
.liv-language-switcher button{border:0;background:none;color:inherit;padding:8px 2px;cursor:pointer;font:inherit}
.liv-language-switcher button.active{text-decoration:underline;color:#9d7058}
@media(max-width:1100px){header.site-nav .desktop-menu,header.site-nav .desktop-book{display:none!important}header.site-nav .mobile-toggle{display:block!important}header.site-nav .mobile-menu.open{display:block!important}}
@media(max-width:860px){header.site-nav .nav-shell{min-height:82px!important}header.site-nav .nav-shell>a.logo{flex-basis:108px!important}header.site-nav .nav-shell>a.logo>img.logo-image{width:108px!important;height:67px!important}.site-topbar .topbar-inner{flex-wrap:wrap;height:auto!important;padding-top:8px;padding-bottom:8px}.page-hero{padding-top:20px!important}.contact-grid{grid-template-columns:minmax(0,1fr)!important}}

.hero-inner{padding-top:70px!important}
@media(max-width:860px){.hero-inner{padding-top:40px!important}.topbar-left{flex-wrap:wrap!important}.topbar-left a{overflow-wrap:anywhere}.about-copy h1{font-size:46px}}
