/* Top Image */
[data-custom-block="top-image"]{position:relative;aspect-ratio:2/1;display:flex;align-items:center;background-repeat:no-repeat;background-size:cover;padding:80px 0;}
[data-custom-block="top-image"] .overlay{left:0;right:0;top:0;bottom:0;position:absolute;background:rgba(0,0,0,0.27);}

[data-custom-block="top-image"] .textoverlay{position:absolute;top:50%;transform:translateY(-50%);left:60px;right:60px;z-index:9;}
[data-custom-block="top-image"] .textoverlay .heading {font-size:3.125rem;font-weight:800;margin-bottom:0px;font-family:var(--secondaryFont);color:var(--white);text-align:center;}
[data-custom-block="top-image"] .textoverlay .heading::after{content:'';width:90px;height:3px;background-color:var(--white);display:block;position:relative;left:50%;transform:translateX(-50%);margin-top:40px;}

[data-custom-block="top-image"] .container.main .heading{font-size:5.125rem;font-weight:800;margin-bottom:25px;color:var(--white);line-height:100%;}
[data-custom-block="top-image"] .container.main h3.heading{font-size:2.625rem;font-weight:600;margin-bottom:25px;color:var(--white);line-height:100%;}
[data-custom-block="top-image"] .container.main p{font-size:1.375rem;margin-bottom:25px;color:var(--white);}
[data-custom-block="top-image"] .container.main p a{color:var(--white);}
[data-custom-block="top-image"] .container.main .textlink::after{filter:brightness(0) invert(1);}

[data-custom-block="top-image"] .container.main .block-wrapper.productgrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:100px;align-items:center;}
[data-custom-block="top-image"] .container.main .block-wrapper.productgrid .lefttext{width:90%;}
[data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:repeat(2, minmax(0, 1fr));gap:15px;}
[data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card{padding:20px;border-radius:10px;background-color:rgba(255,255,255,0.5);}
[data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card .order-sample-button{bottom:-12px;}
[data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card .details{display:none;}

[data-custom-block="top-image"] .splide__pagination{bottom:1.5em;}
[data-custom-block="top-image"] .splide__pagination__page.is-active{transform:none;}
[data-custom-block="top-image"] .splide__pagination__page{width:12px;height:12px;}

[data-custom-block="top-image"] .background-video {position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}
[data-custom-block="top-image"] .overlay, .textoverlay, .container.main {position: relative;z-index: 1;}

@media (max-width:1200px)
{
    [data-custom-block="top-image"] .container.main .heading{font-size:4rem;}
    [data-custom-block="top-image"] .container.main h3.heading{font-size:1.875rem;}
    [data-custom-block="top-image"] .container.main p{font-size:1.25rem;}
    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .lefttext{width:100%;}
}

@media (max-width:960px)
{
    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid{gap:20px;grid-template-columns:none;width:70%;margin:auto;display:block;}
    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts{display:flex;grid-template-columns:unset;grid-template-rows:unset;flex-direction:row;margin-left:calc((-50vw + 50%) + 20px);width:100vw;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;align-items:stretch;margin-top:40px;}

    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts::-webkit-scrollbar{display: none;}

    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card{flex:0 0 260px;height:auto;}
    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card:last-of-type{margin-right:60px;}

    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card .details{display:block;width:80%;}
}

@media (max-width:900px)
{
    [data-custom-block="top-image"] .heading {font-size:2.5rem;}
}

@media (max-width:600px)
{
    [data-custom-block="top-image"] .container.main .heading{font-size:3rem;}
    [data-custom-block="top-image"] .container.main h3.heading{font-size:1.625rem;}
    [data-custom-block="top-image"] .container.main .block-wrapper.productgrid .rightproducts .product-card{flex:0 0 160px;height:100%;}
}