.products {

    background-color: var(--light-gray);

}



.product-details {

    display: flex;

    align-items: center;

    gap: 50px;

}



.product-image {

    flex: 1;

    text-align: center;

}



.product-image img {

    max-width: 100%;

    height: auto;

    max-height: 500px;

    transition: transform 0.5s ease;

}



.product-image img:hover {

    transform: scale(1.05);

}



.product-info {

    flex: 1;

}



.product-info h3 {

    font-size: 2rem;

    margin-bottom: 20px;

    color: var(--primary-color);

}



.product-info p {

    margin-bottom: 30px;

    font-size: 1.1rem;

}



.product-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    margin-bottom: 30px;

}



.feature {

    display: flex;

    align-items: center;

    gap: 10px;

}



.feature i {

    color: var(--primary-color);

    font-size: 1.2rem;

}



.feature span {

    font-weight: 600;

}



.product-actions {

    display: flex;

    gap: 15px;

}