.pg-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .2s ease;z-index:10;opacity:0}.pg-main:hover .pg-nav{opacity:1}.pg-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.pg-nav--prev{left:12px}.pg-nav--next{right:12px}.pg-nav svg{width:18px;height:18px;stroke:#333;stroke-width:2;fill:none}.pg-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.pg-thumbs::-webkit-scrollbar{display:none}.pg-thumb{flex:0 0 auto;width:70px;height:70px;background:#fff;border-radius:6px;cursor:pointer;overflow:hidden;border:2px solid transparent;transition:border-color .2s ease,transform .2s ease;padding:6px}.pg-thumb:hover{transform:translateY(-2px)}.pg-thumb.active{border-color:#333}.pg-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}@media (max-width:768px){.pg-nav{width:36px;height:36px;opacity:1}.pg-nav--prev{left:8px}.pg-nav--next{right:8px}.pg-thumb{width:60px;height:60px}}@media (max-width:480px){.pg-thumb{width:52px;height:52px;padding:4px}.pg-thumbs{gap:8px}}