.pcard .ph .badges{z-index:3}
.pcard .ph{touch-action:pan-y}   /* горизонтальный свайп по фото отдаём листанию, вертикальный — прокрутке страницы */
.pc-track img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.pc-track{position:absolute;inset:0;display:flex;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.pc-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block}
.pc-nav{position:absolute;top:50%;z-index:3;width:34px;height:34px;margin-top:-17px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0C1E26;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px -6px rgba(12,30,38,.45);opacity:0;transform:scale(.85);transition:opacity .22s,transform .22s,background .2s}
.pc-nav svg{width:16px;height:16px}
.pc-nav:hover{background:#fff}
.pc-prev{left:10px}.pc-next{right:10px}
.pcard:hover .pc-nav,.pc-nav:focus-visible{opacity:1;transform:none}
.pc-nav[hidden]{display:none}
.pc-dots{position:absolute;left:50%;bottom:10px;z-index:3;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:rgba(12,30,38,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.pc-dots.in{opacity:1}
.pc-dots i{display:block;width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.55);transition:width .3s,background .3s,transform .3s}
.pc-dots i.on{width:16px;background:#fff}
.pc-dots i.sm{transform:scale(.6)}
@media (hover:none){.pc-nav{display:none}}
@media (prefers-reduced-motion:reduce){.pc-track,.pc-nav,.pc-dots i{transition:none}}
