.wainscoting-designer{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.wainscoting-designer__inner{width:100%}.wainscoting-designer h1{text-align:center;margin-bottom:12px}.wainscoting-designer__intro{max-width:800px;margin:0 auto 40px;text-align:center;line-height:1.5}.wainscoting-designer__wall-view,.wainscoting-designer__room-view,.wainscoting-designer__summary{margin-top:40px}.wainscoting-wall-controls{max-width:400px;margin:20px auto 30px;text-align:center}.wainscoting-wall-controls label{display:block;font-weight:600;margin-bottom:8px}.wainscoting-length-input{display:flex;justify-content:center;align-items:center;gap:8px}.wainscoting-length-input input{width:150px;padding:10px;border:1px solid #999;border-radius:4px;font-size:16px}.wainscoting-wall-controls p{font-size:14px;line-height:1.4;margin-top:10px}#wainscoting-wall-preview{max-width:900px;margin:0 auto}.wainscoting-wall-info{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:15px}.wainscoting-visual-wall{height:320px;border:2px solid #333;display:flex;align-items:flex-end;justify-content:space-evenly;padding:0 15px;box-sizing:border-box;position:relative;background:#faf9f6;--wall-scale: 6px;--chair-rail-height: calc(36 * var(--wall-scale));--baseboard-height: calc(4.5 * var(--wall-scale));--square-height: calc(23.5 * var(--wall-scale));--vertical-gap: calc(4 * var(--wall-scale))}.wainscoting-visual-wall:before{content:"";position:absolute;left:0;right:0;bottom:var(--chair-rail-height);height:8px;background:#333}.wainscoting-visual-wall:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--baseboard-height);border-top:2px solid #555;background:#f2f0eb}.wainscoting-square{width:120px;height:var(--square-height);flex:0 1 120px;border:7px solid #333;background:transparent;padding:0;cursor:pointer;position:relative;z-index:2;margin-bottom:calc(var(--baseboard-height) + var(--vertical-gap))}.wainscoting-remove-help{text-align:center;font-size:14px;margin-top:10px}.wainscoting-designer__room-view,.wainscoting-designer__summary{max-width:900px;margin-left:auto;margin-right:auto}@media(max-width:600px){.wainscoting-designer{padding:25px 15px 60px}.wainscoting-visual-wall{height:200px;padding-left:8px;padding-right:8px}.wainscoting-square{height:80px;border-width:5px}}.wainscoting-visual-wall{height:320px;border:1px solid #d8cdbd;background:#f7f4ee;display:flex;align-items:flex-end;justify-content:space-evenly;padding:0 18px;box-sizing:border-box;position:relative;--wall-scale: 6px;--chair-rail-height: calc(36 * var(--wall-scale));--baseboard-height: calc(4.5 * var(--wall-scale));--square-size: calc(23.5 * var(--wall-scale));--vertical-gap: calc(4 * var(--wall-scale))}.wainscoting-visual-wall:before{content:"";position:absolute;left:0;right:0;bottom:var(--chair-rail-height);height:4px;background:#c9b99f;z-index:1}.wainscoting-visual-wall:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--baseboard-height);background:#f7f4ee;border-top:1px solid #c9b99f;z-index:1}.wainscoting-square{width:var(--square-size);height:var(--square-size);flex:0 0 var(--square-size);aspect-ratio:1 / 1;border:3px double #c9b99f;background:transparent;padding:0;cursor:pointer;position:relative;z-index:2;margin-bottom:calc(var(--baseboard-height) + var(--vertical-gap));box-sizing:border-box}.wainscoting-square:hover{opacity:.55}.wainscoting-visual-wall:before{height:calc(2 * var(--wall-scale))}.wainscoting-square{border-width:calc(1 * var(--wall-scale));border-style:double}.wainscoting-visual-wall:before{height:calc(2 * var(--wall-scale));background:linear-gradient(to bottom,#c9b99f 0,#c9b99f 1px,transparent 1px,transparent 3px,#c9b99f 3px,#c9b99f 5px,transparent 5px,transparent 8px,#c9b99f 8px,#c9b99f 9px,transparent 9px,transparent 11px,#c9b99f 11px,#c9b99f 12px);border:0}#wainscoting-wall-preview{max-width:100%;overflow-x:auto;padding-bottom:8px}.wainscoting-visual-wall{max-width:none;margin-left:auto;margin-right:auto}.wainscoting-visual-wall{justify-content:flex-start;padding-left:var(--horizontal-gap);padding-right:var(--horizontal-gap);gap:var(--horizontal-gap)}.wainscoting-room-svg{display:block;width:100%;max-width:700px;height:auto;min-height:280px;margin:20px auto;overflow:visible}.room-wall-line{stroke:#c9b99f;stroke-width:7;stroke-linecap:square;cursor:pointer;transition:opacity .15s ease}.room-wall-line:hover{opacity:.55}.room-wall-line.is-selected{stroke:#6f675c;stroke-width:9}.room-wall-label{fill:#6f675c;font-size:14px;text-anchor:middle;pointer-events:none}.wainscoting-wall-list{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}.wainscoting-wall-list-item{display:flex;flex-direction:column;gap:2px;min-width:100px;padding:10px 14px;border:1px solid #c9b99f;background:transparent;cursor:pointer}.wainscoting-wall-list-item.is-selected{background:#f1ece3;border-color:#6f675c}.wainscoting-room-wall-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0 20px}.wainscoting-room-wall-controls button{padding:10px 14px;border:1px solid #c9b99f;background:#f7f4ee;cursor:pointer}.wainscoting-room-wall-controls button:hover{opacity:.7}.room-wall-line.is-non-wall{stroke-width:3;stroke-dasharray:10 8;stroke-linecap:butt;opacity:.55}.room-wall-line.is-non-wall.is-selected{stroke-width:5;opacity:1}.wainscoting-designer__controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 8px}#add-wall-segment,#add-non-wall-space{-webkit-appearance:none;appearance:none;min-width:210px;padding:13px 20px;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}#add-wall-segment{background:#c9b99f;border:1px solid #c9b99f}#add-non-wall-space{background:transparent;border:1px solid #c9b99f}#add-wall-segment:hover,#add-non-wall-space:hover{opacity:.75}#add-wall-segment:active,#add-non-wall-space:active{transform:translateY(1px)}.wainscoting-non-wall-help{text-align:center;margin:10px auto 0;font-size:14px;opacity:.7}@media(max-width:600px){#add-wall-segment,#add-non-wall-space{width:100%;max-width:340px}}.wainscoting-wall-list{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;margin:24px auto 10px}.wainscoting-wall-list-item{min-width:115px;padding:12px 16px;border:1px solid #c9b99f;border-radius:4px;background:#fff;cursor:pointer;text-align:center;transition:background .2s ease,border-color .2s ease,transform .15s ease}.wainscoting-wall-list-item strong{display:block;font-size:15px;margin-bottom:3px}.wainscoting-wall-list-item span{display:block;font-size:14px;font-weight:400}.wainscoting-wall-list-item:hover{background:#f7f4ee}.wainscoting-wall-list-item:active{transform:translateY(1px)}.wainscoting-wall-list-item.is-selected{background:#f1ece3;border:2px solid #c9b99f}.wainscoting-wall-list-item:has(strong:first-child){box-sizing:border-box}@media(max-width:600px){.wainscoting-wall-list{gap:7px}.wainscoting-wall-list-item{min-width:100px;padding:10px 12px}}.wainscoting-room-wall-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:18px auto 24px}.wainscoting-room-wall-controls button{-webkit-appearance:none;appearance:none;padding:9px 14px;border:1px solid #c9b99f;border-radius:4px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .15s ease}.wainscoting-room-wall-controls button:hover{background:#f7f4ee}.wainscoting-room-wall-controls button:active{transform:translateY(1px)}.wainscoting-room-wall-controls button:first-child{background:#c9b99f;border-color:#c9b99f;font-weight:600}.wainscoting-room-wall-controls button:last-child{margin-left:8px;border-color:#b9a9a2}@media(max-width:600px){.wainscoting-room-wall-controls{gap:6px}.wainscoting-room-wall-controls button{padding:8px 10px;font-size:13px}.wainscoting-room-wall-controls button:last-child{margin-left:0}}#add-wall-segment,#add-non-wall-space{background:transparent;border:1px solid #c9b99f}#add-wall-segment.is-active-mode,#add-non-wall-space.is-active-mode{background:#c9b99f;border-color:#c9b99f;font-weight:600}.wainscoting-non-wall-visual{height:320px;max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box;border:2px solid #b8b3aa;background:#eeeeec;display:flex;align-items:flex-end;justify-content:center;color:#6f675c;font-size:16px;font-weight:500;text-align:center;padding:0 12px 12px}.wainscoting-designer__cta{margin-top:28px;padding-top:24px;border-top:1px solid #d8cdbb}.wainscoting-cta-option{padding:22px;border:1px solid #d8cdbb;background:#f7f4ee}.wainscoting-cta-option h3{margin:0 0 10px;font-size:20px}.wainscoting-cta-option p{margin:0 0 14px;line-height:1.5}.wainscoting-cta-divider{margin:14px 0;text-align:center;font-size:13px;font-weight:600;letter-spacing:.08em;color:#6f675c}.wainscoting-deposit-note{font-weight:600}.wainscoting-cta-button{width:100%;padding:14px 18px;border:1px solid #6f675c;background:#6f675c;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.wainscoting-cta-button:hover{opacity:.85}.wainscoting-cta-button--secondary{background:#fff;color:#6f675c}.wainscoting-cart-message{margin:14px 0 0;text-align:center;font-size:14px}@media screen and (max-width:749px){#wainscoting-wall-preview{width:100%;overflow:hidden}#wainscoting-wall-preview>*{max-width:100%}.wainscoting-wall{transform-origin:top center}}.wainscoting-designer__controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;text-align:center;margin:20px auto 30px}.wainscoting-designer__controls .wainscoting-non-wall-help{flex-basis:100%;margin:0;text-align:center}#wainscoting-start-over{display:block;width:fit-content;margin:10px auto;padding:5px 12px;border:1px solid #c9b99f;background:#f7f4ee;color:#333;font:inherit;font-size:13px;line-height:1.2;cursor:pointer}#wainscoting-start-over:hover{opacity:.7}.wainscoting-add-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.wainscoting-summary-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.wainscoting-summary-row p{margin:0}.wainscoting-designer__summary h2{margin-bottom:10px}.wainscoting-length-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.wainscoting-length-row #wainscoting-start-over{margin:0}@media(max-width:768px){.wainscoting-add-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;text-align:center}}#wainscoting-room-preview{border:1px solid #d8cbb8;border-radius:12px;padding:28px;box-sizing:border-box;margin-top:16px;margin-bottom:24px}#wainscoting-wall-preview{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center}#wainscoting-wall-preview .wainscoting-empty-wall{width:100%;margin:0;text-align:center;font-size:18px;opacity:.7}.wainscoting-project-walls{margin-top:48px;margin-bottom:48px}.wainscoting-project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.wainscoting-project-heading h2{margin:0}.wainscoting-project-heading p{margin:0 0 3px;opacity:.65;font-size:14px}.wainscoting-project-wall-list{display:flex;flex-direction:column;gap:20px}.wainscoting-project-wall-item{border:1px solid #ded7cc;background:#faf8f4;padding:22px}.wainscoting-project-wall-mini{position:relative;height:170px;min-width:0;max-width:100%;background:#f7f3ed;border:1px solid #d3c1a3;overflow:hidden;box-sizing:border-box}.wainscoting-project-chair-rail{position:absolute;top:34%;left:0;right:0;height:7px;border-top:1px solid #c9ad81;border-bottom:1px solid #c9ad81}.wainscoting-project-panel-area{position:absolute;left:0;right:0;top:45%;bottom:13px;display:flex;align-items:stretch;box-sizing:border-box}.wainscoting-project-mini-square{display:block;flex-shrink:0;min-width:10px;border:2px solid #c9ad81;box-shadow:inset 0 0 0 3px #f7f3ed,inset 0 0 0 4px #c9ad81;box-sizing:border-box}.wainscoting-project-wall-content{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:15px}.wainscoting-project-wall-details{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px}.wainscoting-project-wall-details strong{font-size:18px}.wainscoting-project-wall-details span{font-size:15px;opacity:.75}.wainscoting-project-wall-controls{display:flex;gap:8px;flex-shrink:0}.wainscoting-project-wall-controls button{min-height:40px;padding:8px 18px;border:1px solid #cdbb9e;background:transparent;cursor:pointer;font:inherit}.wainscoting-project-wall-controls button:hover{background:#f0ebe3}.wainscoting-project-remove{opacity:.7}@media screen and (max-width:749px){.wainscoting-project-heading{align-items:flex-start;flex-direction:column;gap:4px}.wainscoting-project-wall-item{padding:14px}.wainscoting-project-wall-mini{height:135px;min-width:0}.wainscoting-project-wall-content{flex-direction:column;align-items:flex-start;gap:12px}.wainscoting-project-wall-controls{width:100%}.wainscoting-project-wall-controls button{flex:1}}.wainscoting-project-wall-list{align-items:flex-start}.wainscoting-project-wall-item{width:fit-content;max-width:100%;min-width:360px}.wainscoting-project-wall-mini{max-width:100%;aspect-ratio:auto;height:170px}.wainscoting-project-panel-area{top:45%;bottom:8%}.wainscoting-project-mini-square{aspect-ratio:1 / 1;height:auto!important}.wainscoting-project-wall-content{width:360px;max-width:100%}@media screen and (max-width:749px){.wainscoting-project-wall-item{min-width:0;width:100%}.wainscoting-project-wall-mini,.wainscoting-project-wall-content{width:100%!important}}.wainscoting-project-panel-area{justify-content:space-evenly!important;gap:0!important;padding-left:0!important;padding-right:0!important}.wainscoting-project-mini-square{height:auto!important;align-self:center;aspect-ratio:1 / 1!important;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/28/assets/wainscoting-designer.css.map */