@import"https://fonts.googleapis.com/css2?family=Banburi&display=swap";:root{--bg: #ffffff;--bg-page: #f7f7f5;--bg-card: #ffffff;--bg-input: #ffffff;--bg-muted: #f2f2ef;--border: #e8e8e3;--border-mid: #d4d4cc;--text: #1a1a18;--text-muted: #6b6b63;--text-hint: #b0b0a8;--accent: #00b386;--accent-dk: #009470;--accent-lt: #e8f7f3;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.05);--shadow-xl: 0 24px 64px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Banburi", system-ui, sans-serif;--font-body: "Banburi", system-ui, sans-serif}[data-theme=dark]{--bg: #0d0d0b;--bg-page: #111110;--bg-card: #1a1a18;--bg-input: #222220;--bg-muted: #1e1e1c;--border: #2a2a28;--border-mid: #363634;--text: #f0f0ec;--text-muted: #9a9a92;--text-hint: #5a5a54;--accent: #00c390;--accent-dk: #00a67e;--accent-lt: #0a2820;--shadow-sm: 0 1px 3px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.6), 0 1px 4px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.5);--shadow-xl: 0 24px 64px rgba(0,0,0,.8), 0 4px 16px rgba(0,0,0,.6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Banburi,system-ui,sans-serif;background-color:var(--bg-page);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease;line-height:1.6;font-size:15px}h1{font-family:Banburi,system-ui,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-bottom:32px}h2{font-family:Banburi,system-ui,sans-serif;font-size:clamp(18px,2.5vw,24px);font-weight:800;letter-spacing:-.02em;line-height:1.25}h3{font-size:16px;font-weight:800;letter-spacing:-.01em}.container{max-width:1040px;margin:0 auto;padding:64px 24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-mid)}.btn{padding:13px 26px;border-radius:var(--radius-md);cursor:pointer;font-weight:800;font-size:14px;font-family:Banburi,system-ui,sans-serif;letter-spacing:-.01em;transition:all .18s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #00b38640,0 1px 2px #00b38633}.btn-primary:hover{background:var(--accent-dk);box-shadow:0 6px 20px #00b38659,0 2px 6px #00b38633;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #00b38640}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border-mid)}.btn-secondary:hover{background:var(--bg-muted);border-color:var(--text-hint)}.btn-small{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-mid);background:var(--bg-card);color:var(--text);font-weight:800;cursor:pointer;font-size:15px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-small:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.06)}.remove-btn{background:none;border:none;color:var(--text-hint);font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;transition:color .15s ease}.remove-btn:hover{color:#e74c3c}.summary{margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}.controls{display:flex;align-items:center;gap:10px}.navbar{width:100%;background:var(--bg);border-bottom:1px solid var(--border);padding:0 40px;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.navbar-logo{font-family:Banburi,system-ui,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.03em}.navbar-links{display:flex;align-items:center;gap:4px}.navbar a{text-decoration:none;color:var(--text-muted);font-weight:800;font-size:14px;transition:color .15s ease;letter-spacing:-.01em;padding:6px 12px;border-radius:var(--radius-sm)}.navbar a:hover{color:var(--text);background:var(--bg-muted)}.cart-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;margin-left:4px;letter-spacing:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card h3{margin-bottom:6px}.product-price{font-weight:800;margin-bottom:20px;color:var(--accent)}input,textarea,select{font-family:Banburi,system-ui,sans-serif;background:var(--bg-input);color:var(--text);border:1px solid var(--border-mid);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease;font-size:15px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00b3861f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-muted) 50%,var(--border) 75%);background-size:1200px 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}