/* v1.2.7 – skeleton HTML inserted into the dynamic container */
.vcp-skeleton{ display:grid; gap:12px; }
.vcp-skel{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:rgba(0,0,0,0.08);
}
.vcp-skel::after{
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:60%; height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  animation: vcp-shimmer 1.1s infinite;
}
.vcp-skel--title{ height:28px; width:70%; }
.vcp-skel--line{ height:14px; width:100%; }
.vcp-skel--short{ width:55%; }
.vcp-skel--image{ height:220px; width:100%; border-radius:16px; }
.vcp-skel--btn{ height:44px; border-radius:999px; width:180px; justify-self:start; }

@keyframes vcp-shimmer{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(260%); }
}
@media (prefers-reduced-motion: reduce){
  .vcp-skel::after{ animation:none; }
}