/* ============================================================
   Sidebar Products Responsive Widget – Final CSS
   ============================================================ */

/* Wrapper */
.sprw-wrap {
  width: 100%;
}

/* Product list: inner gutters using negative margins */
.sprw-wrap ul.sprw-products {
  list-style: none;
  margin: -10px;              /* controls space BETWEEN products */
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

/* Product item: kill theme margins, add safe padding */
.sprw-wrap li.sprw-item {
  box-sizing: border-box;
  margin: 0 !important;       /* override Savoy li.product margins */
  padding: 10px;              /* controls spacing between cards */
}

/* Image link */
.sprw-wrap .sprw-link-image {
  display: block;
}

.sprw-wrap .sprw-link-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Product title (link) */
.sprw-wrap .sprw-link-title {
  display: block;
  margin-top: 8px;            /* space between image and title */
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
  color: inherit;
}

.sprw-wrap .sprw-link-title:hover {
  text-decoration: underline;
}

/* Optional: tighter spacing on very small screens */
@media (max-width: 480px) {
  .sprw-wrap ul.sprw-products {
    margin: -8px;
  }

  .sprw-wrap li.sprw-item {
    padding: 8px;
  }

  .sprw-wrap .sprw-link-title {
    margin-top: 6px;
    font-size: 13px;
  }
}