/* assets/css/components/widgets.css */

.list{ list-style:none; margin:0; padding:0; display:grid; gap: 10px; }
.list--compact{ gap: 8px; }
.list__link{ display:block; padding: 10px 10px; border-radius: 12px; border: var(--border); }
.list__link:hover{ background: var(--color-gray-100); text-decoration:none; }

.widget{ padding: var(--space-4); margin-bottom: 20px; }
.widget__title{ font-size: 14px; letter-spacing: .4px; text-transform: uppercase; color: var(--color-gray-900); margin-bottom: var(--space-3); }

.ad-placeholder{
  border: var(--border);
  border-radius: var(--radius-md);
  height: 250px;
  display:grid;
  place-items:center;
  background: var(--color-gray-50);
}
.ad-placeholder__text{ color: var(--color-gray-500); font-weight: 850; }

.more-products__link{
  display:flex;                 /* keep your .list__link look, but layout inside */
  align-items:center;
  gap: 12px;                    /* matches your design spacing */
}

.more-products__thumb{
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: var(--radius-sm);
  flex: 0 0 52px;
}

.more-products__info{
  display:grid;
  gap: 2px;
  min-width: 0;
}

.more-products__name{
  font-size: var(--font-size-sm);
  font-weight: 800;
  color: var(--color-gray-900);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.more-products__price{
  font-size: var(--font-size-sm);
  font-weight: 800;
  color: var(--color-gray-900);
  line-height: 1.2;
}

.more-products__cta{
  font-size: var(--font-size-sm);
  color: var(--color-gray-600);
  line-height: 1.2;
}