/* One continuous bamboo identity, kept outside product photography and price panels. */
body.nihao-ui :is(.main-header,.store-header,.hc2-header,.ot2-header){position:relative;isolation:isolate}
body.nihao-ui :is(.main-header,.store-header,.hc2-header,.ot2-header)::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:220px;background:url('nihao-night/bamboo-branch.svg') right center/220px auto no-repeat;opacity:.2;z-index:-1;pointer-events:none}
body.nihao-ui :is(.store-header .brand,.hc2-brand,.ot2-brand){text-decoration:none}
body.nihao-ui :is(.store-header .brand,.hc2-brand,.ot2-brand) .nihao-shared-wordmark{display:inline-flex!important;align-items:center;gap:9px;white-space:nowrap;font:900 32px/1.1 Arial,sans-serif!important;letter-spacing:-1.1px!important;color:#191c19!important}
body.nihao-ui :is(.store-header .brand,.hc2-brand,.ot2-brand) .nihao-shared-wordmark::after{display:none!important}
body.nihao-ui :is(.store-header .brand,.hc2-brand,.ot2-brand) img.nihao-seal{display:inline-block!important;object-fit:contain!important;width:23px!important;height:27px!important;filter:none!important;margin:0!important}
body.nihao-ui .store-header .brand{gap:0!important;min-width:0}
body.nihao-ui .store-header{background-color:#fffefa!important;border-bottom:0!important}
body.nihao-ui .store-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
body.nihao-ui .nihao-nav-panel{isolation:isolate}
body.nihao-ui .nihao-nav-panel::before{content:"";position:absolute;inset-inline-end:0;bottom:0;width:160px;height:160px;background:url('nihao-night/bamboo-branch.svg') right bottom/200px auto no-repeat;opacity:.12;pointer-events:none;z-index:-1}
body.nihao-ui .nihao-navigation{border-bottom-color:#c5b9a5}
body.nihao-ui .nihao-nav-shopping>a[aria-current=page]::after{height:3px;background:linear-gradient(to right,#84232a 0 44%,#fffefa 44% 48%,#84232a 48% 79%,#fffefa 79% 83%,#84232a 83%);border-radius:2px}
body.nihao-ui .nihao-nav-services.is-current>summary{color:#84232a}
body.nihao-ui .nihao-nav-services.is-current>summary::after{transform:scaleX(1)}
body.nihao-ui .nihao-nav-panel a[aria-current=page]{color:#84232a;text-decoration:underline!important;text-underline-offset:5px}
body.nihao-ui :is(.store-footer,.hc2-footer,.ot2-footer,.home-opening-benefits){position:relative;isolation:isolate;overflow:hidden}
body.nihao-ui :is(.store-footer,.hc2-footer,.ot2-footer,.home-opening-benefits)::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:260px;background:url('nihao-night/bamboo-branch.svg') right 60%/270px auto no-repeat;opacity:.17;transform:scaleX(-1);pointer-events:none;z-index:-1}
body.nihao-ui :is(.hc2-hero,.ot2-intro){position:relative;isolation:isolate}
body.nihao-ui :is(.hc2-hero,.ot2-intro)::before{content:"";position:absolute;inset-inline-end:0;top:0;width:240px;max-width:100%;height:260px;background:url('nihao-night/bamboo-branch.svg') right top/240px auto no-repeat;opacity:.13;pointer-events:none;z-index:-1}
body.nihao-ui .hc2-page .hc2-header,body.nihao-ui .ot2-page .ot2-header{z-index:40}
body.nihao-ui .hc2-page>.nihao-navigation,body.nihao-ui .ot2-page>.nihao-navigation{position:relative}
body.nihao-ui .nihao-nav-panel .nihao-nav-help-links{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #e9e5dd;margin-top:8px}
body.nihao-ui .nihao-nav-help-links a{font-size:12px;min-height:48px}
@media(max-width:700px){
 body.nihao-ui :is(.store-header .brand,.hc2-brand,.ot2-brand) .nihao-shared-wordmark{font-size:25px!important;gap:7px}
 body.nihao-ui :is(.store-header .brand,.hc2-brand,.ot2-brand) img.nihao-seal{width:20px!important;height:24px!important}
 body.nihao-ui :is(.main-header,.store-header,.hc2-header,.ot2-header)::before{width:145px;background-size:165px auto;opacity:.16}
 body.nihao-ui :is(.hc2-hero,.ot2-intro)::before{inset-inline-end:0;width:135px;height:170px;background-size:180px auto;opacity:.12}
 body.nihao-ui .store-header{padding-inline:16px!important;gap:8px!important}
 body.nihao-ui .store-header .store-nav{gap:2px!important}
 body.nihao-ui .store-header .store-nav a{padding-inline:6px!important}
 body.nihao-ui .nihao-nav-discover{flex-wrap:wrap;gap:0 16px}
}
@media(max-width:359px){
 body.nihao-ui .store-header{grid-template-columns:minmax(120px,1fr) auto!important;padding-inline:12px!important}
 body.nihao-ui .store-header .nihao-shared-wordmark{font-size:23px!important;gap:6px}
 body.nihao-ui .store-header .store-nav a{padding-inline:4px!important;font-size:11px!important}
}