.pg{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pg__item{padding:0;border:0;background:#ece8e1;border-radius:10px;overflow:hidden;cursor:zoom-in;aspect-ratio:3/4}.pg__item,.pg__item img{display:block;width:100%}.pg__item img{height:100%;object-fit:cover}.pg__box{position:fixed;inset:0;z-index:1000;background:rgba(70,53,46,.94);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.pg__big{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.pg__count{top:max(14px,env(safe-area-inset-top));left:16px;font-size:14px}.pg__btn,.pg__count{position:absolute;color:#f7f4ed}.pg__btn{min-width:48px;min-height:48px;border:0;border-radius:50%;background:rgba(247,244,237,.16);font-size:26px;cursor:pointer}.pg__btn:focus-visible,.pg__btn:hover{background:rgba(247,244,237,.3)}.pg__close{top:max(8px,env(safe-area-inset-top));right:10px;font-size:20px}.pg__prev{left:10px}.pg__next,.pg__prev{top:50%;transform:translateY(-50%)}.pg__next{right:10px}@media (prefers-reduced-motion:no-preference){.pg__box{animation:pg-in .2s ease-out}@keyframes pg-in{0%{opacity:0}}}