[Jean le Chauve]

Bien sûr, ma page affiche le contenu de {global_content name='product_card'} mais sans tenir compte du CSS attaché.

Tu ajoutes une feuilles de style dans l'administration : disposition->feuilles de style, puis tu l'attaches au gabarit utilisé pour ta page : disposition->gabarit (icône bleue à droite)

Le code css que tu nous as collé plus haut, c'est celui-là que tu colles dans cette nouvelle feuille de style (oublie le scss, ce n'est pas encore à ta portée).
Si c'est ce que tu as fait, c'est que d'autres propriétés css écrasent cette dernière.
Il y a des priorités dans le placement de tes différentes feuilles de style. Si cette css est appelée AVANT celles de foundation et qu'il y a des correspondances de sélecteurs, ils seront écrasés. L'utilisation de Firebug peut te le montrer très facilement (voir ici : http://www.cmsmadesimple.fr/blog/4/15/Le...ebug#main).
Déplace l'appel des css foundation dans le gabarit de la page AVANT la balise {cms_stylesheet}.
De nouveau, cette question n'a aucun rapport avec cmsms, mais avec ton niveau de connaissances sur les css.