.prod-hero{padding:clamp(4rem,8vw,6rem) 0 clamp(2.5rem,5vw,4rem);background:linear-gradient(150deg,#fff 60%,#fde8e0);border-bottom:1px solid var(--color-border)}.prod-hero-inner{max-width:640px}.prod-hero-inner .tag{margin-bottom:.75rem}.prod-hero-inner h1{margin:.4rem 0 .9rem}.prod-hero-lead{font-size:1.05rem;color:var(--color-muted);line-height:1.75;max-width:56ch}.prod-section{padding-top:2rem}.prod-filter-wrap{position:sticky;top:64px;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);margin:0 calc(-1*clamp(1rem,4vw,2rem));padding:.75rem clamp(1rem,4vw,2rem);margin-bottom:2.5rem}.prod-filter{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.prod-filter::-webkit-scrollbar{display:none}.prod-filter-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition)}.prod-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.prod-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.prod-filter-btn.active .prod-filter-count{background:#fff3;color:#fff}.prod-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .35rem;background:var(--color-bg);color:var(--color-muted);border-radius:var(--radius-pill);font-size:.72rem;font-weight:700}.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.prod-card{display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.prod-card[hidden]{display:none!important}.prod-bestseller-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);pointer-events:none}.prod-swatches-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--color-border)}.prod-swatches{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.prod-swatch{width:20px;height:20px;border-radius:50%;display:inline-block;box-shadow:0 1px 2px #00000026;flex-shrink:0}.prod-swatch-extra{font-size:.72rem;font-weight:700;color:var(--color-muted);font-family:var(--font-body);padding-left:.2rem}.prod-bestseller-chip{display:inline-block;padding:.15rem .55rem;background:#fde8e0;color:var(--color-accent);border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.prod-card-body{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.prod-supplier-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.prod-supplier-chip{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.03em}.prod-code{font-size:.72rem;color:var(--color-muted);font-family:var(--font-body);font-weight:600;letter-spacing:.04em}.prod-name{font-family:var(--font-body);font-size:.97rem;font-weight:700;line-height:1.3;margin:0}.prod-name-en{font-size:.75rem;color:var(--color-muted);line-height:1.3;margin-top:-.3rem}.prod-specs{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.prod-spec{display:flex;gap:.5rem;font-size:.78rem;line-height:1.4}.prod-spec-label{color:var(--color-muted);min-width:56px;flex-shrink:0}.prod-spec-val{color:var(--color-primary)}.prod-cert{align-items:flex-start;gap:.35rem}.prod-cert-icon{flex-shrink:0;line-height:1.4}.prod-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap}.prod-price{font-size:.82rem;color:var(--color-primary)}.prod-price strong{font-size:.95rem}.prod-price-note{color:var(--color-muted);font-size:.72rem}.prod-cta-btn{padding:.45rem .9rem;font-size:.8rem;white-space:nowrap}.prod-empty{text-align:center;padding:3rem;color:var(--color-muted)}.prod-cta-wrap{padding:clamp(2rem,4vw,4rem) 0}.prod-cta-inner{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.75rem,3.5vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.prod-cta-inner h2{font-size:clamp(1.3rem,2.5vw,1.75rem);margin-bottom:.35rem}.prod-cta-inner p{color:var(--color-muted);font-size:.95rem;max-width:48ch}.prod-cta-btns{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0}@media(max-width:1100px){.prod-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.prod-grid{grid-template-columns:repeat(2,1fr)}.prod-cta-inner{flex-direction:column;align-items:flex-start}.prod-cta-btns{flex-direction:column;width:100%}.prod-cta-btns .btn{text-align:center;justify-content:center}}@media(max-width:500px){.prod-grid{grid-template-columns:1fr}}