/******* common *********/
.logo-adgate{
    width: 130px;
    height: 22px;
    object-fit: contain;
}

.category--logo-adgate{
    width: 130px;
    height: 22px;
    object-fit: contain;
}

.adgate-mall-logo{
    width: 130px;
    height: 22px;
    background: url("/shop/common/image/adgate/icon-logo-adgate.svg") no-repeat center/contain;
}

/* empty-image */
.product-container .product .img-container:has(img[src=""]),
.product-container .product .img-container:has(img:not([src])),
.product-container .product .img-container:not(:has(img)) {
    background: url("/shop/common/image/adgate/image-empty-state-product.svg") center no-repeat;
    background-size: cover;
}

.product-container--horizontal{
    & .img-container{
        /* img에 src가 없거나 빈 값일 때만 배경 표시 */
        &:has(img:not([src])),
        &:has(img[src=""]),
        &:not(:has(img)) {
            background: url("/shop/common/image/adgate/image-empty-state-product.svg") center no-repeat;
            background-size: contain;

            img {
                display: none;
            }
        }
    }
}

.m-shop-brand {
    .brand-list {
        /* img에 src가 없거나 빈 값일 때만 배경 표시 */
        .brand__image-container:has(img:not([src])),
        .brand__image-container:has(img[src=""]),
        .brand__image-container:not(:has(img)) {
            background: #f9f9f9 url("/shop/common/image/adgate/image-empty-state-brand-like.svg") center no-repeat;
            background-size: contain;
        }
    }
}

.main-contents.m-my-page-like-brand .product--horizontal{
    /* img에 src가 없거나 빈 값일 때만 배경 표시 */
    &:has(img:not([src])),
    &:has(img[src=""]),
    &:not(:has(img)) {
        background: url("/shop/common/image/image-empty-state-brand-like.svg") center no-repeat;
        background-size: contain;
        img {
            display: none;
        }
    }
}

.m-product-view .banner__slide--main{
    /* 이미지 소스가 없을 때 background에 기본 이미지 출력 */
    &:has(img[src=""]), &:has(img:not([src])) {
        background: url("/shop/common/image/adgate/image-empty-state-product-rectangle.svg") center no-repeat;
        background-size: cover;
    }
}

.card--promotion{
    .card__image-container{
        /* 이미지가 표시 안될 때 기본 이미지 출력 */
        &:has(img[src=""]),
        &:has(img:not([src])),
        &:not(:has(img)) {
            background: url("/shop/common/image/adgate/image-empty-state-product.svg") center no-repeat;
            background-size: cover;
        }
    }
}

/* 로그인 전 상품이미지 by bay 260714 */
.img-container.is-adult-guest {
    position: relative;
    overflow: hidden;
    --adult-icon-size: 50px; /* 추가 by bay 260715 */
    img {
        filter: blur(8px);
        transform: scale(1.1);
    }
    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.5); /* 흰색 dim 50% */
        z-index: 1;
    }
    &::after {
        content: '';
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: var(--adult-icon-size) !important;
        height: var(--adult-icon-size) !important;
        background: url("/shop/common/image/adgate/icon-19.webp") no-repeat center/contain !important;
        z-index: 2;
    }
    @media (width > 1024px) {
        --adult-icon-size: 80px !important;
    }
} /* !important 추가 by bay 260720 */

/* grid-horizon-list 인 경우 아이콘 크기 작게 by bay 260715 */
.product-container--grid-horizon-list{
    .img-container.is-adult-guest{
        &::after{
            @media (width > 1024px) {
                --adult-icon-size: 50px;
            }
        }
    }
}

/* 브랜드관 */
.m-shop-brand{
    .product-container{
        .img-container.is-adult-guest{
            border-radius: 5px;
            @media (width > 1024px) {
                --adult-icon-size: 50px !important;
            }
        }
    }
    .brand__image-container.is-adult-guest{
        --adult-icon-size: 25px;
        @media (width > 1024px) {
            --adult-icon-size: 50px !important;
        }
    }
}


/* 제품상세페이지 옵션 이미지 크기 수정 (성인게이트에서만 적용) by 나무 26.09.08 */
/* 개발서버는 문제없지만 실서버에서 m_component에서의 선택자가 우선이 되어 .wrap 선택자 추가 */
.dropdown .dropdown__body[id^="layer_box_set_item_product_list"] .option__item,
.wrap .product-view-pc__option-select .dropdown--option-select .option__item {height:68px;}
.dropdown .dropdown__body[id^="layer_box_set_item_product_list"] .option__header,
.wrap .product-view-pc__option-select .dropdown--option-select .option__header {width:60px;}

/* 이벤트 / 기획전 페이지 배너 */
.promotion-image-container.is-adult-guest{
    position: relative;
    overflow: hidden;
    point-evnets: none;
    border-radius: 50px;

    --adult-icon-size: 80px;
    img {
        filter: blur(8px);
        transform: scale(1.1);
    }
    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.5); /* 흰색 dim 50% */
        z-index: 1;
        border-radius: 50px;
    }
    &::after {
        content: '';
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: var(--adult-icon-size) !important;
        height: var(--adult-icon-size) !important;
        padding-top: 0 !important;
        background: url("/shop/common/image/adgate/icon-19.webp") no-repeat center/contain !important;
        z-index: 2;
    }
    @media (width > 1024px) {
        --adult-icon-size: 100px;
        border-radius: 0;
        &::before{
            border-radius: 0;
        }
    }
}
.card__image-container.is-adult-guest{
    position: relative;
    overflow: hidden;
    point-evnets: none;

    --adult-icon-size: 50px;
    img {
        filter: blur(8px);
        transform: scale(1.1);
    }
    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.5); /* 흰색 dim 50% */
        z-index: 1;
    }
    &::after {
        content: '';
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: var(--adult-icon-size) !important;
        height: var(--adult-icon-size) !important;
        padding-top: 0 !important;
        background: url("/shop/common/image/adgate/icon-19.webp") no-repeat center/contain !important;
        z-index: 2;
    }
    @media (width > 1024px) {
        --adult-icon-size: 80px;
    }
}

/* main-banner */
.banner__main-slide.is-adult-guest{
    --adult-icon-size: 80px;

    display: flex;
    height: 100%;
    overflow: hidden;
    point-evnets: none;
    position: relative;
    border-radius: 40px;

    img {
        filter: blur(8px);
        transform: scale(1.1);
    }

    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.5); /* 흰색 dim 50% */
        z-index: 1;
        border-radius: 40px;
    }

    &::after {
        content: '';
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: var(--adult-icon-size) !important;
        height: var(--adult-icon-size) !important;
        padding-top: 0 !important;
        background: url("/shop/common/image/adgate/icon-19.webp") no-repeat center/contain !important;
        z-index: 2;
    }

    @media (width > 1024px) {
        --adult-icon-size: 100px;

        border-radius: 0;
        &::before{
            border-radius: 0;
        }
    }
}

.video-container.is-adult-guest{
    --adult-icon-size: 80px;

    display: flex;
    height: 100%;
    overflow: hidden;
    point-evnets: none;
    position: relative;
    border-radius: 5px 5px 0 0;

    iframe {
        filter: blur(12px);
        transform: scale(1.1);
    }

    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.8); /* 흰색 dim 80% */
        z-index: 1;
        border-radius: 5px 5px 0 0;
    }

    &::after {
        content: '';
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: var(--adult-icon-size) !important;
        height: var(--adult-icon-size) !important;
        padding-top: 0 !important;
        background: url("/shop/common/image/adgate/icon-19.webp") no-repeat center/contain !important;
        z-index: 2;
    }

    @media (width > 1024px) {
        --adult-icon-size: 100px;
    }
}

/* 브랜드관 */
.section--brand-recommend{
    .banner__main-slide{
        &::before{
            border-radius: 4px;
        }
    }
}

/* 인기 브랜드만 모았어요 */
.section--popular-brand{
    .banner__main-slide{
        border-radius: 4px;
        &::before{
            border-radius: 4px;
        }
    }
}

.swiper--promotion-main{
    .img-container.is-adult-guest{
        --adult-icon-size: 80px;
    }
}


/* footer_box_menu_list */
.bottom-menu-container{
    ul{
        justify-content: center;
        .menu{
            width: calc(100% / 4);
        }
    }
}

.footer--adult-notice{
    display: flex;
    align-items: center;
    gap: 8px;
    .footer--adult-notice__img{
        width: 65px;
        height: 65px;
    }
    .footer--adult-notice__txt{
        font-size: 14px;
        word-break: keep-all;
        font-weight: 600;
    }

    @media (width <= 1024px ) {
        .footer--adult-notice__img{
            width: 50px;
            height: 50px;
        }
    }
}

/******* page *********/
/* 장바구니 */
.main-contents.m-shop-cart{
    margin-top: 52px;
    section.delivery-info{
        .btn-container{
            .inner-container {
                &.right{
                    flex-shrink: 0;
                    .button--delete-selected::before{
                        content: none;
                    }
                }
            }
        }
        @media (width <= 1024px){
            .btn-container{
                position: relative;
                &::after{
                    content: '';
                    width: calc(100% - 30px);
                    height: 1px;
                    background-color: #e1e1e1;
                    position: absolute;
                    left: 15px;
                    bottom: -2px;
                }
            }
        }
    }
}