.spo-cards{--spo-cyan:#00c7fc;--spo-pink:#ed016f;--spo-ink:#191918;max-width:1200px;margin:auto;padding:46px 24px 70px;color:var(--spo-ink)}.spo-cards *{box-sizing:border-box}.spo-cards [hidden]{display:none!important}.spo-intro{max-width:800px;margin-bottom:38px}.spo-eyebrow{font-size:11px!important;letter-spacing:1.5px;font-weight:700;margin:0 0 16px}.spo-intro h1{font-size:60px;line-height:1.03;letter-spacing:-2.5px;margin:0 0 22px}.spo-intro h1 em{font-style:normal;color:var(--spo-pink)}.spo-intro>p:not(.spo-eyebrow){max-width:640px;font-size:17px;line-height:1.7}.spo-benefits{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;font-weight:600}.spo-benefits span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--spo-cyan);margin-right:8px}.spo-layout{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:36px;align-items:start}.spo-config{min-width:0}.spo-config fieldset{border:0;border-top:1px solid #dfe5e6;padding:26px 0 30px;margin:0}.spo-config legend{float:left;width:100%;padding:0;margin:0 0 22px;font-size:20px;font-weight:700;letter-spacing:-.5px}.spo-config legend+*{clear:both}.spo-config legend b{color:#00a3ce;margin-right:14px;font-size:12px;letter-spacing:1px}.spo-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spo-cards label{display:block;font-size:12px;font-weight:600;line-height:1.6}.spo-cards select,.spo-cards input[type=number]{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #cfd7da!important;border-radius:8px;padding:10px 34px 10px 12px;color:#191918;background-color:white;font-family:inherit;font-size:13px;margin:8px 0 0}.spo-cards select:focus-visible,.spo-cards input:focus-visible{outline:2px solid var(--spo-cyan);outline-offset:2px}.spo-help{font-size:11px!important;line-height:1.65!important;color:#58636a;margin:12px 0 0}.spo-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spo-choice label{display:flex;align-items:center;gap:10px;border:1px solid #cfd7da;border-radius:8px;padding:14px;cursor:pointer}.spo-choice label:has(input:checked){border-color:#ed016f;background:#fff4f9}.spo-choice input{accent-color:#ed016f}.spo-table-wrap{margin-top:22px;border:1px solid #e0e6e8;border-radius:10px;overflow:auto}.spo-cards table{width:100%;border-collapse:collapse;font-size:12px;margin:0}.spo-cards caption{text-align:left;padding:14px;background:#f4fafc;font-weight:600;font-size:11px}.spo-cards th,.spo-cards td{padding:10px 12px;border:0;border-bottom:1px solid #e9edef;text-align:left;white-space:nowrap}.spo-cards th{font-size:10px;color:#58636a;text-transform:uppercase;letter-spacing:.4px}.spo-cards tr[aria-selected=true]{background:#fff1f7}.spo-cards td button{font-family:inherit;font-size:12px;background:transparent!important;color:#191918!important;border:0!important;padding:0;min-height:28px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.spo-cards td:last-child{color:#657078}.spo-summary{position:sticky;top:24px;border:1px solid #e0e6e8;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #102e3c09}.spo-art{height:242px;background:#eef8fb;position:relative;overflow:hidden}.spo-art-front{position:absolute;left:48px;top:50px;width:232px;height:147px;background:#fff;box-shadow:0 15px 25px #19374225;transform:rotate(-7deg);padding:19px;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px;transition:border-radius .2s}.spo-art-front img{width:142px;max-height:48px;object-fit:contain}.spo-art-front span{font-size:10px;line-height:1.5}.spo-art-front i{height:5px;width:70px;background:var(--spo-pink);position:absolute;bottom:22px;right:0}.spo-art-back{position:absolute;width:230px;height:148px;left:72px;top:39px;background:#191918;transform:rotate(8deg)}.spo-art-back:after{content:'';position:absolute;right:0;bottom:0;background:var(--spo-cyan);width:80px;height:18px}.spo-art>p{position:absolute;bottom:4px;left:20px;color:#50636d;font-size:10px}.spo-summary-body{padding:25px}.spo-summary h2{font-size:21px;letter-spacing:-.6px;margin:0 0 20px}.spo-summary dl{font-size:11px;margin:0}.spo-summary dl div{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:10px 0}.spo-summary dt{color:#6b747a;font-weight:400}.spo-summary dd{font-weight:600;margin:0}.spo-total{border-top:1px solid #e0e6e8;padding-top:18px;margin-top:22px;display:flex;flex-direction:column}.spo-total small{font-size:11px}.spo-total>strong{font-size:40px;letter-spacing:-1.5px;color:#191918;line-height:1.5}.spo-total>span{font-size:11px;color:#5a6970}.spo-tax{font-size:10px;line-height:1.6;color:#5a6970;margin:10px 0}.spo-primary{width:100%;padding:15px 10px;background:#ed016f!important;border:0!important;color:#fff!important;border-radius:8px!important;font-size:12px;font-family:inherit;font-weight:600;margin-top:22px;cursor:pointer}.spo-contact{display:block;font-size:12px;font-weight:600;text-align:center;margin-top:15px;color:#191918}.spo-proposal{font-size:10px;line-height:1.6;color:#69747a;margin:18px 0 0}.spo-file-choice{display:grid;gap:12px}.spo-upload,.spo-design{padding:20px;border:1px solid #cedadd;border-radius:10px}.spo-upload{cursor:pointer;background:#f5fbfd}.spo-upload strong,.spo-design strong{display:block;font-size:14px}.spo-upload span{display:block;color:#657078;font-size:11px;margin:7px 0 12px}.spo-upload input{width:100%;font-size:11px}.spo-design p,.spo-design a{font-size:11px;line-height:1.7}.spo-design a{font-weight:600;color:#bd0058}.spo-after{border-top:3px solid #00c7fc;padding-top:35px;margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.spo-after h2{font-size:30px;letter-spacing:-1px}.spo-after p{font-size:13px;line-height:1.8}@media(max-width:900px){.spo-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.spo-summary-body{padding:20px}.spo-art-front{left:30px}.spo-art-back{left:52px}}@media(max-width:767px){.spo-cards{padding:30px 18px 45px}.spo-intro h1{font-size:42px;letter-spacing:-1.8px}.spo-intro>p:not(.spo-eyebrow){font-size:14px}.spo-benefits{font-size:10px;gap:8px 14px}.spo-layout{display:flex;flex-direction:column}.spo-config{width:100%}.spo-summary{position:static;width:100%;max-width:480px;margin:auto}.spo-fields{grid-template-columns:1fr}.spo-config fieldset{padding:24px 0}.spo-config legend{font-size:19px}.spo-after{grid-template-columns:1fr;gap:10px}.spo-art-front{left:calc(50% - 122px)}.spo-art-back{left:calc(50% - 98px)}.spo-cards td,.spo-cards th{padding:10px}.spo-intro{margin-bottom:25px}}

.spo-summary-details{border-top:1px solid #e0e6e8;margin-top:16px;padding-top:12px}.spo-summary-details summary{font-size:11px;font-weight:600;cursor:pointer}.spo-summary-details[open]{max-height:250px;overflow:auto}.spo-summary .spo-summary-body>.spo-help:first-of-type{margin:0 0 10px}

/* Une pré-maquette explicative accompagne chaque sélection, sans changer le parcours. */
.spo-selection-preview{clear:both;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:center;margin-top:24px;padding:18px;border:1px solid #e0e8eb;border-radius:12px;background:#f4fafc}.spo-preview-model{min-width:0;background:#edf5f7;border-radius:8px;overflow:hidden}.spo-preview-model svg{display:block;width:100%;height:auto;min-height:170px}.spo-cards .spo-preview-eyebrow{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#007e9e;margin:0 0 10px;line-height:1.6}.spo-cards .spo-preview-title{font-size:16px;line-height:1.4;letter-spacing:-.35px;margin:0 0 12px;color:#191918}.spo-cards .spo-preview-description{font-size:12px;line-height:1.8;color:#40535c;margin:0 0 12px}.spo-cards .spo-preview-detail{font-size:11px;line-height:1.8;font-weight:600;color:#344953;margin:0 0 12px}.spo-cards .spo-preview-note{font-size:9px;line-height:1.7;color:#687b85;margin:0}.spo-summary #spo-summary-model{width:100%;height:230px;padding:4px 6px 0}.spo-summary #spo-summary-model svg{width:100%;height:100%;display:block}.spo-summary #spo-art-size{font-size:9px;line-height:1.5;right:12px;left:16px;bottom:4px;margin:0}.spo-summary .spo-art{height:248px}@media(max-width:1100px){.spo-selection-preview{grid-template-columns:1fr;gap:16px}.spo-preview-model svg{max-height:230px;min-height:0}.spo-preview-copy{padding:0 3px 3px}}@media(max-width:767px){.spo-selection-preview{padding:12px;margin-top:20px;gap:16px}.spo-preview-model svg{max-height:240px}.spo-cards .spo-preview-title{font-size:16px}.spo-cards .spo-preview-description{font-size:12px}.spo-cards .spo-preview-note{font-size:10px}.spo-summary #spo-art-size{font-size:10px}}

/* Configuration progressive : aucun tarif avant la validation de la quantité. */
.spo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 30px;border-bottom:1px solid #e0e6e8;padding-bottom:20px}.spo-steps button{display:flex;align-items:center;gap:10px;text-align:left;background:#f4f7f8!important;border:1px solid transparent!important;color:#69757b!important;border-radius:8px;padding:12px;font-family:inherit;font-size:11px;font-weight:600;min-height:50px;cursor:pointer}.spo-steps button b{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #c5d0d5;border-radius:50%;font-size:10px}.spo-steps button[aria-current=step]{background:#fff1f7!important;border-color:#ed016f!important;color:#191918!important}.spo-steps button[aria-current=step] b{background:#ed016f;border-color:#ed016f;color:white}.spo-steps button.is-complete b{background:#00c7fc;border-color:#00c7fc;color:#191918}.spo-steps button:disabled{cursor:default;opacity:.6}.spo-cards .spo-subtitle{font-size:16px;letter-spacing:-.3px;margin:24px 0 16px}.spo-config legend{scroll-margin-top:60px}.spo-config fieldset{min-height:250px}.spo-step-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;border-top:1px solid #e0e6e8}.spo-step-actions .spo-primary{width:auto;min-width:220px;margin:0}.spo-cards .spo-back{background:#c60069!important;color:#fff!important;border:1px solid #c60069!important;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:46px}.spo-cards .spo-back:hover{background:#a60059!important}.spo-config #spo-calculate{width:auto;margin-top:20px;padding:15px 24px}.spo-delivery-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spo-cards .spo-delivery-option{display:flex;flex-direction:column;text-align:left;gap:12px;background:white!important;border:1px solid #cfd9dd!important;border-radius:10px;color:#191918!important;padding:16px 12px;font-family:inherit;cursor:pointer;min-width:0}.spo-cards .spo-delivery-option[aria-pressed=true]{border:2px solid #ed016f!important;padding:15px 11px;background:#fff5f9!important;box-shadow:0 4px 16px #ed016f0b}.spo-offer-name{font-size:11px;font-weight:700}.spo-offer-days{font-size:17px;letter-spacing:-.6px;line-height:1.4}.spo-delivery-option small{font-size:9px;line-height:1.6;color:#5b6870}.spo-offer-price{font-size:24px;letter-spacing:-1px;white-space:nowrap;margin-top:auto}.spo-selected-delivery{font-size:11px;font-weight:600;color:#bd0058}.spo-no-offers{border-left:3px solid #00c7fc;background:#f4fafc;padding:16px;font-size:12px;line-height:1.8}.spo-creation{border-top:1px solid #e0e6e8;margin-top:25px;padding-top:4px}.spo-summary .spo-total{margin-top:16px}.spo-intro{margin-bottom:28px}.spo-layout{gap:28px}.spo-cards #spo-price-pending{background:#f4fafc;border-radius:8px;padding:16px;margin-top:20px}.spo-config [data-panel="3"]{min-height:0}.spo-delivery-option:focus-visible,.spo-steps button:focus-visible,.spo-back:focus-visible{outline:2px solid #00c7fc;outline-offset:3px}@media(max-width:1050px) and (min-width:768px){.spo-delivery-offers{grid-template-columns:1fr}.spo-cards .spo-delivery-option{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spo-offer-price{margin:0;grid-column:2;grid-row:1/3;align-self:center;justify-self:end}.spo-delivery-option small:last-child{grid-column:2;justify-self:end}.spo-offer-days{grid-column:1;grid-row:2}.spo-delivery-option small:nth-child(3){grid-column:1}}@media(max-width:767px){.spo-steps{gap:5px;margin-bottom:22px}.spo-steps button{flex-direction:column;text-align:center;gap:7px;padding:10px 4px;font-size:9px;line-height:1.4}.spo-steps button b{width:22px;height:22px}.spo-step-actions .spo-primary{min-width:0;max-width:72%;font-size:11px;padding:14px 16px}.spo-delivery-offers{grid-template-columns:1fr;gap:12px}.spo-cards .spo-delivery-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:16px}.spo-cards .spo-delivery-option[aria-pressed=true]{padding:15px}.spo-offer-price{grid-column:2;grid-row:1/3;align-self:center;font-size:29px;margin:0}.spo-delivery-option small:last-child{grid-column:2;grid-row:3;text-align:right}.spo-offer-days{grid-column:1;grid-row:2}.spo-delivery-option small:nth-child(3){grid-column:1;grid-row:3}.spo-config fieldset{min-height:220px}.spo-config legend{font-size:18px;scroll-margin-top:20px}.spo-config #spo-calculate{width:100%}.spo-layout{gap:24px}.spo-creation{margin-bottom:10px}}