:root{--of-primary:#000;--of-accent:#d4af37;--of-bg:#fff;--of-border:#e5e5e5;--of-text:#1a1a1a;--of-muted:#888;--of-radius:8px;--of-ease:cubic-bezier(.32,.72,0,1);--of-z-overlay:100001;--of-z-panel:100002}.oann-el-wrap{display:inline-block}.oann-el-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--of-primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s;-webkit-tap-highlight-color:transparent;line-height:1.4;white-space:nowrap}.oann-el-btn:hover{opacity:.9}.oann-el-btn:active{transform:scale(.97)}.oann-el-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--of-accent);color:#000;font-size:11px;font-weight:700;border-radius:10px;line-height:1}.oann-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:var(--of-z-overlay);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.oann-overlay.open{opacity:1;visibility:visible}.oann-panel{position:fixed;z-index:var(--of-z-panel);background:var(--of-bg);display:flex;flex-direction:column;overflow:hidden;visibility:hidden;top:0;left:0;bottom:0;width:380px;max-width:90vw;border-radius:0 16px 16px 0;box-shadow:4px 0 24px rgba(0,0,0,.12);transform:translateX(-100%);transition:transform .35s var(--of-ease),visibility .35s}.oann-panel.open{visibility:visible;transform:translateX(0)}.oann-panel-drag-bar{display:none}.oann-panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--of-border);flex-shrink:0}.oann-panel-head h3{margin:0;font-size:20px;font-weight:700;color:var(--of-text)}.oann-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;font-size:18px;cursor:pointer;color:var(--of-text);transition:background .2s}.oann-panel-close:hover{background:#e5e5e5}.oann-panel-body{flex:1;overflow-y:auto;padding:16px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.oann-panel-body::-webkit-scrollbar{width:4px}.oann-panel-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.oann-panel-foot{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--of-border);flex-shrink:0;background:var(--of-bg)}.oann-btn-clear{flex:1;padding:13px 16px;background:0 0;border:2px solid var(--of-border);border-radius:var(--of-radius);font-size:14px;font-weight:600;cursor:pointer;color:var(--of-text);font-family:inherit;transition:border-color .2s}.oann-btn-clear:hover{border-color:var(--of-primary)}.oann-btn-apply{flex:2;padding:13px 16px;background:var(--of-primary);color:#fff;border:none;border-radius:var(--of-radius);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.oann-btn-apply:hover{background:#333}@media (max-width:768px){.oann-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-width:100%;max-height:88vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.15);transform:translateY(100%)}.oann-panel.open{transform:translateY(0)}.oann-panel-drag-bar{display:block;width:40px;height:4px;background:#ddd;border-radius:2px;margin:8px auto 0;flex-shrink:0}.oann-panel-head{padding:12px 20px}.oann-panel-body{padding:12px 20px}.oann-panel-foot{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))}.oann-cbl,.oann-tgl{min-height:44px;padding:10px 0}.oann-sw-btn{width:40px;height:40px}.oann-group-head{min-height:48px;padding:14px 0}.oann-pinput{font-size:16px;padding:10px 8px}}.oann-chips-wrap{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--of-border)}.oann-chips-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600}.oann-clear-all{color:var(--of-muted);text-decoration:none;font-size:12px}.oann-clear-all:hover{color:var(--of-primary)}.oann-chips{display:flex;flex-wrap:wrap;gap:6px}.oann-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#f5f5f5;border:1px solid var(--of-border);border-radius:20px;font-size:12px;cursor:pointer;transition:background .15s}.oann-chip:hover{background:#eee}.oann-chip-x{font-size:14px;opacity:.5;line-height:1}.oann-chip:hover .oann-chip-x{opacity:1}.oann-group{border-bottom:1px solid var(--of-border)}.oann-group-head{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;font-weight:600;cursor:pointer;user-select:none;color:var(--of-text)}.oann-group-head:hover{color:var(--of-accent)}.oann-caret{font-size:18px;font-weight:300;color:var(--of-muted)}.oann-group.collapsed .oann-group-body{display:none}.oann-group-body{padding-bottom:14px}.oann-cbs{max-height:220px;overflow-y:auto;padding-right:4px}.oann-cbs::-webkit-scrollbar{width:4px}.oann-cbs::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.oann-cbl{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.oann-cbl:hover{opacity:.8}.oann-cbl input{display:none}.oann-box{width:18px;height:18px;border:2px solid #ccc;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.oann-chk{font-size:12px;color:#fff;opacity:0;transition:opacity .1s}.oann-cbl.on .oann-box{background:var(--of-primary);border-color:var(--of-primary)}.oann-cbl.on .oann-chk{opacity:1}.oann-lbl{flex:1;font-size:13px}.oann-cnt{font-size:11px;color:var(--of-muted)}.oann-swatches{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.oann-sw-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;padding:0;outline:none}.oann-sw-btn:hover{transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,.2)}.oann-sw-btn.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--of-primary)}.oann-sw-chk{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.oann-toggles{display:flex;flex-direction:column;gap:6px}.oann-tgl{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}.oann-tgl input{display:none}.oann-tgl-track{width:42px;height:24px;background:#ddd;border-radius:24px;position:relative;flex-shrink:0;transition:background .2s}.oann-tgl-knob{position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.oann-tgl.on .oann-tgl-track{background:var(--of-primary)}.oann-tgl.on .oann-tgl-knob{transform:translateX(18px)}.oann-tgl-lbl{flex:1;font-size:13px}.oann-kelvin{padding:8px 0 12px}.oann-kbar{position:relative;height:56px;margin:0 8px}.oann-kgrad{position:absolute;top:0;left:0;right:0;height:12px;border-radius:6px;background:linear-gradient(to right,#ff9329 0%,#ffb46b 15%,#ffd4a3 30%,#fff1e0 45%,#fff 55%,#d4e4ff 70%,#a8c8ff 85%,#7eaaff 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.oann-kmarks{position:absolute;top:0;left:0;right:0;height:100%}.oann-kmark{position:absolute;transform:translateX(-50%);background:0 0;border:none;cursor:pointer;padding:0;outline:none;display:flex;flex-direction:column;align-items:center}.oann-kdot{display:block;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #ccc;margin-top:-4px;transition:all .2s;box-shadow:0 1px 4px rgba(0,0,0,.15)}.oann-kmark:hover .oann-kdot{border-color:var(--of-accent);transform:scale(1.15)}.oann-kmark.on .oann-kdot{border-color:var(--of-primary);background:var(--of-primary)}.oann-klbl{display:block;font-size:11px;margin-top:6px;white-space:nowrap;color:var(--of-muted);font-weight:500}.oann-kmark.on .oann-klbl{color:var(--of-primary);font-weight:700}.oann-klegend{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--of-muted)}.oann-price-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.oann-pinput{width:80px;padding:6px 8px;border:1px solid var(--of-border);border-radius:4px;font-size:13px;text-align:center;font-family:inherit}.oann-pinput:focus{outline:none;border-color:var(--of-primary)}.oann-pdash{color:var(--of-muted)}.oann-rslider{position:relative;height:24px;margin:0 4px}.oann-rtrack{position:absolute;top:10px;left:0;right:0;height:4px;background:#eee;border-radius:2px}.oann-rfill{position:absolute;height:100%;background:var(--of-primary);border-radius:2px}.oann-rthumb{-webkit-appearance:none;appearance:none;position:absolute;top:4px;width:100%;height:16px;background:0 0;pointer-events:none;outline:none;margin:0;padding:0}.oann-rthumb::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--of-primary);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;pointer-events:auto}.oann-rthumb::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--of-primary);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;pointer-events:auto}.oann-seo-text{margin-top:40px;padding:24px 0;border-top:1px solid var(--of-border);font-size:14px;line-height:1.7;color:#555}.oann-loading{position:relative;opacity:.4;pointer-events:none;transition:opacity .2s}.oann-loading:after{content:'';position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid var(--of-border);border-top-color:var(--of-primary);border-radius:50%;animation:oannSpin .7s linear infinite;z-index:10}@keyframes oannSpin{to{transform:rotate(360deg)}}.oann-dimmed{opacity:.35;pointer-events:auto}.oann-sw-btn.oann-dimmed{opacity:.25}.oann-no-results{text-align:center;padding:48px 24px;font-size:15px;color:var(--of-muted)}.oann-btn-apply{transition:background .2s,transform .08s}.oann-btn-apply:active{transform:scale(.97)}