.Footer{width:100%;border-top:1px solid var(--border);background:var(--bg);padding-block:4em 2em;margin-top:6em}.Footer .top{display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.Footer .top{grid-template-columns:1.4fr 2fr}}.Footer .brand{display:flex;flex-direction:column;gap:1rem;max-width:24em}.Footer .brand .tagline{color:var(--muted);font-size:.92em;line-height:1.6}.Footer .newsletter{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3em;margin-top:.5em}.Footer .newsletter input{flex:1 1 0%;background-color:transparent;outline:2px solid transparent;outline-offset:2px;padding:.5em .9em;font-size:.9em;color:var(--text)}.Footer .newsletter input::-moz-placeholder{color:var(--muted)}.Footer .newsletter input::placeholder{color:var(--muted)}.Footer .newsletter button{background:var(--brand);color:var(--on-brand);padding:.55em 1.1em;border-radius:999px;font-size:.85em;font-weight:600;transition:background .2s ease}.Footer .newsletter button:hover{background:var(--brand-hover)}.Footer .columns{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.Footer .columns{grid-template-columns:repeat(3,1fr)}}.Footer .column h4{font-size:.85em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:1em}.Footer .column ul{display:flex;flex-direction:column;gap:.625rem;list-style:none;padding:0;margin:0}.Footer .column a{font-size:.9em;color:var(--muted);transition:color .2s ease}.Footer .column a:hover{color:var(--text)}.Footer .bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:3em;padding-top:2em;border-top:1px solid var(--border)}@media(min-width:640px){.Footer .bottom{flex-direction:row;align-items:center}}.Footer .bottom .copy{font-size:.85em;color:var(--muted)}.Footer .bottom .legal{display:flex;align-items:center;gap:1.25rem}.Footer .bottom .legal a{font-size:.85em;color:var(--muted);transition:color .2s ease}.Footer .bottom .legal a:hover{color:var(--text)}.ThemeToggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.4em;height:1.9em}.ThemeToggle.placeholder{background-color:transparent}.ThemeToggle .track{position:absolute;inset:0;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 .25em;transition:background .25s ease,border-color .25s ease}.ThemeToggle .thumb{position:absolute;width:1.4em;height:1.4em;border-radius:50%;background:var(--text);left:.25em;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s;box-shadow:0 1px 4px rgba(0,0,0,.18)}.ThemeToggle.dark .thumb{transform:translateX(1.45em)}.ThemeToggle .ic{display:inline-block;width:.85em;height:.85em;margin-inline:.2em;background:var(--muted);transition:opacity .2s ease}.ThemeToggle .ic.sun{mask:radial-gradient(circle,transparent 35%,#000 36%) center/100% 100% no-repeat;-webkit-mask:radial-gradient(circle,#000 30%,transparent 32%) center/100% 100% no-repeat;background:#f5b033;border-radius:50%;width:.85em;height:.85em}.ThemeToggle .ic.moon{background:#8b9bbf;border-radius:50%;box-shadow:inset -.25em -.05em 0 0 var(--surface)}.ThemeToggle.dark .ic.sun,.ThemeToggle.light .ic.moon{opacity:.3}.ThemeToggle:hover .track{border-color:var(--muted)}.Navbar{position:sticky;top:0;z-index:50;width:100%;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .25s ease,background .25s ease}.Navbar.scrolled{border-bottom-color:var(--border)}.Navbar .bar{display:flex;align-items:center;justify-content:space-between;height:4.25em}.Navbar .links{display:none;align-items:center;gap:.25rem}@media(min-width:768px){.Navbar .links{display:flex}}.Navbar .links .link{position:relative;display:inline-flex;align-items:center;padding:.6em 1em;font-size:.78em;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-radius:999px;font-weight:600;transition:color .2s ease,background .2s ease}.Navbar .links .link:hover{color:var(--text);background:var(--surface)}.Navbar .links .link.active{color:var(--text)}.Navbar .links .link.active:after{content:"";position:absolute;bottom:.15em;left:50%;transform:translateX(-50%);width:.35em;height:.35em;border-radius:50%;background:var(--brand)}.Navbar .actions{display:flex;align-items:center;gap:.75rem}.Navbar .cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:999px;background:var(--surface);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.Navbar .cart-btn:hover{background:var(--elevated);border-color:var(--muted)}.Navbar .cart-btn .ic{display:inline-block;width:1.05em;height:1.05em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") center/contain no-repeat}.Navbar .cart-btn .badge{position:absolute;top:-.25em;right:-.25em;min-width:1.25em;height:1.25em;padding:0 .35em;font-size:.7em;font-weight:600;background:var(--brand);color:var(--on-brand)}.Navbar .burger,.Navbar .cart-btn .badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.Navbar .burger{position:relative;flex-direction:column;gap:.25rem;width:2.4em;height:2.4em;background:var(--surface);border:1px solid var(--border)}@media(min-width:768px){.Navbar .burger{display:none}}.Navbar .burger span{display:block;width:1em;height:1.5px;background:var(--text);transition:transform .25s ease,opacity .25s ease}.Navbar .burger.open span:first-child{transform:translateY(2.5px) rotate(45deg)}.Navbar .burger.open span:last-child{transform:translateY(-2.5px) rotate(-45deg)}.Navbar .mobile{display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.Navbar .mobile{display:none}}.Navbar .mobile .mlink{display:flex;align-items:center;padding:1em .5em;font-size:1em;color:var(--muted);border-bottom:1px solid var(--border);font-weight:500}.Navbar .mobile .mlink.active{color:var(--text)}.Navbar .mobile .mlink:last-child{border-bottom:0}