.section-padding{padding-bottom:calc(var(--padding-bottom) * .75)}@media screen and (min-width: 750px){.section-padding{padding-bottom:var(--padding-bottom)}}.collection-toggle-container{text-align:center;margin-bottom:3rem;padding:0 2rem}.collection-toggle{display:inline-flex;border:1px solid rgba(var(--color-foreground),.8);padding:4px;position:relative;margin-bottom:1rem}.collection-toggle__option{position:relative;font-family:aeonik,sans-serif;padding:12px 24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2;background:transparent;border:none;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:600;transform:scale(1);text-decoration:none;display:block}.collection-toggle__option:hover{transform:scale(1.02);background:rgba(var(--color-button),.1);color:rgb(var(--color-foreground))}.collection-toggle__option.active{background:rgb(var(--color-button));color:rgb(var(--color-button-text));transform:scale(1);box-shadow:0 4px 12px rgba(var(--color-button),.3);cursor:default;pointer-events:auto}.collection-toggle__option.active:hover{transform:scale(1);background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.collection-toggle__description{font-size:2rem;line-height:2.7rem;margin-top:1rem;color:#000!important;display:flex;align-items:center;justify-content:center;gap:3rem}.collection-toggle__description-text{max-width:190px;font-family:Granesta,serif}.collection-toggle__description-icon{flex-shrink:0}.collection-layout{display:flex;gap:2rem;max-width:1500px;margin:0 auto;padding:0 2rem}.sidebar{width:230px;flex-shrink:0;padding:2rem;height:fit-content}.filter-section{margin-bottom:2.5rem;border-bottom:1px solid rgba(var(--color-foreground),1);padding-bottom:1.5rem}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-title{font-size:1.4rem;font-weight:600;margin-bottom:1.2rem;color:rgb(var(--color-foreground));text-transform:capitalize;letter-spacing:.5px}.filter-options{display:flex;flex-direction:column}.filter-option{display:flex;align-items:center;cursor:pointer;transition:all .2s ease;padding:.2rem 0}.filter-option:hover{color:rgb(var(--color-button))}.filter-option input[type=radio],.filter-option input[type=checkbox]{margin-right:.8rem;accent-color:rgb(var(--color-button));width:20px;height:20px}.filter-option label{cursor:pointer;font-size:1.3rem;margin-top:7px;font-weight:400;color:rgb(var(--color-foreground))}.collection-dropdown-wrapper{position:relative;z-index:1}.collection-dropdown{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(var(--color-foreground));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.3rem;font-family:aeonik,sans-serif;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;position:relative;z-index:2}.collection-dropdown:hover{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.05)}.collection-dropdown:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 2px rgba(var(--color-button),.2);z-index:10}.collection-dropdown option{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:12px 16px;font-size:1.3rem;border:none;margin:0}.collection-dropdown{vertical-align:top;transform:translateY(0)}.collection-dropdown-wrapper select{direction:ltr}@supports (-webkit-appearance: none){.collection-dropdown{-webkit-appearance:none}}@supports (-moz-appearance: none){.collection-dropdown{-moz-appearance:none}}.collection-dropdown option:hover{background-color:rgba(var(--color-button),.1)}.collection-dropdown option:checked{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.size-option{display:flex;align-items:center;justify-content:center;padding:7px;border:1px solid rgba(var(--color-foreground),1);text-align:center;cursor:pointer;transition:all .2s ease;font-size:1.3rem;font-weight:300;font-family:aeonik,sans-serif;color:rgb(var(--color-foreground))}.size-option:hover{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.05);transform:translateY(-1px)}.size-option.selected{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));transform:translateY(-1px);box-shadow:0 2px 4px rgba(var(--color-button),.2)}.product-type-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem}.product-type-option{font-size:1.4rem;font-weight:400;color:rgb(var(--color-foreground));padding:7px;border:1px solid rgba(var(--color-foreground),1);text-align:center;cursor:pointer;width:90%;margin:0 auto;transition:all .2s ease;min-height:38px;text-transform:capitalize}.product-type-option:hover{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.05);transform:translateY(-1px)}.product-type-option.selected{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));transform:translateY(-1px);box-shadow:0 2px 4px rgba(var(--color-button),.2)}.gender-options{display:flex;gap:1rem}.gender-option{font-family:aeonik,sans-serif;flex:1;padding:7px;border:1px solid rgba(var(--color-foreground),1);text-align:center;cursor:pointer;transition:all .2s ease;font-size:1.3rem;font-weight:300;text-transform:capitalize;letter-spacing:.5px;color:rgb(var(--color-foreground))}.gender-option:hover{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.05);transform:translateY(-1px)}.gender-option.selected{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));transform:translateY(-1px);box-shadow:0 2px 4px rgba(var(--color-button),.2)}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;justify-items:center}.color-option.color-option{width:40px;height:40px;cursor:pointer;border:2px solid rgba(var(--color-foreground),.15);transition:all .2s ease;position:relative;box-shadow:0 1px 3px #0000001a;display:block}.color-option:hover{transform:scale(1.1);border-color:rgba(var(--color-foreground),.4);box-shadow:0 3px 8px #00000026}.color-option.selected{border-color:rgb(var(--color-foreground));transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px rgb(var(--color-button))}.promotional-card{margin-right:10px;margin-left:10px;position:relative;min-width:230px;height:100%;min-height:330px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;text-align:center;color:#fff;overflow:hidden;transition:transform .3s ease}.promotional-card:hover{transform:translateY(-5px)}.promotional-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0003,#000000b3);z-index:1}.promotional-card__content{position:relative;z-index:2}.promotional-card__title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem;line-height:1.2;text-transform:uppercase;letter-spacing:1px}.promotional-card__button{font-family:aeonik,sans-serif;background:#fff;color:#333;border:none;padding:12px 30px;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.promotional-card__button:hover{background:#ffffffe6;box-shadow:0 4px 12px #0000004d}.products-container{justify-items:center;flex:1;min-width:0}#product-grid{max-width:1000px}@media screen and (max-width: 749px){.product-grid .grid__item{max-width:180px;width:100%}}@media screen and (min-width: 750px){.product-grid .grid__item{max-width:250px;width:100%}}@media screen and (min-width: 990px){.product-grid .grid__item{max-width:230px;width:100%}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-background),.8);display:none;align-items:center;justify-content:center;z-index:10}.loading-overlay.active{display:flex}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-button),.3);border-top:3px solid rgb(var(--color-button));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-products-message{text-align:center;padding:4rem 2rem;color:rgb(var(--color-foreground))}.no-products-message h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.no-products-message p{font-size:1rem;opacity:.7}.mobile-filters-toggle{display:none;width:100%;padding:0 1rem;margin-bottom:2rem}.mobile-filters-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 auto;max-width:130px;padding:10px 0;background:transparent;border:2px solid #000;color:#000;font-size:1.4rem;font-weight:300;font-family:aeonik,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease}.mobile-filters-button:hover{background:#000;color:#fff}.mobile-filters-button svg{transition:fill .3s ease}.mobile-filters-button:hover svg path{fill:#fff}.mobile-filters-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#00000080!important;z-index:999999!important;display:none!important;opacity:0;transition:opacity .3s ease;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);margin:0!important;padding:0!important}.mobile-filters-modal.active{display:block!important;opacity:1!important}.mobile-filters-content{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#fff!important;width:100%!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2rem!important;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,100%,0);will-change:transform;z-index:1000000!important;margin:0!important}.mobile-filters-modal.active .mobile-filters-content{transform:translateY(0)!important;-webkit-transform:translate3d(0,0,0)!important}.mobile-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.mobile-filters-title{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.5px}.mobile-filters-close{background:none;border:none;font-size:1.5rem;color:rgb(var(--color-foreground));cursor:pointer;padding:5px;line-height:1}.mobile-filters-close:hover{opacity:.7}.active-filters{padding:0 1rem;margin-bottom:1.5rem}.active-filters-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.active-filters-label{font-family:aeonik,sans-serif;font-size:1.1rem;font-weight:300;color:rgb(var(--color-foreground));margin-right:.5rem}.active-filter-chip{display:inline-flex;align-items:center;gap:.5rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:6px 12px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.active-filter-chip:hover{background:rgba(var(--color-button),.8);transform:translateY(-1px)}.active-filter-chip .remove-filter{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;padding:0;margin-left:4px;line-height:1}.active-filter-chip .remove-filter:hover{opacity:.7}.clear-all-filters{background:transparent;border:1px solid rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground));padding:6px 12px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.clear-all-filters:hover{background:rgba(var(--color-foreground),.1)}@media screen and (max-width: 990px){.collection-layout{flex-direction:column;padding:0 1rem}.sidebar{display:none}.mobile-filters-toggle{display:block!important}.products-container{width:100%}.size-grid,.color-grid{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width: 749px){.collection-toggle-container{padding:0 1rem;margin-bottom:2rem}.collection-toggle__option{padding:10px 20px;font-size:1.3rem}.collection-toggle__description{gap:.5rem}.promotional-card{margin-right:0;margin-left:0;position:relative;min-width:165px;height:100%;min-height:230px}.promotional-card__title{font-size:1.8rem}.promotional-card__button{padding:10px 20px;font-size:1rem}.size-grid,.color-grid{grid-template-columns:repeat(4,1fr)}.sidebar{padding:1rem}.quick-add-cart-button{bottom:61%!important}.card:not(:hover) .quick-add-cart-button{opacity:1!important}.card-product-add:not(:hover) .quick-add-cart-button{opacity:1!important}.grid--2-col-tablet-down .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2)!important;max-width:none!important}.products-container{padding:0 1rem}#product-grid{max-width:100%;gap:.5rem}.mobile-filters-modal{top:0!important;left:0!important;right:0!important;bottom:0!important;min-height:100vh;min-height:100dvh}.mobile-filters-content{min-height:100vh;min-height:100dvh;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}body.modal-open{position:fixed!important;width:100%!important;overflow:hidden!important}}.card,.card-product-add{position:relative}@keyframes cartButtonBounce{0%{transform:translateY(100%);opacity:0}70%{transform:translateY(-2px);opacity:1}85%{transform:translateY(1px);opacity:1}to{transform:translateY(0);opacity:1}}.card:not(:hover) .quick-add-cart-button,.card-product-add:not(:hover) .quick-add-cart-button{transition:opacity .3s ease,transform .3s ease;transform:translateY(100%);opacity:0}.quick-add-cart-button svg{width:20px;height:22px}.quick-add-cart-button{position:absolute;width:42px;height:42px;background-color:#00ff8d;right:15px;bottom:15px;display:flex;justify-content:center;align-items:center;border-radius:3px;cursor:pointer;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;z-index:50}.card:hover .quick-add-cart-button,.card-product-add:hover .quick-add-cart-button{animation:cartButtonBounce .5s forwards}.choose-mafia-filter{transition:opacity .3s ease,height .3s ease;overflow:hidden}.choose-mafia-filter[style*="display: none"]{opacity:0;height:0;margin-bottom:0;padding-bottom:0;border-bottom:none}.choose-mafia-filter:not([style*="display: none"]){opacity:1;height:auto}
/*# sourceMappingURL=/cdn/shop/t/14/assets/collection-product-grid.css.map */