/* BASIC css start */
/* ¹è°æ */
.svShortsBg{
  width:100vw;
  margin-left:calc(50% - 50vw);
  background:#f4f4f4;
}

/* ·¹À̾ƿô */
.svShorts__inner{
  max-width:1800px;
  margin:0 auto;
  padding:40px 0;
  margin-bottom:100px;
}

.svShorts__title{
  text-align:center;
  font-size:34px;
  font-weight:700;
  margin-bottom:40px;
}

/* ½½¶óÀÌ´õ */
.svShorts__frame{
  display:flex;
  align-items:center;
  gap:14px;
}

.svViewport{ overflow:hidden; width:100%; }
.svTrack{
  display:flex;
  gap:28px;
  padding:0 20px;
  transition:transform .32s ease;
}

.svSlide{
  width:340px;
  opacity:.35;
  transform:scale(.96);
  transition:.25s;
}
.svSlide.is-active{
  opacity:1;
  transform:scale(1);
}

/* ¿µ»ó */
.svVideoStage{
  position:relative;
  aspect-ratio:9/16;
  background:#e9e9e9;
  border-radius:26px;
  overflow:hidden;
}
.svIframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.svGestureLayer{
  position:absolute;
  inset:0;
  cursor:grab;
  z-index:5;
}

/* »óÇ° ¹Ú½º */
.svInfoBox{
  position:absolute;
  left:16px; right:16px; bottom:16px;
  display:flex;
  gap:12px;
  background:rgba(255,255,255,.92);
  border-radius:12px;
  padding:12px;
  text-decoration:none;
  color:#111;
  z-index:6;
}

.svInfoBox__thumb{
  width:46px;
  height:46px;
  border-radius:10px;
  overflow:hidden;
}
.svInfoBox__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.svInfoBox__name{
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.svInfoBox__priceRow{
  margin-top:6px;
  display:flex;
  gap:8px;
}
.svInfoBox__origin{
  font-size:12px;
  color:#999;
  text-decoration:line-through;
}
.svInfoBox__rate{
  font-size:12px;
  font-weight:900;
  color:#e24444;
}
.svInfoBox__sale{
  font-size:14px;
  font-weight:900;
}

/* ³×ºñ ¹öÆ° */
.svNav{
  width:48px;
  height:48px;
  background:transparent no-repeat center/contain;
  border:0;
  cursor:pointer;
}
.svNav--prev{ background-image:url("http://cushionstory.jpg3.kr/2026/index/short/btn_prev.png"); }
.svNav--next{ background-image:url("http://cushionstory.jpg3.kr/2026/index/short/btn_next.png"); }

/* ¸ð¹ÙÀÏ */
@media(max-width:900px){
  .svSlide{ width:260px; }
  .svShorts__title{ font-size:22px; }
}

/* BASIC css end */