ul.search-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    /*align-items: stretch;*/
}

ul.search-items li {
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
}

ul.search-items li img {
    margin: 0 auto;
}

ul.search-items li .product-info {

}

ul.search-items li .product-info h2 {
    font-size: inherit;
    margin: 4px 0;
}

ul.search-items li .product-info span {
    display: block;
}

ul.search-items li .product-info .price {
    color: black;
}


ul.search-items li a:hover .product-info h2 {
    color: red;
}

@media all and (min-width: 600px) {
    ul.search-items li {
        max-width: 45%;
        padding-bottom: 16px;
    }
}

@media all and (min-width: 800px) {
    ul.search-items li {
        max-width: 30%;
    }
}

@media all and (min-width: 1000px) {
    ul.search-items li {
        max-width: 22%;
    }
}

/************
 * Pagination
 ************/
.search-paging {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    border-top: 1px solid lightblue;
    padding: 8px 0 0;
}


/************
 * NavBar
 ************/
/*
<div class="search-container">
<form action="/vyhledavani.html">
<input type="text" placeholder="Hledat produkt..." name="search" required>
<button type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
*/
.search-container form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    margin: 0
}

.search-container form input {
    height: 2rem;
    border: none;
    background: #f3f3f3;
    /*border-bottom: 1px solid #00a0de;*/
    padding: 4px 8px;
    outline: none;
    font-family: Montserrat,sans-serif;
}

.search-container form input:hover,
.search-container form input:focus,
.search-container form input:active {
    background: #e3e3e3;
}

.search-container form button {
    /*background: #00a0de;*/
    background: #737373;
    color: #fff;
    border: none;
    /*border-bottom: 1px solid #00a0de;*/
    padding: 8px;
    cursor: pointer;
}

.search-container form button:hover {
    /*background: red;*/
    background: #00a0de;
    /*border-bottom: 1px solid red;*/
    color: #fff;
    border: none;
}