@media(max-width:700px){
.header,.header.scrolled{height:74px;min-height:74px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fafbf5f5;border-bottom:1px solid #dce3d2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 18px #183c3408;transition:box-shadow .25s,background .25s;isolation:isolate}
.header.scrolled{background:#fafbf5fa;box-shadow:0 6px 22px #183c3412}
.header .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:116px;height:64px}
.header .brand img{display:block;width:108px;height:58px;object-fit:contain;filter:none}
.header .header-leading{min-width:44px}.header .header-note{display:none}
.header .header-actions{display:flex;gap:5px;align-items:center}.header .header-actions>a:first-child,.header .header-favorite{display:none}
.header .icon{width:44px;height:44px;min-width:44px;padding:10px;display:grid;place-items:center;border:1px solid #dce3d2;border-radius:14px;background:#eff3e7;color:#183c34;transition:background .2s,box-shadow .2s,transform .2s}
.header .icon svg{width:23px;height:23px;stroke-width:1.35}.header .mobile-menu span{display:none}.header .icon:active{transform:scale(.95);background:#e2ebd4}.header .icon:focus-visible{outline:2px solid #527247;outline-offset:3px}
.header #cart-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:1px 4px;display:grid;place-items:center;border:2px solid #fafbf5;border-radius:50%;background:#244d3c;color:#fff;font:10px/1 Arial}
.header:after{height:1px;bottom:0;background:#91a86d}
}
@media(prefers-reduced-motion:reduce){.header,.header .icon{transition:none}}