:root{--cf-bg:#fff;--cf-text:#111827;--cf-muted:#6b7280;--cf-border:#e5e7eb;--cf-accent:#111;--cf-shadow:0 8px 30px rgba(0,0,0,.15);--cf-ring:0 0 0 3px rgba(0,0,0,.18)}.custom_filter-toggle{display:none}.custom_filter-openBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--cf-border);background:#fff;cursor:pointer;font-weight:600;width:100%}.custom_filter-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;opacity:0;pointer-events:none;transition:.2s;z-index:9990}.custom_filter-toggle:checked~.custom_filter-overlay{opacity:1;pointer-events:auto}.custom_filter-panel{position:fixed;inset:0;background:var(--cf-bg);display:flex;flex-direction:column;transform:translateY(100%);transition:.25s}.custom_filter-toggle:checked~.custom_filter-overlay .custom_filter-panel{transform:translateY(0)}.custom_filter-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--cf-border)}.custom_filter-header h2{margin:0;font-size:16px;font-weight:700}.custom_filter-close{cursor:pointer;font-size:20px}.custom_filter-content{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:14px 14px 0;color:var(--cf-text)}.custom_filter-section{flex:none}.custom_filter-sectionTitle{font-size:14px;font-weight:700;margin-bottom:8px}.custom_filter-inputRadio,.custom_filter-inputCheck,.custom_filter-pageRadio{position:absolute;opacity:0;pointer-events:none}.custom_filter-sortRow{display:flex;gap:8px;padding-bottom:18px;overflow-x:scroll;overflow-y:hidden;width:100%;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}.custom_filter-sortRow::-webkit-scrollbar{height:6px}.custom_filter-sortRow::-webkit-scrollbar-thumb{background:#ddd;border-radius:999px}.custom_filter-sortopt{flex:0 0 auto;padding:4px 8px;border-radius:10px;border:1px solid var(--cf-border);background:#fff;font-weight:500;cursor:pointer;transition:.15s}.custom_filter-sortopt:hover{transform:translateY(-1px)}.custom_filter-inputRadio:checked+.custom_filter-sortopt{background:var(--cf-accent);color:#fff;border-color:var(--cf-accent);box-shadow:var(--cf-ring)}.custom_filter-gridQty{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.custom_filter-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--cf-border);background:#fff;font-weight:700;cursor:pointer;transition:.15s;user-select:none}.custom_filter-chip:hover{transform:translateY(-1px)}.custom_filter-inputRadio:checked+.custom_filter-chip{background:var(--cf-accent);color:#fff;border-color:var(--cf-accent);box-shadow:var(--cf-ring)}.custom_filter-categories{padding-bottom:8px}.custom_filter-pagers{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.custom_filter-pageDot{width:8px;height:8px;border-radius:999px;background:#d1d5db;cursor:pointer;display:inline-block}#custom_filter-catp1:checked+.custom_filter-pageDot{background:#111}#custom_filter-catp2:checked+.custom_filter-pageDot{background:#111}.custom_filter-catTrack{position:relative;width:100%;height:50vh;overflow-y:scroll;border-radius:12px}.custom_filter-catPage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:96px;gap:2px;padding:4px;transition:transform .25s ease,opacity .2s}#custom_filter-catp1:checked~.custom_filter-catTrack .custom_filter-catPage:nth-child(1){transform:translateX(0);opacity:1;pointer-events:auto}#custom_filter-catp1:checked~.custom_filter-catTrack .custom_filter-catPage:nth-child(2){transform:translateX(100%);opacity:.001;pointer-events:none}#custom_filter-catp2:checked~.custom_filter-catTrack .custom_filter-catPage:nth-child(1){transform:translateX(-100%);opacity:.001;pointer-events:none}#custom_filter-catp2:checked~.custom_filter-catTrack .custom_filter-catPage:nth-child(2){transform:translateX(0);opacity:1;pointer-events:auto}.custom_filter-catCard{width:100%;height:100%;text-align:left;background:#fff;border:1px solid var(--cf-border);border-radius:12px;padding:10px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;justify-content:center}.custom_filter-catCard:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.06)}.custom_filter-catTitle{font-size:16px;font-weight:600}.custom_filter-catRow{font-size:12px;color:var(--cf-muted)}.custom_filter-catRow strong{font-weight:800}.custom_filter-inputCheck:checked+.custom_filter-catCard{background:var(--cf-accent);color:#fff;border-color:var(--cf-accent);box-shadow:var(--cf-ring)}.custom_filter-inputCheck:checked+.custom_filter-catCard .custom_filter-catRow{color:#fff}.custom_filter-spacer{height:64px;flex:none}.custom_filter-footer{position:sticky;bottom:0;left:0;right:0;display:flex;gap:10px;padding:12px;background:var(--cf-bg);z-index:1}.custom_filter-ghost,.custom_filter-apply{flex:1;padding:12px;border-radius:10px;font-weight:800;cursor:pointer}.custom_filter-ghost{background:#f3f4f6;border:1px solid var(--cf-border)}.custom_filter-apply{color:#fff}@media(min-width:768px){.custom_filter-panel{width:600px;height:100vh;inset:auto 0 0 auto;border-left:1px solid var(--cf-border);transform:translateX(100%)}.custom_filter-toggle:checked~.custom_filter-overlay .custom_filter-panel{transform:translateX(0)}.custom_filter-content{padding:16px 16px 0}}.custom_filter-sortopt:focus,.custom_filter-chip:focus,.custom_filter-catCard:focus,.custom_filter-openBtn:focus,.custom_filter-close:focus,.custom_filter-apply:focus,.custom_filter-ghost:focus,.custom_filter-pageDot:focus{outline:2px solid #111;outline-offset:2px}.custom_event_title-fixed{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-100%);transition:transform .3s ease;padding:12px 16px;z-index:999}.custom_event_title-fixed.custom_event_title-show{transform:translateY(0)}