@charset "utf-8";
/* ========================= */
/* Recommend Product API */
/* ========================= */

/* 처음 진입시 PDP화면을 보지 않고 기획전으로 갔을 경우 기본적으로 display'none' 설정  */
.c-product--category-recommend__wrap{
	display: none;
}

.event-benefit-template .c-product_recommend_item {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    transition: transform 0.3s ease;
}

.event-benefit-template .c-product_recommend_item > span[data-prdvalue] > a {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.event-benefit-template .c-product_recommend_item > span[data-prdvalue] > a:focus-visible {
    outline-offset: -4px;
}

.event-benefit-template .c-product_recommend_item--loading .c-product__image-wrapper,
.event-benefit-template .c-product_recommend_item--loading .c-product__brand-name,
.event-benefit-template .c-product_recommend_item--loading .c-product__name,
.event-benefit-template .c-product_recommend_item--loading .c-product__model-id {
    color: transparent;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200px 100%;
    border-radius: 4px;
    animation: skeleton-gradient 3s infinite linear alternate;
}

.event-benefit-template .c-product_recommend_item--loading .c-product__brand-name {
    width: 80%;
    height: 18px;
}

.event-benefit-template .c-product_recommend_item--loading .c-product__name {
    width: 80%;
    height: 22px;
}

.event-benefit-template .c-product_recommend_item--loading .c-product__model-id {
    width: 50%;
    height: 18px;
}

.event-benefit-template .c-c-product_recommend_item--sold-out {
    position: relative;
}

.event-benefit-template .c-c-product_recommend_item--sold-out > span > a {
    pointer-events: none;
}

.event-benefit-template .c-c-product_recommend_item--sold-out .c-product__visual::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    letter-spacing: -0.2px;
    content: "일시품절";
    background-color: rgba(0, 0, 0, 0.5);
}

.event-benefit-template .c-c-product_recommend_item--sold-out .c-product__sold-out-icon {
    display: block;
}

.event-benefit-template .c-c-product_recommend_item--sold-out .c-product__price-item--member,
.event-benefit-template .c-c-product_recommend_item--sold-out .c-product__price-item--original {
    opacity: 0.2;
}
.event-benefit-template .c-c-product_recommend_item--sold-out .c-product__price-item--final,
.event-benefit-template .c-c-product_recommend_item--sold-out .c-product__badge-container {
    opacity: 0.3;
}

/* 장바구니 버튼 추가 부분 */
.event-benefit-template .c-product_recommend_item .c-product__btn--add-cart{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}
.event-benefit-template .c-product_recommend_item .c-product__btn--add-cart > *{
    flex: 1;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 20px;
}
.event-benefit-template .c-product_recommend_item .c-product__btn--add-cart .c-button--add-cart{
    border: solid 1px #8F9298;
}
.event-benefit-template .c-product_recommend_item .c-product__btn--add-cart .c-button--add-cart:before{
    content: '';
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-image: url(/lg5-common/images/icons/btn-cart-24-black.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.c-button__icon--cart {
    background-image: url(/lg5-common/images/icons/btn-cart-24-black.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .c-product_recommend_item--loading .c-product__brand-name {
        height: calc(11 / 390 * 100vw * 1.636);
    }

    .event-benefit-template .c-product_recommend_item--loading .c-product__name {
        height: calc(44 / 390 * 100vw);
    }

    .event-benefit-template .c-product_recommend_item--loading .c-product__model-id {
        height: calc(18 / 390 * 100vw);
    }

    .event-benefit-template .c-c-product_recommend_item--sold-out .c-product__visual::after {
        font-size: calc(16 / 390 * 100vw);
    }
  
  	/* 장바구니 버튼 추가 부분 */
    .event-benefit-template .c-product_recommend_item .c-product__btn--add-cart{
        gap: calc(4 / 390 * 100vw);
        margin-top: calc(8 / 390 * 100vw);
    }
    .event-benefit-template .c-product_recommend_item .c-product__btn--add-cart > *{
        padding: calc(6 / 390 * 100vw) calc(20 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
    }
    .event-benefit-template .c-product_recommend_item .c-product__btn--add-cart .c-button--add-cart:before{
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
/* // 기본 형태 - PC : 작은 세로형, MO : 작은 세로형 */