@layer components{.configurateur-immersif{overscroll-behavior:none;overflow:hidden}.configurateur-immersif .entete,.configurateur-immersif .pied{display:none}.configurateur{--coche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23FCF9F2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5'/%3E%3C/svg%3E");--panneau:clamp(360px, 30vw, 460px);inset:var(--wp-admin--admin-bar--height,0px) 0 0;grid-template-columns:minmax(0, 1fr) var(--panneau);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;overflow:clip}.configurateur__panneau{--pad:clamp(18px, 1.8vw, 28px);overscroll-behavior:contain;padding:20px var(--pad) 0;border-inline-start:1px solid var(--ligne);background:var(--sable);scrollbar-width:thin;flex-direction:column;scroll-padding-block-end:132px;display:flex;position:relative;overflow-y:auto}.configurateur__tete{align-items:center;gap:var(--space-2) var(--space-3);padding-inline:var(--space-1);grid-template-columns:minmax(0,1fr) auto;margin-block-end:18px;display:grid}.configurateur__tete h1{white-space:nowrap;grid-row:1;margin:0;font-size:clamp(21px,1.6vw,25px)}@media (width<420px){.configurateur__tete .configurateur__devis-texte{display:none}}.configurateur__tete :is(.chapo,.configurateur__raccourci){font-size:var(--fs-small);color:var(--texte-secondaire);grid-column:1/-1;margin:0;line-height:1.55}.configurateur__tete :is(.chapo,.configurateur__raccourci) p{margin:0}.configurateur__devis.badge-devis{gap:var(--space-2);border-radius:var(--radius-pill);background:var(--creme);block-size:40px;inline-size:auto;font-size:var(--fs-small);border-width:1px;grid-area:1/2;justify-self:end;padding-inline:14px;text-decoration:none;display:inline-flex}.scene{background:var(--sable);position:relative;overflow:hidden;container-type:inline-size}.scene__sortie{z-index:1;color:var(--espresso);align-items:center;gap:14px;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:22px;inset-inline-start:24px}.scene__sortie svg{block-size:22px;inline-size:auto}.scene__sortie-texte{border-inline-start:1px solid var(--ligne-forte);font-size:var(--fs-small);color:var(--texte-secondaire);transition:color var(--dur-fast);padding-inline-start:14px}.scene__sortie:hover .scene__sortie-texte{color:var(--espresso)}.scene__toile{touch-action:none;cursor:grab;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.scene__toile:active{cursor:grabbing}.scene__chargement,.scene__indisponible{padding:var(--space-6);font-size:var(--fs-ui);text-align:center;color:var(--texte-secondaire);place-items:center;display:grid;position:absolute;inset:0}.scene__badges{gap:var(--space-2);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute;inset:68px 18px auto 24px}.scene__badges button{border-radius:var(--radius-pill);background:var(--creme);color:var(--espresso);font:inherit;font-size:var(--fs-small);box-shadow:0 1px 0 var(--ligne);cursor:pointer;pointer-events:auto;transition:box-shadow var(--dur-fast);border:0;padding:6px 14px}.scene__badges button:hover{box-shadow:0 0 0 1px var(--espresso)}.scene__badges b{font-weight:700}.scene__vues{gap:6px;position:absolute;inset-block-end:16px;inset-inline-start:18px}.scene__vues button{background:var(--creme);box-shadow:0 1px 0 var(--ligne);border:0;padding:7px 14px}.scene__vue-icone{display:none}@container (width<720px){.scene__vues{border-radius:var(--radius-pill);background:rgb(var(--creme-rvb) / .72);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--ligne), 0 8px 20px -12px rgb(var(--espresso-rvb) / .4);flex-flow:column;gap:2px;padding:3px;inset-block:66px auto;inset-inline:auto 24px}.scene__vues button{block-size:40px;inline-size:40px;box-shadow:none;background:0 0;place-items:center;padding:0;display:grid}.scene__vues button[aria-pressed=true]{background:var(--espresso)}.scene__vues button[hidden]{display:none}.scene__vue-icone{block-size:20px;inline-size:20px;display:block}.scene__vue-nom{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.scene__decor{position:absolute;inset-block-start:18px;inset-inline-end:24px}.scene__decor button{background:var(--creme);font-size:var(--fs-small);box-shadow:0 1px 0 var(--ligne);border:0;padding:6px 14px}@container (width<720px){.scene__aide{display:none}}@media (hover:none){.scene__aide{display:none}}.scene__aide{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:rgb(var(--creme-rvb) / .8);font-size:var(--fs-label);color:var(--texte-secondaire);position:absolute;inset-block-end:16px;inset-inline-end:18px}.etapes{gap:var(--space-1);flex-direction:column;margin:0;padding:0 0 20px;list-style:none;display:flex}.etape{transition:background var(--dur-fast), box-shadow var(--dur-fast);border-radius:20px;scroll-margin-block-start:12px}.etape:not(.est-ouverte):hover{background:rgb(var(--creme-rvb) / .6)}.etape.est-ouverte{margin-block:var(--space-1);background:var(--creme);box-shadow:var(--ombre,0 12px 32px -12px rgb(var(--espresso-rvb) / .22))}.etape__entete{font:inherit;margin:0}.etape__tete{align-items:center;gap:var(--space-3);border-radius:inherit;min-block-size:54px;inline-size:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr) auto;padding:10px 14px;display:grid}.est-ouverte .etape__tete{padding-block:var(--space-4) var(--space-3)}.etape__numero{border:1.5px solid var(--ligne-forte);block-size:26px;inline-size:26px;font-size:var(--fs-label);color:var(--texte-secondaire);transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border-radius:50%;place-items:center;font-weight:700;display:grid}.est-ouverte .etape__numero{border-color:var(--espresso);background:var(--espresso);color:var(--creme)}.est-faite .etape__numero{border-color:var(--espresso);background:var(--espresso) var(--coche) center / 12px no-repeat;color:#0000}.etape__titre{font-size:var(--fs-ui-l);color:var(--texte-secondaire);font-weight:400}.est-ouverte .etape__titre,.est-faite .etape__titre{color:var(--espresso)}.est-ouverte .etape__titre{font-size:var(--fs-h5);letter-spacing:-.02em;font-weight:500}.etape__valeur{max-inline-size:180px;font-size:var(--fs-small);color:var(--texte-secondaire);text-align:end;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.est-faite .etape__valeur{padding:var(--space-1) 10px;border-radius:var(--radius-pill);background:var(--creme);color:var(--espresso)}.est-ouverte .etape__valeur{display:none}.etape__corps{flex-direction:column;gap:14px;padding:2px 14px 18px;display:flex;container-type:inline-size}.etape__libelle{justify-content:space-between;gap:var(--space-2);font-size:var(--fs-small);margin-block-end:var(--space-2);font-weight:500;display:flex}.etape__libelle span{color:var(--texte-secondaire);font-weight:400}.etape__info{background:var(--sable);font-size:var(--fs-small);border-radius:14px;padding:10px 14px}.etape__info:empty{display:none}.etape__message{font-size:var(--fs-small)}.etape__message.est-erreur{color:var(--erreur)}.etape__volet{gap:var(--space-3);flex-direction:column;display:flex}.cartes-choix{gap:var(--space-2);flex-direction:column;display:flex}.carte-choix{border:1px solid var(--ligne-forte);color:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), transform .15s;background:0 0;border-radius:18px;flex-direction:column;gap:3px;padding:15px 52px 15px 18px;display:flex;position:relative}.carte-choix:hover{border-color:var(--espresso)}.carte-choix:active{transform:scale(.99)}.carte-choix:after{content:"";border:1.5px solid var(--ligne-forte);block-size:20px;inline-size:20px;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-end:18px;translate:0 -50%}.carte-choix[aria-pressed=true]:after{border-color:var(--espresso);background:var(--espresso) var(--coche) center / 11px no-repeat}.carte-choix__titre{letter-spacing:-.03em;text-transform:lowercase;font-size:20px;font-weight:300}.carte-choix__titre b{font-weight:700}.carte-choix__texte{font-size:var(--fs-small);color:var(--texte-secondaire);line-height:1.5}.carte-gamme{flex-direction:row;align-items:center;gap:14px;padding-block:10px;padding-inline-start:10px}.carte-gamme__image{object-fit:cover;border-radius:12px;flex:none;block-size:64px;inline-size:64px}.carte-gamme__textes{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.carte-gamme__prix{font-size:var(--fs-small);font-weight:500}.carte-modele__reperes{gap:var(--space-1) 6px;flex-wrap:wrap;margin-block-start:6px;display:flex}.carte-modele__reperes>span{border:1px solid var(--ligne);border-radius:var(--radius-pill);font-size:var(--fs-label);color:var(--texte-secondaire);padding:2px 9px;line-height:1.5}.carte-modele__prix{font-size:var(--fs-ui);margin-block-start:6px;font-weight:600}.carte-modele__prix:empty{display:none}.etape__choisi{font-size:var(--fs-small);margin:10px 0 0;font-weight:500}.etape__choisi:empty{display:none}.cartes-choix--duo{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.carte-relief{padding:10px 10px var(--space-3)}.carte-relief:after{background-color:var(--creme);inset-block-start:18px;inset-inline-end:18px;translate:none}.carte-relief .carte-choix__titre{padding-inline:var(--space-1);font-size:var(--fs-body)}.carte-relief .carte-choix__texte{padding-inline:var(--space-1)}.carte-relief__apercu{aspect-ratio:2;border-radius:var(--radius-s);background:var(--sable);block-size:auto;inline-size:100%;margin-block-end:6px;display:block}.carte-relief__apercu--photo{aspect-ratio:4/3;object-fit:cover}.curseur{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.curseur input{inline-size:100%;accent-color:var(--espresso)}.curseur--saisie{grid-template-columns:1fr auto}.curseur__saisie{font-size:var(--fs-small);align-items:center;gap:6px;font-weight:500;display:inline-flex}.curseur__saisie .champ__saisie{box-sizing:content-box;block-size:40px;inline-size:5.5ch;padding-inline:var(--space-3);font-variant-numeric:tabular-nums;text-align:end;appearance:textfield}.curseur__saisie .champ__saisie::-webkit-inner-spin-button{appearance:none;margin:0}.curseur__saisie .champ__saisie::-webkit-outer-spin-button{appearance:none;margin:0}.curseur__detail{font-size:var(--fs-small);color:var(--texte-secondaire);margin-block-start:var(--space-1);display:block}.curseur__valeur{min-inline-size:13ch;font-size:var(--fs-small);text-align:end;font-weight:500}.plan-dalles{gap:var(--space-2);flex-direction:column;display:flex}.plan-dalles__outils{align-items:center;gap:var(--space-2);font-size:var(--fs-small);flex-wrap:wrap;display:flex}.plan-dalles__outils-libelle{color:var(--texte-secondaire)}.plan-dalles__mur,.plan-dalles__grille{inline-size:100%;max-inline-size:calc(var(--colonnes,4) * 72px);margin-inline:auto}.plan-dalles__mur{border-block-end:3px solid var(--ligne-forte);font-size:var(--fs-xs);text-align:center;color:var(--texte-secondaire);padding-block-end:3px}.plan-dalles__grille{grid-template-columns:repeat(var(--colonnes,4), minmax(0, 1fr));background:var(--blanc);box-shadow:0 0 0 1px var(--ligne);border-radius:4px;gap:3px;padding:3px;display:grid}.plan-dalles__case{aspect-ratio:1;cursor:pointer;background:#e6e1d8;border:0;border-radius:2px;padding:0;position:relative;overflow:hidden}.plan-dalles__case:hover{outline:2px solid var(--ligne-forte);outline-offset:-2px}.plan-dalles__case:focus-visible{z-index:1;outline:2px solid var(--espresso);outline-offset:1px}.plan-dalles__case.est-vide .plan-dalles__dalle{display:none}.plan-dalles__dalle{background:var(--relief) center / cover, var(--teinte,var(--rk-08));background-blend-mode:multiply;rotate:calc(var(--tour,0) * 90deg);transition:rotate .35s var(--ease);position:absolute;inset:0}.plan-dalles__aide{font-size:var(--fs-small);color:var(--texte-secondaire)}:is(.carte-choix,.format-arka,.profil,.fixation)[aria-pressed=true]{border-color:var(--espresso);background:var(--sable);box-shadow:inset 0 0 0 1px var(--espresso)}:is(.vignette-motif,.vignette-visuel)[aria-pressed=true]{border-color:var(--espresso);background:var(--sable)}:is(.format-arka,.profil,.fixation,.vignette-motif,.vignette-visuel){position:relative}:is(.format-arka,.profil,.fixation,.vignette-motif,.vignette-visuel)[aria-pressed=true]:after{content:"";background:var(--espresso) var(--coche) center / 10px no-repeat;block-size:18px;inline-size:18px;box-shadow:0 0 0 2px var(--creme);border-radius:50%;position:absolute;inset-block-start:6px;inset-inline-end:6px}.grille-motifs,.grille-visuels{gap:var(--space-2);overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));padding:2px;display:grid;overflow:auto}.grille-motifs{max-block-size:340px}.vignette-motif,.vignette-visuel{gap:var(--space-1);padding:var(--space-1) var(--space-1) 6px;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:12px;flex-direction:column;display:flex}:is(.vignette-motif,.vignette-visuel):hover{border-color:var(--ligne-forte)}:is(.vignette-motif,.vignette-visuel) span{font-size:var(--fs-label);text-align:center}.grille-silhouettes{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));padding:2px;display:grid}.vignette-silhouette svg{block-size:120px;inline-size:100%;color:var(--espresso)}.vignette-motif img{aspect-ratio:1/2;object-fit:contain;block-size:auto;inline-size:100%}.pastilles{flex-wrap:wrap;gap:10px;display:flex}.pastilles .pastille{block-size:34px;inline-size:34px}.formats-arka{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.format-arka{padding:10px 6px var(--space-2);border:1.5px solid var(--ligne-forte);font-size:var(--fs-label);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;display:flex}.format-arka:hover{border-color:var(--espresso)}.format-arka i{background:var(--espresso);opacity:.8;border-radius:2px;display:block}.format-arka--mesure i{border:1.5px dashed var(--espresso);opacity:.6;background:0 0;block-size:18px;inline-size:30px}.sur-mesure{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sur-mesure .champ__saisie{block-size:44px;inline-size:100%}.filtre-categorie{align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.filtre-categorie .filtre-categorie__libelle{font-size:var(--fs-small);font-weight:500}.filtre-categorie select{min-inline-size:0;padding:var(--space-2) calc(var(--space-4) + 18px) var(--space-2) var(--space-4);border:1.5px solid var(--ligne-forte);border-radius:var(--radius-pill);color:var(--espresso);font:inherit;font-size:var(--fs-small);appearance:none;cursor:pointer;transition:border-color var(--dur-fast);background:linear-gradient(45deg,#0000 50%,currentColor 50%) right 20px center/6px 6px no-repeat,linear-gradient(135deg,currentColor 50%,#0000 50%) right 14px center/6px 6px no-repeat;flex:1}.filtre-categorie select:hover,.filtre-categorie select:focus-visible{border-color:var(--espresso)}.choix--petit button{padding:5px var(--space-3);font-size:var(--fs-label);white-space:nowrap}.grille-visuels{max-block-size:360px}.vignette-visuel{padding:3px 3px 5px}.vignette-visuel img{aspect-ratio:2/3;object-fit:cover;background:var(--sable);border-radius:8px;block-size:auto;inline-size:100%}.depot{padding:22px var(--space-4);border:1.5px dashed var(--ligne-forte);text-align:center;cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:18px;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.depot:hover,.depot.est-survole{border-color:var(--espresso);background:var(--sable)}.depot:has(.depot__fichier:focus-visible){border-color:var(--espresso);background:var(--sable)}.depot:has(.depot__fichier:focus-visible){outline:2px solid var(--espresso);outline-offset:3px}.depot strong{font-weight:500}.depot small{max-inline-size:36ch;font-size:var(--fs-label);color:var(--texte-secondaire)}.depot__fichier{opacity:0;block-size:1px;inline-size:1px;position:absolute}.fichier{align-items:center;gap:var(--space-3);font-size:var(--fs-small);display:flex}.fichier__apercu{object-fit:cover;border-radius:6px;block-size:64px;inline-size:48px}.fichier__texte{overflow-wrap:anywhere;flex-direction:column;min-inline-size:0;display:flex}.fichier__texte small{color:var(--texte-secondaire)}.fichier__retirer{font-size:var(--fs-label);margin-inline-start:auto}.cadrage{gap:var(--space-2);flex-direction:column;display:flex}.cadrage .etape__libelle{margin:0}.cadrage__ligne{font-size:var(--fs-small);color:var(--texte-secondaire);grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.cadrage__ligne input{inline-size:100%;accent-color:var(--espresso)}.resolution{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--sable);font-size:var(--fs-small);border-radius:12px;display:flex}.resolution i{background:var(--niveau,var(--texte-secondaire));border-radius:50%;flex:none;block-size:9px;inline-size:9px}.resolution b{font-weight:500}.resolution--bonne{--niveau:var(--ok)}.resolution--correcte{--niveau:var(--attention)}.resolution--faible{--niveau:var(--erreur)}.profils{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profil{padding:10px var(--space-3);border:1.5px solid var(--ligne-forte);border-radius:var(--radius-m);text-align:start;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);background:0 0;grid-template-columns:34px 1fr;align-items:center;gap:10px;display:grid}.profil:hover{border-color:var(--espresso)}.profil i{background:var(--c);border-radius:9px;block-size:34px;inline-size:34px;box-shadow:inset 0 0 0 1px #00000024}.profil span{font-size:var(--fs-small);line-height:1.3}.profil small{font-size:var(--fs-xs);color:var(--texte-secondaire);display:block}.fixations{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fixation{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) 10px;border:1.5px solid var(--ligne-forte);border-radius:var(--radius-m);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);background:0 0;flex-direction:column;display:flex}.fixation:hover{border-color:var(--espresso)}.fixation svg{block-size:54px;inline-size:54px}.recap{gap:6px var(--space-4);font-size:var(--fs-ui);grid-template-columns:auto 1fr;margin:0;display:grid}.recap dt{color:var(--texte-secondaire)}.recap dd{margin:0;font-weight:500}.reference{border:1px dashed var(--ligne-forte);font-size:var(--fs-label);color:var(--texte-secondaire);border-radius:12px;padding:10px 14px}.barre-config{z-index:3;align-items:center;gap:2px var(--space-3);margin-block-start:auto;margin-inline:calc(-1 * var(--pad));padding:16px var(--pad) calc(12px + env(safe-area-inset-bottom,0px));background:var(--creme);box-shadow:0 -1px 0 var(--ligne), 0 -16px 32px -20px rgb(var(--espresso-rvb) / .35);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"etape etape""montant actions""note note";display:grid;position:sticky;inset-block-end:0}.barre-config__piste{background:var(--ligne);block-size:3px;position:absolute;inset:0 0 auto}.barre-config__piste span{inline-size:calc(var(--avance,0) * 100%);background:var(--espresso);block-size:100%;transition:inline-size var(--dur) var(--ease);display:block}.barre-config__etape{font-size:var(--fs-label);color:var(--texte-secondaire);text-overflow:ellipsis;white-space:nowrap;grid-area:etape;margin:0;overflow:hidden}.barre-config__montant{white-space:nowrap;letter-spacing:-.02em;grid-area:montant;font-size:clamp(18px,1.5vw,21px);font-weight:700;line-height:1.2}.barre-config__note{font-size:var(--fs-label);color:var(--texte-secondaire);grid-area:note;margin-block-start:6px}.barre-config__note:empty{display:none}.barre-config__actions{align-items:center;gap:var(--space-2);grid-area:actions;display:flex}.barre-config__retour{border:1.5px solid var(--ligne-forte);block-size:44px;inline-size:44px;color:var(--espresso);cursor:pointer;transition:border-color var(--dur-fast);background:0 0;border-radius:50%;place-items:center;display:grid}.barre-config__retour:hover{border-color:var(--espresso)}.barre-config__retour svg{block-size:16px;inline-size:16px}@container (width<340px){.grille-motifs,.grille-visuels,.formats-arka{grid-template-columns:repeat(3,minmax(0,1fr))}.profils{grid-template-columns:1fr}}@media (width<=980px){.configurateur{grid-template-rows:clamp(200px,40%,420px) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.scene{border-block-end:1px solid var(--ligne)}.configurateur__panneau{border-inline-start:0}.scene__sortie-texte,.scene__badges{display:none}}@media (width<=980px) and (orientation:landscape) and (height<=560px){.configurateur{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(300px,46%)}.scene{border-block-end:0}.configurateur__panneau{border-inline-start:1px solid var(--ligne);padding-inline-end:max(var(--pad), env(safe-area-inset-right,0px))}.scene__sortie{inset-inline-start:max(16px, env(safe-area-inset-left,0px))}}}