.oc-roof-product-description{color:#24384b;font-size:15px;line-height:1.75}
.oc-roof-product-description p{margin:0 0 18px;font-size:inherit;line-height:inherit;color:inherit}
.oc-roof-product-description h2,.oc-roof-product-description h3{color:#34373b;font-size:24px;line-height:1.3;margin:26px 0 16px}
.oc-roof-product-description ul,.oc-roof-product-description ol{margin:18px 0;padding-left:24px}
.oc-roof-product-description li{margin-bottom:8px;font-size:inherit;line-height:inherit}
.oc-roof-product-description img{display:block;max-width:100%;height:auto;margin:20px 0}
.oc-roof-product-description [hidden]{display:none!important}
.oc-roof-product-description br+br{display:none}
.oc-roof-product-description table{max-width:100%;height:auto}
.oc-roof-product-notice{margin:32px 0 28px;padding:20px 24px;border-left:4px solid #f2561c;background:#f7f5f2;color:#24384b}
.oc-roof-product-notice>strong{display:block;margin-bottom:8px;color:#34373b}
.oc-roof-product-notice p:last-child{margin-bottom:0}
.oc-roof-product-downloads{display:flex;flex-wrap:wrap;margin:28px 0 36px}
.oc-roof-product-downloads a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#f2561c;color:#fff;font-size:14px;font-weight:800;text-decoration:none}
.oc-roof-product-downloads a:hover,.oc-roof-product-downloads a:focus-visible{background:#d84713}
.oc-roof-product-video{position:relative;display:block;width:100%;max-width:900px;aspect-ratio:614/369;overflow:hidden;padding:0;border:0;cursor:pointer;text-align:left;background:#3b3b3b;color:#fff;text-decoration:none}
.oc-roof-product-player{max-width:900px}
.oc-roof-product-video-frame{width:100%;aspect-ratio:16/9;background:#0b1118}
.oc-roof-product-video-frame iframe{display:block;width:100%;height:100%;border:0}
.oc-roof-product-video>img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.oc-roof-product-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,21,34,.08),rgba(8,21,34,.82));pointer-events:none}
.oc-roof-product-video-label{position:absolute;z-index:1;right:24px;bottom:22px;left:24px;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:16px;align-items:center;color:#fff}
.oc-roof-product-play{grid-row:1/3;display:flex;width:58px;height:58px;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#f2561c;color:#fff;font-size:23px;line-height:1;text-indent:3px}
.oc-roof-product-video-label strong{align-self:end;font-size:24px;line-height:1.2;color:#fff}
.oc-roof-product-video-label small{align-self:start;margin-top:5px;color:#e6e8ea;font-size:13px}
.oc-roof-product-video:focus-visible{outline:3px solid #24384b;outline-offset:4px}
@media(max-width:575px){.oc-roof-product-notice{padding:16px 18px}.oc-roof-product-downloads a{width:100%;box-sizing:border-box;text-align:center}.oc-roof-product-video-label{right:15px;bottom:14px;left:15px;grid-template-columns:46px minmax(0,1fr);column-gap:11px}.oc-roof-product-play{width:46px;height:46px;font-size:18px}.oc-roof-product-video-label strong{font-size:18px}.oc-roof-product-video-label small{font-size:11px}}

/* Keep the PDF label white against the theme's general link colours. */
.oc-roof-product-description .oc-roof-product-downloads a,
.oc-roof-product-description .oc-roof-product-downloads a:link,
.oc-roof-product-description .oc-roof-product-downloads a:visited,
.oc-roof-product-description .oc-roof-product-downloads a:hover,
.oc-roof-product-description .oc-roof-product-downloads a:focus,
.oc-roof-product-description .oc-roof-product-downloads a:focus-visible,
.oc-roof-product-description .oc-roof-product-downloads a:active,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a:link,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a:visited,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a:hover,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a:focus,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a:focus-visible,
body#product.page-product .oc-roof-product-description .oc-roof-product-downloads a:active{color:#fff!important}

/* The same stored HTML is displayed in the native product editor. */
.oc-product-description-editor .oc-roof-product-description{display:block;max-width:900px}