.room-planner { padding-top:48px; padding-bottom:50px; border-top:1px solid #dce2e3; scroll-margin-top:90px; }
.planner-heading { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-bottom:34px; }
.planner-heading h2 { font-size:clamp(28px,3vw,42px); margin:14px 0 0; line-height:1.12; }
.planner-heading>p { color:#5c6c70; margin:0; line-height:1.65; max-width:52ch; }
.planner-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:34px; align-items:start; }
#room-planner-form { min-width:0; }
#room-planner-form fieldset { border:0; border-top:1px solid #dce2e3; padding:22px 0 26px; margin:0; min-width:0; }
#room-planner-form legend { padding:0 14px 0 0; font-size:16px; font-weight:700; color:#173947; }
#room-planner-form label { display:flex; flex-direction:column; gap:9px; color:#243f48; font-size:14px; line-height:1.4; min-width:0; }
#room-planner-form input,#room-planner-form select { font:inherit; background:#fff; border:1px solid #bcc9cb; border-radius:0; padding:12px; width:100%; min-width:0; min-height:46px; color:#173947; }
#room-planner-form input:focus-visible,#room-planner-form select:focus-visible { outline:2px solid #003aa5; outline-offset:2px; }
#room-planner-form :disabled { background:#f0f2f1; }
.dimension-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.planner-two-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; }
.planner-help,.planner-source { font-size:12px; line-height:1.6; color:#637276; }
.planner-help { margin:12px 0; }
.room-volume { display:flex; align-items:baseline; justify-content:space-between; margin:18px 0 0; padding:14px 0 0; border-top:1px solid #e4e8e7; color:#576d71; font-size:14px; }
.room-volume output { font-size:24px; color:#173947; font-weight:700; }
.climate-reference { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0; }
.climate-reference>div { display:flex; flex-direction:column; gap:12px; padding-top:14px; border-top:2px solid #9aaba6; }
.climate-reference span { font-size:12px; color:#637276; line-height:1.45; min-height:35px; }
.climate-reference strong { font-size:23px; line-height:1.2; color:#173947; }
#location-status { font-size:13px; line-height:1.5; color:#5b6e73; }
.planner-retry { padding:8px 0; border:0; border-bottom:1px solid; background:none; color:#003aa5; font:inherit; cursor:pointer; }
.planner-result { padding:26px; background:#f1f4f1; border-top:3px solid #516f64; position:sticky; top:96px; min-width:0; }
.planner-result h3 { font-size:28px; line-height:1.15; margin:16px 0; }.planner-result h4{font-size:18px;margin:24px 0 12px}
.planner-result p { font-size:14px; color:#5c6c70; line-height:1.65; }
#room-outline { margin:0; }#room-outline>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;border-bottom:1px solid #d4deda;padding:12px 0;font-size:14px;line-height:1.5}#room-outline dt{color:#637276}#room-outline dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.planner-unit-links {display:grid;gap:8px}.planner-unit-links a{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #ccd7d3;font-size:14px}.planner-unit-links span{color:#637276}
.planner-result .button { font-size:13px; width:100%; white-space:normal; margin-top:16px; padding:14px 12px; text-align:center; }
.planner-source { margin-top:30px; max-width:110ch; }.planner-source a{text-decoration:underline}
@media(max-width:1100px){.planner-grid{grid-template-columns:1fr}.planner-result{position:static}.planner-heading{grid-template-columns:1fr;gap:18px}}
@media(max-width:500px){.planner-two-fields{grid-template-columns:1fr}.dimension-fields{gap:8px}#room-planner-form input,#room-planner-form select{padding:10px 8px}.climate-reference strong{font-size:20px}.planner-result{padding:20px}.planner-grid{gap:26px}.room-planner{padding-top:32px}}
.recommendation-status { color:#385d4c!important; border-top:1px solid #bccfc5; padding-top:20px; font-weight:700; font-size:12px!important; }
#recommended-model { font-size:26px; color:#003aa5; margin:16px 0; }
#recommended-link { display:inline-block; font-size:14px; margin:8px 0 14px; }
#recommended-link[hidden] { display:none; }
.selection-method { margin:18px 0; font-size:12px; line-height:1.6; color:#637276; }
.selection-method summary { cursor:pointer; color:#31564c; text-decoration:underline; }
.selection-method p { font-size:12px; }

#planner-content[hidden] { display:none; }
/* Customer sequence: space format, cooling use, refrigeration recommendation. */
.cold-core + .room-planner { border-top:0; padding-top:0; }
.cold-core:has(+ .room-planner) { padding-bottom:20px; }
.space-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
#room-planner-form .space-choice { display:grid; grid-template-columns:20px minmax(0,1fr); align-content:start; gap:12px 8px; border:1px solid #bfcac6; padding:14px; cursor:pointer; }
#room-planner-form input[type=radio] { width:17px; min-height:17px; height:17px; margin:0; accent-color:#003aa5; }
.space-choice-visual { grid-column:1/-1; grid-row:1; display:block; }
.space-choice-visual .product-visual { display:block; height:150px; width:100%; margin:0; padding:6px; }
.space-choice-visual .product-visual img { display:block; width:100%; height:100%; object-fit:contain; }
.space-choice>strong { font-size:16px; line-height:1.3; }
.space-choice>span:last-child { grid-column:2; font-size:12px; color:#637276; line-height:1.5; }
.space-choice:has(input:checked),.cooling-choices label:has(input:checked) { border-color:#003aa5!important; background:#f1f5fa; box-shadow:inset 0 0 0 1px #003aa5; }
.planner-subheading { font-size:16px; margin:24px 0 8px; }
.cooling-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:22px; }
#room-planner-form .cooling-choices label { display:flex; border:1px solid #bfcac6; padding:14px 10px; cursor:pointer; gap:12px; }
.cooling-choices strong { font-size:14px; }
.cooling-choices span { font-size:12px; color:#637276; }
.container-dimension-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0; }
.container-dimension-options>label { position:relative; cursor:pointer; display:flex; flex-direction:column; gap:9px; padding:14px; border:1px solid #d7dfdc; font-size:14px; line-height:1.4; }
.container-dimension-options .is-selected { border-left:3px solid #003aa5; background:#f1f5fa; }
.container-dimension-options small { color:#637276; font-size:12px; }
#room-planner-form [hidden] { display:none!important; }
#room-planner-form textarea { font:inherit; border:1px solid #bcc9cb; border-radius:0; padding:12px; resize:vertical; min-height:90px; color:#173947; background:white; width:100%; }
#custom-cooling-label { margin-top:20px; }
.browse-units-independent { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 0; margin-top:28px; border-top:1px solid #c9d4ce; border-bottom:1px solid #c9d4ce; }
.browse-units-independent>div { display:flex; flex-direction:column; gap:8px; }.browse-units-independent strong{font-size:17px}.browse-units-independent span{font-size:13px;color:#637276}
.browse-units-independent>a { font-size:14px; flex-shrink:0; }
.planner-independent a { text-decoration:underline; color:#003aa5; }
@media(max-width:600px){.space-choice-visual .product-visual{height:125px}#room-planner-form .space-choice{padding:10px;gap:10px 6px}.space-choice>strong{font-size:14px}.cooling-choices{grid-template-columns:1fr}#room-planner-form .cooling-choices label{display:grid;grid-template-columns:18px 1fr;gap:8px 10px}.cooling-choices span{grid-column:2}.browse-units-independent{flex-direction:column;align-items:start}.container-dimension-options{grid-template-columns:1fr}}
.custom-cooling-contact { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; border:1px solid #bfcac6; padding:14px 10px; color:#173947; }
.custom-cooling-contact strong { font-size:14px; }.custom-cooling-contact span{font-size:12px;color:#003aa5;text-decoration:underline}.custom-cooling-contact:hover{border-color:#003aa5;background:#f1f5fa}
@media(max-width:600px){.custom-cooling-contact{padding:16px}}

#room-planner-form .container-dimension-options input{position:absolute;right:14px;top:14px;width:18px;height:18px;margin:0;padding:0;accent-color:#003aa5} .container-dimension-options>label{padding-right:44px} .container-dimension-options>label:focus-within{outline:2px solid #3775c8;outline-offset:3px}
.planner-search{position:relative;min-width:0}.planner-search>label{display:block;margin-bottom:8px}.planner-search input{width:100%}.planner-search-results{position:absolute;top:100%;left:0;right:0;z-index:12;background:#fff;border:1px solid #b9c7cd;max-height:320px;overflow:auto;box-shadow:0 8px 20px #12314115}.planner-search-results[hidden]{display:none}.planner-search-results button{display:block;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #e7ecec;background:white;color:#193d48;font-size:15px;line-height:1.4}.planner-search-results button:hover,.planner-search-results button[aria-selected=true]{background:#eaf1fc;color:#003aa5}.planner-search-results p{padding:12px;font-size:14px;color:#677}.required-cooling-load{font-size:25px!important;line-height:1.3;font-weight:600;color:#003aa5;margin:16px 0!important}