/* ======= правки по второму списку 2026-10-16 ======= */

/* кнопка «Más» стоит вплотную за пунктами меню, а не у правого края пустого nav */
@media(min-width:1024px){
  .pn-nav:not(#x){display:flex;align-items:center;gap:2px}
  .pn-nav > ul:not(#x){flex:0 1 auto;min-width:0}
  .pn-more{flex:none;align-self:center}
}
.pn-more-b{font-size:15px;font-weight:600;line-height:1.2;padding:8px 12px}

/* касса: ряд платёжных логотипов в одну строку и мельче */
@media(min-width:620px){.pn-logos--pay{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){
  .pn-logos--pay{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
  .pn-logos--pay .pn-lg{height:54px;padding:8px 9px}
}

/* плитки кассы компактнее */
.pn-pay li{padding:10px 12px;gap:0 9px;grid-template-columns:28px minmax(0,1fr)}
.pn-pay svg{width:21px;height:21px}
.pn-pay b{font-size:13.5px}
.pn-pay span{font-size:12px;line-height:1.4}
/* базовое правило задано как .pn-pay:not(#x), поэтому колонки тоже через :not(#x) */
@media(min-width:620px){.pn-pay:not(#x){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(min-width:900px){.pn-pay:not(#x){grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}

/* таймлайн: кружок и линия на одной оси, линия доходит до следующего кружка */
.pn-tl li{padding:0 0 22px 44px}
.pn-tl li::before{
  width:28px;height:28px;top:-1px;
  box-shadow:0 0 0 4px var(--page);
}
.pn-tl li::after{left:13px;width:2px;top:29px;bottom:-3px;background:var(--line)}
.pn-dark .pn-tl li::before{box-shadow:0 0 0 4px var(--navy-3)}
.pn-dark .pn-tl li::after{background:rgba(255,255,255,.22)}

/* подпись автора — тёмная полоса, сросшаяся с футером */
.pn-authband{background:var(--navy-3);padding-top:22px}
.pn-auth:not(#x){
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0;padding:0 0 18px;
  border:0;border-radius:0;background:transparent;border-bottom:1px solid rgba(255,255,255,.12);
}
.pn-auth-ic{width:38px;height:38px;background:rgba(255,255,255,.1)}
.pn-auth-ic svg{width:19px;height:19px;fill:var(--gold)}
.pn-auth-n{flex:1 1 220px}
.pn-auth-n b{font-size:14.5px;color:#fff}
.pn-auth-n b a{color:#fff}
.pn-auth-n span{font-size:12.5px;color:rgba(255,255,255,.6)}
.pn-auth-d{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:rgba(255,255,255,.6)}
.pn-auth-x{flex:1 1 100%;font-size:12px;color:rgba(255,255,255,.52)}
.pn-foot{margin-top:0;padding-top:20px}

/* финальный CTA на баннере: фон-картинка, текст и кнопки поверх затемнённого центра */
.pn-final--art{background:var(--navy-3);padding:30px 18px 28px}
@media(min-width:768px){.pn-final--art{padding:40px 32px 36px}}
.pn-final-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 46%;opacity:.95;border-radius:inherit}
.pn-final--art::after{
  background:
    radial-gradient(58% 62% at 50% 62%,rgba(5,22,43,.92),rgba(5,22,43,.34) 78%,transparent 100%),
    linear-gradient(180deg,rgba(5,22,43,.72) 0%,rgba(5,22,43,.3) 34%,rgba(5,22,43,.78) 100%);
}
.pn-final--art h2,.pn-final--art p{text-shadow:0 2px 14px rgba(3,12,26,.75)}
