html,body.public-profile-page{margin:0;min-height:100%;background:var(--profile-bg,#f4f2ff)}.public-profile{padding:0!important;overflow:visible!important;text-align:center}.public-hero{position:relative;min-height:33svh;display:flex;align-items:flex-end;isolation:isolate;background:var(--profile-bg);overflow:hidden}.public-cover{position:absolute!important;z-index:-2;inset:0;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;background-size:cover;background-position:var(--cover-position,50% 50%)}.public-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,8,17,.76))}.public-identity{display:flex;width:min(42rem,calc(100% - 2rem));margin:0 auto;padding:2rem 0;align-items:flex-end;gap:1rem;color:#fff;text-align:left}.public-hero.no-cover{min-height:auto}.public-hero.no-cover .public-hero-shade{display:none}.public-hero.no-cover .public-identity{padding-top:3rem;color:var(--profile-text)}.public-avatar{display:block!important;flex:0 0 7rem;width:7rem!important;height:7rem!important;min-width:7rem;max-width:7rem!important;margin:0!important;border:4px solid rgba(255,255,255,.92)!important;border-radius:50%!important;object-fit:cover!important;object-position:center;background:var(--profile-accent);aspect-ratio:1/1}.public-avatar.fallback{display:grid!important;place-items:center;font-size:2rem}.identity-copy{min-width:0}.identity-name{display:flex;align-items:center;gap:.45rem}.identity-name h1{margin:0!important;font-size:clamp(1.85rem,6vw,3.15rem);line-height:1}.public-handle{display:block;margin:.4rem 0;color:inherit!important;opacity:.88}.public-bio{max-width:35rem;margin:.55rem 0 0!important;line-height:1.45}.verified-badge{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;background:#2176ff;color:#fff;font-size:.78rem}.public-inner{width:min(42rem,calc(100% - 2rem))!important;margin:0 auto!important;padding:1rem 0 3rem}.public-tabs{position:sticky;top:.6rem;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.35rem;border:1px solid rgba(120,110,150,.18);border-radius:1rem;background:rgba(255,255,255,.84);backdrop-filter:blur(18px)}.public-tabs button{padding:.75rem;border:0;border-radius:.72rem;background:transparent;font-weight:800}.public-tabs button.active{background:var(--profile-text);color:var(--profile-card)}.block-social{display:flex!important;align-items:center;justify-content:flex-start!important;gap:.8rem}.social-icon{display:grid;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;place-items:center;border-radius:.8rem;color:#fff}.social-icon svg{width:1.45rem;height:1.45rem}.social-title{flex:1}.social-instagram .social-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-facebook .social-icon{background:#1877f2}.social-youtube .social-icon{background:#ff0033}.social-tiktok .social-icon,.social-x .social-icon{background:#050505}.social-linkedin .social-icon{background:#0a66c2}.social-whatsapp .social-icon{background:#25d366}.social-website .social-icon{background:var(--profile-accent)}.shop-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.shop-collage article{position:relative;min-height:15rem;overflow:hidden;border-radius:1.1rem;background:var(--profile-card);box-shadow:0 .7rem 2rem rgba(20,17,40,.1)}.shop-collage article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-copy{position:absolute;right:0;bottom:0;left:0;padding:3rem 1rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;text-align:left}.product-copy h3,.product-copy p{margin:.25rem 0}.product-copy .primary{margin-top:.45rem}.plan-pro .public-hero{min-height:50svh}.plan-premium .public-hero{min-height:66svh}.plan-vip .public-hero{min-height:100svh}.plan-vip .public-identity{padding-bottom:clamp(2rem,8vh,6rem)}.billing-page{width:min(70rem,calc(100% - 2rem));margin:auto;padding:3rem 0}.billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.billing-grid article{display:grid;gap:.75rem;padding:1.4rem;border:1px solid #e6e4eb;border-radius:1rem;background:#fff}.billing-grid form{margin:0}@media(min-width:900px){.plan-free .public-hero{min-height:min(33svh,28rem)}.plan-pro .public-hero{min-height:min(50svh,38rem)}.plan-premium .public-hero{min-height:min(66svh,48rem)}}@media(max-width:560px){.public-identity{display:block;padding:1rem 0}.public-avatar{width:5.6rem!important;height:5.6rem!important;min-width:5.6rem;max-width:5.6rem!important;margin-bottom:.8rem!important}.public-bio{font-size:.94rem}.public-inner{width:min(100% - 1.2rem,42rem)!important}.shop-collage{gap:.55rem}.shop-collage article{min-height:13rem}.billing-grid{grid-template-columns:1fr}}
/* Dashboard usability: retain the fixed navigation but let its links scroll. */
.side-nav{overflow:hidden}.side-nav nav{min-height:0;overflow-y:auto;padding-right:.2rem;scrollbar-width:thin}.side-nav .brand,.side-nav form{flex:0 0 auto}.side-nav form{padding-top:.75rem}.profile-menu{position:relative}.profile-menu summary{list-style:none;cursor:pointer}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu>div{position:absolute;top:calc(100% + .55rem);right:0;display:grid;min-width:11.5rem;padding:.45rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(22,17,42,.16)}.profile-menu a,.profile-menu button{display:block;width:100%;padding:.6rem .7rem;border:0;border-radius:.45rem;background:none;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.profile-menu a:hover,.profile-menu button:hover{background:var(--soft)}
/* Keep public profiles centred, with a predictable cover and no horizontal spill. */
.public-profile-page{overflow-x:hidden}.public-profile{min-width:0}.public-hero{width:100%;min-height:clamp(17rem,40vw,31rem)}.public-identity,.public-inner{max-width:42rem}.public-cover{background-repeat:no-repeat}.public-blocks,.rich-blocks{width:100%;max-width:42rem;margin-right:auto;margin-left:auto}.profile-newsletter{max-width:42rem;margin:1rem auto}@media(max-width:800px){.side-nav{overflow-y:auto}.side-nav nav{overflow:visible}.profile-menu>div{right:0}.public-hero{min-height:18rem}}