/* Section 01 */
.sposix-festival-2026 .section_01 .title{
  top: 27.4%; left: 0.0%; width: 97.3%; height: 21.2%; 
  transform: translate(-50px, 50px);
  opacity : 0;
    transition:
    transform 0.58s cubic-bezier(0.18, 0.9, 0.24, 1),
    opacity 0.36s ease-out;
}

.sposix-festival-2026 .section_01 .title.active{
  opacity : 1;
  transform: translate(0, 0);
}

.sposix-festival-2026 .section_01 .benefit-container{
  left: 7.1%; width: 86.0%; height: 8.2%; 
}

.sposix-festival-2026 .section_01 .benefit-container .benefit-object{
  opacity : 0;
  transform: translate3d(42px, 0, 0);
  transition:
    transform 0.58s cubic-bezier(0.18, 0.9, 0.24, 1),
    opacity 0.36s ease-out;
}

.sposix-festival-2026 .section_01 .benefit-container.active .benefit-object{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.sposix-festival-2026 .section_01 .benefit-container-01{
  top: 60.1%;
}

.sposix-festival-2026 .section_01 .benefit-container-01 .benefit-object-01{
  top: 30.9%; left: 66.6%; width: 32.0%; height: 69.1%;
}

.sposix-festival-2026 .section_01 .benefit-container-02{
  top: 69.4%;
}

.sposix-festival-2026 .section_01 .benefit-container-02 .benefit-object-02{
  top: 30.9%; left: 77.2%; width: 19.4%; height: 69.1%; 
}

.sposix-festival-2026 .section_01 .benefit-container-03{
  top: 78.6%;
}

.sposix-festival-2026 .section_01 .benefit-container-03 .benefit-object-03{
  top: 19.9%; left: 73.0%; width: 21.2%; height: 80.1%;
}

.sposix-festival-2026 .section_01 .benefit-container-04{
  top: 87.9%;
}

.sposix-festival-2026 .section_01 .benefit-container-04 .benefit-object-04{
  top: 30.2%; left: 73.4%; width: 20.9%; height: 69.8%;
}

/* Section 02 */
.sposix-festival-2026 .section_02 .coupon{
  top: 19.9%; width: 29.2%; height: 12.5%; 
}

.sposix-festival-2026 .section_02 .coupon-01{
  left: 4.9%;
}

.sposix-festival-2026 .section_02 .coupon-02{
  left: 35.5%;
}

.sposix-festival-2026 .section_02 .coupon-03{
  left: 66.0%; 
}

.sposix-festival-2026 .section_02 .download{
  top: 35.9%; left: 20.1%; width: 59.8%; height: 4.8%; 
}

.sposix-festival-2026 .section_02 .download:hover{
  filter: drop-shadow(0 0 10px #caff56);
}

/* Section 03 */
.sposix-festival-2026 .section_03 .tag{
  top: 17.9%; left: 77.1%; width: 15.5%; height: 9.6%; 
}

.sposix-festival-2026 .section_03 .buy-btn{
  top: 76.9%; left: 20.0%; width: 59.8%; height: 8.2%;
}

/* Section 03 Swiper */
.sposix-festival-2026 .section_03 .sposix-festival-products{
  position : absolute;
  top: 34.0%; left: 4.5%; width: 91.1%; height: 38.4%; 
  overflow : hidden;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .swiper-wrapper{
  height : 100%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .swiper-slide{
  height : 100%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card{
  position : relative;
  display : block;
  width : 100%;
  height : 100%;
  border-radius: clamp(8px, 1.667vw, 20px);
  background : #fff;
  box-shadow : 0 8px 18px rgba(69,39,0,0.06);
  overflow : hidden;
  cursor : default;
  pointer-events: none;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-date{
  display : flex;
  align-items : center;
  justify-content : center;
  height : 14.3%;
  color : #c2ff3f; 
  font-family: "Pretendard Variable", Pretendard;
  font-size: clamp(13px, 3.56vw, 40px);
  font-weight : 700;
  letter-spacing : -0.04em;
  text-align : center;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card.active .product-card-date{
  background : linear-gradient(to right, #0046ff, #0911bb )
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card.muted .product-card-date{
  background : #2b3561;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body{
  position : relative;
  height : calc(100% - 14.3%);
  padding : 0;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-image{
  position : absolute;
  display : flex;
  align-items : center;
  justify-content : center;
  background : #fff;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-image img{
  display : block;
  width : auto;
  max-width : 100%;
  height : 100%;
  max-height : 100%;
  object-fit : contain;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-image img[src*="no-image"]{
  width : 76%;
  height : auto;
  max-height: 76%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-vitamin{
  top: 10.2%; left: 14.2%; width: 81.2%; height: 39.5%; 
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-booster-gel{
  top: 13.8%; left: 3.1%; width: 91.7%; height: 35.6%; 
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-hydration-water-mix{
  top: 11.6%; left: 17.9%; width: 70.1%; height: 38.6%;  
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-energy-gel{
  top: 8.7%; left: 16.8%; width: 69.2%; height: 43.1%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-revital-drink{
  top: 13.4%; left: 4.3%; width: 90.3%; height: 36.2%; 
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-clear-shot{
  top: 8.8%; left: 15.4%; width: 60.4%; height: 42.6%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-active-joint{
  top: 11.3%; left: 9.7%; width: 93.2%; height: 40.9%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-energy-gel-pro{
  top: 8.3%; left: 14.8%; width: 71.2%; height: 43.3%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-protein{
  top: 12.0%; left: 7.4%; width: 84.9%; height: 39.7%; 
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-arginine-booster{
  top: 9.1%; left: 12.5%; width: 60.4%; height: 42.2%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-img-fat-burning{
  top: 2.8%; left: 17.7%; width: 67.2%; height: 48.6%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-copy{
  position : absolute;
  display : flex;
  flex-direction : column;
  align-items: center;
  text-align : center;
  top: 58.7%; left: 0.0%; width: 100.0%; height: 16.5%; 
  gap : clamp(3px, 0.42vw, 16px);
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-copy .product-card-name{
  display: -webkit-box;
  font-family: "Pretendard Variable", Pretendard;
  font-size: clamp(10px, 2.34vw, 33px);
  white-space : pre;
  color : #000;
  letter-spacing: -0.03em;
  line-height : 1;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-copy .product-card-spec{
  font-family: "Pretendard Variable", Pretendard;
  font-weight : 600;
  font-size: clamp(10px, 1.667vw, 18px);
  letter-spacing: -0.03em;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price{
  position : absolute;
  display : flex;
  flex-direction : column;
  align-items : center;
  top: 81.5%; left: 10.3%; width: 78.9%; height: 13.1%; 
  gap : 5px;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-original,
.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-sale{
  width : 100%;
  display : flex;
  gap : clamp(3px , 1.35vw ,26px);
  align-items : center;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-original{
  height : 33.7%;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-original .product-card-original-label{
  background-color : #a0a0a0;
  font-family: "Pretendard Variable", Pretendard;
  font-size: clamp(8px, 1.23vw, 23px);
  font-weight : 700;
  color : #fff;
  border-radius: clamp(3px, 0.42vw, 8px);
  width: 33.6%; 
  height : 100%;
  display : flex;
  justify-content : center;
  align-items : center;
  white-space : nowrap;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-original .product-card-original-value{
  font-family: "Pretendard Variable", Pretendard;
  font-size: clamp(10px, 1.23vw, 23px);
  color : #000;
  font-weight : 700;
  text-decoration : line-through;
  text-decoration-thickness: 1px;
  text-decoration-skip : none;
  white-space : nowrap;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-sale{
  height: 59.0%; 
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-sale .product-card-sale-label{
  background-color : #0033f0;
  font-family: "Pretendard Variable", Pretendard;
  font-size: clamp(12px, 1.667vw, 30px);
  color : #fff;
  border-radius: clamp(3px, 0.42vw, 8px);
  text-align : center;
  width : 33.6%;
  height : 100%;
  display : flex;
  justify-content : center;
  align-items : center;
  font-weight : 700;
  white-space : nowrap;
}

.sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-sale .product-card-sale-value{
  font-family: "Pretendard Variable", Pretendard;
  color : #0033f0;
  font-size: clamp(12px, 2.34vw, 45px);
  font-weight : 900;
  letter-spacing : -0.05em;
  white-space : nowrap;
}

@media (min-width : 1200px){
  .sposix-festival-2026 .section_03 .sposix-festival-products .product-card .product-card-body .product-card-price .product-card-sale .product-card-sale-label{
    min-width : 93px;
  }
}