/* ===== Valor: страница «Возможности» (features.html), 2026-09-24. Префикс .pf- (скриншоты и лайтбокс — из p-shop) ===== */
.pf-nav{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 8px}
.pf-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;text-decoration:none;font:700 15px/1.2 'Philosopher',serif;color:#e3d6bf;
  background:linear-gradient(180deg,#261c15,#120d0a);box-shadow:0 0 0 1px #000,0 0 0 3px #4a433d,0 0 0 4px #000;transition:filter .15s,color .15s}
.pf-chip img{width:28px;height:28px;box-shadow:0 0 0 1px #000,0 0 0 2px #6f6862}
.pf-chip:hover{filter:brightness(1.2);color:var(--gold)}
.pf-chip:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

.pf-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:start;margin-top:60px;padding:36px 36px 34px;scroll-margin-top:100px}
.pf-sec--flip{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
.pf-sec--flip .pf-sec__text{order:2}
.pf-sec--flip .pf-sec__media{order:1}
.pf-sec--wide{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.pf-sec h2{margin:4px 0 12px;font-size:42px;line-height:1.08}
.pf-sec .kicker{display:flex;align-items:center;gap:10px}
.pf-badge{display:inline-block;padding:2px 10px;font:700 12px/1.6 'Roboto Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#1b1206;
  background:linear-gradient(180deg,#ffd86a,#d8a022);box-shadow:0 0 0 1px #000}
.pf-lead{margin:0 0 18px;font-size:18px;color:#e2d8ca}
.pf-sec__text .ps-ticks{margin-top:16px}
.pf-sec__text .ps-ticks a,.pf-sec__text .ps-ticks b{color:var(--gold)}
.pf-sec__media{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:96px}
.pf-shot .ps-shot__a{box-shadow:0 0 0 1px #000,0 0 0 3px #57514b,0 0 0 4px #000,0 14px 30px rgba(0,0,0,.55)}
.pf-shot img{max-height:720px;width:100%;object-fit:contain;background:#0b0907}
.pf-row{display:flex;justify-content:center}
.pf-row .pf-shot{max-width:78%}
.pf-row--2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pf-row--2 .pf-shot{max-width:none}

.pf-table{margin:6px 0 4px}
.pf-table td:last-child{white-space:nowrap;font:700 16px 'Philosopher',serif;color:#ffd24a}
.pf-table td:first-child{color:#efe4d2}
.pf-table--text td:last-child{white-space:normal;font:inherit;color:inherit}
.pf-table--text td:first-child{white-space:nowrap;font-weight:700}
.pf-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.pf-facts>div{padding:14px 12px;text-align:center;background:linear-gradient(180deg,#1d1511,#110c09);box-shadow:0 0 0 1px #000,0 0 0 3px #3e3934,0 0 0 4px #000}
.pf-facts b{display:block;font:700 26px/1.1 'Philosopher',serif;color:var(--gold);text-shadow:0 2px 0 #000}
.pf-facts span{display:block;margin-top:6px;font-size:13px;color:var(--muted);line-height:1.35}

.pf-mores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pf-more{display:flex;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;color:var(--text);transition:filter .15s}
.pf-more img{width:48px;height:48px;flex:0 0 auto;box-shadow:0 0 0 1px #000,0 0 0 3px #a99f94,0 0 0 4px #000}
.pf-more b{display:block;font:700 19px/1.2 'Philosopher',serif;color:#f1dfbd}
.pf-more small{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.pf-more:hover{filter:brightness(1.15)}
.pf-more:hover b{color:var(--gold)}

@media (max-width:1100px){
  .pf-sec,.pf-sec--flip,.pf-sec--wide{grid-template-columns:minmax(0,1fr)}
  .pf-sec--flip .pf-sec__text{order:1}
  .pf-sec--flip .pf-sec__media{order:2}
  .pf-sec__media{position:static;max-width:720px;margin:0 auto;width:100%}
  .pf-mores{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .pf-nav{gap:8px}
  .pf-chip{font-size:14px;padding:5px 10px 5px 5px}
  .pf-chip img{width:24px;height:24px}
  .pf-sec{margin-top:40px;padding:22px 16px}
  .pf-sec h2{font-size:32px}
  .pf-lead{font-size:16px}
  .pf-facts{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .pf-facts b{font-size:20px}
  .pf-row .pf-shot{max-width:100%}
  .pf-row--2{grid-template-columns:1fr}
  .pf-mores{grid-template-columns:minmax(0,1fr)}
  .pf-table td:last-child{white-space:normal}
}