:root{--ssp-primary:#EC008C;--ssp-primary-dark:#C40074;--ssp-cyan:#00AEEF;--ssp-yellow:#FFF200;--ssp-dark:#231F20;--ssp-light:#F6F7F9;--ssp-border:#E6E8EC;--ssp-muted:#6B6E73;--ssp-radius:12px;--ssp-radius-lg:20px;--ssp-shadow:0 12px 40px rgba(35,31,32,.08);--ssp-success:#1FA971;--ssp-error:#E53935;--ssp-whatsapp:#25D366;--ssp-font:Outfit, Cairo, system-ui, sans-serif;--ssp-ease:cubic-bezier(0.22, 1, 0.36, 1)}.ssp-calculator{font-family:var(--ssp-font);max-width:1080px;margin:0 auto;color:var(--ssp-dark)}.ssp-progress{height:6px;background:var(--ssp-border);border-radius:99px;overflow:hidden;margin-bottom:10px}.ssp-progress-fill{height:100%;width:14%;background:linear-gradient(90deg,var(--ssp-cyan),var(--ssp-primary));border-radius:99px;transition:width .35s var(--ssp-ease)}.ssp-progress-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ssp-muted);margin:0 0 18px}#ssp-progress-pct{color:var(--ssp-primary)}.ssp-steps-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;list-style:none;margin:0 0 28px;padding:0}.ssp-step-indicator{margin:0}.ssp-step-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px;cursor:pointer;font-family:inherit;color:var(--ssp-muted)}.ssp-step-btn:disabled{cursor:default;opacity:.55}.ssp-step-btn:not(:disabled):hover .ssp-step-num{border-color:var(--ssp-cyan)}.ssp-step-num{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--ssp-border);display:grid;place-items:center;font-weight:800;font-size:13px;transition:.2s var(--ssp-ease)}.ssp-step-label{font-size:11px;font-weight:600;white-space:nowrap}.ssp-step-indicator.active .ssp-step-num{background:var(--ssp-primary);border-color:var(--ssp-primary);color:#fff;box-shadow:0 6px 16px rgb(236 0 140 / .28)}.ssp-step-indicator.active .ssp-step-label{color:var(--ssp-primary)}.ssp-step-indicator.done .ssp-step-num{background:var(--ssp-cyan);border-color:var(--ssp-cyan);color:#fff}.ssp-step-indicator.done .ssp-step-label{color:var(--ssp-cyan)}.ssp-step-indicator.done .ssp-step-btn{opacity:1}.ssp-calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.ssp-step[hidden]{display:none!important}.ssp-step{animation:sspIn .28s var(--ssp-ease)}@keyframes sspIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ssp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ssp-primary);margin:0 0 8px}.ssp-step-title{font-size:clamp(1.25rem, 2.4vw, 1.7rem);font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.ssp-step-subtitle{color:var(--ssp-muted);margin:0 0 22px;max-width:46ch}.ssp-fabric-grid,.ssp-method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.ssp-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px 18px;border:2px solid var(--ssp-border);border-radius:var(--ssp-radius-lg);cursor:pointer;text-align:center;gap:8px;background:#fff;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s var(--ssp-ease),background .2s;min-height:148px}.ssp-card:hover{border-color:var(--ssp-cyan);transform:translateY(-3px);box-shadow:var(--ssp-shadow)}.ssp-card:focus-within{border-color:var(--ssp-primary);box-shadow:0 0 0 3px rgb(236 0 140 / .15)}.ssp-card input{position:absolute;opacity:0;width:0;height:0}.ssp-card.selected{border-color:var(--ssp-primary);background:#fdf2f8;box-shadow:0 10px 28px rgb(236 0 140 / .12)}.ssp-card.selected::after{content:"";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--ssp-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M2 6.2 4.8 9 10 3'/%3E%3C/svg%3E") center/12px no-repeat}.ssp-card-img{width:72px;height:72px;object-fit:cover;border-radius:14px}.ssp-card-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e8f7fd,#fde8f4);font-weight:800;font-size:22px;color:var(--ssp-primary)}.ssp-card-label{font-weight:700;font-size:14px}.ssp-card-desc{font-size:12px;color:var(--ssp-muted);line-height:1.4}.ssp-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.ssp-skeleton span{height:140px;border-radius:16px;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:sspShimmer 1.2s infinite}@keyframes sspShimmer{to{background-position:-200% 0}}.ssp-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ssp-chip{border:1px solid var(--ssp-border);background:#fff;color:var(--ssp-dark);border-radius:99px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;transition:.15s}.ssp-chip:hover,.ssp-chip.is-on{background:var(--ssp-primary);color:#fff;border-color:var(--ssp-primary)}.ssp-dimensions-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ssp-field-group{display:flex;flex-direction:column;gap:6px}.ssp-field-group label{font-weight:700;font-size:13px}.ssp-required{color:var(--ssp-primary)}.ssp-input-with-unit{display:flex}.ssp-input,.ssp-select,.ssp-textarea{border:1px solid var(--ssp-border);border-radius:var(--ssp-radius);padding:12px 14px;font-size:15px;width:100%;font-family:inherit;color:var(--ssp-dark);background:#fff}.ssp-input:focus,.ssp-select:focus,.ssp-textarea:focus{outline:none;border-color:var(--ssp-primary);box-shadow:0 0 0 3px rgb(236 0 140 / .14)}.ssp-dim-input{border-radius:var(--ssp-radius) 0 0 var(--ssp-radius);border-right:0}.ssp-select{border-radius:0 var(--ssp-radius) var(--ssp-radius) 0;width:auto;min-width:72px;cursor:pointer;background:var(--ssp-light)}.ssp-area-preview{display:flex;align-items:baseline;gap:8px;background:var(--ssp-light);border-radius:var(--ssp-radius);padding:14px 16px;font-size:14px}.ssp-area-preview[hidden]{display:none!important}.ssp-area-preview strong{font-size:1.35rem;color:var(--ssp-primary)}.ssp-quantity-wrap{display:inline-flex;align-items:stretch;max-width:220px}.ssp-qty-btn{width:48px;height:52px;border:1px solid var(--ssp-border);background:var(--ssp-light);font-size:22px;font-weight:700;cursor:pointer;line-height:1}.ssp-qty-btn:first-child{border-radius:var(--ssp-radius) 0 0 var(--ssp-radius)}.ssp-qty-btn:last-child{border-radius:0 var(--ssp-radius) var(--ssp-radius) 0}.ssp-qty-btn:hover{background:#fff;color:var(--ssp-primary)}.ssp-qty-input{width:88px;border-left:0;border-right:0;border-radius:0;text-align:center;font-size:22px;font-weight:800;padding:8px 4px;height:52px}.ssp-qty-hint{margin:14px 0 0;color:var(--ssp-muted);font-size:13px;max-width:42ch}.ssp-finishing-list{display:grid;gap:10px}.ssp-finishing-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:2px solid var(--ssp-border);border-radius:var(--ssp-radius-lg);cursor:pointer;background:#fff;transition:.2s;position:relative}.ssp-finishing-item:hover{border-color:var(--ssp-cyan)}.ssp-finishing-item.selected{border-color:var(--ssp-primary);background:#fdf2f8}.ssp-finishing-cb{position:absolute;opacity:0;width:0;height:0}.ssp-finishing-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--ssp-border);flex-shrink:0;margin-top:1px;background:#fff}.ssp-finishing-item.selected .ssp-finishing-check{background:var(--ssp-primary);border-color:var(--ssp-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M2 6.2 4.8 9 10 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.ssp-finishing-copy{display:grid;gap:2px}.ssp-finishing-name{font-weight:700}.ssp-finishing-desc{font-size:13px;color:var(--ssp-muted)}.ssp-upload-zone{border:2px dashed var(--ssp-border);border-radius:var(--ssp-radius-lg);padding:36px 20px;text-align:center;cursor:pointer;position:relative;background:var(--ssp-light);transition:.2s}.ssp-upload-zone:hover,.ssp-upload-zone.dragover,.ssp-upload-zone.is-ok{border-color:var(--ssp-primary);background:#fdf2f8}.ssp-upload-zone.is-ok{border-style:solid}.ssp-upload-icon{color:var(--ssp-primary);margin-bottom:10px}.ssp-upload-prompt{font-weight:700;margin:0 0 4px}.ssp-upload-types{margin:0;font-size:13px;color:var(--ssp-muted)}.ssp-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ssp-upload-status{margin-top:16px}.ssp-upload-status[hidden]{display:none!important}.ssp-upload-progress{height:8px;background:var(--ssp-border);border-radius:99px;overflow:hidden;margin-bottom:8px}.ssp-progress-bar{height:100%;width:0;background:var(--ssp-primary);transition:width .3s}.ssp-upload-filename{font-weight:700;margin:0}.ssp-upload-message{font-size:13px;color:var(--ssp-success);margin:4px 0 0}.ssp-no-design-cta{margin-top:22px;padding-top:18px;border-top:1px solid var(--ssp-border);text-align:center}.ssp-no-design-cta p{color:var(--ssp-muted);margin:0 0 12px}.ssp-result-loading{text-align:center;padding:48px 16px}.ssp-spinner{width:40px;height:40px;border:3px solid var(--ssp-border);border-top-color:var(--ssp-primary);border-radius:50%;animation:sspSpin .7s linear infinite;margin:0 auto 12px}@keyframes sspSpin{to{transform:rotate(360deg)}}.ssp-result-box{border:1px solid var(--ssp-border);border-radius:var(--ssp-radius-lg);overflow:hidden;box-shadow:var(--ssp-shadow);background:#fff}.ssp-result-box[hidden],.ssp-result-ctas[hidden],.ssp-quote-form-inline[hidden],.ssp-error[hidden]{display:none!important}.ssp-result-hero{background:var(--ssp-dark);color:#fff;padding:28px 24px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.ssp-result-hero span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7adfff}.ssp-result-hero strong{font-size:clamp(1.6rem, 4vw, 2.2rem);color:var(--ssp-yellow);letter-spacing:-.03em}.ssp-result-table{width:100%;border-collapse:collapse}.ssp-result-table th,.ssp-result-table td{padding:12px 18px;border-bottom:1px solid var(--ssp-border);text-align:left;font-size:14px}.ssp-result-table th{width:38%;color:var(--ssp-muted);font-weight:600}.ssp-result-breakdown{padding:16px 18px 20px;background:var(--ssp-light)}.ssp-breakdown-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #e7e9ee}.ssp-disclaimer{margin:0;padding:12px 18px;font-size:12px;color:#7a6200;background:#fff8d6}.ssp-result-ctas{display:grid;gap:10px;margin-top:20px}.ssp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;border:2px solid #fff0;line-height:1;font-family:inherit;transition:.2s var(--ssp-ease)}.ssp-btn:hover{transform:translateY(-1px)}.ssp-btn-primary{background:var(--ssp-primary);color:#fff}.ssp-btn-primary:hover{background:var(--ssp-primary-dark);color:#fff}.ssp-btn-secondary{background:var(--ssp-cyan);color:#fff}.ssp-btn-whatsapp{background:var(--ssp-whatsapp);color:#fff}.ssp-btn-outline{background:#fff;color:var(--ssp-primary);border-color:var(--ssp-primary)}.ssp-btn-ghost{background:#fff;color:var(--ssp-dark);border-color:var(--ssp-border)}.ssp-btn-text{background:#fff0;color:var(--ssp-muted)}.ssp-btn-lg{padding:16px 24px}.ssp-btn:disabled{opacity:.6;cursor:wait;transform:none}.ssp-nav{display:flex;gap:10px;margin-top:28px}.ssp-nav .ssp-btn{flex:1}.ssp-nav .ssp-btn[hidden]{display:none!important}.ssp-error{background:#fdecea;border:1px solid #f5c2c0;color:var(--ssp-error);padding:12px 14px;border-radius:10px;margin-top:16px;font-size:14px;font-weight:600}.ssp-error.is-shake{animation:sspShake .4s}@keyframes sspShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.ssp-form{background:#fff;padding:24px;border:1px solid var(--ssp-border);border-radius:var(--ssp-radius-lg);margin-top:16px}.ssp-form h3{margin:0 0 6px}.ssp-form-note{color:var(--ssp-muted);font-size:14px;margin:0 0 18px}.ssp-form-row{display:grid;gap:14px;margin-bottom:14px}.ssp-form-row-2{grid-template-columns:1fr 1fr}.ssp-textarea{resize:vertical;min-height:88px}.ssp-form-actions{margin-top:8px}.ssp-form-result{margin-top:12px;padding:12px 14px;border-radius:10px;font-weight:600}.ssp-form-result.success{background:#e8f8f0;color:var(--ssp-success)}.ssp-form-result.error{background:#fdecea;color:var(--ssp-error)}.ssp-job{background:var(--ssp-dark);color:#fff;border-radius:24px;padding:24px 22px;position:sticky;top:112px}.ssp-job h3{color:#fff;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}.ssp-job-list{margin:0;display:grid;gap:12px}.ssp-job-list div{display:grid;gap:2px;padding-bottom:10px;border-bottom:1px solid rgb(255 255 255 / .08)}.ssp-job-list dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(255 255 255 / .45)}.ssp-job-list dd{margin:0;font-weight:700;color:#fff;word-break:break-word}.ssp-job-note{font-size:12px;color:rgb(255 255 255 / .55);margin:16px 0 0}.ssp-loading,.ssp-notice{color:var(--ssp-muted);font-size:14px}@media (max-width:900px){.ssp-calc-layout{grid-template-columns:1fr}.ssp-job{position:static;display:grid;grid-template-columns:1fr;padding:16px 18px}.ssp-job-list{grid-template-columns:1fr 1fr}.ssp-job h3,.ssp-job-note{grid-column:1 / -1}.ssp-job-note{margin-top:4px}}@media (max-width:640px){.ssp-step-label{display:none}.ssp-step-num{width:30px;height:30px;font-size:12px}.ssp-fabric-grid,.ssp-method-grid{grid-template-columns:repeat(2,1fr)}.ssp-dimensions-grid,.ssp-form-row-2,.ssp-job-list{grid-template-columns:1fr}.ssp-result-hero{flex-direction:column}}@media (prefers-reduced-motion:reduce){.ssp-step,.ssp-card,.ssp-btn,.ssp-progress-fill{animation:none;transition:none}}