:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#1c2025;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}:root{--sf-fg:#1c2025;--sf-muted:#6b7280;--sf-line:#e5e7eb;--sf-bg-soft:#f7f8fa;--sf-accent:#111827;--sf-accent-fg:#fff;--sf-danger:#c0392b;--sf-sale:#e5484d;--sf-radius:10px;--sf-max:1080px}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.sf-wrap{max-width:var(--sf-max);margin:0 auto;padding:0 1rem}.sf-header{border-bottom:1px solid var(--sf-line);-webkit-backdrop-filter:saturate(180%)blur(6px);backdrop-filter:saturate(180%)blur(6px);z-index:10;background:#ffffffeb;position:sticky;top:0}.sf-header-row{align-items:center;gap:1rem;height:60px;display:flex}.sf-logo{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.sf-nav{flex-wrap:wrap;flex:1;gap:.75rem;display:flex;overflow-x:auto}.sf-nav a{color:var(--sf-muted);white-space:nowrap;font-size:.9rem}.sf-nav a:hover{color:var(--sf-fg)}.sf-header-actions{white-space:nowrap;gap:.9rem;margin-left:auto;font-size:.9rem;display:flex}.sf-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem 1rem;display:grid}.sf-card{border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:#fff;transition:box-shadow .15s;overflow:hidden}.sf-card:hover{box-shadow:0 6px 20px #0000000f}.sf-thumb{aspect-ratio:1;background:var(--sf-bg-soft);color:#c3c8d0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.sf-card-body{padding:.7rem .8rem .9rem}.sf-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .4rem;font-size:.92rem;line-height:1.35;display:-webkit-box;overflow:hidden}.sf-price{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.sf-price-sale{color:var(--sf-sale);font-weight:700}.sf-price-list{color:var(--sf-muted);font-size:.8rem;text-decoration:line-through}.sf-btn{border:1px solid var(--sf-accent);background:var(--sf-accent);color:var(--sf-accent-fg);border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.92rem;font-weight:600;display:inline-flex}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn-ghost{color:var(--sf-fg);border-color:var(--sf-line);background:#fff}.sf-h1{letter-spacing:-.02em;margin:1.5rem 0 1rem;font-size:1.5rem;font-weight:800}.sf-section{padding:1.5rem 0 3rem}.sf-muted{color:var(--sf-muted)}.sf-error{color:var(--sf-danger);background:#fdecea;border:1px solid #f5c6c2;border-radius:8px;padding:.75rem .9rem;font-size:.9rem}.sf-note{background:var(--sf-bg-soft);border:1px solid var(--sf-line);color:var(--sf-muted);border-radius:8px;padding:.75rem .9rem;font-size:.88rem}.sf-field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.sf-field label{font-size:.85rem;font-weight:600}.sf-input{border:1px solid var(--sf-line);border-radius:8px;padding:.6rem .7rem;font-size:.95rem}.sf-input:focus{border-color:#93a4f4;outline:2px solid #c7d2fe}.sf-line{border-bottom:1px solid var(--sf-line);align-items:center;gap:1rem;padding:.9rem 0;display:flex}.sf-line-thumb{background:var(--sf-bg-soft);border-radius:8px;flex:0 0 64px;width:64px;height:64px}.sf-line-main{flex:1;min-width:0}.sf-qty{border:1px solid var(--sf-line);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.sf-qty button{background:#fff;border:none;width:32px;height:32px}.sf-qty span{text-align:center;min-width:34px;font-size:.9rem}.sf-summary{border-top:2px solid var(--sf-fg);flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.sf-summary-row{justify-content:space-between;font-size:.95rem;display:flex}.sf-summary-total{font-size:1.1rem;font-weight:800}