@keyframes filterSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes filterSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes filterOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes filterOverlayOut{0%{opacity:1}to{opacity:0}}.filter-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;visibility:hidden;background:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.filter-overlay.active{opacity:1;visibility:visible}.filter-sidebar{z-index:10001;background:linear-gradient(135deg,#fff 0%,#fefcf8 100%);border-left:1px solid #daa52026;flex-direction:column;width:100%;max-width:420px;height:100vh;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000026}.filter-sidebar.open{transform:translate(0)}.filter-header{background:#daa52005;border-bottom:1px solid #daa5201f;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.filter-header-left{align-items:center;gap:.75rem;display:flex}.filter-icon{font-size:1.4rem}.filter-title{color:#1a1a1a;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.3rem;font-weight:600}.filter-count{color:#1a1a1a;background:#daa520;border-radius:20px;padding:.2rem .5rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;font-weight:700}.filter-close{cursor:pointer;color:#666;background:#daa52014;border:1px solid #daa52026;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.filter-close:hover{color:#fff;background:#daa520;border-color:#daa520;transform:rotate(90deg)}.filter-close svg{width:16px;height:16px}.filter-body{flex:1;padding:.5rem 0;overflow-y:auto}.filter-section{border-bottom:1px solid #daa5200f}.filter-section-header{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:#444;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-family:Josefin Sans,sans-serif;font-size:.75rem;font-weight:600;transition:all .3s;display:flex;position:relative}.filter-section-header:hover{color:#8b6914;background:#daa5200d}.filter-section-header.active{color:#8b6914;background:#daa52014}.filter-section-icon{font-size:1rem}.filter-section-label{text-align:left;flex:1}.filter-section-active-dot{background:#daa520;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite filterPulse}@keyframes filterPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.filter-section-arrow{width:14px;height:14px;transition:transform .3s}.filter-section-arrow.open{transform:rotate(180deg)}.filter-section-content{flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem 1rem 3rem;animation:.3s filterContentIn;display:flex}@keyframes filterContentIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-chip{letter-spacing:.05em;color:#666;cursor:pointer;background:#daa5200d;border:1px solid #daa52026;border-radius:40px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;font-weight:500;transition:all .25s;display:inline-flex}.filter-chip:hover{color:#8b6914;background:#daa5201a;border-color:#daa520;transform:translateY(-2px)}.filter-chip.active{color:#1a1a1a;background:#daa520;border-color:#daa520;font-weight:600}.filter-color-dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px}.filter-footer{background:#daa52005;border-top:1px solid #daa5201f;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.filter-clear-btn{letter-spacing:.1em;text-transform:uppercase;color:#666;cursor:pointer;background:0 0;border:1px solid #daa5204d;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;font-weight:600;transition:all .3s;display:flex}.filter-clear-btn:hover{color:#ef4444;border-color:#ef4444}.filter-clear-btn svg{width:14px;height:14px}.filter-apply-btn{letter-spacing:.15em;text-transform:uppercase;color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#daa520,#f0c040);border:none;border-radius:40px;flex:1;padding:.8rem;font-family:Josefin Sans,sans-serif;font-size:.6rem;font-weight:700;transition:all .3s}.filter-apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #daa5204d}@media (max-width:640px){.filter-sidebar{max-width:100%}.filter-header{padding:1.2rem 1.2rem .8rem}.filter-section-header{padding:.85rem 1.2rem}.filter-section-content{padding:.6rem 1.2rem .8rem 2.5rem}.filter-footer{padding:.8rem 1.2rem 1.2rem}}
.grid-controls-bar{border-bottom:1px solid #daa5201f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.grid-controls-left{align-items:center;gap:.8rem;display:flex}.filter-trigger{letter-spacing:.12em;text-transform:uppercase;color:#8b6914;cursor:pointer;background:#daa5200f;border:1px solid #daa52033;border-radius:40px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:600;transition:all .3s;display:flex}.filter-trigger:hover{background:#daa5201f;border-color:#daa520;transform:translateY(-2px)}.filter-trigger svg{width:13px;height:13px}.filter-active-dot{background:#daa520;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite filterPulse}.per-row-selector{background:#daa5200a;border:1px solid #daa5201f;border-radius:40px;align-items:center;gap:.25rem;padding:.15rem;display:flex}.per-row-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:40px;justify-content:center;align-items:center;width:34px;height:30px;font-family:Goldman,system-ui,sans-serif;font-size:.65rem;font-weight:600;transition:all .3s;display:flex;position:relative}.per-row-btn svg{stroke:currentColor;width:14px;height:14px}.per-row-btn:hover{color:#8b6914;background:#daa5201a}.per-row-btn.active{color:#1a1a1a;background:#daa520;box-shadow:0 2px 8px #daa5204d}.per-row-btn:before{content:attr(data-tooltip);color:#daa520;letter-spacing:.1em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#1a1a1a;border-radius:6px;padding:.25rem .5rem;font-family:Goldman,system-ui,sans-serif;font-size:.5rem;font-weight:600;transition:all .2s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.per-row-btn:hover:before{opacity:1;visibility:visible;bottom:-35px}.grid-sort-select{letter-spacing:.08em;color:#444;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23daa520' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .8rem center/11px no-repeat;border:1px solid #daa52033;border-radius:40px;outline:none;padding:.55rem 2rem .55rem 1rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:500;transition:all .3s}.grid-sort-select:hover{border-color:#daa520}.grid-sort-select:focus{border-color:#daa520;box-shadow:0 0 0 3px #daa5201a}.grid-result-count{color:#999;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:400}.grid-result-count em{color:#8b6914;font-style:normal;font-weight:600}.pg-grid--cols-2{grid-template-columns:repeat(2,1fr)}.pg-grid--cols-3{grid-template-columns:repeat(3,1fr)}.pg-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.pg-grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-controls-bar{flex-direction:column;align-items:stretch;gap:.6rem}.grid-controls-left{justify-content:space-between}.per-row-selector{display:none}.pg-grid--cols-4,.pg-grid--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pg-grid--cols-4,.pg-grid--cols-3,.pg-grid--cols-2{grid-template-columns:1fr}}[dir=rtl] .grid-controls-bar,[dir=rtl] .grid-controls-left{flex-direction:row}[dir=rtl] .grid-sort-select{background-position:.8rem;padding:.55rem 1rem .55rem 2rem}[dir=rtl] .filter-trigger svg,[dir=rtl] .per-row-btn svg{transform:scaleX(-1)}