/* BOLIX LT — NCS catalogue, adapted to Spektrum/Trendy language */
.bolix-ncs{--page:#eef0f2;--paper:#fff;--ink:#17191c;--copy:#606a76;--border:#dfe5eb;--red:#e30613;background:var(--page)}
.bolix-ncs__toolbar{display:grid;gap:16px}
.bolix-ncs__search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.bolix-ncs__search{position:relative;display:block}
.bolix-ncs__search>span{display:block;margin-bottom:8px;font-size:12px;font-weight:850;letter-spacing:.02em;color:#343b44}
.bolix-ncs__search input{width:100%;min-height:50px;padding:0 48px 0 16px;border:1px solid var(--border);border-radius:16px;background:#fff;color:var(--ink);font:inherit;outline:none;box-shadow:0 8px 24px rgba(15,23,42,.04);transition:border-color .2s ease,box-shadow .2s ease}
.bolix-ncs__search input:focus{border-color:rgba(227,6,19,.42);box-shadow:0 0 0 3px rgba(227,6,19,.08)}
.bolix-ncs__clear{position:absolute;right:10px;bottom:9px;width:32px;height:32px;border:0;border-radius:50%;background:#eef0f2;color:#4b5560;font-size:20px;line-height:1;cursor:pointer}
.bolix-ncs__meta{min-height:50px;padding:0 16px;display:flex;align-items:center;white-space:nowrap;border:1px solid var(--border);border-radius:16px;background:#fff;color:#59636f;font-size:13px;font-weight:700}
.bolix-ncs__meta strong{margin-right:5px;color:var(--ink);font-size:16px}
.bolix-ncs__filters{display:flex;flex-wrap:wrap;gap:8px}
.bolix-ncs__filter{--dot:#9299a1;min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#414852;font-size:12px;font-weight:780;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.bolix-ncs__filter::before{content:"";width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px rgba(0,0,0,.08) inset}
.bolix-ncs__filter:hover{transform:translateY(-1px);border-color:#c9d0d7;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.bolix-ncs__filter.is-active{border-color:#25292e;background:#25292e;color:#fff}
.bolix-ncs__filter-count{opacity:.65;font-size:10px}
.bolix-ncs__content{padding:30px 0 58px;background:#fff}
.bolix-ncs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}
.bolix-ncs__swatch{min-width:0;padding:0;overflow:hidden;border:1px solid #e1e5e9;border-radius:18px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.bolix-ncs__swatch:hover{transform:translateY(-2px);border-color:rgba(227,6,19,.26);box-shadow:0 12px 28px rgba(15,23,42,.08)}
.bolix-ncs__swatch-color{display:block;height:88px;background:#eee}
.bolix-ncs__swatch-code{min-height:45px;padding:0 11px;display:flex;align-items:center;color:#262b31;font-size:11px;font-weight:850;letter-spacing:-.01em;white-space:nowrap}
.bolix-ncs__empty{padding:46px 18px;text-align:center;color:#727b86;font-size:14px}
.bolix-ncs__intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:28px;align-items:stretch}
.bolix-ncs__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;max-width:420px}
.bolix-ncs__stat{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#fff}
.bolix-ncs__stat strong{display:block;font-size:20px;line-height:1.1;color:var(--ink)}
.bolix-ncs__stat span{display:block;margin-top:5px;color:#707984;font-size:11px}
@media(max-width:900px){.bolix-ncs__intro-grid{grid-template-columns:1fr}.bolix-ncs__search-row{grid-template-columns:1fr}.bolix-ncs__meta{justify-content:center}}
@media(max-width:760px){.bolix-ncs__content{padding:22px 0 38px}.bolix-ncs__filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.bolix-ncs__filters::-webkit-scrollbar{display:none}.bolix-ncs__filter{flex:0 0 auto}.bolix-ncs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bolix-ncs__swatch{border-radius:15px}.bolix-ncs__swatch-color{height:82px}.bolix-ncs__swatch-code{min-height:42px;padding:0 9px;font-size:10px}.bolix-ncs__stats{max-width:none}}