.ck-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;max-width:1100px;margin:0 auto;align-items:start}
.ck-pv{position:sticky;top:90px}
@media(max-width:820px){.ck-app{grid-template-columns:1fr}.ck-pv{position:static}}
.ck-prev{background:#F3EDE4;border-radius:22px;padding:1rem;display:flex;justify-content:center}
.ck-prev svg{width:100%;max-width:300px;max-height:75vh;height:auto}
@media(max-width:820px){.ck-prev svg{max-height:55vh}}
.ck-hint{text-align:center;font-size:.85rem;color:#6B645C;margin:.4rem 0 0}
.ck-step{font-weight:800;font-size:1.1rem;margin:1.3rem 0 .6rem;display:flex;align-items:center;gap:.5rem}
.ck-num{display:inline-flex;width:1.8rem;height:1.8rem;border-radius:50%;background:#E8572A;color:#fff;align-items:center;justify-content:center;font-size:.95rem}
.ck-input{width:100%;box-sizing:border-box;padding:.8rem 1rem;border:2px solid #E6DDD0;border-radius:14px;font:inherit;font-size:1.4rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;background:#fff}
.ck-input:focus{outline:none;border-color:#E8572A}
.ck-small{font-size:.8rem;color:#6B645C;margin:.35rem 0}
.ck-icons{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}
.ck-ib{aspect-ratio:1;border:2px solid #E6DDD0;background:#fff;border-radius:12px;padding:.4rem;cursor:pointer}
.ck-ib:disabled{opacity:.35}.ck-ib svg{width:100%;height:100%}
.ck-edit{background:#fff;border:2px solid #E8572A;border-radius:16px;padding:.8rem 1rem;margin-top:.8rem}
.ck-row,.ck-cl{display:flex;align-items:center;gap:.6rem;margin:.45rem 0;flex-wrap:wrap}.ck-row>span,.ck-cl>span{min-width:6.5rem;font-weight:600;font-size:.9rem}
.ck-sw{display:flex;flex-wrap:wrap;gap:.3rem;flex:1}
.ck-s{width:1.9rem;height:1.9rem;border-radius:8px;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.ck-s.on{outline:3px solid #1C1A17;outline-offset:1px}
.ck-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.ck-btns button{border:1px solid #E6DDD0;background:#fff;border-radius:999px;padding:.4rem .85rem;font:inherit;font-weight:600;cursor:pointer}
.ck-btns #ck-done{background:#E8572A;color:#fff;border-color:#E8572A}
.ck-chk{display:flex;gap:.5rem;align-items:center;font-size:.9rem;margin:.2rem 0 .6rem}
.ck-summary{background:#fff;border:1px solid #E6DDD0;border-radius:18px;padding:1rem 1.2rem;margin-top:1.2rem}
.ck-line,.ck-total{display:flex;justify-content:space-between;padding:.25rem 0}
.ck-total{border-top:1px solid #E6DDD0;margin-top:.4rem;padding-top:.6rem;font-size:1.3rem}.ck-total b{color:#E8572A}
.ck-ok{display:flex;gap:.5rem;font-size:.88rem;align-items:center;margin:.6rem 0 .8rem}
.ck-add{width:100%;background:#E8572A;color:#fff;border:0;border-radius:999px;padding:1em;font-weight:800;font-size:1.05rem;cursor:pointer}
.ck-add:disabled{opacity:.45;cursor:not-allowed}.ck-add:not(:disabled):hover{background:#C2410C}
.ck-msg{min-height:1.2em;font-weight:600;margin:.5rem 0 0}

.ck-beads{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.ck-bd{border:2px solid #E5DED4;background:#FBF8F3;color:#1C1A17;border-radius:999px;padding:7px 14px;font:600 14px/1 Manrope,sans-serif;cursor:pointer}.ck-bd.on{border-color:#E8572A;background:#E8572A;color:#fff}
.ck-own{margin:18px 0 12px}.ck-ownb{display:inline-block;border:2px dashed #E8572A;color:#E8572A;background:#fff;border-radius:12px;padding:9px 14px;font:700 14px/1 Manrope,sans-serif;cursor:pointer}.ck-ownb:hover{background:#FDF0EA}
.ck-warn{background:#FFF6E8;border:1px solid #F2C27A;border-radius:12px;padding:10px 12px;color:#1C1A17;font-weight:400}.ck-warn ul{margin:6px 0 8px 18px;padding:0}.ck-warn li{margin:3px 0;font-size:14px}.ck-warn figure{margin:6px 0;display:flex;align-items:center;gap:10px}.ck-wcv{width:96px;height:96px;border:1px solid #E5DED4;border-radius:8px;image-rendering:pixelated;background:#fff}.ck-warn figcaption{font-size:13px;color:#6B645C}
.ck-cats{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.ck-cat{border:0;background:#F1EBE2;color:#1C1A17;border-radius:999px;padding:6px 13px;font:600 13px/1 Manrope,sans-serif;cursor:pointer}.ck-cat.on{background:#1C1A17;color:#fff}
/* plus large que la colonne de texte du thème sur ordinateur */
@media(min-width:900px){.ck-app{width:min(1120px,calc(100vw - 48px));max-width:none!important;margin-left:calc(50% - min(560px,50vw - 24px))!important;margin-right:0!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem}}
.ck-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.ck-btns button{font:600 14px/1.2 Manrope,sans-serif!important;padding:7px 14px!important;border-radius:999px!important;border:1.5px solid #E5DED4!important;background:#FBF8F3!important;color:#1C1A17!important;cursor:pointer;min-height:0!important}
.ck-btns #ck-done{background:#E8572A!important;border-color:#E8572A!important;color:#fff!important}
.ck-edit b{font-size:1rem}
.ck-icons{grid-template-columns:repeat(auto-fill,minmax(52px,60px))!important;gap:.4rem!important}
/* en-tête de la page du configurateur : même largeur que le configurateur, plus compact */
main:has(.ck-app){margin-top:0!important}
main:has(.ck-app) .wp-block-group.alignfull:has(.ck-app){padding-top:28px!important}
main:has(.ck-app) h1.wp-block-post-title,main:has(.ck-app) .wp-block-post-content>p,main:has(.ck-app) .wp-block-post-content>ul{max-width:min(1120px,calc(100vw - 48px))!important;margin-left:auto!important;margin-right:auto!important}
main:has(.ck-app) h1.wp-block-post-title{font-size:clamp(2rem,3.2vw,2.75rem)!important;line-height:1.1!important;margin-bottom:.35em!important}
main:has(.ck-app) .wp-block-post-content>p{font-size:1.05rem;max-width:min(1120px,calc(100vw - 48px))!important}
main:has(.ck-app) .wp-block-post-content>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0!important;margin-top:1rem!important;margin-bottom:1.8rem!important}
main:has(.ck-app) .wp-block-post-content>ul li{background:#fff;border:1px solid #E5DED4;border-radius:14px;padding:12px 16px;font-size:.92rem;line-height:1.45;margin:0}
main:has(.ck-app) .wp-block-post-content>ul li strong{display:block;color:#E8572A;font-size:1rem;margin-bottom:2px}
@media(max-width:820px){main:has(.ck-app) .wp-block-post-content>ul{grid-template-columns:1fr}}
/* libellés de largeur fixe : toutes les rangées de couleurs commencent au même endroit */
.ck-row,.ck-cl{flex-wrap:nowrap;align-items:center}
.ck-row>span,.ck-cl>span{flex:0 0 8.6rem;width:8.6rem;min-width:0}
.ck-sw{min-width:0}
@media(max-width:520px){.ck-row,.ck-cl{flex-wrap:wrap}.ck-row>span,.ck-cl>span{flex-basis:100%;width:auto}}