/* Project-only interaction polish. Loaded after blog.css by projectHead(). */
.pj-gal-hidden[hidden]{display:none!important}
.pj-gal-more{text-decoration:none}
.pj-gal-more:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pj-ti{margin:26px 0 34px;padding:22px;border:1px solid rgba(212,175,106,.42);border-radius:16px;background:#0A1F1A;color:#F3F1EC;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.pj-ti h2{margin:9px 0 7px!important;color:#D4AF6A!important}.pj-ti p{margin:0;color:#d9e2dc}.pj-ti-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(212,175,106,.14);color:#D4AF6A;font-size:12px;font-weight:700}.pj-ti-stats{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0 14px}.pj-ti-stat{flex:1 1 190px;min-width:0;padding:13px 14px;border-radius:10px;background:rgba(255,255,255,.055)}.pj-ti-stat b{display:block;font-size:28px;line-height:1;color:#7fe0ad}.pj-ti-stat span,.pj-ti-stat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-ti-stat span{margin-top:6px;font-size:13px}.pj-ti-stat small{margin-top:3px;color:#D4AF6A;font-size:11px}.pj-ti-pending b{color:#D4AF6A}.pj-ti-clear b{color:#7fe0ad}.pj-ti-bar{height:8px;overflow:hidden;border-radius:99px;background:rgba(212,175,106,.2)}.pj-ti-bar i{display:block;height:100%;border-radius:inherit;background:#3fa877}.pj-ti-summary{margin-top:13px!important;font-size:14px;line-height:1.55}.pj-ti-note{margin-top:8px!important;color:#aebdb4!important;font-size:12px;line-height:1.5}.pj-ti-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:13px}.pj-ti-links a{color:#D4AF6A;font-size:14px}.pj-ti-links a:hover{color:#7fe0ad}

/* Project decision aids: meaningful without JavaScript, with small local interaction when available. */
.pj-price-meaning{display:block;margin:18px 0 24px;padding:20px;border:1px solid rgba(212,175,106,.42);border-radius:16px;background:#0A1F1A;color:#F3F1EC;box-shadow:0 10px 28px rgba(0,0,0,.16)}.pj-price-meaning strong{color:#D4AF6A!important;display:block;margin:5px 0 15px;font-size:26px;line-height:1.14}.pj-price-meaning-kicker{display:block;color:#D4AF6A;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pj-price-meaning-lines{margin:0;display:grid;gap:9px}.pj-price-meaning-lines div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.7fr);gap:12px;padding-top:9px;border-top:1px solid rgba(243,241,236,.12)}.pj-price-meaning dt{color:#D4AF6A;font-weight:700}.pj-price-meaning dd{margin:0;min-width:0;overflow-wrap:anywhere;word-break:break-word;color:#F3F1EC}.pj-price-meaning-note{margin:15px 0 0!important;padding:10px 12px;border-radius:10px;background:rgba(212,175,106,.14);color:#F3F1EC!important;font-size:13px;line-height:1.5}
.pj-stage{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:22px 28px;flex-wrap:wrap;margin:20px 0 26px;padding:18px 20px 18px 24px;overflow:hidden;border:1px solid rgba(212,175,106,.42);border-radius:16px;background:#0A1F1A;color:#F3F1EC;box-shadow:0 10px 28px rgba(0,0,0,.16)}.pj-stage::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#D4AF6A}.pj-stage-copy{min-width:0;flex:1 1 340px}.pj-stage-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(212,175,106,.14);color:#e6c583;font-size:12px;font-weight:700}.pj-stage h2{margin:9px 0 8px!important;color:#D4AF6A!important;font-size:clamp(22px,2.4vw,29px)!important}.pj-stage p{margin:0;overflow-wrap:anywhere;word-break:break-word}.pj-stage-main{font-weight:700;color:#F3F1EC!important;line-height:1.45}.pj-stage-note{margin-top:6px!important;color:#b9c8c0!important;font-size:14px;line-height:1.5}.pj-stage-track{display:flex;align-items:flex-start;justify-content:center;gap:0;flex:0 0 auto;min-width:0;margin:0;padding:0;list-style:none}.pj-stage-track li{position:relative;z-index:0;display:grid;justify-items:center;gap:5px;min-width:0;flex:1;text-align:center;color:#83978c;font-size:11px;line-height:1.2;flex:0 0 84px;width:84px}.pj-stage-track li+li::before{content:"";position:absolute;z-index:-1;top:9px;right:50%;width:100%;height:2px;background:#29443a}.pj-stage-track li.is-done+li::before{background:currentColor}.pj-stage-track b{display:grid;place-items:center;width:22px;height:22px;border:2px solid #3c5a4f;border-radius:50%;background:#0A1F1A;box-sizing:border-box}.pj-stage-track .is-done b{background:currentColor;border-color:currentColor}.pj-stage-track .is-current b{outline:2px solid currentColor;outline-offset:3px}.pj-stage-tick{width:12px;height:12px;fill:none;stroke:#0A1F1A;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.pj-stage-track span{min-width:0;overflow-wrap:anywhere}.pj-stage--completed::before{background:#3fa877}.pj-stage--completed .pj-stage-badge{background:rgba(63,168,119,.16);color:#7fe0ad}.pj-stage--completed .pj-stage-track .is-done{color:#3fa877}.pj-stage--under-construction::before{background:#D4AF6A}.pj-stage--under-construction .pj-stage-track .is-done{color:#D4AF6A}.pj-stage--planned::before{background:#c99a5a}.pj-stage--planned .pj-stage-badge{background:rgba(201,154,90,.16);color:#dbb884}.pj-stage--planned .pj-stage-track .is-done{color:#c99a5a}
.pj-tldr{margin:20px 0 28px;padding:18px 20px;border:1px solid rgba(212,175,106,.42);border-radius:16px;background:#0A1F1A;color:#F3F1EC;box-shadow:0 10px 28px rgba(0,0,0,.16)}.pj-tldr-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(212,175,106,.14);color:#D4AF6A;font-size:11px;font-weight:700;letter-spacing:.045em}.pj-tldr h2{margin:8px 0 13px!important;color:#D4AF6A!important;font-size:clamp(22px,2.4vw,29px)!important}.pj-tldr-list{display:grid;gap:0;margin:0}.pj-tldr-row{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1.8fr);gap:14px;padding:9px 0;border-top:1px solid rgba(243,241,236,.12)}.pj-tldr dt{color:#D4AF6A;font-size:13px;font-weight:700}.pj-tldr dd{min-width:0;margin:0;color:#F3F1EC;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.pj-tldr-stage{display:flex;align-items:center;gap:8px}.pj-tldr-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#D4AF6A}.pj-tldr-dot--completed{background:#3fa877}.pj-tldr-dot--under-construction{background:#D4AF6A}.pj-tldr-dot--planned{background:#c99a5a}.pj-tldr-price{display:block;color:#7fe0ad;font-weight:700}.pj-tldr-qualifier{display:block;margin-top:2px;color:#aebdb4;font-size:12px}.pj-tldr-note{margin:12px 0 0!important;color:#aebdb4!important;font-size:12px;line-height:1.45}
.pj-fit .pj-fit-badge{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gold);background:#16302a;padding:4px 10px;border-radius:20px;margin-bottom:8px}.pj-fit-sub{color:#b7c2bb;margin:.2em 0 18px;font-size:15px}.pj-fit-cols{display:flex;gap:22px;flex-wrap:wrap}.pj-fit-col{flex:1;min-width:240px}.pj-fit-ch{font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.pj-fit-ch-yes{color:#7fe0ad}.pj-fit-ch-no{color:#e6c583}.pj-fit-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;cursor:pointer;color:#dfe7e2;font-size:15px;line-height:1.35}.pj-fit-in{position:absolute;opacity:0;width:0;height:0}.pj-fit-bx{flex:0 0 22px;width:22px;height:22px;border-radius:6px;border:2px solid #3c5a4f;margin-top:1px;position:relative}.pj-fit-col:last-child .pj-fit-bx{border-color:#5a4a2c}.pj-fit-in:checked+.pj-fit-bx{background:#2e7d64;border-color:#2e7d64}.pj-fit-col:last-child .pj-fit-in:checked+.pj-fit-bx{background:#D4AF6A;border-color:#D4AF6A}.pj-fit-in:checked+.pj-fit-bx::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #0A1F1A;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.pj-fit-verdict{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px 14px;border:1px solid #245140;background:#0e2a22;border-radius:12px}.pj-fit-vi{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#2e7d64;color:#0A1F1A;font-weight:700;display:flex;align-items:center;justify-content:center}.pj-fit-vt{color:#dfeee6;font-size:15.5px}.pj-fit-vn{display:block;color:#89aa9b;font-size:13px;margin-top:2px}.pj-fit-cta{margin:14px 0 6px}.pj-fit-link{color:var(--gold);font-weight:700;text-decoration:none;font-size:15px}.pj-fit-note{color:#8f9a92;font-size:13px;margin:0}.pj-fit .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Four previews make a complete 2 x 2 mobile grid where the record has enough media. */
@media(max-width:700px){
  .pj-media-previews{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
  .pj-media-preview{min-height:0;aspect-ratio:4/3}
  .pj-price-meaning-lines div{grid-template-columns:1fr;gap:3px}.pj-price-meaning strong{font-size:23px}.pj-stage{align-items:flex-start}.pj-stage-track{flex-basis:250px;min-width:190px}
}
@media(max-width:640px){.pj-fit-cols{flex-direction:column;gap:8px}.pj-stage{flex-direction:column;align-items:stretch;gap:14px;padding:17px 18px 18px 22px}.pj-stage-copy{flex:0 0 auto}.pj-stage-track{width:100%;min-width:0;max-width:340px;margin:2px auto 0}.pj-stage-track li{font-size:10px}.pj-tldr{padding:17px 18px}.pj-tldr-row{grid-template-columns:1fr;gap:3px}.pj-tldr dd{font-size:15px}}

/* ==== NOVASIA DESIGN ICONS v2 — чипы (обратимо) ==== */
.pj-ti,.pj-price-meaning,.pj-tldr,.pj-fit{position:relative;padding-left:96px;overflow:hidden}
.pj-ti::before,.pj-price-meaning::before,.pj-tldr::before,.pj-fit::before{content:"";position:absolute;left:22px;top:22px;width:56px;height:56px;border-radius:50%;background-color:rgba(212,175,106,.12);background-position:center;background-size:32px;background-repeat:no-repeat;border:1px solid rgba(212,175,106,.5);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pj-ti::before{background-image:url(/assets/img/design/glyph-transparency.webp)}
.pj-price-meaning::before{background-image:url(/assets/img/design/glyph-price.webp)}
.pj-tldr::before{background-image:url(/assets/img/design/glyph-tldr.webp);background-size:40px}
.pj-fit::before{background-image:url(/assets/img/design/glyph-fit.webp)}
.pj-ti::after,.pj-price-meaning::after,.pj-tldr::after,.pj-fit::after{content:"";position:absolute;top:6px;right:-8px;width:126px;height:126px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.07;pointer-events:none}
.pj-ti::after{background-image:url(/assets/img/design/glyph-transparency.webp)}
.pj-price-meaning::after{background-image:url(/assets/img/design/glyph-price.webp)}
.pj-tldr::after{background-image:url(/assets/img/design/glyph-tldr.webp)}
.pj-fit::after{background-image:url(/assets/img/design/glyph-fit.webp)}
#pj-check h2,#pj-sources h2,#pj-faq-sec h2,#pj-unconfirmed h2,#pj-gallery h2{display:flex;align-items:center;gap:13px}
#pj-check h2::before,#pj-sources h2::before,#pj-faq-sec h2::before,#pj-unconfirmed h2::before,#pj-gallery h2::before{content:"";flex:0 0 auto;width:46px;height:46px;border-radius:50%;background-color:rgba(212,175,106,.12);background-position:center;background-size:26px;background-repeat:no-repeat;border:1px solid rgba(212,175,106,.45)}
#pj-check h2::before{background-image:url(/assets/img/design/glyph-checklist.webp)}
#pj-sources h2::before{background-image:url(/assets/img/design/glyph-sources.webp)}
#pj-faq-sec h2::before{background-image:url(/assets/img/design/glyph-faq.webp)}
#pj-unconfirmed h2::before{background-image:url(/assets/img/design/glyph-flags.webp)}
#pj-gallery h2::before{background-image:url(/assets/img/design/glyph-gallery.webp)}
@media(max-width:640px){
.pj-ti,.pj-price-meaning,.pj-tldr,.pj-fit{padding-left:74px}
.pj-ti::before,.pj-price-meaning::before,.pj-tldr::before,.pj-fit::before{left:15px;top:15px;width:46px;height:46px;background-size:26px}
.pj-tldr::before{background-size:32px}
#pj-check h2::before,#pj-sources h2::before,#pj-faq-sec h2::before,#pj-unconfirmed h2::before{width:36px;height:36px;background-size:21px}
.pj-stage-track li{flex-basis:74px;width:74px}
}
/* ==== STAGE = chevron steps (variant A) — обратимо ==== */
.pj-stage-track{display:flex!important;gap:5px!important;flex:1 1 430px!important;min-width:260px!important;max-width:580px!important;width:auto!important;justify-content:stretch!important;margin:0;padding:0;list-style:none;overflow:visible}
.pj-stage-track li{position:relative;z-index:0;flex:1 1 0!important;width:auto!important;min-width:0;display:flex!important;align-items:center;justify-content:center;gap:7px;padding:11px 20px 11px 28px;text-align:center;font-size:12.5px;font-weight:700;line-height:1.15;color:#83978c;background:#16302a;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}
.pj-stage-track li:first-child{padding-left:16px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
.pj-stage-track li:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}
.pj-stage-track li+li::before{content:none!important;display:none!important}
.pj-stage-track b{display:inline-grid!important;place-items:center;width:16px!important;height:16px!important;border:0!important;background:transparent!important;border-radius:0!important;outline:0!important;flex:0 0 auto}
.pj-stage-track .is-done{background:rgba(212,175,106,.18);color:#e6c583}
.pj-stage-track .is-current{background:#D4AF6A;color:#0A1F1A}
.pj-stage-track .is-current b,.pj-stage-track .is-done b{outline:0!important}
.pj-stage-tick{width:12px!important;height:12px!important;fill:none;stroke:currentColor!important;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pj-stage-track span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Stage tracker contrast: the active step is always readable, regardless of its status colour. */
.pj-stage-track li{color:#F3F1EC!important;background:#16302a!important}
.pj-stage-track .is-done:not(.is-current){background:#25483d!important;color:#EAF5EF!important}
.pj-stage-track .is-done:not(.is-current) .pj-stage-tick{stroke:#7FE0AD!important}
.pj-stage-track .is-current{background:#D4AF6A!important;color:#0A1F1A!important;text-shadow:none!important}
.pj-stage-track .is-current .pj-stage-tick{stroke:#0A1F1A!important}
/* clock 1.5x */
.pj-tldr::before{background-size:48px}
@media(max-width:640px){.pj-stage-track{flex-basis:100%!important;max-width:100%!important}.pj-stage-track li{font-size:11px;padding:9px 14px 9px 20px}.pj-tldr::before{background-size:40px}}
