/* BRISO 7.1 — xixou.io */
.bs{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#05050a;color:#eee;max-width:100%;margin:0 auto;padding:0 0 30px;overflow-x:hidden}
.bs *{box-sizing:border-box}
.bs input[type=number]::-webkit-inner-spin-button,.bs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
.bs input[type=number]{-moz-appearance:textfield}
.bs-ki{vertical-align:middle;object-fit:contain;pointer-events:none}
.bs-ki-s{width:14px;height:14px;vertical-align:middle;object-fit:contain;margin-left:3px}
.bs-muted{color:#888;font-size:13px;text-align:center;padding:16px 0;margin:0}
.gr{color:#4ade80!important}.rd{color:#f87171!important}

/* HEADER */
.bs-hd{background:linear-gradient(180deg,#0c0c12,#06060a);padding:16px 15px 10px;text-align:center}
.bs-hd-icon{font-size:28px;margin-bottom:1px}
.bs-hd h1{font-size:clamp(20px,4vw,28px);font-weight:900;background:linear-gradient(180deg,#fff,#d4a84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:4px}
.bs-hd-sub{font-size:11px;color:#888;margin:3px 0 0;letter-spacing:2px;text-transform:uppercase}
.bs-hd-sub span{color:#d4a84b}

/* SERVERS */
.bs-srv-bar{padding:10px 15px 8px;text-align:center;border-bottom:3px solid #1a1a25;transition:border-color .3s;background:#08080e}
.bs-srv-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:4px}
.bs-srv{font-size:12px;font-weight:700;padding:7px 18px;border-radius:20px;border:2px solid #1a1a25;background:#0c0c12;color:#ccc;cursor:pointer;transition:all .2s;text-transform:uppercase;font-family:inherit;letter-spacing:.5px}
.bs-srv:hover{color:#fff;transform:translateY(-1px)}
.bs-srv.active{color:#000;font-weight:800;border-color:transparent;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.bs-status{font-size:11px;color:#666}

/* SEARCH */
.bs-bar{background:#08080e;padding:10px 15px 8px;border-bottom:1px solid #111118}
.bs-src-wrap{position:relative;max-width:550px;margin:0 auto 6px}
.bs-src{width:100%;padding:11px 16px 11px 40px;background:#111118;border:2px solid #1a1a25;border-radius:50px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:border-color .15s}
.bs-src:focus{border-color:#d4a84b}
.bs-src::placeholder{color:#555}
.bs-src-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.4;pointer-events:none;z-index:1}
.bs-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0e0e16;border:2px solid #2a2a35;border-radius:12px;max-height:340px;overflow-y:auto;z-index:500;box-shadow:0 16px 50px rgba(0,0,0,.9)}
.bs-dd-r{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-bottom:1px solid #1a1a25;transition:background .1s}
.bs-dd-r:hover{background:rgba(212,168,75,.06)}
.bs-dd-r img{width:36px;height:36px;object-fit:contain;border-radius:6px;flex-shrink:0}
.bs-dd-r b{font-size:15px;color:#fff}
.bs-dd-r small{font-size:12px;color:#888;display:block}
.bs-dd-0{padding:16px;text-align:center;color:#888}

/* FILTERS */
.bs-filters-help{font-size:11px;color:#666;text-align:center;margin-bottom:4px}
.bs-filters{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:550px;margin:0 auto;align-items:center}
.bs-filt{width:36px;height:36px;padding:0;background:linear-gradient(145deg,#1a1a1a,#111);border:2px solid #2a2a2a;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:0;font-family:inherit}
.bs-filt::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,193,7,.12),transparent 70%);opacity:0;transition:opacity .3s}
.bs-filt img{width:20px;height:20px;opacity:.45;filter:grayscale(40%);transition:all .2s;position:relative;z-index:1}
.bs-filt:hover{border-color:#555;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.bs-filt:hover::before{opacity:1}
.bs-filt:hover img{opacity:1;filter:grayscale(0%);transform:scale(1.1)}
.bs-filt.on{border-color:#ffc107;background:linear-gradient(145deg,rgba(255,193,7,.2),rgba(255,152,0,.1));box-shadow:0 0 18px rgba(255,193,7,.25);transform:translateY(-2px)}
.bs-filt.on::before{opacity:1}
.bs-filt.on img{opacity:1;filter:grayscale(0%) drop-shadow(0 0 5px rgba(255,193,7,.5))}
/* Tooltip */
.bs-filt-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:600;box-shadow:0 4px 12px rgba(0,0,0,.6)}
.bs-filt-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent}
.bs-filt:hover .bs-filt-tip{opacity:1}
/* Active filters display */
.bs-filt-active{text-align:center;padding:4px 0 0;min-height:0;font-size:12px;color:#d4a84b;font-weight:700}
.bs-filt-active:empty{display:none}
.bs-filt-active .bs-filt-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;margin:2px;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:12px;font-size:11px}
.bs-filt-active .bs-filt-tag img{width:14px;height:14px}

/* HELP TEXTS inline */
.bs-field-help{font-size:11px;color:#666;padding:0 12px 4px;line-height:1.3;border-bottom:1px solid rgba(255,255,255,.02)}

/* FAVORITES */
.bs-favs{display:flex;flex-wrap:wrap;gap:4px;padding:6px 15px;min-height:0}
.bs-fav{display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 5px;background:#0c0c12;border:2px solid #1a1a25;border-radius:15px;font-size:12px;font-weight:600;color:#ccc;cursor:pointer;transition:all .15s}
.bs-fav:hover{border-color:#d4a84b;color:#fff}
.bs-fav img{width:18px;height:18px;object-fit:contain;border-radius:3px}
.bs-fav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.bs-fav-x{font-size:9px;opacity:.3;margin-left:2px;padding:2px}
.bs-fav-x:hover{opacity:1;color:#f87171}

/* EMPTY */
.bs-empty{text-align:center;padding:30px 15px;color:#888;font-size:14px}
.bs-empty span{font-size:28px;display:block;margin-bottom:6px;opacity:.3}

/* ITEM CARD */
.bs-item{background:#0c0c12;border:2px solid #1a1a25;border-radius:12px;margin:10px 10px 8px;overflow:hidden;display:flex}
.bs-item-left{flex:1;padding:14px;min-width:0;display:flex;gap:12px;align-items:flex-start}
.bs-item-img{width:80px;height:80px;object-fit:contain;border-radius:10px;background:#111118;padding:4px;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.bs-item-info{flex:1;min-width:0}
.bs-item-name{font-size:19px;font-weight:800;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bs-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.bs-item-tags span{font-size:11px;font-weight:700;color:#ccc;background:#111118;padding:3px 8px;border-radius:10px;border:1px solid #1a1a25}
.bs-fav-btn{display:inline-flex;align-items:center;gap:5px;background:rgba(212,168,75,.06);border:2px solid rgba(212,168,75,.2);border-radius:20px;font-size:13px;font-weight:700;color:#d4a84b;cursor:pointer;transition:all .2s;flex-shrink:0;padding:5px 14px 5px 10px;font-family:inherit;letter-spacing:.3px}
.bs-fav-btn .bs-fav-star{font-size:18px;filter:grayscale(.8);transition:all .15s;line-height:1}
.bs-fav-btn:hover{border-color:#d4a84b;color:#fff;background:rgba(212,168,75,.12);transform:translateY(-1px);box-shadow:0 3px 10px rgba(212,168,75,.15)}
.bs-fav-btn:hover .bs-fav-star{filter:grayscale(0)}
.bs-fav-btn.on{border-color:#d4a84b;color:#fff;background:rgba(212,168,75,.15);box-shadow:0 0 12px rgba(212,168,75,.2)}
.bs-fav-btn.on .bs-fav-star{filter:grayscale(0)}
.bs-effs{display:flex;flex-direction:column;gap:1px}
.bs-effs.cols2{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}
.bs-eff{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;padding:2px 0;white-space:nowrap}
.bs-eff b{color:#fff;font-weight:800}
.bs-eff.neg{color:#f87171!important}.bs-eff.neg b{color:#f87171!important}
.bs-sico{width:16px;height:16px;object-fit:contain;flex-shrink:0}
.bs-sdot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}
.bs-rico{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}

/* Recipe */
.bs-item-right{flex:1;border-left:1px solid #1a1a25;padding:10px 12px;min-width:280px}
.bs-rec-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.bs-rec-label{font-size:12px;font-weight:800;color:#d4a84b;text-transform:uppercase;letter-spacing:1.5px}
.bs-rec-right{display:flex;align-items:center;gap:10px}
.bs-qty-wrap{display:flex;align-items:center;gap:8px;background:rgba(212,168,75,.1);border:2px solid rgba(212,168,75,.35);border-radius:12px;padding:6px 14px;box-shadow:0 0 12px rgba(212,168,75,.08)}
.bs-qty-wrap label{font-size:14px;font-weight:800;color:#d4a84b;text-transform:uppercase;letter-spacing:.5px}
.bs-qty-in{width:68px;padding:7px 8px;background:#0c0c12;border:2px solid rgba(212,168,75,.4);border-radius:8px;color:#d4a84b;font-size:18px;font-weight:900;text-align:center;outline:none;font-family:inherit}
.bs-qty-in:focus{border-color:#d4a84b;box-shadow:0 0 10px rgba(212,168,75,.3)}
.bs-craft-total{font-size:15px;font-weight:800;color:#fb923c}
.bs-rec-rows{display:flex;flex-direction:column;gap:2px}
.bs-rec-row{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:6px;transition:background .1s}
.bs-rec-row:hover{background:#111118}
.bs-rec-row img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#111118;padding:1px;flex-shrink:0}
.bs-rec-ph{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.bs-rec-mid{flex:1;display:flex;align-items:center;gap:5px;min-width:0}
.bs-rec-qty{color:#d4a84b;font-weight:800;font-size:14px;flex-shrink:0}
.bs-rec-name{font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-rec-end{display:flex;align-items:center;gap:4px;flex-shrink:0}
.bs-px{width:90px;padding:6px 8px;background:#0c0c12;border:2px solid #2a2a35;border-radius:8px;color:#fff;font-size:15px;font-weight:700;text-align:right;outline:none;font-family:inherit;transition:border-color .15s}
.bs-px:focus{border-color:#d4a84b;box-shadow:0 0 8px rgba(212,168,75,.15)}
.bs-px::placeholder{color:#666;font-weight:500;font-size:11px}
.bs-rec-tot{font-size:14px;font-weight:700;color:#ccc;min-width:60px;text-align:right}

/* TRIO */
.bs-trio{display:grid;grid-template-columns:1fr 1fr 2fr;gap:8px;padding:0 10px;margin-bottom:8px;align-items:start}
.bs-box{background:#0c0c12;border:2px solid #1a1a25;border-radius:12px;overflow:hidden}
.bs-box-hd{padding:9px 12px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1a1a25}
.bs-box-hd.sell{color:#d4a84b;background:linear-gradient(135deg,rgba(212,168,75,.08),transparent)}
.bs-box-hd.brise{color:#00e5ff;background:linear-gradient(135deg,rgba(0,229,255,.06),transparent)}
.bs-box-hd.dtl{color:#a78bfa;background:linear-gradient(135deg,rgba(167,139,250,.06),transparent)}
.bs-field{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-size:14px;gap:8px;border-bottom:1px solid rgba(255,255,255,.03);cursor:default}
.bs-field span{color:#ccc;font-weight:600;flex-shrink:0}
.bs-field b{color:#fff;font-weight:700;font-size:15px;white-space:nowrap}
.bs-field.result{border-top:2px solid #1a1a25;margin-top:-1px;background:rgba(255,255,255,.02)}
.bs-field.result b{font-size:17px;font-weight:900}
.bs-field-r{display:flex;align-items:center;gap:2px;flex-shrink:0}
.bs-in{padding:6px 8px;background:#111118;border:2px solid #1a1a25;border-radius:8px;color:#fff;font-size:15px;font-weight:700;width:100px;text-align:right;outline:none;font-family:inherit;transition:border-color .15s}
.bs-in:focus{border-color:#d4a84b}
.bs-in.sm{width:56px}
.bs-u{font-size:12px;color:#888;font-weight:700}
.bs-toggle{display:flex;gap:2px}
.bs-tg{padding:4px 10px;font-size:11px;font-weight:700;border:2px solid #1a1a25;border-radius:8px;background:#111118;color:#ccc;cursor:pointer;font-family:inherit;transition:all .15s}
.bs-tg:hover{border-color:#00e5ff;color:#fff}
.bs-tg.on{background:#00e5ff;border-color:#00e5ff;color:#000}

/* DETAIL TABLE */
.bs-box-dtl{grid-row:1/3}
.bs-dtl{padding:4px 6px 6px}
.bs-dtl-hdr{display:grid;grid-template-columns:minmax(80px,1fr) 32px 34px minmax(90px,1.2fr) 44px 68px 62px;gap:3px;padding:3px 4px;font-size:9px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #1a1a25;margin-bottom:2px}
.bs-dtl-row{display:grid;grid-template-columns:minmax(80px,1fr) 32px 34px minmax(90px,1.2fr) 44px 68px 62px;gap:3px;padding:3px 4px;font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.03);align-items:center}
.bs-dtl-row:hover{background:#111118}
.bs-dtl-stat{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px;font-size:12px}
.bs-dtl-jet{color:#ccc;font-size:11px;text-align:center}
.bs-dtl-pct{color:#00e5ff;font-size:10px;font-weight:700;text-align:center}
.bs-dtl-rune{display:flex;align-items:center;gap:4px;overflow:hidden}
.bs-dtl-rune b{color:#00e5ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bs-dtl-cnt{color:#d4a84b;font-weight:900;font-size:13px;text-align:center}
.bs-dtl-val{font-weight:700;font-size:12px;color:#ccc;text-align:right}
.bs-dtl-val em{color:#555;font-style:normal}
.bs-rp{width:100%;padding:4px 5px;background:#0c0c12;border:2px solid #2a2a35;border-radius:6px;color:#fff;font-size:13px;font-weight:700;text-align:right;outline:none;font-family:inherit}
.bs-rp:focus{border-color:#d4a84b;box-shadow:0 0 6px rgba(212,168,75,.12)}
.bs-rp::placeholder{color:#666;font-weight:400;font-size:10px}
.bs-dtl-total{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 2px;font-weight:900;font-size:13px;color:#fff;border-top:2px solid #1a1a25;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}
.bs-dtl-total span:last-child{color:#00e5ff;font-size:15px}
.bs-dtl-total small{font-weight:600;color:#888;font-size:10px;text-transform:none;margin-left:3px}

/* VERDICT */
.bs-verdict{text-align:center;padding:14px;margin:0 10px 8px;background:#0c0c12;border:2px solid #1a1a25;border-radius:12px}
.bs-v-ico{font-size:1.5rem;margin-bottom:2px}
.bs-v-lbl{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:900;letter-spacing:2px;text-transform:uppercase}
.bs-v-lbl.sell{color:#d4a84b}.bs-v-lbl.brise{color:#00e5ff}.bs-v-lbl.loss{color:#f87171;font-size:1rem}
.bs-v-info{font-size:15px;color:#ccc;margin-top:2px}

/* COMPARE */
.bs-cmp-btn{display:block;width:calc(100% - 20px);margin:0 10px 8px;padding:10px;background:#0c0c12;border:2px dashed #1a1a25;border-radius:12px;color:#ccc;font-size:14px;font-weight:700;cursor:pointer;text-align:center;font-family:inherit;transition:all .15s}
.bs-cmp-btn:hover{border-color:#a78bfa;color:#a78bfa}
.bs-cmp-zone{margin:0 10px 8px;background:#0c0c12;border:2px solid #a78bfa;border-radius:12px;padding:12px;position:relative}
.bs-cmp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bs-cmp-top b{font-size:14px;color:#a78bfa}
.bs-cmp-x{background:#111118;border:2px solid #1a1a25;border-radius:8px;color:#ccc;font-size:12px;cursor:pointer;padding:3px 10px;font-family:inherit}
.bs-cmp-x:hover{border-color:#f87171;color:#f87171}
.bs-cmp-search-wrap{position:relative;margin-bottom:8px;z-index:100}
.bs-cmp-src{width:100%;padding:9px 14px 9px 36px;background:#111118;border:2px solid #1a1a25;border-radius:50px;color:#fff;font-size:14px;font-family:inherit;outline:none}
.bs-cmp-src:focus{border-color:#a78bfa}
.bs-cmp-src::placeholder{color:#555}
.bs-cmp-dd{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;background:#0e0e16;border:2px solid #2a2a35;border-radius:12px;max-height:240px;overflow-y:auto;z-index:500;box-shadow:0 16px 50px rgba(0,0,0,.95)}
.bs-cmp-recs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.bs-cmp-rec{padding:10px;background:#0a0a10;border:1px solid #1a1a25;border-radius:10px}
.bs-cmp-rec .bs-rec-label{font-size:12px;margin-bottom:6px;display:block}
.bs-cmp-rec .bs-rec-row{padding:3px 3px}
.bs-cmp-rec .bs-rec-row img{width:32px;height:32px}
.bs-cmp-rec .bs-rec-mid{gap:4px}
.bs-cmp-rec .bs-rec-qty{font-size:13px}
.bs-cmp-rec .bs-rec-name{font-size:13px}
.bs-cpx{width:60px;padding:3px 4px;background:#111118;border:2px solid #1a1a25;border-radius:6px;color:#fff;font-size:11px;font-weight:700;text-align:right;outline:none;font-family:inherit}
.bs-cpx:focus{border-color:#a78bfa}
.bs-cpx::placeholder{color:#555}
.bs-cmp-rec .bs-rec-tot{font-size:13px;min-width:48px}
.bs-cmp-rec .bs-craft-total{font-size:14px}
.bs-cmp-tbl-wrap{max-width:600px;margin:0 auto}
.bs-cmp-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.bs-cmp-tbl th{font-size:10px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:8px 6px;border-bottom:2px solid #1a1a25;text-align:center}
.bs-cmp-tbl th:first-child{text-align:left;width:100px}
.bs-cmp-tbl .item-hd{font-weight:800;color:#fff;font-size:13px;vertical-align:middle}
.bs-cmp-tbl .item-hd img{width:36px;height:36px;object-fit:contain;border-radius:6px;vertical-align:middle;margin-right:6px}
.bs-cmp-tbl td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.04);text-align:center;font-weight:600;font-size:13px;color:#fff}
.bs-cmp-tbl td:first-child{text-align:left;color:#ccc;font-size:12px}
.bs-cmp-tbl td:first-child b{font-weight:800;color:#fff}
.bs-cmp-tbl .win{color:#4ade80;font-weight:800}
.bs-cmp-tbl .lose{color:#888;font-weight:600}
.bs-cmp-tbl tr:hover td{background:rgba(255,255,255,.02)}
.bs-cmp-tbl .row-total td{border-top:2px solid #1a1a25;padding-top:8px;font-size:15px;font-weight:900}

/* HELP — bigger text, detailed */
.bs-help{margin:0 10px;background:#0c0c12;border:2px solid #1a1a25;border-radius:12px;overflow:hidden}
.bs-help summary{padding:12px 16px;font-size:15px;font-weight:800;color:#d4a84b;cursor:pointer;list-style:none;user-select:none}
.bs-help summary::-webkit-details-marker{display:none}
.bs-help summary::after{content:'▸';float:right;transition:transform .15s}
.bs-help[open] summary::after{transform:rotate(90deg)}
.bs-help-bd{padding:6px 16px 16px}
.bs-help-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.bs-help-s{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#ccc}
.bs-help-s b{width:28px;height:28px;min-width:28px;border-radius:50%;background:rgba(212,168,75,.12);border:2px solid rgba(212,168,75,.25);color:#d4a84b;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.bs-help-s div{display:flex;flex-direction:column;gap:2px}
.bs-help-s strong{color:#fff;font-size:15px;font-weight:800}
.bs-help-s span{color:#999;font-size:13px;line-height:1.4}
.bs-help-extra{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px;background:#0a0a10;border-radius:10px;border:1px solid #1a1a25}
.bs-help-tip{font-size:13px;color:#ccc;line-height:1.4}
.bs-help-tip strong{color:#fff;margin-right:4px}
.bs-help-sm{font-size:12px;color:#888;line-height:1.5;margin:0}
.bs-help-sm a{color:#00e5ff;text-decoration:none}
.bs-help-sm b{color:#ccc}

/* CATEGORY FILTERS */
.bs-cat-filters{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:600px;margin:6px auto 0;padding:0 4px}
.bs-cat{padding:4px 10px;font-size:11px;font-weight:700;border:2px solid #1a1a25;border-radius:16px;background:#0c0c12;color:#888;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}
.bs-cat:hover{border-color:#a78bfa;color:#ccc;background:#111118}
.bs-cat.on{border-color:#a78bfa;color:#fff;background:rgba(167,139,250,.12);box-shadow:0 0 10px rgba(167,139,250,.15)}

/* FILTER RESULTS — paginated */
.bs-filt-results{padding:0 10px}
.bs-filt-results:empty{display:none}
.bs-filt-count{font-size:12px;font-weight:700;color:#888;text-align:center;padding:6px 0 2px}
.bs-filt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;padding:6px 0 10px}
.bs-filt-card{position:relative;cursor:pointer;border-radius:10px;background:#111118;border:2px solid #1a1a25;padding:4px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;transition:all .15s}
.bs-filt-card:hover{border-color:#d4a84b;transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.5);z-index:10}
.bs-filt-card img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.bs-filt-card .bs-filt-name{position:absolute;bottom:-2px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;color:#ccc;background:rgba(5,5,10,.85);padding:2px 3px;border-radius:0 0 8px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Voir plus button */
.bs-filt-more{display:block;width:100%;padding:10px;margin:4px 0 6px;background:#111118;border:2px dashed #2a2a35;border-radius:10px;color:#d4a84b;font-size:13px;font-weight:700;cursor:pointer;text-align:center;font-family:inherit;transition:all .15s}
.bs-filt-more:hover{border-color:#d4a84b;background:rgba(212,168,75,.06)}
/* Floating tooltip — ID selector, fixed on body, above everything */
#bs-filt-tip-float{display:none;position:fixed;min-width:220px;max-width:300px;padding:10px 12px;background:#0e0e16;border:2px solid #d4a84b;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.9),0 0 0 1px rgba(212,168,75,.2);z-index:999999;pointer-events:none}
.bs-tip-name{font-size:14px;font-weight:800;color:#fff;margin-bottom:2px}
.bs-tip-meta{font-size:11px;color:#888;margin-bottom:6px}
.bs-tip-stats{display:flex;flex-direction:column;gap:2px}
.bs-tip-stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap}
.bs-tip-stat img{width:14px;height:14px;flex-shrink:0}
.bs-tip-stat b{font-weight:800;color:#fff}

/* ACTION BAR (reset + compare) — near filters */
.bs-action-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px 2px}
.bs-act-cmp{padding:7px 18px;font-size:13px;font-weight:800;border:2px solid #a78bfa;border-radius:20px;background:rgba(167,139,250,.1);color:#a78bfa;cursor:pointer;font-family:inherit;transition:all .2s;letter-spacing:.3px}
.bs-act-cmp:hover{background:rgba(167,139,250,.2);color:#fff;box-shadow:0 0 16px rgba(167,139,250,.25)}
.bs-act-cmp.on{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border-color:#a78bfa;box-shadow:0 0 20px rgba(167,139,250,.35)}
.bs-act-reset{padding:7px 14px;font-size:12px;font-weight:700;border:2px solid #1a1a25;border-radius:20px;background:#0c0c12;color:#888;cursor:pointer;font-family:inherit;transition:all .15s}
.bs-act-reset:hover{border-color:#f87171;color:#f87171;background:rgba(248,113,113,.06)}
/* Compare hint — global, below action bar */
.bs-cmp-hint-global{display:none;font-size:12px;color:#a78bfa;text-align:center;padding:5px 10px;margin:2px 10px 0;background:rgba(167,139,250,.06);border:1px solid rgba(167,139,250,.15);border-radius:8px}
.bs-cmp-hint-global b{color:#fff}
/* Filter bar (count only now) */
.bs-filt-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 0}
/* Selection states */
.bs-filt-card.bs-sel-1{border-color:#d4a84b!important;box-shadow:0 0 14px rgba(212,168,75,.3)}
.bs-filt-card.bs-sel-1::after{content:'①';position:absolute;top:2px;right:4px;font-size:14px;font-weight:900;color:#d4a84b;text-shadow:0 0 4px rgba(0,0,0,.8);z-index:2}
.bs-filt-card.bs-sel-2{border-color:#a78bfa!important;box-shadow:0 0 14px rgba(167,139,250,.3)}
.bs-filt-card.bs-sel-2::after{content:'②';position:absolute;top:2px;right:4px;font-size:14px;font-weight:900;color:#a78bfa;text-shadow:0 0 4px rgba(0,0,0,.8);z-index:2}

/* SCROLLBAR */
.bs-dd::-webkit-scrollbar,.bs-cmp-dd::-webkit-scrollbar{width:4px}
.bs-dd::-webkit-scrollbar-thumb,.bs-cmp-dd::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:4px}

/* RESPONSIVE */
@media(max-width:1100px){.bs-trio{grid-template-columns:1fr 1fr}.bs-box-dtl{grid-column:1/-1;grid-row:auto}}
@media(max-width:800px){
    .bs{overflow-x:hidden}
    .bs-trio{grid-template-columns:1fr}
    .bs-item{flex-direction:column}
    .bs-item-right{border-left:none;border-top:1px solid #1a1a25;min-width:0}
    .bs-item-left{gap:10px;padding:12px}.bs-item-img{width:64px;height:64px}
    .bs-item-name{font-size:16px;flex-wrap:wrap;gap:6px}
    .bs-fav-btn{font-size:12px;padding:4px 10px 4px 8px}
    .bs-effs.cols2{grid-template-columns:1fr}
    .bs-eff{font-size:13px}
    .bs-rec-top{flex-direction:column;align-items:flex-start;gap:8px}
    .bs-rec-right{width:100%;justify-content:space-between}
    .bs-qty-wrap{padding:6px 12px}
    .bs-qty-wrap label{font-size:13px}
    .bs-qty-in{width:60px;font-size:16px;padding:6px}
    .bs-rec-row{gap:5px;padding:5px 4px}
    .bs-rec-row img{width:32px;height:32px}
    .bs-rec-mid{gap:4px}
    .bs-rec-qty{font-size:14px}
    .bs-rec-name{font-size:13px}
    .bs-px{width:80px;font-size:16px;padding:6px 6px}
    .bs-rec-tot{font-size:13px;min-width:48px}
    .bs-dtl-hdr,.bs-dtl-row{grid-template-columns:minmax(55px,1fr) 26px 28px minmax(55px,1fr) 34px 54px 46px;gap:2px;font-size:11px}
    .bs-dtl-hdr{font-size:8px}
    .bs-dtl-stat{font-size:11px}
    .bs-rp{font-size:16px;padding:5px 4px}
    .bs-field{padding:8px 10px;font-size:14px}
    .bs-field b{font-size:15px}
    .bs-field.result b{font-size:16px}
    .bs-in{width:80px;font-size:16px;padding:6px 6px}
    .bs-tg{padding:6px 12px;font-size:12px;min-height:34px}
    .bs-help-steps{gap:8px}
    .bs-filters{gap:3px}.bs-filt{width:34px;height:34px}.bs-filt img{width:18px;height:18px}
    .bs-cmp-recs{grid-template-columns:1fr}
    .bs-cmp-tbl{font-size:12px}
    .bs-cmp-tbl th{font-size:9px;padding:6px 3px}
    .bs-cmp-tbl td{padding:5px 3px;font-size:12px}
    .bs-cmp-tbl .item-hd{font-size:12px}
    .bs-cmp-tbl .item-hd img{width:28px;height:28px}
    .bs-cmp-tbl .row-total td{font-size:14px}
    .bs-verdict{padding:14px 10px;margin:0 6px 8px}
    .bs-v-info{font-size:14px}
    .bs-cmp-zone{margin:0 6px 8px;padding:10px}
    .bs-cpx{width:72px;font-size:16px;padding:5px 5px}
    .bs-help-bd{padding:6px 12px 14px}
    .bs-craft-total{font-size:14px}
    .bs-field-help{font-size:11px;padding:0 10px 4px}
}
@media(max-width:400px){
    .bs-item-left{gap:8px;padding:10px}
    .bs-item-img{width:52px;height:52px}
    .bs-item-name{font-size:15px}
    .bs-fav-btn{font-size:11px;padding:3px 8px 3px 6px}
    .bs-filt{width:30px;height:30px}.bs-filt img{width:14px;height:14px}
    .bs-px{width:72px;font-size:16px}
    .bs-dtl-hdr,.bs-dtl-row{grid-template-columns:minmax(44px,1fr) 22px 24px minmax(44px,1fr) 30px 48px 40px;font-size:10px}
    .bs-qty-wrap{padding:5px 8px;gap:5px}
    .bs-qty-in{width:54px;font-size:16px}
}