[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background:#8b5cf6}body:not(.is-preview):not(.is-admin) .section{zoom:1}body.is-admin .section{zoom:.8}body.is-preview .section{zoom:1}body.op-modal-open{overflow:hidden!important;padding-right:var(--scrollbar-comp,0)}.view-toggle{margin-right:1rem}.view-toggle label{display:flex;align-items:center;gap:.5rem;font-weight:500;font-family:sans-serif;font-size:.9rem;color:#333}.view-toggle input[type="checkbox"]{display:none}.view-toggle .switch{width:46px;height:26px;background:#ccc;border-radius:30px;position:relative;cursor:pointer;transition:background 0.3s ease}.view-toggle .switch::after{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform 0.3s ease}.view-toggle input[type="checkbox"]:checked+.switch{background:#8b5cf6}.view-toggle input[type="checkbox"]:checked+.switch::after{transform:translateX(20px)}.sector-wrapper{position:sticky;top:122px;z-index:9999999;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #eee;background:#fafafa;padding:6px 10px;backdrop-filter:blur(3px)}.sector-nav{border:none;background:#fff;border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#5b36a8;cursor:pointer;transition:all 0.25s ease;box-shadow:0 0 0 1px #ddd inset;flex-shrink:0}.sector-nav:hover{background:#f3ecff;box-shadow:0 0 0 1px #8b5cf6 inset;transform:translateY(-1px)}.sector-nav:active{transform:scale(.95)}.sector-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;list-style:none;padding:0;margin:0;gap:8px;flex:1 1 auto;justify-content:center}.sector-tabs::-webkit-scrollbar{display:none}.sector-tabs li{white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 14px;font-size:13px;color:#5b36a8;cursor:pointer;transition:all 0.25s ease;flex-shrink:0}.sector-tabs li:hover{background:#f3ecff;border-color:#8b5cf6}.sector-tabs li.active{background:#5b36a8;color:#fff;border-color:#5b36a8}.sector-nav[style*="display: none"]{visibility:hidden}@media (max-width:768px){.sector-wrapper{justify-content:space-between;padding:6px}.sector-tabs{gap:6px}.sector-nav{width:28px;height:28px;font-size:15px}}.configurator-container{position:relative;min-height:100vh;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .06);padding:0 0 50px;overflow:hidden;transition:opacity 0.6s ease}.configurator-container.is-hidden{opacity:0}ul#sections-list{list-style:none;margin:0;padding:0;position:relative;transition:transform 0.3s ease}.section-wrapper{display:flex;align-items:stretch;background:#fff;border-top:1px solid #f1f1f5;border-bottom:1px solid #f1f1f5;transition:all 0.3s ease}.section-wrapper:first-child{border-top:none}.section-wrapper:hover{box-shadow:0 3px 10px rgb(91 54 168 / .08);z-index:2}.section-content{position:relative;box-shadow:0 3px 10px rgb(91 54 168 / .08);z-index:2;overflow:visible;width:100%}:root{--admin-panel-w:80px}body.is-admin{--admin-panel-w:400px}.section-admin{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.6rem .4rem;background:#fafafa;border-right:1px solid #e0e0e6;width:var(--admin-panel-w);flex:0 0 var(--admin-panel-w);overflow:hidden}.section-admin>.section-title,.section-admin>.section-controls,.section-admin>.op-quick-switch{flex:0 0 auto;margin-bottom:.4rem}@media (max-width:768px){body.is-admin{--admin-panel-w:80px}}.section-title{width:100%;font-weight:600;font-size:20px;color:#5b36a8;text-transform:capitalize;margin-top:20px;margin-bottom:10px;letter-spacing:.3px}body.is-preview .section-title{display:none!important}.section-controls{display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:10px;gap:.5rem;width:100%;opacity:1;transform:translateY(0);transition:opacity 0.45s ease,transform 0.45s ease}body.transitioning .section-controls{opacity:0;transform:translateY(10px);pointer-events:none}body.is-admin .section-controls{flex-direction:row;justify-content:space-between;gap:1rem}body.is-preview .section-controls{flex-direction:column;align-items:center}.section-controls button{background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px;cursor:pointer;font-size:1.2rem;color:#444;box-shadow:0 1px 2px rgb(0 0 0 / .05);transition:all 0.3s ease}body.is-admin .section-controls button{flex:1 1 33%;max-width:33%;text-align:center}body.is-preview .section-controls button{width:auto;max-width:none}.section-controls button:hover{background:#f3edff;border-color:#8b5cf6;color:#5b36a8;transform:scale(1.05)}.section-controls button i{font-size:1rem;color:#555;transition:transform 0.2s ease,color 0.2s ease}.section-controls button:hover i{color:#5b36a8;transform:scale(1.15)}.section{position:relative;flex:1;background:#fff;transition:all 0.3s ease}.add-section-btn{position:absolute;display:flex;justify-content:center;align-items:center;margin:-25px auto;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#333,#777);color:#fff;font-size:1.5rem;border:none;cursor:pointer;box-shadow:0 3px 10px rgb(91 54 168 / .3);z-index:5;transition:all 0.3s ease;transform:translateX(-50%);left:50%}.add-section-btn:hover{background:#000;width:60px;height:60px;margin:-30px auto}#add-section-bottom{display:none}.add-section-btn i{font-size:1.3rem}.add-section-btn{background:#5b36a8;color:#fff;border:none;border-radius:50%;width:52px;height:52px;box-shadow:0 4px 10px rgb(91 54 168 / .2);transition:background 0.3s ease}.add-section-btn:hover{background:#7b55d2}.op-page-loader{position:fixed;left:0;top:130px;width:100%;height:calc(100vh - 120px);background:#fff;display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;transition:opacity 0.8s ease}.op-page-loader.dots-fading .op-loader-inner{opacity:0}.op-loader-inner{display:flex;gap:8px;transition:opacity 0.4s ease}.op-dot{width:10px;height:10px;border-radius:50%;background:#5b36a8;animation:op-bounce 1s ease-in-out infinite}.op-dot:nth-child(2){animation-delay:0.15s}.op-dot:nth-child(3){animation-delay:0.3s}@keyframes op-bounce{0%,80%,100%{transform:translateY(0);opacity:.6}40%{transform:translateY(-8px);opacity:1}}.op-page-loader.is-fading{opacity:0;pointer-events:none}.op-mask-loader{position:absolute;left:0;top:0;width:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:10;transition:opacity 0.6s ease}.op-mask-loader.is-fading{opacity:0}@media (prefers-color-scheme:dark){.op-mask-loader{background:#14141a}}.op-modal{position:fixed;inset:0;display:none;z-index:9999999;background:rgb(0 0 0 / .35);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease}.op-modal.is-open{display:block}.op-modal.is-visible{opacity:1}.op-modal__overlay{position:absolute;inset:0;background:#fff0}.op-modal__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.985);width:min(1100px, 92vw);max-height:85vh;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgb(0 0 0 / .2);display:flex;flex-direction:column;overflow:hidden;opacity:0;will-change:transform,opacity;transition:transform .26s ease,opacity .26s ease}.op-modal.is-visible .op-modal__dialog{transform:translate(-50%,-50%) scale(1);opacity:1}.op-modal__header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.op-modal__title{font-size:1.15rem;font-weight:700;color:#5b36a8}.op-modal__close{background:none;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#5b36a8;font-size:1.4rem;cursor:pointer;transition:all 0.25s ease;position:relative}.op-modal__close:hover{background:rgb(91 54 168 / .08);color:#7c55d2;transform:rotate(90deg);box-shadow:0 0 10px rgb(91 54 168 / .15)}.op-modal__close:active{transform:scale(.9)}.op-modal__body{flex:1 1 auto;overflow-y:auto;padding:22px 24px;background:#fff}.op-modal__body::-webkit-scrollbar{width:8px}.op-modal__body::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.op-modal__body::-webkit-scrollbar-thumb:hover{background:#aaa}@media (prefers-reduced-motion:reduce){.op-modal,.op-modal__dialog{transition:none!important}}.op-modal__nav{border-bottom:1px solid #eee;background:#fafafa;padding:8px 12px;overflow:hidden}.op-modal__nav .swiper-slide{width:auto}.op-modal__nav-btn{background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all 0.25s ease;color:#5b36a8;white-space:nowrap}.op-modal__nav-btn:hover{background:#f3ecff;border-color:#8b5cf6;color:#4c2f8b}.op-group{margin-bottom:40px}.op-group-title{font-weight:700;font-size:1.05rem;color:#1f1f28;border-bottom:2px solid #8b5cf6;padding-bottom:6px;margin-bottom:18px}.op-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.op-card{border:1px solid #ececf3;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform 0.15s ease,box-shadow 0.15s ease;cursor:pointer}.op-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .06);border-color:#8b5cf6}.op-card img,.op-thumb-placeholder{width:100%;height:140px;object-fit:cover;background:#f6f6fb;display:flex;align-items:center;justify-content:center;color:#666;font-size:.9rem}.op-card__meta{padding:10px;display:flex;flex-direction:column;gap:6px;text-align:center}.op-card__title{font-weight:600;font-size:.95rem;color:#222;cursor:inherit;user-select:none}.op-card__choose{padding:7px 12px;border-radius:8px;border:none;cursor:pointer;background:#5b36a8;color:#fff;font-weight:600;font-size:.9rem;transition:background 0.3s ease,transform 0.2s ease}.op-card__choose:hover,.op-card:hover .op-card__choose{background:#7c55d2;transform:scale(1.05)}@media (max-width:768px){.op-modal__dialog{width:94vw;max-height:80vh}.op-group-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.op-card img,.op-thumb-placeholder{height:120px}.section-wrapper{flex-direction:column}.section-admin{flex-direction:row;width:100%;min-width:unset!important;border-right:none;border-bottom:1px solid #e0e0e6;padding:.4rem 0}.section-controls{flex-direction:row;gap:1rem}}.empty-state{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;color:#555;font-family:"Montserrat",sans-serif;opacity:0;animation:fadeInEmpty 0.5s ease forwards}@keyframes fadeInEmpty{to{opacity:1}}.empty-state .add-section-btn.main{width:80px;height:80px;font-size:2rem;background:#5b36a8;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px rgb(91 54 168 / .3);transition:background 0.3s ease;cursor:pointer}.empty-state .add-section-btn.main:hover{background:#7c55d2}.empty-state-text{margin-top:200px;font-size:20px;line-height:24px;color:#666;opacity:0;animation:fadeInText 0.7s ease forwards;animation-delay:0.3s}@keyframes fadeInText{to{opacity:1}}.section-content.section-highlight{animation:pulseHighlight 2s ease-in-out forwards}@keyframes pulseHighlight{0%{box-shadow:0 0 0 0 #fff0}30%{box-shadow:0 0 20px 8px rgb(139 92 246 / .4)}60%{box-shadow:0 0 14px 4px rgb(139 92 246 / .25)}100%{box-shadow:0 0 0 0 #fff0}}.section-admin .op-quick-switch{width:100%;display:block;margin-top:10px;padding-top:10px;border-top:1px dashed #ddd}body.is-preview .op-quick-switch{display:none!important}.op-quick-switch__wrap{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.op-quick-switch__btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.op-model-btn{background:#f4f0ff;border:1px solid #d8c9ff;color:#5b36a8;border-radius:6px;padding:4px 8px;font-weight:600;font-size:.85rem;transition:all 0.25s ease}.op-model-btn:hover{background:#d8c9ff;color:#fff;transform:translateY(-1px)}.op-model-btn.is-active{background:#5b36a8;color:#fff;box-shadow:0 0 6px rgb(91 54 168 / .3)}.op-card.is-active{border-color:#5b36a8!important;box-shadow:0 0 0 3px rgb(91 54 168 / .3);position:relative}.op-card.is-active::after{content:"Actif";position:absolute;top:8px;right:8px;font-size:11px;font-weight:600;color:#fff;background:#5b36a8;border-radius:6px;padding:2px 8px;box-shadow:0 2px 4px rgb(91 54 168 / .25)}.op-card.is-active img{outline:2px solid #8b5cf6;outline-offset:-2px}.op-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgb(0 0 0 / .08)}.op-card,.op-card__title,.op-card__choose{cursor:pointer!important;user-select:none}.section-content.section-highlight{transition:box-shadow 0.4s ease}.hero-quick-switch__btns .hero-sel-btn:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}.section-note{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;background:#fafafa;padding:.6rem;margin-top:10px;border-top:1px dashed #ddd;border-radius:8px;overflow:hidden}body.is-preview .section-note{display:none!important}.section-note label{font-weight:600;font-size:13px;color:#444;margin-bottom:8px}.note-wrapper{position:relative;display:flex;flex-direction:column;gap:10px}.note-textarea{width:100%;height:125px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#333;background-color:#fff;resize:none;overflow-y:auto;transition:border-color 0.2s ease,box-shadow 0.2s ease}.note-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px rgb(139 92 246 / .15);outline:none}.note-actions{display:flex;justify-content:flex-start}.note-actions .save-note{border:none;background:#8b5cf6;color:#fff;font-weight:600;font-size:13px;padding:8px 14px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 3px rgb(0 0 0 / .08)}.note-actions .save-note:hover{background:#5b36a8;transform:translateY(-1px)}.expand-note{position:absolute;bottom:50px;right:4px;background:#8b5cf6;color:#fff;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgb(139 92 246 / .3);transition:all 0.2s ease}.expand-note:hover{background:#5b36a8;transform:scale(1.1)}.note-saved-badge{font-size:12px;color:#22c55e;opacity:.8;margin-top:4px;margin-left:5px;text-align:right;transition:all 0.2s ease}.note-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:99999999;background:rgb(0 0 0 / .35);backdrop-filter:blur(2px);animation:fadeInModal 0.3s ease;overflow:hidden}body.note-modal-open{overflow:hidden}@keyframes fadeInModal{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.note-modal__dialog{background:#fff;width:min(800px, 90vw);max-height:88vh;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgb(0 0 0 / .25);overflow:hidden;position:relative}.note-modal__header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.note-modal__header h4{font-size:1.05rem;font-weight:700;color:#5b36a8;margin:0}.note-modal__close{background:none;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#5b36a8;font-size:1.4rem;cursor:pointer;transition:all 0.25s ease}.note-modal__close:hover{background:rgb(91 54 168 / .08);color:#7c55d2;transform:rotate(90deg);box-shadow:0 0 10px rgb(91 54 168 / .15)}.note-modal__close:active{transform:scale(.9)}.note-modal__textarea{flex:1 1 auto;border:none;outline:none;resize:none;font-size:15px;line-height:1.6;padding:22px 24px;color:#333;background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;overflow-y:auto;height:500px}.note-modal__textarea::placeholder{color:#999}.note-modal__footer{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid #eee;background:#fafafa}.note-modal__btn{border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:6px}.note-modal__btn--primary{background:#8b5cf6;color:#fff;box-shadow:0 2px 6px rgb(91 54 168 / .25)}.note-modal__btn--primary:hover{background:#5b36a8;transform:translateY(-1px)}.note-modal__btn--cancel{background:#eee;color:#333}.note-modal__btn--cancel:hover{background:#e0e0e0}.group-nav-wrapper{display:flex;align-items:center;border-bottom:1px solid #eee;background:#fafafa;padding:6px 10px;gap:6px}.group-nav{border:none;background:#fff;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#5b36a8;cursor:pointer;transition:all 0.25s ease;box-shadow:0 0 0 1px #ddd inset}.group-nav:hover{background:#f3ecff;box-shadow:0 0 0 1px #8b5cf6 inset}.group-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;list-style:none;padding:0;margin:0;gap:8px;flex:1 1 auto}.group-tabs::-webkit-scrollbar{display:none}.group-tabs li{white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 14px;font-size:13px;color:#5b36a8;cursor:pointer;transition:all 0.25s ease;flex-shrink:0}.group-tabs li:hover{background:#f3ecff;border-color:#8b5cf6}.group-tabs li.active{background:#5b36a8;color:#fff;border-color:#5b36a8}