/* Mobile */
.inspirationsprodukter.elementor-grid.elementor-grid-mobile-1{grid-template-columns:repeat(1,1fr)}
.inspirationsprodukter.elementor-grid.elementor-grid-mobile-2{grid-template-columns:repeat(2,1fr)}
.inspirationsprodukter.elementor-grid.elementor-grid-mobile-3{grid-template-columns:repeat(3,1fr)}
.inspirationsprodukter.elementor-grid.elementor-grid-mobile-4{grid-template-columns:repeat(4,1fr)}

/* Tablet */
@media (min-width:768px){
  .inspirationsprodukter.elementor-grid.elementor-grid-tablet-1{grid-template-columns:repeat(1,1fr)}
  .inspirationsprodukter.elementor-grid.elementor-grid-tablet-2{grid-template-columns:repeat(2,1fr)}
  .inspirationsprodukter.elementor-grid.elementor-grid-tablet-3{grid-template-columns:repeat(3,1fr)}
  .inspirationsprodukter.elementor-grid.elementor-grid-tablet-4{grid-template-columns:repeat(4,1fr)}
}

/* Desktop */
@media (min-width:1025px){
  .inspirationsprodukter.elementor-grid.elementor-grid-1{grid-template-columns:repeat(1,1fr)}
  .inspirationsprodukter.elementor-grid.elementor-grid-2{grid-template-columns:repeat(2,1fr)}
  .inspirationsprodukter.elementor-grid.elementor-grid-3{grid-template-columns:repeat(3,1fr)}
  .inspirationsprodukter.elementor-grid.elementor-grid-4{grid-template-columns:repeat(4,1fr)}
}

/* Små förbättringar */
.inspirationsprodukter .elementor-grid-item{min-width:0}
.inspirationsprodukter .elementor-loop-item{width:100%}

/* Styling av betygsstjärnor i inspirationsprodukten */
#inspirationsprodukt .star-rating {
  font-size: 0.7em; /* gör stjärnorna lite mindre – justera fritt */
  line-height: 1;
}

/* Tomma stjärnor (bakgrund) */
#inspirationsprodukt .star-rating::before {
  color: #f5f0e6;
}

/* Fyllda stjärnor (själva betyget) */
#inspirationsprodukt .star-rating span::before {
  color: #FFA423;
}


/* Wrapper */
#inspirationsprodukter {
  display: grid;
  gap: 10px;
}

/* Kolumnlayout – justera breakpoints som du vill */
#inspirationsprodukter.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1024px) { #inspirationsprodukter.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { #inspirationsprodukter.columns-4 { grid-template-columns: 1fr; } }

/* Korten */
#inspirationsprodukter .inspirationsprodukter__item {
  /* din kort-styling här */
}

/* Bild – fyll ytan snyggt */
#inspirationsprodukter .elementor-widget-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain; /* eller 'cover' om du vill fylla ytan helt */
}

/* Pris – om du vill tvinga färg/stil globalt (om din loop-mall visar pris med vanlig text) */
#inspirationsprodukter .price,
#inspirationsprodukter .elementor-widget-heading .elementor-heading-title {
  /* exempel: */
  color: #111;
  font-weight: 600;
}