/* FoxDeo ViewUpdate - dedicated layout, 2026-08-24 */

/* Desktop: profile/details only in the right column. The albums remain at the bottom. */
@media (min-width:1181px){
  body.fx-v85 .fx-v85-vu-profile-mobile{display:none!important;}
}
@media (max-width:1180px){
  body.fx-v85 .fx-v85-vu-profile-mobile{display:block!important;}
}

body.fx-v85 #rightPanel .fx-v85-vu-sidecard{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e3e9f2!important;
  border-radius:24px!important;
  background:var(--fx85-card,#fff)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.09)!important;
  color:var(--fx85-text,#101828)!important;
}
body.fx-v85 #rightPanel .fx-v85-vu-sidecard,
body.fx-v85 #rightPanel .fx-v85-vu-sidecard *{box-sizing:border-box;}
body.fx-v85 #rightPanel .fx-v85-vu-sidecard a{text-decoration:none!important;}

body.fx-v85 .fx-v85-vu-cover{
  height:76px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.38),transparent 26%),
    linear-gradient(125deg,#0878ff 0%,#4965ff 48%,#704cff 100%)!important;
  position:relative;
}
body.fx-v85 .fx-v85-vu-cover:after{
  content:"";position:absolute;inset:auto -28px -54px auto;width:120px;height:120px;border:22px solid rgba(255,255,255,.10);border-radius:50%;
}
body.fx-v85 .fx-v85-vu-userblock{padding:0 16px 4px!important;}
body.fx-v85 .fx-v85-vu-avatarrow{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;
  min-height:48px!important;margin-top:-38px!important;position:relative!important;z-index:2!important;
}
body.fx-v85 .fx-v85-vu-side-avatar-link{display:block!important;width:78px!important;height:78px!important;flex:0 0 78px!important;}
body.fx-v85 .fx-v85-vu-side-avatar{
  display:block!important;width:78px!important;height:78px!important;max-width:none!important;
  object-fit:cover!important;border-radius:22px!important;border:4px solid var(--fx85-card,#fff)!important;
  background:#eef3fb!important;box-shadow:0 8px 24px rgba(15,23,42,.18)!important;
}
body.fx-v85 .fx-v85-vu-profile-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;
  margin-bottom:5px!important;padding:0 13px!important;border:1px solid rgba(15,107,255,.18)!important;
  border-radius:999px!important;background:#eef5ff!important;color:#0f6bff!important;font-size:11px!important;font-weight:900!important;
  white-space:nowrap!important;
}
body.fx-v85 .fx-v85-vu-profile-btn:hover{background:#0f6bff!important;color:#fff!important;border-color:#0f6bff!important;}
body.fx-v85 .fx-v85-vu-side-identity{display:block!important;min-width:0!important;margin-top:10px!important;}
body.fx-v85 .fx-v85-vu-name{
  display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:var(--fx85-text,#101828)!important;
}
body.fx-v85 .fx-v85-vu-name strong{
  display:block!important;min-width:0!important;max-width:100%!important;font-size:16px!important;line-height:1.22!important;font-weight:950!important;
  letter-spacing:-.015em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.fx-v85 .fx-v85-vu-username{
  display:block!important;margin-top:3px!important;color:#7c8798!important;font-size:11.5px!important;line-height:1.3!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.fx-v85 .fx-v85-vu-side-bio{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;
  margin:11px 0 0!important;padding:10px 11px!important;border:1px solid #edf1f6!important;border-radius:13px!important;
  background:#f8faff!important;color:#344054!important;font-size:11.5px!important;line-height:1.5!important;word-break:break-word!important;
}

body.fx-v85 .fx-v85-vu-side-stats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
  margin:0!important;padding:12px 16px 2px!important;
}
body.fx-v85 .fx-v85-vu-side-stats a{
  display:flex!important;min-width:0!important;height:59px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  padding:5px!important;border:1px solid #e8edf5!important;border-radius:14px!important;background:#fff!important;text-align:center!important;
  transition:.18s ease!important;
}
body.fx-v85 .fx-v85-vu-side-stats a:hover{transform:translateY(-1px)!important;border-color:#bdd5ff!important;background:#f6f9ff!important;}
body.fx-v85 .fx-v85-vu-side-stats b{display:block!important;font-size:17px!important;line-height:1!important;font-weight:950!important;color:#152238!important;}
body.fx-v85 .fx-v85-vu-side-stats span{
  display:block!important;max-width:100%!important;margin-top:6px!important;color:#7c8798!important;font-size:9px!important;line-height:1.1!important;font-weight:800!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}

body.fx-v85 .fx-v85-vu-divider{height:1px!important;margin:13px 16px 0!important;background:#edf1f6!important;}
body.fx-v85 .fx-v85-vu-side-title{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px 16px 8px!important;
}
body.fx-v85 .fx-v85-vu-side-title span{font-size:11px!important;font-weight:950!important;color:#344054!important;text-transform:uppercase!important;letter-spacing:.055em!important;}
body.fx-v85 .fx-v85-vu-side-title small{font-size:9.5px!important;font-weight:800!important;color:#98a2b3!important;}
body.fx-v85 .fx-v85-vu-side-poststats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;
  margin:0!important;padding:0 16px 2px!important;background:transparent!important;border:0!important;
}
body.fx-v85 .fx-v85-vu-side-poststats>span{
  display:flex!important;min-width:0!important;height:62px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  padding:5px 2px!important;border:0!important;border-radius:12px!important;background:#f7f9fc!important;color:#667085!important;
}
body.fx-v85 .fx-v85-vu-side-poststats .fx-v85-vu-metric-icon{display:block!important;height:16px!important;font-style:normal!important;font-size:13px!important;line-height:16px!important;color:#0f6bff!important;}
body.fx-v85 .fx-v85-vu-side-poststats b{display:block!important;max-width:100%!important;font-size:12px!important;line-height:1.1!important;font-weight:950!important;color:#1d2939!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.fx-v85 .fx-v85-vu-side-poststats small{display:block!important;max-width:100%!important;font-size:7.5px!important;line-height:1.1!important;font-weight:750!important;color:#98a2b3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

body.fx-v85 .fx-v85-vu-side-details{display:flex!important;flex-direction:column!important;margin:0!important;padding:0 16px 2px!important;}
body.fx-v85 .fx-v85-vu-side-detail{
  display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;
  min-width:0!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #f0f2f6!important;color:inherit!important;
}
body.fx-v85 .fx-v85-vu-side-detail:last-child{border-bottom:0!important;}
body.fx-v85 .fx-v85-vu-side-detail-icon{
  display:grid!important;width:32px!important;height:32px!important;place-items:center!important;border-radius:10px!important;
  background:#eef5ff!important;color:#0f6bff!important;font-size:13px!important;line-height:1!important;font-weight:950!important;
}
body.fx-v85 .fx-v85-vu-side-detail>span:last-child{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important;}
body.fx-v85 .fx-v85-vu-side-detail small{display:block!important;color:#98a2b3!important;font-size:8.5px!important;line-height:1.1!important;font-weight:800!important;}
body.fx-v85 .fx-v85-vu-side-detail b{
  display:block!important;min-width:0!important;color:#344054!important;font-size:11px!important;line-height:1.25!important;font-weight:850!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.fx-v85 .fx-v85-vu-side-detail-link:hover b{color:#0f6bff!important;}
body.fx-v85 .fx-v85-vu-side-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  margin-top:11px!important;padding:11px 16px 13px!important;border-top:1px solid #edf1f6!important;background:#fafbfc!important;
}
body.fx-v85 .fx-v85-vu-side-footer span{font-size:9px!important;font-weight:800!important;color:#98a2b3!important;}
body.fx-v85 .fx-v85-vu-side-footer b{font-size:9.5px!important;font-weight:850!important;color:#667085!important;white-space:nowrap!important;}

/* Bottom sections */
body.fx-v85 .fx-v85-vu-profile,
body.fx-v85 .fx-v85-vu-section{padding:18px!important;}
body.fx-v85 .fx-v85-vu-section{border-radius:24px!important;}
body.fx-v85 .fx-v85-vu-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
body.fx-v85 .fx-v85-vu-section-head h2{margin:0!important;font-size:17px!important;line-height:1.2!important;font-weight:950!important;}
body.fx-v85 .fx-v85-vu-section-head>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:0 12px!important;border-radius:999px!important;background:#eef5ff!important;color:#0f6bff!important;font-size:10.5px!important;font-weight:900!important;}
body.fx-v85 .fx-v85-vu-albums{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;}
body.fx-v85 .fx-v85-vu-album{display:block!important;min-width:0!important;overflow:hidden!important;border:1px solid #e5eaf2!important;border-radius:16px!important;background:#fff!important;transition:.18s ease!important;}
body.fx-v85 .fx-v85-vu-album:hover{transform:translateY(-2px)!important;border-color:#b9d3ff!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;}
body.fx-v85 .fx-v85-vu-album-cover{display:flex!important;aspect-ratio:1.35/1!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#eef5ff!important;}
body.fx-v85 .fx-v85-vu-album-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
body.fx-v85 .fx-v85-vu-album-meta{display:flex!important;min-width:0!important;align-items:center!important;gap:7px!important;padding:9px 10px!important;}
body.fx-v85 .fx-v85-vu-album-meta strong{display:block!important;min-width:0!important;flex:1!important;font-size:11px!important;line-height:1.2!important;font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.fx-v85 .fx-v85-vu-album-meta small{display:grid!important;min-width:22px!important;height:22px!important;padding:0 5px!important;place-items:center!important;border-radius:999px!important;background:#f0f4fa!important;color:#667085!important;font-size:9px!important;font-weight:900!important;}

/* Mobile/tablet profile card stays in the main flow. */
body.fx-v85 .fx-v85-vu-profile-mobile{position:relative!important;overflow:hidden!important;border-radius:24px!important;}
body.fx-v85 .fx-v85-vu-profile-mobile:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0f6bff,#5b55ff);}

@media(max-width:760px){
  body.fx-v85 .fx-v85-vu-profile,body.fx-v85 .fx-v85-vu-section{padding:14px!important;}
  body.fx-v85 .fx-v85-vu-albums{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
}

/* Dark mode */
body.fx-v85.fx-v85-dark #rightPanel .fx-v85-vu-sidecard,
body.fx-v85.dark #rightPanel .fx-v85-vu-sidecard{border-color:rgba(255,255,255,.10)!important;background:var(--fx85-card,#151b28)!important;}
body.fx-v85.fx-v85-dark .fx-v85-vu-side-bio,
body.fx-v85.dark .fx-v85-vu-side-bio,
body.fx-v85.fx-v85-dark .fx-v85-vu-side-poststats>span,
body.fx-v85.dark .fx-v85-vu-side-poststats>span{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)!important;}
body.fx-v85.fx-v85-dark .fx-v85-vu-side-stats a,
body.fx-v85.dark .fx-v85-vu-side-stats a{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important;}
body.fx-v85.fx-v85-dark .fx-v85-vu-side-stats b,
body.fx-v85.dark .fx-v85-vu-side-stats b,
body.fx-v85.fx-v85-dark .fx-v85-vu-name strong,
body.fx-v85.dark .fx-v85-vu-name strong{color:var(--fx85-text,#f4f7fb)!important;}

/* PageSpeed / Core Web Vitals hardening - 2026-08-24 */
body.fx-v85 img.fx-v85-vu-lcp-media{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;}
body.fx-v85 .fx-v85-vu-bottom,body.fx-v85 .fx-v85-vu-section{content-visibility:auto;contain-intrinsic-size:auto 520px;}
body.fx-v85 #niceades{contain:layout paint;min-height:20px;}
body.fx-v85 .fx-v85-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
body.fx-v85 .fx-v85-comments{content-visibility:auto;contain-intrinsic-size:auto 420px;}
body.fx-v85 .fx-v85-vu-deferred-ad{margin:14px auto 4px!important;text-align:center!important;min-height:1px;content-visibility:auto;contain-intrinsic-size:auto 90px;}
