.product-customizer{margin:0 auto}.product-customizer__container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.product-customizer__preview{position:sticky;top:2rem;align-self:start}.product-customizer__preview-wrapper{background:#f8f9fa;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.product-customizer__preview-image{width:100%;max-width:500px;margin:0 auto}.product-customizer__preview-image svg{display:block;width:100%;height:auto;background:#fff;border-radius:4px}.product-customizer__controls{max-width:100%}.product-customizer__controls-wrapper{display:flex;flex-direction:column;gap:2rem}.customizer-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.customizer-section__title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.overlay-selector{display:flex;align-items:center;gap:.5rem;position:relative}.overlay-icons-container{flex:1;overflow:hidden;position:relative}.overlay-icons{display:flex;gap:.75rem;transition:transform .3s ease;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.overlay-icons::-webkit-scrollbar{display:none}.overlay-icon{flex-shrink:0;width:80px;height:80px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.overlay-icon:hover{border-color:#007bff;transform:scale(1.05)}.overlay-icon.active{border-color:#007bff;border-width:3px;box-shadow:0 0 0 2px #007bff33}.overlay-icon img,.overlay-icon svg{width:100%;height:100%;object-fit:contain}.overlay-scroll-btn{width:36px;height:36px;border:1px solid #e0e0e0;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.overlay-scroll-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.overlay-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.overlay-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:1rem;background:#fff;border:2px solid #007bff;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026;z-index:100;min-width:200px;pointer-events:none}.overlay-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#007bff}.overlay-popup img{width:100%;max-width:300px;height:auto;display:block;margin-bottom:.5rem}.overlay-popup-name{display:block;text-align:center;font-weight:600;color:#333}.color-selector-group{margin-bottom:1.5rem}.color-selector-group:last-child{margin-bottom:0}.color-selector-label{display:block;font-weight:500;color:#333;margin-bottom:.75rem;font-size:.95rem}.color-swatches{display:flex;flex-wrap:wrap;gap:.75rem}.color-swatch{width:50px;height:50px;border:3px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;background:var(--swatch-color)}.color-swatch:hover{transform:scale(1.1);border-color:#007bff;box-shadow:0 2px 8px #007bff4d}.color-swatch.active{border-color:#007bff;border-width:4px;box-shadow:0 0 0 2px #007bff33}.color-swatch[data-color]{background-color:var(--swatch-color)}.color-swatch-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;background:#333;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.color-swatch:hover .color-swatch-tooltip{opacity:1}.color-swatch-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333}.color-picker-fallback{margin-top:.5rem}.color-picker-fallback label{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.color-picker{width:60px;height:40px;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:border-color .2s ease}.color-picker:hover{border-color:#007bff}.font-style-selector{display:flex;flex-wrap:wrap;gap:.75rem}.font-style-option{flex:1;min-width:120px;padding:1rem;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center;background:#fff}.font-style-option:hover{border-color:#007bff;background:#f8f9fa}.font-style-option.active{border-color:#007bff;background:#e7f3ff}.font-style-option-name{font-weight:600;margin-bottom:.5rem;color:#333}.font-style-option-preview{font-size:1.5rem;color:#666}.text-boxes-container{display:flex;flex-direction:column;gap:1.25rem}.text-box-item{display:flex;flex-direction:column;gap:.5rem}.text-box-item label{font-weight:500;color:#333;font-size:.9rem}.text-box-item input,.text-box-item textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color .2s ease;font-family:inherit}.text-box-item input:focus,.text-box-item textarea:focus{outline:none;border-color:#007bff}.text-box-item textarea{resize:vertical;min-height:60px}.text-box-char-count{font-size:.85rem;color:#666;text-align:right}.quantity-control{margin-bottom:1rem}.quantity-control label{display:flex;align-items:center;justify-content:space-between;gap:1rem}.quantity-control span{font-weight:500;color:#333}.quantity-input{width:80px;padding:.75rem;border:2px solid #e0e0e0;border-radius:4px;text-align:center;font-size:1rem}.individual-customization-control{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.individual-tags-container{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.individual-tag-item{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.individual-tag-item:last-child{margin-bottom:0}.individual-tag-title{font-weight:600;margin-bottom:.75rem;color:#333;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.individual-tag-title:hover{background-color:#f0f0f0;color:#007bff}.individual-tag-title.active{background-color:#e7f3ff;color:#007bff;border-left:3px solid #007bff;padding-left:calc(.5rem - 3px)}.individual-tag-title.active:before{content:"\1f441\fe0f";font-size:1rem}.individual-tag-inputs{display:flex;flex-direction:column;gap:.75rem}.advanced-control-toggle{margin-bottom:1rem}.advanced-control-description{font-size:.9rem;color:#666;margin-top:.5rem;line-height:1.5}.advanced-text-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.placeholder-note{font-size:.9rem;color:#666;font-style:italic;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px dashed #ccc}.product-customizer__title{margin-bottom:1rem}.product-customizer__title h1{font-size:1.5rem;font-weight:600;margin:0;color:#333}.product-customizer__price{margin-bottom:1.5rem}.customizer-section--product-info{margin-top:2rem;padding-top:2rem;border-top:2px solid #e0e0e0}@media screen and (max-width:989px){.product-customizer__container{grid-template-columns:1fr;gap:2rem}.product-customizer__preview{position:static}.product-customizer__preview-wrapper{padding:1.5rem}.customizer-section{padding:1.25rem}.overlay-icons{gap:.5rem}.overlay-icon{width:70px;height:70px}}@media screen and (max-width:749px){.product-customizer__container{gap:1.5rem}.customizer-section{padding:1rem}.overlay-icon{width:60px;height:60px}.font-style-selector{flex-direction:column}.font-style-option{min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-customizer.css.map */