/* 1. Freeze page scroll */ html, body { overflow: hidden !important; height: 100% !important; } /* 2. Overlay Layout */ .ns-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2147483647; display: flex; align-items: center; justify-content: center; background-color: rgb(var(--background-primary)); padding: 20px; } /* 3. Card Layout (Must force span to be a block) */ .ns-card { display: block; /* Essential: makes the span behave like a div */ max-width: 600px; width: 100%; padding: 40px; text-align: center; /* Theme styles */ background-color: rgb(var(--background-primary)); border: 1px solid var(--border-color); box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Inherits body font automatically */ color: rgb(var(--text-primary)); } /* 4. Heading (Needs overrides to look big) */ .ns-h { display: block; /* Essential: forces it to own its own line */ font-family: var(--heading-font-family); /* Optional: Keep if you want the distinct heading font */ font-weight: 700; font-size: var(--text-h2); margin-bottom: 20px; line-height: 1.2; } .ns-sub { font-size: var(--text-h3); } /* 5. Text Blocks (Simulating Paragraphs) */ .ns-p { display: block; /* Essential: makes it act like a <p> tag */ margin-bottom: 15px; font-size: var(--text-base); } JavaScript Required Our store requires JavaScript to function correctly. Please enable JavaScript in your browser settings to continue.