/* smartia.WEB header 1.0.0: host palette and safe areas, no decorative edge rails. */
html:has(.smartia-web-header){background:var(--web-header-top-color,#203c2d);color-scheme:light}
body:has(.smartia-web-header){background:var(--cream,#f8f5ed)}
.smartia-web-topbar{position:sticky;top:0;z-index:30;padding-top:calc(11px + env(safe-area-inset-top,0px));padding-left:max(5%,env(safe-area-inset-left,0px));padding-right:max(5%,env(safe-area-inset-right,0px))}
.smartia-web-header .header-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line,#d7ddcf);border-radius:4px;color:var(--green,#203c2d);-webkit-text-fill-color:currentColor;background:transparent;appearance:none;-webkit-appearance:none;box-shadow:none;text-decoration:none}
.smartia-web-header .header-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.smartia-web-header .header-icon:hover{background:#e8ecdf}
.smartia-web-header .cart-link{background:var(--green,#203c2d);color:var(--cream,#f8f5ed);border-color:transparent}
.smartia-web-header .cart-link:hover{background:#37573d}
.smartia-web-header .menu-toggle{color:var(--green,#203c2d);-webkit-text-fill-color:var(--green,#203c2d)}
.smartia-web-header .menu-toggle[aria-expanded=true]{background:#e8ecdf}
@media(min-width:901px){.smartia-web-header .menu-toggle{display:none}}
@media(max-width:620px){.smartia-web-topbar{padding-top:calc(9px + env(safe-area-inset-top,0px))}.smartia-web-header .header-actions{gap:6px}.smartia-web-header .header-icon{width:44px;min-width:44px;flex-basis:44px;height:44px}.smartia-web-header .brand{font-size:29px}.smartia-web-header .brand img{width:34px;height:34px}}
@media(max-width:360px){.smartia-web-header{padding-left:12px;padding-right:12px;gap:8px}.smartia-web-header .header-actions{gap:4px}.smartia-web-header .brand{font-size:25px;gap:6px}.smartia-web-header .brand img{width:30px;height:30px}.smartia-web-header .brand small{font-size:5px}}
@media(max-width:620px){.smartia-web-topbar>span:first-child{display:inline}.smartia-web-topbar>span:not(:first-child){display:none}}