.profile-badge { --badge-bg: #263247; display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border-radius: 999px; background: var(--badge-bg); color: #fff; font-size: .68rem; line-height: 1.35; vertical-align: middle; white-space: nowrap; font-weight: 600; }
.profile-badge-icon { --badge-bg: #263247; display: inline-flex; align-items: center; justify-content: center; width: 1.45em; height: 1.45em; margin-left: 3px; border-radius: 50%; background: var(--badge-bg); color: #fff; font-size: .78em; line-height: 1; vertical-align: -.12em; }
.profile-badge-night { --badge-bg: #34335f; }.profile-badge-fire { --badge-bg: #a93722; }.profile-badge-diamond { --badge-bg: #167a91; }.profile-badge-mystic { --badge-bg: #3d3147; }.profile-badge-romantic { --badge-bg: #a82958; }.profile-badge-wild { --badge-bg: #9a6513; }.profile-badge-royal { --badge-bg: #7653b3; }.profile-badge-free { --badge-bg: #287a83; }.profile-badge-playful { --badge-bg: #9c3157; }.profile-badge-mysterious { --badge-bg: #4d3a60; }.profile-badge-cherry { --badge-bg: #a4264d; }.profile-badge-predator { --badge-bg: #6c4933; }.profile-badge-charming { --badge-bg: #496a3a; }.profile-badge-wave { --badge-bg: #176c92; }.profile-badge-cosmic { --badge-bg: #353273; }.profile-badge-magic { --badge-bg: #7950a8; }.profile-badge-melancholy { --badge-bg: #505465; }.profile-badge-gentle { --badge-bg: #a34f82; }.profile-badge-lucky { --badge-bg: #26706e; }.profile-badge-oracle { --badge-bg: #6653a1; }
.badge-shop-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }.badge-shop-header h1{font-size:1.35rem;margin:0 0 4px}.badge-shop-header p{margin:0;color:var(--bs-secondary-color);font-size:.85rem}.badge-shop-balance{padding:9px 12px;border-radius:10px;background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis);text-decoration:none;font-size:.85rem;white-space:nowrap}.badge-fitting{margin-bottom:12px}.badge-fitting .card-body{padding:12px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.badge-fitting .btn{font-size:.8rem;min-height:38px}#badge-filters{margin-bottom:12px}.badge-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.badge-shop-card{overflow:hidden}.badge-shop-card[hidden]{display:none!important}.badge-card-demo{min-height:72px;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,rgba(126,91,228,.16),transparent 75%)}.badge-card-demo .profile-badge{font-size:.8rem;padding:5px 9px}.badge-shop-card .card-body{padding:9px;display:grid;gap:8px}.badge-shop-card h2{margin:0;font-size:.9rem;min-height:1.2em}.badge-shop-card .badge{justify-self:start;font-size:.63rem}.badge-shop-card .btn{font-size:.78rem;min-height:38px;padding:5px}.badge-shop-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:.8rem}.badge-shop-footer summary{cursor:pointer;padding:8px 0}.badge-shop-footer p{margin:8px 0}.badge-fitting-copy{flex:0 0 100%;display:flex;align-items:flex-start;gap:7px;padding:8px 10px;border-radius:9px;background:var(--bs-tertiary-bg);color:var(--bs-secondary-color);font-size:.8rem;line-height:1.4}.badge-fitting-copy i{color:var(--bs-info-text-emphasis);margin-top:2px}.badge-fitting-copy span{min-width:0}@media(max-width:575.98px){.badge-shop-header h1{font-size:1.05rem}.badge-shop-header p{font-size:.75rem}.badge-shop-balance{font-size:.75rem;padding:8px}.badge-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.badge-card-demo{min-height:58px;padding:8px}.badge-card-demo .profile-badge{font-size:.68rem;padding:4px 6px}.badge-shop-card .card-body{padding:7px;gap:6px}.badge-shop-card h2{font-size:.8rem}.badge-fitting .card-body{padding:10px 12px;gap:7px}.badge-fitting-copy{order:3;padding:7px 9px;font-size:.74rem;line-height:1.35}.badge-fitting-copy i{margin-top:1px}.badge-shop-footer{flex-wrap:wrap}}