Using custom CSS on the Giftie greeting card product page

Giftie adds the following attribute when a product page is being used as a Giftie greeting card:

data-giftie-greeting-card-product-page-hidden="true"

You can use this marker to apply CSS only to the greeting card product page, without affecting other products.

For example:

[data-product-wrapper]:has(  [data-giftie-greeting-card-product-page-hidden="true"]) .your-theme-selector {  /* Your CSS */}

Replace .your-theme-selector with the element from your Shopify theme that you want to style.

The structure and class names differ between Shopify themes, so the remaining selector and CSS will vary. Contact Giftie support if you need help identifying the appropriate selector.