.filters-row{display:flex;gap:20px;align-items:flex-start;position:relative;z-index:10;width:100%;max-width:100%;box-sizing:border-box;margin-bottom:0}.filters{flex:0 0 200px;max-width:220px;min-width:180px;box-sizing:border-box}.products-col{flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.filters-topbar{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px;justify-content:space-between}.filters-tags{display:flex;gap:10px;flex-wrap:wrap}.tag-btn{padding:6px 14px;border:1px solid #ccc;border-radius:30px;background:#fff;font-family:var(--font-ui);font-size:13.5px;cursor:pointer;text-decoration:none;color:#333;display:inline-block;transition:all 0.2s ease}.tag-btn:hover{border-color:var(--primary,#D4AF37);color:var(--primary,#D4AF37)}.tag-btn.active{background:var(--primary,#D4AF37);border-color:var(--primary,#D4AF37);color:#fff;font-weight:600}.filters-sort{margin-right:auto;position:relative}.filters-sort-dd summary{cursor:pointer;list-style:none;font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:#111;display:inline-flex;align-items:center;gap:6px}.filters-sort-dd summary::-webkit-details-marker{display:none}.filters-sort-dd summary span{color:#666}.filters-sort-dd summary span:hover{color:var(--primary,#D4AF37)}.filters-sort-dd summary::after{content:"";width:10px;height:10px;background:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.08 1.04l-4.25 4.25a.75.75 0 0 1-1.06 0L5.21 8.27a.75.75 0 0 1 .02-1.06z'/>\
  </svg>") no-repeat center/contain;transition:transform .2s ease}.filters-sort-dd[open] summary::after{transform:rotate(180deg)}.filters-sort-menu{display:none;flex-direction:column;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:8px;min-width:180px;box-shadow:0 4px 16px rgba(0,0,0,0.12);position:absolute;left:0;right:auto;z-index:20}.filters-sort-dd[open] .filters-sort-menu{display:flex}.filters-sort-menu a{padding:10px;font-size:14px;color:#111;text-decoration:none}.filters-sort-menu a:hover{background:var(--primary,#D4AF37);color:#fff}.mobile-filter-toggle-btn{display:none}@media (max-width:1400px){.filters-tags>*:nth-child(n+7){display:none !important}}@media (max-width:1200px){.filters-tags>*:nth-child(n+6){display:none !important}}@media (max-width:1000px){.filters-tags>*:nth-child(n+5){display:none !important}}@media (max-width:991px){.filters-topbar{margin-bottom:16px;gap:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.mobile-filter-toggle-btn{order:1;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:30px;font-family:inherit;font-size:13px;font-weight:700;color:#1e293b;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 6px rgba(0,0,0,0.04);position:relative;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-filter-toggle-btn:hover{border-color:var(--primary,#D4AF37);color:var(--primary,#D4AF37)}.mobile-filter-toggle-btn i{font-size:13px;color:var(--primary,#D4AF37)}.mobile-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--primary,#D4AF37);color:#fff;font-size:11px;font-weight:700;line-height:1;margin-right:2px;box-sizing:border-box;transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275)}.filters-sort{order:2;margin-right:auto}.filters-sort-menu{right:0;left:auto}.filters-tags{order:3;display:flex !important;flex-direction:row;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:8px;width:100%;max-width:100%;padding:2px 2px 6px 2px;margin:0;scrollbar-width:none;-ms-overflow-style:none}.filters-tags::-webkit-scrollbar{display:none}.filters-tags>*{display:inline-flex !important}.filters-tags .tag-btn{display:inline-flex !important;align-items:center;justify-content:center;flex-shrink:0 !important;white-space:nowrap !important;font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:999px;height:34px;border:1px solid #e2e8f0;background:#ffffff;color:#334155;box-shadow:0 1px 3px rgba(0,0,0,0.03);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all 0.2s ease}.filters-tags .tag-btn:hover{border-color:var(--primary,#D4AF37);color:var(--primary,#D4AF37)}.filters-tags .tag-btn.active{background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);border-color:#d4af37;color:#ffffff;font-weight:700;box-shadow:0 2px 8px rgba(212,175,55,0.3)}.filters-row{flex-direction:column;align-items:stretch;gap:15px}}