section#top h1 em{font-style:italic;color:var(--v4-accent-text)}[data-searchrow]{background:var(--p-coal-860);box-shadow:inset 6px 6px 12px var(--p-coal-940),inset -6px -6px 12px var(--p-coal-760),0 1px rgba(var(--p-cream-rgb),.07)}[data-searchrow]:focus-within{box-shadow:inset 8px 8px 16px var(--p-coal-950),inset -7px -7px 14px var(--p-coal-730),0 1px rgba(var(--p-cream-rgb),.1)}[data-searchrow] input::placeholder{color:rgba(var(--v4-ink-rgb),.45)}[data-chip][data-on=true]{background:var(--p-olive)!important;color:var(--p-coal)!important;border-color:var(--p-olive)!important}[data-chip]{transition:border-color .25s ease,color .25s ease,background .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}[data-chip]:hover{border-color:var(--v4-accent-text)!important;color:var(--v4-ink-strong)!important;background:rgba(var(--v4-accent-rgb),.08)!important;transform:translateY(-1px) scale(1.04)}[data-chip][data-on=true]:hover{background:var(--p-olive-light)!important;transform:translateY(-1px) scale(1.04)}[data-chip][data-on=true]:hover{color:var(--p-coal)!important}[data-chipcount]{color:inherit;opacity:.55}[data-clear-filters-link]:hover{color:var(--p-olive);border-color:var(--p-olive)}[data-clear-query]:hover{color:var(--p-olive)}[data-clear-filters]:hover{background:transparent!important;color:var(--p-neon)!important;border-color:var(--p-neon)!important}[data-clear-brand]:hover{border-color:var(--p-olive)!important;color:var(--p-olive)!important}[data-viewproduct]:hover{color:var(--p-olive)}[data-more]:hover{border-color:var(--v4-accent-text)!important;color:var(--v4-accent-text)!important}[data-cta-link]:hover{color:var(--p-olive)!important;border-color:var(--p-olive)!important}[data-card]{background:rgba(var(--v4-ink-rgb),.03);position:relative}[data-card]{transition:border-color .25s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}[data-card]:hover{border-color:var(--v4-accent-text)!important;transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(var(--v4-shadow-rgb),.55)}[data-colourlist]>a{transition:border-color .25s ease,background .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}[data-colourlist]>a>span:first-child{transition:transform .25s cubic-bezier(.22,1,.36,1)}[data-colourlist]>a:hover{border-color:var(--v4-accent-text)!important;background:rgba(var(--v4-accent-rgb),.07);transform:translateY(-2px) scale(1.015)}[data-colourlist]>a:hover>span:first-child{transform:scale(1.1)}[data-card] [data-viewproduct]:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}[data-card] [data-save-sku]{z-index:2}[data-card] [data-iconbtn]{transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s ease,color .25s ease}[data-card]:hover [data-iconbtn]{border-color:var(--p-olive)!important;color:var(--p-olive)!important;transform:translate(2px,-2px) scale(1.08)}[data-card] [data-zoom] img{transition:transform .5s cubic-bezier(.22,1,.36,1)}[data-card]:hover [data-zoom] img{transform:scale(1.06)}[data-card][hidden]{display:none!important}[data-save-sku][aria-pressed=true],[data-save-sku][data-saved=true]{background:var(--p-olive)!important;border-color:var(--p-olive)!important;color:var(--p-coal)!important}:root[data-theme=light] [data-clear-filters]:hover{color:var(--v4-ink)!important;border-color:var(--v4-ink)!important}:root[data-theme=light] [data-cta-link]{border-color:var(--v4-ink-strong)!important}:root[data-theme=light] [data-searchrow]{background:var(--p-cream-160);box-shadow:inset 6px 6px 12px var(--p-cream-400),inset -6px -6px 12px var(--p-white),0 1px 0 var(--p-white)}:root[data-theme=light] [data-searchrow]:focus-within{box-shadow:inset 8px 8px 16px var(--p-cream-450),inset -7px -7px 14px var(--p-white),0 1px 0 var(--p-white)}:root[data-theme=light] [data-save-sku]{border-color:rgba(var(--v4-ink-rgb),.45)}@media(max-width:1100px){[data-catalog]{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:1040px){[data-filterbar]{flex-direction:column!important;align-items:stretch!important;gap:18px!important}[data-countcol]{width:100%!important;align-items:flex-start!important;flex:none!important;flex-direction:column-reverse!important;gap:10px!important}[data-countrow]{width:100%;justify-content:flex-start}[data-filterrow]{flex-direction:column!important;gap:10px!important;align-items:stretch!important;min-width:0!important}[data-filterbar]>div{min-width:0!important}[data-filterrow]>span:first-child{min-width:0!important}}@media(max-width:1000px){section#top[data-wrap]{min-height:0!important;padding-top:110px!important;padding-bottom:0!important}}@media(max-width:860px){[data-catalog]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:760px){[data-countcol]{width:100%;align-items:flex-start!important}[data-searchrow]{width:100%}[data-searchrow] input{width:100%!important;flex:1;font-size:13.5px!important}}@media(max-width:640px){[data-catalog]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}[data-catalog]>[data-card]{border-radius:14px!important}[data-catalog]>[data-card]>span:last-child{padding:11px 12px 12px!important}[data-catalog]>[data-card]>span:last-child>span:first-child{font-size:14.5px!important}[data-catalog]>[data-card]>span:last-child>span:nth-child(2){margin-top:5px!important}[data-catalog]>[data-card]>span:last-child>span:nth-child(3){display:none!important}[data-catalog]>[data-card] [data-viewproduct]{padding-top:12px!important;font-size:10px!important}[data-catalog]>[data-card] [data-quicklook]{right:46px!important}[data-catalog]>[data-card] [data-quicklook],[data-catalog]>[data-card] [data-save-sku]{top:8px!important;width:30px!important;height:30px!important}[data-catalog]>[data-card] [data-save-sku]{right:8px!important}[data-catalog]>[data-card] [data-zoom]>span:last-child{left:8px!important;bottom:8px!important;padding:4px 8px!important}[data-filterbar]>.m-more-btn{margin-top:0}[data-filterbar]{align-items:flex-start!important}[data-chip]{padding:8px 13px!important;font-size:10.5px!important}[data-chiprail]{gap:7px!important}[data-filterrow]{gap:8px!important}[data-filterrow]>span:first-child{font-size:10px!important}[data-searchrow]{padding:6px 16px!important}[data-searchrow] input{font-size:13px!important}[data-countcol]{gap:9px!important}[data-countrow]{justify-content:flex-end!important}section#top[data-wrap]{min-height:0!important;border-radius:0!important;padding-top:92px!important;padding-bottom:0!important}section#top[data-wrap] h1{font-size:34px!important}section#top[data-wrap] [data-split]{gap:22px!important}[data-colourlist]{grid-template-columns:1fr 1fr!important}}@media(max-width:400px){section#top[data-wrap]{padding-top:88px!important}section#top[data-wrap] h1{font-size:30px!important}}[data-iconbtn][data-merged]{transition:background .25s ease,color .25s ease,border-color .25s ease!important}[data-iconbtn][data-merged] svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}:root:not([data-theme=light]) [data-iconbtn][data-merged]:hover,:root:not([data-theme=light]) div:has(>[data-iconbtn][data-merged]):hover>[data-merged],:root:not([data-theme=light]) #cta [data-iconbtn][data-merged]:hover,:root:not([data-theme=light]) #cta div:has(>[data-iconbtn][data-merged]):hover>[data-merged]{transform:none!important;background:var(--v4-ground)!important;border-color:var(--v4-accent-text)!important;color:var(--v4-accent-text)!important}:root:not([data-theme=light]) div:has(>[data-iconbtn][data-merged]):hover>a:first-child{background:transparent!important;border-color:var(--v4-accent-text)!important;color:var(--v4-accent-text)!important}div:has(>[data-iconbtn][data-merged]):hover [data-merged] svg{transform:translate(2px,-2px) scale(1.08)}@media(min-width:900px){[data-search-input]{width:200px!important}}[data-brandindex] a:hover{color:var(--v4-accent-text)!important}[data-brandindex] h2 a:hover{color:var(--v4-accent-text)}@media(max-width:1100px){[data-brandindex]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:760px){[data-brandindex]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 18px!important}}@media(max-width:480px){[data-brandindex]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}[data-card] [data-quicklook]{z-index:2}@media(hover:none){[data-card] [data-zoom]{z-index:2}}[data-quicklook]:hover{border-color:var(--p-olive)!important;color:var(--p-olive)!important}.ql{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(var(--p-black-rgb),.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ql-fade .25s ease}.ql[hidden]{display:none}body:has([data-ql]:not([hidden])) [id^=roofkit-embed-][id$=-launcher]{visibility:hidden}.ql-card{position:relative;display:grid;grid-template-columns:1.1fr 1fr;width:100%;max-width:820px;border-radius:26px;overflow:hidden;background:var(--v4-ground);color:var(--v4-ink);border:1px solid rgba(var(--v4-ink-rgb),.18);box-shadow:0 40px 90px -40px rgba(var(--p-black-rgb),.85);animation:ql-rise .4s cubic-bezier(.22,1,.36,1)}.ql-card:focus{outline:none}.ql-media{position:relative;min-height:380px;background:rgba(var(--v4-ink-rgb),.08)}.ql-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ql-swatch{position:absolute;left:16px;bottom:16px;width:64px;height:64px;border-radius:14px;border:2px solid rgba(var(--p-white-rgb),.85);box-shadow:0 10px 24px -10px rgba(var(--p-black-rgb),.8)}.ql-body{padding:34px 30px 28px;display:flex;flex-direction:column;min-width:0}.ql-line{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--v4-accent-text);padding-right:40px}.ql-name{font-size:30px;line-height:1.1;letter-spacing:-.025em;color:var(--v4-ink-strong);margin:10px 0 0}.ql-tone{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:rgba(var(--v4-ink-rgb),.72)}.ql-tone i{width:10px;height:10px;border-radius:999px;display:block;box-shadow:0 0 0 1px rgba(var(--v4-ink-rgb),.4)}.ql-facts{margin:22px 0 0;border-top:1px solid rgba(var(--v4-ink-rgb),.14)}.ql-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(var(--v4-ink-rgb),.14)}.ql-facts>div[hidden]{display:none}.ql-facts dt{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--v4-ink-rgb),.62)}.ql-facts dd{margin:0;font-size:16px;color:var(--v4-ink-strong)}.ql-acts{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto;padding-top:24px}.ql-x{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--v4-ink-rgb),.2);color:rgba(var(--v4-ink-rgb),.7);background:var(--v4-ground);cursor:pointer}.ql-x svg{width:14px;height:14px}.ql-x:hover{color:var(--v4-accent-text);border-color:var(--v4-accent-text)}@keyframes ql-fade{0%{opacity:0}to{opacity:1}}@keyframes ql-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:720px){.ql{align-items:flex-end;padding:0}.ql-card{grid-template-columns:1fr;max-width:none;max-height:92vh;overflow-y:auto;border-radius:24px 24px 0 0}.ql-media{min-height:0;aspect-ratio:16 / 10}.ql-swatch{width:52px;height:52px;left:12px;bottom:12px}.ql-body{padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.ql-name{font-size:24px}.ql-acts{padding-top:20px}}@media(prefers-reduced-motion:reduce){.ql,.ql-card{animation:none}}#filters,#catalog{scroll-margin-top:92px}[data-card][data-lit]{border-color:var(--p-olive)!important;animation:card-lit 2.6s ease}@keyframes card-lit{0%{box-shadow:0 0 rgba(var(--p-olive-rgb),.55)}12%{box-shadow:0 0 0 6px rgba(var(--p-olive-rgb),.55),0 0 26px rgba(var(--p-olive-rgb),.45)}70%{box-shadow:0 0 0 5px rgba(var(--p-olive-rgb),.5),0 0 22px rgba(var(--p-olive-rgb),.35)}to{box-shadow:0 0 rgba(var(--p-olive-rgb),0)}}@media(prefers-reduced-motion:reduce){[data-card][data-lit]{animation:none}}