/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 27, 2024, 2:40:29 PM
    Author     : Ariel.Malka
*/
a {
    color: #ffa300;
} 
.column > a > img {
    width: 100%;
    height: auto;
}
.column img {
    width: 100%;
    height: auto;
}
.features{
    font-size:1.125rem;
}
.product_short_desc{
    text-align: left;
}
.item-number{
    text-align:left;
    color: #E7A632;
}
.features-container {
    vertical-align: bottom;

}

.products-container {
    display: grid;
    grid-auto-rows: auto; 
    grid-templates-columns: repeat(1, 1fr);
    gap: 10px; 
}

.column {
    display: grid;
    grid-template-rows: auto auto; 
}

.one-column{

    grid-template-columns: repeat(1, auto);


}

.two-columns{

    grid-template-columns: repeat(2, auto);


}
.three-columns{

    grid-template-columns: repeat(3, auto);


}
.four-columns{

    grid-template-columns: repeat(4, auto);


}
.five-columns{

    grid-template-columns: repeat(5, auto);


}
.six-columns{

    grid-template-columns: repeat(6, auto);


}
.home_new_item {
    margin-left: 1px;
    width: calc(25% - 2px);
    background: white;
    margin-top: 15px;
    float: left;
    height: 370px;}
.item_img {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    height: 130px;
}
.item_descript_name {
    display: block;
    color: #ff9100;
    padding-left: 5px;
}

.product-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.product-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.product-features {
    padding-left: 16px;
    font-size: 13px;
    color: #333;
}

@media (max-width: 975px) {
    .one-column{
        grid-template-columns: repeat(1, auto);


    }
    .product-column{
        padding: 5%;
    }
    .two-columns{
        grid-template-columns: repeat(1, auto);
    }
    .three-columns{
        grid-template-columns: repeat(1, auto);
    }
    .four-columns{
        grid-template-columns: repeat(1, auto);
    }
    .products-container {
    display: flex;
    flex-direction: column;
    margin-left: 10%;
}

}