.prk-loop-placeholder-preview{
  --prk-lpp-base:#f3f4f6;
  --prk-lpp-highlight:#e9eaee;
  --prk-lpp-part-base:var(--prk-lpp-base);
  --prk-lpp-duration:1.4s;
  box-sizing:border-box;
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:220px;
  gap:12px;
  padding:12px;
  overflow:hidden;
  border:1px solid #f0f0f1;
  border-radius:16px;
  background:#fff;
}
.prk-loop-placeholder-preview *,
.prk-loop-placeholder-preview *::before,
.prk-loop-placeholder-preview *::after{
  box-sizing:border-box;
}
.prk-loop-placeholder-preview__media-wrap{
  position:relative;
  display:flex;
  width:100%;
  min-width:0;
}
.prk-loop-placeholder-preview__content{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  width:100%;
  min-width:0;
  gap:10px;
}
.prk-loop-placeholder-preview__footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-width:0;
  gap:10px;
  margin-top:auto;
}
.prk-loop-placeholder-preview__part{
  position:relative;
  display:block;
  flex:0 0 auto;
  max-width:100%;
  overflow:hidden;
  border-radius:10px;
  background:var(--prk-lpp-part-base, var(--prk-lpp-base));
}
.prk-loop-placeholder-preview__media{
  width:100%;
  height:150px;
  border-radius:14px;
}
.prk-loop-placeholder-preview__badge{
  position:absolute;
  z-index:2;
  top:10px;
  inset-inline-start:10px;
  width:52px;
  height:24px;
  border-radius:999px;
}
.prk-loop-placeholder-preview__title-line{
  width:78%;
  height:18px;
}
.prk-loop-placeholder-preview__line{
  width:92%;
  height:14px;
}
.prk-loop-placeholder-preview__line--2{width:86%;}
.prk-loop-placeholder-preview__line--3{width:72%;}
.prk-loop-placeholder-preview__line--4{width:64%;}
.prk-loop-placeholder-preview__line--5{width:56%;}
.prk-loop-placeholder-preview__line--6{width:48%;}
.prk-loop-placeholder-preview__meta-line{
  width:52%;
  height:14px;
}
.prk-loop-placeholder-preview__price-line{
  width:38%;
  height:18px;
  margin-inline-start:auto;
}
.prk-loop-placeholder-preview__button-line{
  width:44%;
  height:38px;
  border-radius:12px;
}
.prk-loop-placeholder-preview--compact{
  min-height:150px;
}
.prk-loop-placeholder-preview--compact .prk-loop-placeholder-preview__media{
  height:100px;
}
.prk-loop-placeholder-preview--minimal{
  min-height:96px;
  padding:0;
  border:0;
  background:transparent;
}
.prk-loop-placeholder-preview--minimal .prk-loop-placeholder-preview__media{
  height:90px;
}
.prk-loop-placeholder-preview[data-prk-preview-animation="yes"][data-prk-preview-animation-type="shimmer"] .prk-loop-placeholder-preview__part{
  background-image:linear-gradient(90deg,var(--prk-lpp-part-base, var(--prk-lpp-base)) 25%,var(--prk-lpp-highlight) 37%,var(--prk-lpp-part-base, var(--prk-lpp-base)) 63%);
  background-size:400% 100%;
  animation:prkLoopPlaceholderPreviewShimmer var(--prk-lpp-duration) ease infinite;
}
.prk-loop-placeholder-preview[data-prk-preview-animation="yes"][data-prk-preview-animation-type="shimmer"][data-prk-preview-animation-direction="ltr"] .prk-loop-placeholder-preview__part{
  animation-name:prkLoopPlaceholderPreviewShimmerReverse;
}
.prk-loop-placeholder-preview[data-prk-preview-animation="yes"][data-prk-preview-animation-type="pulse"] .prk-loop-placeholder-preview__part{
  animation:prkLoopPlaceholderPreviewPulse var(--prk-lpp-duration) ease-in-out infinite;
}
.prk-loop-placeholder-preview[data-prk-preview-animation="yes"][data-prk-preview-pause-on-hover="yes"]:hover .prk-loop-placeholder-preview__part{
  animation-play-state:paused;
}
@keyframes prkLoopPlaceholderPreviewShimmer{
  0%{background-position:100% 0;}
  100%{background-position:0 0;}
}
@keyframes prkLoopPlaceholderPreviewShimmerReverse{
  0%{background-position:0 0;}
  100%{background-position:100% 0;}
}
@keyframes prkLoopPlaceholderPreviewPulse{
  0%,100%{opacity:1;}
  50%{opacity:.56;}
}
@media (max-width:767px){
  .prk-loop-placeholder-preview{
    min-height:180px;
  }
  .prk-loop-placeholder-preview__media{
    height:120px;
  }
}