:root{--ark-primary:#6366B8;--ark-border:#E2E8F0;--ark-bg:#F7F8FA;--ark-bg-white:#FFFFFF;--ark-text:#2D3748;--ark-text-light:#718096;--ark-text-muted:#A0AEC0;--ark-radius:8px;--ark-radius-full:50px}
.ark-paint-filter-wrapper{margin-bottom:24px;position:relative;z-index:10}
.ark-paint-filter-wrapper.dropdown-open{z-index:10000}
.ark-filter-bar{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--ark-border)}
.ark-filter-icon{display:flex;align-items:center;gap:8px;color:var(--ark-text-light);margin-right:4px}
.ark-filter-icon svg{flex-shrink:0}
.ark-filter-label{font-size:14px;font-weight:500}
.ark-dropdown-filters{display:flex;align-items:center;gap:12px;flex:1}
.ark-dropdown-wrapper{position:relative;z-index:1}
.ark-dropdown-wrapper.open{z-index:200}
.ark-dropdown-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--ark-bg-white);border:1px solid var(--ark-border);border-radius:var(--ark-radius-full);cursor:pointer;font-size:14px;font-weight:500;color:var(--ark-text);transition:all .2s;white-space:nowrap;position:relative;z-index:1;}
.ark-dropdown-btn:hover{border-color:var(--ark-primary)}
.ark-dropdown-btn.active,.ark-dropdown-btn.open{background:var(--ark-primary);border-color:var(--ark-primary);color:#fff;z-index:201}
.ark-dropdown-btn svg{flex-shrink:0;transition:transform .2s}
.ark-dropdown-btn.open svg{transform:rotate(180deg)}
.ark-dropdown-content{position:absolute;top:calc(100% + 8px);left:0;background:var(--ark-bg-white);border:1px solid var(--ark-border);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12);padding:8px;min-width:200px;max-height:400px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:1000}
.ark-dropdown-content.open{opacity:1;visibility:visible;transform:translateY(0);z-index: 99999;}
.ark-dropdown-content::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--ark-bg-white));pointer-events:none;border-radius:0 0 12px 12px;opacity:0;transition:opacity .2s}
.ark-dropdown-content.has-scroll::after{opacity:1}
.ark-dropdown-content.has-scroll::before{content:'';position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--ark-text-muted);z-index:1;pointer-events:none;animation:arkBounce 2s infinite}
@keyframes arkBounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-4px)}60%{transform:translateX(-50%) translateY(-2px)}}
.ark-dropdown-wide .ark-dropdown-content{min-width:240px;max-width:260px;max-height:450px}
.ark-dropdown-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;cursor:pointer;transition:background .15s;user-select:none}
.ark-dropdown-option:hover{background:var(--ark-bg)}
.ark-dropdown-option input[type="checkbox"],
.ark-dropdown-option input[type="radio"]{margin:0;cursor:pointer;width:18px;height:18px;accent-color:var(--ark-primary)}
.ark-dropdown-option span{font-size:13px;color:var(--ark-text);flex:1}
.ark-no-color-btn{width:100%;padding:8px 12px;background:var(--ark-primary);color:#fff;border:none;border-radius:var(--ark-radius);font-size:13px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:opacity .2s}
.ark-no-color-btn:hover{opacity:.9}
.ark-no-color-btn:not(.active){background:var(--ark-bg);color:var(--ark-text);border:1px solid var(--ark-border)}
.ark-color-category-section{margin-bottom:12px}
.ark-color-category-section:last-child{margin-bottom:0}
.ark-color-category-title{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--ark-text-muted);margin-bottom:6px;padding:0 10px}
.ark-color-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .15s;user-select:none;position:relative}
.ark-color-option:hover{background:var(--ark-bg)}
.ark-color-option.active{background:var(--ark-bg)}
.ark-color-option input{position:absolute;opacity:0;pointer-events:none}
.ark-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);flex-shrink:0}
.ark-color-label{font-size:13px;color:var(--ark-text);flex:1}
.ark-clear-filters{font-size:13px;font-weight:500;color:var(--ark-text-light);cursor:pointer;transition:color .2s;white-space:nowrap;text-decoration:none;padding:10px 0}
.ark-clear-filters:hover{color:var(--ark-primary)}
body.ark-loading{cursor:wait}
body.ark-loading::after{content:'';position:fixed;inset:0;background:rgba(255,255,255,.5);z-index:9999}
.elementor-loop-container.ark-cols-2{--e-loop-grid-columns:2!important}
.elementor-loop-container.ark-cols-3{--e-loop-grid-columns:3!important}
.elementor-loop-container.ark-cols-4{--e-loop-grid-columns:4!important}
.elementor-loop-container.ark-cols-5{--e-loop-grid-columns:5!important}
.elementor-loop-container.ark-cols-6{--e-loop-grid-columns:6!important}
.elementor-loop-container.ark-view-large{--e-loop-grid-columns:2!important}
@media(max-width:1024px){.ark-filter-bar{flex-wrap:wrap}.ark-dropdown-filters{flex-wrap:wrap;width:100%}.ark-clear-filters{width:100%;margin-left:0;margin-top:8px}}
@media(max-width:768px){.ark-filter-icon{display:none}.ark-dropdown-wrapper{flex:1 1 calc(50% - 6px)}.ark-dropdown-btn{justify-content:space-between;width:100%}.ark-dropdown-content{left:0;right:0;min-width:unset}.ark-dropdown-wide .ark-dropdown-content{max-width:100%}}
@media(max-width:576px){.ark-dropdown-wrapper{flex:1 1 100%}.ark-dropdown-filters{gap:8px}}