/* увеличение фото */
.pp-main.zc-lb #pimg{cursor:zoom-in}
.pp-main .pp-nav,.pp-main .zf{z-index:2}
.zf{position:absolute;right:.75rem;bottom:.75rem;width:40px;height:40px;border-radius:999px;background:oklch(1 0 0 / .9);border:1px solid var(--color-border);display:grid;place-items:center;color:var(--color-text);transition:opacity .15s}
.zf:hover{background:#fff;border-color:var(--color-text)}
.zf[hidden]{display:none}
.zh{margin:calc(-1 * var(--space-1)) 0 0;font-size:.8rem;color:var(--color-text-muted)}
.zh[hidden]{display:none}

html.zb-lock{overflow:hidden}
.zb{position:fixed;inset:0;z-index:1000;background:oklch(0.98 0.003 90);display:grid;grid-template-rows:auto 1fr auto auto;color:var(--color-text)}
.zb[hidden]{display:none}
.zb-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.zb-cap{font-size:.95rem;font-weight:600}
.zb-x{width:44px;height:44px;border-radius:999px;border:1px solid var(--color-border);background:#fff;display:grid;place-items:center}
.zb-x:hover{border-color:var(--color-text)}
.zb-stage{position:relative;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;min-height:0;padding:0 .5rem}
.zb-view{position:relative;height:100%;min-height:0;overflow:hidden;touch-action:pan-y}
.zb-view.on{touch-action:none}
.zb-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:transform .2s}
.zb-view.on img{transform:scale(2.5);cursor:zoom-out;transition:none}
.zb-nav{width:48px;height:48px;border-radius:999px;border:1px solid var(--color-border);background:#fff;display:grid;place-items:center;justify-self:center}
.zb-nav:hover{border-color:var(--color-text)}
.zb-nav[hidden]{visibility:hidden;display:grid}
.zb-thumbs{display:flex;justify-content:center;gap:var(--space-2);padding:.75rem 1rem 0;overflow-x:auto}
.zb-thumbs:empty{display:none}
.zb-thumbs button{flex:0 0 64px;height:64px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;padding:4px}
.zb-thumbs button img{width:100%;height:100%;object-fit:contain}
.zb-thumbs button[aria-pressed=true]{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text)}
.zb-tip{margin:0;padding:.5rem 1rem .9rem;text-align:center;font-size:.8rem;color:var(--color-text-muted)}
@media (max-width:640px){
  .zb-stage{grid-template-columns:1fr;padding:0}
  .zb-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:40px;height:40px;background:oklch(1 0 0 / .85)}
  .zb-prev{left:.5rem}.zb-next{right:.5rem}
  .zb-thumbs button{flex-basis:52px;height:52px}
}