.grid-collection-view{max-width:none;margin:30px auto 50px;padding:0 var(--content-padding-horizontal);display:grid;grid-template-columns:350px minmax(200px,1fr);min-height:calc(100vh - 280px);box-sizing:border-box}.grid-collection-filters{position:-webkit-sticky;position:sticky;top:0;align-self:start}.grid-collection-view .grid-collection-filters ul{width:-moz-fit-content;width:fit-content;margin:0 0 40px;padding:0;list-style:none}.grid-collection-view .grid-collection-filters ul li{width:auto;left:30px;position:relative;cursor:pointer}.grid-collection-view .grid-collection-filters ul li p{font-weight:300}.grid-collection-view .grid-collection-filters ul li.selected,.grid-collection-view .grid-collection-filters ul li:hover{text-decoration:underline}.grid-collection-view .grid-collection-filters ul li:first-child{margin-top:10px}.grid-collection-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.grid-collection-item{cursor:pointer;position:relative;opacity:0;transform:translateY(30px);animation:fadeSlideIn 1s ease forwards}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.grid-collection-item:first-child{animation-delay:.15s}.grid-collection-item:nth-child(2){animation-delay:.3s}.grid-collection-item:nth-child(3){animation-delay:.45s}.grid-collection-item:nth-child(4){animation-delay:.6s}.grid-collection-item:nth-child(5){animation-delay:.75s}.grid-collection-item:nth-child(6){animation-delay:.9s}.grid-collection-item:nth-child(7){animation-delay:1.05s}.grid-collection-item:nth-child(8){animation-delay:1.2s}.grid-collection-item:nth-child(9){animation-delay:1.35s}.grid-collection-item:nth-child(n+10){animation-delay:1.5s}.grid-collection-item h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;margin:0;opacity:0;transition:opacity .3s ease;text-align:center;width:100%;padding:0 20px;pointer-events:none}.grid-collection-item:hover h2{opacity:1}.grid-collection-item img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;display:block}@media (min-width:1001px){.filters-mobile-dropdown,.filters-mobile-icons{display:none}}@media (max-width:1000px){.grid-collection-view{display:block;padding:0;margin:0}.filters-desktop{display:none}.grid-collection-filters{position:-webkit-sticky;position:sticky;z-index:100}.filters-mobile-icons{display:flex;top:60px;left:0;right:0;z-index:100;background:white;padding:15px 20px;gap:10px;border-bottom:1px solid #e0e0e0;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filters-mobile-icons::-webkit-scrollbar{display:none}.filters-mobile-icons{-ms-overflow-style:none;scrollbar-width:none}.filter-icon{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:5px;background:#f5f5f5;cursor:pointer;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;transition:all .3s ease;border:2px solid transparent}.filter-icon-label{font-size:15px;font-weight:600;color:#2c261f}.filter-icon.active{background:#2c261f;border-color:#2c261f}.filter-icon.active .filter-icon-label{color:white}.filter-icon.expanded{border-color:#2c261f}.filter-badge{background:#2c261f;color:white;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 6px}.filter-icon.active .filter-badge{background:white;color:#2c261f}.filters-mobile-dropdown{top:130px;left:0;right:0;background:white;z-index:99;padding:10px 20px 20px;border-bottom:1px solid #e0e0e0;max-height:40vh;overflow-y:auto;animation:slideDown .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.08)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-option{padding:12px 16px;border-radius:8px;cursor:pointer;margin-bottom:5px;transition:background .2s ease}.filter-option:hover{background:#f5f5f5}.filter-option.selected{background:#2c261f}.filter-option p{margin:0;font-size:15px;font-weight:400;color:#2c261f}.filter-option.selected p{color:white;font-weight:500}.grid-collection-items{grid-template-columns:repeat(2,1fr);gap:20px 15px;padding:20px}.grid-collection-item h2{position:static;opacity:1;color:#2c261f;font-size:14px;font-weight:400;margin:8px 0 0;transform:none;text-align:center;padding:0;pointer-events:auto}.grid-collection-item{animation-duration:.6s}.grid-collection-item:first-child{animation-delay:.1s}.grid-collection-item:nth-child(2){animation-delay:.15s}.grid-collection-item:nth-child(3){animation-delay:.2s}.grid-collection-item:nth-child(4){animation-delay:.25s}.grid-collection-item:nth-child(5){animation-delay:.3s}.grid-collection-item:nth-child(6){animation-delay:.35s}.grid-collection-item:nth-child(n+7){animation-delay:.4s}}@media (max-width:375px){.grid-collection-items{gap:10px;padding:15px}.grid-collection-item h2{font-size:13px}.filter-icon{padding:8px 14px}.filter-icon-label{font-size:13px}}@media (max-width:800px){.grid-collection-view{padding-top:65px}}:root{--icon-size:7px}.grid-icon-container{width:-moz-fit-content;width:fit-content;z-index:1;opacity:.8;transition:opacity .2s ease-in-out,bottom .3s ease-in-out;display:grid;grid-template-columns:auto 1fr;grid-gap:5px;gap:5px;position:fixed;bottom:25px;left:20px;cursor:pointer;align-items:center}.grid-icon-container.above-footer{bottom:170px}.grid-icon-container:hover{opacity:1}.grid-row{display:grid;grid-template-columns:repeat(3,var(--icon-size));grid-gap:3px;gap:3px;margin-bottom:3px;cursor:pointer}.grid-circle{width:var(--icon-size);height:var(--icon-size);background-color:#fff;border-radius:50%;cursor:pointer}.grid-icon-tooltip{overflow:hidden}.grid-icon-tooltip p{color:#fff;text-transform:uppercase;font-weight:600;font-size:.75rem;line-height:.75rem;transform:translateX(-100%);white-space:nowrap;transition:transform .2s ease-in-out}.grid-icon-container:hover .grid-icon-tooltip p{transform:translateX(0)}.grid-icon-container.stretched{bottom:22px}.grid-icon-container.stretched.above-footer{bottom:150px}.grid-icon-container.stretched .grid-circle{background-color:#2c261f}.grid-icon-container.stretched .grid-row{grid-template-columns:repeat(1,27px);margin-bottom:6px}.grid-icon-container.stretched .grid-row:last-child{margin-bottom:0}.grid-icon-container.stretched .grid-circle{width:27px;height:4px}.grid-icon-container.stretched .grid-circle:nth-child(2),.grid-icon-container.stretched .grid-circle:nth-child(3){display:none}.grid-icon-container.stretched .grid-icon-tooltip p{color:#2c261f}.grid-icon-container.mobile{bottom:50px;left:unset;right:20px}