.products { margin-inline: 4%;  }
.products-page { position: relative; width: 100%; color: white; display: flex; justify-content: center; gap: 60px; margin-top: 200px; }
.prefabricated-rollers, .cylinder-tubes, .chrome-plated-tubes, .chrome-plated-bars, .components { display: flex; justify-content: space-evenly; flex-wrap: wrap; width: 100%; position: relative; }
.chrome-plated-tubes-category, .chrome-plated-bars-category { background: url('/wp-content/uploads/2024/03/shutterstock_1571126896-scaled.jpg'); border: 2px solid #add8ff; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; border-radius: 15px; color: black; width: 25%; text-align: center; transition: transform 1s ease; }
.chrome-plated-tubes-category:hover, .chrome-plated-bars-category:hover { color: black; border: 2px solid #0155c4; transition: transform 1s ease; }
.chrome-plated-tubes-category > h1, .chrome-plated-bars-category > h1 { padding: 5px; margin-block: auto; font-weight: bold; font-size: 18px; }
.chrome-plated-tubes-category > img, .chrome-plated-bars-category > img { width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.product { position: relative; height: fit-content; background: url('/wp-content/uploads/2024/03/shutterstock_1571126896-scaled.jpg'); background-size: cover; box-shadow: rgb(0 0 0) 0px 15px 20px -20px; border: 2px solid #add8ff; color: black; padding: 15px; width: 20%; margin-bottom: 30px; border-radius: 15px; }
.product.hidden { border: none; width: unset; padding: 0; }
.product:hover { cursor: pointer; border: 2px solid #0155c4; }
.product.active { border: 2px solid #0155c4; }
.cylinder-product-empty { width: 20%; padding-inline: 15px; }
.product-description { position: relative; font-weight: bold; color: black; left: 0; }
.product-description > div:first-child { text-align: start; } 
.cylinder-description { margin-top: 0; z-index: 999; } 
.product-components, .product-components:hover, .product-prefabricated-rollers, .product-prefabricated-rollers:hover { all: unset; display: block; margin-top: -40px; }
.components > .product > .product-description, .prefabricated-rollers > .product > .product-description { margin-top: 0; top: 0; border-radius: 15px !important; }
.component-img { width: 100%; height: 450px; object-fit: cover; object-position: center; }
.prefabricated-rollers, .cylinder-tubes, .chrome-plated-tubes-category, .chrome-plated-tubes, .chrome-plated-bars-category, .chrome-plated-bars, .components { display: none; }
.components > .product-components > .product-description, .prefabricated-rollers > .product-prefabricated-rollers > .product-description { background: url('/wp-content/uploads/2024/03/shutterstock_1571126896-scaled.jpg'); background-size: cover; }
.products-page > a > img { width: 100%; height: 300px; object-fit: cover; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.chrome-plated-bars > .product:hover { border: none !important; cursor: unset; }
.cylinder-description > div:last-child > p { margin-bottom: 0; }