gb-hardware-filters{display:block;margin:0 0 18px;font-size:14px;color:rgb(var(--color-foreground))}gb-hardware-filters[hidden],gb-hardware-filters [hidden],#product-grid>.grid__item[hidden]{display:none!important}gb-hardware-filters details{border:1px solid #deded9;border-radius:8px;background:#f5f5f2}gb-hardware-filters summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:600;min-height:48px}gb-hardware-filters summary::-webkit-details-marker{display:none}.gb-hf-caret{margin-left:auto;font-size:22px;line-height:1}gb-hardware-filters details[open] .gb-hf-caret{transform:rotate(180deg)}.gb-hf-panel{padding:0 16px 16px}.gb-hf-intro{display:flex;gap:16px;align-items:start;justify-content:space-between}.gb-hf-intro p{margin:0 0 16px;line-height:1.5;max-width:700px}gb-hardware-filters button{font:inherit;cursor:pointer;min-height:44px;border:0;background:transparent;color:inherit;text-decoration:underline}.gb-hf-intro button{white-space:nowrap;flex-shrink:0;margin-top:-10px}.gb-hf-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gb-hf-field{display:grid;gap:5px;min-width:0;font-weight:600}gb-hardware-filters select{width:100%;min-height:44px;border:1px solid #c6c6c6;border-radius:5px;background:#fff;color:#242424;padding:9px;font:inherit;font-size:16px;text-overflow:ellipsis}.gb-hf-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.gb-hf-actions label{display:flex;align-items:center;gap:6px;min-height:44px}.gb-hf-actions input{width:18px;height:18px;accent-color:#20332e}.gb-hf-actions .gb-hf-show{margin-left:auto;background:#20332e;color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none}.gb-hf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;min-height:44px}.gb-hf-toolbar label{display:flex;align-items:center;gap:8px}.gb-hf-toolbar select{width:auto;max-width:200px;min-height:40px;font-size:14px}.gb-hf-toolbar [data-count]{flex-shrink:0}gb-hardware-filters [data-empty]{padding:16px;background:#f5f5f2}gb-hardware-filters :focus-visible{outline:2px solid #20332e;outline-offset:3px}@media(max-width:749px){.gb-hf-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.gb-hf-intro{display:block}.gb-hf-intro button{display:block;margin:0 0 8px auto}.gb-hf-panel{padding:0 12px 12px}.gb-hf-toolbar{font-size:12px;gap:8px}.gb-hf-toolbar label{gap:4px}.gb-hf-toolbar select{max-width:160px;font-size:14px}.gb-hf-actions{gap:8px}.gb-hf-actions .gb-hf-show{margin-left:0}.gb-hf-actions [data-reset]{margin-left:auto}}


gb-hardware-filters details{border-color:#d9dfda;border-radius:8px;background:#fff;box-shadow:0 2px 8px #10231a05}
gb-hardware-filters summary{min-height:48px;padding:10px 16px;border-radius:7px;background:#fafbf9;color:#10231a;font-size:15px;line-height:1.5;box-shadow:inset 4px 0 #ffe56d}
gb-hardware-filters summary:hover{background:#f5f7f2}
gb-hardware-filters details[open]>summary{border-radius:7px 7px 0 0;border-bottom:1px solid #e4e8e3}
gb-hardware-filters .gb-hf-caret{display:block;width:8px;height:8px;flex-shrink:0;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;font-size:0;transform:rotate(45deg)}
gb-hardware-filters details[open] .gb-hf-caret{transform:rotate(225deg)}
gb-hardware-filters .gb-hf-panel{padding:14px 16px 16px}
gb-hardware-filters .gb-hf-intro{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px;color:#526058;letter-spacing:0}
gb-hardware-filters .gb-hf-intro p{margin:0;max-width:800px;font-size:13px;line-height:1.5}
gb-hardware-filters .gb-hf-intro button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;min-height:36px;padding:6px 12px;border:1px solid #d9dfda;border-radius:5px;background:#f5f7f2;color:#20392c;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
gb-hardware-filters .gb-hf-intro button:hover{background:#fff5bb;border-color:#d2be58}
gb-hardware-filters .gb-hf-fields{gap:12px}
gb-hardware-filters .gb-hf-field,gb-hardware-filters .gb-hf-prices label{gap:6px;color:#20392c;font-size:12px;font-weight:600;letter-spacing:0;min-width:0}
gb-hardware-filters .gb-hf-panel select,gb-hardware-filters .gb-hf-panel input[type=number]{min-width:0;min-height:44px;border-color:#cfd8d1;border-radius:6px;padding:10px 12px;color:#20392c;background:#fff;font-size:14px;box-shadow:0 1px 2px #10231a05}
gb-hardware-filters .gb-hf-panel select:hover,gb-hardware-filters .gb-hf-panel input[type=number]:hover{border-color:#42614d}
gb-hardware-filters .gb-hf-actions{border-top:1px solid #edf0eb;padding-top:10px;margin-top:14px}
gb-hardware-filters .gb-hf-actions .gb-hf-show{background:#20392c;border-radius:6px}
gb-hardware-filters :focus-visible{outline:2px solid #42614d;outline-offset:3px}
gb-hardware-filters .gb-hf-toolbar{flex-wrap:wrap}
gb-hardware-filters .gb-hf-toolbar label{min-width:0;margin-left:auto}
@media(max-width:749px){
gb-hardware-filters summary{padding:10px 14px}
gb-hardware-filters .gb-hf-panel{padding:12px}
gb-hardware-filters .gb-hf-intro{display:flex;gap:10px}
gb-hardware-filters .gb-hf-intro p{font-size:12px}
gb-hardware-filters .gb-hf-intro button{min-height:44px;padding:6px 10px}
gb-hardware-filters .gb-hf-fields{gap:10px}
gb-hardware-filters .gb-hf-panel select,gb-hardware-filters .gb-hf-panel input[type=number]{font-size:16px}
}

gb-hardware-filters summary{border-left:4px solid #ffe56d;padding-left:12px;box-shadow:none}
@media(max-width:749px){gb-hardware-filters summary{padding-left:10px}}