.wo-door-order{background:#f3f6fb}.wo-door-order__head{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:end;margin-bottom:30px}.wo-door-order__head h1{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:0}.wo-door-order__head p{font-size:18px;color:var(--muted)}.wo-door-design-grid{margin-bottom:45px}.wo-door-config{display:grid;grid-template-columns:.4fr .6fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:100px}.wo-door-config[hidden]{display:none}.wo-door-preview-panel{background:linear-gradient(145deg,#05070a,#073681);padding:38px;color:#fff}.wo-door-preview-panel>small{color:#8cb6ff;font-weight:900}.wo-door-preview-panel>button{width:100%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:10px;padding:12px;margin-top:18px}.wo-door-preview{position:relative;margin-top:15px;border:3px solid #fff;border-radius:14px;overflow:hidden;background:#0787bd}.wo-door-preview img{display:block;width:100%;height:auto}.wo-live-midrail{position:absolute;left:12%;right:12%;height:13px;background:#fff;border:3px solid #07111f;box-shadow:0 2px 6px rgba(0,0,0,.35)}.wo-live-threshold{position:absolute;left:8%;right:8%;bottom:7%;height:15px;background:#fff;border:3px solid #07111f}.wo-live-threshold.is-low{height:6px;background:#cdd4dc}.wo-door-form-wrap{padding:42px}.wo-door-form-wrap h2{font-size:36px;margin:4px 0 22px}.wo-door-form{display:grid;gap:16px}.wo-door-form label{font-size:13px;font-weight:850}.wo-door-form label>span{color:#d52b43}.wo-door-form input,.wo-door-form select,.wo-door-form textarea{width:100%;border:1px solid #ccd7e5;border-radius:10px;padding:12px;margin-top:6px;font:inherit}.wo-door-form input,.wo-door-form select{height:49px}.wo-door-option-box{border:1px solid var(--line);background:#f7f9fc;border-radius:14px;padding:18px}.wo-door-option-box>b{font-size:18px}.wo-door-option-box>p{font-size:13px;color:var(--muted);margin:4px 0 12px}.wo-door-choice{display:flex;gap:10px;flex-wrap:wrap}.wo-door-choice input{position:absolute;opacity:0}.wo-door-choice span{display:block;border:1px solid #cbd6e4;background:#fff;border-radius:10px;padding:11px 14px;cursor:pointer}.wo-door-choice input:checked+span{border-color:var(--blue);background:#e9f2ff;color:var(--blue)}[data-midrail-options]{margin-top:15px}[data-midrail-options][hidden],[data-custom-midrail][hidden]{display:none}
@media(max-width:900px){.wo-door-config{grid-template-columns:1fr}.wo-door-preview-panel{padding:28px}.wo-door-preview{max-width:430px}.wo-door-order__head{grid-template-columns:1fr}}
@media(max-width:620px){.wo-door-form-wrap{padding:28px 20px}.wo-door-choice{display:grid}.wo-door-choice span{width:100%}}
.wo-door-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wo-door-design-grid .wo-case-option{padding:16px;border-radius:18px}.wo-door-design-grid .wo-case-image{min-height:330px;object-fit:contain;background:#fff}.wo-door-design-grid .wo-case-option b{font-size:17px;margin-top:12px}.wo-door-config{grid-template-columns:minmax(480px,.48fr) .52fr}.wo-door-preview{min-height:520px;display:grid;place-items:center;background:#fff}.wo-door-preview [data-door-image],.wo-door-preview img{width:100%;height:100%}.wo-door-preview img{object-fit:contain}
@media(max-width:900px){.wo-door-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-door-design-grid .wo-case-image{min-height:300px}.wo-door-config{grid-template-columns:1fr}.wo-door-preview{min-height:480px;max-width:620px}.wo-door-preview-panel{display:grid;place-items:center}.wo-door-preview-panel>small,.wo-door-preview-panel>button{width:min(100%,620px)}}
@media(max-width:620px){.wo-door-design-grid{grid-template-columns:1fr;gap:18px}.wo-door-design-grid .wo-case-image{min-height:360px}.wo-door-preview{min-height:390px}.wo-door-preview-panel{padding:18px}}
.wo-custom-sketch-label{display:grid;place-items:center;min-height:420px;padding:30px;color:#075bea;font-size:24px;text-align:center;background:#f3f7fc}.wo-door-order .wo-sketch-fallback{margin-bottom:45px}
.wo-front-door-options{display:grid;gap:16px}.wo-front-door-options[hidden]{display:none}.wo-front-door-brochure{border:1px solid #9ab9ee;background:#eef5ff;border-radius:14px;padding:18px}.wo-front-door-brochure summary{cursor:pointer;color:var(--blue);font-size:18px;font-weight:900}.wo-front-door-brochure>p{color:var(--muted)}.wo-front-door-brochure__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.wo-front-door-brochure__grid a{display:block;background:#fff;border:1px solid #d1dce9;border-radius:11px;overflow:hidden;color:var(--blue);font-weight:850;text-align:center}.wo-front-door-brochure__grid img{display:block;width:100%;height:auto;aspect-ratio:794/1123;object-fit:contain;background:#fff}.wo-front-door-brochure__grid span{display:block;padding:9px}.wo-upvc-panel-sample{background:linear-gradient(135deg,#fff,#edf0ed 52%,#fff);box-shadow:inset 0 0 0 10px #f8f9f7,inset 0 0 0 12px #cdd2ce}
@media(max-width:700px){.wo-front-door-brochure__grid{grid-template-columns:repeat(2,1fr)}}
.wo-brochure-colour-note{display:grid;gap:5px;margin:14px 0;padding:15px;border-radius:11px;background:#075bea;color:#fff}.wo-brochure-colour-note b{font-size:17px}.wo-brochure-colour-note span{color:#dbe8ff}.wo-front-door-brochure__grid{border:0;padding:0}.wo-brochure-page{position:relative;display:block;background:#fff;border:2px solid #d1dce9;border-radius:11px;overflow:hidden;cursor:pointer;text-align:center}.wo-brochure-page>input{position:absolute;opacity:0}.wo-brochure-page:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,91,234,.16)}.wo-brochure-page a{display:block}.wo-brochure-page>span{display:block;padding:10px;color:var(--blue);font-weight:900}.wo-brochure-page:has(input:checked)>span:after{content:" ✓"}.wo-brochure-reference{display:block;margin-top:18px;font-weight:850}.wo-brochure-reference input{width:100%;height:49px;border:1px solid #9ab9ee;border-radius:10px;padding:12px;margin-top:7px;font:inherit}.wo-brochure-accessories{display:grid;grid-template-columns:1fr 180px;gap:15px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid #cbd9ed}.wo-brochure-accessories a{display:block;text-align:center;color:var(--blue);font-weight:850}.wo-brochure-accessories img{display:block;width:100%;height:130px;object-fit:cover;object-position:bottom;border-radius:8px}.wo-brochure-accessories span{display:block;margin-top:5px;font-size:12px}
@media(max-width:620px){.wo-brochure-accessories{grid-template-columns:1fr}.wo-brochure-accessories a{max-width:220px}}
.wo-front-door-brochure__grid .wo-brochure-page>a{border:0;border-radius:0;padding:0}
.wo-brochure-bottom-note{margin:18px 0 0;padding:15px 17px;border-left:5px solid var(--blue);border-radius:8px;background:#fff;color:#17243a}.wo-brochure-bottom-note b{color:var(--blue)}