:root{--color-bg: #0a0a0b;--color-surface: #131316;--color-surface-hover: #1c1c21;--color-border: rgba(255, 255, 255, .08);--color-text: #ededf0;--color-text-muted: #9a9aa3;--color-accent: #ffffff;--color-green: #4ade80;--color-red: #ef4444;--color-orange: #f97316;--color-yellow: #eab308;--color-purple: #a78bfa;--color-accent-blue: #2a9ae3;--color-accent-blue-hover: #45a8e8;--font-display: "Cal Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-input: 14px;--radius-pill: 9999px;--shadow-ring: 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .06), 0 1px 2px rgba(0, 0, 0, .5), 0 6px 16px rgba(0, 0, 0, .4);--shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .14), 0 2px 4px rgba(0, 0, 0, .55), 0 12px 28px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}mark{background:#4cd67647;color:inherit;padding:0 1px;border-radius:2px}.card{position:relative;background:#141414;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;transition:border-color .12s ease,background .12s ease}.card:hover{border-color:#ffffff1f;background:#181818}.card[data-available=false]{opacity:.6}.card-link{display:block;text-decoration:none;color:inherit}.card-link:hover{text-decoration:none}.card-link:focus-visible{outline:2px solid oklch(.78 .18 150);outline-offset:2px}.card .image{position:relative;aspect-ratio:1 / 1;background:#e9e9e9;overflow:hidden}.card .image-img{width:100%;height:100%;object-fit:contain;display:block}.card .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#0006;font-size:.875rem;background:#e9e9e9}.card .discount-pill{position:absolute;top:12px;left:12px;background:#4cd676;color:#0a1a0e;padding:5px 10px;border-radius:20px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.4px;white-space:nowrap;line-height:1}.card .share-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;background:#ffffff0f;color:#ffffff8c;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease;z-index:2}.card .share-btn:hover{background:#ffffff1f;color:#ffffffe6}.card .share-btn:focus-visible{outline:2px solid oklch(.78 .18 150);outline-offset:2px}.card .body{padding:16px}.card .name{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3;color:#fff;letter-spacing:0;margin:0;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .price-row{margin-top:6px;display:flex;justify-content:flex-end;align-items:baseline;gap:10px;flex-wrap:wrap;row-gap:4px}.card .price-rrp{font-size:22px;font-weight:700;letter-spacing:-.5px;color:#ffffff59;text-decoration:line-through;line-height:1;font-variant-numeric:tabular-nums}.card .price-current{font-size:22px;font-weight:700;letter-spacing:-.5px;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.card .divider{margin-top:12px;border-top:1px solid rgba(255,255,255,.06)}.card .meta{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:400;color:#ffffff8c;letter-spacing:.3px;text-transform:uppercase;line-height:1}.card .meta-left{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .meta-brand,.card .meta-retailer{overflow:hidden;text-overflow:ellipsis}.card .meta-dot{opacity:.6;flex-shrink:0}.card .meta-size{flex-shrink:0}