/* Shared storefront chrome. index.html is the single visual reference. */
.site-header{position:relative;z-index:1000;width:100%;box-sizing:border-box}
.site-header>.container{width:min(1200px,calc(100% - 40px));max-width:1200px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}
.site-header .main-nav{display:flex;align-items:center}
.site-header .header-actions{display:flex;align-items:center}
.site-footer{display:block;clear:both;width:100%;height:auto;box-sizing:border-box}
.site-footer>.container{width:min(1200px,calc(100% - 40px));max-width:1200px;margin-inline:auto;box-sizing:border-box}
.site-footer .footer-grid{display:grid;grid-template-columns:minmax(220px,1.65fr) repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.site-footer .footer-grid>div{min-width:0}
.site-footer .footer-grid ul{list-style:none;margin:0;padding:0}
.site-footer .footer-grid li{margin:0 0 9px}
.site-footer .footer-grid h4{margin-top:0}
.site-footer .footer-assistance{display:block}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:980px){.site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.site-header>.container,.site-footer>.container{width:calc(100% - 32px)}.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.site-footer .footer-grid>div:first-child{grid-column:1/-1}}