:root{--kp-bg: #f5f1ea;--kp-bg-2: #ebe4d7;--kp-card: #ffffff;--kp-ink: #1a1a17;--kp-ink-2: #4a453d;--kp-muted: #8b8579;--kp-accent: #2d4a2b;--kp-accent-light: #eef2ee;--kp-success: #2d4a2b;--kp-success-bg: #eef2ee;--kp-border: rgba(26, 26, 23, .12);--kp-border-strong:rgba(26, 26, 23, .22);--kp-radius: 10px;--kp-radius-sm: 6px;--kp-font: inherit}.kotmo-perso{--kp-bg: #f5f1ea;--kp-bg-2: #ebe4d7;--kp-card: #ffffff;--kp-ink: #1a1a17;--kp-ink-2: #4a453d;--kp-muted: #8b8579;--kp-accent: #2d4a2b;--kp-accent-light: #eef2ee;--kp-success: #2d4a2b;--kp-success-bg: #eef2ee;--kp-border: rgba(26, 26, 23, .12);--kp-border-strong:rgba(26, 26, 23, .22);margin-bottom:24px;font-family:var(--kp-font);color:var(--kp-ink)}.kotmo-perso__title{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--kp-muted);margin-bottom:12px}.kotmo-perso__cards{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.kotmo-perso__card{border:1px solid var(--kp-border);border-radius:var(--kp-radius);background:var(--kp-card);overflow:hidden;transition:border-color .15s}.kotmo-perso__card--active{border-color:var(--kp-border-strong)}.kotmo-perso__header{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;background:var(--kp-bg);-webkit-user-select:none;user-select:none}.kotmo-perso__header:hover{background:var(--kp-bg-2)}.kotmo-perso__check{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--kp-border-strong);flex-shrink:0;position:relative;transition:all .15s;cursor:pointer}.kotmo-perso__check--active{background:var(--kp-accent);border-color:var(--kp-accent)}.kotmo-perso__check--active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.kotmo-perso__check--radio{border-radius:50%}.kotmo-perso__check--radio.kotmo-perso__check--active:after{background-image:none;background:#fff;width:8px;height:8px;border-radius:50%}.kotmo-perso__name{font-size:14px;font-weight:500;flex:1}.kotmo-perso__mult-badge{font-size:11px;color:var(--kp-muted);background:var(--kp-bg-2);border:1px solid var(--kp-border);border-radius:20px;padding:2px 8px}.kotmo-perso__group-wrap{display:flex;flex-direction:column;gap:8px;border:1.5px dashed var(--kp-border-strong);border-radius:var(--kp-radius);padding:10px}.kotmo-perso__group-label{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--kp-muted);padding:0 2px}.kotmo-perso__group-wrap .kotmo-perso__card{border-color:var(--kp-border)}.kotmo-perso__price-wrap{display:flex;align-items:center;gap:4px}.kotmo-perso__price{font-size:13px;font-weight:500;color:var(--kp-accent)}.kotmo-perso__price--inactive{font-size:13px;color:var(--kp-muted)}.kotmo-perso__mult{font-size:11px;color:var(--kp-muted)}.kotmo-perso__chevron{font-size:16px;color:var(--kp-muted);margin-left:4px;transition:transform .2s;flex-shrink:0}.kotmo-perso__chevron--open{transform:rotate(-180deg)}.kotmo-perso__body{border-top:1px solid var(--kp-border);padding:14px 16px;background:var(--kp-card);display:flex;flex-direction:column;gap:12px}.kotmo-perso__subopts{display:flex;gap:6px;flex-wrap:wrap}.kotmo-perso__subopt{padding:5px 12px;border-radius:20px;border:1px solid var(--kp-border-strong);font-size:12px;cursor:pointer;background:var(--kp-bg);color:var(--kp-ink-2);transition:all .12s}.kotmo-perso__subopt:hover{background:var(--kp-bg-2)}.kotmo-perso__subopt--active{background:var(--kp-accent-light);border-color:var(--kp-accent);color:var(--kp-accent);font-weight:500}.kotmo-perso__positions-label{font-size:12px;color:var(--kp-muted)}.kotmo-perso__positions-note{font-size:11px}.kotmo-perso__positions{display:flex;flex-direction:column;gap:8px}.kotmo-perso__pos-row{display:flex;align-items:center;gap:10px}.kotmo-perso__pos-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--kp-radius-sm);border:1px solid var(--kp-border-strong);font-size:12px;cursor:pointer;background:var(--kp-bg);color:var(--kp-ink-2);white-space:nowrap;min-width:110px;transition:all .12s}.kotmo-perso__pos-btn:hover{background:var(--kp-bg-2)}.kotmo-perso__pos-btn--active{background:var(--kp-success-bg);border-color:var(--kp-success);color:var(--kp-success);font-weight:500}.kotmo-perso__pos-row--nested .kotmo-perso__pos-btn{min-width:90px;flex:0 0 auto}.kotmo-perso__pos-subopt{flex:0 0 auto;width:auto;min-width:96px;max-width:140px;padding:5px 22px 5px 10px;border-radius:var(--kp-radius-sm);border:1px solid var(--kp-border-strong);font-size:12px;font-family:inherit;cursor:pointer;background-color:var(--kp-bg);color:var(--kp-ink-2);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234a453d' fill='none' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .12s}.kotmo-perso__pos-subopt:hover{background-color:var(--kp-bg-2)}.kotmo-perso__pos-subopt:focus{outline:none;border-color:var(--kp-accent)}.kotmo-perso__upload{display:flex;align-items:center;gap:8px;flex:1;padding:7px 12px;border:1px dashed var(--kp-border-strong);border-radius:var(--kp-radius-sm);cursor:pointer;background:var(--kp-bg);transition:all .12s}.kotmo-perso__upload:hover{border-color:var(--kp-accent);background:var(--kp-accent-light)}.kotmo-perso__upload--compact{flex:1 1 auto;min-width:0;padding:7px 10px;gap:6px}.kotmo-perso__upload--compact .kotmo-perso__upload-label{max-width:100%}.kotmo-perso__pos-subopt:disabled{opacity:.55;cursor:not-allowed;background-color:var(--kp-bg-2)}.kotmo-perso__upload--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.kotmo-perso__pos-reuse-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 0;padding:6px 10px;background:var(--kp-bg);border-radius:var(--kp-radius-sm)}.kotmo-perso__pos-reuse-label{font-size:11px;color:var(--kp-muted);flex:1 1 160px;line-height:1.3}.kotmo-perso__pos-reuse{width:auto;flex:0 0 auto;max-width:220px;padding:4px 22px 4px 10px;border-radius:var(--kp-radius-sm);border:1px solid var(--kp-border-strong);font-size:12px;font-family:inherit;cursor:pointer;background-color:var(--kp-card);color:var(--kp-ink-2);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234a453d' fill='none' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .12s}.kotmo-perso__pos-reuse:hover{border-color:var(--kp-accent)}.kotmo-perso__pos-reuse:focus{outline:none;border-color:var(--kp-accent)}.kotmo-perso__reuse-note{font-size:11px;color:var(--kp-muted);font-style:italic;margin:2px 0 0;padding-left:12px}@media(max-width:749px){.kotmo-perso__pos-reuse-row{flex-direction:column;align-items:stretch}.kotmo-perso__pos-reuse{max-width:none;width:100%}}.kotmo-perso__upload-icon{font-size:14px;color:var(--kp-muted)}.kotmo-perso__upload-label{font-size:12px;color:var(--kp-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kotmo-perso__inclus,.kotmo-perso__inclus-badge{font-size:12px;color:var(--kp-success);background:var(--kp-success-bg);border-radius:20px;padding:2px 8px;font-weight:500}.kotmo-perso__loading{font-size:13px;color:var(--kp-muted)}.kotmo-perso__setup-fee{font-size:12px;color:var(--kp-muted);padding:0 0 4px}.kotmo-perso__setup-fee strong{color:var(--kp-ink);font-weight:500}.kotmo-perso__setup-fee span{color:var(--kp-muted)}#kotmo-volume-table .knd-bracket{display:flex;flex-direction:column;gap:6px}#kotmo-volume-table .knd-bracket__row{display:grid;grid-template-columns:1fr 1fr 48px 1fr;align-items:center;gap:8px;padding:12px 16px;background:var(--kp-bg);border-radius:var(--kp-radius);cursor:pointer}#kotmo-volume-table .knd-bracket__row:hover{background:var(--kp-bg-2)}#kotmo-volume-table .knd-bracket__row--selected{background:var(--kp-card);border:1.5px solid var(--kp-accent)}#kotmo-volume-table .knd-bracket__row--custom{border-top:1px dashed var(--kp-border-strong);background:var(--kp-card);margin-top:2px;cursor:default}#kotmo-volume-table .knd-bracket__row--custom:hover{background:var(--kp-card)}#kotmo-volume-table .knd-bracket__qty{font-weight:500;font-size:14px;color:var(--kp-ink)}#kotmo-volume-table .knd-bracket__unit{font-size:13px;color:var(--kp-ink-2)}#kotmo-volume-table .knd-bracket__save{font-size:11px;color:var(--kp-success);background:var(--kp-success-bg);border-radius:20px;padding:2px 7px;white-space:nowrap;text-align:center}#kotmo-volume-table .knd-bracket__total{font-weight:500;font-size:14px;text-align:right;color:var(--kp-ink)}.kotmo-qty-input{width:100%;padding:4px 8px;border:1px solid var(--kp-border-strong);border-radius:var(--kp-radius-sm);font-size:13px;font-weight:500;background:var(--kp-card);color:var(--kp-ink);text-align:center;max-width:110px}.kotmo-qty-input:focus{outline:none;border-color:var(--kp-accent)}.kotmo-qty-hint{font-size:11px;color:var(--kp-muted);display:block;margin-top:2px}@media(max-width:749px){.kotmo-perso__pos-row{flex-wrap:wrap}.kotmo-perso__upload{flex:1 1 100%}.kotmo-perso__pos-btn{min-width:auto}.kotmo-perso__pos-row--nested .kotmo-perso__pos-btn{min-width:auto;flex:0 1 auto}.kotmo-perso__pos-subopt{flex:1 1 auto;min-width:0;max-width:none}#kotmo-volume-table .knd-bracket__row{grid-template-columns:1fr 1fr 40px 1fr;gap:4px;padding:10px 12px}#kotmo-volume-table .knd-bracket__qty,#kotmo-volume-table .knd-bracket__total{font-size:13px}}.kotmo-perso__sticky-bar{position:sticky;bottom:0;z-index:5;background:var(--kp-card);margin-top:8px;padding:15px 15px calc(15px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 16px #00000014}.kotmo-perso__actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.kotmo-perso__btn-devis{flex:1;padding:14px 20px;border:1.5px solid var(--kp-accent);border-radius:var(--kp-radius);background:transparent;color:var(--kp-accent);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.kotmo-perso__btn-devis:hover{background:var(--kp-accent-light)}.kotmo-perso__btn-atc{flex:2;padding:14px 20px;border:none;border-radius:var(--kp-radius);background:var(--kp-accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.kotmo-perso__btn-atc:hover{opacity:.9}.kotmo-perso__btn-atc:disabled,.kotmo-perso__btn-devis:disabled{opacity:.6;cursor:not-allowed}@media(max-width:749px){.kotmo-perso__actions{flex-direction:column-reverse}.kotmo-perso__btn-devis,.kotmo-perso__btn-atc{flex:none;width:100%}}.kotmo-perso__upload--done{border-color:var(--kp-accent);background:var(--kp-accent-light)}.kotmo-fee-note{font-size:12px;color:var(--kp-muted);margin-top:8px;padding-top:8px;border-top:.5px solid var(--kp-border)}.kotmo-modal__overlay{--kp-bg: #f5f1ea;--kp-bg-2: #ebe4d7;--kp-card: #ffffff;--kp-ink: #1a1a17;--kp-ink-2: #4a453d;--kp-muted: #8b8579;--kp-accent: #2d4a2b;--kp-accent-light: #eef2ee;--kp-success: #2d4a2b;--kp-success-bg: #eef2ee;--kp-border: rgba(26, 26, 23, .12);--kp-border-strong:rgba(26, 26, 23, .22);position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.kotmo-modal__box{background:var(--kp-card);border-radius:var(--kp-radius);padding:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.kotmo-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--kp-muted);line-height:1}.kotmo-modal__title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--kp-ink)}.kotmo-modal__summary{background:var(--kp-bg);border-radius:var(--kp-radius-sm);padding:14px;margin-bottom:20px;font-size:13px;color:var(--kp-ink-2)}.kotmo-modal__summary p{margin:4px 0}.kotmo-modal__perso-list{list-style:none;padding:0;margin:8px 0}.kotmo-modal__perso-list li{padding:4px 0;border-top:.5px solid var(--kp-border);font-size:12px}.kotmo-modal__prix{font-size:14px;color:var(--kp-ink);margin-top:8px!important}.kotmo-modal__fee{font-size:12px;color:var(--kp-muted)}.kotmo-modal__note{font-size:11px;color:var(--kp-muted);font-style:italic;margin-top:8px!important}.kotmo-modal__form{display:flex;flex-direction:column;gap:14px}.kotmo-modal__field{display:flex;flex-direction:column;gap:4px}.kotmo-modal__field label{font-size:12px;font-weight:500;color:var(--kp-ink-2)}.kotmo-modal__field input,.kotmo-modal__field textarea,.kotmo-modal__field select{border:1px solid var(--kp-border-strong);border-radius:var(--kp-radius-sm);padding:8px 12px;font-size:14px;background:var(--kp-bg);color:var(--kp-ink);font-family:inherit}.kotmo-modal__field input:focus,.kotmo-modal__field textarea:focus,.kotmo-modal__field select:focus{outline:none;border-color:var(--kp-accent)}.kotmo-modal__feedback{font-size:13px;padding:10px;border-radius:var(--kp-radius-sm);display:none}.kotmo-modal__feedback:not(:empty){display:block}.kotmo-modal__feedback--success{background:var(--kp-success-bg);color:var(--kp-success)}.kotmo-modal__feedback--error{background:#fef2f2;color:#c0392b}.kotmo-modal__steps{display:flex;gap:8px;margin-bottom:16px;font-size:.85em;color:var(--kp-ink-2)}.kotmo-modal__step{opacity:.4;padding-bottom:4px;border-bottom:2px solid transparent}.kotmo-modal__step--active{opacity:1;font-weight:600;color:var(--kp-ink);border-bottom-color:currentColor}.kotmo-modal__actions{margin-top:16px}.kotmo-modal__actions--split{display:flex;gap:8px}.kotmo-modal__actions--split button{flex:1}.kotmo-modal__recap{margin:12px 0}.kotmo-modal__recap p{color:var(--kp-ink-2);font-size:13px;margin:4px 0}.kotmo-perso__upload-note{font-size:11px;color:var(--kp-muted);margin:-4px 0 4px;font-style:italic}.kotmo-perso__upload--error{border-color:#c0392b;background:#fef2f2}.kotmo-perso__upload-error-msg{font-size:11px;color:#c0392b;display:block;margin-top:2px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kotmo-personnalisation.css.map */