/* Product cards everywhere (collections, related products, homepage sliders):
   photo on a soft tile, title, rating, price and one clear "Koop nu" button. */
.product-small.col.product{--card-ink:#171914;--card-muted:#6b6d66;--card-soft:#f4f4f2;--card-yellow:#ffda40;--card-sale:#d8412f;padding-bottom:30px}
.product-small.col.product>.col-inner{position:relative;height:100%}
.product-small.col.product .product-small.box{display:flex;flex-direction:column;width:100%;height:100%}
.product-small.col.product .box-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--card-soft)}
.product-small.col.product .box-image :is(.image-fade_in_back,.image-fade_in_back>a){display:block;width:100%;height:100%}
.product-small.col.product .box-image img{width:100%;height:100%;object-fit:cover}
.product-small.col.product .badge-container{margin:10px 0 0 10px}
.product-small.col.product .badge.badge-circle{width:auto;height:auto;margin:0}
.product-small.col.product .badge-inner{display:block;width:auto;height:auto;padding:4px 10px;border-radius:999px;background:var(--card-yellow);color:var(--card-ink);font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}
.product-small.col.product .badge-inner.on-sale{background:var(--card-sale);color:#fff}
.product-small.col.product .box-text-products{display:flex;flex:1;flex-direction:column;padding:12px 2px 0;text-align:left;color:var(--card-ink)}
/* Grids size each card to its content; sliders keep Flatsome's equal heights. */
.products>.product-small.col.product :is(.box-text-products,.title-wrapper,.price-wrapper,.add-to-cart-button,.product-title){height:auto!important}
.product-small.col.product .product-cat{display:none}
.product-small.col.product .sonw-card-kicker{margin:0 0 3px;overflow:hidden;color:var(--card-muted);font-size:10px;font-weight:500;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}
.product-small.col.product .product-title{margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:0}
.product-small.col.product .product-title a{display:-webkit-box;overflow:hidden;color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product-small.col.product .price-wrapper{display:flex;flex-direction:column;gap:5px}
.product-small.col.product .sonw-card-rating{margin:0;font-size:11px}
.product-small.col.product .price{order:-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;color:var(--card-ink);font-size:14px;line-height:1.3}
.product-small.col.product .price :is(ins,.amount){color:var(--card-ink);font-weight:700;text-decoration:none}
/* A drawn line: the text-decoration was placed for the larger price font and sat too high. */
.product-small.col.product .price del{order:2;color:var(--card-muted);font-size:12px;line-height:1.3;text-decoration:none;opacity:1}
.product-small.col.product .price del :is(.amount,bdi){color:inherit;font-size:inherit;font-weight:400;text-decoration:none}
.product-small.col.product .price del .amount{position:relative}
.product-small.col.product .price del .amount::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor}
.product-small.col.product .add-to-cart-button{margin-top:auto;padding-top:12px}
.product-small.col.product .add-to-cart-button .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:0 14px;border:0;border-radius:8px;background:var(--card-yellow);box-shadow:none;color:var(--card-ink);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;transition:background-color .18s}
.product-small.col.product .add-to-cart-button .button:hover{background:#f5c800;color:var(--card-ink)}
.product-small.col.product .add-to-cart-button .added_to_cart{display:none}
@media(max-width:549px){
 .product-small.col.product{padding-bottom:24px}
 .product-small.col.product .box-image{border-radius:10px}
 .product-small.col.product .badge-container{margin:8px 0 0 8px}
 .product-small.col.product .badge-inner{padding:3px 8px;font-size:10px}
 .product-small.col.product .box-text-products{padding-top:10px}
 .product-small.col.product .product-title{font-size:12px}
 .product-small.col.product .sonw-card-kicker{font-size:10px}
 .product-small.col.product .price{font-size:14px}
 .product-small.col.product .price del{font-size:11px}
 .product-small.col.product .add-to-cart-button{padding-top:10px}
 .product-small.col.product .add-to-cart-button .button{min-height:42px;font-size:12px}
}