/** -- Begin of listWithImages ------------------------------------------------------------------------------------- **/
#listWithImages li {
    flex: 1 1 33%;
    min-width: 33%;
}

#listWithImages li p {
    padding: 0 15px;
}

/** -- Begin of listWithImages specific --------------------------------------------------------------------------- **/
/** -- End of listWithImages --------------------------------------------------------------------------------------- **/

/** -- Begin of products2 ------------------------------------------------------------------------------------------ **/
#products2 li {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;

}

#products2 .thumb {
    flex: 0 0 160px;
    width: 160px;
}

#products2 .text {
    flex: 1 1 auto;
    text-align: left;
}


#products2 h3 {
    margin: 0 0 5px;
}

/** -- Begin of products2 specific -------------------------------------------------------------------------------- **/
#products2 .rate {
    margin-bottom: 20px;
}

#products2 .price {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
/** -- End of products2 -------------------------------------------------------------------------------------------- **/

/** -- Begin of contact -------------------------------------------------------------------------------------------- **/
#contact form {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
}

#contact form > div {
    flex: 1 1 calc(33% - 20px);
}

#contact form > div:has(textarea) {
    flex: 1 1 100%;
}
/** -- End of contact ---------------------------------------------------------------------------------------------- **/