:root{--archive-filter-bg:#f7f3ea;--archive-filter-border:#e5e7eb;--archive-filter-label-color:#374151;--archive-filter-input-border:#d1d5db;--archive-filter-input-color:#1f2937;--archive-filter-placeholder:#9ca3af;--archive-filter-hover-border:#9ca3af;--archive-empty-color:#666;--archive-mobile-trigger-bg:rgba(255,255,255,.92);--archive-mobile-trigger-border:var(--border-color);--archive-mobile-panel-bg:#fbf9f4;--archive-mobile-panel-border:#f0f0f0;--archive-mobile-panel-title-color:#1a1a1a;--archive-mobile-apply-bg:#16294f;--archive-mobile-apply-color:#fff}.filter-panel{background:var(--archive-filter-bg);border:1px solid var(--archive-filter-border);border-radius:var(--border-radius-sm);padding:var(--space-xl)}.filter-panel .filter-group label{color:var(--archive-filter-label-color);letter-spacing:.5px}.filter-panel .filter-group input,.filter-panel .filter-group select{border-color:var(--archive-filter-input-border);color:var(--archive-filter-input-color)}.filter-panel .filter-group input:focus-visible,.filter-panel .filter-group select:focus-visible{border-color:var(--focus-color,#e8622c);box-shadow:0 0 0 var(--focus-width,3px) color-mix(in srgb,var(--focus-color,#e8622c) 20%,transparent)}.filter-panel .filter-group input::placeholder{color:#9ca3af}.filter-panel .filter-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:var(--space-2xl)}.filter-panel .filter-group select:hover{border-color:var(--archive-filter-hover-border)}.events-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2xl);margin-top:var(--space-2xl)}.events-archive-grid.loading{opacity:1;pointer-events:auto}.events-archive-grid .event-card.ajax-enter{opacity:0;transform:translateY(10px) scale(.98)}.events-archive-grid .event-card.ajax-enter.ajax-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity .28s ease,transform .28s ease;transition-delay:var(--ajax-stagger,0ms)}.events-empty-state{grid-column:1/-1;padding:var(--space-4xl) var(--space-lg);text-align:center;color:var(--archive-empty-color);font-size:var(--font-md)}.events-autoload-sentinel{width:100%;height:1px;pointer-events:none}#load-more-events.btn-load-more{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:var(--line-tight);min-height:var(--scroll-up-size)}.events-mobile-filter-trigger{display:none;position:fixed;bottom:15px;left:16px;z-index:990;font-family:var(--font-base,'Sarabun',sans-serif);font-size:var(--font-sm,.9rem);line-height:var(--line-base);border-radius:var(--border-radius-xl);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color,rgba(211,211,211,.495));box-shadow:var(--shadow-lg,0 8px 32px rgba(0,0,0,.08));color:var(--text-color,#000);padding:var(--space-md) var(--space-lg);font-weight:600;min-width:100px;white-space:nowrap;cursor:pointer;align-items:center;gap:var(--space-sm);transition:var(--transition-base,all .3s ease)}.events-mobile-filter-trigger svg{width:18px;height:18px;opacity:.6;flex-shrink:0}.events-mobile-filter-trigger:active{transform:scale(.98)}#events-archive-filter-panel .filter-apply-btn,#events-archive-filter-panel .filter-panel-header,#events-filter-backdrop{display:none}@media (prefers-reduced-motion:reduce){.events-archive-grid .event-card.ajax-enter,.events-archive-grid .event-card.ajax-enter.ajax-enter-active{opacity:1;transform:none;transition:none}}@media (max-width:1024px){.events-archive-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-xl)}}@media (max-width:768px){.events-archive-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.filter-input,.filter-select{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-sm)}}@media (max-width:991px){.events-mobile-filter-trigger{display:inline-flex}#events-archive-filter-panel{--events-filter-mobile-gutter:clamp(16px,4vw,24px);--events-filter-mobile-gap:clamp(16px,2.6vh,24px);--events-filter-mobile-header-gap:clamp(14px,2.2vh,24px);--events-filter-mobile-header-padding:clamp(10px,1.8vh,16px);--events-filter-mobile-cta-gap:clamp(18px,2.8vh,32px);position:fixed;inset:0;width:auto;max-width:none;height:auto;min-height:100dvh;max-height:none;margin:0;border-radius:0;border:none;background-color:var(--archive-mobile-panel-bg);z-index:10010;box-sizing:border-box;padding:calc(var(--events-filter-mobile-gutter) + env(safe-area-inset-top,0px)) var(--events-filter-mobile-gutter) calc(var(--events-filter-mobile-gutter) + env(safe-area-inset-bottom,0px)) var(--events-filter-mobile-gutter);transform:translateY(100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:none}#events-archive-filter-panel.is-open{transform:translateY(0);visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}#events-archive-filter-panel .filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--events-filter-mobile-header-gap);padding-bottom:var(--events-filter-mobile-header-padding);border-bottom:1px solid var(--archive-mobile-panel-border);position:sticky;top:0;background-color:var(--archive-mobile-panel-bg);z-index:2}#events-archive-filter-panel .filter-panel-title{font-size:var(--font-xl);font-weight:700;margin:0;color:var(--text-primary)}#events-archive-filter-panel .filter-row{display:flex;flex-direction:column;gap:var(--events-filter-mobile-gap);width:100%;min-width:0}#events-archive-filter-panel .filter-group{width:100%;text-align:left;min-width:0}#events-archive-filter-panel .filter-group label{display:block;margin-bottom:var(--space-sm);text-align:left;width:100%}#events-archive-filter-panel .filter-group input,#events-archive-filter-panel .filter-group select{width:100%!important;max-width:100%;box-sizing:border-box}#events-archive-filter-panel .filter-apply-btn{display:block;margin-top:var(--events-filter-mobile-cta-gap);width:100%;padding:var(--space-lg);background-color:var(--archive-mobile-apply-bg);color:var(--archive-mobile-apply-color);border:none;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;font-size:var(--font-md)}}@media (max-width:480px){.events-archive-grid{grid-template-columns:1fr}.filter-group label{font-size:var(--font-sm)}}@media (min-width:992px){#events-archive-filter-panel .filter-apply-btn,#events-archive-filter-panel .filter-panel-header,#events-filter-backdrop,.events-mobile-filter-trigger{display:none!important}}