/* 공통 */

/* gt.yang : 접근성 대응 */
.c-swiper.c-swiper {
    &:has(.swiper-container[tabindex="0"]):focus-within {
        outline: 3px solid var(--primary-active-red);
        outline-offset: 2px;
    }
}
/* // gt.yang : 접근성 대응 */

.event-benefit-template {
    .c-product__image-wrapper{
        aspect-ratio: unset;
    }
    .gray-mode{
        &, &.c-title.c-title--image, .c-tab .c-tab__inner{background: #EFF0F2;}
        .c-product__item{
            background: transparent;
            .c-product__visual{
                background-color: #fff;
            }
        }
        .c-product__list--thumnail-custom-vertical .c-product__info-container{background-color: #fff;}
    }
}
.c-tab--2depth.c-tab--2depth-type01 {
    .c-custom-scrollbar.c-custom-scrollbar{padding:0;}
    .c-tab__button {padding-inline:0 ;}    
}
.c-tab--3depth-custom{
    margin-top: calc(-12 * var(--ratio));
}
.c-button__icon--arrow-right-white{
    width: calc(16 * var(--ratio));
    height: calc(16 * var(--ratio));
    background: url('/kr/event/2026/04/19_lg_days/images/icon_arrow_right_white.svg') no-repeat center / cover;
}
.c-title.c-title--image{
    position: relative;
    margin:0 auto calc(8 * var(--ratio));
    background: #fff;
}
.summery-banefits__list{
    display: flex;
    gap:calc(10 * var(--ratio));
    li{position: relative; flex:1;
        .benefit-preview__linker{
            position: absolute;
            bottom: 4%;
            width: 90%;
            height: 24%;
            left: 5%;
        }
    }
}
.coupon__list{
    display: flex;
    flex-direction: column;
    gap:calc(10 * var(--ratio));
}
.earlybird-timer-wrap{
    .c-timer{
        position: absolute;
        bottom:calc(32 * var(--ratio));
        right: calc(24 * var(--ratio));
        width: calc(100% - (48 * var(--ratio)));
        height: calc(54 * var(--ratio));
        padding:calc(12 * var(--ratio)) calc(20 * var(--ratio));
    }
    .c-timer__item{
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .c-timer__label{
        color: #FFF;
        font-size:  calc(15 * var(--ratio));
        font-style: normal;
        font-weight: 600;
        line-height: 133.333%;
        letter-spacing: calc(-0.2 * var(--ratio));
    }
    .c-timer__content{
        color: #FFF;
        font-size: calc(18 * var(--ratio));
        font-weight: 800;
        line-height: 108.333%;
        padding-left: calc(24 * var(--ratio));
        background: url('/kr/event/2026/04/19_lg_days/images/icon_clock_white.svg') no-repeat left center / calc(18 * var(--ratio));
    }
}
.attendance-check-event-wrap{
    position: relative;
    a{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.timer-info{
    position: absolute;top:0;left: 0;width: 100%;height: 100%;
    font-size: inherit;
    line-height: inherit;
    word-break: break-all;
    color: transparent;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}


/* 타임딜 시간 배지 */
.event-benefit-template {
    .c-product__badge--time-left{
        font-size: calc(12 * var(--ratio));
        font-weight: 600;
        line-height: calc(12 * var(--ratio));
        padding: calc(3 * var(--ratio)) calc(5 * var(--ratio));
        padding-left: calc(20 * var(--ratio));
        background: url(/kr/event/2026/04/19_lg_days/images/ico_red_bg_timer.svg) calc(4 * var(--ratio)) center / calc(14 * var(--ratio)) no-repeat;
        border: 1px solid #FD312E;
        border-radius: calc(4 * var(--ratio));
    }
}
/* // 타임딜 시간 배지 */

/* 공통 */

/* 개별영역 */
.kv-timer-overlay{
    position: absolute;
    bottom:calc(28 * var(--ratio));
    left: 0;
    padding:calc(13 * var(--ratio)) 0 calc(16 * var(--ratio));
    width: 100%;
    height: calc(100 * var(--ratio));
    .kv-timer-overlay__wrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(4 * var(--ratio));
        text-align: center;
        color: #FFF;
    }
    .c-timer--title{
        color: rgba(255, 255, 255, 0.80);
        font-size: calc(13 * var(--ratio));
        font-weight: 400;
        line-height: 140%; 
        letter-spacing: calc(-0.443 * var(--ratio));
    }
    .kv-timer-overlay__content{
        display: flex;
        flex-direction: row;
        gap: calc(24 * var(--ratio));
    }
    .c-timer__box{
        display: flex;
        flex-direction: column;
        gap: calc(2 * var(--ratio));
        width: calc(50 * var(--ratio));
    }
    .c-timer__value{
        font-family: "Google Sans Flex";
        font-size: calc(34 * var(--ratio));
        font-weight: 500;
        line-height: 100%; 
    }
    .c-timer__unit{
        /* color: rgba(255, 255, 255, 0.40);
        font-size:  calc(11 * var(--ratio));
        font-weight: 400;
        line-height: 100%;  */
        position: absolute;
        z-index: -10;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        font-size: inherit;
        line-height: inherit;
        word-break: break-all;
        clip: rect(0, 0, 0, 0);
        clip-path: polygon(0 0, 0 0, 0 0);
        white-space: nowrap;
        transform: scale(.01);
    }
}
/* 가전 */
.appliances__wrap {
    .c-custom-accordion {
        .c-custom-accordion__area--fade{
            height: calc(150 * var(--ratio));
            &::after{
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 19.54%, #FFF 74.71%);
            }
        }
        .c-custom-accordion__btn:not([aria-expanded="true"]){
        margin-top: calc(-50 * var(--ratio));  
        }
    } 
    .recommended-products-banner{
        margin-bottom: calc(4 * var(--ratio));
        position: relative;
        a{
            position: absolute;
            top:0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }
}
/* // 가전 */
/* 구독 */
.subscription__wrap{
    subscription-basic-benefits, reason-for-choosing-subscription{background-color: #FFF;}
} 
/* // 구독 */
/* 홈스타일 */
.event-benefit-template .home-style__wrap{
    .c-coupon__title{
        margin-right: calc(7 * var(--ratio));
    }
    .c-custom-accordion__area--fade{
        height: calc(150 * var(--ratio));
        &::after{
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 19.54%, #FFF 74.71%);
        }
    }
    .c-custom-accordion__btn:not([aria-expanded="true"]){
      margin-top: calc(-50 * var(--ratio));  
    }
    .review-event__wrap{
        position: relative;
        a{
            position: absolute;
            top: 27.5%;
            left: 6%;
            width: 88%;
            height: 10%;
        }
    }
    .brand-days-header-slide{
        position: absolute;
        bottom: calc(20 * var(--ratio));
        right: calc(14 * var(--ratio));
        width: calc(80 * var(--ratio));
        height: calc(80 * var(--ratio));
        border-radius: calc(4 * var(--ratio));
        overflow: hidden;
        .swiper-container{
            padding:0;
        }
        .swiper-slide{
            background: transparent;
        }
        .btn-pause{
            position: absolute;
            
        }
    }
    .edit-list .c-product__list .c-product__name {
        word-break: break-all;
    }
}
/* // 홈스타일 */