/* Fixed header and compact responsive navigation. */
html{--xinli-header-height:160px;--xinli-admin-offset:0px;scroll-padding-top:calc(var(--xinli-header-height) + 16px)}
body{padding-top:var(--xinli-header-height)}
body > header.site-header{position:fixed!important;top:var(--xinli-admin-offset)!important;left:0;right:0;width:100%;z-index:9990;background:#fff;box-shadow:0 2px 10px #00000012}
.menu-toggle,.submenu-toggle{display:none}
.gallery-controls{width:100%;min-width:0}
.gallery-thumbnails{min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.gallery-thumbnails::-webkit-scrollbar{display:none}
.gallery-thumbnails button{flex:0 0 calc((100% - 32px)/5);min-width:0;scroll-snap-align:start}
.gallery-controls>button{flex:0 0 32px;padding:4px 0;min-width:32px}
.gallery-controls>button:disabled{opacity:.35;cursor:default}
@media(max-width:1000px){
 html{--xinli-header-height:130px}
 .site-header .nav{flex-wrap:nowrap;justify-content:space-between;padding:12px 20px}
 .site-header .logo{width:140px;display:block}
 .site-header.menu-ready .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:44px;padding:10px;background:#fff;border:1px solid #572737;color:#572737;border-radius:5px}
 .menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
 .site-header.menu-ready .site-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:15px 20px 24px;max-height:calc(100dvh - var(--xinli-header-height) - var(--xinli-admin-offset));overflow-y:auto;box-shadow:0 8px 15px #0002;align-items:stretch;gap:16px;flex-direction:column}
 .site-header.menu-open .site-navigation{display:flex}
 .site-navigation>.xinli-menu{display:block;width:100%}
 .site-navigation .xinli-menu>li{width:100%;border-bottom:1px solid #eee}
 .site-navigation .xinli-menu a{padding:12px 48px 12px 10px;font-size:15px}
 .site-navigation .sub-menu,.site-navigation li:hover>.sub-menu,.site-navigation li:focus-within>.sub-menu{display:none;position:static;width:100%;box-shadow:none;border-top:0;padding:0 0 4px 12px}
 .site-navigation li.submenu-open>.sub-menu{display:block}
 .site-navigation .submenu-toggle{display:block;position:absolute;right:0;top:4px;width:40px;height:40px;padding:0;background:transparent;color:#572737;border:0;font-size:22px}
 .site-navigation>.btn{text-align:center}
 .top-contact{gap:4px 14px}.top-contact a{font-size:12px}
}
.site-header .top{padding-block:3px}.site-header .nav{padding-block:9px}.site-header .site-navigation>.btn{padding-block:9px}@media(max-width:1000px){.site-header .nav{padding-block:5px}}