.pf-top{padding-top:112px;background:var(--bg);display:flow-root}
.pf-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 0 14px;font-size:13px;font-weight:500;color:var(--muted)}
.pf-crumb a{color:var(--muted);transition:.18s}
.pf-crumb a:hover{color:var(--tomato)}
.pf-crumb i{font-size:9px;color:#c7c7c7}
.pf-crumb b{color:var(--slate);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}



.pf-banner{position:relative;height:280px;border-radius:var(--radius-xl);overflow:hidden;background-color:#211E16;background-image:url("../../img/dayband-fallback.jpg");background-size:cover;background-position:center;box-shadow:var(--sh-md)}
.pf-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,30,22,.14),rgba(20,18,12,.38))} 
.pf-mark{position:absolute;top:18px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.93);color:var(--slate);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:var(--radius-sm)}
.pf-mark i{color:var(--tomato);font-size:12px}

.pf-head{position:relative;z-index:3;display:flex;gap:26px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sh-md);padding:26px 30px 28px;margin:-78px 28px 0}
.pf-ava{flex:none;width:128px;height:128px;border-radius:var(--radius-circle);background-size:cover;background-position:center;border:4px solid #fff;box-shadow:var(--sh-md);margin-top:-70px}
.pf-id{flex:1;min-width:0}
.pf-id h1{font-size:30px;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf-handle{display:block;font-size:14px;color:var(--muted);font-weight:500;margin-top:3px}
.pf-bio{font-size:14.5px;color:var(--slate-2);font-weight:500;line-height:1.6;max-width:560px;margin-top:12px;text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.pf-meta{display:flex;flex-wrap:wrap;gap:7px 20px;margin-top:13px;font-size:13px;color:var(--muted);font-weight:500}
.pf-meta span{display:inline-flex;align-items:center;gap:7px}
.pf-meta i{font-size:12px;color:var(--tomato)}
.pf-actions{flex:none;display:flex;gap:9px;align-items:center}


.pf-edit-btn{
  display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:13.5px;font-weight:700;
  color:var(--slate);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:12px 22px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap;
}
.pf-edit-btn:hover{border-color:var(--tomato);color:var(--tomato);background:var(--tomato-tint)}


.pf-ava{position:relative}
.pf-cover-edit{
  position:absolute;top:18px;right:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:inherit;font-size:12px;font-weight:700;color:var(--slate);background:rgba(255,255,255,.93);
  border:none;border-radius:var(--radius-sm);padding:9px 14px;cursor:pointer;transition:.2s var(--ease);
}
.pf-cover-edit:hover{background:#fff;color:var(--tomato)}
.pf-ava-edit{
  position:absolute;right:2px;bottom:2px;width:34px;height:34px;border-radius:var(--radius-circle);
  background:var(--tomato);color:#fff;border:2px solid #fff;display:grid;place-items:center;
  font-size:13px;cursor:pointer;transition:.2s var(--ease);
}
.pf-ava-edit:hover{background:var(--tomato-dark)}

.pf-cover-actions{position:absolute;top:18px;right:20px;z-index:2;display:flex;gap:8px}
.pf-cover-actions .pf-cover-edit{position:static}

.pf-ava-edit--remove{right:auto;left:2px;background:var(--tomato-deep)}


.pf-ava-edit{position:absolute}

.pf-ava-edit::after{content:"";position:absolute;inset:-7px;border-radius:var(--radius-circle);z-index:1}
.pf-cover-edit{min-height:44px}


.pf-medya-not{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:10px}
.pf-medya-not[hidden]{display:none}

body.pf-public .pf-edit-aff{display:none}


.tbadge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:7px 13px;border-radius:var(--radius-sm)}
.tbadge i{font-size:11.5px}
.tbadge.t-dada{background:var(--tomato);color:#fff;box-shadow:0 4px 12px rgba(220,61,23,.32)}



.pf-stats{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin:20px 28px 24px;overflow:hidden}
.pfs{flex:1;display:flex;align-items:center;gap:12px;padding:15px 20px;min-width:0;background:none;border:none;font-family:inherit;text-align:left}
.pfs+.pfs{border-left:1px solid var(--line)}
.pfs i{flex:none;width:38px;height:38px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:15px}
.pfs div{min-width:0}
.pfs span{display:block;font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.02em}
.pfs b{display:block;font-size:16.5px;font-weight:700;color:var(--slate);white-space:nowrap}
.pfs.is-link{cursor:pointer;transition:background .2s var(--ease)}
.pfs.is-link:hover{background:var(--bg)}
.pfs.score i{background:#FDF3DC;color:#D99A1B} 


@media (max-width:1024px){
  .pf-head{margin:-70px 16px 0;padding:22px 22px 24px}
  .pf-stats{margin:18px 16px 22px}
}


@media (max-width:640px){
  .pf-top{padding-top:62px}
  .pf-crumb{padding:14px 0 12px;font-size:12px}
  .pf-crumb b{max-width:170px}
  .pf-banner{height:170px;border-radius:var(--radius-lg)}
  .pf-mark{top:12px;left:12px;padding:7px 11px;font-size:10px}
  .pf-head{flex-direction:column;align-items:center;text-align:center;gap:14px;margin:-52px 4px 0;padding:20px 18px 22px}
  .pf-ava{width:104px;height:104px;margin-top:-66px}
  .pf-id{width:100%} 
  .pf-id h1{font-size:23px;justify-content:center}
  .pf-bio{font-size:13.5px}
  .pf-meta{justify-content:center;gap:6px 16px;font-size:12.5px}
  .pf-actions{width:100%}
  
  .pf-stats{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 20px}
  .pfs{padding:13px 14px}
  .pfs+.pfs{border-left:none}
  .pfs:nth-child(even){border-left:1px solid var(--line)}
  .pfs:nth-child(n+3){border-top:1px solid var(--line)}
  .pfs.score{grid-column:1/-1;border-left:none}
  .pfs b{font-size:15px}
}