*{box-sizing:border-box}html{font-family:var(--font-body);font-size:var(--text-base);color-scheme:dark;scroll-padding-top:var(--space-6)}body{min-block-size:100dvh;margin:0;background-color:var(--color-bg);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--line-height-body)}.site-header,.site-footer,#main{inline-size:min(var(--page-width),calc(100% - var(--space-6)));margin-inline:auto}.site-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-4);border-block-end:1px solid var(--color-divider)}.site-brand{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:var(--weight-bold);letter-spacing:-.06em;text-decoration:none}.site-header>nav{grid-column:1 / -1;grid-row:2}.site-nav-list,.site-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:0;padding:0;list-style:none}.site-nav-list a,.site-account-nav>a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--color-muted);text-decoration:none;font-size:var(--text-sm);white-space:nowrap}.site-nav-list a:hover,.site-account-nav>a:hover,.site-footer a:hover{color:var(--color-accent)}.site-account-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-3)}.site-account-nav .cart-link{color:var(--color-text)}.cart-count{display:inline-grid;place-items:center;min-inline-size:1.5rem;block-size:1.5rem;margin-inline-start:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.75rem}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-7);border-block-start:1px solid var(--color-divider);color:var(--color-muted);font-size:var(--text-sm)}.site-footer p{margin-block:var(--space-2) 0}.site-footer-links{gap:var(--space-4)}.site-footer-links a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--color-muted);text-underline-offset:4px}.skip-link{position:absolute;inset-block-start:0;inset-inline-start:var(--space-4);z-index:1;padding:var(--space-3) var(--space-4);transform:translateY(-200%);background-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold)}.skip-link:focus-visible{transform:translateY(var(--space-4))}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.visually-muted{color:var(--color-muted)}#main{min-block-size:60dvh;padding-block:var(--space-7)}#main:has(.home-page){padding-block:0}h1,h2,h3,h4,h5,h6{margin-block:0 var(--space-4);color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--line-height-display);letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}p{max-inline-size:var(--measure)}a{color:var(--color-accent);text-underline-offset:4px;transition:color var(--transition-fast)}button,input,select,textarea{color:var(--color-text);font:inherit}:focus-visible{outline:var(--focus-outline-width) solid var(--color-accent);outline-offset:var(--focus-outline-offset)}.layout-stack{display:grid;gap:var(--space-5)}.layout-surface{padding:var(--space-5);border:1px solid var(--color-divider);border-radius:var(--radius-md);background-color:var(--color-surface)}.auth-page{max-inline-size:28rem;margin:var(--space-5) auto var(--space-8)}.auth-page>p{color:var(--color-muted)}.auth-form{display:grid;gap:var(--space-3);margin-block:var(--space-6)}.auth-form input{min-inline-size:0;inline-size:100%;min-block-size:48px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.auth-form label:not(:first-of-type){margin-block-start:var(--space-3)}.auth-form button{min-block-size:48px;margin-block-start:var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold);cursor:pointer}.auth-form button:disabled{opacity:.7;cursor:wait}.auth-form [aria-live]{margin:0}.admin-navigation{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-block-end:var(--space-4);border-block-end:1px solid var(--color-divider)}.admin-navigation a{display:inline-flex;align-items:center;min-block-size:44px}@media(min-width:480px){.site-account-nav{gap:var(--space-5)}}@media(min-width:768px){.site-header,.site-footer,#main{inline-size:min(var(--page-width),calc(100% - var(--space-8)))}.site-header{grid-template-columns:1fr auto 1fr;gap:var(--space-5);padding-block:var(--space-4)}.site-header>nav{grid-column:auto;grid-row:auto}.site-nav-list{flex-wrap:nowrap;gap:var(--space-5)}.site-account-nav{flex-wrap:nowrap;gap:var(--space-4)}#main{padding-block:var(--space-8)}}@media(min-width:1200px){.site-nav-list{gap:var(--space-6)}.site-account-nav{gap:var(--space-5)}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms}*,*:before,*:after{transition:none}}.site-sign-out{margin:0}.site-sign-out button{display:inline-flex;align-items:center;min-block-size:44px;padding:0;border:0;background:transparent;color:var(--color-muted);font:inherit;font-size:.875rem;font-weight:var(--weight-regular);white-space:nowrap;cursor:pointer}.site-sign-out button:hover{color:var(--color-text)}.breadcrumbs{color:var(--color-muted);font-size:.875rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0;list-style:none}.breadcrumbs li+li:before{content:"/";margin-inline-end:var(--space-3)}@media(min-width:768px)and (max-width:1023px){.site-header{grid-template-columns:auto 1fr}.site-header>nav{grid-column:1 / -1;grid-row:2}.site-account-nav{flex-wrap:wrap}}