:root{--teal: #1a6b5a;--teal-light: #2e8b7a;--navy: #0a3d62;--warm: #fdf6ec;--bg: #f0f4f2;--text: #1a1a1a;--muted: #999;--border: #eee;--max-width: 480px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 20px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh}img{max-width:100%;height:auto}button{font-family:inherit}input,textarea{font-family:inherit;font-size:16px}.app{background:var(--bg);min-height:100vh;max-width:var(--max-width);margin:0 auto;position:relative}.loading{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 14px;font-size:13px;font-weight:700;border-radius:0 0 8px;z-index:999}.skip-link:focus{left:0}@keyframes cart-bounce{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(-6deg)}60%{transform:scale(.92) rotate(4deg)}to{transform:scale(1)}}.cart-btn-content{display:inline-block;animation:cart-bounce .48s cubic-bezier(.34,1.56,.64,1);transform-origin:center}@media(hover:hover)and (pointer:fine){article[aria-expanded]{transition:transform .12s ease,box-shadow .12s ease}article[aria-expanded=false]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014!important}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}article[aria-expanded=true]>div+div{animation:fade-slide-in .2s ease-out}.cat-scroll{position:relative}.cat-scroll:after{content:"";position:absolute;top:0;right:0;bottom:8px;width:24px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg) 80%)}@media(min-width:720px){body{background:radial-gradient(circle at 15% 20%,rgba(26,107,90,.08),transparent 45%),radial-gradient(circle at 85% 80%,rgba(10,61,98,.07),transparent 45%),var(--bg);background-attachment:fixed}.app{box-shadow:0 0 0 1px #0000000a,0 30px 60px -20px #0a3d622e,0 12px 24px -8px #00000014}}@media(min-width:900px){.app{max-width:1100px}.app-body{display:grid;grid-template-columns:minmax(0,640px) 340px;gap:24px;justify-content:center}.app-main{min-width:0}.cart-sidebar{position:sticky;top:16px;align-self:start}.app-footer{max-width:1100px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}