:root{--hbs-navy:var(--ink);--hbs-accent:var(--blue-dark);--hbs-accent-dark:#143a75;--hbs-off-white:var(--bg-alt);--hbs-success:#2f6e4f;--hbs-warning:#c08a3e;--hbs-warning-bg:#c08a3e1f;--hbs-error:#9c3030;--hbs-radius-sm:8px;--hbs-radius-md:12px;--hbs-radius-lg:16px}.hbsel-hero{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);border-bottom:1px solid var(--rule-soft);padding:72px 40px 28px}.hbsel-hero-inner{max-width:1240px;margin:0 auto}.hbsel-breadcrumb{color:var(--mid);margin-bottom:20px;font-size:13px}.hbsel-breadcrumb a{color:var(--mid);text-decoration:none}.hbsel-breadcrumb a:hover{color:var(--ink)}.hbsel-breadcrumb span{color:var(--rule);margin:0 8px}.hbsel-eyebrow{color:var(--hbs-accent-dark);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:500;display:inline-flex}.hbsel-eyebrow:before{content:"";background:var(--hbs-accent-dark);width:22px;height:1px}.hbs-root{max-width:1240px;margin:0 auto;padding:36px 40px 200px}.hbs-header{border-bottom:1px solid var(--rule-soft);margin-bottom:36px;padding-bottom:28px}.hbs-header h1,.hbs-header h2{letter-spacing:-.03em;color:var(--ink);margin:0 0 12px;font-size:clamp(36px,3.8vw,52px);font-weight:600;line-height:1.05}.hbs-header>p{color:var(--ink-soft);max-width:720px;margin:0;font-size:17px;line-height:1.5}.hbs-badges{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.hbs-badge{background:var(--ink);color:var(--white);letter-spacing:.03em;text-transform:uppercase;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.hbs-badge.accent{color:var(--hbs-accent-dark);background:#dce8f7}.hbs-grid{grid-template-columns:minmax(290px,350px) 1fr;align-items:start;gap:32px;display:grid}@media (max-width:900px){.hbs-grid{grid-template-columns:1fr}}.hbs-filters{background:var(--bg-alt);border:1px solid var(--rule-soft);border-radius:var(--hbs-radius-lg);padding:24px;position:sticky;top:80px}@media (max-width:900px){.hbs-filters{position:static}}.hbs-filters h2{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;font-size:13px;font-weight:600}.hbs-field{margin-bottom:22px}.hbs-field:last-child{margin-bottom:0}.hbs-label{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.hbs-label .hint{text-transform:none;letter-spacing:0;color:var(--mid);margin-left:4px;font-size:11px;font-weight:400}.hbs-select,.hbs-input{border:1px solid var(--rule-soft);border-radius:var(--hbs-radius-sm);background:var(--white);width:100%;color:var(--ink);padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.hbs-select:focus,.hbs-input:focus{border-color:var(--hbs-accent);outline:none;box-shadow:0 0 0 3px #1c52a32e}.hbs-input[type=number]{font-variant-numeric:tabular-nums}.hbs-segmented{flex-wrap:wrap;gap:6px;display:flex}.hbs-seg-btn{background:var(--white);min-width:60px;color:var(--ink-soft);border:1px solid var(--rule-soft);border-radius:var(--hbs-radius-sm);cursor:pointer;flex:auto;padding:10px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.hbs-seg-btn:hover:not(:disabled){border-color:var(--hbs-accent);color:var(--ink)}.hbs-seg-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.hbs-seg-btn:disabled{opacity:.35;cursor:not-allowed}.hbs-dual-input{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hbs-dual-input>div{flex-direction:column;display:flex}.hbs-sublabel{color:var(--mid);margin-bottom:4px;font-size:11px;font-weight:500}.hbs-total{background:var(--white);border:1px dashed var(--rule);border-radius:var(--hbs-radius-sm);color:var(--mid);margin-top:10px;padding:9px 11px;font-size:12px}.hbs-total strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.hbs-btn-row{gap:8px;margin-top:18px;display:flex}.hbs-btn{border-radius:var(--hbs-radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border:none;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.hbs-btn.ghost{color:var(--mid);border:1px solid var(--rule-soft);background:0 0}.hbs-btn.ghost:hover{color:var(--ink);border-color:var(--ink)}.hbs-results h2{color:var(--ink);margin:0 0 10px;font-size:18px;font-weight:600}.hbs-result-meta{color:var(--mid);margin-bottom:22px;font-size:13px;line-height:1.5}.hbs-result-meta strong{color:var(--ink)}.hbs-result-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.hbs-card{background:var(--white);border:1px solid var(--rule-soft);border-radius:var(--hbs-radius-md);flex-direction:column;gap:14px;padding:22px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.hbs-card:hover{border-color:var(--hbs-accent);box-shadow:0 4px 14px #0000000f}.hbs-card.recommended{border-color:var(--hbs-accent);border-width:2px}.hbs-card.recommended:before{content:"BEST FIT";background:var(--hbs-accent);color:var(--white);letter-spacing:.05em;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:14px}.hbs-card-sku{font-family:var(--cf-font-mono);color:var(--ink);word-break:break-all;font-size:14px;font-weight:700}.hbs-card-subtitle{color:var(--mid);text-transform:uppercase;letter-spacing:.06em;margin-top:-6px;font-size:12px}.hbs-hcf-tag{color:#a36300;letter-spacing:.04em;vertical-align:middle;background:#fff4cc;border-radius:3px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.hbs-specs{background:var(--bg-alt);border-radius:var(--hbs-radius-sm);grid-template-columns:repeat(2,1fr);gap:8px 14px;padding:14px;font-size:12px;display:grid}.hbs-spec-label{color:var(--mid)}.hbs-spec-value{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.hbs-loads{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hbs-load-tile{background:var(--ink);color:var(--white);border-radius:var(--hbs-radius-sm);text-align:center;padding:10px}.hbs-load-label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:10px;font-weight:600}.hbs-load-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;font-weight:700;line-height:1.1}.hbs-load-unit{opacity:.75;font-size:11px}.hbs-warn{background:var(--hbs-warning-bg);color:var(--hbs-warning);border-radius:var(--hbs-radius-sm);border-left:3px solid var(--hbs-warning);padding:8px 10px;font-size:11px}.hbs-warn.success{color:var(--hbs-success);border-color:var(--hbs-success);background:#2f6e4f1a}.hbs-add-btn{background:var(--ink);color:var(--white);border-radius:var(--hbs-radius-sm);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;border:none;padding:11px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s}.hbs-add-btn:hover{background:#000}.hbs-add-btn.added{background:var(--hbs-success)}.hbs-empty{text-align:center;background:var(--bg-alt);border-radius:var(--hbs-radius-md);border:1px dashed var(--rule);grid-column:1/-1;padding:48px 24px}.hbs-empty h4{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:600}.hbs-empty p{color:var(--ink-soft);margin:0;font-size:13px}.hbs-empty ul{text-align:left;margin:12px auto 0;padding-left:20px;display:inline-block}.hbs-empty ul li{padding:2px 0;font-size:13px}.hbs-cart{background:var(--white);border-top:2px solid var(--ink);z-index:1000;flex-direction:column;max-height:80vh;transition:transform .24s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 56px));box-shadow:0 -8px 24px #0000001f}.hbs-cart.open{transform:translateY(0)}.hbs-cart-handle{background:var(--ink);color:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.hbs-cart-handle-label{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.hbs-cart-count{background:var(--hbs-accent);color:var(--white);border-radius:999px;margin-left:10px;padding:2px 10px;font-size:12px;font-weight:700}.hbs-cart-chevron{font-size:14px;transition:transform .24s}.hbs-cart.open .hbs-cart-chevron{transform:rotate(180deg)}.hbs-cart-body{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:18px 24px;overflow-y:auto}.hbs-cart-items{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.hbs-cart-item{background:var(--bg-alt);border-radius:var(--hbs-radius-sm);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.hbs-cart-sku{font-family:var(--cf-font-mono);color:var(--ink);font-size:12px;font-weight:700}.hbs-cart-desc{color:var(--mid);margin-top:2px;font-size:11px}.hbs-qty-group{align-items:center;gap:4px;display:flex}.hbs-qty-btn{border:1px solid var(--rule-soft);background:var(--white);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:var(--hbs-radius-sm);font-size:14px;font-weight:600}.hbs-qty-btn:hover{background:var(--hbs-accent);color:var(--white);border-color:var(--hbs-accent)}.hbs-qty-input{text-align:center;border:1px solid var(--rule-soft);border-radius:var(--hbs-radius-sm);font-variant-numeric:tabular-nums;width:56px;padding:4px;font-family:inherit;font-size:13px;font-weight:600}.hbs-remove{color:var(--hbs-error);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:18px}.hbs-remove:hover{color:#7a1515}.hbs-quote-form{background:var(--bg-alt);border-radius:var(--hbs-radius-md);grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}@media (max-width:600px){.hbs-quote-form{grid-template-columns:1fr}}.hbs-quote-form .hbs-field{margin:0}.hbs-quote-form .hbs-field.full{grid-column:1/-1}.hbs-quote-form label{color:var(--mid);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.hbs-submit{background:var(--hbs-accent);color:var(--white);border-radius:var(--hbs-radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:none;grid-column:1/-1;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s}.hbs-submit:hover{background:var(--hbs-accent-dark)}.hbs-submit:disabled{background:var(--hbs-success);cursor:default}.hbs-cart-empty{text-align:center;color:var(--mid);padding:24px;font-size:13px}.hbs-toast{background:var(--hbs-success);color:var(--white);border-radius:var(--hbs-radius-md);z-index:2000;padding:12px 20px;font-size:14px;font-weight:500;transition:transform .24s;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-200%);box-shadow:0 12px 32px #0000002e}.hbs-toast.show{transform:translate(-50%)translateY(0)}.hbs-footer{border-top:1px solid var(--rule-soft);color:var(--mid);margin-top:32px;padding-top:16px;font-size:12px;line-height:1.6}.hbs-footer a{color:var(--hbs-accent-dark);font-weight:600;text-decoration:none}.hbs-footer a:hover{text-decoration:underline}.hbs-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e14188c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hbs-modal-window{background:var(--bg);border-radius:20px;flex-direction:column;width:100%;max-width:1160px;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000073}.hbs-modal-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.hbs-modal-window .hbs-root{padding:36px 44px 96px}.hbs-modal-window .hbs-header{margin-bottom:32px;padding-bottom:24px}.hbs-modal-window .hbs-header h2{font-size:clamp(28px,2.6vw,38px)}.hbs-modal-window .hbs-filters{top:16px}@media (max-width:720px){.hbs-modal-window .hbs-root{padding:28px 22px 88px}}.hbs-modal-window .hbs-cart{z-index:30;border-radius:0 0 20px 20px;max-height:75%;position:absolute;bottom:0;left:0;right:0}.hbs-modal-window .hbs-toast{position:absolute}.hbs-modal-close{z-index:40;border:1px solid var(--rule);background:var(--white);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background .15s;display:flex;position:absolute;top:14px;right:16px;box-shadow:0 4px 16px #0000001f}.hbs-modal-close:hover{background:var(--bg-alt)}@media (max-width:720px){.hbs-modal-overlay{padding:0}.hbs-modal-window{border-radius:0;max-width:none;max-height:100vh}.hbs-modal-window .hbs-cart{border-radius:0}}