:root{--max-width:64rem}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1a1a1a}main{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:56px;gap:1rem}.header-logo{font-weight:700;font-size:1.125rem;color:#1a1a1a;text-decoration:none;flex-shrink:0}.header-logo:hover{color:#555}.header-nav-desktop{display:none;align-items:center;gap:1.5rem}.header-right{display:flex;align-items:center;gap:.25rem}.nav-link{color:#374151;text-decoration:none;font-size:.9375rem;white-space:nowrap}.cart-link,.nav-link:hover{color:#1a1a1a}.cart-link{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;text-decoration:none}.cart-link:hover{color:#555}.cart-badge{position:absolute;top:6px;right:4px;background:#1a1a1a;color:#fff;font-size:.6875rem;font-weight:600;line-height:1;min-width:16px;height:16px;border-radius:8px;padding:0 3px;display:flex;align-items:center;justify-content:center}.mobile-menu{position:relative}.mobile-menu-toggle{list-style:none;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-menu-toggle::-webkit-details-marker{display:none}.mobile-menu-toggle::marker{display:none}.mobile-menu-toggle:hover{color:#1a1a1a}.mobile-nav{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.375rem;display:flex;flex-direction:column;min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:100}.mobile-nav .nav-link{display:block;padding:.625rem .75rem;border-radius:4px}.mobile-nav .nav-link:hover{background:#f9fafb}@media (min-width:640px){.header-nav-desktop{display:flex}.mobile-menu{display:none}}.button-link{display:inline-block;font:inherit;padding:1px 6px;border:1px solid #767676;border-radius:3px;background:#efefef;color:#000;text-decoration:none;cursor:pointer}.button-link:hover{background:#e5e5e5}