/* 숏클립 */
.shorts-clip-list {display: flex; align-items: flex-start; gap: 60px 20px; flex-wrap: wrap;}

.shorts-clip-list.col-3 > * {width: calc((100% - 40px) / 3);}
.shorts-clip-list.col-5 > * {width: calc((100% - 80px) / 5);}

.shorts-clip-card {width: 100%;}
.shorts-clip-product {}
.shorts-video-ct {position: relative;}
.shorts-info {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; padding: 16px;}
.shorts-info-l {display: flex; align-items: flex-start; gap: 4px;}
.shorts-info .rank {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 5px; background-color: var(--black-color); font-weight: 500; font-size: 16px; color: var(--white-color);}
.shorts-info .type {display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; color: var(--white-color); border-radius: 2px; background-color: #CD006A; padding: 1.5px 6px;}
.shorts-info-r {}
.shorts-info .hits {display: flex; align-items: center; gap: 3px; font-weight: 500; font-size: 13px; color: var(--white-color); border-radius: 12px; background-color: rgba(0,0,0,0.4); padding: 2px 7px;}
.shorts-video {position: relative; width: 100%; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden;}
.shorts-video iframe {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.shorts-clip-link {font-weight: 500; font-size: 16px; color: var(--black-color); margin: 10px 0 15px; display: block; white-space: normal; overflow: hidden; line-height: 1.4; min-height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.related-product {}
.related-product-item {}
.related-product-top {display: flex; align-items: center; padding-bottom: 5px;}
.related-product-company {font-weight: 500; font-size: 12px; color: var(--text-gray); border-radius: 2px; border: 1px solid var(--line-color2); padding: 0 6px;}
.related-product-ct {display: flex; align-items: center; gap: 8px;}
.related-product-thumb {width: 50px; aspect-ratio: 1 / 1; border-radius: 2px; overflow: hidden;}
.product-info {width: calc(100% - 58px);}
.product-info .name {font-weight: 500; font-size: 13px; color: var(--black-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-info .price-row {display: flex; align-items: center; gap: 8px; line-height: 1; margin-top: 3px;}
.product-info .discount-rate {font-weight: 700; font-size: 15px; color: #FC1616; display: flex; align-items: center; gap: 3px;}
.product-info .price {font-weight: 700; font-size: 17px; color: var(--black-color);}
.product-info .shipping {display: flex; align-items: center; gap: 3px; font-weight: 500; font-size: 11px; color: #9B9B9B; line-height: 1; margin-top: 2px;}
.product-info .shipping i {font-size: 15px;}

/* 상품 */
.product-list {display: flex; align-items: flex-start; gap: 60px 20px; flex-wrap: wrap;}

.product-list.col-3 > * {width: calc((100% - 40px) / 3);}
.product-list.col-5 > * {width: calc((100% - 80px) / 5);}

.product-card {}
.product-thumb-ct {position: relative;}
.product-rank {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 5px; background-color: var(--black-color); font-weight: 500; font-size: 16px; color: var(--white-color); position: absolute; top: 14px; left: 10px; z-index: 2;}
.product-thumb {aspect-ratio: 1 / 1;}
.product-thumb img {object-fit: cover;}
.product-card .product-info {width: 100%; padding-top: 10px;}
.product-card .product-info .name {font-weight: 500; font-size: 16px; white-space: normal; overflow: hidden; line-height: 1.4; max-height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-card .product-info .price-row {margin-top: 10px;}