body, .main, .listing-cards, .container, .company-fietsen-list {
background: #f9fefa !important;
font-family: 'Segoe UI', Arial, sans-serif !important;
}
.company-fietsen-list, .listing-cards {
display: flex; flex-wrap: wrap; gap: 26px; justify-content: center;
margin: 0 auto 32px auto;
padding: 10px 10px 30px 10px;
}
.company-fietsen-list .company-fiets-card, .listing-cards .card, .listing-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 24px -8px #b5d7b71e;
padding: 18px 20px 13px 20px;
min-width: 290px; max-width: 345px;
flex: 1 1 295px;
border: 1.5px solid #e8f5e9;
display: flex;
flex-direction: column;
align-items: stretch;
}
.company-fiets-card img, .listing-card img {
width: 98%;
max-width: 260px;
border-radius: 10px;
box-shadow: 0 2px 10px #d2e5d2a7;
margin: 0 auto 18px auto;
object-fit: cover;
background: #f1f8e9;
}
.company-fiets-card h3, .listing-card .title, .listing-card h2 {
color: #388e3c;
font-size: 1.19em;
margin: 2px 0 7px 0;
font-weight: bold;
}
.company-fiets-card .price, .listing-card .price {
color: #222;
background: #e8f5e9;
display: inline-block;
border-radius: 7px;
padding: 7px 18px;
font-size: 1.13em;
font-weight: 700;
margin: 0 0 10px 0;
}
.company-fiets-card .buy-btn, .listing-card .card-btn, .company-fiets-card a[title="Direct kopen"], .listing-card a.button {
background: #388e3c !important;
color: #fff !important;
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
display: inline-block;
text-align: center;
margin-top: 8px;
font-size: 1.07em;
box-shadow: 0 2px 6px #388e3c30;
text-decoration: none !important;
border: none !important;
transition: background .16s;
}
.company-fiets-card .buy-btn:hover, .listing-card .card-btn:hover, .company-fiets-card a[title="Direct kopen"]:hover, .listing-card a.button:hover {
background: #25d366 !important;
}

.company-fiets-card .details, .listing-card .details {
color: #305522;
font-size: 0.97em;
margin: 0 0 7px 0;
}
.company-fiets-card .merk, .listing-card .brand { color: #777; font-size: 0.97em; }

@media (max-width:1000px){
.company-fietsen-list, .listing-cards { gap:13px;}
.company-fiets-card, .listing-card { min-width:180px; }
}
@media (max-width:700px){
.company-fietsen-list, .listing-cards { flex-direction:column; gap:10px;}
.company-fiets-card, .listing-card { width:98%; max-width:340px; margin:0 auto; }
}