.configurator{padding-block:36px 70px}.config-head h1{font-size:clamp(30px,3.4vw,46px);line-height:1.2}.config-head p{max-width:800px}.config-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start}.config-steps{list-style:none;padding:0;margin:12px 0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.config-steps button{width:100%;background:#fff;border:0;border-bottom:3px solid #dbe2de;padding:14px 6px;font-size:14px;line-height:1.4;text-align:start;min-height:55px}.config-steps button[aria-current]{border-color:#2e5553;color:#193334;font-weight:700;background:#f1f5f3}.config-panel h2{font-size:26px;line-height:1.3;outline:none}.config-panel fieldset{border:0;padding:0;margin:22px 0}.config-panel legend{font-weight:600;margin-bottom:12px}.base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.base-option{position:relative;border:1px solid #dbe2de;border-radius:4px;overflow:hidden;cursor:pointer;margin:0!important;display:block!important;background:#fff}.base-option.chosen{outline:2px solid #2e5553;outline-offset:1px}.base-option input{position:absolute;top:12px;left:12px;width:20px;height:20px;accent-color:#2e5553;margin:0}.base-option img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.base-option>div{padding:15px}.base-option strong{display:block;font-size:18px;line-height:1.3;margin-bottom:10px}.base-option p,.base-option small{font-size:14px;line-height:1.5}.base-option small{display:block;color:#2e5553}.config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.configurator label>span:first-child{display:block;font-size:15px;margin-bottom:8px}.configurator input:not([type=radio]):not([type=checkbox]),.configurator select,.configurator textarea{width:100%;min-width:0;padding:12px;border:1px solid #aabcb2;border-radius:3px;background:#fff;color:#193334}.configurator textarea{resize:vertical;font-size:15px;line-height:1.6}.configurator input[type=checkbox],.configurator input[type=radio]{accent-color:#2e5553}.configurator .config-note{font-size:14px;line-height:1.65}.construction-details{border:1px solid #dbe2de;padding:18px;margin:22px 0}.construction-details summary{font-size:16px;font-weight:600;cursor:pointer}.construction-details p{margin-top:15px;font-size:14px}.config-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.config-swatches label{border:1px solid #dbe2de;padding:12px;cursor:pointer;margin:0}.config-swatches label:has(input:checked){outline:2px solid #2e5553}.config-swatches input{width:17px;height:17px}.colour-chip{display:block;height:52px;border:1px solid #c5cec9;margin:8px 0}.config-swatches label>span:last-child{font-size:14px;display:block}.finish-options{display:flex;flex-wrap:wrap;gap:12px}.finish-options label{padding:10px 14px;background:#f1f5f3;display:flex;align-items:center;gap:10px;margin:0;font-size:14px}.finish-options input{width:18px;height:18px}.config-summary{position:sticky;top:110px;border:1px solid #dbe2de;padding:22px;background:#f4f7f5;margin-top:12px}.config-summary h2{font-size:22px;line-height:1.3;margin-top:18px}.config-summary img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.config-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dbe2de;font-size:14px}.config-summary dd{margin:0;text-align:end;overflow-wrap:anywhere}.step-actions,.send-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:24px}.send-actions{justify-content:flex-start}.configurator button{min-height:44px}.configurator button:not(.button){border:1px solid #b9c9c0;border-radius:3px;background:#fff;color:#193334;padding:10px 16px}.configurator .button{border:1px solid #193334;background:#193334;color:white;font-size:15px}.configurator .secondary{background:white;color:#193334}.configurator .order-explanation{font-size:14px;border-left:3px solid #b59a67;padding:12px 16px;background:#f4f7f5}#config-error{color:#a32920;font-size:15px;margin-top:18px}#send-status{font-size:15px;margin-top:18px}.nav #navigation{gap:16px}.nav #navigation a{font-size:13px}@media(max-width:1100px){.config-shell{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.nav #menu{display:block;margin-inline-start:auto}.nav #navigation{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;flex-direction:column}.nav #navigation.open{display:flex}.nav #navigation a{padding:10px;font-size:15px}}@media(max-width:760px){.config-shell{grid-template-columns:1fr}.config-summary{position:static;margin-top:10px}.config-summary img{max-width:180px}.configurator{width:calc(100% - 32px)}.config-steps{gap:4px}.configurator .config-steps button{padding:10px 5px;font-size:13px}.config-fields{gap:14px}.send-actions button{width:100%}.config-swatches{grid-template-columns:repeat(4,1fr)}}@media(max-width:440px){.config-fields{grid-template-columns:1fr}.base-option>div{padding:12px}.base-option strong{font-size:16px}.base-option p{font-size:14px}.config-swatches{grid-template-columns:repeat(2,1fr)}}

.custom-base{grid-column:1/-1;background:#f1f5f3}.custom-base>div{padding:22px 22px 22px 48px}#special-construction{margin:24px 0}#special-construction p{font-size:14px;margin-top:10px}