/* Site chrome shared by every page: loaded last so all pages get the same menu and footer. Mobile first. */
:root{--header:56px}
.skip{position:fixed;z-index:200;left:12px;top:-80px;background:var(--cream);color:var(--choc);padding:12px 16px}
.skip:focus{top:8px}
body .site-header{position:sticky;top:0;z-index:50;background:var(--choc);color:var(--cream)}
body .site-header .header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;max-width:none;height:var(--header);margin:0;padding:0 12px}
body .site-header .menu-button{display:inline-grid;place-items:center;justify-self:start;width:44px;height:44px;padding:0;border:0;background:none;color:inherit}
body .site-header .brand{display:flex;align-items:center;justify-self:center;min-height:44px}
body .site-header .brand img{width:auto;height:38px;margin:0;object-fit:contain}
body .site-header .nav{display:none}
body .site-header .header-actions{display:flex;align-items:center;justify-self:end;gap:6px}
body .site-header .header-shop{display:inline-flex;min-height:44px;margin:0;padding:8px 18px;border:0;background:var(--pink);color:var(--choc);font:700 .9rem/1.2 var(--sans);border-radius:99px;text-decoration:none}
body .site-header .header-shop:hover{background:var(--cream)}
body .site-header .cart-button{display:inline-grid;place-items:center;position:relative;width:44px;height:44px;margin:0;border:0;background:none;color:inherit}
body.product-page .site-header .header-shop{display:none}
.menu-dialog nav{display:flex;flex-direction:column}
.menu-dialog nav a{display:flex;align-items:center;justify-content:center;min-height:52px;border-top:1px solid rgb(248 237 204/.3);font-size:1.15rem;text-decoration:none}
.menu-dialog .brand img{width:auto;height:38px}
body .footer{display:block;background:var(--choc);color:var(--cream);padding:30px 20px 20px;text-align:center}
body .footer .footer-top{display:flex;flex-direction:column;align-items:center;gap:10px}
body .footer .brand{display:flex;align-items:center;min-height:44px}
body .footer .brand img{width:auto;height:38px;margin:0}
body .footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px}
body .footer nav a{display:flex;align-items:center;min-height:44px;font-size:.92rem}
body .footer-note{max-width:70ch;margin:14px auto 0;font-size:.8rem;line-height:1.45}
body .copyright{max-width:none;margin:12px 0 0;padding:0;font-size:.8rem;opacity:.85}
@media(min-width:1000px){
 :root{--header:60px}
 body .site-header .header-row{grid-template-columns:auto 1fr auto;gap:24px;padding:0 24px}
 body .site-header .menu-button{display:none}
 body .site-header .brand{justify-self:start}
 body .site-header .brand img{height:50px}
 body .site-header .nav{display:flex;justify-content:flex-end;align-items:center;gap:32px;margin:0}
 body .site-header .nav a{display:flex;align-items:center;min-height:44px;font-size:1rem;font-weight:600;text-decoration:none}
 body .site-header .nav a:hover{text-decoration:underline}
 body.product-page .site-header .header-shop{display:inline-flex}
 body .footer{padding:32px clamp(56px,5.5vw,110px) 20px;text-align:left}
 body .footer .footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start}
 body .footer nav{justify-content:flex-end}
 body .footer-note{margin:14px 0 0}
}
.brand-name{font-style:italic}
body .footer-note,body .copyright{color:var(--white)}
.brand-name{padding-right:.06em}