@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);:root{--primary-color:#0a0a0a;--secondary-color:#e9e9e9;--hover-primary-color:#1f1f1f;--text-color:#0a0a0a;--border-color:#ccc;--success-color:#4efc77;--warning-color:#ffc107;--danger-color:#f16666;--gold-color:#fdf7cc;--hover-link-color:#9a9a9a;--border-radius-sm:2px;--border-radius-default:6px;--border-radius-rounded:50px;--box-shadow:0 0 5px hsla(0,0%,4%,.115);--primary-box-shadow:0 0 10px var(--primary-color);--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-md:1.25rem;--font-lg:1.5rem;--font-xl:1.75rem;--font-xxl:2rem;--font-xxxl:2.5rem;--font-title:"Montserrat",sans-serif;--font-body:"Roboto",sans-serif;--font-focus:"Arial Black",sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent)}.title{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:3rem}.title h1,.title h2{color:var(--primary-color);font-size:var(--font-xxl);letter-spacing:.2rem}.title p{border-right:2px solid var(--primary-color);max-width:90vw;overflow:hidden;padding-right:.1rem;white-space:nowrap}.title p.animate{animation:typewriter var(--duration) steps(50) 1 normal both,blinkingCursor .5s steps(50) infinite normal}@keyframes typewriter{0%{width:var(--width)}2%{width:0}to{width:var(--width)}}@keyframes blinkingCursor{0%{border-right-color:var(--primary-color)}to{border-right-color:transparent}}@media screen and (max-width:767px){.title p.animate{font-size:var(--font-xs)}}.grid{display:grid;gap:.5rem;grid-template-columns:1fr}.grid .card__link{display:flex;height:15rem;justify-content:center}.grid .card__name{font-size:var(--font-lg)}.grid .card__price{font-size:var(--font-base);font-weight:700}.grid .card__details .stars .star{height:20px;width:20px}.grid .card__details span{font-size:var(--font-xs)}.grid-xl{grid-template-columns:1fr}.grid-xl .card__link{display:flex;height:15rem;justify-content:center}.grid-xl .card__name{font-size:var(--font-lg)}.grid-xl .card__price{font-size:var(--font-base);font-weight:700}.grid-xl .card__details .stars .star{height:20px;width:20px}.grid-xl .card__details span{font-size:var(--font-xs)}.grid-large{grid-template-columns:1fr 1fr}.grid-large .card__link{display:flex;height:8rem;justify-content:center}.grid-large .card__name{font-size:var(--font-sm)}.grid-large .card__price{font-size:var(--font-xs);font-weight:700}.grid-large .card__details .stars .star{height:15px;width:15px}.grid-large .card__details span{font-size:5px}@media screen and (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}.grid .card__link{display:flex;height:15rem;justify-content:center}.grid .card__name{font-size:var(--font-lg)}.grid .card__price{font-size:var(--font-base);font-weight:700}.grid .card__details .stars .star{height:25px;width:25px}.grid .card__details span{font-size:var(--font-xs)}.grid-large{grid-template-columns:1fr 1fr}.grid-large .card__link{display:flex;height:40rem;justify-content:center}.grid-large .card__name{font-size:var(--font-xxl)}.grid-large .card__price{font-size:var(--font-lg);font-weight:700}.grid-medium{grid-template-columns:repeat(4,1fr)}.grid-medium .card__link{display:flex;height:15rem;justify-content:center}.grid-medium .card__name{font-size:var(--font-lg)}.grid-medium .card__price{font-size:var(--font-base);font-weight:700}.grid-medium .card__details .stars .star{height:25px;width:25px}.grid-medium .card__details span{font-size:var(--font-xs)}.grid-compact{grid-template-columns:repeat(6,1fr)}.grid-compact .card__link{display:flex;height:8rem;justify-content:center}.grid-compact .card__name{font-size:var(--font-md)}.grid-compact .card__price{font-size:var(--font-base);font-weight:700}.grid-compact .card__details .stars .star{height:20px;width:20px}.grid-compact .card__details span{font-size:var(--font-xs)}}.card{background-color:var(--secondary-color);border:none!important;border-radius:var(--border-radius-default);box-shadow:var(--box-shadow),inset 0 0 0 2px var(--secondary-color)!important;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:1.5rem;position:relative;transition:all .3s ease-in-out}.card:after{background:radial-gradient(circle 40px at var(--mouse-x,50%) var(--mouse-y,50%),transparent 0,transparent 0,var(--secondary-color) 300%);border-radius:calc(var(--border-radius-default) - 2px);content:"";inset:0;opacity:var(--spotlight-opacity,0);pointer-events:none;position:absolute;transition:inherit}.card>*{z-index:3}.card__info{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:0 1rem 1rem;text-align:center}.card__name{padding-left:4px;text-align:center}.card__price{font-size:var(--font-lg);font-weight:700}.card__details{text-align:center}.card__image{object-fit:contain;transition:all .3s ease-in-out}.card__image:hover{transform:scale(1.01)}.card__link{overflow:hidden;padding-top:1rem}.card__link--disabled{opacity:.2}.card .favorite{position:absolute;right:0;top:0;transform:translate(-50%,50%);z-index:999}.items{padding:3rem 2rem}.grid{gap:1rem;margin-top:7rem;row-gap:2rem}.toolbar{background-color:var(--secondary-color);border:none!important;border-radius:var(--border-radius-default);box-shadow:var(--box-shadow),inset 0 0 0 2px var(--secondary-color)!important;box-shadow:var(--box-shadow);display:flex;height:3rem;justify-content:space-between;overflow:unset;padding:2px;position:relative;transition:all .3s ease-in-out;width:100%}.toolbar:after{background:radial-gradient(circle 100px at var(--mouse-x,50%) var(--mouse-y,50%),transparent 0,transparent 0,var(--secondary-color) 300%);border-radius:calc(var(--border-radius-default) - 2px);content:"";inset:0;opacity:var(--spotlight-opacity,0);pointer-events:none;position:absolute;transition:inherit}.toolbar>*{z-index:3}.sort-bar,.toolbar__opener{align-items:center;display:flex;font-weight:700;justify-content:center;padding:2px;width:25%}.toolbar__display{padding:.7rem;text-align:right;width:50%}.toolbar__display svg{cursor:pointer}.toolbar__display svg g{fill:var(--primary-color)}.toolbar__display svg g:hover{box-shadow:var(--primary-box-shadow)}.toggle-compact,.toggle-medium{display:none}.filter-sidebar{background-color:var(--primary-color);box-shadow:0 0 10px rgba(232,2,2,.1);color:var(--secondary-color);font-family:Segoe UI,sans-serif;height:100vh;overflow:auto;padding:2rem;position:fixed;scrollbar-width:0;width:300px;-ms-overflow-style:none;left:-120%;top:0;transition:left .5s ease-in-out;z-index:99999!important}.filter-sidebar__title{font-size:var(--font-xxl);margin-bottom:1rem}.filter-sidebar__group{margin-bottom:1.5rem}.filter-sidebar__group-title{font-size:1.1rem;margin-bottom:.5rem}.filter-sidebar__color-size{display:flex;justify-content:space-between;text-align:center}.filter-sidebar__color-size .filter-sidebar__group{width:45%}.filter-sidebar__color-checkboxes,.filter-sidebar__size-checkboxes{max-height:300px;overflow:auto;scrollbar-width:0;-ms-overflow-style:none}.filter-sidebar__color-checkboxes::-webkit-scrollbar,.filter-sidebar__size-checkboxes::-webkit-scrollbar{display:none}.filter-sidebar__option{cursor:pointer;display:block;margin:.3rem 0}.filter-sidebar__option span{border:1px solid transparent;border-radius:var(--border-radius-default);display:block;padding:.2rem 1rem;transition:all .2s ease-in-out;width:100%}.filter-sidebar__option span:hover{border-color:var(--border-color)}.filter-sidebar__option input{display:none}.filter-sidebar__option input:checked+span{border-color:var(--border-color)}.filter-sidebar__color-checkboxes span:hover{box-shadow:inset 20px 0 0 0 var(--border-color)}.filter-sidebar__color-checkboxes input{display:none}.filter-sidebar__color-checkboxes input:checked+span{border-color:var(--border-color);box-shadow:inset 85px 0 0 0 var(--border-color)}.filter-sidebar__color-pastille{border:1px solid var(--border-color)!important;border-radius:var(--border-radius-default);display:inline-block;height:1.5rem;width:100px}.filter-sidebar__price-range{align-items:center;display:flex;gap:.5rem}.filter-sidebar__price-input{border:1px solid var(--border-color);border-radius:4px;height:2rem;padding:.4rem;width:100%}.filter-sidebar__price-separator{color:#666;font-weight:700}.filter-sidebar__apply-button{background:transparent;background-color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:var(--border-radius-default);box-shadow:inset 0 0 0 0 var(--primary-color);color:var(--secondary-color);color:var(--primary-color);display:inline-block;letter-spacing:1px;padding:15px 10px;text-align:center;transition:.3s;width:100%}@media(min-width:1024px){.filter-sidebar__apply-button:hover{box-shadow:inset 200px 0 0 0 var(--primary-color);color:var(--secondary-color)}}.filter-sidebar::-webkit-scrollbar{display:none}.filter-sidebar__select{border:1px solid var(--primary-color);font-size:var(--font-sm);padding:.6rem .8rem;width:100%}.filter-sidebar__select,.toolbar__opener{background-color:var(--secondary-color);border-radius:var(--border-radius-default);color:var(--primary-color)}.toolbar__opener{cursor:pointer;padding:.7rem;text-align:center}.open{left:0}.toolbar__closer{cursor:pointer;margin-left:90%}.toolbar__closer:hover{filter:drop-shadow(0 0 2px var(--secondary-color))}.sort-bar{align-items:center;background-color:var(--secondary-color);border-radius:var(--border-radius-default);box-shadow:var(--box-shadow);display:flex;gap:.8rem;position:absolute;transform:translateY(110%);z-index:9999}.select,.sort-bar{color:var(--primary-color);width:100%}.select{cursor:pointer;font-size:var(--font-sm);position:relative;text-align:center;user-select:none}.select__selected{background:transparent;padding:.8rem .7rem .7rem 1rem}.select__options{background:var(--secondary-color);border-radius:var(--border-radius-default);bottom:-3px;box-shadow:var(--box-shadow);display:none;left:0;list-style:none;position:fixed;transform:translateY(100%);width:100%;z-index:10000}.select__options li{padding:.7rem 1rem;text-align:center;transition:background .2s,color .2s}.select__options li:hover{background:var(--primary-color);color:#fff}.select.open .select__options{display:block}.select__options li.active{font-weight:700}.favorite{position:absolute;right:0;top:0;transform:translate(-50%,50%)}.favorite-btn{background:transparent;box-shadow:unset}.favorite-btn:hover{box-shadow:unset;filter:drop-shadow(0 0 5px var(--primary-color))}@media screen and (min-width:1024px){.grid{margin-top:3rem}.items{padding:5rem 4.5rem}.toggle-xl{display:none}.toggle-compact,.toggle-medium{display:inline}.card__info{text-align:left}.base-font{font-size:var(--font-base)}.sort-bar{align-items:center;border-radius:0;box-shadow:none;display:flex;gap:.8rem;max-width:25%;position:unset;transform:unset}.sort-bar__label{transform:translateX(-100%)}.select{padding-right:1rem}.select__options{border-top-left-radius:0;border-top-right-radius:0;position:absolute}.sort-bar{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.filter-sidebar__apply-button{display:none}}@media screen and (max-width:786px){.sm-font{font-size:var(--font-sm)}}.pagination{align-items:center;display:flex;font-family:inherit;gap:8px;justify-content:center;margin:2rem 0}.pagination a{border:1px solid var(--border-color);border-radius:4px;display:inline-block;min-width:40px;padding:8px 12px;text-align:center;text-decoration:none;transition:all .3s ease}.pagination a,.pagination a:hover{background-color:var(--secondary-color);color:var(--primary-color)}.pagination a:hover{border-color:var(--primary-color)}.pagination a.active{background-color:var(--primary-color);border-color:var(--border-color);color:var(--secondary-color);pointer-events:none}.pagination__next,.pagination__prev{font-weight:500;padding:8px 16px!important}.pagination__dots{border:none;color:#666;padding:8px 4px;pointer-events:none}@media(max-width:480px){.pagination{gap:4px}.pagination a{font-size:14px;min-width:32px;padding:6px 8px}.pagination__next,.pagination__prev{font-size:14px;padding:6px 12px!important}}.loader{align-items:center;background:hsla(0,0%,100%,.8);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loader__spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#items-grid{min-height:200px;position:relative}