*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sour Gummy,Segoe UI,sans-serif;background:#f5f7fa;min-height:100vh}.personalize-btn{background:linear-gradient(45deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:15px 30px!important;border-radius:12px!important;font-size:1.1rem!important;font-weight:200!important;font-family:Sour Gummy,Segoe UI,sans-serif!important;cursor:pointer!important;transition:all .3s ease!important;text-align:center!important;width:100%;margin:10px 0;display:flex;justify-content:space-between;align-items:center}.personalize-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea66!important}#personalizeButtonIcon{font-size:1rem;transition:transform .3s ease}.personalization-form-wrapper{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .3s ease;opacity:0;margin-top:0}.personalization-form-wrapper.open{max-height:5000px;opacity:1;margin-top:20px}.personalization-form-wrapper.open .personalization-container{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.personalization-container{max-width:500px;margin:0 auto;background:#c4b5d6;border-radius:20px;box-shadow:0 10px 30px #00000026;overflow:hidden;position:relative;padding:20px;font-family:Sour Gummy}.step-indicator{display:flex;justify-content:center;align-items:center;padding:20px;margin-bottom:20px}.step{display:flex;flex-direction:column;align-items:center;margin:0 10px;position:relative}.step-circle{width:40px;height:40px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin-bottom:8px;transition:all .3s ease;font-family:Sour Gummy}.step.active .step-circle{background:#667eea;color:#fff;transform:scale(1.1)}.step.completed .step-circle{background:#28a745;color:#fff}.step-label{font-size:.8rem;color:#6c757d;text-align:center;font-weight:500;font-family:Sour Gummy}.step.active .step-label{color:#667eea;font-weight:700}.main-preview-area{margin-bottom:25px}.main-preview-area.hidden{display:none!important}.preview-container{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#e8f4f8,#d1e7dd,#fff3cd);border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:15px;border:3px dashed transparent;transition:all .3s ease}.preview-container.clickable{cursor:pointer;border-color:#dee2e6}.preview-container.clickable:hover{transform:scale(1.02);box-shadow:0 8px 25px #667eea4d;border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8f4f8,#fff3cd)}.preview-container.clickable:hover .cover-text{color:#667eea;transform:scale(1.05);transition:all .3s ease}.cover-text{color:#1d3557;font-weight:700;font-size:2rem;text-align:center;line-height:1.2;text-shadow:1px 1px 2px rgba(255,255,255,.8);z-index:10;font-family:Sour Gummy;transition:all .3s ease}.mini-photo-preview{position:absolute;bottom:15px;left:15px;width:80px;height:80px;border-radius:15px;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #0003;z-index:20;display:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mini-photo-preview.visible{display:block!important;opacity:1!important;visibility:visible!important}.mini-photo-preview img{width:100%;height:100%;object-fit:cover}.preview-slider-section{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:20px;border:2px solid #e9ecef;box-shadow:0 4px 12px #0000000d}.slider-header p{font-size:.9rem;color:#666;text-align:center;margin-bottom:15px;font-family:Sour Gummy}.preview-main-display{position:relative;margin-bottom:15px}.preview-image-container{position:relative;width:100%;height:300px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:center}.preview-main-img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.preview-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#667eea;box-shadow:0 4px 12px #00000026;z-index:10}.preview-nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0003}.prev-arrow{left:15px}.next-arrow{right:15px}.preview-nav-arrow:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%) scale(1)}.preview-page-indicator{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:600;font-family:Sour Gummy}.preview-thumbnails{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.thumbnail-item{position:relative;width:80px;height:100px;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000001a}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-item.active{border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.thumbnail-item:hover{transform:scale(1.02);border-color:#667eea}.thumbnail-number{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;font-family:Sour Gummy}.generate-preview-section{text-align:center}.generate-preview-btn{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Sour Gummy;font-size:.9rem}.generate-preview-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.generate-new-btn{background:linear-gradient(45deg,#17a2b8,#6f42c1);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Sour Gummy;font-size:.85rem}.generate-new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}.form-content{background:#fff;border-radius:15px;padding:25px;margin-top:20px}.step-content{display:none}.step-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:1rem;font-family:Sour Gummy}.form-input{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:border-color .3s ease;background:#fff;font-family:Sour Gummy}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.gender-selection{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gender-option{cursor:pointer}.gender-button{padding:12px;border:2px solid transparent;border-radius:10px;text-align:center;font-weight:600;transition:all .3s ease;font-family:Sour Gummy;transform:scale(.95);cursor:pointer}.gender-option:first-child .gender-button{background:#ff6fae;color:#fff;border-color:#ff6fae}.gender-option:last-child .gender-button{background:#4da6ff;color:#fff;border-color:#4da6ff}.gender-option input[name=gender]:checked+.gender-button{transform:scale(1.05)!important;box-shadow:0 4px 12px #0000004d!important;border-width:3px!important}.gender-option input{display:none}.illustration-style-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.style-btn{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#2c3e50;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-family:Sour Gummy;font-size:.9rem}.style-btn:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.style-btn.selected{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.style-btn:active{transform:scale(.98)}.selection-label{text-align:center;font-size:.9rem;color:#666;margin-top:10px;font-weight:500;background:#667eea1a;padding:6px 12px;border-radius:15px;display:block;width:100%;font-family:Sour Gummy;transition:all .3s ease}.compact-label{font-size:.85rem!important;margin-bottom:6px!important;font-weight:600}.compact-group{margin-bottom:12px!important}.compact-input{padding:8px 10px!important;font-size:.85rem!important;border-radius:6px!important}.form-row{display:flex;gap:12px;margin-bottom:15px}.form-group.half-width{flex:1;margin-bottom:0}.interests-grid.ultra-compact{display:flex;justify-content:center;gap:8px;margin:8px 0;flex-wrap:wrap}.interest-chip.ultra-compact-chip{width:35px!important;height:35px!important;padding:0!important;border-radius:50%!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:auto!important;border:2px solid #e9ecef;background:#fff;transition:all .2s ease;cursor:pointer}.interest-chip.ultra-compact-chip:hover{transform:scale(1.1);border-color:#667eea;box-shadow:0 2px 8px #667eea33}.interest-chip.ultra-compact-chip.selected{background:#667eea;border-color:#667eea;transform:scale(1.15);color:#fff}.ultra-compact-textarea{width:100%;min-height:50px!important;padding:8px 10px!important;border:2px solid #e9ecef;border-radius:6px!important;font-size:.8rem!important;line-height:1.3!important;resize:vertical;font-family:Sour Gummy;transition:border-color .3s ease;background:#fff}.ultra-compact-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.dedication-textarea-container{position:relative}.character-limit.compact-limit{position:absolute;bottom:4px;right:8px;font-size:.7rem!important;color:#6c757d;background:#ffffffe6;padding:1px 4px;border-radius:3px}.cover-type-options{display:flex;flex-direction:column;gap:10px}.cover-type-option{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;position:relative;font-family:Sour Gummy}.cover-type-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.cover-type-option.selected{border-color:#28a745;box-shadow:0 0 0 2px #fff,0 0 0 5px #28a745;animation:selectedGlow .5s ease}@keyframes selectedGlow{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.cover-type-option[data-type=softcover]{background:linear-gradient(135deg,#764ba2,#667eea)}.cover-type-content{display:flex;justify-content:space-between;align-items:center}.cover-type-text{font-size:1rem;font-weight:600;font-family:Sour Gummy}.checkmark{font-size:1.2rem;opacity:0;transition:opacity .3s ease;animation:none}.cover-type-option.selected .checkmark{opacity:1;animation:checkmarkBounce .6s ease}@keyframes checkmarkBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.navigation-buttons-step{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:10px}.nav-step-btn{padding:12px 20px;border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Sour Gummy}.nav-prev{background:#6c757d;color:#fff}.nav-prev:hover{background:#5a6268;transform:translate(-3px)}.nav-next{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.nav-next:hover{transform:translate(3px);box-shadow:0 5px 15px #667eea66}.compact-nav{margin-top:15px!important;padding-top:10px!important}.compact-btn{padding:8px 16px!important;font-size:.85rem!important;border-radius:20px!important}.finalize-actions{display:grid;grid-template-columns:1fr;gap:12px}.finalize-btn{padding:15px 25px;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;text-align:center;font-family:Sour Gummy;position:relative;overflow:hidden}.add-to-cart-btn{background:linear-gradient(45deg,#764ba2,#667eea);color:#fff}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #764ba266}.back-btn{background:#6c757d;color:#fff;order:3}.back-btn:hover{background:#5a6268;transform:translateY(-1px)}.finalize-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .6s,height .6s;transform:translate(-50%,-50%)}.finalize-btn:active:before{width:300px;height:300px}.step-content[data-step="1"]~.main-preview-area{display:block!important}.step-content[data-step="2"]~.main-preview-area,.step-content[data-step="3"]~.main-preview-area{display:none!important}@media(max-width:768px){.personalize-btn{font-size:1rem!important;padding:12px 20px!important}.personalization-container{padding:15px;border-radius:15px}.step-circle{width:35px;height:35px;font-size:.9rem}.preview-container{height:280px}.cover-text{font-size:1.4rem}.navigation-buttons-step{flex-direction:column;gap:10px}.nav-step-btn{width:100%}.illustration-style-selection{grid-template-columns:repeat(2,1fr);gap:8px}.style-btn{padding:10px 12px;font-size:.8rem}.form-row{flex-direction:column;gap:10px}.form-group.half-width{margin-bottom:10px}.interests-grid.ultra-compact{gap:6px}.interest-chip.ultra-compact-chip{width:32px!important;height:32px!important;font-size:1rem!important}.preview-image-container{height:250px}.preview-nav-arrow{width:40px;height:40px}.prev-arrow{left:10px}.next-arrow{right:10px}.thumbnail-item{width:70px;height:85px}}@media(max-width:480px){.personalization-container{max-width:calc(100% - 20px);padding:15px}.preview-container{height:240px}.cover-text{font-size:1.2rem}.step-indicator{padding:15px 5px}.step{margin:0 5px}.step-circle{width:30px;height:30px;font-size:.8rem}.step-label{font-size:.7rem}.form-content{padding:15px}.form-group{margin-bottom:15px}.form-label{font-size:.9rem;margin-bottom:8px}.form-input{padding:10px 12px;font-size:.9rem}.illustration-style-selection{grid-template-columns:1fr;gap:8px}.style-btn{padding:12px 16px;font-size:.9rem}.gender-button{padding:8px;font-size:.8rem}.interest-chip.ultra-compact-chip{width:30px!important;height:30px!important;font-size:.9rem!important}.interests-grid.ultra-compact{gap:4px}.ultra-compact-textarea{min-height:45px!important;font-size:.75rem!important;padding:6px 8px!important}.compact-label{font-size:.8rem!important;margin-bottom:4px!important}.compact-input{padding:6px 8px!important;font-size:.8rem!important}.character-limit.compact-limit{font-size:.65rem!important}.cover-type-text{font-size:.9rem}.finalize-btn{padding:12px 20px;font-size:.9rem}.mini-photo-preview{width:60px;height:60px;bottom:10px;left:10px}.preview-image-container{height:220px}.preview-nav-arrow{width:35px;height:35px}.thumbnail-item{width:60px;height:75px}.thumbnail-number{width:18px;height:18px;font-size:.7rem}}@media(min-width:900px){#personalizationFormWrapper .personalization-container{font-size:clamp(1.05rem,.85rem + .4vw,1.18rem)}#personalizationFormWrapper .form-label,#personalizationFormWrapper .form-input,#personalizationFormWrapper .nav-step-btn,#personalizationFormWrapper .finalize-btn,#personalizationFormWrapper .generate-preview-btn,#personalizationFormWrapper .personalize-btn{font-size:1.05em}#personalizationFormWrapper .step-label{font-size:.92em}#personalizationFormWrapper .step-circle{font-size:1.02em}#personalizationFormWrapper .gender-button{font-size:1.05em}}#photoReqModal,#finalLookModal,#previewLightbox{font-size:1rem}.loading{opacity:.6;pointer-events:none;filter:blur(2px);transition:all .3s ease}.success{border-color:#28a745!important;box-shadow:0 0 0 3px #28a74533!important;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc354533!important;animation:errorShake .6s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.selected{animation:selectionPop .3s ease}@keyframes selectionPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-scale:hover{transform:scale(1.02)}.hidden{display:none!important}.visible{display:block!important}.fade-in{animation:fadeIn .3s ease}.fade-out{animation:fadeOut .3s ease}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-up{animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.style-btn:focus,.interest-chip:focus,.cover-type-option:focus,.nav-step-btn:focus,.finalize-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-contrast:high){.personalization-container{border:2px solid #000}.style-btn,.interest-chip{border-width:2px}.style-btn.selected,.interest-chip.selected{border-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.personalization-container{box-shadow:none;border:1px solid #000}.navigation-buttons-step,.finalize-actions{display:none}.preview-container{border:1px solid #000}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/personalization.css.map */