.piv-inserted-wrapper{width:45vw;max-width:100%;margin:0;padding:0}.piv-wrapper{display:flex;gap:20px;align-items:flex-start}.piv-thumb-col{display:flex;flex-direction:column;align-items:center;gap:15px;flex:0 0 var(--piv-thumb-col-width)}.piv-thumb-strip{display:flex;flex-direction:column;gap:var(--piv-thumb-gap)}.piv-thumb{width:var(--piv-thumb-size);height:var(--piv-thumb-size);border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:var(--piv-shadow-soft)}.piv-thumb img{width:100%;height:100%;object-fit:contain;padding:2px}.piv-thumb.active{border-color:var(--piv-accent);box-shadow:0 0 0 1px var(--piv-accent),var(--piv-shadow-hover);transform:translateY(-2px)}.piv-arrow{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;transition:all .2s;box-shadow:var(--piv-shadow-soft);color:#888;font-size:18px}.piv-arrow:hover{color:var(--piv-accent);box-shadow:var(--piv-shadow-hover);transform:scale(1.05)}.piv-mockup-card{background:var(--piv-bg-card);border-radius:0;padding:0;box-shadow:none;border:none;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.piv-main-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;cursor:zoom-in}@media (max-width:768px){.piv-inserted-wrapper{width:100%}.piv-wrapper{flex-direction:column;align-items:center}.piv-thumb-col{order:2;flex-direction:row;width:100%;justify-content:center}.piv-thumb-strip{flex-direction:row}.piv-arrow{display:none}}