*{
    margin: 0;
    padding: 0;
    
    font-family:'Roboto';  
}
.header{
    background-color:rgb(19,25,33);
    margin:none;
    display:flex;
    align-items: center;
    height:60px;
    width:100%;
    color:white;
    position:fixed;
    top:0;
    left:0;

}
.home-link{
    text-decoration: none;
    cursor:pointer;
    color:inherit;
    padding:5px;
}
.home-link:hover{
    border:1px solid white;
}
.logo-image-left{
    width:100px;
    margin-top:3px;
    height:30px;
    padding:3px;
    align-items:center;
}
.header-left{
    
    width:200px;
    padding-left:15px ;
    padding-top:10px;
    
}
.header-center{
    flex:1;
    margin:0 20px;
    padding:0 10px;
    display:flex;
}
.header-right{
    
    display:flex;
    width:250px;
    gap:25px;
    align-items: center;
    justify-content: flex-end;
    padding-right:20px;
}
.search-input-bar{
    flex:1;
    height:38px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border:none;
    padding-left:15px;
    font-size:16px;
}
.search-button{
    background-color:rgb(254, 189, 105);
    height:38px;
    border:none;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.search-image{
    height:22px;
    margin-left:5px;
    margin-right:5px;
    margin-top:3px;
}
.return-link{
    text-decoration: none;
    color:inherit;
    padding:5px;
    cursor:pointer;
}
.return-link:hover{
    border:1px solid white;
}
.return{
    display:flex;
    flex-direction: column;
    font-size:14px;
}
.return-text{
    display:flex;
    text-align: left;
    font-weight:300;
}
.order-text{
    display:flex;
    text-align: left;
    font-weight: bold;
}
.cart{
    display:flex;
    align-items:center;
    position:relative;
}
.cart-image-header{
    width:50px;
}
.cart-link{
    text-decoration: none;
    cursor:pointer;
    color:inherit;
    padding:5px;
}
.cart-link:hover{
    border:1px solid white;
}
.text-3{
    position:absolute;
    color:orange;
    font-weight:700;
    font-size:16px;
    top:4px;
    left:13px;
    width:36px;
    text-align:center;
}
.text-cart{
    padding-top:15px;
    font-size:14px;
    font-weight:bold;
    
}

/* started grid css */

.products-container-grid{
    display:flex;
    /* grid-template-columns:repeat(auto-fit,minmax(250px,450px)); */
    flex-wrap: wrap;
    /* background-color: #FFD814; */
    width: 100%;
    margin-top:60px;

}
.products{
    display:flex;
    flex-direction: column;
    padding:40px 25px 25px 25px;
    border-right: 1px solid rgb(231,231,231);
    border-bottom: 1px solid rgb(231,231,231);
    flex: 1 1 225px;
    /* min-width: 200px;
    max-width: 250px; */
    /* background-color: aqua; */
}

.product-image-container{
    display:flex;
    justify-content:center;
    height:180px;
    margin-bottom:20px;
}
.product-image{
   max-height:100%;
   max-width:100%; 
}
.description-container{
    display:flex;
    align-items:right ;
    padding-bottom:10px;
    line-height:18px;
    height:36px;
}
.description-product{
    font-family:roboto;
    font-size:16px;
    font-weight:400;
}
.rating-container{
    display:flex;
    align-items: right;
    padding-bottom:10px;
}
.rating-stars-image{
    max-width: 100px;
    padding-right:10px;
}
.rating-count{
    color:rgb(1,124,182);
}
.price{
    padding-bottom:10px;
    font-weight:bold;
}
.quantity-container{
    padding-bottom:10px;
}
.number-dropdown{
    background-color:#F0F0F0 ;
    height: 28px;
    width:45px;
    border-radius:6px;
    border-color: #d0cdcd;
    box-shadow:2px 2px 3px #F0F0F0;
    padding:4px;
    font-weight:500;
    font-size:14px;
}
.add-to-cart-button{
    background-color:#FFD814;
    border:none;
    height:35px;
    border-radius:50px;
    margin-top:30px;
    cursor:pointer;
}
.add-to-cart-button:hover{
    filter:brightness(90%);
}
@media(min-width:453px){
    .products{
        max-width:280px;
        min-width:180px;
    }
}
@media(max-width:453px){
    .products{
        max-width:450px;
        
    }
}

@media(max-width:527px){
    .logo-image-left{
        content:url("images/icons/amazon-mobile-logo-white.png");
    }
}