@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Instrument+Serif:ital@0;1&family=DM+Mono&display=swap";
:root{--bg:#f0f7fc;--bg2:#e4f0f8;--surface:#fff;--border:#2d8fc41f;--text:#0d2233;--text-muted:#5a7a8e;--accent:#2d8fc4;--accent-hover:#1e7aad;--accent-light:#2d8fc414;--nav-bg:#f0f7fce0;--shadow:0 4px 30px #2d8fc41a}[data-theme=dark]{--bg:#07131c;--bg2:#0d1e2a;--surface:#123;--border:#2d8fc426;--text:#e8f4fb;--text-muted:#5a8aa0;--accent:#3aa0d8;--accent-hover:#50b2e8;--accent-light:#2d8fc41a;--nav-bg:#07131ce0;--shadow:0 4px 30px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;font-family:Syne,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:var(--accent);color:#fff}.prodImgWrap{background:#eef3f7;border-radius:12px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.prodImg{object-fit:cover;width:100%;height:100%}.noImg{color:#7a8a99;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.75rem;display:flex}.noImg span{opacity:.5;font-size:1.6rem}.modal{z-index:9999;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalImg{object-fit:contain;max-width:90%;max-height:90%}.prodCard{transition:transform .2s}.prodCard:hover{transform:translateY(-4px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}