:root{--kkf-accent:#c3021a;--kkf-accent-d:#c3021a;--kkf-accent-l:rgba(127, 84, 179, 0.12);--kkf-text:#333333;--kkf-muted:#6d6d6d;--kkf-border:#e0e0e0;--kkf-bg:#ffffff;--kkf-bg-soft:#f8f8f8;--kkf-radius:6px;--kkf-sw:320px;--kkf-gap:24px;--kkf-z:1000}.kkf-products-wrap{width:100%;min-width:0;margin-top:50px}.kkf-products-wrap ul.products:before{display:none}.kkf-drawer-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:calc(var(--kkf-z) - 1);background:var(--kkf-accent);color:#fff;border:none;border-radius:0 var(--kkf-radius) var(--kkf-radius) 0;padding:16px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:2px 4px 14px rgb(0 0 0 / .22);transition:background 0.15s,box-shadow 0.15s,transform 0.15s;outline:none}.kkf-drawer-toggle:hover{background:#a00115;box-shadow:2px 4px 18px rgb(0 0 0 / .3)}.kkf-drawer-toggle:focus-visible{outline:3px solid rgb(255 255 255 / .6);outline-offset:-3px}.kkf-drawer-toggle span{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.kkf-sidebar-wrap{position:fixed;top:0;left:0;height:100dvh;width:min(var(--kkf-sw, 320px), 90vw);z-index:var(--kkf-z);transform:translateX(-110%);transition:transform 0.3s cubic-bezier(.4,0,.2,1);background:var(--kkf-bg);overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 32px rgb(0 0 0 / .18)}.kkf-sidebar-wrap.is-open{transform:translateX(0)}.kkf-sort-group{padding:12px 16px;border-bottom:1px solid var(--kkf-border);background:var(--kkf-bg)}.kkf-sort-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kkf-muted);margin-bottom:6px}.kkf-sort-select{width:100%;padding:7px 10px;border:1px solid var(--kkf-border);border-radius:var(--kkf-radius);background:var(--kkf-bg-soft);color:var(--kkf-text);font-size:13px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d6d6d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.kkf-sort-select:focus{outline:none;border-color:var(--kkf-accent)}.kkf-sidebar{background:var(--kkf-bg);border:none;overflow:hidden;min-height:100%;display:flex;flex-direction:column}.kkf-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--kkf-border);background:var(--kkf-bg-soft);position:sticky;top:0;z-index:1}.kkf-sidebar-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kkf-text)}.kkf-close{display:flex;background:none;border:none;cursor:pointer;color:var(--kkf-muted);padding:4px;border-radius:50%;line-height:1;transition:color 0.15s,background 0.15s}.kkf-close:hover{color:var(--kkf-text);background:var(--kkf-border)}.kkf-group{border-bottom:1px solid var(--kkf-border)}.kkf-group:last-of-type{border-bottom:none}.kkf-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:none;border:none;cursor:pointer;text-align:left;gap:8px;transition:background 0.15s}.kkf-group-header:hover{background:var(--kkf-bg-soft)}.kkf-group-label{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--kkf-text)}.kkf-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:9999px;background:var(--kkf-accent);color:#fff;font-size:11px;font-weight:700;line-height:1}.kkf-empty-msg{margin:4px 0 6px;font-size:12px;color:var(--kkf-muted);font-style:italic}.kkf-chevron{flex-shrink:0;color:var(--kkf-muted);transition:transform 0.2s ease}.kkf-group-header[aria-expanded="true"] .kkf-chevron{transform:rotate(180deg)}.kkf-group-body{display:none;padding:4px 16px 14px}.kkf-group-body.is-open{display:block;animation:kkf-fade-in 0.16s ease}@keyframes kkf-fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kkf-check-item{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;user-select:none}.kkf-check-item:hover .kkf-check-label{color:var(--kkf-accent)}.kkf-check-item--promo{margin:2px -8px 6px;padding:5px 8px;background:#fff3cd;border:1px solid #f0c040;border-radius:var(--kkf-radius)}.kkf-check-item input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.kkf-check-mark{flex-shrink:0;width:16px;height:16px;border:1.5px solid #c8c8c8;border-radius:3px;background:var(--kkf-bg);transition:background 0.14s,border-color 0.14s;position:relative}.kkf-check-item input:checked~.kkf-check-mark{background:var(--kkf-accent);border-color:var(--kkf-accent)}.kkf-check-item input:checked~.kkf-check-mark::after{content:"";position:absolute;top:1px;left:4px;width:5px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.kkf-check-item input:focus-visible~.kkf-check-mark{outline:2px solid var(--kkf-accent);outline-offset:1px}.kkf-check-label{flex:1;font-size:13.5px;color:var(--kkf-text);line-height:1.35;transition:color 0.12s}.kkf-check-count{font-size:12px;color:var(--kkf-muted);flex-shrink:0}.kkf-price-display{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--kkf-text);margin-bottom:18px;flex-wrap:wrap}.kkf-pmin-label,.kkf-pmax-label{font-weight:500;background:var(--kkf-bg-soft);border:1px solid var(--kkf-border);border-radius:4px;padding:3px 8px;font-size:13px}.kkf-price-sep{color:var(--kkf-muted);flex-shrink:0}.kkf-slider-wrap{position:relative;height:22px;display:flex;align-items:center}.kkf-track{position:absolute;left:0;right:0;height:4px;background:var(--kkf-border);border-radius:2px}.kkf-track-fill{position:absolute;top:0;height:100%;background:var(--kkf-accent);border-radius:2px;pointer-events:none}.kkf-thumb{position:absolute;width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#fff0;pointer-events:none;top:50%;transform:translateY(-50%);margin:0;padding:0;border:none;outline:none}.kkf-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--kkf-accent);border:2.5px solid #fff;box-shadow:0 0 0 1.5px var(--kkf-accent);cursor:pointer;pointer-events:all;transition:box-shadow 0.15s}.kkf-thumb::-webkit-slider-thumb:hover,.kkf-thumb:active::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--kkf-accent-l)}.kkf-thumb::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--kkf-accent);border:2.5px solid #fff;box-shadow:0 0 0 1.5px var(--kkf-accent);cursor:pointer;pointer-events:all;transition:box-shadow 0.15s}.kkf-thumb::-moz-range-thumb:hover{box-shadow:0 0 0 5px var(--kkf-accent-l)}.kkf-thumb:focus{outline:none}.kkf-thumb:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--kkf-accent-l)}.kkf-thumb:focus::-moz-range-thumb{box-shadow:0 0 0 5px var(--kkf-accent-l)}.kkf-thumb-min{z-index:3}.kkf-thumb-max{z-index:4}.kkf-actions{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--kkf-border);margin-top:auto}.kkf-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:9999px;font-size:13px;font-weight:500;line-height:1;cursor:pointer;text-decoration:none!important;border:1.5px solid #fff0;transition:background 0.15s,color 0.15s,border-color 0.15s;white-space:nowrap}.kkf-btn-primary{background:var(--kkf-accent);color:#fff!important;border-color:var(--kkf-accent);flex:1}.kkf-btn-primary:hover{background:var(--kkf-accent-d);border-color:var(--kkf-accent-d)}.kkf-btn-reset{background:#eee;color:var(--kkf-muted)!important;border-color:#eee}.kkf-btn-reset:hover{background:#d5d5d5;border-color:#d5d5d5;color:var(--kkf-text)!important}.kkf-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .35);z-index:calc(var(--kkf-z) - 1);opacity:0;transition:opacity 0.25s ease}.kkf-overlay.is-active{display:block;opacity:1}#kkf-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:28px}.kkf-pager-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;border:1px solid var(--kkf-border);border-radius:var(--kkf-radius);background:var(--kkf-bg);color:var(--kkf-text);font-size:14px;font-weight:500;cursor:pointer;transition:border-color 0.15s,background 0.15s,color 0.15s;line-height:1}.kkf-pager-btn:hover:not(:disabled):not(.is-current){border-color:var(--kkf-accent);color:var(--kkf-accent)}.kkf-pager-btn.is-current{background:var(--kkf-accent);border-color:var(--kkf-accent);color:#fff;cursor:default}.kkf-pager-btn:disabled{opacity:.35;cursor:default}.kkf-pager-arrow{color:var(--kkf-muted)}.kkf-pager-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:36px;color:var(--kkf-muted);font-size:14px}.kkf-products-wrap ul.products{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:20px!important;float:none!important;width:100%!important}.kkf-products-wrap ul.products li.product{width:auto!important;margin:0!important;float:none!important}@media (max-width:1024px){.kkf-products-wrap ul.products{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:600px){.kkf-products-wrap ul.products{grid-template-columns:repeat(1,1fr)!important}}#kkf-loop-wrap{position:relative;min-height:100px;transition:opacity 0.2s ease}#kkf-loop-wrap.is-loading{opacity:.4;pointer-events:none}#kkf-loop-wrap.is-loading::after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff0;z-index:10}