/* Solar 2.5.0 — uniforme catalogusafbeeldingen + uitvoering-kiezer */

/* TransitieShop-template: houd iedere productfoto binnen exact dezelfde mediazone.
 * Solar levert zowel staande panelen, brede rails/kabels als vierkante productfoto's.
 * Nooit croppen; altijd volledig zichtbaar en gecentreerd. */
.ts-product-card__media{
  height:250px !important;
  min-height:250px !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
  overflow:hidden !important;
  background:#fff !important;
}
.ts-product-card__media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  font-size:0 !important;
  color:transparent !important;
}
.ts-product-card__media.is-image-missing{
  background:linear-gradient(135deg,#f8f8f7,#f0eee9) !important;
}
.ts-solar-image-fallback{
  width:100%;height:100%;display:grid;place-items:center;text-align:center;
  color:#8b8177;font-size:12px;line-height:1.45;padding:18px;
}
.ts-solar-image-fallback::before{
  content:"Afbeelding niet beschikbaar";
  display:block;
}

/* Fallback voor de generieke Sixxie catalogusrenderer. */
.catalog-card__image{
  aspect-ratio:1/1 !important;
  min-height:0 !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:#fff !important;
  overflow:hidden !important;
}
.catalog-card__image img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  font-size:0 !important;
  color:transparent !important;
}
.catalog-card:hover .catalog-card__image img{transform:none !important;}
.catalog-card__image-placeholder{
  width:100% !important;
  height:100% !important;
  min-height:180px;
  display:grid !important;
  place-items:center;
  background:linear-gradient(135deg,#f7f8fa,#eef1f4) !important;
}
.catalog-card__body{position:relative;z-index:1;background:#fff;}

/* Solar productfamilie op productdetail. */
.ts-solar-variants{
  margin:0 0 18px;
  padding:16px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#fff;
}
.ts-solar-variants__head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ts-solar-variants__head strong{display:block;font-size:15px;line-height:1.2;}
.ts-solar-variants__head span{font-size:12px;color:#6b7280;}
.ts-solar-variants__grid{display:flex;flex-wrap:wrap;gap:8px;}
.ts-solar-variant{
  display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;
  border:1px solid #d9dee7;border-radius:10px;background:#fff;color:inherit;text-decoration:none;
  font-size:12px;font-weight:700;line-height:1.25;
}
.ts-solar-variant:hover{border-color:#9ca3af;}
.ts-solar-variant.is-current{border-color:#111827;box-shadow:0 0 0 1px #111827 inset;}
.ts-solar-variant.is-unavailable{opacity:.55;}
.ts-solar-variant__price{font-weight:600;color:#6b7280;white-space:nowrap;}

@media (max-width:650px){
  .ts-product-card__media{height:190px !important;min-height:190px !important;padding:14px !important;}
  .catalog-card__image{padding:14px !important;aspect-ratio:1/1 !important;}
  .ts-solar-variants{padding:14px;}
  .ts-solar-variant{width:100%;justify-content:space-between;}
}