.page.svelte-r1pi3r{max-width:1200px;margin:0 auto;padding:0 1rem 4rem}.hero-banner.svelte-r1pi3r{width:100%;border-radius:var(--radius-md);overflow:hidden;margin:1rem 0 0}.hero-banner-img.svelte-r1pi3r{width:100%;height:auto;display:block;object-fit:cover}.page-header.svelte-r1pi3r{text-align:center;padding:2.5rem 0 1.5rem}.header-badges.svelte-r1pi3r{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.page-header.svelte-r1pi3r h1:where(.svelte-r1pi3r){margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-text-primary)}.subtitle.svelte-r1pi3r{max-width:680px;margin:0 auto .75rem;color:var(--color-text-secondary);line-height:1.65;font-size:1.05rem}.attribution.svelte-r1pi3r{font-size:.8rem;color:var(--color-text-muted);margin:0}.attribution.svelte-r1pi3r a:where(.svelte-r1pi3r){color:var(--color-accent);text-decoration:none}.attribution.svelte-r1pi3r a:where(.svelte-r1pi3r):hover{text-decoration:underline}.product-hero.svelte-r1pi3r{padding:1.5rem 0 2.5rem}.product-hero-inner.svelte-r1pi3r{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width: 768px){.product-hero-inner.svelte-r1pi3r{grid-template-columns:1fr 1fr}}.product-hero-img.svelte-r1pi3r{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover;box-shadow:0 4px 24px #0000001f}.product-hero-copy.svelte-r1pi3r h2:where(.svelte-r1pi3r){margin:0 0 1rem;font-size:1.6rem;color:var(--color-text-primary)}.product-hero-copy.svelte-r1pi3r p:where(.svelte-r1pi3r){color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem}.feature-pills.svelte-r1pi3r{display:flex;flex-wrap:wrap;gap:.5rem}.pill.svelte-r1pi3r{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;font-size:.82rem;color:var(--color-text-secondary)}.pill.svelte-r1pi3r i:where(.svelte-r1pi3r){color:var(--color-success, #22c55e);font-size:.75rem}.section-title.svelte-r1pi3r{font-size:1.5rem;color:var(--color-text-primary);margin:0 0 .5rem}.section-desc.svelte-r1pi3r{color:var(--color-text-secondary);margin:0 0 1.75rem;line-height:1.6}.color-section.svelte-r1pi3r{padding:1rem 0 2.5rem}.color-grid.svelte-r1pi3r{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}@media (min-width: 640px){.color-grid.svelte-r1pi3r{grid-template-columns:repeat(8,1fr)}}.color-swatch.svelte-r1pi3r{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s;font-size:.7rem;color:var(--color-text-secondary);font-weight:500;text-align:center}.color-swatch.svelte-r1pi3r:hover{border-color:var(--color-accent)}.color-swatch.active.svelte-r1pi3r{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 30%,transparent)}.color-swatch.svelte-r1pi3r img:where(.svelte-r1pi3r){width:100%;height:auto;border-radius:calc(var(--radius-md) - 2px);display:block}.color-detail.svelte-r1pi3r{display:grid;grid-template-columns:1fr;gap:2rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.5rem}@media (min-width: 640px){.color-detail.svelte-r1pi3r{grid-template-columns:280px 1fr}}.color-detail-image.svelte-r1pi3r img:where(.svelte-r1pi3r){width:100%;height:auto;border-radius:calc(var(--radius-md) - 2px)}.color-detail-info.svelte-r1pi3r h3:where(.svelte-r1pi3r){margin:0 0 .5rem;font-size:1.4rem;color:var(--color-text-primary)}.color-note.svelte-r1pi3r{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.5}.color-specs.svelte-r1pi3r{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.color-specs.svelte-r1pi3r dt:where(.svelte-r1pi3r){font-weight:500;color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}.color-specs.svelte-r1pi3r dd:where(.svelte-r1pi3r){margin:0;color:var(--color-text-primary);font-size:.875rem}.specs-section.svelte-r1pi3r{padding:1rem 0 2.5rem}.specs-inner.svelte-r1pi3r{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.specs-inner.svelte-r1pi3r{grid-template-columns:1fr 1fr}}.specs-col.svelte-r1pi3r h2:where(.svelte-r1pi3r),.features-col.svelte-r1pi3r h2:where(.svelte-r1pi3r){margin:0 0 1rem;font-size:1.25rem;color:var(--color-text-primary)}.specs-table.svelte-r1pi3r{width:100%;border-collapse:collapse;font-size:.9rem}.specs-table.svelte-r1pi3r th:where(.svelte-r1pi3r),.specs-table.svelte-r1pi3r td:where(.svelte-r1pi3r){padding:.55rem .5rem;text-align:left;border-bottom:1px solid var(--color-border)}.specs-table.svelte-r1pi3r th:where(.svelte-r1pi3r){color:var(--color-text-secondary);font-weight:500;width:40%}.specs-table.svelte-r1pi3r td:where(.svelte-r1pi3r){color:var(--color-text-primary)}.specs-table.svelte-r1pi3r tr:where(.svelte-r1pi3r):last-child th:where(.svelte-r1pi3r),.specs-table.svelte-r1pi3r tr:where(.svelte-r1pi3r):last-child td:where(.svelte-r1pi3r){border-bottom:none}.feature-list.svelte-r1pi3r{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.feature-list.svelte-r1pi3r li:where(.svelte-r1pi3r){display:flex;gap:.875rem;align-items:flex-start}.feature-list.svelte-r1pi3r li:where(.svelte-r1pi3r) i:where(.svelte-r1pi3r){font-size:1.1rem;color:var(--color-accent);margin-top:.15rem;flex-shrink:0;width:1.2rem;text-align:center}.feature-list.svelte-r1pi3r li:where(.svelte-r1pi3r) strong:where(.svelte-r1pi3r){display:block;color:var(--color-text-primary);margin-bottom:.2rem;font-size:.9rem}.feature-list.svelte-r1pi3r li:where(.svelte-r1pi3r) p:where(.svelte-r1pi3r){margin:0;font-size:.825rem;color:var(--color-text-secondary);line-height:1.5}.gallery-section.svelte-r1pi3r{padding:1rem 0 2.5rem}.filter-row.svelte-r1pi3r{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-btn.svelte-r1pi3r{padding:.35rem .85rem;border:1px solid var(--color-border);border-radius:9999px;background:transparent;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.filter-btn.svelte-r1pi3r:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active.svelte-r1pi3r{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.gallery-grid.svelte-r1pi3r{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.gallery-grid.svelte-r1pi3r{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.gallery-grid.svelte-r1pi3r{grid-template-columns:repeat(4,1fr)}}.gallery-item.svelte-r1pi3r{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;aspect-ratio:1;background:var(--color-surface);border:none;padding:0}.gallery-item.svelte-r1pi3r img:where(.svelte-r1pi3r){width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.gallery-item.svelte-r1pi3r:hover img:where(.svelte-r1pi3r){transform:scale(1.05)}.gallery-overlay.svelte-r1pi3r{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;opacity:0;transition:opacity .2s}.gallery-item.svelte-r1pi3r:hover .gallery-overlay:where(.svelte-r1pi3r){opacity:1}.gallery-caption.svelte-r1pi3r{font-size:.75rem;color:#ffffffd9;text-align:left;line-height:1.3}.gallery-attr.svelte-r1pi3r{margin-top:1rem;font-size:.78rem;color:var(--color-text-muted)}.gallery-attr.svelte-r1pi3r a:where(.svelte-r1pi3r){color:var(--color-accent);text-decoration:none}.gallery-attr.svelte-r1pi3r a:where(.svelte-r1pi3r):hover{text-decoration:underline}.lightbox-overlay.svelte-r1pi3r{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:zoom-out}.lightbox-img.svelte-r1pi3r{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);cursor:default;box-shadow:0 8px 48px #00000080}.lightbox-close.svelte-r1pi3r{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;font-size:1.25rem;width:2.5rem;height:2.5rem;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close.svelte-r1pi3r:hover{background:#fff3}.install-section.svelte-r1pi3r{padding:1rem 0 2.5rem}.install-inner.svelte-r1pi3r{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.install-inner.svelte-r1pi3r{grid-template-columns:1fr 1fr}}.install-text.svelte-r1pi3r h2:where(.svelte-r1pi3r){margin:0 0 1rem;font-size:1.25rem;color:var(--color-text-primary)}.install-text.svelte-r1pi3r p:where(.svelte-r1pi3r){color:var(--color-text-secondary);line-height:1.65;margin-bottom:1rem;font-size:.9rem}.install-links.svelte-r1pi3r{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.btn-outline.svelte-r1pi3r{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.85rem;text-decoration:none;transition:all .15s}.btn-outline.svelte-r1pi3r:hover{border-color:var(--color-accent);color:var(--color-accent)}.install-steps.svelte-r1pi3r h3:where(.svelte-r1pi3r){margin:0 0 1rem;font-size:1rem;color:var(--color-text-primary)}.step-list.svelte-r1pi3r{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.6rem}.step-list.svelte-r1pi3r li:where(.svelte-r1pi3r){color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.cta-section.svelte-r1pi3r{padding:3rem 0 1rem}.cta-inner.svelte-r1pi3r{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, var(--radius-md));padding:2.5rem 1.5rem}.cta-inner.svelte-r1pi3r h2:where(.svelte-r1pi3r){margin:0 0 .75rem;font-size:1.75rem;color:var(--color-text-primary)}.cta-inner.svelte-r1pi3r>p:where(.svelte-r1pi3r){color:var(--color-text-secondary);max-width:500px;margin:0 auto 1.5rem;line-height:1.6}.cta-buttons.svelte-r1pi3r{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.btn-primary.svelte-r1pi3r{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .15s}.btn-primary.svelte-r1pi3r:hover{opacity:.88}.btn-outline-dark.svelte-r1pi3r{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border:1.5px solid var(--color-text-primary);color:var(--color-text-primary);border-radius:var(--radius-sm);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .15s}.btn-outline-dark.svelte-r1pi3r:hover{background:var(--color-text-primary);color:var(--color-bg)}.cta-hours.svelte-r1pi3r{font-size:.8rem;color:var(--color-text-muted);margin:0}