/* ======= четвёртый список правок 2026-10-16 ======= */

/* промо в мобильном меню: ссылка, прижатая к кнопке внизу панели */
.pn-mob-promo{
  display:block;flex:none;margin:0 16px 10px;padding:13px 14px;border-radius:14px;text-decoration:none;
  background:linear-gradient(165deg,rgba(255,85,0,.22),rgba(255,255,255,.05));
  box-shadow:inset 0 0 0 1px rgba(255,85,0,.42);
}
.pn-mob-promo strong{font-size:17px}
.pn-mob-promo span{color:rgba(255,255,255,.76);font-size:12.5px}
@media(max-height:660px){.pn-mob-promo{padding:11px 13px}.pn-mob-promo span{display:none}}

/* меню по вертикали ровно по центру: Beer вешает на <nav> margin-top:1rem,
   и центрирование считалось по margin-box - пункты уезжали на 8 px вниз */
@media(min-width:1024px){
  .pn-nav:not(#x){margin:0;align-self:center}
  .pn-nav > ul:not(#x){align-items:center;align-self:center}
  .pn-nav > ul > li:not(#x){align-items:center;align-self:center}
}

/* оффер-карточка: картинка видна целиком, в край карточки, с мягким низом */
.pn-ac--offer{padding-top:14px}
.pn-ac--offer img{
  position:static;display:block;width:calc(100% + 28px);height:auto;max-width:none;
  margin:-14px -14px 12px;object-fit:contain;opacity:1;border-radius:18px 18px 0 0;
  -webkit-mask-image:linear-gradient(180deg,#000 68%,rgba(0,0,0,.4) 90%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(180deg,#000 68%,rgba(0,0,0,.4) 90%,rgba(0,0,0,0) 100%);
}
.pn-ac--offer::after{background:linear-gradient(180deg,rgba(5,22,43,0) 0%,rgba(5,22,43,.35) 42%,var(--navy-3) 72%)}

/* картинка со свечением: высота по содержимому, подпись сразу под артом */
.pn-fig--glow:not(#x){height:auto;align-self:center;gap:12px}
.pn-fig--glow img:not(#x){flex:0 0 auto;height:auto;max-height:420px;object-fit:contain}
.pn-fig--glow::before{inset:-6% -8% 22%}

/* заголовки колонок футера: отступ до списка */
.pn-foot-top h3:not(#x){margin:0 0 12px}
.pn-foot-top > div + div{margin-top:2px}