A qué hace referencia el :host{}? no entendí muy bien esa parte.

cuando nos referimos al :host estamos haciendo referencia a la etiqueta html que angular crea con el nombre que nosotros le indicamos en el decorador @component

@Component({
    selector: 'app-product',
})

y que se encarga de encerrar todo lo que nosotros tenemos especificado en el archivo:

product.component.html