Where can the {% stylesheet %} tag be used in Shopify themes? 🎨
### Explanation
The `{% stylesheet %}` tag in Shopify has specific usage rules:
```liquid
{% stylesheet %}
.my-section {
background: var(--color-background);
padding: 20px;
}
{% endstylesheet %}
```
Key points:
- Can ONLY be used in section files
- Provides scoped styles for the section
- Part of section architecture
- Cannot be used in regular theme files
- Not for global styles (use assets/theme.css instead)
Example section file structure:
```liquid
{% schema %}
{
"name": "My Section"
}
{% endschema %}
{% stylesheet %}
/* Section-specific styles here */
{% endstylesheet %}
{% javascript %}
// Section-specific JS here
{% endjavascript %}
```
Reference: [Shopify Liquid stylesheet tag](https://shopify.dev/docs/api/liquid/tags/stylesheet)
Answer Options:
- In any .liquid file to add CSS styles
- Only in section files to add scoped styles
- In theme.liquid to add global styles
- In snippets to add reusable styles