.product-card.svelte-q7rzb2{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;transition:border-color .2s,box-shadow .2s}.product-card-link.svelte-q7rzb2{color:inherit;text-decoration:none}.product-card.svelte-q7rzb2:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.product-header.svelte-q7rzb2{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.product-code.svelte-q7rzb2{font-size:.75rem;color:var(--text-muted);font-family:monospace}.product-body.svelte-q7rzb2{flex:1;margin-bottom:.75rem}.description.svelte-q7rzb2{margin:0 0 .25rem;font-size:.95rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.description2.svelte-q7rzb2{margin:0 0 .25rem;font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.department.svelte-q7rzb2{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.meta-row.svelte-q7rzb2{display:flex;flex-wrap:wrap;gap:.35rem}.category.svelte-q7rzb2{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.1rem .35rem}.product-footer.svelte-q7rzb2{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color-subtle)}.price-stock.svelte-q7rzb2{display:flex;flex-direction:column;gap:.25rem}.price.svelte-q7rzb2{font-size:1.1rem;font-weight:700;color:var(--accent)}.unit.svelte-q7rzb2{font-size:.75rem;color:var(--text-muted)}.callout.svelte-q7rzb2{font-size:.9rem;font-weight:700;color:var(--accent)}.products-page.svelte-1dj9mz1{max-width:1100px;margin:0 auto;padding:1.25rem 1rem;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.hero-section.svelte-1dj9mz1{text-align:center;padding:2.5rem 0 2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 5%,transparent) 0%,transparent 100%);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-accent) 15%,var(--color-border))}.hero-title.svelte-1dj9mz1{margin:0;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.hero-subtitle.svelte-1dj9mz1{margin:.75rem 0 1.5rem;font-size:1.125rem;color:var(--color-text-secondary);font-weight:400}.hero-actions.svelte-1dj9mz1{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.category-nav.svelte-1dj9mz1{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 0 1.5rem;scrollbar-width:none;justify-content:flex-start;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.category-nav.svelte-1dj9mz1::-webkit-scrollbar{display:none}.category-nav.svelte-1dj9mz1 button{flex-shrink:0;white-space:nowrap}.hero-categories.svelte-1dj9mz1{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem}.hero-card-link.svelte-1dj9mz1,.category-card-link.svelte-1dj9mz1{text-decoration:none;color:inherit}.card-icon.svelte-1dj9mz1{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.card-body.svelte-1dj9mz1{flex:1}.card-title.svelte-1dj9mz1{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.card-description.svelte-1dj9mz1{margin:.25rem 0 .75rem;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.card-stats.svelte-1dj9mz1{display:flex;align-items:center;gap:.75rem}.stat.svelte-1dj9mz1{display:flex;flex-direction:column;gap:.1rem}.stat-value.svelte-1dj9mz1{font-size:1.2rem;font-weight:700;color:var(--color-success);font-family:var(--font-mono)}.stat-label.svelte-1dj9mz1{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.stat-separator.svelte-1dj9mz1{color:var(--border-color);font-size:1.2rem}.other-categories.svelte-1dj9mz1{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:2rem}.cat-icon.svelte-1dj9mz1{width:40px;height:40px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);display:flex;align-items:center;justify-content:center}.cat-title.svelte-1dj9mz1{margin:0;font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.cat-description.svelte-1dj9mz1{margin:0;font-size:.78rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-frame.svelte-1dj9mz1{background:var(--chrome-bg, var(--color-bg-raised));border-radius:var(--radius-xl, 16px);padding:1.25rem;margin-bottom:1.75rem;border:1px solid var(--chrome-border, var(--color-border));box-shadow:var(--shadow-md)}.featured-frame-label.svelte-1dj9mz1{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--chrome-accent, var(--color-accent));margin-bottom:.85rem}.featured-frame-label.svelte-1dj9mz1 i:where(.svelte-1dj9mz1){font-size:.75rem}.featured-link.svelte-1dj9mz1{display:block;text-decoration:none}.featured-card.svelte-1dj9mz1{position:relative;border-radius:var(--radius-lg, 12px);overflow:hidden;border:2px solid transparent;min-height:110px;display:flex;align-items:stretch;transition:border-color .2s,box-shadow .2s,transform .2s}.featured-link.svelte-1dj9mz1:hover .featured-card:where(.svelte-1dj9mz1){border-color:var(--chrome-accent, var(--color-accent));box-shadow:0 0 0 3px var(--chrome-accent, var(--color-accent)),0 6px 24px #00000026;transform:translateY(-2px)}.featured-bg.svelte-1dj9mz1{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.featured-overlay.svelte-1dj9mz1{position:relative;width:100%;background:linear-gradient(90deg,#000000c7,#0000008c 60%,#00000026);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;justify-content:center}.featured-title.svelte-1dj9mz1{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.2}.featured-desc.svelte-1dj9mz1{font-size:.88rem;color:#ffffffd9;line-height:1.4}.featured-cta.svelte-1dj9mz1{font-size:.85rem;font-weight:600;color:var(--chrome-accent, var(--color-accent));display:inline-flex;align-items:center;gap:.35rem;margin-top:.2rem;transition:color .15s}.featured-link.svelte-1dj9mz1:hover .featured-cta:where(.svelte-1dj9mz1){text-decoration:underline;color:var(--chrome-accent-hover, var(--color-accent-hover))}.preview-section.svelte-1dj9mz1{margin-bottom:2rem}.preview-section.svelte-1dj9mz1 .view-header{padding:var(--space-3) var(--space-4);margin-bottom:1rem}.species-card-link.svelte-1dj9mz1{text-decoration:none;color:inherit}.species-grid.svelte-1dj9mz1{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.species-card{padding:0;overflow:hidden}.species-thumbnail.svelte-1dj9mz1{width:100%;height:80px;overflow:hidden;border-bottom:1px solid var(--color-border-subtle, rgba(0, 0, 0, .06))}.species-thumbnail.svelte-1dj9mz1 picture:where(.svelte-1dj9mz1),.species-thumbnail.svelte-1dj9mz1 img:where(.svelte-1dj9mz1){width:100%;height:100%;object-fit:cover;display:block}.species-card-body.svelte-1dj9mz1{padding:.6rem .75rem .75rem;display:flex;flex-direction:column;gap:.45rem}.species-name.svelte-1dj9mz1{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);transition:color .2s;line-height:1.3}.species-header.svelte-1dj9mz1{display:flex;justify-content:space-between;align-items:center}.view-all-icon.svelte-1dj9mz1{font-size:.85rem;color:var(--color-text-muted);transition:transform .2s,color .2s;flex-shrink:0}.species-card:hover .species-name.svelte-1dj9mz1{color:var(--color-accent)}.species-card:hover .view-all-icon.svelte-1dj9mz1{transform:translate(3px);color:var(--color-accent)}.thickness-list.svelte-1dj9mz1{display:flex;flex-wrap:wrap;gap:.35rem}.thickness-tag.svelte-1dj9mz1{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;padding:.2rem .55rem;border-radius:4px;background:var(--color-bg-raised, rgba(0, 0, 0, .04));color:var(--color-text-secondary);line-height:1.2;white-space:nowrap;border:1px solid var(--color-border-subtle, transparent)}.stock-dot.svelte-1dj9mz1{width:7px;height:7px;border-radius:50%;flex-shrink:0}.thickness-tag.stock-in.svelte-1dj9mz1 .stock-dot:where(.svelte-1dj9mz1){background:var(--color-success, #22c55e)}.thickness-tag.stock-low.svelte-1dj9mz1 .stock-dot:where(.svelte-1dj9mz1){background:var(--color-warning, #eab308)}.thickness-tag.stock-out.svelte-1dj9mz1 .stock-dot:where(.svelte-1dj9mz1){background:var(--color-text-muted, #999);opacity:.5}.thickness-tag.stock-out.svelte-1dj9mz1{opacity:.55}.faded{opacity:.5}.species-grid.expanded.svelte-1dj9mz1{margin-bottom:1.5rem}.header-badges.svelte-1dj9mz1{display:flex;gap:.4rem;flex-wrap:wrap}.stock-legend.svelte-1dj9mz1{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.legend-item.svelte-1dj9mz1{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary)}.stock-indicator.svelte-1dj9mz1{width:12px;height:12px;border-radius:50%;flex-shrink:0}.stock-indicator.in-stock.svelte-1dj9mz1{background:var(--color-success)}.stock-indicator.low.svelte-1dj9mz1{background:var(--color-warning)}.stock-indicator.out.svelte-1dj9mz1{background:#6b7280}.cta-header.svelte-1dj9mz1{text-align:center;margin-bottom:1rem}.cta-header.svelte-1dj9mz1 h2:where(.svelte-1dj9mz1){margin:0 0 .4rem;font-size:1.15rem;font-weight:700;color:#1a1a1a}.cta-header.svelte-1dj9mz1 p:where(.svelte-1dj9mz1){margin:0;font-size:.9rem;color:#3d2a00}.legend-cta.svelte-1dj9mz1 .stock-legend:where(.svelte-1dj9mz1){margin-bottom:1rem}.legend-cta.svelte-1dj9mz1 .legend-item:where(.svelte-1dj9mz1){color:#1a1a1a}.legend-cta.svelte-1dj9mz1 .legend-item:where(.svelte-1dj9mz1) span:where(.svelte-1dj9mz1){color:#1a1a1a}[data-theme=dark] .cta-header.svelte-1dj9mz1 h2:where(.svelte-1dj9mz1){color:#1a1a1a}[data-theme=dark] .cta-header.svelte-1dj9mz1 p:where(.svelte-1dj9mz1){color:#3d2a00}[data-theme=dark] .legend-cta.svelte-1dj9mz1 .legend-item:where(.svelte-1dj9mz1),[data-theme=dark] .legend-cta.svelte-1dj9mz1 .legend-item:where(.svelte-1dj9mz1) span:where(.svelte-1dj9mz1){color:#1a1a1a}[data-theme=dark] .stock-indicator.out.svelte-1dj9mz1{background:#6b7280}.cta-actions.svelte-1dj9mz1{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.category-view.svelte-1dj9mz1,.search-view.svelte-1dj9mz1{animation:svelte-1dj9mz1-fadeIn .25s ease}.search-bar.svelte-1dj9mz1{margin-bottom:1rem}.department-filters.svelte-1dj9mz1{display:flex;flex-wrap:nowrap;gap:.4rem;margin-bottom:1rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.department-filters.svelte-1dj9mz1::-webkit-scrollbar{display:none}.department-filters.svelte-1dj9mz1 button{flex-shrink:0;white-space:nowrap}.loading-container.svelte-1dj9mz1{display:flex;justify-content:center;padding:3rem 0}.search-grid.svelte-1dj9mz1{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.load-more.svelte-1dj9mz1{display:flex;justify-content:center;margin-top:2rem}@keyframes svelte-1dj9mz1-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 600px){.species-grid.svelte-1dj9mz1,.search-grid.svelte-1dj9mz1{grid-template-columns:repeat(3,1fr)}.species-thumbnail.svelte-1dj9mz1{height:90px}.species-name.svelte-1dj9mz1{font-size:1.15rem}.thickness-tag.svelte-1dj9mz1{font-size:.85rem;padding:.22rem .6rem}}@media (min-width: 900px){.products-page.svelte-1dj9mz1{padding:2rem}.hero-title.svelte-1dj9mz1{font-size:2.5rem}.hero-subtitle.svelte-1dj9mz1{font-size:1.15rem}.hero-categories.svelte-1dj9mz1{flex-direction:row}.species-grid.svelte-1dj9mz1,.search-grid.svelte-1dj9mz1{grid-template-columns:repeat(4,1fr)}.species-thumbnail.svelte-1dj9mz1{height:100px}.species-card-body.svelte-1dj9mz1{padding:.7rem .85rem .85rem}.species-name.svelte-1dj9mz1{font-size:1.2rem}}@media (max-width: 599px){.other-categories.svelte-1dj9mz1{grid-template-columns:repeat(2,1fr)}.category-nav.svelte-1dj9mz1{padding-bottom:1rem}.category-nav.svelte-1dj9mz1 button{font-size:.875rem;padding:.5rem .75rem;min-height:44px;min-width:fit-content}}@media (max-width: 375px){.other-categories.svelte-1dj9mz1{grid-template-columns:1fr}.category-nav.svelte-1dj9mz1{gap:.35rem}.category-nav.svelte-1dj9mz1 button{padding:.5rem .65rem;min-height:44px;font-size:.8rem}}