:root {
  --bg: #fff;
  --surface: #f8f9fa;
  --text: #1a1a1a;
  --text-secondary: #666;
  --border: #e5e5e5;
  --accent: #1a1a1a;
  --accent-light: #f0f0f0;
  --star: #d4a853;
}
.tooflexi-catalog * { margin:0; padding:0; box-sizing:border-box; }
.tooflexi-catalog { font-family:'Open Sans',sans-serif; color:var(--text); line-height:1.5; margin:0; padding:0 0 60px; }

/* Series Grid */
.tooflexi-catalog .series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 32px;}
.tooflexi-catalog .series-card{background:var(--bg);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;border:2px solid transparent;}
.tooflexi-catalog .series-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);}
.tooflexi-catalog .series-card.active{border-color:var(--accent);}
.tooflexi-catalog .series-card .img-wrapper{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;}
.tooflexi-catalog .series-card .img-wrapper img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .5s ease;}
.tooflexi-catalog .series-card:hover .img-wrapper img{transform:scale(1.06);}
.tooflexi-catalog .series-card .card-text{padding:20px 16px 24px;text-align:center;}
.tooflexi-catalog .series-card .card-text h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 4px;}
.tooflexi-catalog .series-card .card-text p{font-size:13px;color:var(--text-secondary);margin:0 0 2px;line-height:1.5;}
.tooflexi-catalog .series-card .card-text .count{font-size:12px;color:#999;}

/* Hot Products — HIDDEN (show all products directly) */
.tooflexi-catalog .hot-products-title{display:none!important;}
.tooflexi-catalog .hot-products-subtitle{display:none!important;}
.tooflexi-catalog .hot-grid{display:none!important;}
/* View All button — HIDDEN */
.tooflexi-catalog .view-all-wrap{display:none!important;}
/* Full Products — ALWAYS VISIBLE */
.tooflexi-catalog .full-products-wrap{display:block!important;}
.tooflexi-catalog .full-products-wrap.open{display:block;animation:fadeIn .3s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Filter Bar */
.tooflexi-catalog .filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;}
.tooflexi-catalog .search-box{flex:1;min-width:200px;position:relative;}
.tooflexi-catalog .search-box input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;background:var(--surface);transition:border-color .2s;}
.tooflexi-catalog .search-box input:focus{border-color:var(--accent);}
.tooflexi-catalog .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:14px;}
.tooflexi-catalog .filter-select{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;background:var(--surface);cursor:pointer;min-width:140px;}
.tooflexi-catalog .filter-select:focus{border-color:var(--accent);}
.tooflexi-catalog .fav-toggle{padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:13px;cursor:pointer;background:var(--surface);transition:all .2s;white-space:nowrap;}
.tooflexi-catalog .fav-toggle.active{background:#fdf6ed;border-color:var(--star);color:var(--star);}
.tooflexi-catalog .result-count{font-size:13px;color:var(--text-secondary);margin-left:auto;}

/* Product Grid */
.tooflexi-catalog .product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.tooflexi-catalog .product-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:box-shadow .2s;}
.tooflexi-catalog .product-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);}
.tooflexi-catalog .product-card .img-wrap{position:relative;width:100%;aspect-ratio:2/1;background:#f5f5f5;overflow:hidden;cursor:pointer;}
.tooflexi-catalog .product-card .img-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .3s;}
.tooflexi-catalog .img-placeholder{width:100%;height:100%;display:none;align-items:center;justify-content:center;color:#ccc;font-size:13px;background:#f5f5f5;}
.tooflexi-catalog .product-card .info{padding:10px 12px;}
.tooflexi-catalog .product-card .info .code{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;}
.tooflexi-catalog .product-card .info .series-tag{display:inline-block;font-size:10px;padding:2px 6px;border-radius:4px;background:var(--accent-light);color:var(--text-secondary);margin-bottom:6px;}
.tooflexi-catalog .product-card .info .specs{font-size:11px;color:var(--text-secondary);line-height:1.5;}
.tooflexi-catalog .color-swatches{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px;align-items:center;}
.tooflexi-catalog .color-swatch{width:34px;height:34px;border-radius:6px;border:2px solid var(--border);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden;flex-shrink:0;background:#f5f5f5;}
.tooflexi-catalog .color-swatch:hover{transform:scale(1.15);border-color:var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.12);z-index:2;}
.tooflexi-catalog .color-swatch.active{border-color:var(--accent);transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--accent);}
.tooflexi-catalog .color-swatch img{width:100%;height:100%;object-fit:contain;border-radius:4px;display:block;}
.tooflexi-catalog .color-swatch .swatch-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:11px;padding:3px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;line-height:1.4;}
.tooflexi-catalog .color-swatch .swatch-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--accent);}
.tooflexi-catalog .color-swatch:hover .swatch-tooltip{opacity:1;}
.tooflexi-catalog .color-swatch.more{background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-secondary);cursor:default;border:1px dashed var(--border);}
.tooflexi-catalog .color-swatch-name{font-size:10px;color:var(--text-secondary);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;}
.tooflexi-catalog .product-card .actions{display:flex;gap:6px;padding:0 12px 12px;align-items:center;}
.tooflexi-catalog .btn-fav{width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.tooflexi-catalog .btn-fav.favorited{color:var(--star);border-color:var(--star);background:#fdf6ed;}
.tooflexi-catalog .btn-quote{flex:1;padding:7px 12px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s;text-align:center;text-decoration:none;display:inline-block;}
.tooflexi-catalog .btn-quote:hover{background:#333;}
.tooflexi-catalog .empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-secondary);}
.tooflexi-catalog .empty-state .icon{font-size:48px;margin-bottom:12px;}

@media(max-width:1024px){.tooflexi-catalog .product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.tooflexi-catalog .series-grid{grid-template-columns:repeat(2,1fr)}.tooflexi-catalog .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.tooflexi-catalog .series-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tooflexi-catalog .product-grid{grid-template-columns:repeat(2,1fr)}.tooflexi-catalog .filter-bar{flex-direction:column;align-items:stretch}.tooflexi-catalog .filter-select{min-width:auto}.tooflexi-catalog .result-count{margin-left:0;text-align:center}}