.pmi-shop-section{scroll-margin-top:100px}.pmi .pmi-hero{padding:32px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--pi-accent) 12%,transparent),transparent 60%),var(--pi-bg)}.pmi .pmi-frame-designs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pmi .pmi-frame-designs .pmi-design{padding:22px 12px 17px;transition:border-color .2s,background .2s;overflow:hidden}.pmi .pmi-frame-designs .pmi-sample{width:78px;height:78px;margin:16px;background:linear-gradient(150deg,var(--pi-bg),var(--pi-card));font-size:22px;position:relative}.pmi .pmi-frame-designs .pmi-design>span:last-child{font-size:13px;font-weight:700;text-align:center}.pmi-badge-picker{margin:20px 0}.pmi-badge-preview{display:flex;gap:10px;align-items:center;justify-content:center;flex-direction:column;padding:25px;border:1px solid var(--pi-line);border-radius:15px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--pi-accent) 10%,transparent),transparent 80%),var(--pi-card);margin-bottom:18px}.pmi-badge-preview>span,.pmi-badge-preview>small{color:var(--pi-muted);font-size:12px}.pmi-badge-preview>strong{display:flex;align-items:center;gap:10px;font-size:22px;overflow-wrap:anywhere;max-width:100%}.pmi-badge-preview [data-pmi-badge-glyph]{font-size:30px;display:inline-flex;line-height:1.3}.pmi-badge-preview .pmi-icon{height:30px;width:30px;color:var(--pi-accent)}.pmi-legacy-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pmi .pmi-legacy-badges button{font-size:12px;padding:9px 12px;flex:1 1 120px;justify-content:center}.pmi .pmi-emoji-tools{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:end;margin-bottom:16px;font-size:13px}.pmi-emoji-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;min-height:226px;align-content:start}.pmi .pmi-emoji-choice{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;height:50px;padding:5px;border-radius:11px}.pmi button[data-pmi-badge-choice][aria-pressed=true]{border-color:var(--pi-accent);box-shadow:inset 0 0 0 1px var(--pi-accent);background:color-mix(in srgb,var(--pi-accent) 15%,var(--pi-card))}.pmi-emoji-pager{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:14px;min-height:44px}.pmi-emoji-pager span{font-size:12px;color:var(--pi-muted);text-align:center}.pmi .pmi-emoji-pager button{min-width:44px;justify-content:center}.pmi-profile-style .pmi-link{font-size:12px;display:flex;justify-content:center}.pmi .pmi-actions button[type=submit]{min-height:44px;padding:12px 22px}.pmi .pmi-plans{margin:18px 0}.pmi .pmi-plan{padding:20px}.pmi .pmi-plan:has(input:checked){background:color-mix(in srgb,var(--pi-accent) 8%,var(--pi-card))}@media(max-width:800px){.pmi-emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));min-height:330px}.pmi .pmi-frame-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.pmi .pmi-hero{padding:22px}}@media(max-width:480px){.pmi .pmi-emoji-tools{grid-template-columns:1fr}.pmi-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;min-height:387px}.pmi .pmi-emoji-choice{height:43px;font-size:23px;padding:2px}.pmi .pmi-frame-designs{gap:8px}.pmi .pmi-frame-designs .pmi-sample{width:66px;height:66px;margin:10px}.pmi .pmi-frame-designs .pmi-design{padding:20px 6px 14px}.pmi-badge-preview>strong{font-size:18px}.pmi .pmi-actions{align-items:stretch;flex-direction:column}.pmi .pmi-actions button{justify-content:center}.pmi-emoji-pager{gap:8px}}
.pmi-emoji-grid.is-filtered{min-height:55px}

/* The public shop keeps a clear gap below the site navigation. */
.pmi.pmi-store-page{width:calc(100% - 32px);margin:0 auto;padding-top:28px;padding-bottom:10px}
@media(max-width:600px){.pmi.pmi-store-page{width:calc(100% - 24px);padding-top:20px;padding-bottom:2px}}