.card.svelte-11ja2cl{display:flex;flex-direction:column;gap:10px;cursor:pointer;background:none;border:none;padding:0;text-align:left;position:relative}.card.svelte-11ja2cl:after{content:"";position:absolute;inset:-4px;border-radius:18px;border:2px solid transparent;transition:border-color .15s ease;pointer-events:none}.card.selected.svelte-11ja2cl:after{border-color:#22c55e}.image-wrap.svelte-11ja2cl{width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#edf2f4;transition:background .15s ease}.card.selected.svelte-11ja2cl .image-wrap:where(.svelte-11ja2cl){background:#e6f7ed}.product-img.svelte-11ja2cl{width:100%;height:100%;object-fit:contain;padding:8%}.info.svelte-11ja2cl{display:flex;flex-direction:column;gap:2px;padding:0 2px;flex:1}.brand.svelte-11ja2cl{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#aaa}.name.svelte-11ja2cl{font-size:11px;color:#333;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.price.svelte-11ja2cl{font-size:13px;font-weight:700;color:#111;margin-top:6px}.hero.svelte-1uha8ag{padding:48px 24px 36px;border-bottom:1px solid #f0f0f0}.hero-tag.svelte-1uha8ag{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#22c55e;margin:0 0 10px}.hero-title.svelte-1uha8ag{font-size:28px;font-weight:800;color:#111;line-height:1.2;letter-spacing:-.02em;margin:0 0 28px}.brand-strip.svelte-1uha8ag{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;mask-image:linear-gradient(to right,transparent 0,black 24px,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 24px,black calc(100% - 24px),transparent 100%)}.brand-strip.svelte-1uha8ag::-webkit-scrollbar{display:none}.brand-chip.svelte-1uha8ag{display:flex;align-items:center;gap:7px;padding:7px 14px 7px 9px;background:var(--bg, #f4f4f4);border-radius:100px;text-decoration:none;flex-shrink:0;transition:opacity .15s ease,transform .12s ease}.brand-chip.svelte-1uha8ag:hover{opacity:.78;transform:translateY(-1px)}.brand-chip-img-wrap.svelte-1uha8ag{width:22px;height:22px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-chip-img.svelte-1uha8ag{width:18px;height:18px;object-fit:contain}.brand-chip-name.svelte-1uha8ag{font-size:12px;font-weight:600;color:var(--col, #333);white-space:nowrap}.sections.svelte-1uha8ag{padding:0 0 160px}.cat-block.svelte-1uha8ag{padding:40px 0 8px;border-top:1px solid #f0f0f0}.cat-block.svelte-1uha8ag:first-child{border-top:none;padding-top:28px}.cat-header.svelte-1uha8ag{display:flex;align-items:baseline;justify-content:space-between;padding:0 24px 20px}.cat-title-row.svelte-1uha8ag{display:flex;align-items:baseline;gap:10px}.cat-title.svelte-1uha8ag{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#111}.cat-count.svelte-1uha8ag{font-size:10px;color:#ccc;letter-spacing:.04em}.see-all-cat.svelte-1uha8ag{font-size:11px;color:#bbb;letter-spacing:.04em;transition:color .12s ease}.see-all-cat.svelte-1uha8ag:hover{color:#111}.shelf-block.svelte-1uha8ag{margin-bottom:32px}.shelf-label.svelte-1uha8ag{display:block;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ccc;padding:0 24px 12px}.shelf-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(8,1fr);gap:20px 16px;padding:0 24px}.filterbar.svelte-1uha8ag{display:flex;align-items:center;gap:16px;padding:14px 24px 0}.toggle.svelte-1uha8ag{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;letter-spacing:.04em;color:#999;background:none;cursor:pointer;transition:color .12s ease;padding:0}.toggle.svelte-1uha8ag:hover{color:#333}.toggle.active.svelte-1uha8ag{color:#111}.dot.svelte-1uha8ag{width:7px;height:7px;border-radius:50%;background:#ddd;transition:background .15s ease;flex-shrink:0}.toggle.active.svelte-1uha8ag .dot:where(.svelte-1uha8ag){background:#22c55e}.grid-meta.svelte-1uha8ag{display:flex;align-items:center;gap:12px;padding:12px 24px 0}.grid-count.svelte-1uha8ag{font-size:11px;color:#bbb;letter-spacing:.04em}.clear-filter.svelte-1uha8ag{font-size:11px;color:#ccc;transition:color .12s ease}.clear-filter.svelte-1uha8ag:hover{color:#111}.grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(8,1fr);gap:24px 16px;padding:24px 24px 160px}.empty.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40dvh;gap:12px;color:#aaa;font-size:13px}.empty.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#111;text-decoration:underline;text-underline-offset:3px}.backdrop.svelte-1uha8ag{position:fixed;inset:0;background:#0000;z-index:90;transition:background .28s ease;cursor:default}.backdrop.visible.svelte-1uha8ag{background:#0000002e}.drawer.svelte-1uha8ag{position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0000001a,0 -1px #0000000f;transform:translateY(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);max-height:72dvh;overflow-y:auto}.drawer.open.svelte-1uha8ag{transform:translateY(0)}.drawer-inner.svelte-1uha8ag{display:flex;gap:36px;padding:32px 40px 40px;align-items:flex-start}.drawer-img-wrap.svelte-1uha8ag{flex-shrink:0;width:200px;height:200px;background:#edf2f4;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.drawer-img.svelte-1uha8ag{width:100%;height:100%;object-fit:contain;padding:8%}.drawer-info.svelte-1uha8ag{flex:1;min-width:0;display:flex;flex-direction:column}.drawer-top.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.drawer-brand.svelte-1uha8ag{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#aaa}.drawer-close.svelte-1uha8ag{width:30px;height:30px;border-radius:50%;background:#f4f4f4;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:background .15s ease,color .15s ease;flex-shrink:0}.drawer-close.svelte-1uha8ag:hover{background:#eee;color:#111}.drawer-name.svelte-1uha8ag{font-size:17px;font-weight:600;color:#111;line-height:1.3;margin:0 0 4px}.drawer-sub.svelte-1uha8ag{font-size:11px;color:#bbb;letter-spacing:.06em;margin-bottom:20px}.drawer-meta.svelte-1uha8ag{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;margin-bottom:20px}.meta-row.svelte-1uha8ag{display:flex;align-items:baseline;gap:12px}.meta-label.svelte-1uha8ag{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ccc;width:90px;flex-shrink:0}.meta-val.svelte-1uha8ag{font-size:12px;color:#555}.meta-val.mono.svelte-1uha8ag{font-family:SF Mono,Fira Mono,monospace;font-size:11px;color:#888}.meta-val.barcode.svelte-1uha8ag{font-family:SF Mono,Fira Mono,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;color:#333}.drawer-buy.svelte-1uha8ag{display:flex;align-items:center;gap:20px}.drawer-price.svelte-1uha8ag{font-size:22px;font-weight:800;color:#111;letter-spacing:-.02em}.btn-add.svelte-1uha8ag{display:flex;align-items:center;gap:8px;padding:0 22px;height:42px;background:#22c55e;color:#fff;border:none;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;letter-spacing:.02em}.btn-add.svelte-1uha8ag:hover{background:#16a34a}.btn-add.svelte-1uha8ag:active{transform:scale(.97)}@media(max-width:1400px){.shelf-grid.svelte-1uha8ag,.grid.svelte-1uha8ag{grid-template-columns:repeat(7,1fr)}}@media(max-width:1100px){.shelf-grid.svelte-1uha8ag,.grid.svelte-1uha8ag{grid-template-columns:repeat(6,1fr)}}@media(max-width:860px){.shelf-grid.svelte-1uha8ag,.grid.svelte-1uha8ag{grid-template-columns:repeat(4,1fr);gap:16px 12px;padding:0 16px}.cat-header.svelte-1uha8ag,.filterbar.svelte-1uha8ag{padding-left:16px;padding-right:16px}.shelf-label.svelte-1uha8ag{padding-left:16px}.drawer-inner.svelte-1uha8ag{flex-direction:column;padding:24px 20px 32px;gap:20px}.drawer-img-wrap.svelte-1uha8ag{width:140px;height:140px}}@media(max-width:560px){.shelf-grid.svelte-1uha8ag,.grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}