#section_LogicChemieProductsList_0 {   background-color: #fff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieProductsList_0 .container {     display: flex;     justify-content: space-between;     flex-direction: column;     width: calc(100% - 20px);     max-width: 1170px;     padding-top: 20px;     padding-bottom: 20px;     min-height: 200px;     user-select: none; }   #section_LogicChemieProductsList_0 .container .content {     display: flex;     flex-direction: row;     justify-content: space-between;     width: 100%;     gap: 20px; }   #section_LogicChemieProductsList_0 .container .category_container {     display: flex;     max-width: 20%;     width: 100%;     position: relative; }   #section_LogicChemieProductsList_0 .container .category_container .categories {     display: flex;     flex-direction: column;     padding: 0;     gap: 14px;     margin: 0;     list-style: none;     width: 100%; }   #section_LogicChemieProductsList_0 .container .category_container .categories a {     z-index: 3;     color: inherit;     position: relative;     display: block;     width: 100%;     padding: 10px;     box-sizing: border-box;     text-decoration: none;     position: relative; }   #section_LogicChemieProductsList_0 .container .category_container .categories a::before {     content: '';     position: absolute;     top: -4px;     bottom: -4px;     left: 0;     right: 0; }   #section_LogicChemieProductsList_0 .container .category_container .categories .active {     background: linear-gradient(90deg, #EAEBEF 0, #F6F8F9 100%);     color: #042833 !important;     font-weight: bold; }   #section_LogicChemieProductsList_0 .container .category_container .categories .tab.active::before {     display: none; }   #section_LogicChemieProductsList_0 .container .category_container .categories li {     color: #404040;     background: linear-gradient(90deg, #EAEBEF 0, #F6F8F9 20%);     background-size: 200%;     background-position: 100% 100%;     position: relative; }   #section_LogicChemieProductsList_0 .container .category_container .categories li:hover a {     color: #042833;     font-weight: bold; }   #section_LogicChemieProductsList_0 .container .category_container .categories li:before {     content: '';     position: absolute;     width: 5%;     height: 100%;     left: 0;     background: linear-gradient(90deg, #EAEBEF 0, #F6F8F9 100%);     transition: all .3s ease-in-out;     z-index: 1; }   #section_LogicChemieProductsList_0 .container .category_container .categories li:hover:before {     width: 100%;     transition: all .3s ease-in-out;     z-index: 1; }   #section_LogicChemieProductsList_0 .container .product_container {     display: flex;     flex-wrap: wrap;     max-width: 80%;     width: 100%;     gap: 20px; }   #section_LogicChemieProductsList_0 .container .product_container .product_single {     max-width: 250px;     width: calc(100% - 40px);     padding: 20px;     gap: 20px;     background-color: #f1f5f8;     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     height: auto;     position: relative;     z-index: 2; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .product_info {     display: flex;     justify-content: center;     flex-direction: column;     gap: 10px;     width: 100%; }   #section_LogicChemieProductsList_0 .container .product_container .product_single img {     width: 100%;     height: auto;     align-self: center;     z-index: 2;     object-position: center;     object-fit: cover; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .product_name {     font-size: clamp(1.125rem, 2.5vw, 1.5rem);     line-height: 1.45;     margin: 0;     padding-right: 5px;     color: #042833;     background-color: #f1f5f8;     z-index: 2;     position: relative; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .product_name_container {     display: flex;     position: relative; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .product_name_container span {     position: absolute;     bottom: 10px;     left: 0;     width: 100%;     height: 1px;     opacity: .3;     background-color: #042833;     z-index: 1; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .desc {     font-size: 0.875rem;     line-height: 1.5;     color: #707070; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .btn_container {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     width: 100%;     gap: 20px; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .btn {     background-color: transparent;     color: #042833;     border: 1px solid #042833;     border-radius: 10px;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     max-width: 250px;     min-width: 120px;     padding: 6px 10px;     display: flex;     align-items: center;     justify-content: center;     text-align: center;     text-decoration: none;     position: relative; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .btn::before {     content: '';     position: absolute;     left: -5px;     top: -5px;     right: -5px;     bottom: -5px; }   #section_LogicChemieProductsList_0 .container .product_container .product_single .btn:hover,   #section_LogicChemieProductsList_0 .container .product_container .product_single .btn:focus,   #section_LogicChemieProductsList_0 .container .product_container .product_single .btn:active {     background-color: #042833;     color: #fff;     border: 1px solid #042833;     transition: all .3s ease-in-out; }   #section_LogicChemieProductsList_0 .container .display_none {     display: none !important; }   #section_LogicChemieProductsList_0 .container .category_container .other {     display: none; }   #section_LogicChemieProductsList_0 .container .category_container .close {     display: none; }   @media only screen and (max-width: 1190px) {     #section_LogicChemieProductsList_0 .container .product_container .product_single {       max-width: 33%;       width: calc(33% - 60px); } }   @media only screen and (max-width: 900px) {     #section_LogicChemieProductsList_0 .container .product_container .product_single {       max-width: 50%;       width: calc(50% - 60px); } }   @media only screen and (max-width: 767px) {     #section_LogicChemieProductsList_0 .container .category_container {       display: flex;       justify-content: space-between;       align-items: flex-start;       width: 100%;       margin-top: revert;       max-width: 100%;       padding-top: 20px;       border-left: revert;       overflow: hidden;       border-bottom: 1px solid #F6F8F9;       position: relative; }     #section_LogicChemieProductsList_0 .container .category_container .other_links {       position: absolute;       top: 0;       left: 0;       width: 100%;       height: 55px;       background-color: #fff;       z-index: 3; }     #section_LogicChemieProductsList_0 .container .content {       display: flex;       flex-direction: column;       justify-content: space-between;       width: 100%;       gap: 20px; }     #section_LogicChemieProductsList_0 .container .category_container .categories {       display: flex;       flex-direction: column;       justify-content: flex-start;       flex-wrap: wrap;       padding: 0;       gap: 8px;       list-style: none;       margin: 0;       padding-bottom: 10px;       width: calc(100% - 50px); }     #section_LogicChemieProductsList_0 .container .category_container .categories .active {       background-color: #F6F8F9;       color: #042833 !important;       padding-right: 20px;       font-weight: bold; }     #section_LogicChemieProductsList_0 .container .category_container .categories li {       color: #404040;       position: relative; }     #section_LogicChemieProductsList_0 .container .category_container .categories li:nth-child(1) {       z-index: 3; }     #section_LogicChemieProductsList_0 .container .category_container .categories li:nth-child(n+2) {       height: 0;       transform: translateY(-100px);       opacity: 0;       position: absolute;       z-index: 2; }     #section_LogicChemieProductsList_0 .container .category_container .categories li:nth-child(n+2).show {       height: 100%;       transform: translateY(0);       opacity: 1;       position: relative;       transition: all .3s ease-in-out; }     #section_LogicChemieProductsList_0 .container .category_container .other {       width: 24px;       height: 24px;       font-size: 24px;       cursor: pointer;       display: block;       opacity: 50%;       color: #042833;       transition: all .3s ease-in-out;       z-index: 3; }     #section_LogicChemieProductsList_0 .container .category_container .other:hover {       opacity: 100%;       transition: all .3s ease-in-out; }     #section_LogicChemieProductsList_0 .container .category_container .close {       display: block;       font-size: 36px;       cursor: pointer;       color: #042833;       z-index: 3;       transition: all .3s ease-in-out;       display: block;       position: absolute;       right: 0;       top: 10px; }     #section_LogicChemieProductsList_0 .container .category_container .close:hover {       opacity: 50%;       transition: all .3s ease-in-out; }     #section_LogicChemieProductsList_0 .container .category_container .categories li:hover a {       color: #042833; }     #section_LogicChemieProductsList_0 .container .category_container .categories li::before {       content: '';       position: absolute;       width: 10px;       height: 100%;       left: 0;       background-color: #F6F8F9;       transition: all .3s ease-in-out;       z-index: 1; }     #section_LogicChemieProductsList_0 .container .category_container .categories li:hover::before {       width: 100%;       transition: all .3s ease-in-out;       z-index: 1; }     #section_LogicChemieProductsList_0 .container .product_container {       display: flex;       justify-content: center;       flex-wrap: wrap;       width: 100%;       max-width: 100%;       gap: 20px; }     #section_LogicChemieProductsList_0 .container .product_container .product_single {       max-width: 100%;       width: 100%; } }