/** Shopify CDN: Minification failed Line 13:0 Unexpected "{" Line 13:1 Expected identifier but found "%" Line 15:7 Expected identifier but found whitespace Line 15:14 Unexpected "/" Line 17:5 Unexpected "{" Line 17:7 Expected identifier but found "'r3-global.css'" Line 18:29 Unexpected "<" Line 21:1 Expected identifier but found "%" **/ {% comment %} REDEMPTION — Global Styles File: assets/r3-global.css Reference this in layout/theme.liquid with: {{ 'r3-global.css' | asset_url | stylesheet_tag }} Place that line inside the tag in layout/theme.liquid. Also add the Google Fonts link below into : {% endcomment %} *, *::before, *::after { box-sizing: border-box; } :root { --black: #080808; --dark: #111111; --dark2: #1a1a1a; --red: #C0392B; --red-bright: #E74C3C; --red-deep: #8B1A1A; --white: #F5F2EE; --grey: #888; --grey-light: #bbb; --font-display: 'Bebas Neue', sans-serif; --font-body: 'Barlow', sans-serif; } body { background: var(--black); color: var(--white); font-family: var(--font-body); font-weight: 300; overflow-x: hidden; } html { scroll-behavior: smooth; } /* Shared button styles used across sections */ .r3-btn-primary { background: var(--red); color: var(--white); padding: 16px 40px; font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer; transition: background 0.2s, transform 0.2s; display: inline-block; } .r3-btn-primary:hover { background: var(--red-bright); transform: translateY(-1px); } .r3-btn-ghost { background: transparent; color: var(--white); padding: 15px 40px; font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; text-decoration: none; border: 1px solid rgba(255,255,255,0.3); cursor: pointer; transition: border-color 0.2s, transform 0.2s; display: inline-block; } .r3-btn-ghost:hover { border-color: var(--white); transform: translateY(-1px); }