:root {
--xnrs-accent: #9e2a22;
--xnrs-gold: #c89a4b;
--xnrs-light-bg: #f6f1e8;
--xnrs-dark-bg: #12100e;
}
.xnhs2,
.xnfaq-page,
.xn-news-wrap,
.xnlunch-menu-page,
.xnmal-page,
.xn-access-page,
.xncm-wrap,
.xnbsp-page {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.xnrs-mobile-action-bar {
display: none;
}
.xnrs-theme-toggle {
position: fixed;
z-index: var(--xnrs-theme-z, 9999);
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 44px;
padding: 9px 15px;
border: 1px solid rgba(120, 90, 50, 0.2);
border-radius: 999px;
color: #2f241c;
background: rgba(255, 255, 255, 0.86);
box-shadow: 0 14px 38px rgba(35, 20, 10, 0.18);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
font: 800 14px/1 system-ui, sans-serif;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
html[data-xnhs-theme="dark"] .xnrs-theme-toggle {
color: #fff5e7;
background: rgba(24, 19, 15, 0.88);
border-color: rgba(211, 166, 87, 0.3);
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.36);
}
.xnrs-theme-toggle:hover {
transform: translateY(-2px);
box-shadow: 0 18px 44px rgba(35, 20, 10, 0.24);
}
.xnrs-theme-toggle:focus-visible {
outline: 3px solid var(--xnrs-gold, #c89a4b);
outline-offset: 3px;
}
.xnrs-theme-toggle.xnrs-pc-top-right {
top: 78px;
right: 22px;
}
.xnrs-theme-toggle.xnrs-pc-bottom-right {
right: 22px;
bottom: 22px;
}
.xnrs-theme-toggle.xnrs-pc-hide {
display: none;
}
@media (max-width: 767px) {
body.xnrs-has-mobile-action-bar {
padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
body.xnrs-has-mobile-action-bar.xnrs-mobile-action-bar-style-glass {
padding-bottom: calc(var(--xnrs-mobile-glass-height, 82px) + var(--xnrs-mobile-glass-bottom-gap, 10px) + var(--xnrs-mobile-glass-outer-top-gap, 0px) + var(--xnrs-mobile-glass-outer-bottom-gap, 0px) + 16px + env(safe-area-inset-bottom, 0px)) !important;
}
.xnrs-mobile-action-bar {
position: fixed;
z-index: 100000;
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
align-items: stretch;
gap: 0;
-webkit-tap-highlight-color: transparent;
}
.xnrs-mobile-action-bar__item {
position: relative;
z-index: 1;
display: flex;
min-width: 0;
min-height: 64px;
align-items: center;
justify-content: center;
gap: 9px;
padding: 8px 12px;
color: var(--xnrs-mobile-bar-text, #fff) !important;
text-decoration: none !important;
font-size: var(--xnrs-mobile-font-size, 15px);
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.03em;
transition: color 0.24s ease, transform 0.24s ease, background-color 0.24s ease, opacity 0.24s ease;
}
.xnrs-mobile-action-bar__item:focus-visible {
position: relative;
z-index: 2;
outline: 3px solid #fff;
outline-offset: -5px;
}
.xnrs-mobile-action-bar__item:active {
transform: scale(0.98);
}
.xnrs-mobile-action-bar__icon {
display: grid !important;
width: var(--xnrs-mobile-icon-size, 23px) !important;
min-width: var(--xnrs-mobile-icon-size, 23px) !important;
max-width: var(--xnrs-mobile-icon-size, 23px) !important;
height: var(--xnrs-mobile-icon-size, 23px) !important;
min-height: var(--xnrs-mobile-icon-size, 23px) !important;
max-height: var(--xnrs-mobile-icon-size, 23px) !important;
flex: 0 0 var(--xnrs-mobile-icon-size, 23px) !important;
place-items: center;
line-height: 0 !important;
overflow: visible !important;
}
.xnrs-mobile-action-bar__icon svg {
display: block !important;
width: var(--xnrs-mobile-icon-size, 23px) !important;
min-width: var(--xnrs-mobile-icon-size, 23px) !important;
max-width: none !important;
height: var(--xnrs-mobile-icon-size, 23px) !important;
min-height: var(--xnrs-mobile-icon-size, 23px) !important;
max-height: none !important;
overflow: visible !important;
fill: currentColor;
}
.xnrs-mobile-action-bar__label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xnrs-mobile-action-bar--classic {
right: 0;
bottom: 0;
left: 0;
min-height: calc(64px + env(safe-area-inset-bottom, 0px));
padding: 0 0 env(safe-area-inset-bottom, 0px);
background: #201a16;
border-top: 1px solid rgba(255, 255, 255, 0.16);
box-shadow: 0 -10px 28px rgba(20, 10, 4, 0.2);
}
.xnrs-mobile-action-bar--classic .xnrs-mobile-action-bar__item + .xnrs-mobile-action-bar__item {
border-left: 1px solid rgba(255, 255, 255, 0.22);
}
.xnrs-mobile-action-bar--classic .xnrs-mobile-action-bar__item--phone {
background: var(--xnrs-mobile-phone-bg, #2f241c);
}
.xnrs-mobile-action-bar--classic .xnrs-mobile-action-bar__item--map {
background: var(--xnrs-mobile-map-bg, #9e2a22);
}
.xnrs-mobile-action-bar__bubble {
display: none;
}
.xnrs-mobile-action-bar--glass {
box-sizing: border-box;
right: var(--xnrs-mobile-glass-side-gap, 12px);
bottom: calc(var(--xnrs-mobile-glass-bottom-gap, 10px) + var(--xnrs-mobile-glass-outer-bottom-gap, 0px) + env(safe-area-inset-bottom, 0px));
left: var(--xnrs-mobile-glass-side-gap, 12px);
height: var(--xnrs-mobile-glass-height, 82px);
min-height: var(--xnrs-mobile-glass-height, 82px);
max-height: var(--xnrs-mobile-glass-height, 82px);
margin-top: var(--xnrs-mobile-glass-outer-top-gap, 0px);
padding: var(--xnrs-mobile-glass-pad-top, 6px) var(--xnrs-mobile-glass-pad-right, 6px) var(--xnrs-mobile-glass-pad-bottom, 6px) var(--xnrs-mobile-glass-pad-left, 6px);
gap: 4px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 999px;
background: rgba(45, 45, 50, calc(var(--xnrs-mobile-glass-opacity, 72) / 100));
box-shadow: var(--xnrs-mobile-glass-shadow, 0 18px 42px 0 rgba(6, 6, 8, 0.28));
backdrop-filter: blur(22px) saturate(1.05);
-webkit-backdrop-filter: blur(22px) saturate(1.05);
overflow: visible;
}
html[data-xnhs-theme="dark"] .xnrs-mobile-action-bar--glass {
background: rgba(24, 24, 28, min(0.95, calc((var(--xnrs-mobile-glass-opacity, 72) + 6) / 100)));
border-color: rgba(255, 255, 255, 0.1);
}
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__bubble {
display: block;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 0;
height: 0;
border-radius: 999px;
background: rgba(255, 255, 255, calc(var(--xnrs-mobile-bubble-opacity, 14) / 100));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 8px 18px rgba(0, 0, 0, 0.12);
transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), width 0.34s cubic-bezier(0.22, 1, 0.36, 1), height 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease;
opacity: 0;
pointer-events: none;
}
.xnrs-mobile-action-bar--glass.is-ready .xnrs-mobile-action-bar__bubble {
opacity: 1;
}
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__item {
min-height: 0;
height: 100%;
flex-direction: column;
gap: 6px;
padding: 4px 10px;
color: rgba(255, 255, 255, 0.92) !important;
background: transparent;
font-size: var(--xnrs-mobile-font-size, 15px);
font-weight: 700;
letter-spacing: 0.02em;
}
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__item.is-active,
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__item:active {
color: #ffffff !important;
}
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__icon {
width: var(--xnrs-mobile-icon-size, 23px) !important;
height: var(--xnrs-mobile-icon-size, 23px) !important;
flex-basis: var(--xnrs-mobile-icon-size, 23px) !important;
}
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__label {
max-width: 100%;
font-size: inherit;
}
body.xnrs-has-mobile-action-bar .xnhs-theme-toggle.xnhs-mobile-bottom-right,
body.xnrs-has-mobile-action-bar .xnrs-theme-toggle.xnrs-mobile-bottom-right,
body.xnrs-has-mobile-action-bar .xn-mobile-bottom-right,
body.xnrs-has-mobile-action-bar .xn-access-theme-toggle {
bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
}
.xnrs-theme-toggle {
top: auto;
right: 14px;
bottom: 14px;
}
.xnrs-theme-toggle.xnrs-mobile-top-right {
display: inline-flex;
top: 70px;
right: 14px;
bottom: auto;
}
.xnrs-theme-toggle.xnrs-mobile-bottom-right {
display: inline-flex;
top: auto;
right: 14px;
bottom: 14px;
}
.xnrs-theme-toggle.xnrs-mobile-hide {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.xnhs2 *,
.xnfaq-page *,
.xn-news-wrap *,
.xnlunch-menu-page *,
.xnmal-page *,
.xn-access-page *,
.xncm-wrap *,
.xnbsp-page * {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.xnrs-theme-toggle {
transition: none !important;
}
} @media (max-width:767px){
.xnrs-mobile-action-bar__icon>svg{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;font-size:inherit!important;}
.xnrs-mobile-action-bar__label{font-size:inherit!important;}
} @media (max-width: 767px) {
.xnrs-mobile-action-bar--glass {
height: var(--xnrs-mobile-glass-height, 82px) !important;
min-height: var(--xnrs-mobile-glass-height, 82px) !important;
max-height: var(--xnrs-mobile-glass-height, 82px) !important;
overflow: visible !important;
}
.xnrs-mobile-action-bar--glass .xnrs-mobile-action-bar__item {
min-height: 0 !important;
height: 100% !important;
overflow: visible !important;
}
.xnrs-mobile-action-bar__icon,
.xnrs-mobile-action-bar__icon > svg {
box-sizing: content-box !important;
}
.xnrs-mobile-action-bar__label {
line-height: 1.2 !important;
}
} @media (max-width: 767px) {
.xnrs-mobile-action-bar__icon > .xnrs-mobile-action-bar__svg {
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 100% !important;
max-height: 100% !important;
transform: none !important;
overflow: visible !important;
fill: currentColor !important;
}
} @media (max-width: 989px) {
.xnrs-theme-toggle.xnrs-mobile-header-menu,
.xnhs-theme-toggle.xnhs-mobile-header-menu,
[data-xnrs-mobile-placement="header-menu"] {
display: inline-flex !important;
}
#top #header .av-burger-menu-main.xnrs-theme-burger-host,
#top #header_main .av-burger-menu-main.xnrs-theme-burger-host,
#header .xnrs-theme-burger-host,
#header_main .xnrs-theme-burger-host,
.xnrs-theme-burger-host {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: auto !important;
min-width: 0 !important;
overflow: visible !important;
}
.xnrs-theme-burger-host > .xnrs-mobile-header-theme-slot {
box-sizing: border-box !important;
position: relative !important;
inset: auto !important;
z-index: 5 !important;
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
min-height: 0 !important;
height: auto !important;
margin: 0 6px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
list-style: none !important;
line-height: 1 !important;
overflow: visible !important;
transform: none !important;
}
.xnrs-theme-burger-host > .xnrs-mobile-header-theme-slot .xnrs-theme-toggle,
.xnrs-theme-burger-host > .xnrs-mobile-header-theme-slot .xnhs-theme-toggle,
.xnrs-theme-burger-host > .xnrs-mobile-header-theme-slot [data-xnrs-mobile-placement="header-menu"] {
box-sizing: border-box !important;
position: relative !important;
inset: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
z-index: 6 !important;
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
width: auto !important;
min-width: 70px !important;
max-width: none !important;
min-height: 36px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 10px !important;
border-radius: 999px !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
transform: none !important;
}
.xnrs-theme-burger-host > .xnrs-mobile-header-theme-slot .xnrs-theme-toggle:hover,
.xnrs-theme-burger-host > .xnrs-mobile-header-theme-slot .xnhs-theme-toggle:hover {
transform: none !important;
} .xnrs-theme-burger-host > a,
.xnrs-theme-burger-host > .av-hamburger,
.xnrs-theme-burger-host > .elementor-menu-toggle,
.xnrs-theme-burger-host > .menu-toggle {
flex: 0 0 auto !important;
}
}