.shed-insulation-visualiser{--siv-navy:#002b3e;--siv-teal:#008b8b;--siv-light:#f3f7f7;--siv-border:#dce5e8;color:var(--siv-navy);margin:0 auto;max-width:80%;padding:clamp(42px,6vw,88px) 24px;width:1350px}.siv__header{margin-bottom:24px}.siv__header h2{font-size:clamp(28px,3vw,44px);line-height:1.15;margin:0 0 10px}.siv__header h2 span{color:var(--siv-teal)}.siv__header p{color:#52676d;line-height:1.55;margin:0;max-width:760px}.siv__preview{align-items:center;aspect-ratio:var(--siv-aspect-ratio,16 / 9);background:var(--siv-light);border:1px solid var(--siv-border);border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.siv__preview img{height:100%;object-fit:contain;transition:opacity 180ms ease;width:100%}.siv__preview.is-changing img,.siv__preview.is-changing .siv__placeholder{opacity:.18}.siv__placeholder{color:#52676d;font-size:16px;margin:24px;text-align:center;transition:opacity 180ms ease}.siv__selected-label{background:var(--siv-navy);bottom:16px;color:#fff;font-size:14px;font-weight:700;left:16px;padding:9px 12px;position:absolute}.siv__selector-heading{font-size:12px;font-weight:800;letter-spacing:.12em;margin:24px 0 10px;text-transform:uppercase}.siv__buttons{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.siv__button{background:#fff;border:1px solid var(--siv-border);color:var(--siv-navy);cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:10px 12px;text-align:center}.siv__button:hover,.siv__button:focus-visible{background:#e7f5f3;border-color:var(--siv-teal);outline:2px solid transparent}.siv__button.is-selected{background:var(--siv-navy);border-color:var(--siv-teal);color:#fff}.siv__disclaimer{color:#667d85;font-size:12px;line-height:1.55;margin:16px 0 0}

/* Split presentation used by the content-led visualiser design. */
.shed-insulation-visualiser.siv--split{max-width:80%;width:1350px}.siv__layout{display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:center}.siv__content{max-width:31rem}.siv__content:before{background:#6bc400;content:"";display:block;height:5px;margin:0 0 20px;width:66px}.siv__content h2{color:#000;font-size:clamp(34px,4.2vw,58px);font-weight:600;letter-spacing:-.065em;line-height:1.08;margin:0}.siv__content h3{color:#000;font-size:clamp(18px,1.6vw,23px);line-height:1.3;margin:0 0 26px}.siv__content p{color:#151515;font-size:17px;line-height:1.52;margin:0}.siv__cta{background:#cbd6df;color:#000;display:inline-block;font-size:18px;font-weight:800;margin-top:32px;padding:14px 32px;text-decoration:none}.siv__header+.siv__cta{margin-bottom:24px}.siv__cta:hover,.siv__cta:focus-visible{background:var(--siv-navy);color:#fff;outline:2px solid transparent}.siv--split .siv__visualiser{min-width:0}.siv--split .siv__buttons{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.siv--split .siv__button{font-size:.8rem;line-height:1.5;min-width:0;overflow-wrap:anywhere;padding-left:8px;padding-right:8px;white-space:normal}.siv--split .siv__preview img,.siv--full-width .siv__preview img{object-fit:cover}.siv--full-width{max-width:none;width:auto}.siv--full-width .siv__visualiser{margin:0 auto;max-width:1440px}.siv--full-width .siv__preview{border-radius:12px}

@media (max-width:800px){.siv__layout{grid-template-columns:1fr}.siv__content{max-width:44rem}.siv--split .siv__preview img,.siv--full-width .siv__preview img{object-fit:contain}}
@media (max-width:520px){.shed-insulation-visualiser{padding-left:16px;padding-right:16px}.siv__buttons,.siv--split .siv__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.siv--split .siv__button:last-child:nth-child(odd){grid-column:1 / -1}.siv__cta{font-size:16px;margin-top:24px;padding:13px 24px}}
@media (max-width:340px){.siv__buttons{grid-template-columns:1fr}}

/* Keep every insulation label inside its button, including one-word names. */
.siv__button {
    line-height: 1.5;
    min-width: 0;
    overflow-wrap: anywhere;
    padding-left: 8px;
    padding-right: 8px;
    white-space: normal;
}