/* Approved dragon artwork, shared website identity. */
.site-header.site-header{height:64px;min-height:64px;aspect-ratio:auto}
.site-header.site-header>a.brand.header-brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;width:auto;height:100%;background:none!important;text-decoration:none;letter-spacing:0}
.site-header .header-brand>img{display:block;flex:none;width:40px;height:40px;object-fit:contain}
.site-header .header-brand>.header-brand-name{display:block;flex:none;margin:0;padding:0;border:0;color:inherit;font:700 24px/1.2 "STKaiti","KaiTi","Songti SC",serif;letter-spacing:.06em;white-space:nowrap}
.site-header .header-brand:focus-visible{border-radius:4px;outline:2px solid #a3844b;outline-offset:4px}
html[data-theme=dark] .site-header .header-brand>.header-brand-name{color:#eddfc2}
@media(max-width:899px){
 .site-header.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:9px 18px;position:relative}
 .site-header.site-header>a.brand.header-brand{grid-area:1/1;position:static;inset:auto;min-width:0;width:auto;height:44px;order:0;gap:9px;overflow:visible}
 .site-header .header-brand>img{width:36px;height:36px}
 .site-header .header-brand>.header-brand-name{font-size:22px}
 .site-header.site-header #account-link{grid-area:1/2;position:static;inset:auto;width:auto;max-width:8em;height:44px;min-height:44px;margin:0!important;display:flex;align-items:center;justify-content:center;font-size:14px!important;flex:none}
 .site-header.site-header #account-link:after{content:none!important}
 .site-header.site-header #theme-toggle{grid-area:1/3;position:static;inset:auto;transform:none!important;width:40px;height:44px;margin:0!important;display:flex;align-items:center;justify-content:center}
 .site-header.site-header #mobile-menu-toggle{grid-area:1/4;order:0;width:40px;min-width:40px;height:44px;margin:0;padding:8px;display:flex;align-items:center;justify-content:center}
 .site-header.site-header #mobile-menu-toggle span:nth-child(2){display:none}
 .site-header.site-header:before,.site-header.site-header:after{content:none!important}
 .site-header.site-header #main-navigation{top:72px;left:auto;right:18px;max-height:calc(100dvh - 88px)}
}
@media(min-width:900px) and (max-width:1100px){
 .site-header.site-header{display:flex;align-items:center;gap:18px;padding:0 22px}
 .site-header.site-header>a.brand.header-brand{position:static;inset:auto;gap:8px;flex:none}
 .site-header .header-brand>img{width:36px;height:36px}
 .site-header .header-brand>.header-brand-name{font-size:20px;letter-spacing:.04em}
 .site-header.site-header #main-navigation{display:flex;position:static;inset:auto;align-items:center;order:1;gap:12px;flex:1;min-width:0;width:auto;height:100%}
 .site-header.site-header #main-navigation>a{position:static;flex:1;width:auto;height:100%;min-height:44px;padding:0;font-size:14px;color:inherit}
 .site-header.site-header #main-navigation>a:before{content:none}
 .site-header.site-header #account-link{position:static;inset:auto;order:2;display:flex;align-items:center;justify-content:center;width:auto;height:44px;margin:0!important;flex:none;min-height:44px;font-size:14px}
 .site-header.site-header #theme-toggle{position:static;inset:auto;transform:none!important;order:3;display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:40px;margin:0!important}
 .site-header.site-header #mobile-menu-toggle{display:none!important}
 .site-header.site-header:before,.site-header.site-header:after{content:none!important}
}
@media(max-width:760px){
 .site-header.site-header{gap:8px;padding:9px 14px}
 .site-header.site-header>a.brand.header-brand{gap:8px}
 .site-header .header-brand>img{width:34px;height:34px}
 .site-header .header-brand>.header-brand-name{font-size:19px;letter-spacing:.025em}
 .site-header.site-header #account-link{font-size:12px!important}
 .site-header.site-header #theme-toggle{width:32px}
 .site-header.site-header #mobile-menu-toggle{width:36px;min-width:36px}
 .site-header.site-header #main-navigation{right:14px}
}
@media(max-width:360px){.site-header.site-header{gap:6px;padding-inline:12px}.site-header.site-header>a.brand.header-brand{gap:7px}.site-header .header-brand>img{width:32px;height:32px}.site-header .header-brand>.header-brand-name{font-size:18px;letter-spacing:0}}

/* One transparent brand identity in every page footer. */
footer .footer-brand.site-brand-lockup{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:0 auto 20px;color:var(--wly-text,#38352a);text-decoration:none;background:none}
footer .footer-brand.site-brand-lockup>img{display:block;flex:none;width:28px;height:28px;object-fit:contain}
footer .footer-brand.site-brand-lockup>strong{font:700 19px/1.3 "STKaiti","KaiTi","Songti SC",serif;letter-spacing:.04em}
html[data-theme=dark] footer .footer-brand.site-brand-lockup>strong{color:#eddfc2}

#app .voucher-phone-label>span{display:block;white-space:nowrap}

/* Older desktop engines ignore inset:auto and retain the legacy nth-child offsets. */
@media(min-width:900px){
 .site-header.site-header #main-navigation>a{top:auto;right:auto;bottom:auto;left:auto}
}
/* The header is capped at 1440px; viewport-based padding crowds its contents on wide screens. */
@media(min-width:1101px){body .site-header.site-header{padding:0 40px}}