.filters-buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.dropdown{position:relative;display:inline-block;font-family:sans-serif}.button{background:var(--light-gray);color:#fff;border:none;border-radius:6px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:16px;transition:opacity .2s}.button:hover{opacity:.8}.arrow{width:16px;height:16px;transition:transform .2s}.arrow.open{transform:rotate(180deg)}.menu{position:absolute;top:100%;left:0;right:auto;margin-top:4px;background:var(--light-gray);color:#d1d5db;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.3);display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4px;gap:4px;padding:10px;min-width:220px;max-width:98vw;box-sizing:border-box;z-index:1000;overflow-x:auto;@media (max-width:600px){.menu{left:50%;transform:translateX(-50%);min-width:180px;grid-template-columns:repeat(2,1fr);padding:8px}}}.item{background:transparent;color:inherit;border:none;text-align:left;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.item:hover{opacity:.8}.item.active{background:var(--primary);color:#fff;font-weight:700}.filters-container{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px;margin:16px 0}