/* list 10 */
@import "../../functions";
@import "../../variables";
@import "../../custom";
@import "../../maps";
@import "../../mixins";
@import "../../utilities";

.list10-wrap {
    .add-cart-wrap {
        bottom: 0;
        left: 0;

        .add-cart-button {
            opacity: .7;

            &:hover {
                opacity: .9;
            }

            span {
                display: none;
            }

            &:hover {
                span {
                    display: inline;
                }
            }
        }
    }

    .list-item {
        .soldout-text {
            top: 0;
            left: 0;
            text-shadow: 2px 2px 4px rgba($color: #000000, $alpha: .5);
        }

        &:hover {
            box-shadow: 4px 4px 15px rgba($color: #000000, $alpha: .1);
        }

        .sct_basic {
            font-size: .75rem;
        }

        .item-title {
            a {
                font-size: .875rem;
            }
        }

        .item-icons-wrap {}

        .shop_icon {
            display: inline-block;
            color: #fff;
            padding: 0 5px;
            margin: 1px;
            font-size: .75rem;
            font-family: "Noto Sans KR", sans-serif;
            font-weight: 400;
        }

        .shop_icon_1 {
            background: #3ec1d3;
        }

        .shop_icon_2 {
            background: #ffb722;
        }

        .shop_icon_3 {
            background: #2dd49f;
        }

        .shop_icon_4 {
            background: #556ee6;
        }

        .shop_icon_5 {
            background: #ff5081;
        }

        .star-wrap {
            img {
                width: auto;
                height: .75rem;
            }
        }
        .cart-layer{
            width: 100%;
        }
        .sct_cartop_wr {
            display: flex;
            flex-direction: column;
            box-shadow: 2px 2px 5px rgba($color: #000000, $alpha: .1);
            background-color: rgba($color: $white, $alpha: .9);
            .cartopt_close_btn,.cartopt_cart_btn{
                border: 1px solid $gray-400;
                font-size: .75rem;
                margin: .1rem;
                flex-direction: row;
            }
            form {
                padding: .1rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                flex-wrap: wrap;
                width: 100%;
            }

            .it_option {
                flex-wrap: wrap;
                align-content: center;
                display: flex;
                flex-direction: column;
            }

            .sound_only {
                @include visually-hidden();
            }
        }

    }
}