.wall-calculator-page{background:#fbf8f4}.wall-shell{width:min(1080px,calc(100% - 32px));margin-inline:auto}.wall-title{padding:20px 0;color:#fff;background:linear-gradient(125deg,#082e50,#0e466a 62%,#164f78)}.wall-title .breadcrumb,.wall-title .breadcrumb a,.wall-title p{color:#dbe8f0}.wall-title .breadcrumb{margin-bottom:7px}.wall-title .kicker{color:#ffad72}.wall-title h1{margin:3px 0 5px;font-size:clamp(30px,5vw,48px)}.wall-title p{margin:0}.wall-config-section{padding:20px 0 34px}.wall-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:16px;align-items:start}.wall-config,.wall-result{background:#fff;border:1px solid #d7e2e9;border-radius:14px;box-shadow:0 8px 24px rgba(8,46,80,.08)}.wall-config{padding:17px}.wall-config fieldset{margin:0;padding:0 0 16px;border:0}.wall-config fieldset+fieldset{padding-top:16px;border-top:1px solid #e2e9ee}.wall-config legend{margin-bottom:10px;color:var(--navy);font-size:18px;font-weight:900}.wall-config legend b{width:25px;height:25px;margin-right:6px;display:inline-grid;place-items:center;color:#fff;background:var(--green);border-radius:7px;font-size:13px}.wall-area{max-width:340px;display:grid;grid-template-columns:1fr 110px 36px;align-items:center;overflow:hidden;border:1px solid #cad8e1;border-radius:9px}.wall-area span{padding-left:11px;color:var(--muted);font-size:13px;font-weight:700}.wall-area input{width:100%;padding:10px 6px;border:0;border-left:1px solid #e1e8ed;text-align:right;font-size:18px;font-weight:800}.field-help{margin:6px 0 0;color:var(--muted);font-size:11px}.choice-grid{display:grid;gap:8px}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-grid label{position:relative;cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid span{height:100%;padding:11px;display:block;border:2px solid #dce5eb;border-radius:9px}.choice-grid strong,.choice-grid small,.option-list strong,.option-list small{display:block}.choice-grid small,.option-list small{margin-top:3px;color:var(--muted);font-size:11px}.choice-grid input:checked+span{border-color:var(--green);background:#fff4eb;box-shadow:inset 0 0 0 1px var(--green)}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.option-list label{padding:9px;display:grid;grid-template-columns:22px 1fr;gap:6px;border:1px solid #dce5eb;border-radius:8px;cursor:pointer}.option-list input{width:17px;height:17px;accent-color:var(--green)}.q4-note{margin:8px 0 0;padding:7px 9px;color:#77500c;background:#fff5df;border-radius:7px;font-size:12px}.opening-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opening-grid label{padding:10px;display:grid;grid-template-columns:1fr 72px;gap:6px;align-items:center;border:1px solid #dce5eb;border-radius:9px}.opening-grid span{font-size:13px;font-weight:800}.opening-grid input{width:100%;padding:8px;border:1px solid #cad8e1;border-radius:7px;text-align:center;font-weight:800}.opening-grid small{grid-column:1/-1;color:var(--muted);font-size:10px}.wall-result{position:sticky;top:12px;padding:18px;border-top:5px solid var(--orange)}.result-label{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wall-result h2{margin:4px 0 10px;font-size:23px}.result-price{padding:13px;color:#fff;background:linear-gradient(135deg,#0b395d,#164f78);border-radius:10px}.result-price span,.result-price strong,.result-price small{display:block}.result-price span{color:#dce9f0;font-size:11px}.result-price strong{margin:2px 0;font-size:26px}.result-price small{color:#f4ded0}.price-pending{margin-top:8px;padding:10px;color:#744200;background:#fff4d9;border:1px solid #f2d28b;border-radius:8px}.price-pending strong,.price-pending span{display:block}.price-pending span{font-size:11px}.wall-result h3{margin:13px 0 6px;font-size:15px}.wall-result ul{margin:0;padding:0;list-style:none}.wall-result li{padding:5px 0;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #edf1f4;font-size:11px}.wall-result li span,.wall-result li small{display:block}.wall-result li small{color:var(--muted)}.wall-result li strong{text-align:right}.cost-table{margin:11px 0;border-top:2px solid #dce5eb}.cost-table div{padding:6px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5ebef;font-size:11px}.cost-table strong{text-align:right}.cost-table .net{margin-top:4px}.cost-table .gross{color:var(--navy);font-size:14px;font-weight:900}.result-note{color:var(--muted);font-size:10px;line-height:1.4}.wall-result .button{width:100%;justify-content:center}.wall-influences{padding:28px 0;background:#fff}.wall-influences h2{margin:0 0 12px;font-size:24px}.influence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.influence-grid span{padding:8px 9px;background:#f3f7f9;border-radius:7px;color:var(--navy);font-size:11px}.influence-grid span:before{content:"•";margin-right:6px;color:var(--orange);font-weight:900}.legal-note{margin:14px 0 0;padding:12px;color:#4e6170;background:#fff4eb;border-left:4px solid var(--orange);font-size:12px}.preview-footer .wall-shell{display:flex;justify-content:space-between;gap:18px}@media(max-width:800px){.wall-layout{grid-template-columns:1fr}.wall-result{position:static}.influence-grid{grid-template-columns:1fr 1fr}.wall-title{padding:11px 0}.wall-title p{font-size:13px}}@media(max-width:520px){.wall-shell{width:calc(100% - 18px)}.wall-title .breadcrumb{font-size:10px}.wall-title .kicker{display:none}.wall-title h1{font-size:25px}.wall-title p{font-size:11px}.wall-config-section{padding:9px 0 22px}.wall-config,.wall-result{padding:11px;border-radius:9px}.wall-config fieldset{padding-bottom:11px}.wall-config fieldset+fieldset{padding-top:11px}.wall-config legend{margin-bottom:7px;font-size:15px}.choice-grid.two,.option-list,.opening-grid{grid-template-columns:1fr}.choice-grid span{padding:8px}.option-list label{padding:7px}.opening-grid label{padding:8px}.wall-result{border-top-width:4px}.result-price strong{font-size:23px}.influence-grid{grid-template-columns:1fr}.wall-influences{padding:20px 0}.wall-influences h2{font-size:19px}.preview-footer .wall-shell{flex-direction:column;gap:3px}}
