:root{--q-background-color: #ffffff;--q-text-color: #000000;--q-button-bg: #000000;--q-button-text: #ffffff;--q-active-color: #E30613;--q-shadow-color: rgba(0, 0, 0, .1)}.q-maillot-section{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:4rem 0 6rem;overflow:hidden;background-color:var(--q-background-color);color:var(--q-text-color)}.q-maillot-section.no-animations *,.q-maillot-section.no-animations *:before,.q-maillot-section.no-animations *:after{animation:none!important;transition:none!important;transform:none!important}.q-maillot-container{position:relative;width:100%;max-width:1400px;margin:0 auto;height:auto;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem}.q-maillot-logo{position:absolute;z-index:1;left:50%;transform:translate(-50%) translateY(-80px);opacity:0;transition:transform .5s ease-out,opacity 0s}.q-maillot-logo img{width:100%;height:auto;display:block}.q-maillot-display{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:6rem;width:100%;padding:0 3rem}.q-maillot-front,.q-maillot-back{width:auto;max-width:35%;transform:scale(.9);position:relative;transition:transform .3s ease-out,filter .3s ease-out;perspective:1000px}.q-maillot-front:hover,.q-maillot-back:hover{transform:scale(1.05) translateY(-15px) rotateY(-5deg)!important;z-index:5;cursor:pointer;animation:none!important}.q-maillot-front img,.q-maillot-back img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 15px var(--q-shadow-color));transition:filter .3s ease-out}.q-maillot-front:hover img,.q-maillot-back:hover img{filter:drop-shadow(0 20px 30px var(--q-shadow-color))}.q-stock-counter{margin-top:10px;font-size:.9rem;opacity:.7;color:var(--q-text-color)}.q-stock-counter .stock-count{font-weight:700;color:var(--q-active-color)}.q-maillot-actions{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;transform:translateY(80px);opacity:0;transition:transform .5s ease-out,opacity 0s;width:100%;margin-bottom:20px}.q-maillot-sizes{display:flex;justify-content:space-between;gap:1.2rem;margin-bottom:.3rem}.q-maillot-sizes.centered{justify-content:center}.q-maillot-size-btn{width:var(--button-size, 60px);height:var(--button-size, 60px);border-radius:50%;background-color:var(--q-button-bg);color:var(--q-button-text);border:none;font-weight:700;font-size:calc(var(--button-size, 60px) * .35);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;position:relative;overflow:hidden}.q-maillot-size-btn:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#fff3,#fff0 70%);top:-50%;left:-50%;transform:scale(0);transition:transform .3s ease-out;border-radius:50%}.q-maillot-size-btn:hover{transform:scale(1.05)}.q-maillot-size-btn:hover:before{transform:scale(3)}.q-maillot-size-btn.active{background-color:var(--active-color, var(--q-active-color));box-shadow:0 0 0 3px #e306134d;transform:scale(1.15);z-index:2}.q-maillot-size-btn.active:after{content:"\2713";position:absolute;top:-8px;right:-3px;font-size:14px;background-color:var(--q-background-color);color:var(--active-color, var(--q-active-color));width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;animation:bounce .5s ease-out}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.q-button-wrapper{width:100%;display:flex;justify-content:center}.q-button-wrapper.centered{justify-content:center}.q-maillot-buy-btn{padding:0 1rem;background-color:#000;color:var(--q-button-text);border:none;border-radius:50px;font-weight:700;font-size:1.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:3px;transition:transform .2s ease-out,background-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out;position:relative;overflow:hidden;box-shadow:0 4px 15px var(--q-shadow-color);width:100%}.q-maillot-buy-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--q-shadow-color)}.q-maillot-buy-btn.error-state{background-color:var(--active-color, var(--q-active-color));animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}to{transform:translate(0)}}.q-maillot-buy-btn .default-text,.q-maillot-buy-btn .error-text{position:absolute;left:0;right:0;transition:opacity .3s ease-out,transform .3s ease-out;width:100%;text-align:center;line-height:1;top:50%;transform:translateY(-50%)}.q-maillot-buy-btn .default-text{opacity:1}.q-maillot-buy-btn .error-text{opacity:0;transform:translateY(20px) translate(0)}.q-maillot-buy-btn.error-state .default-text{opacity:0;transform:translateY(-20px) translate(0)}.q-maillot-buy-btn.error-state .error-text{opacity:1;transform:translateY(-50%) translate(0)}.logo-animated{transform:translate(-50%) translateY(0)!important;opacity:1!important}.actions-animated{transform:translateY(0)!important;opacity:1!important}.jersey-float{animation:float 3s ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(0) scale(.9)}to{transform:translateY(-15px) scale(.9)}}.q-maillot-section[data-preset=minimal] .q-maillot-size-btn,.q-maillot-section[data-preset=minimal] .q-maillot-buy-btn{border-radius:5px}.q-maillot-section[data-preset=premium] .q-maillot-size-btn{border:1px solid rgba(255,255,255,.2)}.q-maillot-section[data-preset=premium] .q-maillot-buy-btn{box-shadow:0 5px 20px #0003}@media screen and (max-width: 768px){.q-maillot-section{padding:2rem 0 4rem}.q-maillot-container{padding:0 .5rem}.q-maillot-display{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0;justify-items:center;align-items:center;margin-bottom:var(--mobile-margin, 15px)}.q-maillot-front,.q-maillot-back{max-width:100%;width:100%;transform:scale(var(--mobile-scale, .7))}.q-maillot-logo{width:var(--mobile-width, 60%)!important;top:var(--mobile-top, 0px)!important}.q-maillot-actions{max-width:100%;width:100%;gap:var(--mobile-spacing, 15px)}.q-maillot-sizes{max-width:100%;width:var(--mobile-width, 75%)!important;gap:calc(var(--mobile-button-gap, 5) * 1px)}.q-maillot-size-btn{width:var(--mobile-button-size, 20px);height:var(--mobile-button-size, 20px);font-size:calc(var(--mobile-button-size, 20px) * .4);min-width:0;min-height:0;padding:0}.q-maillot-size-btn:hover{transform:none}.q-maillot-size-btn:hover:before{transform:none}.q-maillot-size-btn.active{box-shadow:0 0 0 1px #e306134d;transform:scale(1.05)}.q-maillot-size-btn.active:after{font-size:8px;top:-3px;right:-1px;width:10px;height:10px}.q-maillot-buy-btn{padding:0 .5rem;font-size:1.1rem;height:var(--mobile-height, 40px)!important;width:var(--mobile-width, 100%)!important;box-shadow:none;letter-spacing:1px}.q-button-wrapper{width:var(--mobile-width, 100%)!important}.q-maillot-buy-btn:hover{transform:none;box-shadow:none}@keyframes float{0%{transform:translateY(0) scale(var(--mobile-scale, .7))}to{transform:translateY(-8px) scale(var(--mobile-scale, .7))}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/q-maillot.css.map */