@import"https://fonts.googleapis.com/css2?family=Anton&family=Outfit:wght@300;400;600;800;900&display=swap";:root{--color-primary: #e60000;--color-black: #0a0a0a;--color-white: #f8f8f8;--color-grey-dark: #222222;--color-grey-light: #d1d1d1;--bg-main: var(--color-black);--text-main: var(--color-white);--text-muted: var(--color-grey-light);--nav-height: 80px;--font-main: "Outfit", sans-serif;--transition-fast: .2s ease-out;--transition-smooth: .6s cubic-bezier(.16, 1, .3, 1);--btn-pad-y: 1rem;--btn-pad-x: 3rem}@media(max-width:600px){:root{--btn-pad-x: 1.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-main);overflow-x:hidden;touch-action:pan-y;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}button{border:none;background:none;font:inherit;cursor:pointer}input,select,textarea{font:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:0 0 0 1000px var(--color-black) inset!important;box-shadow:0 0 0 1000px var(--color-black) inset!important;-webkit-text-fill-color:var(--color-white)!important;caret-color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 5%}.title-xl{font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.9;text-transform:uppercase}.title-lg{font-size:clamp(2rem,5vw,4rem);font-weight:800;text-transform:uppercase;margin-bottom:2rem}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.font-bold{font-weight:700}.font-mono{font-family:monospace;color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);color:var(--color-white);padding:var(--btn-pad-y) var(--btn-pad-x);font-weight:800;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-radius:4px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn-primary:hover{background-color:#ff1a1a;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--color-white);border:1px solid var(--color-grey-dark);padding:1rem 2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-primary);background-color:var(--color-primary)}.sold-out-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);background-color:var(--color-primary);color:var(--color-white);padding:.5rem 1.5rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;z-index:10;text-align:center;box-shadow:0 0 0 4px var(--color-black);font-size:1.5rem}@media(max-width:768px){.sold-out-badge{padding:.35rem .7rem;letter-spacing:.03em;font-size:.85rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-black)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s!important}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;padding:4rem 1.5rem;color:var(--text-muted)}.empty-state-icon{width:72px;height:auto;color:var(--text-muted);opacity:.85}.empty-state-message{font-size:1.2rem;font-weight:600;color:var(--color-white);max-width:22rem;line-height:1.5}.empty-state-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:0}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100vh;background-color:var(--color-black);border-left:1px solid rgba(255,255,255,.1);z-index:1001;display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform .3s ease-out,visibility .3s ease-out}.cart-drawer.open{transform:translate(0);visibility:visible}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.cart-header h2{font-size:1.5rem;font-weight:800;text-transform:uppercase;margin:0}.cart-close-btn{color:var(--color-white);transition:color var(--transition-fast),transform var(--transition-fast)}.cart-close-btn:hover{color:var(--color-primary);transform:rotate(90deg)}.cart-items{flex-grow:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.cart-item{display:flex;gap:1rem}.cart-item-img-container{width:100px;height:100px;background-color:var(--color-grey-dark);border-radius:4px;overflow:hidden;flex-shrink:0}.cart-item-img-container img{width:100%;height:100%;object-fit:cover}.cart-item-details{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;gap:.5rem}.cart-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cart-item-top h4{font-size:.95rem;font-weight:700;margin:0;line-height:1.3}.cart-item-remove{color:var(--text-muted)}.cart-item-remove:hover{color:var(--color-primary)}.cart-item-meta{font-size:.8rem;color:var(--text-muted)}.cart-item-bottom{display:flex;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.2);padding:.3rem .5rem;border-radius:4px}.quantity-controls button{color:var(--color-white)}.quantity-controls button:hover{color:var(--color-primary)}.quantity-controls span{font-size:.9rem;font-weight:600}.cart-item-price{font-weight:700;font-size:1.1rem}.cart-footer{padding:2rem;border-top:1px solid rgba(255,255,255,.1);background-color:var(--color-black)}.cart-subtotal{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:800;margin-bottom:.5rem;text-transform:uppercase}.cart-tax-note{font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem}.btn-checkout{width:100%;background-color:var(--color-primary);color:var(--color-white);padding:1.5rem;border-radius:4px;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast)}.btn-checkout:hover{background-color:var(--color-white);color:var(--color-black)}@media(max-width:767px){.cart-close-btn,.cart-item-remove,.quantity-controls button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.cart-item{align-items:flex-start}.quantity-controls{padding:0;gap:0}.quantity-controls span{padding:0 .5rem}.cart-item-img-container{width:72px;height:72px}.cart-item-bottom{flex-wrap:wrap;row-gap:.4rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background-color:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.05);transition:all var(--transition-fast)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo{font-size:1.8rem;font-weight:900;letter-spacing:-.05em;color:var(--color-white);text-transform:uppercase}.navbar-logo span{color:var(--color-primary)}.navbar-links{display:none;gap:2.5rem}.navbar-links a{font-size:.95rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);position:relative}.navbar-links a:hover{color:var(--color-white)}.navbar-links a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transition:width var(--transition-fast)}.navbar-links a:hover:after{width:100%}.navbar-icons{display:flex;align-items:center;gap:1.2rem;position:relative}.navbar-icons button{color:var(--color-white);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),transform var(--transition-fast)}.navbar-icons button:hover{color:var(--color-primary);transform:scale(1.1)}.navbar-search{display:flex}.navbar-search-form{position:absolute;top:calc(100% + .6rem);right:0;z-index:20}.navbar-search-input{width:220px;max-width:calc(100vw - 2rem);padding:.6rem .9rem;background-color:var(--color-black);border:1px solid var(--color-grey-dark);color:var(--color-white);font-size:.9rem}.navbar-search-input:focus{outline:none;border-color:var(--color-primary)}.cart-btn{position:relative}.cart-count{position:absolute;top:-6px;right:-8px;background-color:var(--color-primary);color:var(--color-white);font-size:.65rem;font-weight:800;height:16px;min-width:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar-icons>a{display:flex;align-items:center;justify-content:center}.nav-mobile-btn{display:flex;align-items:center;justify-content:center;color:var(--color-white)}.user-dropdown-container{position:relative;display:flex;align-items:center;gap:.5rem}.navbar-user-mobile{display:none}.admin-link-btn{display:flex;align-items:center;justify-content:center;color:var(--color-white);transition:color var(--transition-fast),transform var(--transition-fast)}.admin-link-btn:hover{color:var(--color-primary);transform:scale(1.15)}@media(min-width:1024px){.nav-mobile-btn{display:none}.navbar-links{display:flex}}@media(max-width:1023px){.navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#0a0a0af2}.navbar-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#0a0a0afa;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);z-index:999;max-height:calc(100vh - var(--nav-height));overflow-y:auto}.navbar-icons{gap:.35rem}.navbar-icons button,.navbar-icons>a,.admin-link-btn,.nav-mobile-btn{min-width:44px;min-height:44px}.navbar-links.mobile-open a{display:flex;align-items:center;min-height:44px}.navbar-logo{font-size:1.5rem;white-space:nowrap}.navbar-icons .user-dropdown-container{display:none}.navbar-user-mobile{display:flex;flex-direction:column;gap:.25rem;width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.navbar-user-name{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.25rem}.navbar-user-mobile a{display:flex;align-items:center;min-height:44px;gap:.6rem}.navbar-logout-mobile{display:flex;align-items:center;min-height:44px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);text-align:left}}@media(max-width:400px){.navbar-logo{font-size:1.3rem}.navbar-icons{gap:.25rem}}.footer{background-color:var(--color-black);border-top:1px solid rgba(255,255,255,.05);padding:5rem 0 2rem;color:var(--text-muted)}.footer-container{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:4rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{font-size:2.5rem;font-weight:900;color:var(--color-white);letter-spacing:-.05em;margin:0}.footer-logo span{color:var(--color-primary)}.footer-desc{line-height:1.6;max-width:300px}.footer-socials{display:flex;gap:1rem}.footer-socials a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;aspect-ratio:1;border-radius:50%;background-color:#ffffff0d;color:var(--color-white);transition:background-color var(--transition-fast),transform var(--transition-fast)}.footer-socials a:hover{background-color:var(--color-primary);transform:translateY(-3px)}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column h3{color:var(--color-white);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.footer-column a{transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:480px){.footer-links{grid-template-columns:1fr}}.auth-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0006;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease-out,visibility .25s ease-out}.auth-modal-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.auth-marquee-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:1;pointer-events:none;transform:rotate(-15deg);display:flex;align-items:center;opacity:.15}.auth-marquee-track{white-space:nowrap;animation:authMarqueeScroll 40s linear infinite;animation-play-state:paused;display:flex;gap:2rem}.auth-modal-backdrop.open .auth-marquee-track{animation-play-state:running}.auth-marquee-track span{font-size:8rem;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--color-primary);text-transform:uppercase}@keyframes authMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.auth-modal-content{position:relative;z-index:2;opacity:0;transform:translateY(-8px);transition:opacity .25s ease-out,transform .25s ease-out;background-color:var(--color-black);width:90%;max-width:450px;border-radius:12px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #000c,0 0 30px #e5091426;max-height:90vh;overflow-y:auto}.auth-modal-backdrop.open .auth-modal-content{opacity:1;transform:translateY(0)}.auth-modal-content::-webkit-scrollbar{width:6px}.auth-modal-content::-webkit-scrollbar-track{background:transparent}.auth-modal-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.auth-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.auth-close-btn:hover{color:var(--color-white);background-color:#ffffff1a;transform:rotate(90deg)}@media(max-width:767px){.auth-close-btn{min-width:44px;min-height:44px}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;letter-spacing:.05em}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-modal-content .form-group{display:flex;flex-direction:column;gap:.5rem}.password-label-container{display:flex;justify-content:space-between;align-items:center}.forgot-pwd-btn{background:transparent;border:none;color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:opacity var(--transition-fast)}.forgot-pwd-btn:hover{opacity:.8}.auth-modal-content .form-group label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-grey-light);font-weight:600}.auth-modal-content .form-group input{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:6px;color:var(--color-white);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.auth-modal-content .form-group input:focus{outline:none;border-color:var(--color-primary);background-color:#ffffff14}.phone-input-row{display:flex;gap:.5rem;align-items:stretch}.phone-country-select{flex:0 0 8.5rem;min-width:0;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem .6rem;border-radius:6px;color:var(--color-white);font-size:.95rem;font-family:inherit;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.phone-country-select option{background-color:var(--color-dark, #0a0a0a);color:var(--color-white)}.phone-country-select:focus{outline:none;border-color:var(--color-primary);background-color:#ffffff14}.phone-national-input{flex:1 1 auto;min-width:0}.auth-submit{width:100%;margin-top:1rem;padding:1.2rem;font-size:1.1rem}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-switch-btn{background:transparent;border:none;color:var(--color-primary);font-weight:700;margin-left:.5rem;cursor:pointer;text-transform:uppercase;font-size:.9rem;transition:opacity var(--transition-fast)}@media(max-width:480px){.auth-modal-content{padding:2rem 1.5rem}.auth-marquee-track span{font-size:5rem}}.page-fallback{display:flex;align-items:center;justify-content:center;width:100%;min-height:50vh;padding:4rem 0}.page-fallback-spinner{width:40px;height:40px;border:3px solid var(--color-grey-dark);border-top-color:var(--color-primary);border-radius:50%;animation:page-fallback-spin .7s linear infinite}@keyframes page-fallback-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page-fallback-spinner{animation:none;border-color:var(--color-primary);opacity:.6}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;width:100%;min-height:50vh;padding:4rem 1.5rem;color:var(--text-muted)}.error-boundary-message{font-size:1.2rem;font-weight:600;color:var(--color-white);max-width:22rem;line-height:1.5}