/*Products*/
.single-product h2 {font-size:1.6rem;}
.single-product .content-area {margin-top:0;}
.product-list {padding:0;margin:0;list-style:none;}
.single-product header.main {position:absolute;top:0;left:0;width:100%;z-index:999;}
.banner-image {position:relative;}
.single-product .pane {background:rgb(0 0 0 / 30%);position:absolute;top:0;left:0;bottom:10px;width:100%;}
.banner-image img {width:100%;height:600px;object-fit:cover;}
.banner-text {position:absolute;bottom:60px;left:12.5%;max-width:52%;z-index:500;}
.banner-text h1 {font-size:4rem;color:#fff;}
.banner-text h2 {font-size:1.6rem;color:#fff;}
.product-main-grid {display:flex;margin:80px 0;flex-flow:row wrap;justify-content:space-between;}
.product-main-grid > div {flex-basis:49%;}
.product-image-right img {object-fit:contain;}
.product-list.key-features {display:flex;flex-flow:row wrap;margin-top:45px;}
.key-features li {flex:1 1 50%;display:flex;gap:10px;align-items:flex-start;}
.product-gallery {display:flex;flex-flow:row wrap;}
.product-gallery li {flex:1 1 220px;}
.product-gallery li img {width:100%;height:300px;object-fit:cover;}
.downloads-list {}
.downloads-list li {margin:0 0 8px;}
.download-item:before {display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"\f019";font:var(--fa-font-solid);margin-right:8px;}
.download-item.PDF:before {content:"\f019";}
.download-item.Measurements:before {content:"\f546";}

/*Blocks*/
.product-grid h3 {font-size:1.4rem;}
.product-grid .post-cat {font-size:1rem;margin:-10px 0 0;}
.product-grid .post-cat a {color:#9d9d9d;}
.product-img-link:focus {background:unset;outline:2px dashed #000;}

.facetwp-facet-categories {display:flex;gap:5px;margin-bottom:15px!important;}
.facetwp-checkbox {background-image:none!important;display:block;padding:10px 16px!important;margin:0;background-color:#fff!important;color:#000;font-weight:bold;cursor:pointer;transition: all 0.2s ease-in-out;}
.facetwp-checkbox .facetwp-counter {display:none!important;}
.facetwp-checkbox:hover {background-color:#000!important;color:#fff!important;}
.facetwp-checkbox.checked {background-color:#000!important;color:#fff;}

.product-highlight {width:100%;background:#fff;position:relative;display:block;height:260px;}
.product-highlight:focus {background:#fff;outline:2px dashed #545454;}
.highlight-text {position:absolute;top:30px;left:15px;z-index:500;width:50%;}
.product-title {margin:0;font-size:1.4rem;color:#000;}
.product-category {font-size:1rem;color:#545454;font-weight:bold;line-height:100%;}
.product-image {position:absolute;bottom:10px;right:15px;width:46%;height:100%;}
.product-image img {object-fit:contain;width:100%;height:90%;margin-top:10px;}
.product-subtitle {font-size:.9rem;}
.view-highlight {position:absolute;bottom:15px;left:15px;width:100px;padding:10px 0;line-height:100%;font-weight:bold;}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-pop {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease-out;
}

.animate-pop.visible {
  animation: popIn 0.5s ease-out forwards;
}


@media only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) {
.banner-text {left:7.5%;}
}
@media only screen and (max-width: 1368px), only screen and (max-device-width: 1368px) {
.banner-text {left:2.5%;}	
}
@media only screen and (max-width: 950px), only screen and (max-device-width: 950px) {
.product-main-grid .product-content-left,.product-main-grid .product-content-right {flex-basis:100%;}
.product-image-right {display:none;}
.product-content-right {margin-top:45px;}
}
@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
.banner-text h1 {font-size:3rem;}
.banner-text h2 {font-size:1.2rem;}
.banner-image img {height:450px;}
.banner-text {max-width:75%;}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
.banner-text h1 {font-size:2.2rem;}
.banner-text h2 {font-size:1rem;}
.banner-image img {height:400px;}
}