.hgp-pfp { background:#F5F0E8; position:relative; padding:clamp(40px,6vh,80px) 0; box-sizing:border-box; overflow:hidden; }
  .hgp-pfp::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:0.6; background-image:radial-gradient(circle, rgba(139,119,101,0.2) 1.5px, transparent 1.5px); background-size:28px 28px; }
  .hgp-pfp::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:0.3; background-image:radial-gradient(circle, rgba(139,119,101,0.25) 2px, transparent 2px); background-size:64px 64px; background-position:12px 12px; }
  .hgp-pfp-container { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,40px); width:100%; box-sizing:border-box; }

  .hgp-pfp-tag { font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:700; letter-spacing:0.16em; color:#8B7765; margin-bottom:12px; display:block; text-transform:uppercase; }
  .hgp-pfp-h2 { font-family:'Oswald',sans-serif; font-weight:700; font-size:clamp(28px,4.5vw,44px); line-height:1.05; letter-spacing:-0.02em; color:#2C2620; margin:0 0 12px; text-transform:uppercase; }
  .hgp-pfp-h2 .hgp-pfp-outline { -webkit-text-stroke:1.5px #8B7765; color:transparent; }
  .hgp-pfp-sub { font-family:'Roboto Condensed',sans-serif; font-size:15px; line-height:1.55; color:rgba(44,38,32,0.75); margin:0 0 24px; max-width:720px; }

  /* ── МОБИЛА: вертикальный стек, рейка горизонтально ── */
  .hgp-pfp-desk { display:grid; grid-template-columns:1fr; gap:16px; }
  .hgp-pfp-monitor { background:#FFFFFF; border:1px solid rgba(139,119,101,0.2); border-radius:2px; box-shadow:0 4px 20px rgba(139,119,101,0.12); display:flex; flex-direction:column; overflow:hidden; }
  .hgp-pfp-monbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 14px; border-bottom:1px solid rgba(139,119,101,0.15); background:rgba(44,38,32,0.03); font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:0.18em; color:rgba(44,38,32,0.6); text-transform:uppercase; }
  .hgp-pfp-monlabel, .hgp-pfp-moncount { flex:none; }
  .hgp-pfp-rec-line { display:flex; align-items:center; gap:8px; flex:1; justify-content:center; }
  .hgp-pfp-rec { color:#C62828; font-weight:700; animation:hgpPfpBlink 1.2s steps(2) infinite; }
  .hgp-pfp-rec-note { color:#C62828; font-size:9px; letter-spacing:0.14em; font-weight:600; }
  @keyframes hgpPfpBlink { 50% { opacity:0.25; } }

  .hgp-pfp-screen { position:relative; aspect-ratio:16/9; background:#171310; overflow:hidden; }
  .hgp-pfp-screen iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

  .hgp-pfp-capline { display:flex; align-items:center; gap:12px; padding:12px 14px; border-top:1px solid rgba(139,119,101,0.15); background:rgba(44,38,32,0.03); }
  .hgp-pfp-name { font-family:'Oswald',sans-serif; font-weight:700; font-size:14px; text-transform:uppercase; color:#2C2620; white-space:nowrap; letter-spacing:0.02em; max-width:38%; overflow:hidden; text-overflow:ellipsis; }
  .hgp-pfp-res { font-family:'Roboto Condensed',sans-serif; font-size:12px; color:rgba(44,38,32,0.6); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0; }
  .hgp-pfp-arr { flex:none; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.7); backdrop-filter:blur(6px); border:1.5px solid rgba(139,119,101,0.3); color:#5a4a3a; font-family:'JetBrains Mono',monospace; font-size:16px; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; outline:none; transition:all 0.3s ease; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
  .hgp-pfp-arr:hover { background:#FFFFFF; border-color:#C62828; color:#C62828; box-shadow:0 4px 12px rgba(198,40,40,0.18); }

  .hgp-pfp-rail { display:flex; flex-direction:row; gap:8px; overflow-x:auto; overflow-y:hidden; padding:4px 4px 8px; }
  .hgp-pfp-rail::-webkit-scrollbar { width:6px; height:6px; }
  .hgp-pfp-rail::-webkit-scrollbar-track { background:transparent; }
  .hgp-pfp-rail::-webkit-scrollbar-thumb { background:rgba(139,119,101,0.3); border-radius:3px; }
  .hgp-pfp-group { display:none; }
  .hgp-pfp-src { min-width:220px; flex:none; display:flex; justify-content:space-between; align-items:center; gap:8px; text-align:left; font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:500; letter-spacing:0.06em; padding:10px 12px; background:#FFFFFF; border:1px solid rgba(139,119,101,0.2); border-radius:2px; color:rgba(44,38,32,0.85); cursor:pointer; text-transform:uppercase; transition:all 0.25s ease; overflow:hidden; box-shadow:0 2px 6px rgba(139,119,101,0.06); }
  .hgp-pfp-src:hover { border-color:#8B7765; transform:translateY(-1px); box-shadow:0 4px 12px rgba(139,119,101,0.12); }
  .hgp-pfp-src.on { border-color:#C62828; background:#FFFAF5; color:#2C2620; box-shadow:0 4px 12px rgba(198,40,40,0.12); }
  .hgp-pfp-src .nm { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0; }
  .hgp-pfp-src .ar { color:#8B7765; flex:none; transition:color 0.25s ease; }
  .hgp-pfp-src.on .ar { color:#C62828; }
  .hgp-pfp-src:hover .ar { color:#C62828; }

  .hgp-pfp-foot { display:flex; align-items:center; gap:24px; flex-wrap:wrap; justify-content:center; margin-top:28px; padding-top:20px; border-top:1px solid rgba(139,119,101,0.2); }
  .hgp-pfp-cta { padding:14px 28px; font-size:13px; }
  .hgp-pfp-foot-note { font-family:'Roboto Condensed',sans-serif; font-size:13px; line-height:1.55; color:rgba(44,38,32,0.65); letter-spacing:0.04em; max-width:520px; }
  .hgp-pfp-foot-note b { color:#2C2620; font-weight:700; }

  /* ── ДЕСКТОП: ОДИН ЭКРАН, без перемотки ── */
  @media (min-width:901px) {
    .hgp-pfp { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; padding:clamp(14px,2.5vh,26px) 0; }
    .hgp-pfp-container { flex:1; min-height:0; display:flex; flex-direction:column; }
    .hgp-pfp-tag { margin-bottom:8px; }
    .hgp-pfp-h2 { font-size:clamp(26px,3vw,38px); margin-bottom:8px; }
    .hgp-pfp-sub { font-size:13px; margin-bottom:14px; max-width:760px; }
    .hgp-pfp-desk { flex:1; min-height:0; grid-template-columns:minmax(0,1.6fr) minmax(280px,0.9fr); gap:18px; align-items:stretch; }
    .hgp-pfp-monitor { min-height:0; }
    /* экран тянется на всю высоту монитора — белого подвала нет */
    .hgp-pfp-screen { flex:1 1 auto; min-height:340px; aspect-ratio:auto; }
    .hgp-pfp-capline { padding:10px 14px; }
    /* рейка вровень с монитором, скролл внутри своей высоты */
    .hgp-pfp-rail { flex-direction:column; gap:4px; overflow-y:auto; overflow-x:hidden; max-height:none; height:100%; min-height:0; padding:4px 6px 4px 4px; scrollbar-width:thin; scrollbar-color:#8B7765 transparent; }
    .hgp-pfp-group { display:flex; }
    .hgp-pfp-src { min-width:0; flex:none; }
    .hgp-pfp-foot { margin-top:14px; padding-top:12px; }
  }