@charset "utf-8";


.event-benefit-template {
    /* 공 통 // */
    .c-tab--2depth {
        .c-tab__item{min-width: calc(84 * var(--ratio));}
    }

    .banefit-wrap{
        position: relative;
        .banefit__linker {
            position:absolute;
            width: 45%;
            height: 12%;
            &.banefit__linker--01{
                left: 2%;
                top: 35%;
            }
            &.banefit__linker--02{
                right: 2%;
                top: 35%;
            }
            &.banefit__linker--03{
                left: 2%;                
                bottom: 1.5%;
            }
            &.banefit__linker--04{
                right: 2%;                
                bottom: 1.5%;
            }
        }
    }
    
    .c-custom-accordion__area--fade{
        height: calc(106 * var(--ratio));
        &::after{
            top: calc(76 * var(--ratio));
            height: calc(32 * var(--ratio));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 56.25%);;
        }
    }
    .edit-custom-accordion{
         .c-tab{
            margin:calc(-10 * var(--ratio)) 0 0;
            .c-tab__list{
                padding: 2px 0;
            }
        }
        .c-tab__content{
            position: relative;
        }
        /* .c-custom-accordion__btn-wrap:has(.c-custom-accordion__btn:not([aria-expanded="true"])){
            position: absolute;
            bottom:0;
            left: var(--spacing-standard-gutter);
            width: calc(100% - (var(--spacing-standard-gutter) * 2));
        } */

    }
    .more-banner{
        .more-banner_linker{
            position: absolute;
            width: 100%;
            height: 47%;
            left: 0;
            &:nth-of-type(1){top:0;}
            &:nth-of-type(2){bottom: 0;}
        }
    }
    .c-swiper.c-swiper {
        .swiper-container {
            a{width: 100%;}
        }
        &:not(.j-exhibition-slider){
            .swiper-container {
                padding:0;
            }
        }
    }
    .dark-mode {
        .c-product__item, .c-product__info-container{
            background-color: var(--primary-black);
        }
        .c-product__name, .c-product__price-item--member{
            color: #fff;
        }
        .c-product__brand-name, .c-product__price-item--original{
            color: #A7A7A7;
        }
    }

    .c-button__icon--arrow-white {
        width: calc(16 * var(--ratio));
        height: calc(16 * var(--ratio));
        background: url('/kr/event/promotions/images/icon-line-chervron-right-white.svg') no-repeat;
        background-size: calc(5 * var(--ratio));
        background-position: center;
    }
    /* // 공 통 */

    /* 가전 세일 // */
    .ha-content-wrap{
        /* [data-expand-scroll-dest="ha-banefit-accordion-more-scroll-target"], [data-expand-scroll-target="ha-banefit-accordion-more-scroll-target"]{
            --header-height:0;
            /*--sticky-2depth-height:500px;
            --header-height:calc(200 * var(--ratio)); 
        } */
        .c-tab.custom-tab{
            .c-tab__inner{
                padding-bottom: 2px;
            }
            .c-tab__item{
                border-radius: calc(8 * var(--ratio));
                border-width: max(0.5px, calc(0.5 * var(--ratio)));
                border-color: #CACACA;
                &.active{
                    background-color: #F4F4F4;
                    border-color: #F4F4F4;
                    .c-tab__button {
                        color: #000;
                    }
                }
            }
            .c-tab__button{
                font-size: calc(13 * var(--ratio));
                font-weight: 600;
                padding: calc(6 * var(--ratio)) calc(12 * var(--ratio));
            }
        }

    }
    /* // 가전 세일 */

    /* 홈스타일 세일 // */
    .ho-content-wrap{
        .review-benefit__linker{
            position: absolute;
            width: 88%;
            height: 10%;
            bottom: 5%;
            left: 6%;
        }
        [data-expand-scroll-dest="ho-banefit-accordion-more-scroll-target"], [data-expand-scroll-target="ho-banefit-accordion-more-scroll-target"]{
            /* --header-height:500px;
            --sticky-2depth-height:500px;
            --header-height:calc(200 * var(--ratio)); */
        }


        .swiper-bg-blur{
            position: absolute;
            top: 0;
            left: 0;
            width:100%;
            height: 100%;
            background-image: url('/kr/event/2026/05/25_kitchen_week/images/img_home_style_view_more_blur_01.png');
            background-size: cover;
            background-position: center;
            z-index: 0;
            transition: background-image 0.6s ease-in-out, opacity 0.3s;
            will-change: background-image;

            @media (prefers-reduced-motion: reduce) {
                transition: none;
            }
        }
        .j-more-view-slider li{
            padding:0 calc(7 * var(--ratio));;
            width: calc(340 * var(--ratio));
        }
    }
    /* // 홈스타일 세일 */
}