/* Akram Filter 0.2.1 — high-visibility collision-safe floating funnel */
.akramfilter-floating{position:fixed;z-index:2147482500;right:18px;top:52%;transform:translateY(-50%);width:52px;height:52px;border:2px solid #fff;border-radius:50%;background:var(--akramfilter-floating-color,#00b8d4);box-shadow:0 0 0 1px rgba(0,0,0,.16),0 5px 18px rgba(0,0,0,.28),0 0 18px color-mix(in srgb,var(--akramfilter-floating-color,#00b8d4) 30%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;isolation:isolate}.akramfilter-floating:hover{background:#006f87;color:#fff;transform:translateY(-50%) scale(1.07);box-shadow:0 0 0 2px #fff,0 6px 21px rgba(0,0,0,.32)}.akramfilter-funnel-svg{display:block;width:27px;height:27px;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}.akramfilter-floating:focus-visible{outline:2px solid var(--akramfilter-accent,#0089a9);outline-offset:2px}.akramfilter-badge{display:none;position:absolute;right:-1px;top:-1px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#222;color:#fff;font-size:0}.akramfilter-backdrop{display:none;position:fixed;inset:0;z-index:2147482600;background:rgba(0,0,0,.35)}body.akramfilter-open .akramfilter-backdrop{display:block}.akramfilter-drawer{position:fixed;z-index:2147482700;top:0;bottom:0;width:var(--akramfilter-width,380px);max-width:92vw;background:#fff;box-shadow:0 0 22px rgba(0,0,0,.24);display:flex;flex-direction:column;transition:transform .2s ease}.akramfilter-right{right:0;transform:translateX(105%)}.akramfilter-left{left:0;transform:translateX(-105%)}body.akramfilter-open .akramfilter-drawer{transform:translateX(0)}.akramfilter-head{height:58px;min-height:58px;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.akramfilter-head strong{font-size:15px;letter-spacing:.08em}.akramfilter-close{border:0;background:transparent;font-size:30px;line-height:1;color:#666;cursor:pointer}.akramfilter-summary{padding:10px 18px;border-bottom:1px solid #eee;font-size:12px;color:#777}.akramfilter-body{flex:1 1 auto;min-height:0;overflow-y:auto}.akramfilter-section{border-bottom:1px solid #e8e8e8;background:#fff}.akramfilter-title{list-style:none;cursor:pointer;padding:15px 42px 15px 18px;font-size:14px;font-weight:700;position:relative}.akramfilter-title::-webkit-details-marker{display:none}.akramfilter-title:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:21px;color:#777;font-weight:400}.akramfilter-section[open]>.akramfilter-title:after{content:"−"}.akramfilter-content{padding:0 14px 14px}.akramfilter-search{display:block;width:100%;height:34px;border:1px solid #ddd;background:#fff;padding:0 9px;margin-bottom:8px}.akramfilter-option{display:flex;align-items:flex-start;gap:8px;padding:5px 2px;font-size:12px;line-height:17px;cursor:pointer;margin:0}.akramfilter-option input{flex:0 0 auto;margin-top:2px}.akramfilter-option-name{flex:1 1 auto;min-width:0}.akramfilter-count{flex:0 0 auto;color:#999;font-size:11px}.akramfilter-histogram{height:40px;display:flex;align-items:flex-end;gap:2px;margin:3px 0 7px}.akramfilter-histogram i{display:block;flex:1 1 0;background:#d8d8d8;min-height:4px}.akramfilter-range-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.akramfilter-number{width:100%;height:35px;border:1px solid #ddd;padding:0 7px}.akramfilter-range{position:relative;height:34px;margin-top:5px}.akramfilter-range input[type=range]{position:absolute;left:0;right:0;top:6px;width:100%;background:transparent;pointer-events:none}.akramfilter-range input[type=range]::-webkit-slider-thumb{pointer-events:auto}.akramfilter-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-top:1px solid #ddd;background:#fff}.akramfilter-foot button{height:40px;border:0;cursor:pointer;font-size:12px;font-weight:700}.akramfilter-clear{background:#eee;color:#222}.akramfilter-save{background:var(--akramfilter-accent,#0089a9);color:#fff}.akramfilter-loading{padding:28px 18px;text-align:center;color:#777}@media(max-width:767px){.akramfilter-floating{width:48px;height:48px}.akramfilter-funnel-svg{width:25px;height:25px}.akramfilter-drawer{width:min(360px,92vw)}.akramfilter-head{height:54px;min-height:54px}.akramfilter-title{padding-top:14px;padding-bottom:14px}}
.akramfilter-search-results{width:calc(100vw - 32px);max-width:none;margin-left:calc(50% - 50vw + 16px);padding:10px 0 30px}.akramfilter-results-count{margin-bottom:15px;color:#666;font-size:14px}.akramfilter-results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.akramfilter-result-card{display:block;border:1px solid #e5e5e5;background:#fff;padding:8px;text-decoration:none!important;color:#222!important}.akramfilter-result-image{display:flex;aspect-ratio:1/1;overflow:hidden;align-items:center;justify-content:center}.akramfilter-result-image img{width:100%;height:100%;object-fit:contain}.akramfilter-result-name{display:block;font-size:14px;line-height:18px;font-weight:600;margin-top:7px}.akramfilter-result-ref{display:block;font-size:11px;color:#888;margin-top:3px}.akramfilter-result-price{display:block;font-size:16px;font-weight:700;color:#0089a9;margin-top:5px}.akramfilter-pagination{display:flex;justify-content:center;gap:5px;margin-top:22px}.akramfilter-pagination a,.akramfilter-pagination span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #ddd;background:#fff;color:#222;text-decoration:none}.akramfilter-pagination span{background:#222;color:#fff;border-color:#222}@media(max-width:1199px){.akramfilter-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:991px){.akramfilter-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.akramfilter-search-results{width:calc(100vw - 16px);margin-left:calc(50% - 50vw + 8px)}.akramfilter-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.akramfilter-result-name{font-size:12px;line-height:16px}.akramfilter-result-price{font-size:14px}}

/* v0.2 Electron integration */
.akramfilter-drawer{border-left:1px solid rgba(0,137,169,.12)}
.akramfilter-head{border-top:3px solid var(--akramfilter-accent,#0089a9)}
.akramfilter-section[open]>.akramfilter-title{color:var(--akramfilter-accent,#0089a9)}
.akramfilter-option input{accent-color:var(--akramfilter-accent,#0089a9)}
.akramfilter-number:focus,.akramfilter-search:focus{border-color:var(--akramfilter-accent,#0089a9);outline:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--akramfilter-accent,#0089a9) 18%,transparent)}
.akramfilter-histogram i{background:color-mix(in srgb,var(--akramfilter-accent,#0089a9) 24%,#ddd)}
.akramfilter-range input[type=range]{accent-color:var(--akramfilter-accent,#0089a9)}
@supports not (color:color-mix(in srgb,#000,#fff)){.akramfilter-floating{border-color:#b8dce3}.akramfilter-histogram i{background:#cfe7ec}}