.single-main{background:#fff}.single-intro{padding:35px 0 30px}.single-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:.9375rem;color:var(--muted)}.single-breadcrumb a{color:var(--blue);text-underline-offset:4px}.single-intro h1{font-size:clamp(2.2rem,4.3vw,3.65rem);line-height:1.13;max-width:900px;letter-spacing:-.035em}.single-intro .single-lead{max-width:720px;margin-top:16px;font-size:1.125rem;color:var(--muted)}.single-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.single-badges span{padding:6px 12px;font-size:.9375rem;background:var(--paper);border:1px solid var(--line);border-radius:4px}.single-badges span:first-child{background:var(--yellow);border-color:var(--yellow);font-weight:700;color:var(--navy)}
.single-visualiser{padding-bottom:54px}.visualiser-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:30px;align-items:start}.room-column{position:sticky;top:18px;min-width:0;background:white;z-index:2}.room-frame{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--paper)}#room-preview{display:block;width:100%;height:auto;aspect-ratio:1280/853}.room-caption{font-size:.875rem;line-height:1.5;padding:10px 16px;color:var(--muted);background:white;border-top:1px solid var(--line)}.selection-strip{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;background:var(--navy);border-radius:5px;color:white}.selection-chip{display:block;width:42px;height:42px;background:var(--selected-colour,#c4c6c7);border:2px solid #ffffffb3;border-radius:4px;flex-shrink:0}.selection-copy{min-width:0}.selection-copy>span{display:block;font-size:.875rem;color:#d6e0f5}.selection-copy strong{display:block;font-size:1.25rem;line-height:1.35;overflow-wrap:anywhere}.selection-strip a{margin-left:auto;color:white;font-size:.9375rem;line-height:1.4;text-underline-offset:4px;flex-shrink:0}.room-mobile-note{display:none}.preview-disclaimer{font-size:.9375rem;line-height:1.6;color:var(--muted);margin-top:16px}.preview-disclaimer strong{color:var(--ink)}
.palette-panel{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:6px;min-width:0}.palette-panel h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.02em}.palette-intro{font-size:1rem;color:var(--muted);margin-top:10px}.palette-fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px}.palette-option{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:7px;cursor:pointer;min-width:0}.palette-input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;overflow:hidden}.palette-chip{display:block;height:47px;min-width:44px;background:var(--chip);border:1px solid #00000025;border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff20}.palette-input:checked+.palette-chip{outline:3px solid var(--blue);outline-offset:3px}.palette-input:focus-visible+.palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}.palette-tick{position:absolute;right:5px;bottom:5px;display:none;align-items:center;justify-content:center;width:21px;height:21px;background:var(--blue);border:1px solid white;border-radius:50%;color:white;font-size:.875rem;font-weight:bold}.palette-input:checked+.palette-chip .palette-tick{display:flex}.palette-name{font-size:.875rem;line-height:1.3;overflow-wrap:normal;color:var(--ink)}.palette-input:checked~.palette-name{font-weight:700;color:var(--blue)}.palette-footnote{font-size:.875rem;line-height:1.5;color:var(--muted);padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}.palette-panel .button{margin-top:22px;width:100%;white-space:normal;gap:14px}.palette-panel noscript{display:block;color:var(--ink);margin-top:12px}
.single-details{background:var(--paper);border-top:1px solid var(--line);padding:54px 0}.single-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px}.single-details h2{font-size:1.8rem;line-height:1.2}.single-contents{padding:28px;background:white;border:1px solid var(--line);border-top:3px solid var(--blue);align-self:start}.single-contents ul{margin:20px 0 0;padding-left:22px}.single-contents li{margin:10px 0;padding-left:4px}.single-help p{font-size:1rem;color:var(--muted);margin-top:16px}.single-help details{border-top:1px solid var(--line);margin-top:22px;padding-top:6px}.single-help summary{padding:16px 0;font-size:1rem;font-weight:700;color:var(--blue);cursor:pointer}.single-help h3{font-size:1.125rem;margin-top:16px}.single-help .instructions-note{font-size:.9375rem;border-left:3px solid var(--yellow);padding-left:16px;margin-top:24px}.single-enquiry{padding:52px 0;scroll-margin-top:20px}.single-enquiry-box{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}.single-enquiry h2{font-size:2rem;line-height:1.2}.single-enquiry p{font-size:1rem;color:var(--muted);margin-top:14px}.enquiry-colour{padding:24px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.enquiry-colour .enquiry-selected{display:flex;align-items:center;gap:12px}.enquiry-selected strong{font-size:1.25rem;line-height:1.3}.enquiry-selected .selection-chip{border-color:#a8b4c8}.enquiry-colour .button{margin-top:20px;width:100%;white-space:normal}.enquiry-colour p{font-size:.875rem}.single-main [hidden]{display:none!important}
@media(max-width:1000px){.visualiser-layout{grid-template-columns:minmax(0,1.2fr) minmax(325px,1fr);gap:20px}.palette-panel{padding:20px}.palette-grid{gap:15px 8px}.selection-strip{padding:14px;flex-wrap:wrap}.selection-strip a{font-size:.875rem}.single-detail-grid{gap:26px}.single-enquiry-box{gap:26px}}
@media(max-width:760px){.single-intro{padding:25px 0}.single-intro h1{font-size:2.3rem}.single-intro .single-lead{font-size:1rem}.single-breadcrumb{margin-bottom:16px}.visualiser-layout{display:block}.room-column{top:0;padding-top:8px;background:white;padding-bottom:12px;margin-bottom:14px;box-shadow:0 6px 12px #10295812}.room-frame{border-radius:5px}#room-preview{max-height:31vh;min-height:160px;object-fit:contain;aspect-ratio:1280/853}.room-caption{display:none}.selection-strip{margin-top:8px;padding:10px 12px;gap:10px;flex-wrap:nowrap}.selection-chip{width:30px;height:30px}.selection-copy>span{font-size:.875rem}.selection-copy strong{font-size:1.1rem}.selection-strip a{font-size:.875rem}.room-mobile-note{display:block;font-size:.875rem;color:var(--muted);margin-top:7px;padding-inline:4px}.preview-disclaimer{margin:14px 0 0;font-size:.875rem}.preview-disclaimer-desktop{display:none}.palette-panel{padding:20px}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 10px}.palette-chip{height:49px}.palette-panel h2{font-size:1.6rem}.single-details{padding:38px 0}.single-detail-grid,.single-enquiry-box{grid-template-columns:1fr;gap:30px}.single-enquiry{padding:38px 0}.single-contents{padding:24px}.single-enquiry h2{font-size:1.8rem}.single-visualiser{padding-bottom:38px}}
@media(max-width:365px){.single-intro h1{font-size:2rem}.palette-panel{padding:16px}.palette-grid{gap:16px 8px}.palette-name{font-size:.875rem;overflow-wrap:anywhere}.selection-strip a{max-width:62px}.selection-copy strong{font-size:1rem}.single-contents,.enquiry-colour{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.palette-panel .preview-disclaimer{display:none}
@media(max-width:760px){.palette-panel .preview-disclaimer{display:block}}

.colour-explorer{position:relative;min-width:0;border:0;margin:0;padding:0}
.colour-explorer>.palette-input{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.room-images{display:block;width:100%;aspect-ratio:3/2;background:#f2f3f4;overflow:hidden}
.room-colour{width:100%;height:100%;object-fit:contain}
.selection-value{--variant-display:flex;align-items:center;gap:14px;min-width:0}
.enquiry-selected{--variant-display:flex}
.kit-colour-content a.colour-variant{--variant-display:flex}
.kit-colour-content .colour-variant{display:none}
.palette-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:760px){.room-images{height:min(31vh,60vw);min-height:160px;aspect-ratio:auto}.selection-value{gap:10px}}
#colour-strong-blue:checked ~ .kit-colour-content [data-colour-variant="strong-blue"]{display:var(--variant-display,block)}
#colour-strong-blue:checked ~ .kit-colour-content .palette-option[for="colour-strong-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-strong-blue:checked ~ .kit-colour-content .palette-option[for="colour-strong-blue"] .palette-tick{display:flex}
#colour-strong-blue:checked ~ .kit-colour-content .palette-option[for="colour-strong-blue"] .palette-name{font-weight:700;color:var(--blue)}
#colour-strong-blue:focus-visible ~ .kit-colour-content .palette-option[for="colour-strong-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-flag-blue:checked ~ .kit-colour-content [data-colour-variant="flag-blue"]{display:var(--variant-display,block)}
#colour-flag-blue:checked ~ .kit-colour-content .palette-option[for="colour-flag-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-flag-blue:checked ~ .kit-colour-content .palette-option[for="colour-flag-blue"] .palette-tick{display:flex}
#colour-flag-blue:checked ~ .kit-colour-content .palette-option[for="colour-flag-blue"] .palette-name{font-weight:700;color:var(--blue)}
#colour-flag-blue:focus-visible ~ .kit-colour-content .palette-option[for="colour-flag-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-spring-blue:checked ~ .kit-colour-content [data-colour-variant="spring-blue"]{display:var(--variant-display,block)}
#colour-spring-blue:checked ~ .kit-colour-content .palette-option[for="colour-spring-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-spring-blue:checked ~ .kit-colour-content .palette-option[for="colour-spring-blue"] .palette-tick{display:flex}
#colour-spring-blue:checked ~ .kit-colour-content .palette-option[for="colour-spring-blue"] .palette-name{font-weight:700;color:var(--blue)}
#colour-spring-blue:focus-visible ~ .kit-colour-content .palette-option[for="colour-spring-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-light-poolblue:checked ~ .kit-colour-content [data-colour-variant="light-poolblue"]{display:var(--variant-display,block)}
#colour-light-poolblue:checked ~ .kit-colour-content .palette-option[for="colour-light-poolblue"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-light-poolblue:checked ~ .kit-colour-content .palette-option[for="colour-light-poolblue"] .palette-tick{display:flex}
#colour-light-poolblue:checked ~ .kit-colour-content .palette-option[for="colour-light-poolblue"] .palette-name{font-weight:700;color:var(--blue)}
#colour-light-poolblue:focus-visible ~ .kit-colour-content .palette-option[for="colour-light-poolblue"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-pool-blue:checked ~ .kit-colour-content [data-colour-variant="pool-blue"]{display:var(--variant-display,block)}
#colour-pool-blue:checked ~ .kit-colour-content .palette-option[for="colour-pool-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-pool-blue:checked ~ .kit-colour-content .palette-option[for="colour-pool-blue"] .palette-tick{display:flex}
#colour-pool-blue:checked ~ .kit-colour-content .palette-option[for="colour-pool-blue"] .palette-name{font-weight:700;color:var(--blue)}
#colour-pool-blue:focus-visible ~ .kit-colour-content .palette-option[for="colour-pool-blue"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-teak-dark:checked ~ .kit-colour-content [data-colour-variant="teak-dark"]{display:var(--variant-display,block)}
#colour-teak-dark:checked ~ .kit-colour-content .palette-option[for="colour-teak-dark"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-teak-dark:checked ~ .kit-colour-content .palette-option[for="colour-teak-dark"] .palette-tick{display:flex}
#colour-teak-dark:checked ~ .kit-colour-content .palette-option[for="colour-teak-dark"] .palette-name{font-weight:700;color:var(--blue)}
#colour-teak-dark:focus-visible ~ .kit-colour-content .palette-option[for="colour-teak-dark"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-teak-pyr:checked ~ .kit-colour-content [data-colour-variant="teak-pyr"]{display:var(--variant-display,block)}
#colour-teak-pyr:checked ~ .kit-colour-content .palette-option[for="colour-teak-pyr"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-teak-pyr:checked ~ .kit-colour-content .palette-option[for="colour-teak-pyr"] .palette-tick{display:flex}
#colour-teak-pyr:checked ~ .kit-colour-content .palette-option[for="colour-teak-pyr"] .palette-name{font-weight:700;color:var(--blue)}
#colour-teak-pyr:focus-visible ~ .kit-colour-content .palette-option[for="colour-teak-pyr"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-violet:checked ~ .kit-colour-content [data-colour-variant="violet"]{display:var(--variant-display,block)}
#colour-violet:checked ~ .kit-colour-content .palette-option[for="colour-violet"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-violet:checked ~ .kit-colour-content .palette-option[for="colour-violet"] .palette-tick{display:flex}
#colour-violet:checked ~ .kit-colour-content .palette-option[for="colour-violet"] .palette-name{font-weight:700;color:var(--blue)}
#colour-violet:focus-visible ~ .kit-colour-content .palette-option[for="colour-violet"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-linen:checked ~ .kit-colour-content [data-colour-variant="linen"]{display:var(--variant-display,block)}
#colour-linen:checked ~ .kit-colour-content .palette-option[for="colour-linen"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-linen:checked ~ .kit-colour-content .palette-option[for="colour-linen"] .palette-tick{display:flex}
#colour-linen:checked ~ .kit-colour-content .palette-option[for="colour-linen"] .palette-name{font-weight:700;color:var(--blue)}
#colour-linen:focus-visible ~ .kit-colour-content .palette-option[for="colour-linen"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-light-stone:checked ~ .kit-colour-content [data-colour-variant="light-stone"]{display:var(--variant-display,block)}
#colour-light-stone:checked ~ .kit-colour-content .palette-option[for="colour-light-stone"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-light-stone:checked ~ .kit-colour-content .palette-option[for="colour-light-stone"] .palette-tick{display:flex}
#colour-light-stone:checked ~ .kit-colour-content .palette-option[for="colour-light-stone"] .palette-name{font-weight:700;color:var(--blue)}
#colour-light-stone:focus-visible ~ .kit-colour-content .palette-option[for="colour-light-stone"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-sand-stone:checked ~ .kit-colour-content [data-colour-variant="sand-stone"]{display:var(--variant-display,block)}
#colour-sand-stone:checked ~ .kit-colour-content .palette-option[for="colour-sand-stone"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-sand-stone:checked ~ .kit-colour-content .palette-option[for="colour-sand-stone"] .palette-tick{display:flex}
#colour-sand-stone:checked ~ .kit-colour-content .palette-option[for="colour-sand-stone"] .palette-name{font-weight:700;color:var(--blue)}
#colour-sand-stone:focus-visible ~ .kit-colour-content .palette-option[for="colour-sand-stone"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-chocolate-brown:checked ~ .kit-colour-content [data-colour-variant="chocolate-brown"]{display:var(--variant-display,block)}
#colour-chocolate-brown:checked ~ .kit-colour-content .palette-option[for="colour-chocolate-brown"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-chocolate-brown:checked ~ .kit-colour-content .palette-option[for="colour-chocolate-brown"] .palette-tick{display:flex}
#colour-chocolate-brown:checked ~ .kit-colour-content .palette-option[for="colour-chocolate-brown"] .palette-name{font-weight:700;color:var(--blue)}
#colour-chocolate-brown:focus-visible ~ .kit-colour-content .palette-option[for="colour-chocolate-brown"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-light-orange:checked ~ .kit-colour-content [data-colour-variant="light-orange"]{display:var(--variant-display,block)}
#colour-light-orange:checked ~ .kit-colour-content .palette-option[for="colour-light-orange"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-light-orange:checked ~ .kit-colour-content .palette-option[for="colour-light-orange"] .palette-tick{display:flex}
#colour-light-orange:checked ~ .kit-colour-content .palette-option[for="colour-light-orange"] .palette-name{font-weight:700;color:var(--blue)}
#colour-light-orange:focus-visible ~ .kit-colour-content .palette-option[for="colour-light-orange"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-signal-red:checked ~ .kit-colour-content [data-colour-variant="signal-red"]{display:var(--variant-display,block)}
#colour-signal-red:checked ~ .kit-colour-content .palette-option[for="colour-signal-red"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-signal-red:checked ~ .kit-colour-content .palette-option[for="colour-signal-red"] .palette-tick{display:flex}
#colour-signal-red:checked ~ .kit-colour-content .palette-option[for="colour-signal-red"] .palette-name{font-weight:700;color:var(--blue)}
#colour-signal-red:focus-visible ~ .kit-colour-content .palette-option[for="colour-signal-red"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-tangerine:checked ~ .kit-colour-content [data-colour-variant="tangerine"]{display:var(--variant-display,block)}
#colour-tangerine:checked ~ .kit-colour-content .palette-option[for="colour-tangerine"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-tangerine:checked ~ .kit-colour-content .palette-option[for="colour-tangerine"] .palette-tick{display:flex}
#colour-tangerine:checked ~ .kit-colour-content .palette-option[for="colour-tangerine"] .palette-name{font-weight:700;color:var(--blue)}
#colour-tangerine:focus-visible ~ .kit-colour-content .palette-option[for="colour-tangerine"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-boss-orange:checked ~ .kit-colour-content [data-colour-variant="boss-orange"]{display:var(--variant-display,block)}
#colour-boss-orange:checked ~ .kit-colour-content .palette-option[for="colour-boss-orange"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-boss-orange:checked ~ .kit-colour-content .palette-option[for="colour-boss-orange"] .palette-tick{display:flex}
#colour-boss-orange:checked ~ .kit-colour-content .palette-option[for="colour-boss-orange"] .palette-name{font-weight:700;color:var(--blue)}
#colour-boss-orange:focus-visible ~ .kit-colour-content .palette-option[for="colour-boss-orange"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-dove-grey:checked ~ .kit-colour-content [data-colour-variant="dove-grey"]{display:var(--variant-display,block)}
#colour-dove-grey:checked ~ .kit-colour-content .palette-option[for="colour-dove-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-dove-grey:checked ~ .kit-colour-content .palette-option[for="colour-dove-grey"] .palette-tick{display:flex}
#colour-dove-grey:checked ~ .kit-colour-content .palette-option[for="colour-dove-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-dove-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-dove-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-cloud-grey:checked ~ .kit-colour-content [data-colour-variant="cloud-grey"]{display:var(--variant-display,block)}
#colour-cloud-grey:checked ~ .kit-colour-content .palette-option[for="colour-cloud-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-cloud-grey:checked ~ .kit-colour-content .palette-option[for="colour-cloud-grey"] .palette-tick{display:flex}
#colour-cloud-grey:checked ~ .kit-colour-content .palette-option[for="colour-cloud-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-cloud-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-cloud-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-mist-grey:checked ~ .kit-colour-content [data-colour-variant="mist-grey"]{display:var(--variant-display,block)}
#colour-mist-grey:checked ~ .kit-colour-content .palette-option[for="colour-mist-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-mist-grey:checked ~ .kit-colour-content .palette-option[for="colour-mist-grey"] .palette-tick{display:flex}
#colour-mist-grey:checked ~ .kit-colour-content .palette-option[for="colour-mist-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-mist-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-mist-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-sterling-grey:checked ~ .kit-colour-content [data-colour-variant="sterling-grey"]{display:var(--variant-display,block)}
#colour-sterling-grey:checked ~ .kit-colour-content .palette-option[for="colour-sterling-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-sterling-grey:checked ~ .kit-colour-content .palette-option[for="colour-sterling-grey"] .palette-tick{display:flex}
#colour-sterling-grey:checked ~ .kit-colour-content .palette-option[for="colour-sterling-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-sterling-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-sterling-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-charcoal-grey:checked ~ .kit-colour-content [data-colour-variant="charcoal-grey"]{display:var(--variant-display,block)}
#colour-charcoal-grey:checked ~ .kit-colour-content .palette-option[for="colour-charcoal-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-charcoal-grey:checked ~ .kit-colour-content .palette-option[for="colour-charcoal-grey"] .palette-tick{display:flex}
#colour-charcoal-grey:checked ~ .kit-colour-content .palette-option[for="colour-charcoal-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-charcoal-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-charcoal-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-mid-grey:checked ~ .kit-colour-content [data-colour-variant="mid-grey"]{display:var(--variant-display,block)}
#colour-mid-grey:checked ~ .kit-colour-content .palette-option[for="colour-mid-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-mid-grey:checked ~ .kit-colour-content .palette-option[for="colour-mid-grey"] .palette-tick{display:flex}
#colour-mid-grey:checked ~ .kit-colour-content .palette-option[for="colour-mid-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-mid-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-mid-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-umber-grey:checked ~ .kit-colour-content [data-colour-variant="umber-grey"]{display:var(--variant-display,block)}
#colour-umber-grey:checked ~ .kit-colour-content .palette-option[for="colour-umber-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-umber-grey:checked ~ .kit-colour-content .palette-option[for="colour-umber-grey"] .palette-tick{display:flex}
#colour-umber-grey:checked ~ .kit-colour-content .palette-option[for="colour-umber-grey"] .palette-name{font-weight:700;color:var(--blue)}
#colour-umber-grey:focus-visible ~ .kit-colour-content .palette-option[for="colour-umber-grey"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-brilliant-green:checked ~ .kit-colour-content [data-colour-variant="brilliant-green"]{display:var(--variant-display,block)}
#colour-brilliant-green:checked ~ .kit-colour-content .palette-option[for="colour-brilliant-green"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-brilliant-green:checked ~ .kit-colour-content .palette-option[for="colour-brilliant-green"] .palette-tick{display:flex}
#colour-brilliant-green:checked ~ .kit-colour-content .palette-option[for="colour-brilliant-green"] .palette-name{font-weight:700;color:var(--blue)}
#colour-brilliant-green:focus-visible ~ .kit-colour-content .palette-option[for="colour-brilliant-green"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-wild-grass:checked ~ .kit-colour-content [data-colour-variant="wild-grass"]{display:var(--variant-display,block)}
#colour-wild-grass:checked ~ .kit-colour-content .palette-option[for="colour-wild-grass"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-wild-grass:checked ~ .kit-colour-content .palette-option[for="colour-wild-grass"] .palette-tick{display:flex}
#colour-wild-grass:checked ~ .kit-colour-content .palette-option[for="colour-wild-grass"] .palette-name{font-weight:700;color:var(--blue)}
#colour-wild-grass:focus-visible ~ .kit-colour-content .palette-option[for="colour-wild-grass"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-traffic-yellow:checked ~ .kit-colour-content [data-colour-variant="traffic-yellow"]{display:var(--variant-display,block)}
#colour-traffic-yellow:checked ~ .kit-colour-content .palette-option[for="colour-traffic-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-traffic-yellow:checked ~ .kit-colour-content .palette-option[for="colour-traffic-yellow"] .palette-tick{display:flex}
#colour-traffic-yellow:checked ~ .kit-colour-content .palette-option[for="colour-traffic-yellow"] .palette-name{font-weight:700;color:var(--blue)}
#colour-traffic-yellow:focus-visible ~ .kit-colour-content .palette-option[for="colour-traffic-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-sunflower-yellow:checked ~ .kit-colour-content [data-colour-variant="sunflower-yellow"]{display:var(--variant-display,block)}
#colour-sunflower-yellow:checked ~ .kit-colour-content .palette-option[for="colour-sunflower-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-sunflower-yellow:checked ~ .kit-colour-content .palette-option[for="colour-sunflower-yellow"] .palette-tick{display:flex}
#colour-sunflower-yellow:checked ~ .kit-colour-content .palette-option[for="colour-sunflower-yellow"] .palette-name{font-weight:700;color:var(--blue)}
#colour-sunflower-yellow:focus-visible ~ .kit-colour-content .palette-option[for="colour-sunflower-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-canary-yellow:checked ~ .kit-colour-content [data-colour-variant="canary-yellow"]{display:var(--variant-display,block)}
#colour-canary-yellow:checked ~ .kit-colour-content .palette-option[for="colour-canary-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-canary-yellow:checked ~ .kit-colour-content .palette-option[for="colour-canary-yellow"] .palette-tick{display:flex}
#colour-canary-yellow:checked ~ .kit-colour-content .palette-option[for="colour-canary-yellow"] .palette-name{font-weight:700;color:var(--blue)}
#colour-canary-yellow:focus-visible ~ .kit-colour-content .palette-option[for="colour-canary-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-golden-yellow:checked ~ .kit-colour-content [data-colour-variant="golden-yellow"]{display:var(--variant-display,block)}
#colour-golden-yellow:checked ~ .kit-colour-content .palette-option[for="colour-golden-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-golden-yellow:checked ~ .kit-colour-content .palette-option[for="colour-golden-yellow"] .palette-tick{display:flex}
#colour-golden-yellow:checked ~ .kit-colour-content .palette-option[for="colour-golden-yellow"] .palette-name{font-weight:700;color:var(--blue)}
#colour-golden-yellow:focus-visible ~ .kit-colour-content .palette-option[for="colour-golden-yellow"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-peach:checked ~ .kit-colour-content [data-colour-variant="peach"]{display:var(--variant-display,block)}
#colour-peach:checked ~ .kit-colour-content .palette-option[for="colour-peach"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-peach:checked ~ .kit-colour-content .palette-option[for="colour-peach"] .palette-tick{display:flex}
#colour-peach:checked ~ .kit-colour-content .palette-option[for="colour-peach"] .palette-name{font-weight:700;color:var(--blue)}
#colour-peach:focus-visible ~ .kit-colour-content .palette-option[for="colour-peach"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-alabastor-white:checked ~ .kit-colour-content [data-colour-variant="alabastor-white"]{display:var(--variant-display,block)}
#colour-alabastor-white:checked ~ .kit-colour-content .palette-option[for="colour-alabastor-white"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-alabastor-white:checked ~ .kit-colour-content .palette-option[for="colour-alabastor-white"] .palette-tick{display:flex}
#colour-alabastor-white:checked ~ .kit-colour-content .palette-option[for="colour-alabastor-white"] .palette-name{font-weight:700;color:var(--blue)}
#colour-alabastor-white:focus-visible ~ .kit-colour-content .palette-option[for="colour-alabastor-white"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-flamingo-pink:checked ~ .kit-colour-content [data-colour-variant="flamingo-pink"]{display:var(--variant-display,block)}
#colour-flamingo-pink:checked ~ .kit-colour-content .palette-option[for="colour-flamingo-pink"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-flamingo-pink:checked ~ .kit-colour-content .palette-option[for="colour-flamingo-pink"] .palette-tick{display:flex}
#colour-flamingo-pink:checked ~ .kit-colour-content .palette-option[for="colour-flamingo-pink"] .palette-name{font-weight:700;color:var(--blue)}
#colour-flamingo-pink:focus-visible ~ .kit-colour-content .palette-option[for="colour-flamingo-pink"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-mahogany:checked ~ .kit-colour-content [data-colour-variant="mahogany"]{display:var(--variant-display,block)}
#colour-mahogany:checked ~ .kit-colour-content .palette-option[for="colour-mahogany"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-mahogany:checked ~ .kit-colour-content .palette-option[for="colour-mahogany"] .palette-tick{display:flex}
#colour-mahogany:checked ~ .kit-colour-content .palette-option[for="colour-mahogany"] .palette-name{font-weight:700;color:var(--blue)}
#colour-mahogany:focus-visible ~ .kit-colour-content .palette-option[for="colour-mahogany"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
#colour-black:checked ~ .kit-colour-content [data-colour-variant="black"]{display:var(--variant-display,block)}
#colour-black:checked ~ .kit-colour-content .palette-option[for="colour-black"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#colour-black:checked ~ .kit-colour-content .palette-option[for="colour-black"] .palette-tick{display:flex}
#colour-black:checked ~ .kit-colour-content .palette-option[for="colour-black"] .palette-name{font-weight:700;color:var(--blue)}
#colour-black:focus-visible ~ .kit-colour-content .palette-option[for="colour-black"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}

.kit-colour-content .colour-variant{display:none}
.preview-stage{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#f2f3f4;margin:auto}
.stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.marble-highlight{z-index:1;pointer-events:none}
.flake-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:24px}
.flake-grid .palette-chip{height:auto;aspect-ratio:1.4;overflow:hidden}
.flake-grid .palette-chip>img{display:block;width:100%;height:100%;object-fit:cover}
.flake-grid .palette-name{font-weight:700;font-size:1rem}
.flake-description{font-size:.875rem;color:var(--muted);line-height:1.4}
.flake-small-chip{width:42px;height:42px;object-fit:cover;border:2px solid #ffffffb3;border-radius:4px;flex-shrink:0}
.selection-value,.enquiry-selected{--variant-display:flex;align-items:center;gap:12px;min-width:0}
.kit-colour-content a.colour-variant{--variant-display:flex}
.two-selections{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.marble-selection-strip{display:block;padding:16px;margin-top:14px;background:var(--navy);color:white;border-radius:5px}
.marble-selection-strip .selection-copy strong{font-size:1.0625rem;line-height:1.3}
.marble-selection-strip .selection-chip{width:32px;height:32px}
.marble-selection-strip .selection-value{gap:10px}
.marble-selection-strip a{display:block;color:white;font-size:.875rem;margin-top:12px;text-underline-offset:4px}
.enquiry-colour .two-selections{gap:18px}
.enquiry-colour .selection-copy>span{color:var(--muted)}
.enquiry-colour .selection-copy strong{font-size:1.0625rem;color:var(--ink)}
.enquiry-colour .selection-chip{width:30px;height:30px;border-color:#a8b4c8}
.colour-step+.colour-step{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.colour-step h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;line-height:1.3;color:var(--navy)}
.step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:29px;height:29px;background:var(--blue);color:white;font-size:.875rem;flex-shrink:0}
.colour-step p{font-size:.9375rem;color:var(--muted);margin-top:9px}
.colour-step .palette-grid{margin-top:23px}
.step-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;margin-bottom:25px}
.step-links a{padding:8px 11px;border:1px solid #a8b4c8;border-radius:4px;text-decoration:none;color:var(--blue);font-size:.875rem;background:white}
.step-next{display:block;margin-top:22px;color:var(--blue);font-size:.9375rem;text-underline-offset:4px}
.colour-step{scroll-margin-top:30px}
.quote-for-base{display:none}
.same-colour-note{display:none;font-size:.875rem;line-height:1.5;color:#765216;background:#fff3ca;padding:10px 12px;margin-top:16px;border-radius:4px}
@media(max-width:1000px){.two-selections{gap:10px}.marble-selection-strip{padding:14px}.enquiry-colour .two-selections{gap:12px}}
@media(max-width:760px){.preview-stage{width:min(100%,46.5vh)}.flake-small-chip{width:30px;height:30px}.flake-grid{gap:24px 17px}.marble-selection-strip{padding:10px 12px;margin-top:8px}.marble-selection-strip .selection-copy>span{font-size:.8125rem}.marble-selection-strip .selection-copy strong{font-size:.9375rem}.marble-selection-strip .selection-chip{width:25px;height:25px}.marble-selection-strip a{margin-top:8px}.colour-step{scroll-margin-top:calc(31vh + 160px)}.same-colour-note{font-size:.8125rem}}
@media(max-width:365px){.two-selections{gap:8px}.marble-selection-strip .selection-value{gap:7px}.marble-selection-strip .selection-copy strong{font-size:.875rem}.enquiry-colour .two-selections{grid-template-columns:1fr}}
.kit-page-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.kit-page-nav a{padding:8px 12px;border:1px solid var(--line);border-radius:4px;font-size:.875rem;color:var(--blue);text-decoration:none}.kit-page-nav a[aria-current]{border-color:var(--blue);background:var(--blue);color:white;font-weight:700}.kit-page-nav a:hover{outline:2px solid var(--blue);outline-offset:2px}

/* Flake chart 2026-10-14 */
.flake-swatch{display:block;width:100%;height:100%;background-image:url("/assets/epoxy-kits/flake-colour-chart-20261014.jpeg");background-size:512% 640%;background-position:var(--chart-x) var(--chart-y)}
.flake-grid .palette-chip{aspect-ratio:1}.flake-grid .palette-chip>.flake-swatch{position:absolute;inset:0}.flake-small-chip{position:relative;display:block;overflow:hidden}
#flake-savanna-ef-01:checked ~ .kit-colour-content [data-flake="savanna-ef-01"]{display:var(--variant-display,block)}
#flake-savanna-ef-01:checked ~ .kit-colour-content .palette-option[for="flake-savanna-ef-01"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#flake-savanna-ef-01:checked ~ .kit-colour-content .palette-option[for="flake-savanna-ef-01"] .palette-tick{display:flex}
#flake-savanna-ef-01:checked ~ .kit-colour-content .palette-option[for="flake-savanna-ef-01"] .palette-name{font-weight:700;color:var(--blue)}
#flake-savanna-ef-01:focus-visible ~ .kit-colour-content .palette-option[for="flake-savanna-ef-01"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px white}
#flake-domino-ef-02:checked ~ .kit-colour-content [data-flake="domino-ef-02"]{display:var(--variant-display,block)}
#flake-domino-ef-02:checked ~ .kit-colour-content .palette-option[for="flake-domino-ef-02"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#flake-domino-ef-02:checked ~ .kit-colour-content .palette-option[for="flake-domino-ef-02"] .palette-tick{display:flex}
#flake-domino-ef-02:checked ~ .kit-colour-content .palette-option[for="flake-domino-ef-02"] .palette-name{font-weight:700;color:var(--blue)}
#flake-domino-ef-02:focus-visible ~ .kit-colour-content .palette-option[for="flake-domino-ef-02"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px white}
#flake-graphite-ef-04:checked ~ .kit-colour-content [data-flake="graphite-ef-04"]{display:var(--variant-display,block)}
#flake-graphite-ef-04:checked ~ .kit-colour-content .palette-option[for="flake-graphite-ef-04"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#flake-graphite-ef-04:checked ~ .kit-colour-content .palette-option[for="flake-graphite-ef-04"] .palette-tick{display:flex}
#flake-graphite-ef-04:checked ~ .kit-colour-content .palette-option[for="flake-graphite-ef-04"] .palette-name{font-weight:700;color:var(--blue)}
#flake-graphite-ef-04:focus-visible ~ .kit-colour-content .palette-option[for="flake-graphite-ef-04"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px white}
#flake-orbit-ef-06:checked ~ .kit-colour-content [data-flake="orbit-ef-06"]{display:var(--variant-display,block)}
#flake-orbit-ef-06:checked ~ .kit-colour-content .palette-option[for="flake-orbit-ef-06"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#flake-orbit-ef-06:checked ~ .kit-colour-content .palette-option[for="flake-orbit-ef-06"] .palette-tick{display:flex}
#flake-orbit-ef-06:checked ~ .kit-colour-content .palette-option[for="flake-orbit-ef-06"] .palette-name{font-weight:700;color:var(--blue)}
#flake-orbit-ef-06:focus-visible ~ .kit-colour-content .palette-option[for="flake-orbit-ef-06"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px white}
#flake-seashell-ef-10:checked ~ .kit-colour-content [data-flake="seashell-ef-10"]{display:var(--variant-display,block)}
#flake-seashell-ef-10:checked ~ .kit-colour-content .palette-option[for="flake-seashell-ef-10"] .palette-chip{outline:3px solid var(--blue);outline-offset:3px}
#flake-seashell-ef-10:checked ~ .kit-colour-content .palette-option[for="flake-seashell-ef-10"] .palette-tick{display:flex}
#flake-seashell-ef-10:checked ~ .kit-colour-content .palette-option[for="flake-seashell-ef-10"] .palette-name{font-weight:700;color:var(--blue)}
#flake-seashell-ef-10:focus-visible ~ .kit-colour-content .palette-option[for="flake-seashell-ef-10"] .palette-chip{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px white}