.products{margin-top:20vh}.products .title{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.products .title h2{font-weight:400}.products .title .filters.desktop-filters{gap:10px;display:flex}.products .title .filters.mobile-filters{display:none;position:relative}.filter-dropdown-button{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:1px solid #0000001a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:120px;padding:12px 16px;font-family:inherit;transition:all .2s;display:flex}.filter-dropdown-button:hover{background-color:#0000000d}.filter-dropdown{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e5e5e5;border-radius:8px;min-width:150px;margin:4px 0 0;padding:0;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 4px 6px #0000001a}.filter-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.filter-dropdown li{cursor:pointer;opacity:0;transition:all .2s;transform:translateY(5px)}.filter-dropdown.open li{opacity:1;transform:translateY(0)}.filter-dropdown.open li:first-child{transition-delay:50ms}.filter-dropdown.open li:nth-child(2){transition-delay:.1s}.filter-dropdown.open li:nth-child(3){transition-delay:.15s}.filter-dropdown.open li:nth-child(4){transition-delay:.2s}.filter-dropdown.open li:nth-child(5){transition-delay:.25s}.filter-dropdown.open li:nth-child(6){transition-delay:.3s}.filter-dropdown li button{color:#333;cursor:pointer;width:100%;font-size:inherit;text-align:left;background:0 0;border:none;padding:12px 16px;font-family:inherit;text-decoration:none;transition:background-color .2s;display:block}.filter-dropdown li button:hover{background-color:#f5f5f5}.filter-dropdown li button.active{background-color:#0000001a;font-weight:600}.filter-dropdown li:first-child button{border-radius:8px 8px 0 0}.filter-dropdown li:last-child button{border-radius:0 0 8px 8px}.arrow{color:currentColor;justify-content:center;align-items:center;transition:transform .3s;display:flex}.arrow.open{transform:rotate(180deg)}.arrow svg{width:12px;height:8px}.products .title .filters .filter{border-radius:var(--br-1);cursor:pointer;padding:10px;transition:all .3s}.products .title .filters .filter.active{background-color:#0000001a}.products .title .filters .filter:hover{background-color:#0000000d}.products-container{grid-template-columns:repeat(4,1fr);gap:30px;width:100%;display:grid}.product-card{aspect-ratio:284/385;border-radius:var(--br-1);cursor:pointer;width:100%;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.product-card:hover{transform:translateY(-8px);box-shadow:0 8px 40px #0000001f}.product-image{width:100%;height:100%;position:relative;overflow:hidden}.finished-overlay{z-index:2;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.finished-badge{color:#333;border-radius:var(--br-1);text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;padding:12px 24px;font-size:1.1rem;font-weight:600;box-shadow:0 4px 12px #0000004d}.product-card.clickable{cursor:pointer;transition:all .3s}.product-card.clickable:hover{transform:translateY(-12px);box-shadow:0 12px 48px #00000026}.product-card.clickable:hover .finished-badge{background:var(--primary-color);color:#333;transform:scale(1.05)}@media (max-width:1200px){.products-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.products-container{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.products .title{align-items:center;gap:20px}.products .title .filters.desktop-filters{display:none}.products .title .filters.mobile-filters{display:block}.products-container{grid-template-columns:1fr;gap:20px}}.products .view-all{text-align:right;width:100%;text-decoration:underline;margin-top:1rem!important}.view-all a{color:var(--foreground);font-weight:500;text-decoration:underline;transition:color .3s}.view-all a:hover{color:var(--foreground-hover)}.product-info{background:#fff;padding:20px}.product-info h3{color:var(--foreground);margin:0 0 10px;font-size:1.2rem}.product-info p{color:var(--foreground-muted);margin:0 0 15px;font-weight:600}.participate-btn{background:var(--foreground);color:#fff;border-radius:var(--br-1);cursor:pointer;border:none;width:100%;padding:12px;font-weight:600;transition:all .3s}.participate-btn:hover{background:var(--foreground-hover);transform:translateY(-2px)}.pagination{justify-content:center;align-items:center;gap:10px;margin-top:40px;padding:20px 0;display:flex}.pagination-btn{border:1px solid var(--border);color:var(--foreground);border-radius:var(--br-1);cursor:pointer;background:#fff;min-width:45px;padding:10px 15px;font-weight:500;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#0000000d}.pagination-btn.active{color:#000;background:#0000000d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.pagination{gap:5px;margin-top:30px}.pagination-btn{min-width:40px;padding:8px 12px;font-size:.9rem}.product-card{max-height:260px}}@media (max-width:520px){.product-image img{object-position:bottom!important}}@media (max-width:768px){.products--home .products-container>:nth-child(n+5){display:none}}