body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;color:#fff;overflow-x:hidden;margin:0;padding:0}.app-header{background-color:#000;padding:15px 0;position:fixed;top:0;left:0;right:0;z-index:1000}.header-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo-container{height:50px;display:flex;align-items:center}.logo{height:100%;width:auto;max-width:180px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:40px}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-links a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;position:relative;padding:5px 0}.nav-links a:hover,.nav-links a.active{color:#94d509}.nav-icon{color:#fff;font-size:20px;text-decoration:none;transition:color .3s ease;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;position:relative;padding:4px}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#94d509}.nav-actions{display:flex;align-items:center;gap:20px}.nav-icon:hover{color:#94d509}.menu-toggle{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;display:none;padding:5px;margin-left:10px}.cart-button{position:relative}.cart-button:focus-visible{outline:2px solid #94D509;outline-offset:4px}.cart-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#b8ff3b,#6fe602);color:#081000;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;letter-spacing:.6px;box-shadow:0 6px 16px #94d50973}@media (max-width: 992px){.nav-links{display:none}.menu-toggle{display:block}.header-container{padding:0 20px}}.app{padding-top:80px}.app{display:flex;min-height:100vh;background:#000;padding-top:90px}.canvas-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;background-image:url(/assets/jersey-bg%201-BAMINN4m.png);background-position:center;background-repeat:no-repeat;position:sticky;top:90px;height:calc(100vh - 90px);overflow:hidden}.canvas-capture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;pointer-events:all;cursor:wait}.canvas-capture-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ebf9c6;letter-spacing:1.6px;text-transform:uppercase;font-size:12px}.capture-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(148,213,9,.25);border-top-color:#94d509;animation:capture-spin .9s linear infinite}@keyframes capture-spin{to{transform:rotate(360deg)}}.view-toggle{display:flex;gap:18px;margin:28px 0 22px;background:linear-gradient(135deg,#0f0f0ff2,#1e1e1ed9);padding:14px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #00000073;justify-content:center;align-items:center}.view-btn{display:flex;align-items:center;gap:16px;padding:16px 22px;background:#ffffff0a;color:#c7c7c7;border:1px solid rgba(255,255,255,.08);border-radius:18px;cursor:pointer;transition:all .28s ease;min-width:210px;position:relative;overflow:hidden}.view-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 65%);opacity:0;transition:opacity .3s ease}.view-btn:hover{color:#f5f5f5;border-color:#ffffff2e;transform:translateY(-3px)}.view-btn:hover:after{opacity:1}.view-btn.active{background:linear-gradient(135deg,#b8ff3b,#6fe602);border-color:#94d50999;color:#0c1200;box-shadow:0 18px 30px #94d50973}.view-btn.active:after{background:radial-gradient(circle at top,rgba(255,255,255,.45),transparent 70%);opacity:1}.view-thumb{width:54px;height:54px;border-radius:14px;background:linear-gradient(160deg,#ffffff1a,#14141466);position:relative;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 12px #ffffff0d,inset 0 -4px 12px #00000059}.view-thumb:before{content:"";width:36px;height:36px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.view-thumb.front:before{background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='16'%20y='10'%20width='32'%20height='44'%20rx='8'%20fill='%23F5F5F5'/%3e%3crect%20x='16'%20y='24'%20width='32'%20height='12'%20fill='%23E53E3E'/%3e%3crect%20x='16'%20y='40'%20width='32'%20height='8'%20fill='%231E3A8A'/%3e%3cpath%20d='M16%2018L11%2022L16%2026V18Z'%20fill='%23F5F5F5'/%3e%3cpath%20d='M48%2018L53%2022L48%2026V18Z'%20fill='%23F5F5F5'/%3e%3crect%20x='24'%20y='10'%20width='16'%20height='6'%20rx='3'%20fill='%231E3A8A'/%3e%3c/svg%3e")}.view-thumb.back:before{background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='16'%20y='10'%20width='32'%20height='44'%20rx='8'%20fill='%23E2E8F0'/%3e%3crect%20x='16'%20y='24'%20width='32'%20height='12'%20fill='%231E3A8A'/%3e%3crect%20x='16'%20y='40'%20width='32'%20height='8'%20fill='%232D3748'/%3e%3cpath%20d='M16%2018L11%2022L16%2026V18Z'%20fill='%23E2E8F0'/%3e%3cpath%20d='M48%2018L53%2022L48%2026V18Z'%20fill='%23E2E8F0'/%3e%3crect%20x='24'%20y='10'%20width='16'%20height='6'%20rx='3'%20fill='%232D3748'/%3e%3crect%20x='25'%20y='28'%20width='14'%20height='12'%20fill='%230F172A'/%3e%3cpath%20d='M27%2030H37L34.5%2037H29.5L27%2030Z'%20fill='%23CBD5F5'/%3e%3c/svg%3e")}.view-btn.active .view-thumb{background:#ffffff2e;box-shadow:inset 0 6px 14px #ffffff59,inset 0 -4px 10px #00000040}.view-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.view-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px}.view-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;opacity:.7}.shirt-canvas-container{display:flex;align-items:center;justify-content:center;flex:1;width:100%;position:relative;overflow:hidden;cursor:grab;transition:opacity .25s ease}.shirt-canvas-container:active{cursor:grabbing}.shirt-canvas-container canvas{display:block;max-width:100%;max-height:100%}.canvas-container{position:relative}canvas{outline:none}.zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;background:#000000b3;padding:8px;border-radius:8px;box-shadow:0 2px 10px #0000004d;z-index:10}.zoom-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zoom-btn:hover{background:#fff3;transform:scale(1.05)}.zoom-btn:active{transform:scale(.95)}.zoom-level{color:#fff;font-size:12px;text-align:center;margin-top:4px;font-weight:500;opacity:.8}.view-selector-top{position:absolute;top:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:10}.view-icon-top{width:55px;height:55px;background-color:#32323299;border:3px solid rgba(80,80,80,.8);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-icon-top:hover{border-color:#94d509;background-color:#464646cc}.view-icon-top.active{border-color:#94d509;background-color:#cddc3926;box-shadow:0 0 20px #cddc3980}.view-icon-inner{width:28px;height:28px;background-color:#555;border-radius:2px;transition:all .3s ease}.view-icon-top.active .view-icon-inner{background-color:#94d509}.view-icon-top:hover .view-icon-inner{background-color:#888}.template-selector{display:flex;gap:25px;padding:30px 40px;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;justify-content:center}.template-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:12px 18px;border:3px solid rgba(80,80,80,.6);border-radius:4px;transition:all .3s ease;background-color:#1e1e1ecc;min-width:90px}.template-item:hover{border-color:#787878cc;background-color:#323232cc;transform:translateY(-3px)}.template-item.active{border-color:#94d509;background-color:#cddc3914;box-shadow:0 0 25px #cddc3966}.template-item span{font-size:8px;font-weight:700;color:#888;letter-spacing:1px;text-transform:uppercase;text-align:center;white-space:nowrap}.template-item.active span{color:#94d509}.template-preview{width:55px;height:75px;border-radius:4px;border:2px solid rgba(255,255,255,.08);box-shadow:0 4px 10px #00000080;transition:all .3s ease}.template-item:hover .template-preview{transform:scale(1.08);box-shadow:0 6px 15px #000000b3}.template-item.active .template-preview{border-color:#94d509;box-shadow:0 0 20px #cddc3999}.control-panel{width:420px;background:linear-gradient(180deg,#000000f5,#0a0a0aeb);border-left:1px solid #1a1a1a;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;position:sticky;top:90px;height:calc(100vh - 90px)}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track{background:#1a1a1a}.control-panel::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover{background:#94d509}.panel-header{position:sticky;top:0;z-index:2;padding:18px 24px;border-bottom:1px solid #1a1a1a;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title{font-size:22px;font-weight:700;color:#94d509;letter-spacing:2.5px;margin-bottom:8px;text-transform:uppercase}.price{display:flex;align-items:baseline;gap:6px}.price .amount{font-size:28px;font-weight:700;color:#fff}.price .unit{font-size:13px;color:#666;font-weight:400}.color-controls{display:flex;flex-direction:column;gap:12px;padding:8px 24px 0}.color-picker-section{background:linear-gradient(180deg,#14141499,#0f0f0f66);border:1px solid #222;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #00000059}.color-picker-header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 14px 16px;background-color:transparent;cursor:pointer;transition:background-color .3s ease}.color-picker-header:hover{background-color:transparent}.color-picker-label{font-size:11px;font-weight:700;color:#94d509;letter-spacing:2px;text-transform:uppercase}.expand-icon{color:#666;font-size:11px;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg);color:#94d509}.color-palette{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;padding:14px 16px 16px;background-color:transparent}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.color-swatch:hover{transform:scale(1.15);border-color:#94d509;box-shadow:0 0 10px #cddc3980}.color-swatch.selected{border-color:#00bcd4;box-shadow:0 0 15px #00bcd4cc;transform:scale(1.1);position:relative}.color-swatch.selected:after{content:"";position:absolute;top:-5px;right:-5px;width:20px;height:20px;background-color:#00bcd4;border-radius:50%;display:flex;align-items:center;justify-content:center}.selected-indicator{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background-color:#00bcd4;border-radius:50%;color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;text-shadow:none}.theme-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:15px;background-color:#1a1a1a;border-radius:6px;border:1px solid #2a2a2a}.theme-btn{padding:12px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;border-radius:6px;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.theme-btn:hover{background:linear-gradient(135deg,#94d509,#a0b030);border-color:#94d509;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #cddc394d}.logo-upload-section{display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#141414e6,#1e1e1eb3);padding:18px 24px;border-radius:10px;border:1px solid #2a2a2a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 25px #0006;margin:0 24px}.logo-instructions{background-color:#94d5091a;border:1px solid rgba(148,213,9,.3);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:5px}.instruction-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#ccc}.instruction-icon{font-size:16px;min-width:24px;text-align:center}.instruction-text{font-weight:500;letter-spacing:.5px;line-height:1.4}.logo-upload-wrapper{display:flex;flex-direction:column;gap:8px}.logo-upload-label{font-size:9px;font-weight:700;color:#94d509;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.logo-upload-label:before{content:"";width:3px;height:3px;background-color:#94d509;border-radius:50%}.logo-upload-zone{position:relative;width:100%;height:140px;background-color:#0000004d;border:2px dashed #444;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.logo-upload-zone:hover{border-color:#94d509;background-color:#94d5090d;box-shadow:0 0 20px #94d50933}.logo-upload-zone.dragging{border-color:#94d509;background-color:#94d5091a;box-shadow:0 0 30px #94d5094d;transform:scale(1.02)}.logo-upload-zone.has-logo{border-style:solid;border-color:#555}.logo-upload-zone.has-logo:hover{border-color:#94d509}.logo-upload-input{display:none}.logo-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#666;pointer-events:none}.upload-icon{color:#666;transition:all .3s ease}.logo-upload-zone:hover .upload-icon{color:#94d509;transform:translateY(-3px)}.upload-text{display:flex;flex-direction:column;align-items:center;gap:4px}.upload-main{font-size:12px;font-weight:600;color:#888;letter-spacing:.5px;text-transform:uppercase}.upload-sub{font-size:10px;color:#666;font-weight:400}.upload-icon-small{color:#555;opacity:.6}.logo-upload-zone:hover .upload-icon-small{color:#94d509;opacity:1;transform:scale(1.1)}.logo-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-preview-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;transition:all .3s ease}.logo-upload-zone:hover .logo-preview-image{opacity:.7;transform:scale(.95)}.logo-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#ce1126e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;transform:scale(.8);z-index:10;box-shadow:0 2px 8px #0000004d}.logo-upload-zone:hover .logo-remove-btn{opacity:1;transform:scale(1)}.logo-remove-btn:hover{background-color:red;transform:scale(1.1);box-shadow:0 4px 12px #ff000080}.logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:all .3s ease;color:#94d509;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;pointer-events:none}.logo-upload-zone:hover .logo-overlay{opacity:1}.jersey-customization{display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#141414e6,#1e1e1eb3);padding:18px 24px;border-radius:10px;border:1px solid #2a2a2a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 25px #0006;margin:0 24px}.customization-section{background-color:#0000004d;padding:14px;border-radius:8px;border:1px solid #333;transition:all .3s ease}.customization-section:hover{border-color:#444;background-color:#0006}.section-subtitle{font-size:9px;font-weight:700;color:#94d509;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #333;display:flex;align-items:center;gap:6px}.section-subtitle:before{content:"";width:3px;height:3px;background-color:#94d509;border-radius:50%}.customization-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.control-group{display:flex;flex-direction:column;gap:5px;min-width:0}.control-label{font-size:9px;font-weight:600;color:#aaa;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}.font-select{padding:7px 9px;background-color:#0006;border:1px solid #444;border-radius:5px;color:#fff;font-size:10px;transition:all .3s ease;outline:none;cursor:pointer;font-family:inherit;width:100%}.font-select:hover{border-color:#555;background-color:#00000080}.font-select:focus{border-color:#94d509;background-color:#94d5091a;box-shadow:0 0 0 2px #94d50933}.font-select option{background-color:#1a1a1a;color:#fff;padding:6px}.color-input-group{display:flex;gap:6px;align-items:center;min-width:0}.color-picker{width:36px;height:28px;border:1px solid #444;border-radius:5px;cursor:pointer;background:none;padding:0;overflow:hidden;transition:all .3s ease}.color-picker:hover{border-color:#555;transform:scale(1.05)}.color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:4px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-text-input{flex:1 1 auto;width:100%;padding:6px 8px;background-color:#0006;border:1px solid #444;border-radius:5px;color:#fff;font-size:10px;font-family:Courier New,monospace;transition:all .3s ease;outline:none;text-transform:uppercase}.color-text-input:hover{border-color:#555;background-color:#00000080}.color-text-input:focus{border-color:#94d509;background-color:#94d5091a;box-shadow:0 0 0 2px #94d50933}.color-text-input::placeholder{color:#666;font-size:9px;text-transform:none}.color-presets{background:linear-gradient(180deg,#0f0f0fcc,#0a0a0a99);padding:12px 16px;border-radius:8px;border:1px solid #333;transition:all .3s ease;margin:0 24px}.color-presets:hover{border-color:#444;background-color:#0006}.preset-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.preset-color{width:100%;height:28px;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000004d}.preset-color:hover{transform:scale(1.08);border-color:#94d509;box-shadow:0 4px 8px #94d50966}.preset-color.active{border-color:#94d509;box-shadow:0 0 0 2px #94d50999;transform:scale(1.12)}.preset-color.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:12px;text-shadow:0 0 2px rgba(255,255,255,.9);z-index:1}.contact-form{display:flex;flex-direction:column;gap:12px;padding:0 24px}.form-title{font-size:12px;font-weight:700;color:#94d509;letter-spacing:2.5px;margin-bottom:10px;text-transform:uppercase}.form-input{padding:10px 12px;background-color:#0006;border:1px solid #444;border-radius:5px;color:#fff;font-size:11px;transition:all .3s ease;outline:none;font-family:inherit}.form-input::placeholder{color:#666;font-size:10px}.form-input:hover{border-color:#555;background-color:#00000080}.form-input:focus{border-color:#94d509;background-color:#94d5091a;box-shadow:0 0 0 2px #94d50933}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:10px;position:sticky;bottom:0;z-index:2;padding:14px 24px 18px;background:linear-gradient(180deg,#0003,#000000d9,#000000f2);border-top:1px solid #1f1f1f;box-shadow:0 -6px 20px #00000080}.btn{padding:15px 24px;border:none;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#94d509,#a0b030);color:#000;box-shadow:0 4px 15px #cddc394d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #cddc3980}.btn-secondary{background:transparent;border:2px solid #ffffff;color:#fff}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px);border-color:#fff}.btn-download{background:linear-gradient(135deg,#666,#444);color:#fff;border:1px solid #555}.btn-download:hover{background:linear-gradient(135deg,#777,#555);transform:translateY(-2px)}@media (max-width: 1200px){.app{flex-direction:column}.canvas-section{width:100%}.control-panel{width:100%;border-left:none;border-top:1px solid #2a2a2a}.color-palette{grid-template-columns:repeat(8,1fr)}}@media (max-width: 768px){.canvas-container canvas{max-width:100%;height:auto}.control-panel{padding:20px}.color-palette{grid-template-columns:repeat(6,1fr)}.template-selector{gap:10px}.template-item{padding:5px}.template-item svg{width:50px;height:65px}.theme-presets{grid-template-columns:1fr}}@media (max-width: 480px){.canvas-section{padding:20px}.title{font-size:20px}.price .amount{font-size:24px}.color-palette{grid-template-columns:repeat(5,1fr);gap:6px}.color-swatch{width:25px;height:25px}.view-toggle{gap:10px;margin:20px 0 15px}.view-btn{padding:12px 20px;min-width:100px}.view-icon{font-size:20px}.view-text{font-size:10px}.customization-controls{grid-template-columns:1fr;gap:10px}.preset-colors{grid-template-columns:repeat(3,1fr)}.color-input-group{flex-direction:column;gap:6px}.color-picker{width:100%;height:40px}.logo-upload-zone{height:120px}}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;justify-content:flex-end;align-items:stretch;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-panel{width:min(420px,90vw);background:linear-gradient(180deg,#121212fa,#080808f0);border-left:1px solid rgba(148,213,9,.18);box-shadow:-28px 0 60px #0009;padding:28px 26px;overflow-y:auto;position:relative}.cart-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:sticky;top:0;background:inherit;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.05);z-index:1}.cart-panel-title{font-size:18px;letter-spacing:2.4px;color:#ebf9c6}.cart-panel-subtitle{display:block;margin-top:6px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#ebf9c6b3}.cart-close-btn{background:none;border:none;color:#f5f5f5;cursor:pointer;border-radius:50%;padding:6px;transition:background .2s ease,transform .2s ease}.cart-close-btn:hover{background:#94d50926;color:#b8ff3b;transform:rotate(90deg)}.cart-empty{padding:40px 0;text-align:center;color:#aaa;font-size:13px;line-height:1.7}.cart-list{display:flex;flex-direction:column;gap:24px}.cart-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 45px #00000073}.cart-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cart-item-header h3{font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:#fff}.cart-item-date{font-size:11px;color:#ffffff80}.cart-item-body{display:flex;gap:16px;align-items:flex-start}.cart-item-preview{flex:0 0 120px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0006;position:relative;display:flex;align-items:center;justify-content:center}.cart-item-preview img{width:100%;height:auto;display:block}.cart-item-preview-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cart-preview-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#081000d9;color:#b8ff3b;padding:4px 10px;border-radius:999px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;box-shadow:0 6px 14px #94d50959}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:16px}.cart-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.cart-meta-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#ffffff80;display:block;margin-bottom:4px}.cart-meta-value{font-size:13px;color:#f5f5f5;letter-spacing:.4px}.cart-section h4{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#94d509;margin-bottom:10px}.cart-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cart-color-item{display:flex;align-items:center;gap:10px;background:#ffffff08;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.05)}.cart-color-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 14px #00000059}.cart-logo-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cart-logo-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.cart-item-actions{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.cart-item-price{font-size:16px;font-weight:600;color:#b8ff3b}.cart-remove-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;transition:all .2s ease}.cart-remove-btn:hover{background:#ff000026;border-color:#ff000059;color:#ffb8b8}.cart-panel-footer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.cart-total-row{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:#f5f5f5;letter-spacing:.6px}.cart-footer-note{margin-top:12px;font-size:11px;color:#ffffff8c;line-height:1.6}.muted{color:#fff6}.cart-panel::-webkit-scrollbar{width:8px}.cart-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.cart-panel::-webkit-scrollbar-thumb{background:#94d50966;border-radius:10px}.cart-panel::-webkit-scrollbar-thumb:hover{background:#94d50999}.cart-item-body{flex-wrap:wrap}.cart-item-preview{min-width:120px}@media (max-width: 600px){.cart-panel{width:min(100%,420px);padding:24px 18px}.cart-item-body{flex-direction:column}.cart-item-preview{width:100%}}.theme-swal-popup{background:radial-gradient(circle at top,#191919f5,#0a0a0aeb)!important;border:1px solid rgba(148,213,9,.25);border-radius:22px!important;padding:30px 26px!important;box-shadow:0 28px 60px #000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theme-swal-title{color:#ebf9c6!important;font-size:20px!important;text-transform:uppercase;letter-spacing:2.4px;margin-top:12px!important}.theme-swal-text{color:#d9d9d9!important;font-size:13px;letter-spacing:.4px;line-height:1.6;margin-top:10px}.theme-swal-confirm{display:inline-flex!important;align-items:center;justify-content:center;padding:12px 28px!important;border-radius:14px!important;background:linear-gradient(135deg,#b8ff3b,#6fe602)!important;color:#081000!important;font-weight:700!important;letter-spacing:2px;text-transform:uppercase;box-shadow:0 12px 30px #94d50973;transition:transform .2s ease,box-shadow .2s ease;border:none!important}.theme-swal-confirm:hover{transform:translateY(-2px);box-shadow:0 16px 34px #94d5098c}.theme-swal-confirm:active{transform:translateY(0);box-shadow:0 8px 18px #94d50973}.theme-swal-cancel{display:inline-flex!important;align-items:center;justify-content:center;padding:12px 24px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.25)!important;background:#ffffff0d!important;color:#f5f5f5!important;font-weight:600!important;letter-spacing:1.2px;text-transform:uppercase;margin-left:12px!important;transition:background .2s ease,border-color .2s ease}.theme-swal-cancel:hover{background:#ffffff1f!important;border-color:#ffffff59!important}.theme-swal-icon.swal2-icon{border:3px solid rgba(148,213,9,.5)!important;color:#94d509!important;box-shadow:0 0 20px #94d50959}.theme-swal-icon .swal2-icon-content{color:#94d509!important}.shopify-cart-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;font-size:16px;font-weight:600;letter-spacing:1px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%}.shopify-cart-btn.idle{background:linear-gradient(135deg,#94d509,#7ab307);color:#1a1a1a}.shopify-cart-btn.idle:hover{transform:translateY(-2px);box-shadow:0 5px 20px #94d50966}.shopify-cart-btn.loading{background:linear-gradient(135deg,#7ab307,#94d509);color:#1a1a1a;cursor:wait}.shopify-cart-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.shopify-cart-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.shopify-cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.shopify-cart-btn .spinner{width:16px;height:16px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin-button .8s linear infinite}@keyframes spin-button{to{transform:rotate(360deg)}}:root{--primary-color: #CDDC39;--bg-dark: #0a0a0a;--bg-medium: #1a1a1a;--bg-light: #2a2a2a;--text-primary: #ffffff;--text-secondary: #999999;--border-color: #2a2a2a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:NHL Ottawa;src:url(/assets/nhl-ottawa-C3w6a7Fw.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NHL Ottawa Alternate;src:url(/assets/nhl-ottawa-alternate-mLhcx91q.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NHL NY Rangers;src:url(/assets/nhl-ny-rangers-DxnNYhwg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NHL NY Rangers Outline;src:url(/assets/nhl-ny-rangers-outline-BJ4ZfNQB.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NHL New Jersey;src:url(/assets/nhl-new-jersey-Bq4HtsmE.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NHL Nashville;src:url(/assets/nhl-nashville-DHcoeHIF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NHL Minnesota Alternate;src:url(/assets/nhl-minnesota-alternate-D2JsTP_m.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}button,input{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-medium)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a0b030}::selection{background-color:var(--primary-color);color:#000}::-moz-selection{background-color:var(--primary-color);color:#000}