:root{--color-terracotta: #a4644c;--color-sage: #5e6d55;--color-slate: #334fb4;--color-warm-beige: #d9d2c5;--color-near-black: #121212;--color-white: #ffffff;--color-gray-light: #f5f5f5;--color-gray-medium: #999;--color-gray-dark: #666;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--spacing-unit: 8px;--border-radius: 0px;--transition-speed: .2s}.pet-portrait-configurator{width:100%;margin:calc(var(--spacing-unit) * 4) 0;padding:calc(var(--spacing-unit) * 3);background:var(--color-white);border:1px solid var(--color-gray-light)}.configurator-progress{display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--spacing-unit) * 4);gap:calc(var(--spacing-unit) * 2)}.progress-step{display:flex;align-items:center;gap:var(--spacing-unit)}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--color-gray-light);border:2px solid var(--color-gray-medium);cursor:pointer;transition:all var(--transition-speed) ease}.progress-dot.active{background:var(--color-terracotta);border-color:var(--color-terracotta);transform:scale(1.3)}.progress-dot.completed{background:var(--color-sage);border-color:var(--color-sage)}.progress-dot:hover{transform:scale(1.2)}.progress-label{font-family:var(--font-body);font-size:14px;color:var(--color-gray-dark);display:none}.progress-step.active .progress-label{color:var(--color-near-black);font-weight:600}.wizard-step{display:none}.wizard-step.active{display:block;animation:fadeIn var(--transition-speed) ease}.wizard-step.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-step-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 3)}.wizard-step-title{font-family:var(--font-heading);font-size:28px;font-weight:600;color:var(--color-near-black);margin-bottom:var(--spacing-unit)}.wizard-step-description{font-family:var(--font-body);font-size:16px;color:var(--color-gray-dark);max-width:600px;margin:0 auto}.wizard-step-content{min-height:400px;display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 3)}.wizard-step-error{display:none;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);background:#fee;border:1px solid #fcc;color:#c00;border-radius:calc(var(--spacing-unit) / 2);font-family:var(--font-body);font-size:14px;margin-bottom:calc(var(--spacing-unit) * 2)}.upload-zone{width:100%;max-width:500px;height:300px;border:2px dashed var(--color-gray-medium);border-radius:calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2);cursor:pointer;transition:all var(--transition-speed) ease;background:var(--color-gray-light)}.upload-zone:hover{border-color:var(--color-terracotta);background:#fff}.upload-zone.upload-complete{border-color:var(--color-sage);border-style:solid}.upload-icon{width:64px;height:64px;color:var(--color-gray-medium)}.upload-text{font-family:var(--font-body);font-size:16px;color:var(--color-gray-dark);text-align:center}.upload-hint{font-family:var(--font-body);font-size:14px;color:var(--color-gray-medium)}#pet-photo-upload{display:none}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:calc(var(--spacing-unit) * 2);width:100%;max-width:800px}.option-card{position:relative;border:2px solid var(--color-gray-light);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);cursor:pointer;transition:all var(--transition-speed) ease;background:var(--color-white)}.option-card:hover{border-color:var(--color-terracotta);box-shadow:0 4px 12px #0000001a}.option-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.option-card input[type=radio]:checked+.option-card-content{border-color:var(--color-terracotta)}.option-card input[type=radio]:checked~.option-card{border-color:var(--color-terracotta);background:#a4644c0d}.option-card-image{width:100%;height:150px;object-fit:cover;margin-bottom:calc(var(--spacing-unit) * 2);border-radius:calc(var(--spacing-unit) / 2)}.option-card-title{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--color-near-black);margin-bottom:var(--spacing-unit)}.option-card-description{font-family:var(--font-body);font-size:14px;color:var(--color-gray-dark);margin-bottom:var(--spacing-unit)}.option-card-price{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-terracotta)}.option-card-badge{position:absolute;top:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);background:var(--color-sage);color:var(--color-white);padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);border-radius:calc(var(--spacing-unit) / 2);font-family:var(--font-body);font-size:12px;font-weight:600}.color-swatch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 2);max-width:400px}.color-swatch{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);border:2px solid var(--color-gray-light);border-radius:calc(var(--spacing-unit) / 2);cursor:pointer;transition:all var(--transition-speed) ease}.color-swatch:hover{border-color:var(--color-terracotta)}.color-swatch input[type=radio]:checked~.color-swatch{border-color:var(--color-terracotta);background:#a4644c0d}.color-swatch-circle{width:48px;height:48px;border-radius:50%;border:2px solid var(--color-gray-light);flex-shrink:0}.color-swatch-circle.soft-white{background:#f9f6f2}.color-swatch-circle.sage{background:#5e6d55}.color-swatch-circle.terracotta{background:#a4644c}.color-swatch-circle.charcoal{background:#333}.color-swatch-label{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--color-near-black)}.pet-name-input{width:100%;max-width:400px;padding:calc(var(--spacing-unit) * 2);font-family:var(--font-body);font-size:18px;border:2px solid var(--color-gray-light);border-radius:calc(var(--spacing-unit) / 2);text-align:center;transition:border-color var(--transition-speed) ease}.pet-name-input:focus{outline:none;border-color:var(--color-terracotta)}.review-summary{width:100%;max-width:600px;border:1px solid var(--color-gray-light);border-radius:calc(var(--spacing-unit) / 2);overflow:hidden}.summary-item{display:grid;grid-template-columns:120px 1fr auto;gap:calc(var(--spacing-unit) * 2);align-items:center;padding:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--color-gray-light)}.summary-item:last-child{border-bottom:none}.summary-label{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-gray-dark)}.summary-value{font-family:var(--font-body);font-size:16px;color:var(--color-near-black)}.summary-edit{padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);font-family:var(--font-body);font-size:14px;color:var(--color-terracotta);background:transparent;border:1px solid var(--color-terracotta);border-radius:calc(var(--spacing-unit) / 2);cursor:pointer;transition:all var(--transition-speed) ease}.summary-edit:hover{background:var(--color-terracotta);color:var(--color-white)}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) * 4);gap:calc(var(--spacing-unit) * 2)}.wizard-btn{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-family:var(--font-heading);font-size:16px;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) ease;min-width:120px;min-height:44px}.wizard-btn-primary{background:var(--color-terracotta);color:var(--color-white)}.wizard-btn-primary:hover{background:#8e5540;transform:translateY(-2px);box-shadow:0 4px 12px #a4644c4d}.wizard-btn-secondary{background:transparent;color:var(--color-sage);border:2px solid var(--color-sage)}.wizard-btn-secondary:hover{background:var(--color-sage);color:var(--color-white)}.wizard-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wizard-btn:disabled:hover{transform:none;box-shadow:none}.preview-canvas-container{position:sticky;top:calc(var(--spacing-unit) * 2);width:100%;max-width:400px;background:var(--color-gray-light);border-radius:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) * 2);box-shadow:0 2px 8px #0000001a}#preview-canvas{width:100%;height:auto;border-radius:calc(var(--spacing-unit) / 2);display:block}.preview-label{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-gray-dark);margin-bottom:var(--spacing-unit);text-align:center}@media (max-width: 750px){.pet-portrait-configurator{padding:calc(var(--spacing-unit) * 2)}.configurator-progress{gap:var(--spacing-unit)}.progress-label{display:none}.wizard-step-title{font-size:24px}.wizard-step-description{font-size:14px}.option-grid,.color-swatch-grid{grid-template-columns:1fr}.wizard-navigation{flex-direction:column-reverse}.wizard-btn{width:100%}.review-summary{max-width:100%}.summary-item{grid-template-columns:1fr;gap:var(--spacing-unit)}.summary-edit{justify-self:start}}.wizard-btn:focus,.option-card:focus-within,.color-swatch:focus-within,.pet-name-input:focus{outline:2px solid var(--color-terracotta);outline-offset:2px}.wizard-loading{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 4)}.wizard-loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-light);border-top-color:var(--color-terracotta);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pet-portrait-configurator.css.map */