.ball-configurator-section,.ball-configurator-section *{margin:0;padding:0;box-sizing:border-box}.ball-configurator-section{font-family:Inter,Arial,sans-serif;color:#141414;background:#fff}.ball-configurator-section .configurator{max-width:1200px!important;margin:0 auto!important;padding:24px 20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:36px!important;align-items:start!important}@media(max-width:900px){.ball-configurator-section .configurator{grid-template-columns:1fr!important;gap:0!important;padding:16px!important}.ball-configurator-section .preview-area{position:relative;top:auto;z-index:10;width:100%;max-width:320px;height:320px;margin:0 auto 16px;aspect-ratio:1!important;background:#f8f8f8}.ball-configurator-section .controls{background:#fff;position:relative;z-index:1}}.ball-configurator-section .preview-area{background:#f8f8f8!important;border-radius:8px!important;aspect-ratio:1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;position:sticky!important;top:24px!important;align-self:start!important}.ball-configurator-section .preview-area canvas{width:100%!important;height:100%!important;display:block!important}.ball-configurator-section .controls{display:flex!important;flex-direction:column!important;gap:16px!important}.ball-configurator-section .controls h1{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.ball-configurator-section .controls .price{font-size:20px;font-weight:600;margin-top:-8px;color:#141414}.ball-configurator-section .section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:#666}.ball-configurator-section .color-swatches{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.ball-configurator-section .color-swatch{width:32px!important;height:32px!important;border-radius:50%!important;cursor:pointer!important;border:1px solid #eaeaea!important;transition:all .15s!important;position:relative!important;box-shadow:inset 0 0 0 2px #fff!important;display:inline-block!important;flex-shrink:0!important;overflow:hidden!important;text-indent:-9999px!important;font-size:0!important}.ball-configurator-section .color-swatch:hover{border-color:#999}.ball-configurator-section .color-swatch.active{border-color:#141414}.ball-configurator-section .color-swatch .tooltip{position:absolute!important;bottom:110%!important;left:50%!important;transform:translate(-50%)!important;background:#141414!important;color:#fff!important;font-size:10px!important;padding:3px 7px!important;border-radius:4px!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:opacity .15s!important;z-index:10!important;text-indent:0!important}.ball-configurator-section .color-swatch:hover .tooltip{opacity:1!important}.ball-configurator-section .size-options{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.ball-configurator-section .size-btn{padding:8px 14px;border:1.5px solid #d0d0d0;border-radius:6px;background:#fff;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;line-height:1.3}.ball-configurator-section .size-btn:hover{border-color:#999}.ball-configurator-section .size-btn.active{border-color:#141414;background:#141414;color:#fff}.ball-configurator-section .product-tab{padding:8px 14px;border:1.5px solid #d0d0d0;border-radius:6px;background:#fff;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;line-height:1.3;white-space:nowrap}.ball-configurator-section .product-tab:hover{border-color:#999}.ball-configurator-section .product-tab.active{border-color:#141414;background:#141414;color:#fff}.ball-configurator-section .size-btn .cm{display:block;font-size:10px;font-weight:400;opacity:.7}.ball-configurator-section .display-select{width:100%;padding:10px 14px;border:1.5px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:13px;background:#fff;cursor:pointer;outline:none}.ball-configurator-section .display-select:focus{border-color:#141414}.ball-configurator-section .display-note{font-size:11px;color:#999;margin-top:4px}.ball-configurator-section .display-surcharge{font-size:11px;color:#c62828;font-weight:600;margin-top:4px;display:none}.ball-configurator-section .text-controls{display:flex;flex-direction:column;gap:8px}.ball-configurator-section .text-area{width:100%;padding:10px 14px;border:1.5px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s;resize:none;min-height:60px}.ball-configurator-section .text-area:focus{border-color:#141414}.ball-configurator-section .text-area::placeholder{color:#aaa}.ball-configurator-section .text-options{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}.ball-configurator-section .text-options select{padding:6px 10px;border:1.5px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:12px;background:#fff;cursor:pointer}.ball-configurator-section .text-options input[type=color]{width:32px;height:32px;padding:1px;border:1.5px solid #d0d0d0;border-radius:6px;cursor:pointer}.ball-configurator-section .text-options label{font-size:11px;color:#666}.ball-configurator-section .text-options input[type=range]{flex:1;min-width:60px}.ball-configurator-section .upload-area{border:1.5px dashed #c0c0c0;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .15s;position:relative}.ball-configurator-section .upload-area:hover{border-color:#999;background:#fafafa}.ball-configurator-section .upload-area.has-file{border-style:solid;border-color:#97c1ff;background:#f0f6ff}.ball-configurator-section .upload-area input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ball-configurator-section .upload-icon{font-size:24px;margin-bottom:4px}.ball-configurator-section .upload-text{font-size:13px;color:#666}.ball-configurator-section .upload-text strong{color:#141414}.ball-configurator-section .upload-preview{margin-top:8px;display:none;align-items:center;gap:10px;position:relative;z-index:5}.ball-configurator-section .upload-preview img{width:40px;height:40px;object-fit:contain;border-radius:4px}.ball-configurator-section .upload-preview .file-name{font-size:12px;color:#333}.ball-configurator-section .upload-preview .remove-btn{margin-left:auto;background:none;border:none;color:#e00;font-size:12px;cursor:pointer;font-weight:500;position:relative;z-index:10}.ball-configurator-section .file-quality{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:12px;display:none}.ball-configurator-section .file-quality.vector{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.ball-configurator-section .file-quality.lowres{background:#fce4ec;color:#c62828;border:1px solid #ef9a9a}.ball-configurator-section .logo-controls{display:none;flex-direction:column;gap:6px;margin-top:4px}.ball-configurator-section .logo-controls.visible{display:flex}.ball-configurator-section .logo-controls label{font-size:12px;color:#666}.ball-configurator-section .qty-row{display:flex!important;align-items:center!important;gap:16px!important}.ball-configurator-section .qty-controls{display:flex;align-items:center;border:1.5px solid #d0d0d0;border-radius:6px;overflow:hidden}.ball-configurator-section .qty-btn{width:36px;height:36px;border:none;background:#f5f5f5;font-size:18px;font-weight:500;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .15s}.ball-configurator-section .qty-btn:hover{background:#eee}.ball-configurator-section .qty-value{width:48px;height:36px;border:none;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center;font-family:inherit;font-size:14px;font-weight:600;background:#fff}.ball-configurator-section .qty-value::-webkit-inner-spin-button{-webkit-appearance:none}.ball-configurator-section .add-to-cart{width:100%;padding:14px;background:#141414;color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;letter-spacing:.02em}.ball-configurator-section .add-to-cart:hover{background:#333}.ball-configurator-section .export-btn{width:100%;padding:10px;background:#fff;color:#666;border:1.5px solid #d0d0d0;border-radius:6px;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.ball-configurator-section .export-btn:hover{border-color:#999;color:#141414}.ball-configurator-section .divider{border:none;border-top:1px solid #f0f0f0;margin:2px 0}.ball-configurator-section .total-row{display:flex;justify-content:space-between;align-items:center}.ball-configurator-section .total-label{font-size:13px;color:#666}.ball-configurator-section .total-price{font-size:20px;font-weight:700}.ball-configurator-section .clipart-tabs{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin-bottom:8px!important}.ball-configurator-section .clipart-tab{padding:5px 10px;border:1.5px solid #d0d0d0;border-radius:6px;background:#fff;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.ball-configurator-section .clipart-tab:hover{border-color:#999}.ball-configurator-section .clipart-tab.active{border-color:#141414;background:#141414;color:#fff}.ball-configurator-section .clipart-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.ball-configurator-section .clipart-item{aspect-ratio:1!important;border:1.5px solid #e0e0e0!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s!important;padding:6px!important;position:relative!important;background:#fff!important;max-width:100%!important;overflow:hidden!important}.ball-configurator-section .clipart-item:hover{border-color:#999;background:#fafafa}.ball-configurator-section .clipart-item.active{border-color:#141414;background:#f0f6ff;box-shadow:0 0 0 1px #141414}.ball-configurator-section .clipart-item svg{width:100%!important;height:100%!important;max-width:100%!important}.ball-configurator-section .clipart-item .clip-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;color:#999;white-space:nowrap}.ball-configurator-section .clipart-clear{padding:5px 10px;border:1.5px solid #d0d0d0;border-radius:6px;background:#fff;font-family:inherit;font-size:11px;color:#e00;cursor:pointer;margin-left:auto}.ball-configurator-section .clipart-clear:hover{border-color:#e00}.product-option{display:flex!important;gap:4px!important;flex-wrap:wrap!important;align-items:baseline!important}.product-option dt,.product-option dd{display:inline!important;margin:0!important}.product-option dt{font-weight:600!important}.ball-configurator-section .config-tabs{display:flex;gap:2px;margin-bottom:16px}.ball-configurator-section .config-tab{flex:1;padding:9px 8px;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:#999;cursor:pointer;border-radius:6px;transition:all .15s;text-transform:uppercase;letter-spacing:.05em}.ball-configurator-section .config-tab:hover{color:#141414}.ball-configurator-section .config-tab.active{color:#141414;background:#f0f0f0}.ball-configurator-section .config-tab-panel{min-height:120px}.ball-configurator-section .step-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#141414;margin-bottom:2px}.ball-configurator-section .step-label .step-num{display:inline-block;width:20px;height:20px;border-radius:50%;background:#141414;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:20px;margin-right:6px}.ball-configurator-section .pump-addon{border:1.5px solid #d0d0d0;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s}.ball-configurator-section .pump-addon:hover{border-color:#999;background:#fafafa}.ball-configurator-section .pump-addon.selected{border-color:#141414;background:#f0f6ff}.ball-configurator-section .pump-addon input[type=checkbox]{width:18px;height:18px;accent-color:#141414;cursor:pointer;flex-shrink:0}.ball-configurator-section .pump-addon-info{flex:1}.ball-configurator-section .pump-addon-title{font-size:13px;font-weight:600}.ball-configurator-section .pump-addon-desc{font-size:11px;color:#888;margin-top:2px}.ball-configurator-section .pump-addon-price{font-size:14px;font-weight:600;white-space:nowrap}.ball-configurator-section #sportPickerGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:8px!important;margin-top:8px!important}.ball-configurator-section .sport-btn{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:8px 4px!important;border:1.5px solid #ddd!important;border-radius:8px!important;background:#fff!important;cursor:pointer!important;transition:all .15s!important;font-size:11px!important;color:#444!important;text-align:center!important}.ball-configurator-section .sport-btn img{width:56px!important;height:56px!important;object-fit:contain!important;display:block!important}.ball-configurator-section .sport-btn:hover{border-color:#999!important}.ball-configurator-section .sport-btn.active{border-color:#141414!important;background:#f8f8f8!important}.ball-configurator-section .sport-btn span{line-height:1.2!important}
/*# sourceMappingURL=/cdn/shop/t/76/assets/ball-configurator.css.map */