
#menu-toggle{display:none}
.site-header{position:sticky;top:-190px;z-index:15}
@media(min-width:601px) and (max-width:850px){.site-header{top:-190px}}
#mobile-menu{margin:0 auto 0 0;width:320px;max-width:86vw;height:100dvh;max-height:100dvh;padding:28px;background:#fcfaf7;color:#513827;border:0;box-shadow:8px 0 35px #342b2326}
#mobile-menu::backdrop{background:#2f211b66}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between}.mobile-menu-heading h2{font-size:25px;letter-spacing:.08em}.mobile-menu-heading button{border:0;background:none;color:#513827;font-size:32px;width:44px;height:44px}.menu-tagline{font-size:13px;letter-spacing:.08em;margin:8px 0 30px;color:#76523b}
#mobile-menu nav{display:flex;flex-direction:column}#mobile-menu nav a,#menu-cart{padding:17px 0;border:0;border-bottom:1px solid #e5dcd2;font:500 17px 'Microsoft JhengHei',sans-serif;background:transparent;color:#513827;text-align:left}.original-version{display:block;margin-top:30px;font-size:13px;text-decoration:underline}
@media(max-width:600px){
 .site-header{top:0;display:grid;grid-template-columns:44px 1fr 44px;grid-template-rows:105px;height:105px;padding:0 16px;box-shadow:0 2px 12px #51382710}
 .site-header>.wordmark{grid-column:2;grid-row:1;justify-self:center;width:104px;height:104px}
 #menu-toggle{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:0;color:#513827;padding:10px}
 #menu-toggle svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none}
 .site-header nav{display:none}
 html{scroll-padding-top:120px}
}

/* Persistent desktop brand beside Home. */
@media(min-width:601px){
 .site-header{height:259px;grid-template-rows:190px 68px;top:-190px}
 .site-header nav{gap:30px}
 .site-header nav a.nav-brand{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:62px;height:66px;padding:0}
 .nav-brand img{display:block;width:62px;height:62px;object-fit:contain}
}
@media(min-width:601px) and (max-width:850px){.site-header nav{gap:14px}.site-header nav a,.site-header nav .cart-button{font-size:14px!important}}
@media(max-width:600px){.nav-brand{display:none}}

.mobile-quick-nav{display:none}
@media(max-width:600px){
 .mobile-quick-nav{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 10px;background:#f3eee8;border-bottom:1px solid #e5dcd2;position:static}
 .mobile-quick-nav a,.mobile-quick-nav button{flex:0 0 auto;white-space:nowrap;font:600 13px/1.7 'Noto Sans TC','Microsoft JhengHei',sans-serif;color:#513827;padding:12px 0;min-height:44px;text-decoration:none;background:none;border:0;cursor:pointer}
}
@media(max-width:370px){.mobile-quick-nav{padding-inline:7px;gap:3px}.mobile-quick-nav a,.mobile-quick-nav button{font-size:12px}}

/* Compact mobile sticky brand bar. */
@media(max-width:600px){
 .site-header{height:78px;grid-template-rows:78px}
 .site-header>.wordmark{width:78px;height:78px}
 #menu-toggle{width:44px;height:44px}
 html{scroll-padding-top:90px}
}

.mobile-menu-heading{align-items:flex-start;margin-bottom:18px}.mobile-menu-heading h2.mobile-menu-logo{margin:0;width:120px;height:120px;line-height:1}.mobile-menu-logo img{display:block;width:100%;height:100%;object-fit:contain}.mobile-menu-heading #menu-close{margin-top:4px;flex-shrink:0}
