/* Wesley's Witgoed - compacte accessoirekaarten voor 'Mee bestellen'. */
.ww-related-products{
  width:100%;
  margin:12px 0 4px;
}
.ww-related-products .ww-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  width:100%;
  margin:0;
  padding:0;
}
.ww-related-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #d8e5ec;
  border-radius:12px;
  box-shadow:0 3px 12px rgba(8,47,73,.05);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.ww-related-card:hover{
  border-color:#9ecfe5;
  box-shadow:0 6px 18px rgba(8,47,73,.09);
  transform:translateY(-1px);
}
.ww-related-image{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:120px;
  padding:7px;
  overflow:hidden;
  background:#f6f9fb;
  text-decoration:none!important;
}
.ww-related-image img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ww-related-body{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:10px;
}
.ww-related-name{
  display:-webkit-box;
  min-height:35px;
  margin:0 0 6px;
  overflow:hidden;
  color:#082f49!important;
  font-size:13px;
  font-weight:850;
  line-height:1.3;
  text-decoration:none!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.ww-related-name:hover{color:#0b8fc9!important}
.ww-related-price{
  margin:auto 0 8px;
  color:#082f49;
  font-size:18px;
  font-weight:900;
  line-height:1.1;
}
.ww-related-add,
.ww-related-view{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  min-height:36px;
  margin:0!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:#0ea5e9!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.ww-related-add:hover,
.ww-related-add:focus-visible,
.ww-related-view:hover,
.ww-related-view:focus-visible{
  background:#082f49!important;
  color:#fff!important;
}
.ww-related-add i{font-size:11px}
@media(max-width:1100px){
  .ww-related-products .ww-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .ww-related-products .ww-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ww-related-card{border-radius:10px}
  .ww-related-image{height:92px;padding:5px}
  .ww-related-body{padding:8px}
  .ww-related-name{min-height:32px;margin-bottom:5px;font-size:12px}
  .ww-related-price{margin-bottom:7px;font-size:16px}
  .ww-related-add,.ww-related-view{min-height:34px;padding:7px 6px!important;font-size:11.5px!important}
}