:root{--bg:#f6f7fb;--card:#fff;--muted:#6b7280;--accent:#4f46e5;--accent-700:#4338ca;--success:#10b981;--ring:#4f46e51f;--shadow-1:0 6px 18px #0f172a0f;--shadow-2:0 10px 30px #0f172a14;--footer-height:56px}*{box-sizing:border-box}#root,body,html{background:linear-gradient(180deg,#f6f7fb,#fff);background:linear-gradient(180deg,var(--bg),#fff);color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;height:100%;margin:0}.container{margin:0 auto;max-width:1100px;padding:0 20px}.navbar{background:#ffffffe6;border-bottom:1px solid #0f172a0a;position:-webkit-sticky;position:sticky;top:0;z-index:40}.navbar-inner{height:72px;justify-content:space-between}.brand,.navbar-inner{align-items:center;display:flex}.brand{gap:12px;text-decoration:none}.brand-logo{display:block;height:70px;width:auto}.brand-text{color:#4338ca;color:var(--accent-700);font-size:20px;font-weight:700;letter-spacing:.3px;line-height:1}.brand:active,.brand:focus,.brand:focus-visible{box-shadow:none;outline:none}.close-btn{display:none!important}.navlinks{gap:28px}.navlink,.navlinks{align-items:center;display:flex}.navlink{color:#334155;font-weight:500;height:72px;padding:8px 10px;position:relative;text-decoration:none}.navlink:hover{color:#4338ca;color:var(--accent-700)}.navlink.active:after{background:#4f46e5;background:var(--accent);border-radius:2px;bottom:10px;content:"";height:2px;left:0;position:absolute;right:0}.hamburger{color:#4338ca;color:var(--accent-700);cursor:pointer;display:none;font-size:26px}.cart-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:12px;margin-left:6px;padding:2px 7px}.site-footer{align-items:center;background:#fbfbfd;border-top:1px solid #0f172a08;bottom:0;display:flex;font-size:13px;height:56px;height:var(--footer-height);justify-content:center;left:0;position:fixed;right:0;z-index:60}.app-content{padding-bottom:80px;padding-bottom:calc(var(--footer-height) + 24px)}.collection-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-top:12px}@media (min-width:640px){.collection-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.collection-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.brand-logo{height:38px}.brand-text{font-size:18px}}.card{background:#fff;background:var(--card);border:1px solid #0f172a08;border-radius:10px;box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-1);display:flex;flex-direction:column;height:280px;padding:14px;transition:transform .22s ease,box-shadow .22s,outline .22s}.card.is-hovered{box-shadow:0 10px 30px #0f172a14;box-shadow:var(--shadow-2);outline:4px solid #4f46e51f;outline:4px solid var(--ring);transform:translateY(-6px) scale(1.02)}.card-image{border-radius:8px;flex-shrink:0;height:200px;margin-bottom:10px;overflow:hidden;width:100%}.card-image img{display:block;height:100%;object-fit:cover;width:100%}.card-title{font-size:1.05rem;font-weight:600;margin:0}.card-desc{color:#6b7280;color:var(--muted);font-size:.95rem;line-height:1.45;margin-top:8px}.card-controls{align-items:center;display:none;gap:10px;margin-top:auto}.card.is-hovered .card-controls{display:flex}.qty{border:1px solid #0f172a0f;border-radius:8px;padding:8px 10px;text-align:center;width:76px}.btn,.qty{font-weight:600}.btn{background:linear-gradient(180deg,#4f46e5,#4338ca);background:linear-gradient(180deg,var(--accent),var(--accent-700));border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 14px}.page-title{font-size:22px;font-weight:700;margin-bottom:8px}.page-sub{color:#6b7280;color:var(--muted);margin-bottom:16px}.alert{background:#fff;border-radius:10px;box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-1);padding:12px 14px}@media (max-width:768px){.hamburger{display:block}.navlinks{background:#fff;box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-1);display:none;flex-direction:column;gap:6px;left:0;padding:12px 16px;position:absolute;right:0;top:72px}.close-btn{color:#334155;cursor:pointer;display:block!important;font-size:20px;position:absolute;right:16px;top:18px}.navlinks.open{display:flex}.navlink{height:auto;padding:12px 14px}.navlink.active:after{display:none}}
/*# sourceMappingURL=main.31518ff1.css.map*/