/* ShotGram v122 — profile design B "Creator Card" */
.pf-b .cover { aspect-ratio: auto !important; height: 230px !important; max-height: none; position: relative; }
.pf-b .cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,13,0) 35%, rgba(5,6,13,.75) 75%, var(--ink, #05060d)); }
.pf-b .profile-head { display: flex !important; justify-content: center; margin-top: -86px; position: relative; z-index: 2; padding: 0 16px; }
.pf-b .profile-avatar-stack { display: grid; justify-items: center; }
.pf-b .profile-avatar .avatar { width: 108px !important; height: 108px !important; font-size: 40px; }
.pf-b .profile-avatar { border-radius: 50%; padding: 3px; background: conic-gradient(#0AB4FB, #6A2BFF, #CD0EFB, #FA43B7, #0AB4FB); }
.pf-b .profile-avatar .avatar { border: 3px solid var(--ink, #05060d); }
.pf-b .profile-meta { text-align: center; padding: 8px 20px 0; display: grid; justify-items: center; gap: 4px; }
.pf-b .profile-name-row { display: grid; justify-items: center; gap: 4px; }
.pf-b .profile-name-line { justify-content: center; flex-wrap: wrap; }
.pf-b .profile-name-line b { font-size: 21px; font-weight: 800; letter-spacing: -.01em; }
.pf-b .pf-tagline:empty, .pf-b .pf-tagline:has(> span:empty) { display: none; }
.pf-b .pf-tagline { display: flex; justify-content: center; }
.pf-b .pf-display { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.75); }
.pf-b .profile-badges { justify-content: center; }
.pf-b .bio { text-align: center; font-size: 14px; line-height: 1.45; max-width: 340px; }
.pf-b .social-links, .pf-b .profile-socials { justify-content: center; }
.pf-b .profile-country, .pf-b .profile-joined { justify-content: center; font-size: 12.5px; }

.pf-b .pf-stats { display: flex !important; justify-content: center; gap: 34px; padding: 14px 16px 2px; }
.pf-b .pf-stats .stat { display: grid; justify-items: center; gap: 0; padding: 2px 4px; border: 0 !important; background: none !important; color: #fff; min-width: 0; }
.pf-b .pf-stats .stat b { font-size: 18px; font-weight: 800; }
.pf-b .pf-stats .stat span { font-size: 12.5px; color: rgba(255,255,255,.62); }
.pf-b .pf-stats .stat:active { opacity: .6; }

.pf-b .profile-actions { padding: 10px 14px 4px; }
.pf-pinned { padding: 12px 14px 4px; }
.pf-pinned-head { font-weight: 800; font-size: 13.5px; margin-bottom: 8px; }
.pf-pinned .grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.pf-pinned .grid > * { border-radius: 14px; overflow: hidden; }
.pf-b .profile-tabs { margin-top: 10px; }
.profile-friends { display: none !important; }

/* v123 — pinned posts sit first in the grid with a white pin */
.grid .is-pinned { position: relative; }
.tile-pin { position: absolute; top: 7px; inset-inline-end: 7px; width: 22px; height: 22px; display: grid; place-items: center;
  color: #fff; filter: drop-shadow(0 1px 3px rgba(0,0,0,.7)); pointer-events: none; z-index: 2; }
.tile-pin svg { width: 18px; height: 18px; fill: #fff; stroke: #fff; transform: rotate(35deg); }
.pf-pinned { display: none !important; }

/* v123 — scrollbars stay hidden everywhere, like native apps (still scrolls) */
*, *::before, *::after { scrollbar-width: none; }
*::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none; }

/* v124 (1.2.7) — Shots / gifts / subscriptions are back on iPhone: Shots are
   bought only with Apple In-App Purchase (6 consumables), so 3.1.1 is met. */

/* v123 — bottom tab bar: lighter, see-through glass instead of a dark slab */
body:not(.live-open) .tabbar {
  background: rgba(14, 16, 32, .55) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4) !important; backdrop-filter: blur(18px) saturate(1.4) !important;
  border-color: rgba(255, 255, 255, .10) !important;
}

/* v124 — country on its own line, "Joined ShotGram …" under it */
.pf-b .pf-facts { display: grid; justify-items: center; gap: 4px; font-size: 12.5px; color: rgba(255,255,255,.62); }
.pf-b .pf-facts > span { display: inline-flex; align-items: center; gap: 6px; }
.pf-b .pf-facts svg { width: 15px; height: 15px; }

/* v125 — stats row: posts · followers · following · likes, split by soft
   glowing hairlines (fade at both ends, brand-tinted, see-through) */
.pf-b .pf-stats { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 0 !important; max-width: 420px; margin: 0 auto;
  padding: 16px 14px 4px !important; }
.pf-b .pf-stats .stat { position: relative; padding: 4px 2px !important; }
.pf-b .pf-stats .stat + .stat::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 12%; bottom: 12%; width: 1px;
  background: linear-gradient(to bottom, rgba(10,180,251,0), rgba(10,180,251,.85) 30%, rgba(205,14,251,.85) 70%, rgba(205,14,251,0));
  box-shadow: 0 0 8px rgba(var(--violet-rgb, 139, 92, 255), .45); opacity: .85;
}
.pf-b .pf-stats .stat b { font-size: 18px; letter-spacing: -.01em; }
.pf-b .pf-stats .stat span { font-size: 12px; }
.pf-b .pf-stats .stat-likes { cursor: default; }