@import url("configurator-sidebar-unified.css");
:root{--blue:#24a9e0;--blue-dark:#168fc1;--purple:#6c3fc5;--purple-dark:#5830aa;--ink:#27323a;--line:#dce2e6;--soft:#f4f6f7}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}.is-layout{display:grid;grid-template-columns:minmax(330px,470px) minmax(420px,1fr) minmax(270px,350px);min-height:calc(100vh - 74px)}.is-options,.is-summary{padding:30px;background:#fff}.is-options{border-right:1px solid var(--line);overflow:auto}.is-options h1{font-size:28px;margin:0 0 28px}.is-options section{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.is-options h2,.is-summary h2{font-size:21px;margin:0 0 18px}.is-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.is-two label{font-weight:700}.is-two label>span{display:flex;margin-top:8px}.is-two input,#is-divider{width:100%;min-width:0;border:0;background:#f0f1f2;padding:15px;font-size:25px;color:var(--ink)}.is-two b{display:grid;place-items:center;padding:0 15px;background:#dfe2e4;font-weight:400}.is-two small{display:block;margin-top:7px;font-weight:400;font-size:12px}#is-warning{color:#c43232;font-weight:700;min-height:18px}#is-divider-wrap label{display:block;font-weight:700}#is-divider{display:block;margin-top:8px;max-width:220px;font-size:19px}#is-divider-wrap p{font-size:13px}.is-current,.is-long-choice{width:100%;min-height:82px;display:grid;grid-template-columns:92px 1fr auto;align-items:stretch;gap:0;padding:0;overflow:hidden;border:1px solid #d6dee4;border-radius:5px;background:#fff}.is-current img{align-self:center;width:78px;height:68px;margin:7px;object-fit:contain}.is-current strong,.is-long-choice span{align-self:center;padding:10px 14px;font-size:18px;font-weight:700}.is-current button,.is-long-choice b{min-width:105px;display:flex;align-items:center;justify-content:center;margin:0;padding:10px 14px;border:0;border-radius:0;background:var(--purple);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.is-current button:hover,.is-long-choice:hover b{background:var(--purple-dark)}.is-long-choice{text-align:left;cursor:pointer}.is-long-choice i{align-self:center;display:block;width:78px;height:68px;margin:7px;border:1px solid #bdc8cf;background:var(--color)}.is-meshes,.is-openings{display:flex;gap:12px}.is-meshes button,.is-openings button{border:2px solid var(--line);background:white;padding:9px;min-width:105px;cursor:pointer}.is-meshes button.selected,.is-openings button.selected{border-color:var(--blue);box-shadow:inset 0 -5px var(--blue)}.is-meshes i{display:block;height:50px;background:var(--mesh);margin-bottom:6px}.is-openings button{width:140px}.is-door-mini{display:block;height:95px;border:4px solid #3f474c;position:relative;background:repeating-linear-gradient(0deg,transparent 0 7px,#d7dbdd 8px),repeating-linear-gradient(90deg,transparent 0 7px,#d7dbdd 8px)}.is-door-mini:before,.is-door-mini:after{content:"";position:absolute;height:1px;background:#f05a9b;top:50%;width:112%;transform-origin:var(--origin)}.is-door-mini.left:before{right:0;--origin:right;transform:rotate(34deg)}.is-door-mini.left:after{right:0;--origin:right;transform:rotate(-34deg)}.is-door-mini.right:before{left:0;--origin:left;transform:rotate(34deg)}.is-door-mini.right:after{left:0;--origin:left;transform:rotate(-34deg)}textarea{width:100%;border:1px solid #cfd5d9;padding:12px;resize:vertical;font:inherit}.is-drawing{display:grid;place-items:center;padding:25px;background:#fafbfb;min-width:0}.is-drawing svg{width:100%;max-width:780px;max-height:720px}.is-summary{border-left:1px solid var(--line);background:#fff}.is-summary>h2{padding-bottom:12px;border-bottom:1px solid #d8e0e5;font-size:20px}.is-summary dl{margin:0}.is-summary dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:9px 0;border-bottom:1px solid #e1e5e7}.is-summary dt{font-weight:700}.is-summary dd{margin:0;color:var(--ink)}.is-total{margin:25px 0 18px}.is-total span,.is-total small{display:block}.is-total strong{display:block;font-size:30px;margin:8px 0;color:#20282d}.is-total small{color:#68747b}.is-summary>button{width:100%;border:0;background:var(--purple);color:#fff;padding:15px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer}.is-summary>button:before{content:"🛒";margin-right:9px}.is-summary>button:hover{background:var(--purple-dark)}.is-summary>button:disabled{opacity:.6}.is-summary>a{display:block;width:100%;padding:15px;margin-top:10px;border-radius:5px;background:#e9edf0;color:var(--ink);font-size:16px;font-weight:700;text-align:center;text-decoration:none}.is-summary>a:hover{background:#dce3e8}.is-dialog{width:min(1050px,94vw);border:0;padding:0;box-shadow:0 20px 70px #0004}.is-dialog::backdrop{background:#0008}.is-dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.is-dialog header h2{margin:0}.is-dialog header button{border:0;background:none;font-size:32px;cursor:pointer}.is-model-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:15px}.is-model-grid button{background:#fff;border:1px solid var(--line);padding:15px;cursor:pointer;min-height:190px}.is-model-grid button.selected{border:4px solid var(--purple)}.is-model-grid img{width:100%;height:130px;object-fit:contain}.is-model-grid b{display:block;font-size:16px;margin-top:8px}.is-color-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px;max-height:70vh;overflow:auto}.is-color-list button{border:2px solid var(--line);background:white;padding:7px;cursor:pointer;text-align:left}.is-color-list button.selected{border-color:var(--purple)}.is-color-list i{display:block;height:75px;background:var(--color);margin-bottom:7px}
@media(max-width:1150px){.is-layout{grid-template-columns:minmax(330px,44%) 1fr}.is-summary{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){.is-layout{display:block}.is-options,.is-summary,.is-drawing{padding:20px}.is-options{border-right:0}.is-drawing{min-height:430px}.is-two{grid-template-columns:1fr}.is-model-grid{grid-template-columns:repeat(2,1fr)}.is-color-list{grid-template-columns:repeat(2,1fr)}}
.is-current{cursor:pointer}.is-current:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.is-two{gap:12px;margin-bottom:16px}.is-two label{display:flex;flex-direction:column;gap:4px}.is-two .is-input-label{display:block;margin:0;color:#4c5c67;font-size:12px;font-weight:600}.is-two input{width:100%;padding:9px 10px;border:1px solid #ccd5db;border-radius:3px;background:#fff;color:var(--ink);font:14px/1.25 "Segoe UI",Arial,sans-serif;box-shadow:none}.is-two input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 2px rgba(108,63,197,.12)}.is-two small{margin-top:2px;color:#697984;font-size:11px;font-weight:400}
.is-drawing{min-height:920px}.is-drawing svg{display:block;width:100%;height:900px;max-width:none;max-height:none}
@media(max-width:1150px){.is-drawing{min-height:760px}.is-drawing svg{height:740px}}
@media(max-width:760px){.is-drawing{min-height:620px}.is-drawing svg{height:600px}}
.is-openings{align-items:flex-start}.is-openings button{width:112px;min-width:112px;padding:10px;background:#fff}.is-door-mini{display:block;position:relative;width:64px;height:160px;margin:0 auto 8px;overflow:hidden;border:4px solid #3f474c;background:#cfd2d4}.is-door-mini:before,.is-door-mini:after{content:"";position:absolute;width:94px;height:2px;background:#ef5a96}.is-door-mini.left:before{left:0;right:auto;top:0;bottom:auto;transform-origin:left center;transform:rotate(53.6deg)}.is-door-mini.left:after{left:0;right:auto;top:auto;bottom:0;transform-origin:left center;transform:rotate(-53.6deg)}.is-door-mini.right:before{right:0;left:auto;top:0;bottom:auto;transform-origin:right center;transform:rotate(-53.6deg)}.is-door-mini.right:after{right:0;left:auto;top:auto;bottom:0;transform-origin:right center;transform:rotate(53.6deg)}
.is-meshes button.selected,.is-openings button.selected{border-color:var(--purple);box-shadow:inset 0 -5px var(--purple)}
@media(min-width:1151px){
 .is-layout{height:calc(100vh - 227px);min-height:520px;overflow:hidden}
 .is-options,.is-summary{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .is-drawing{height:100%;min-height:0;overflow:auto}
 .is-drawing svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;transform:scale(2.5);transform-origin:center}
}