.epc-wrapper{--epc-bg: #f4ede0;--epc-card: #ffffff;--epc-maroon: #5c1a1a;--epc-maroon-dark: #451212;--epc-ink: #2b2420;--epc-muted: #857c6f;--epc-border: #e6dcc9;--epc-radius: 10px;direction:rtl;font-family:Lyon Arabic Text,Tahoma,Arial,sans-serif;background:var(--epc-bg);color:var(--epc-ink);padding:48px 24px;box-sizing:border-box}.epc-wrapper *,.epc-wrapper *:before,.epc-wrapper *:after{box-sizing:border-box}.epc-container{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}@media(max-width:860px){.epc-container{grid-template-columns:1fr;gap:32px}}.epc-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--epc-maroon)}.epc-title{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.3}.epc-subtitle{margin:0 0 18px;font-size:14px;line-height:1.7;color:var(--epc-muted)}.epc-price{font-size:20px;font-weight:700;color:var(--epc-maroon);margin-bottom:28px}.epc-step{padding:20px 0;border-top:1px solid var(--epc-border)}.epc-step:first-of-type{border-top:1px solid var(--epc-border)}.epc-step-label{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:4px}.epc-step-num{font-size:12px;font-weight:700;color:var(--epc-muted);background:var(--epc-bg);border:1px solid var(--epc-border);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.epc-step-hint{margin:0 0 14px;font-size:12.5px;color:var(--epc-muted)}.epc-options,.epc-direction-row{display:flex;flex-wrap:wrap;gap:10px}.epc-option-btn{font-family:inherit;background:var(--epc-card);border:1.5px solid var(--epc-border);border-radius:var(--epc-radius);padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--epc-ink);cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;transition:border-color .15s ease,background .15s ease,color .15s ease}.epc-option-price{font-size:11.5px;color:var(--epc-muted);font-weight:500}.epc-option-btn:hover{border-color:var(--epc-maroon)}.epc-option-btn.is-selected{background:var(--epc-maroon);border-color:var(--epc-maroon);color:#fff}.epc-option-btn.is-selected .epc-option-price{color:#ffffffbf}.epc-option-btn:disabled{opacity:.4;cursor:not-allowed}.epc-direction-btn{flex:1 1 auto;justify-content:center;text-align:center}.epc-swatches{display:flex;flex-wrap:wrap;gap:18px}.epc-swatch{background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-family:inherit}.epc-swatch-dot{width:34px;height:34px;border-radius:50%;background:var(--swatch-color);border:2px solid var(--epc-card);outline:1.5px solid var(--epc-border);display:block;transition:outline-color .15s ease,transform .15s ease}.epc-swatch-label{font-size:11.5px;color:var(--epc-muted)}.epc-swatch:hover .epc-swatch-dot{transform:scale(1.06)}.epc-swatch.is-selected .epc-swatch-dot{outline:2px solid var(--epc-maroon);outline-offset:2px}.epc-swatch.is-selected .epc-swatch-label{color:var(--epc-ink);font-weight:700}.epc-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:1.5px dashed var(--epc-border);border-radius:var(--epc-radius);padding:26px 16px;cursor:pointer;background:var(--epc-card);transition:border-color .15s ease,background .15s ease}.epc-upload:hover{border-color:var(--epc-maroon);background:#fdfaf4}.epc-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.epc-upload-icon{width:22px;height:22px;color:var(--epc-maroon)}.epc-upload-text{font-size:13.5px;font-weight:700;color:var(--epc-maroon)}.epc-upload-hint{font-size:11.5px;color:var(--epc-muted)}.epc-upload.has-file{border-style:solid;border-color:var(--epc-maroon)}.epc-ghost-btn{margin-top:12px;background:none;border:1.5px solid var(--epc-border);border-radius:var(--epc-radius);padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--epc-ink);cursor:pointer;transition:border-color .15s ease}.epc-ghost-btn:hover{border-color:var(--epc-maroon);color:var(--epc-maroon)}.epc-summary{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--epc-muted);margin:16px 0 0}.epc-summary span{background:var(--epc-bg);border:1px solid var(--epc-border);border-radius:999px;padding:4px 10px}.epc-total-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:14px;font-weight:700}.epc-total-price{color:var(--epc-maroon);font-size:18px}.epc-add-to-cart{width:100%;background:var(--epc-maroon);color:#fff;border:none;border-radius:var(--epc-radius);padding:15px 20px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s ease,opacity .15s ease}.epc-add-to-cart:hover:not(:disabled){background:var(--epc-maroon-dark)}.epc-add-to-cart:disabled{opacity:.45;cursor:not-allowed}.epc-error{margin:10px 0 0;font-size:12.5px;color:#a02525}.epc-note{margin:18px 0 0;font-size:12px;line-height:1.7;color:var(--epc-muted)}.epc-preview{position:sticky;top:24px;background:#efe7d8;border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:16px}.epc-preview-badge{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--epc-muted);background:#fff9;border-radius:999px;padding:4px 10px}.epc-preview-wrapper{position:relative;width:100%;min-height:340px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#fff,#f5f4f1 48%,#ebe9e4);border-radius:14px;overflow:hidden;padding:20px}.epc-wall{position:relative;width:100%;height:280px;display:flex;align-items:center;justify-content:center;perspective:1200px}.epc-electric-box{position:absolute;width:44%;aspect-ratio:3 / 4;background:linear-gradient(140deg,#dedede,#bdbdbd);border:1px solid #999;box-shadow:0 12px 25px #00000029,inset 0 0 0 1px #ffffff59;display:flex;align-items:center;justify-content:center;color:#555;font-size:11px}.epc-electric-box:before{content:"\26a1";font-size:30px;position:absolute;top:28%}.epc-electric-box span{position:absolute;bottom:22%}.epc-door-holder{position:relative;width:58%;max-width:220px;aspect-ratio:4 / 5;transform-style:preserve-3d}.epc-door{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.78,.2,1);transform-origin:right center}.epc-door.is-open{transform:rotateY(28deg)}.epc-door.dir-left.is-open{transform:rotateY(-28deg)}.epc-frame{position:absolute;top:0;right:0;bottom:0;left:0;padding:10px;background:var(--frame-color, #1a1a1a);box-shadow:0 16px 30px #00000038,0 2px 5px #00000026;backface-visibility:hidden}.epc-art-window{width:100%;height:100%;overflow:hidden;position:relative;background:#e7e7e7;display:flex;align-items:center;justify-content:center;text-align:center}.epc-placeholder-text{font-size:11.5px;line-height:1.6;color:var(--epc-muted);padding:10px}.epc-preview-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.epc-door-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#dadada;border:8px solid #555;transform:rotateY(180deg);backface-visibility:hidden}.epc-preview-caption{margin:0;font-size:12.5px;color:var(--epc-muted)}@media(prefers-reduced-motion:reduce){.epc-door{transition:none}}.epc-preview-wrapper{min-height:0;padding:0;aspect-ratio:3 / 4;background-image:var(--epc-room-image);background-size:cover;background-position:center}.epc-wall{width:100%;height:100%;aspect-ratio:3 / 4;display:block;--reveal: 58%;touch-action:pan-y}.epc-electric-box{display:none}.epc-after-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.epc-door-holder{position:absolute;left:39.2%;top:25.8%;width:21.6%;max-width:none;aspect-ratio:4 / 5}.epc-frame{padding:7%;background-color:var(--frame-color, #1a1a1a);background-image:var(--frame-texture, none);background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 7px 16px #1f140d4d}.epc-art-window{background:linear-gradient(145deg,#eee7dc,#d8c7b6)}.epc-placeholder-text{font-size:clamp(7px,1.9vw,11px);color:#4f4138;background:#ffffffb8;border-radius:5px}.epc-reveal-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff;box-shadow:0 0 0 1px #0000002e;transform:translate(-1px);pointer-events:none}.epc-reveal-line span{position:absolute;top:50%;left:50%;width:34px;height:34px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:var(--epc-maroon);font-weight:800;box-shadow:0 4px 15px #00000040}.epc-before-label,.epc-after-label{position:absolute;z-index:6;top:12px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;pointer-events:none}.epc-before-label{right:12px;background:#ffffffe0;color:#302722}.epc-after-label{left:12px;background:var(--epc-maroon);color:#fff}.epc-before-after-control{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--epc-muted)}.epc-before-after-control input{width:100%;accent-color:var(--epc-maroon);touch-action:pan-x}@media(max-width:860px){.epc-wrapper{padding:18px 12px 38px}.epc-container{display:flex;flex-direction:column;gap:22px}.epc-preview{order:-1;position:relative;top:auto;padding:12px;gap:10px;width:100%}.epc-form{width:100%}.epc-preview-badge{align-self:center}}.epc-reveal-range-overlay{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:.001;cursor:ew-resize;touch-action:pan-y}.epc-before-after-control{min-height:42px;padding:8px 12px;border-radius:9px;background:#fff;border:1px solid var(--epc-border)}.epc-before-after-control strong{color:var(--epc-maroon);text-align:center;font-size:12.5px}.epc-reveal-line span{width:40px;height:40px;font-size:18px}@media(max-width:860px){.epc-preview-wrapper,.epc-wall{aspect-ratio:4 / 3}}.epc-door-holder{left:50%;top:var(--epc-holder-top, 25.8%);width:var(--epc-holder-width, 21.6%);aspect-ratio:var(--epc-holder-ratio, 4 / 5);transform:translate(-50%);transition:width .45s cubic-bezier(.22,.78,.2,1),top .45s cubic-bezier(.22,.78,.2,1)}.epc-door{transform-origin:right center;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .45s ease}.epc-door.dir-left{transform-origin:left center}.epc-door.is-open{transform:rotateY(70deg);filter:drop-shadow(-11px 12px 9px rgba(23,14,10,.27))}.epc-door.dir-left.is-open{transform:rotateY(-70deg);filter:drop-shadow(11px 12px 9px rgba(23,14,10,.27))}.epc-door-back{background:linear-gradient(135deg,#d8d4ce,#a8a39d);border:7px solid #56514d;box-shadow:inset 0 0 0 2px #ffffff47}.epc-frame.is-changing{animation:epc-frame-choice .42s ease}.epc-door-holder.is-resizing{animation:epc-size-choice .48s ease}@keyframes epc-frame-choice{0%{filter:brightness(1)}45%{filter:brightness(1.28)}to{filter:brightness(1)}}@keyframes epc-size-choice{0%{scale:1}45%{scale:1.035}to{scale:1}}.epc-live-choice,.epc-open-status{position:absolute;z-index:8;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:800;pointer-events:none;box-shadow:0 3px 10px #00000024}.epc-live-choice{bottom:12px;background:#ffffffeb;color:#3a2d27}.epc-open-status{bottom:43px;background:#5c1a1ae6;color:#fff}@media(max-width:860px){.epc-live-choice,.epc-open-status{font-size:10px;padding:5px 9px}}@media(prefers-reduced-motion:reduce){.epc-door-holder,.epc-door{transition:none}.epc-frame.is-changing,.epc-door-holder.is-resizing{animation:none}}.epc-frame{background-color:var(--frame-accent, var(--frame-color, #151311))!important;background-image:var(--frame-texture, none)!important;background-size:cover!important;isolation:isolate}.epc-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border:clamp(6px,1.6vw,11px) solid var(--frame-accent, var(--frame-color, #151311));border-radius:1px;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 8px #0003}.epc-frame[data-frame-tone=\623\628\64a\636]:after{box-shadow:inset 0 0 0 1px #41372d38,inset 0 0 7px #5a4b3721}.epc-art-window{position:relative;z-index:2}.epc-preview-wrapper.has-customer-room{background-size:cover;background-position:center}.epc-placement-controls{width:100%;display:grid;gap:10px;padding:14px;border:1px solid var(--epc-border);border-radius:10px;background:#ffffffeb}.epc-placement-controls[hidden]{display:none!important}.epc-placement-title{color:var(--epc-maroon);font-size:13px;font-weight:800;text-align:center}.epc-placement-controls label{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;font-size:11.5px;font-weight:700;color:var(--epc-ink)}.epc-placement-controls input[type=range]{width:100%;accent-color:var(--epc-maroon)}.epc-reset-placement{border:1px solid var(--epc-border);border-radius:8px;background:#fff;color:var(--epc-maroon);padding:8px 10px;font-family:inherit;font-weight:700;cursor:pointer}.epc-room-upload{border-color:#8f6038;background:linear-gradient(135deg,#fffdf8,#f8efe2)}.epc-open-status,.epc-placeholder-text[hidden],.epc-summary[hidden]{display:none!important}.epc-has-design .epc-placeholder-text{display:none!important;visibility:hidden!important;pointer-events:none!important}.epc-placeholder-text{top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fffffff5;border:2px dashed var(--epc-maroon);border-radius:7px;color:var(--epc-maroon);box-shadow:0 4px 14px #2d19141f;text-align:center;line-height:1.25}.epc-placeholder-upload-icon{width:28px;height:28px;flex:0 0 auto}.epc-placeholder-text strong{font-family:Lyon Arabic Display,Tahoma,Arial,sans-serif;font-size:clamp(9px,2.3vw,13px);font-weight:700}.epc-placeholder-text small{display:block;max-width:100%;font-family:Lyon Arabic Text,Tahoma,Arial,sans-serif;font-size:clamp(6px,1.55vw,9px);color:#5d4b44;line-height:1.35}.epc-live-choice{display:none!important}.epc-preview-caption{font-family:Lyon Arabic Text,Tahoma,Arial,sans-serif}button.epc-placeholder-text{appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer;z-index:4;transition:background .15s ease,transform .15s ease}button.epc-placeholder-text:hover,button.epc-placeholder-text:focus-visible{background:#fff;transform:translateY(-1px)}button.epc-placeholder-text:active{transform:translateY(0)}.epc-upload-row{display:flex;gap:16px}.epc-upload-row .epc-step{flex:1 1 0;min-width:0}@media(max-width:860px){.epc-form{display:flex;flex-direction:column}.epc-upload-row{order:1;border-top:0;padding-top:10px;gap:10px}.epc-step-color{order:2}.epc-step-size{order:3}.epc-eyebrow,.epc-title,.epc-subtitle,.epc-price{order:4}.epc-form form{order:5}.epc-note{order:6}.epc-upload-row .epc-step{padding:0;border-top:0}.epc-upload{min-height:78px;padding:12px 8px;border:2px dashed var(--epc-maroon);background:#fffdf9;box-shadow:0 6px 18px #5c1a1a14}.epc-upload-icon{width:18px;height:18px}.epc-upload-text{font-size:clamp(11px,3.2vw,13px);line-height:1.25}.epc-step-upload .epc-step-label,.epc-step-room .epc-step-label{font-size:clamp(12.5px,3.6vw,14.5px);color:var(--epc-maroon);margin-bottom:6px}.epc-step-color,.epc-step-size{padding-top:14px;padding-bottom:14px}}.epc-mobile-intro{display:block;width:100%;text-align:right}.epc-optional{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:#efe7d8;color:#715f51;font-size:10px;font-style:normal;font-weight:700}.epc-note strong{color:var(--epc-maroon)}@media(max-width:860px){.epc-wrapper{padding:14px 10px 34px;background:#f7f1e7}.epc-container{gap:14px}.epc-preview{order:-1;padding:14px 12px 12px;border-radius:18px;gap:10px;background:#efe6d7;box-shadow:0 10px 30px #36241912}.epc-mobile-intro{display:block;width:100%;padding:4px 4px 2px;text-align:right}.epc-mobile-intro .epc-eyebrow{margin-bottom:3px;font-family:Gilroy Portafoto,Arial,sans-serif;font-size:10px;letter-spacing:.08em}.epc-mobile-intro .epc-title{margin-bottom:4px;font-family:Lyon Arabic Display,Tahoma,Arial,sans-serif;font-size:25px;line-height:1.3}.epc-mobile-intro .epc-subtitle{margin-bottom:6px;font-family:Lyon Arabic Text,Tahoma,Arial,sans-serif;font-size:12.5px;line-height:1.55}.epc-mobile-intro .epc-price{margin:0 0 10px;font-size:18px}.epc-mobile-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.epc-mobile-flow span{padding:7px 4px;border:1px solid rgba(92,26,26,.14);border-radius:8px;background:#ffffffa3;color:#5c1a1a;font-size:10px;font-weight:800;text-align:center}.epc-preview-badge{align-self:flex-start;padding:5px 10px;background:#fff;color:var(--epc-maroon);font-size:10.5px}.epc-preview-wrapper,.epc-wall{aspect-ratio:4/3;min-height:0!important}.epc-before-after-control{min-height:38px;padding:7px 10px}.epc-before-after-control strong{font-size:11.5px}.epc-preview-caption{margin:0;font-size:11.5px}.epc-form>.epc-eyebrow,.epc-form>.epc-title,.epc-form>.epc-subtitle,.epc-form>.epc-price{display:none!important}.epc-upload-row{display:grid;grid-template-columns:1fr;gap:10px;padding-top:0}.epc-upload-row .epc-step{width:100%}.epc-step-upload{padding:0!important}.epc-step-upload .epc-upload{min-height:94px;border:2px solid var(--epc-maroon);background:var(--epc-maroon);color:#fff;box-shadow:0 8px 22px #5c1a1a2e}.epc-step-upload .epc-upload-icon,.epc-step-upload .epc-upload-text{color:#fff}.epc-step-upload .epc-upload-hint{color:#ffffffc7}.epc-step-room{padding:0!important}.epc-step-room .epc-upload{min-height:72px;border:1.5px dashed #ad8e70;background:#fffaf2;box-shadow:none}.epc-upload-icon{width:22px;height:22px}.epc-upload-text{font-size:14px}.epc-upload-hint{display:block;font-size:10.5px;line-height:1.35}.epc-step-upload .epc-step-label,.epc-step-room .epc-step-label{margin:0 0 7px;font-size:14px}.epc-step-color,.epc-step-size{margin-top:2px;padding:16px 12px!important;border:1px solid var(--epc-border)!important;border-radius:14px;background:#fff}.epc-swatches{justify-content:space-between;gap:10px}.epc-swatch-dot{width:38px;height:38px}.epc-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.epc-option-btn{width:100%;min-height:48px;justify-content:center;padding:9px 8px;font-size:13px}.epc-form form{padding:0 4px}.epc-total-row{margin:16px 0 10px;padding:0 4px}.epc-add-to-cart{min-height:52px;border-radius:12px;font-size:16px;box-shadow:0 8px 18px #5c1a1a2e}.epc-note{margin:14px 4px 0;padding:11px 12px;border-radius:10px;background:#efe7d8;line-height:1.65}}.epc-preview-wrapper{aspect-ratio:3 / 4!important;background-position:center center!important}.epc-wall{aspect-ratio:3 / 4!important}.epc-door-holder{left:50%;top:var(--epc-holder-top, 18.6%);width:var(--epc-holder-width, 25%)}@media(max-width:860px){.epc-preview-wrapper,.epc-wall{aspect-ratio:3 / 4!important}}.epc-door-holder{left:50%!important;top:var(--epc-holder-center-y, 34.1%)!important;width:var(--epc-holder-width, 24.5%)!important;transform:translate(-50%,-50%)!important;transform-origin:center center!important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/electrical-panel-customizer.css.map */