@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.ccc-wrapper *,.ccc-wrapper *:before,.ccc-wrapper *:after{box-sizing:border-box}.ccc-wrapper{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f0f0f;position:relative}.ccc-steps{display:flex;align-items:center;margin-bottom:3rem;padding:1.5rem 2rem;background:#fafafa;border-radius:16px;border:1px solid #F0F0F0;overflow-x:auto;gap:0}.ccc-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px;cursor:default;position:relative}.ccc-step-num{width:36px;height:36px;border-radius:50%;background:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:all .25s;border:2px solid transparent}.ccc-step-lbl{font-size:10px;font-weight:500;color:#bbb;text-align:center;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}.ccc-step.active .ccc-step-num{background:#0f0f0f;color:#fff;border-color:#0f0f0f;box-shadow:0 0 0 4px #0f0f0f1a}.ccc-step.active .ccc-step-lbl{color:#0f0f0f;font-weight:600}.ccc-step.done .ccc-step-num{background:linear-gradient(135deg,#1a7a54,#2d9b6f);color:#fff;border-color:transparent}.ccc-step.done .ccc-step-lbl{color:#2d9b6f}.ccc-step-line{flex:1;height:2px;background:linear-gradient(90deg,#e8e8e8,#e8e8e8);min-width:20px;max-width:56px;margin-bottom:20px;border-radius:2px;transition:background .3s}.ccc-panel{display:none}.ccc-panel.active{display:block;animation:ccc-in .3s cubic-bezier(.4,0,.2,1)}@keyframes ccc-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ccc-panel-title{font-size:1.6rem;font-weight:800;margin:0 0 .4rem;color:#0f0f0f;letter-spacing:-.03em}.ccc-panel-sub{font-size:.9rem;color:#888;margin:0 0 1.75rem;font-weight:400}.ccc-actions{display:flex;gap:10px;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #F4F4F4;justify-content:flex-end;flex-wrap:wrap}.ccc-btn{display:inline-flex;align-items:center;gap:8px;padding:.65rem 1.4rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit;letter-spacing:-.01em}.ccc-btn:active{transform:scale(.97)}.ccc-btn-primary{background:#0f0f0f;color:#fff;box-shadow:0 2px 8px #0000002e}.ccc-btn-primary:hover:not(:disabled){background:#2a2a2a;box-shadow:0 4px 16px #00000038;transform:translateY(-1px)}.ccc-btn-primary:disabled{background:#e8e8e8;color:#bbb;cursor:not-allowed;box-shadow:none}.ccc-btn-secondary{background:transparent;color:#666;border:1.5px solid #E0E0E0}.ccc-btn-secondary:hover{background:#f8f8f8;border-color:#ccc;color:#333}.ccc-btn-green{background:linear-gradient(135deg,#1a7a54,#2d9b6f);color:#fff;font-size:.95rem;padding:.75rem 1.75rem;box-shadow:0 4px 14px #2d9b6f4d}.ccc-btn-green:hover{background:linear-gradient(135deg,#166645,#259060);box-shadow:0 6px 20px #2d9b6f66;transform:translateY(-1px)}.ccc-btn-green:disabled{background:#d0d0d0;color:#999;box-shadow:none;cursor:not-allowed;transform:none}.ccc-sub-lbl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:10px}.ccc-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:2rem}.ccc-prod-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:1.5rem 1rem 1.25rem;border:1.5px solid #EEEEEE;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s;text-align:center;position:relative;overflow:hidden}.ccc-prod-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(15,15,15,.03),transparent);opacity:0;transition:opacity .2s}.ccc-prod-card:hover{border-color:#ccc;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.ccc-prod-card:hover:before{opacity:1}.ccc-prod-card.sel{border-color:#0f0f0f;background:#0f0f0f;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ccc-prod-card.sel .ccc-prod-icon,.ccc-prod-card.sel .ccc-prod-name{color:#fff}.ccc-prod-card.sel .ccc-prod-price{color:#fff9}.ccc-prod-icon{color:#ccc;transition:color .2s;width:52px;height:52px}.ccc-prod-icon svg{width:100%;height:100%}.ccc-prod-card:hover .ccc-prod-icon{color:#555}.ccc-prod-name{font-size:.9rem;font-weight:700;color:#111;letter-spacing:-.01em}.ccc-prod-price{font-size:.78rem;color:#aaa;font-weight:500}.ccc-check-badge{position:absolute;top:10px;right:10px;width:20px;height:20px;background:#fff;border-radius:50%;display:none;align-items:center;justify-content:center}.ccc-prod-card.sel .ccc-check-badge{display:flex}.ccc-gsize-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.ccc-size-btn{padding:.4rem 1rem;border:1.5px solid #E8E8E8;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;background:#fff;color:#555;transition:all .15s;font-family:inherit}.ccc-size-btn:hover{border-color:#999;color:#111}.ccc-size-btn.active{background:#0f0f0f;color:#fff;border-color:#0f0f0f;box-shadow:0 2px 8px #00000026}.ccc-color-section{display:grid;grid-template-columns:1fr 200px;gap:2rem;align-items:start}.ccc-color-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1rem}.ccc-swatch{width:42px;height:42px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .15s;outline:none}.ccc-swatch:hover{transform:scale(1.15)}.ccc-swatch.active:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2.5px solid #0F0F0F}.ccc-swatch.active:before{content:"\2713";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#00000080;line-height:38px;text-align:center}.ccc-color-preview-wrap{position:sticky;top:80px}.ccc-color-preview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:8px}.ccc-color-preview-swatch{width:100%;height:100px;border-radius:14px;border:1px solid rgba(0,0,0,.08);transition:background .2s;margin-bottom:8px;box-shadow:0 4px 20px #0000001a}.ccc-color-sel-name{font-size:.95rem;font-weight:700;color:#111;margin-bottom:2px}.ccc-color-sel-hex{font-size:.78rem;color:#aaa;font-family:monospace}.ccc-upload-zone{border:2px dashed #E0E0E0;border-radius:18px;background:linear-gradient(135deg,#fafafa,#f5f5f5);min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s;position:relative;margin-bottom:1.25rem}.ccc-upload-zone:hover,.ccc-upload-zone.drag-over{border-color:#0f0f0f;background:linear-gradient(135deg,#f0f0f0,#ebebeb);box-shadow:0 8px 32px #00000014}.ccc-upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.ccc-upload-prompt{padding:2.5rem;pointer-events:none}.ccc-upload-prompt svg{color:#ccc;margin:0 auto 14px;display:block}.ccc-upload-prompt-title{font-size:1rem;font-weight:700;color:#333;margin:0 0 6px;letter-spacing:-.01em}.ccc-upload-prompt-sub{font-size:.82rem;color:#888;margin:0 0 8px}.ccc-upload-link{color:#0f0f0f;font-weight:600;text-decoration:underline;cursor:pointer;pointer-events:auto}.ccc-upload-prompt-formats{font-size:.72rem;color:#bbb}.ccc-upload-preview{display:none;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;width:100%}.ccc-upload-preview img{max-width:110px;max-height:110px;object-fit:contain;border-radius:12px;border:1px solid #EEE;background:#fff;box-shadow:0 4px 16px #00000014}.ccc-upload-preview-info{flex:1;text-align:left}.ccc-upload-fname{font-size:.875rem;font-weight:600;word-break:break-all;color:#111;margin-bottom:4px}.ccc-upload-fsize{font-size:.75rem;color:#aaa;margin-bottom:8px}.ccc-upload-remove{font-size:.78rem;color:#c20;background:none;border:1px solid #FAD0D0;border-radius:6px;padding:4px 10px;cursor:pointer;font-family:inherit;transition:all .15s}.ccc-upload-remove:hover{background:#fff0ee}.ccc-tips{font-size:.8rem;color:#666;background:#f0f7ff;border-radius:12px;padding:.85rem 1.1rem;border-left:3px solid #4A90D9;line-height:1.7}.ccc-step4-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start}.ccc-garment-wrap{border:1px solid #EEEEEE;border-radius:20px;background:linear-gradient(135deg,#fafafa,#f4f4f4);padding:1.25rem;position:relative;box-shadow:0 4px 24px #0000000f}.ccc-garment-wrap svg{width:100%;height:auto;display:block}.ccc-side-btns{display:flex;gap:6px;margin-top:10px;justify-content:center}.ccc-side-btn{padding:.35rem 1.1rem;border-radius:20px;font-size:.78rem;font-weight:600;border:1.5px solid #E0E0E0;background:#fff;cursor:pointer;color:#666;transition:all .15s;font-family:inherit}.ccc-side-btn:hover{border-color:#999;color:#111}.ccc-side-btn.active{background:#0f0f0f;border-color:#0f0f0f;color:#fff;box-shadow:0 2px 8px #0003}.ccc-drag-hint{text-align:center;font-size:.72rem;color:#bbb;margin-top:8px;letter-spacing:.02em}.ccc-ctrl-grp{margin-bottom:1.5rem}.ccc-place-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ccc-place-btn{display:flex;align-items:center;gap:8px;padding:.55rem .8rem;border:1.5px solid #EEEEEE;border-radius:10px;font-size:.8rem;font-weight:500;cursor:pointer;background:#fff;color:#666;transition:all .15s;text-align:left;font-family:inherit}.ccc-place-btn:hover{border-color:#ccc;color:#111;background:#fafafa}.ccc-place-btn.active{border-color:#4a90d9;background:linear-gradient(135deg,#ebf4ff,#f0f7ff);color:#2066b0;font-weight:600;box-shadow:0 2px 8px #4a90d926}.ccc-place-btn svg{flex-shrink:0}.ccc-print-size-opts{display:flex;flex-wrap:wrap;gap:8px}.ccc-size-opt{padding:.5rem .75rem;border:1.5px solid #EEEEEE;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;background:#fff;color:#666;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px;transition:all .15s;font-family:inherit}.ccc-size-opt span{font-size:.7rem;color:#2d9b6f;font-weight:700}.ccc-size-opt:hover{border-color:#ccc;color:#111}.ccc-size-opt.active{background:#0f0f0f;color:#fff;border-color:#0f0f0f;box-shadow:0 2px 8px #0000002e}.ccc-size-opt.active span{color:#7fffc4}.ccc-qty-ctrl{display:flex;align-items:center;border:1.5px solid #E8E8E8;border-radius:10px;overflow:hidden;width:fit-content;background:#fff}.ccc-qty-btn{width:40px;height:40px;background:#f8f8f8;border:none;font-size:1.2rem;cursor:pointer;color:#444;transition:background .15s;font-family:inherit}.ccc-qty-btn:hover{background:#efefef}.ccc-qty-val{width:44px;text-align:center;font-size:.95rem;font-weight:700;color:#111}.ccc-review-layout{display:grid;grid-template-columns:190px 1fr;gap:2rem;align-items:start}.ccc-review-svg-wrap{border:1px solid #EEEEEE;border-radius:20px;background:linear-gradient(135deg,#fafafa,#f4f4f4);padding:12px;box-shadow:0 4px 24px #0000000f}.ccc-review-svg-wrap svg{width:100%;height:auto;display:block}.ccc-review-card{border:1px solid #F0F0F0;border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:.85rem;background:#fff;box-shadow:0 2px 12px #0000000a}.ccc-review-card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin:0 0 1rem}.ccc-sum-tbl{width:100%;border-collapse:collapse;font-size:.875rem}.ccc-sum-tbl td{padding:7px 0;border-bottom:1px solid #F8F8F8}.ccc-sum-tbl td:first-child{color:#888}.ccc-sum-tbl td:last-child{font-weight:600;text-align:right;color:#111}.ccc-price-rows{margin-top:.85rem;padding-top:.85rem;border-top:1px solid #F0F0F0}.ccc-price-row{display:flex;justify-content:space-between;font-size:.875rem;padding:4px 0;color:#777}.ccc-price-total{font-size:1.1rem;font-weight:800;color:#0f0f0f;padding-top:10px;margin-top:4px;border-top:2px solid #0F0F0F;letter-spacing:-.02em}.ccc-notes-area{width:100%;border:1.5px solid #E8E8E8;border-radius:10px;padding:.65rem .9rem;font-size:.875rem;font-family:inherit;resize:vertical;background:#fafafa;color:#111;transition:border-color .15s}.ccc-notes-area:focus{outline:none;border-color:#0f0f0f;background:#fff}.ccc-checkout-wrap{max-width:640px}.ccc-chk-section{border:1px solid #F0F0F0;border-radius:16px;padding:1.5rem;margin-bottom:1rem;background:#fff;box-shadow:0 2px 12px #0000000a}.ccc-chk-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin:0 0 1.1rem}.ccc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.ccc-field-row.full{grid-template-columns:1fr}.ccc-field label{display:block;font-size:.75rem;font-weight:600;color:#666;margin-bottom:5px;letter-spacing:-.01em}.ccc-field input,.ccc-field select{width:100%;padding:.6rem .85rem;border:1.5px solid #E8E8E8;border-radius:10px;font-size:.875rem;background:#fafafa;color:#111;font-family:inherit;transition:all .15s}.ccc-field input:focus,.ccc-field select:focus{outline:none;border-color:#0f0f0f;background:#fff;box-shadow:0 0 0 3px #0f0f0f0f}.ccc-field input[readonly]{background:#f5f5f5;color:#999}.ccc-order-row{display:flex;justify-content:space-between;font-size:.875rem;padding:7px 0;border-bottom:1px solid #F8F8F8;color:#666}.ccc-grand-row{display:flex;justify-content:space-between;font-size:1.05rem;font-weight:800;padding-top:12px;margin-top:6px;border-top:2px solid #0F0F0F;color:#0f0f0f;letter-spacing:-.02em}.ccc-policy-box{background:#fffbf0;border:1px solid #F5E9C0;border-radius:12px;padding:1rem 1.25rem;font-size:.78rem;color:#666;line-height:1.7;margin-bottom:.85rem}.ccc-policy-box strong{color:#333}.ccc-checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:#555;margin-bottom:.75rem;line-height:1.6}.ccc-checkbox-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:#0F0F0F}.ccc-design-preview-block{display:flex;align-items:center;gap:14px;background:#f8f8f8;border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid #EEEEEE}.ccc-design-preview-block img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #EEE}.ccc-design-preview-block-info{flex:1}.ccc-design-preview-block-name{font-size:.85rem;font-weight:600;color:#111;margin-bottom:2px}.ccc-design-preview-block-meta{font-size:.75rem;color:#888}.ccc-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(70px);background:#0f0f0f;color:#fff;padding:.8rem 1.75rem;border-radius:40px;font-size:.875rem;font-weight:500;z-index:9999;transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap;box-shadow:0 8px 32px #00000040;letter-spacing:-.01em}.ccc-toast.show{transform:translate(-50%) translateY(0)}.ccc-success{display:none;text-align:center;padding:4rem 2rem}.ccc-success-icon{width:72px;height:72px;background:linear-gradient(135deg,#1a7a54,#2d9b6f);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 32px #2d9b6f4d}.ccc-success h2{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.03em}.ccc-success p{font-size:.9rem;color:#777;max-width:420px;margin:.25rem auto}#design-drag-wrapper{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#design-drag-wrapper:active{cursor:grabbing}#design-drag-wrapper img{width:100%;height:100%;object-fit:contain;pointer-events:none;border-radius:4px}.design-drag-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background:#0f0f0f;border-radius:50%;cursor:nwse-resize;border:2px solid #fff}@media(max-width:700px){.ccc-step4-layout,.ccc-review-layout,.ccc-color-section{grid-template-columns:1fr}.ccc-prod-grid{grid-template-columns:1fr 1fr}.ccc-step-lbl{font-size:8px}.ccc-actions{flex-direction:column-reverse}.ccc-btn,.ccc-btn-green{width:100%;justify-content:center}.ccc-field-row{grid-template-columns:1fr}.ccc-panel-title{font-size:1.3rem}.ccc-steps{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-clothing-configurator.css.map */