/* Zaybees shop filter UI. Scoped to plugin elements; no header/footer changes. */
.zb-shop-ui{--zb-night:#0c1928;--zb-panel:#13273b;--zb-ice:#4ed8ff;--zb-gold:#ffdc94;--zb-muted:#b2ccdc;font-family:inherit;isolation:isolate;position:relative;z-index:20;margin:0 0 18px!important;color:#eaf8ff}
.zb-shop-ui *{box-sizing:border-box}
.zb-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:21px 23px;border:1px solid #61b7d575;border-radius:21px;background:radial-gradient(ellipse at 93% 5%,#0789ad50,transparent 55%),linear-gradient(135deg,#162d43,#0b1827 80%);box-shadow:inset 0 2px #ffffff26,0 15px 28px #0005,0 4px 0 #081523}
.zb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.zb-3d-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 24px!important;font-family:inherit;font-size:14px!important;line-height:1.2!important;letter-spacing:.045em!important;font-weight:900!important;white-space:nowrap;text-transform:uppercase;color:#081d32!important;cursor:pointer;border-radius:13px!important;border:1px solid #ddfaff!important;background:linear-gradient(142deg,#d2faff 0%,#56d9ff 35%,#0ba9d8 75%,#1382bf 100%)!important;box-shadow:inset 0 2px 0 #ffffffa8,0 6px 0 #075477,0 13px 24px #0008,0 0 15px #22bfff55!important;text-shadow:0 1px #fff7!important;transform:translateY(0);transition:transform .25s,box-shadow .25s,filter .25s!important}
.zb-3d-btn:hover{transform:translateY(-4px);filter:brightness(1.12);box-shadow:inset 0 2px 0 #fff,0 10px 0 #075477,0 20px 29px #0009,0 0 25px #4ee8ffac!important}
.zb-3d-btn:active{transform:translateY(4px);box-shadow:inset 0 1px 2px #0005,0 1px 0 #075477,0 5px 11px #0007!important}
.zb-sort-open{background:linear-gradient(142deg,#fff1cb,#e9bf6b 60%,#b8863d)!important;border-color:#fff3cb!important;color:#3c270b!important;box-shadow:inset 0 2px 0 #fff8,0 6px 0 #875a20,0 13px 24px #0008,0 0 15px #eebd605b!important}
.zb-sort-open:hover{box-shadow:inset 0 2px 0 #fff,0 10px 0 #875a20,0 20px 29px #0009,0 0 24px #ffdc8ac4!important}
.zb-sort-wrap{position:relative;z-index:7}
.zb-arrow{font-size:21px;line-height:1}
.zb-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:#f6db9e;color:#2c1b08;min-width:22px;min-height:22px;padding:0 6px;box-shadow:0 0 10px #f7ca6c8a;font-size:12px}
.zb-toolbar-title{text-align:right;display:flex;flex-direction:column;gap:5px}
.zb-toolbar-title small{font-size:10px;font-weight:900;color:#e6c78c;letter-spacing:.23em}
.zb-toolbar-title strong{font-size:clamp(13px,1.35vw,18px);font-weight:900;color:#f4fcff;letter-spacing:.015em;text-shadow:0 0 18px #65dfff63}
.zb-sort-menu{position:absolute;top:calc(100% + 13px);left:0;z-index:100;min-width:276px;padding:11px;border-radius:18px;border:1px solid #4dc8fa;background:linear-gradient(150deg,#1b3549,#091522 84%);box-shadow:0 22px 55px #000b,0 0 26px #2bdcff47,inset 0 1px #fff5}
.zb-sort-menu[hidden],.zb-drawer-scrim[hidden]{display:none!important}
.zb-menu-eyebrow{display:block;padding:10px 12px 12px;color:#f8d28d;font-size:11px;letter-spacing:.13em}
.zb-sort-choice{font-family:inherit!important;width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 12px!important;text-align:left!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#dfedf6!important;box-shadow:none!important;font-size:14px!important;font-weight:750!important;cursor:pointer;transition:background .25s,transform .25s,color .25s}
.zb-sort-choice:hover,.zb-sort-choice.selected{background:linear-gradient(125deg,#16546f,#10314a)!important;color:#fff!important;border-color:#51b8dd7a!important;transform:translateX(2px)}
.zb-sort-check{color:#99efff;opacity:0}.zb-sort-choice.selected .zb-sort-check{opacity:1}
.zb-status{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px 9px 5px;color:#657e8e}
.zb-current-sort{font-size:13px;color:#758d9c}.zb-current-sort strong{color:#163c52}
.zb-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.zb-chip,.zb-clear-inline{display:inline-flex;gap:10px;align-items:center;border-radius:30px;text-decoration:none!important;font-size:12px;font-weight:850;transition:transform .25s,background .25s}
.zb-chip{padding:8px 13px;color:#e5f8ff!important;background:#1a4057;border:1px solid #2da7d0;box-shadow:0 5px 13px #0003}
.zb-chip:hover{transform:translateY(-2px);background:#0b6280}
.zb-chip span{font-size:17px;color:#ffdfac}
.zb-clear-inline{color:#9a5b26!important;border:1px solid #d8b36b;padding:8px 12px}
.zb-clear-inline:hover{background:#fff5d8}
/* Slide-in offcanvas filter panel */
.zb-drawer-scrim{position:fixed;inset:0;z-index:2147479;background:#06101acc;opacity:0;transition:opacity .28s;backdrop-filter:blur(5px)}
.zb-drawer-scrim.is-open{opacity:1}
.zb-drawer{position:fixed;z-index:2147480;top:0;right:0;height:100vh;height:100dvh;max-width:100%;width:min(440px,100vw);background:radial-gradient(ellipse at 100% 0,#0b77a95c,transparent 50%),linear-gradient(162deg,#132a3f,#081421 77%);color:#e8f7ff;border-left:1px solid #48cfff;box-shadow:-27px 0 76px #000c,0 0 35px #0db7ff5b;transform:translateX(105%);visibility:hidden;display:flex;flex-direction:column;transition:transform .33s cubic-bezier(.16,.74,.25,1),visibility .33s;outline:none!important}
.zb-drawer.is-open{transform:translateX(0);visibility:visible}
body.zb-drawer-open{overflow:hidden!important}
.zb-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:28px 26px 20px!important;border-bottom:1px solid #3e85ad73;background:linear-gradient(120deg,#1d4864,#0c253b);flex:0 0 auto}
.zb-drawer-header small{font-size:11px;letter-spacing:.22em;color:#f0cc92;font-weight:900}
.zb-drawer-header h2{font-size:clamp(23px,3vw,29px)!important;font-weight:950!important;letter-spacing:-.035em;line-height:1.1!important;color:#fff!important;text-shadow:0 0 25px #24caff85;margin:8px 0 0!important;padding:0!important}
.zb-drawer-close{min-width:43px!important;min-height:43px!important;width:43px!important;height:43px!important;border-radius:13px!important;border:1px solid #61c7f5!important;background:#19465f!important;color:#e7fcff!important;box-shadow:inset 0 1px #ffffff74,0 5px 13px #0009!important;font-size:31px!important;font-weight:400!important;line-height:1!important;cursor:pointer;padding:0!important}
.zb-drawer-close:hover{background:#146a8c!important}
.zb-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0!important}
.zb-drawer-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:23px 26px 35px;scrollbar-width:thin;scrollbar-color:#3c98bc #0f2539}
.zb-group{min-width:0;margin:0 0 24px!important;padding:22px 0 0!important;border:0!important;border-top:1px solid #5b93b34d!important}
.zb-group:first-child{border-top:0!important;padding-top:0!important}
.zb-group legend{display:block;float:none!important;width:auto!important;font-size:14px!important;color:#e6f7ff!important;letter-spacing:.07em!important;font-weight:950!important;margin-bottom:19px!important;padding:0!important;border:0!important}
.zb-group legend span{color:#ffda94;margin-right:10px;text-shadow:0 0 15px #ffcf7d5c}
.zb-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zb-price-inputs label{display:block;color:#9ac3d9!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em}
.zb-money{margin-top:8px;display:flex;align-items:center;gap:4px;border:1px solid #4c839c;border-radius:12px;background:#11293d;box-shadow:inset 0 3px 11px #0004;padding:0 12px;min-height:48px;color:#f9d98d;font-size:16px;font-weight:900}
.zb-money input{margin:0!important;padding:9px 0!important;background:transparent!important;color:#edfaff!important;box-shadow:none!important;border:0!important;min-width:0;width:100%!important;height:43px!important;font-family:inherit!important;font-size:15px!important;font-weight:850;line-height:1.2!important;appearance:textfield;-moz-appearance:textfield}
.zb-money input::-webkit-inner-spin-button,.zb-money input::-webkit-outer-spin-button{appearance:none}
.zb-ranges{height:41px;margin:17px 7px 8px;position:relative;display:flex;align-items:center}
.zb-track,.zb-progress{position:absolute;left:0;right:0;height:7px;border-radius:20px;top:17px;background:#315168;pointer-events:none}
.zb-progress{right:auto;left:0;width:100%;background:linear-gradient(90deg,#f0be6b,#3edbff);box-shadow:0 0 16px #18c3ff6f}
.zb-ranges input[type=range]{position:absolute;inset:0;margin:0!important;width:100%;height:41px;appearance:none;-webkit-appearance:none;background:transparent!important;pointer-events:none;outline:0}
.zb-ranges input[type=range]::-webkit-slider-runnable-track{height:7px;background:transparent}
.zb-ranges input[type=range]::-moz-range-track{height:7px;background:transparent}
.zb-ranges input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;position:relative;z-index:1;pointer-events:auto;width:23px;height:23px;border:3px solid #efffff;border-radius:50%;background:linear-gradient(130deg,#84ecff,#009ccc);box-shadow:0 0 0 5px #43deff2a,0 3px 13px #000a;cursor:grab;margin-top:-8px}
.zb-ranges input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border:3px solid #efffff;border-radius:50%;background:#17bce4;box-shadow:0 0 0 5px #43deff2a,0 3px 13px #000a;cursor:grab}
.zb-ranges input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid #ffdf99}
.zb-hint{color:#8aafc3;font-size:12px!important;line-height:1.5!important;margin:6px 0 0!important}
.zb-search{display:flex;gap:10px;align-items:center;background:#112d43;border:1px solid #397e9f;border-radius:11px;padding:0 12px;color:#70dfff;margin-bottom:12px}
.zb-search span{font-size:25px;line-height:1}
.zb-search input{width:100%!important;height:43px!important;padding:7px 0!important;background:transparent!important;border:0!important;color:#e5f9ff!important;outline:0!important;font-size:14px!important;box-shadow:none!important}
.zb-search input::placeholder{color:#aac4d0}
.zb-list{max-height:244px;overflow-y:auto;padding:6px 2px;scrollbar-width:thin;scrollbar-color:#3c96ba #0c2335}
.zb-category-list{max-height:230px}
.zb-choice{display:flex;align-items:center;gap:11px;padding:10px 9px!important;border-radius:10px;color:#d9edfa!important;font-size:14px!important;cursor:pointer;transition:background .2s;border:1px solid transparent;line-height:1.35!important}
.zb-choice:hover{background:#164057;border-color:#296c90}
.zb-choice input[type=checkbox],.zb-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:20px!important;height:20px!important;margin:0!important;border-radius:6px!important;border:1px solid #63a8c7!important;background:#0a2336!important;box-shadow:inset 0 2px 5px #0005!important;cursor:pointer;position:relative}
.zb-choice input:checked,.zb-toggle input:checked{background:linear-gradient(145deg,#ffe3a7,#ebac4a)!important;border-color:#fff6d7!important}
.zb-choice input:checked:after,.zb-toggle input:checked:after{content:"✓";font-size:15px;font-weight:950;color:#102536;position:absolute;left:2px;top:-2px}
.zb-choice span{flex:1;min-width:0}
.zb-choice small{font-size:11px;color:#8cadc1}
.zb-no-brands{font-size:13px;color:#e0b985}
.zb-toggle{display:flex;align-items:center;gap:13px;padding:10px 4px!important;font-size:15px!important;color:#d6eefb!important;cursor:pointer}
.zb-toggle input{width:22px!important;height:22px!important}
.zb-drawer-footer{border-top:1px solid #418db277;background:#10293f;box-shadow:0 -15px 29px #0005;display:flex;gap:12px;padding:16px 22px 20px;flex:0 0 auto}
.zb-reset,.zb-apply{font-family:inherit!important;font-size:13px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.025em!important;border-radius:12px!important;min-height:54px!important;padding:14px!important;cursor:pointer;transition:transform .2s,filter .2s;box-shadow:inset 0 2px #ffffff5a,0 5px 0 #091523,0 11px 19px #0008!important}
.zb-reset{flex:.8;background:#1b3b52!important;color:#e6f8ff!important;border:1px solid #5d9ab5!important}
.zb-apply{flex:1.5;background:linear-gradient(125deg,#b5edff,#23bfe8 58%,#098ac0)!important;color:#06233b!important;border:1px solid #a5edff!important}
.zb-reset:hover,.zb-apply:hover{transform:translateY(-3px);filter:brightness(1.12)}
.zb-reset:active,.zb-apply:active{transform:translateY(3px)}
.zb-shop-ui button:focus-visible,.zb-shop-ui a:focus-visible,.zb-shop-ui input:focus-visible{outline:3px solid #ffdc87!important;outline-offset:3px!important}
.zb-results-region{position:relative;transition:opacity .22s}
.zb-results-region[aria-busy=true]{opacity:.47;pointer-events:none}
.zb-results-region ul.products li.product{border-radius:15px!important;transition:transform .28s,box-shadow .28s!important}
.zb-results-region ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 13px 28px #0003!important}
@media(min-width:900px){.zb-toolbar{padding:23px 29px}.zb-3d-btn{padding:13px 26px!important}}
@media(max-width:767px){.zb-shop-ui{margin:5px 0 17px!important}.zb-toolbar{padding:16px 14px;gap:10px;border-radius:15px}.zb-toolbar-title{width:100%;text-align:left}.zb-toolbar-title strong{font-size:12px}.zb-actions{width:100%;gap:9px;display:grid;grid-template-columns:1fr 1fr}.zb-sort-wrap{min-width:0}.zb-3d-btn{width:100%;min-width:0;font-size:11px!important;min-height:48px;padding:10px 7px!important;gap:5px}.zb-sort-menu{min-width:260px;max-width:calc(100vw - 42px);left:0}.zb-toolbar-title small{font-size:9px}.zb-status{padding:12px 3px 4px}.zb-current-sort{font-size:12px}.zb-drawer{width:min(420px,100vw)}.zb-drawer-header{padding:20px 18px 16px!important}.zb-drawer-body{padding:20px 18px 27px}.zb-drawer-footer{padding:14px 16px 21px}.zb-group{margin-bottom:20px!important}}
@media(max-width:350px){.zb-3d-btn{font-size:10px!important;letter-spacing:0!important}.zb-badge{min-width:18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.zb-shop-ui *,.zb-shop-ui *:before,.zb-shop-ui *:after,.zb-results-region{animation:none!important;transition:none!important;scroll-behavior:auto!important}}