.products-showcase{padding-bottom: 6rem}.products-tabs{display: flex;justify-content: center;gap: 1rem;margin-bottom: 3rem}.tab-btn{padding: 0.75rem 2.5rem;border-radius: 100px;background: var(--surface-subtle);border: 1px solid var(--border-subtle);color: var(--text-secondary);font-weight: 600;font-size: 1rem;cursor: pointer;transition: all 0.3s cubic-bezier(0.23,1,0.32,1)}.tab-btn:hover{background: var(--surface-glass);border-color: var(--border-medium);color: var(--brand-navy)}.tab-btn.active{background: var(--brand-navy);color: var(--text-inverse);border-color: var(--brand-navy);box-shadow: var(--shadow-md)}.products-panel{display: none;animation: fadeIn 0.4s ease forwards}.products-panel.active{display: block}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.brand-header{text-align: center;margin-bottom: 3.5rem}.brand-title{font-size: 2.25rem;color: var(--text-primary);margin-bottom: 1rem;font-weight: 700}.brand-desc{color: var(--text-muted);max-width: 600px;margin: 0 auto;font-size: 1.125rem;line-height: 1.6}.products-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: 2rem}.product-card{background: var(--surface-base);border-radius: 1.25rem;border: 1px solid var(--border-subtle);overflow: hidden;box-shadow: var(--shadow-card);transition: all 0.4s cubic-bezier(0.23,1,0.32,1);display: flex;flex-direction: column}.product-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-card-hover);border-color: rgba(61,114,196,0.3)}.product-img-wrapper{position: relative;width: 100%;padding-top: 56.25%;overflow: hidden;background: var(--surface-subtle);border-bottom: 1px solid var(--border-subtle)}.product-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s cubic-bezier(0.23,1,0.32,1)}.product-card:hover .product-img{transform: scale(1.05)}.product-content{padding: 2rem;display: flex;flex-direction: column;flex-grow: 1}.product-category{font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-orange);font-weight: 700;margin-bottom: 0.75rem;display: inline-block}.product-name{font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin-bottom: 1rem}.product-desc{color: var(--text-secondary);font-size: 0.95rem;line-height: 1.6;margin-bottom: 2rem;flex-grow: 1}.product-card .btn{align-self: flex-start;margin-top: auto}.catalog-section{padding: 4rem 0 6rem;background: var(--surface-base)}.catalog-controls{margin-bottom: 2.5rem;display: flex;flex-direction: column;gap: 1.25rem}.brand-tabs-nav{display: flex;flex-wrap: wrap;gap: 0.6rem;justify-content: center}.brand-tab-btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.65rem 1.4rem;border-radius: 9999px;background: var(--surface-subtle);border: 1px solid var(--border-subtle);color: var(--text-secondary);font-weight: 600;font-size: 0.92rem;cursor: pointer;transition: all 0.25s ease}.brand-tab-btn:hover{background: var(--surface-glass);border-color: var(--border-medium);color: var(--brand-navy)}.brand-tab-btn.active{background: var(--brand-navy);color: var(--text-inverse);border-color: var(--brand-navy);box-shadow: var(--shadow-sm)}.brand-tab-btn .tab-count{font-size: 0.75rem;padding: 0.15rem 0.5rem;border-radius: 9999px;background: rgba(255,255,255,0.18);font-weight: 700}.brand-tab-btn:not(.active) .tab-count{background: var(--border-subtle);color: var(--text-muted)}.catalog-filter-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;background: var(--surface-subtle);padding: 0.85rem 1.25rem;border-radius: var(--radius-lg);border: 1px solid var(--border-subtle)}.subfilter-pills{display: flex;flex-wrap: wrap;gap: 0.5rem}.subfilter-pill{padding: 0.4rem 0.9rem;border-radius: var(--radius-full);font-size: 0.82rem;font-weight: 500;background: transparent;border: 1px solid transparent;color: var(--text-muted);cursor: pointer;transition: all 0.2s ease}.subfilter-pill:hover{color: var(--text-primary);background: var(--surface-base)}.subfilter-pill.active{background: var(--surface-base);color: var(--brand-navy);border-color: var(--border-subtle);font-weight: 600;box-shadow: 0 1px 3px rgba(0,0,0,0.05)}.catalog-search-wrapper{position: relative;min-width: 260px;flex: 1;max-width: 380px}.catalog-search-wrapper svg{position: absolute;left: 0.85rem;top: 50%;transform: translateY(-50%);color: var(--text-muted);pointer-events: none}.catalog-search-input{width: 100%;padding: 0.55rem 1rem 0.55rem 2.4rem;font-size: 0.88rem;border-radius: var(--radius-full);border: 1px solid var(--border-medium);background: var(--surface-base);color: var(--text-primary);outline: none;transition: border-color 0.2s ease,box-shadow 0.2s ease}.catalog-search-input:focus{border-color: var(--brand-blue);box-shadow: 0 0 0 3px rgba(61,114,196,0.15)}.stock-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(330px,1fr));gap: 1.5rem}.stock-card{background: var(--surface-base);border: 1px solid var(--border-subtle);border-radius: 1rem;padding: 1.5rem;display: flex;flex-direction: column;transition: transform 0.3s cubic-bezier(0.23,1,0.32,1),box-shadow 0.3s ease,border-color 0.3s ease;position: relative}.stock-card:hover{transform: translateY(-4px);border-color: rgba(61,114,196,0.35);box-shadow: var(--shadow-card-hover)}.stock-card-top{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.75rem}.stock-category-tag{font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--brand-blue)}.stock-badge{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.72rem;font-weight: 600;padding: 0.2rem 0.6rem;border-radius: 9999px}.stock-badge.in-stock{background: #ecfdf5;color: #065f46;border: 1px solid #a7f3d0}.stock-badge.on-order{background: #eff6ff;color: #1e40af;border: 1px solid #bfdbfe}.stock-dot{width: 6px;height: 6px;border-radius: 50%;background: #10b981}.stock-badge.on-order .stock-dot{background: #3b82f6}.stock-card-title{font-size: 1.15rem;font-weight: 700;color: var(--text-primary);margin-bottom: 0.5rem;line-height: 1.35}.stock-sku-bar{display: flex;align-items: center;justify-content: space-between;background: var(--surface-subtle);border: 1px solid var(--border-subtle);border-radius: 0.5rem;padding: 0.4rem 0.65rem;margin-bottom: 0.85rem}.stock-sku-text{font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size: 0.8rem;font-weight: 600;color: var(--brand-navy);word-break: break-all}.copy-sku-btn{background: none;border: none;color: var(--text-muted);cursor: pointer;padding: 0.2rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 4px;transition: color 0.2s ease,background-color 0.2s ease;position: relative}.copy-sku-btn:hover{color: var(--brand-orange);background: rgba(0,0,0,0.04)}.stock-card-desc{font-size: 0.86rem;color: var(--text-secondary);line-height: 1.5;margin-bottom: 1rem}.stock-specs-list{list-style: none;padding: 0;margin: 0 0 1.25rem 0;border-top: 1px dashed var(--border-subtle);padding-top: 0.85rem;display: flex;flex-direction: column;gap: 0.4rem;font-size: 0.82rem;color: var(--text-secondary)}.stock-specs-list li{display: flex;align-items: baseline;gap: 0.4rem}.stock-specs-list li strong{color: var(--text-primary);font-weight: 600;min-width: 90px}.stock-actions{margin-top: auto;display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;padding-top: 0.85rem;border-top: 1px solid var(--border-subtle)}.stock-actions .btn{font-size: 0.82rem;padding: 0.55rem 0.6rem;justify-content: center;text-align: center}.btn--wa{background: #25d366;color: #ffffff !important;border: 1px solid #22bf5b}.btn--wa:hover{background: #1eb956;color: #ffffff !important}.custom-bom-banner{margin-top: 3.5rem;background: linear-gradient(135deg,var(--brand-navy) 0%,#172554 100%);border-radius: var(--radius-xl);padding: 2.5rem;color: #ffffff;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.5rem;box-shadow: var(--shadow-lg)}.custom-bom-text{flex: 1;min-width: 280px}.custom-bom-text h3{color: #ffffff;font-size: 1.45rem;font-weight: 700;margin-bottom: 0.6rem}.custom-bom-text p{color: rgba(255,255,255,0.8);font-size: 0.95rem;line-height: 1.6;max-width: 650px}.custom-bom-btn-wrap{display: flex;flex-direction: column;gap: 0.5rem}.catalog-empty-state{display: none;text-align: center;padding: 4rem 1rem;grid-column: 1 / -1;color: var(--text-muted)}.catalog-empty-state.show{display: block}.catalog-empty-state svg{margin: 0 auto 1rem;color: var(--text-faint)}