.curtain-customizer-wrapper{width:100%;background-color:var(--cc-background-color, transparent)}.curtain-customizer{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;font-family:var(--cc-text-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);font-weight:var(--cc-text-font-weight, normal);font-style:var(--cc-text-font-style, normal)}.curtain-customizer__step-title{font-family:var(--cc-heading-font, var(--cc-text-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif));font-weight:var(--cc-heading-font-weight, 700);font-style:var(--cc-heading-font-style, normal)}.curtain-customizer__container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:2.25rem 2rem}@media(max-width:768px){.curtain-customizer__container{padding:2rem 1.5rem}}.curtain-customizer__steps{margin-bottom:1.75rem}.step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 1.5rem}.step-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e8e8e8;z-index:0}.step-indicator__item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;background:#fff;padding:0 .75rem;flex:1;min-width:0}.step-indicator__number{width:32px;height:32px;border-radius:50%;background:#f5f5f5;color:#5a5a5a;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.875rem;margin-bottom:.5rem;transition:all .3s ease}.step-indicator__item.active .step-indicator__number{background:var(--cc-primary-color, #4a90e2);color:#fff}.step-indicator__item.completed .step-indicator__number{background:var(--cc-step-circle-color, #4caf50);color:#fff}.step-indicator__label{font-size:.75rem;color:#5a5a5a;text-align:center;white-space:nowrap;letter-spacing:.01em;font-weight:400}.step-indicator__item.active .step-indicator__label{color:var(--cc-primary-color, #4a90e2);font-weight:500}.curtain-customizer__step{min-height:auto}.curtain-customizer__step-title{font-family:var(--cc-heading-font, inherit);font-weight:var(--cc-heading-font-weight, 700);font-style:var(--cc-heading-font-style, normal);font-size:1.75rem;color:#2a2a2a;letter-spacing:-.01em;line-height:1.3}.curtain-customizer__step-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.curtain-customizer__step-title-row .curtain-customizer__step-title{margin-bottom:0}.curtain-customizer__step-description{font-size:.9375rem;color:#5a5a5a;margin-bottom:1.75rem;line-height:1.6}.heading-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.75rem}.heading-style-option{position:relative;cursor:pointer;border:1.5px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff}.heading-style-option:hover{border-color:var(--cc-primary-color, #4a90e2);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.heading-style-option.selected{border-color:var(--cc-primary-color, #4a90e2);box-shadow:0 4px 12px #4a90e240}.heading-style-option__image-wrapper{position:relative;width:100%;padding-top:65%;background:#f5f5f5;overflow:hidden}.heading-style-option__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.heading-style-option__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8a8a8a;font-size:.875rem}.heading-style-option__checkmark{position:absolute;top:.875rem;right:.875rem;width:28px;height:28px;background:var(--cc-primary-color, #4a90e2);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff}.heading-style-option.selected .heading-style-option__checkmark{display:flex}.heading-style-option__label{padding:.75rem;text-align:center;font-weight:500;color:#2a2a2a;font-size:.9375rem}.dimensions-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.dimension-input{display:flex;flex-direction:column}.dimension-input__label{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem;font-weight:500;color:#2a2a2a}.dimension-input__label-text{font-size:1rem;font-weight:500;letter-spacing:.01em}.dimension-input__unit{font-size:.8125rem;color:#5a5a5a;font-weight:400}.dimension-input__field{width:100%;padding:.875rem 1rem;font-size:.9375rem;border:1px solid #e8e8e8;border-radius:8px;transition:all .3s ease;font-family:var(--cc-text-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);background:#fafafa}.dimension-input__field:focus{outline:none;border-color:var(--cc-primary-color, #4a90e2);background:#fff;box-shadow:0 0 0 3px #4a90e20d}.dimension-input__field:invalid:not(:placeholder-shown){border-color:#f44336}.dimension-input__field:invalid:placeholder-shown{border-color:#e8e8e8}.panel-type-selection{margin-bottom:2rem}.panel-type-selection__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.panel-type-selection__title{font-size:.9375rem;font-weight:500;color:#2a2a2a;letter-spacing:.01em}.panel-type-selection__description{font-size:.9375rem;color:#5a5a5a;margin-bottom:1.5rem;line-height:1.6}.cc-help-icon{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cc-help-icon__circle{width:20px;height:20px;border-radius:999px;border:1px solid #c4c4c4;display:inline-flex;align-items:center;justify-content:center;background:#fff;transition:all .2s ease}.cc-help-icon__mark{font-size:.75rem;line-height:1;color:#8a8a8a;font-weight:500}.cc-help-icon:hover .cc-help-icon__circle{border-color:var(--cc-primary-color, #4a90e2);box-shadow:0 1px 4px #0000000f;transform:translateY(-1px)}.cc-help-icon:hover .cc-help-icon__mark{color:var(--cc-primary-color, #4a90e2)}.cc-help-icon--subheading .cc-help-icon__circle{width:18px;height:18px}.panel-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.panel-type-option{position:relative;cursor:pointer;border:1.5px solid #e8e8e8;border-radius:10px;padding:1rem .875rem;text-align:center;transition:all .3s ease;background:#fff}.panel-type-option:hover{border-color:var(--cc-primary-color, #4a90e2);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.panel-type-option.selected{border-color:var(--cc-primary-color, #4a90e2);box-shadow:0 4px 12px #4a90e240}.panel-type-option__visual{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.panel-type-option__svg{width:100%;max-width:140px;height:auto}.panel-type-option__label{font-weight:500;color:#2a2a2a;font-size:.9375rem}.panel-type-option__checkmark{position:absolute;top:.875rem;right:.875rem;width:28px;height:28px;background:var(--cc-primary-color, #4a90e2);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff}.panel-type-option.selected .panel-type-option__checkmark{display:flex}.join-type-section{margin-top:1.5rem}.join-type-section__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.join-type-section__title{font-size:.95rem;font-weight:500;color:#2a2a2a}.join-type-section__description{font-size:.9rem;color:#5a5a5a;margin-bottom:1rem}.join-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.join-type-option{position:relative;cursor:pointer;border:1.5px solid #e8e8e8;border-radius:10px;padding:1rem .75rem;text-align:center;transition:all .3s ease;background:#fff}.join-type-option:hover{border-color:var(--cc-primary-color, #4a90e2);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.join-type-option.selected{border-color:var(--cc-primary-color, #4a90e2);box-shadow:0 4px 12px #4a90e240}.join-type-option__visual{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.join-type-option__svg,.join-type-option__image{width:100%;max-width:110px;height:auto;display:block}.join-type-option__label{font-weight:500;color:#2a2a2a;font-size:.9rem}.join-type-option__checkmark{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;background:var(--cc-primary-color, #4a90e2);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff}.join-type-option.selected .join-type-option__checkmark{display:flex}.panel-type-option--disabled,.join-type-option--disabled{opacity:.5;cursor:default;pointer-events:none}.fullness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.5rem}.fullness-option{position:relative;cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;background:#fff}.fullness-option:hover{border-color:var(--cc-primary-color, #4a90e2);transform:translateY(-2px);box-shadow:0 4px 12px var(--cc-primary-color, rgba(74, 144, 226, .2))}.fullness-option.selected{border-color:var(--cc-primary-color, #4a90e2);box-shadow:0 4px 12px var(--cc-primary-color, rgba(74, 144, 226, .3))}.fullness-option__image-wrapper{position:relative;width:100%;padding-top:65%;background:#fafafa;overflow:hidden}.fullness-option__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.fullness-option__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8a8a8a;font-size:.875rem}.fullness-option__checkmark{position:absolute;top:.875rem;right:.875rem;width:28px;height:28px;background:var(--cc-primary-color, #4a90e2);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff}.fullness-option.selected .fullness-option__checkmark{display:flex}.fullness-option__label{padding:.75rem .875rem .375rem;text-align:center;font-weight:500;color:#2a2a2a;font-size:.9375rem}.fullness-option__info{padding:0 .75rem .75rem;text-align:center;font-size:.8125rem;color:#5a5a5a;line-height:1.5;white-space:pre-line}.eyelet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.5rem}.eyelet-option{position:relative;cursor:pointer;border:1.5px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff}.eyelet-option:hover{border-color:var(--cc-primary-color, #4a90e2);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e226}.eyelet-option.selected{border-color:var(--cc-primary-color, #4a90e2);box-shadow:0 4px 12px #4a90e240}.eyelet-option__image-wrapper{position:relative;width:100%;padding-top:65%;background:#fafafa;overflow:hidden}.eyelet-option__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.eyelet-option__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8a8a8a;font-size:.875rem}.eyelet-option__checkmark{position:absolute;top:.875rem;right:.875rem;width:28px;height:28px;background:var(--cc-primary-color, #4a90e2);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff}.eyelet-option.selected .eyelet-option__checkmark{display:flex}.eyelet-option__label{padding:.75rem;text-align:center;font-weight:500;color:#2a2a2a;font-size:.9375rem}.summary-section{background:#fafafa;border-radius:12px;padding:2rem;margin-bottom:1.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid #e8e8e8}.summary-item:last-child{border-bottom:none}.summary-item--price{border-top:1.5px solid #2a2a2a;margin-top:1.5rem;padding-top:1.75rem;font-size:1.125rem;font-weight:600}.summary-item__label{font-weight:500;color:#5a5a5a;font-size:.9375rem}.summary-item__value{color:#2a2a2a;font-weight:500;font-size:.9375rem}.summary-item--price .summary-item__value{color:var(--cc-primary-color, #4a90e2);font-size:1.375rem;font-weight:600}.room-name-input{margin-bottom:2rem}.room-name-input__label{display:block;font-weight:500;margin-bottom:.75rem;color:#2a2a2a;font-size:1rem;letter-spacing:.01em}.room-name-input__field{width:100%;padding:1.125rem 1rem;font-size:1rem;border:1px solid #e8e8e8;border-radius:10px;transition:all .3s ease;font-family:var(--cc-text-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);background:#fafafa}.room-name-input__field:focus{outline:none;border-color:var(--cc-primary-color, #4a90e2);background:#fff;box-shadow:0 0 0 3px #4a90e20d}.curtain-customizer__step-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.curtain-customizer__step-actions .btn--secondary{margin-right:auto}.btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:var(--cc-text-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;position:relative}.btn--primary{background:var(--cc-primary-color, #4a90e2);color:#fff}.btn--primary:hover:not(:disabled){background:var(--cc-primary-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 12px var(--cc-primary-color, rgba(74, 144, 226, .3))}.btn--primary:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn--secondary{background:#fff;color:#5a5a5a;border:1.5px solid #e8e8e8}.btn--secondary:hover{border-color:var(--cc-primary-color, #4a90e2);color:var(--cc-primary-color, #4a90e2)}.btn__loader{display:inline-flex;align-items:center;justify-content:center}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.curtain-customizer__success{text-align:center;padding:3rem 2rem}.success-message{max-width:500px;margin:0 auto}.success-message__icon{width:64px;height:64px;color:#4caf50;margin:0 auto 1.5rem;stroke-width:3}.success-message__title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#2a2a2a;letter-spacing:-.01em}.success-message__text{font-size:.9375rem;color:#5a5a5a;margin-bottom:2rem;line-height:1.6}.success-message__actions{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.success-message__primary-btn{width:100%;margin:0}.success-message__secondary-actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.success-message__secondary-actions .btn{width:100%;margin:0}@media(min-width:769px){.success-message__actions{align-items:center}.success-message__primary-btn{width:auto;min-width:200px}.success-message__secondary-actions,.success-message__secondary-actions .btn{width:100%}}.curtain-customizer__error{background:#ffebee;border:2px solid #f44336;border-radius:8px;padding:1rem;margin-bottom:1rem}.error-message__text{color:#c62828;font-weight:500}@media(max-width:768px){.curtain-customizer{padding:1rem .5rem}.curtain-customizer__container{padding:1.5rem}.step-indicator{padding:0 .75rem;gap:.5rem}.step-indicator__item{flex:1;min-width:0}.step-indicator__label{font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-indicator__number{width:32px;height:32px;font-size:.875rem;flex-shrink:0}.curtain-customizer__step-title{font-size:1.5rem}.heading-style-grid,.fullness-grid,.eyelet-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.heading-style-option,.fullness-option,.eyelet-option{padding:.75rem .5rem}.heading-style-option__image-wrapper,.fullness-option__image-wrapper,.eyelet-option__image-wrapper{padding-top:62%;margin-bottom:.25rem}.heading-style-option__label,.fullness-option__label,.eyelet-option__label{padding:.25rem 0 0;font-size:.8125rem}.dimensions-inputs{grid-template-columns:1fr;gap:1.5rem}.panel-type-options,.join-type-options{grid-template-columns:1fr}.curtain-customizer__step-actions{flex-direction:column-reverse;align-items:stretch}.curtain-customizer__step-actions .btn--secondary{margin-right:0}.curtain-customizer__step-actions .btn{width:100%}.summary-section{padding:1.5rem 1rem}.summary-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.875rem 0}.summary-item__label{font-size:.875rem}.summary-item__value{font-size:.9375rem;word-break:break-word}.summary-item--price{flex-direction:row;align-items:center;justify-content:space-between}.summary-item--price .summary-item__value{font-size:1.25rem}.room-name-input{margin-bottom:1.5rem}}@media(max-width:480px){.heading-style-grid,.fullness-grid,.eyelet-grid{grid-template-columns:1fr}.heading-style-option__image-wrapper,.fullness-option__image-wrapper,.eyelet-option__image-wrapper{padding-top:58%}.step-indicator{padding:0 .5rem;gap:.25rem}.step-indicator__label{font-size:.625rem;display:none}.step-indicator__number{width:28px;height:28px;font-size:.75rem}.summary-section{padding:1rem .75rem}.summary-item__label{font-size:.8125rem}.summary-item__value{font-size:.875rem}.summary-item--price .summary-item__value{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/curtain-customizer.css.map */