.hkuf-host{display:block!important;min-width:0!important}
.hkuf-panel{overflow:hidden;background:#fff;border:1px solid var(--hk-border,#dce3ee);border-radius:14px;color:var(--hk-text,#001e4b);font-family:inherit}
.hkuf-panel.is-loading{cursor:progress}
.hkuf-panel.is-loading .hkuf-actions button{opacity:.65;pointer-events:none}
.hk-product-grid[aria-busy="true"],.hk-fryer-grid[aria-busy="true"]{opacity:.48;pointer-events:none;transition:opacity .15s ease}
.hk-cat-toolbar,.hk-fryer-toolbar{display:none!important}
.hkuf-sort{display:flex;align-items:center;gap:6px 18px;min-height:52px;margin:0 0 14px;padding:9px 14px;overflow-x:auto;border:1px solid var(--hk-border,#dce3ee);border-radius:11px;background:#fff;white-space:nowrap;scrollbar-width:thin}
.hkuf-sort strong{display:inline-flex;align-items:center;gap:7px;color:#001e4b;font-size:13px}
.hkuf-sort strong svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hkuf-sort a{position:relative;padding:7px 1px;color:#6b7280;font-size:12px;text-decoration:none;transition:color .15s ease}
.hkuf-sort a:hover{color:#001ee6}
.hkuf-sort a.is-active{color:#fa1400;font-weight:700}
.hkuf-sort a.is-active::after{content:"";position:absolute;right:0;bottom:1px;left:0;height:2px;border-radius:4px;background:#fa1400}
.hkuf-heading{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--hk-border,#dce3ee);font-size:15px}
.hkuf-heading svg{width:20px;height:20px;fill:none;stroke:#001ee6;stroke-width:1.8;stroke-linecap:round}
.hkuf-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 18px;background:#f7f9ff;border-bottom:1px solid var(--hk-border,#dce3ee)}
.hkuf-actions button{min-height:38px;padding:6px 12px;border:1px solid #001ee6;border-radius:8px;background:#001ee6;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.hkuf-actions button:hover{border-color:#001e4b;background:#001e4b}
.hkuf-actions a{padding:7px 5px;color:#fa1400!important;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none}
.hkuf-panel form{padding:0 18px 18px}
.hkuf-panel details{min-width:0;margin:0;padding:17px 0;border:0;border-bottom:1px solid var(--hk-border,#dce3ee)}
.hkuf-panel legend,.hkuf-panel summary{width:100%;padding:0;font-size:14px;font-weight:700;line-height:1.8;cursor:pointer;list-style:none}
.hkuf-panel summary::-webkit-details-marker{display:none}
.hkuf-panel summary::after{content:"";float:left;width:7px;height:7px;margin:7px 3px 0;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.hkuf-panel details[open]>summary::after{margin-top:10px;transform:rotate(135deg)}
.hkuf-panel legend small{font-size:11px;font-weight:400;color:#6b7280}
.hkuf-price-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.hkuf-price-values>div{display:grid;grid-template-columns:auto minmax(58px,1fr);grid-template-rows:auto auto;align-items:center;column-gap:3px;min-width:0;padding:7px 5px;border:1px solid var(--hk-border,#dce3ee);border-radius:9px;background:#fff}
.hkuf-price-values span,.hkuf-price-values small{grid-column:1;color:#6b7280;font-size:9px;line-height:1.35;white-space:nowrap}
.hkuf-price-values span{grid-row:1}
.hkuf-price-values small{grid-row:2}
.hkuf-price-values strong{grid-column:2;grid-row:1/3;min-width:58px;color:#001e4b;font-size:12px;font-weight:800;direction:ltr;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hkuf-range{position:relative;height:38px;margin:14px 3px 0;direction:ltr;--hkuf-from:0%;--hkuf-to:100%}
.hkuf-range-track{position:absolute;right:0;left:0;top:17px;height:4px;border-radius:20px;background:linear-gradient(to right,#dce3ee 0,#dce3ee var(--hkuf-from),#2879dc var(--hkuf-from),#2879dc var(--hkuf-to),#dce3ee var(--hkuf-to),#dce3ee 100%)}
.hkuf-range input[type="range"]{position:absolute;inset:0;width:100%;height:38px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}
.hkuf-range input[type="range"]::-webkit-slider-runnable-track{height:4px;background:transparent}
.hkuf-range input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;border:2px solid #2879dc;border-radius:50%;appearance:none;-webkit-appearance:none;background:#fff;box-shadow:0 2px 6px #001e4b26;pointer-events:auto;cursor:ew-resize}
.hkuf-range input[type="range"]::-moz-range-track{height:4px;background:transparent}
.hkuf-range input[type="range"]::-moz-range-thumb{width:17px;height:17px;border:2px solid #2879dc;border-radius:50%;background:#fff;box-shadow:0 2px 6px #001e4b26;pointer-events:auto;cursor:ew-resize}
.hkuf-range input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px solid #001ee6;outline-offset:3px}
.hkuf-range-labels{display:flex;justify-content:space-between;margin-top:-2px;color:#7b8492;font-size:10px}
.hkuf-no-range{margin:10px 0 0;color:#6b7280;font-size:11px;line-height:1.8}
.hkuf-search{display:block;margin-top:10px}
.hkuf-search input{box-sizing:border-box;width:100%;height:34px;padding:5px 10px;border:1px solid var(--hk-border,#dce3ee);border-radius:7px;background:#fff;color:var(--hk-text,#001e4b);font:inherit;font-size:12px}
.hkuf-options{max-height:238px;overflow:auto;margin-top:7px;padding-inline-end:3px;scrollbar-width:thin}
.hkuf-option{display:flex;align-items:center;gap:8px;min-height:28px;margin:5px 0;font-size:13px;line-height:1.65;cursor:pointer}
.hkuf-option[hidden]{display:none}
.hkuf-option input{width:15px;height:15px;margin:0;flex:0 0 auto;accent-color:#001ee6}
.hkuf-option span{min-width:0;overflow-wrap:anywhere}
.hkuf-option small{margin-inline-start:auto;color:#6b7280;font-size:11px}
.hkuf-switches label{display:flex;position:relative;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--hk-border,#dce3ee);font-size:13px;cursor:pointer}
.hkuf-switches input{position:absolute;left:0;width:36px;height:22px;opacity:0}
.hkuf-switches i{position:relative;width:36px;height:22px;flex:0 0 auto;border-radius:22px;background:#dce3ee}
.hkuf-switches i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.hkuf-switches input:checked+i{background:#001ee6}
.hkuf-switches input:checked+i::after{transform:translateX(14px)}
.hkuf-switches input:focus-visible+i{outline:2px solid #001ee6;outline-offset:2px}
@media(max-width:880px){.hkuf-host{order:0!important}.hkuf-panel form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.hkuf-heading{grid-column:1/-1}}
@media(max-width:620px){.hkuf-panel form{display:block}.hkuf-heading{padding:14px 16px}.hkuf-panel form{padding-inline:16px}}
@media(max-width:620px){.hkuf-sort{gap:14px;margin-bottom:10px;padding-inline:11px}.hkuf-sort strong,.hkuf-sort a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hkuf-switches i::after{transition:none}}