@charset "utf-8";

/* ========== /shop/ 히트상품·상품목록 모바일 ========== */
@media screen and (max-width: 1090px) {
    /* 섹션 공통 */
    #idx_hit.sct_wrap,
    .sct_wrap {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 28px !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .sct_wrap header {
        padding: 16px 0 12px !important;
        text-align: left !important;
    }
    .sct_wrap h2 {
        float: none !important;
        display: block !important;
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        letter-spacing: -0.03em !important;
        line-height: 1.3 !important;
        font-family: "Pretendard", "Noto Sans KR", sans-serif !important;
    }
    .sct_wrap h2 a {
        color: #111 !important;
        text-decoration: none !important;
    }

    /* 히트상품: 모바일 2열 그리드 */
    #idx_hit .smt_40,
    #idx_hit .smt_40.hit-grid-mobile,
    #idx_hit .smt_40.owl-carousel {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        float: none !important;
        overflow: visible !important;
    }
    #idx_hit .smt_40 .owl-stage-outer,
    #idx_hit .smt_40 .owl-stage,
    #idx_hit .smt_40 .owl-item {
        display: contents !important;
        width: auto !important;
        float: none !important;
        transform: none !important;
    }
    #idx_hit .smt_40 .owl-nav,
    #idx_hit .smt_40 .owl-dots,
    #idx_hit .owl-prev,
    #idx_hit .owl-next {
        display: none !important;
    }

    #idx_hit .smt_40 .sct_li,
    #idx_hit .smt_40 .sct_li.sct_clear,
    #idx_hit .smt_40 .sct_li.sct_last,
    #idx_hit .smt_40 .owl-item .sct_li {
        float: none !important;
        clear: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        /* 모든 칸 동일 패딩 — sct_clear/sct_last 도 동일해야 썸네일 크기 일치 */
        padding: 0 4px 18px !important;
        border: none !important;
        box-sizing: border-box !important;
        text-align: left !important;
        vertical-align: top !important;
    }

    #idx_hit .smt_40 .sct_img {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px !important;
        text-align: center !important;
        overflow: hidden !important;
        background: #f7f7f7 !important;
        border-radius: 6px !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        flex-shrink: 0 !important;
    }
    #idx_hit .smt_40 .sct_img a {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
    #idx_hit .smt_40 .sct_img img {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        margin: 0 !important;
    }
    #idx_hit .smt_40 .sct_star {
        margin: 0 0 4px !important;
    }
    #idx_hit .smt_40 .sct_star img {
        width: 56px !important;
        height: auto !important;
    }
    #idx_hit .smt_40 .sct_txt {
        display: block !important;
        margin: 0 0 4px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        letter-spacing: -0.03em !important;
        max-height: 2.7em !important;
        overflow: hidden !important;
        word-break: keep-all !important;
    }
    #idx_hit .smt_40 .sct_txt a {
        color: #222 !important;
        text-decoration: none !important;
    }
    #idx_hit .smt_40 .sct_basic {
        display: none !important;
    }
    #idx_hit .smt_40 .sct_cost {
        margin: 0 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #111 !important;
        letter-spacing: -0.02em !important;
    }
    #idx_hit .smt_40 .sct_cost strike,
    #idx_hit .smt_40 .sct_cost .sct_discount {
        display: block !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        color: #999 !important;
    }
    #idx_hit .smt_40 .sct_sns,
    #idx_hit .smt_40 .sct_cart,
    #idx_hit .shop_icon_soldout {
        display: none !important;
    }

    /* 추천상품 재생/정지 버튼 — 모바일 숨김 */
    .sct_wrap .sctrl,
    .sct_wrap ul.sctrl {
        display: none !important;
    }

    /* 최신/추천/할인 등 일반 상품목록 + 추천(smt_20 div) */
    .sct_wrap > ul.sct,
    .sct_wrap ul.sct_10,
    .sct_wrap ul.smt_10,
    .sct_wrap ul.smt_20,
    .sct_wrap ul.sct_20,
    .sct_wrap ul.sct_30,
    .sct_wrap div.smt_20,
    .sct_wrap .smt_20.sct {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        list-style: none !important;
        position: relative !important;
        overflow: visible !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /* smt_20: 절대배치 ul → contents 로 풀어 그리드 칸에 직접 배치 */
    .sct_wrap .smt_20 .sct_ul,
    .sct_wrap div.smt_20 .sct_ul,
    .sct_wrap .smt_20 .sct_ul_first {
        display: contents !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        top: auto !important;
        left: auto !important;
        float: none !important;
    }

    .sct_wrap > ul.sct > .sct_li,
    .sct_wrap ul.sct_10 .sct_li,
    .sct_wrap ul.smt_10 .sct_li,
    .sct_wrap ul.smt_20 .sct_li,
    .sct_wrap ul.sct_20 .sct_li,
    .sct_wrap ul.sct_30 .sct_li,
    .sct_wrap .smt_20 .sct_li,
    .sct_wrap div.smt_20 .sct_li,
    .sct_wrap .sct_li.sct_clear,
    .sct_wrap .sct_li.sct_last {
        float: none !important;
        clear: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        position: relative !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 4px 18px !important;
        box-sizing: border-box !important;
        border: none !important;
        background: transparent !important;
        text-align: left !important;
    }

    /* 모든 상품 썸네일: 정사각 통일 (1칸만 커지는 현상 방지) */
    .sct_wrap .sct_img,
    .sct_wrap .smt_20 .sct_img,
    .sct_wrap div.smt_20 .sct_img,
    #idx_hit .smt_40 .sct_img {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px !important;
        overflow: hidden !important;
        background: #f7f7f7 !important;
        border-radius: 6px !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        float: none !important;
        flex-shrink: 0 !important;
    }
    .sct_wrap .sct_img a,
    .sct_wrap .smt_20 .sct_img a,
    #idx_hit .smt_40 .sct_img a {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
    .sct_wrap .sct_img img,
    .sct_wrap .sct_li .sct_img img,
    .sct_wrap .smt_20 .sct_img img,
    #idx_hit .smt_40 .sct_img img {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        margin: 0 !important;
    }
    .sct_wrap .sct_txt,
    #idx_hit .smt_40 .sct_txt {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 13px !important;
        line-height: 1.35 !important;
        min-height: 2.7em !important;
        max-height: 2.7em !important;
        overflow: hidden !important;
        margin: 0 0 4px !important;
    }
    .sct_wrap .sct_cost {
        font-size: 14px !important;
    }
    .sct_wrap .sct_sns,
    .sct_wrap .sct_sns_wrap {
        display: none !important;
    }

    /* 分类列表页商品网格 — 移动端 */
    #sct,
    #sct .SubGoodsWidth,
    #con.sub_content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    .goods_list_item .goods_list_cont ul li .item_cont,
    .goods_list_item .item_gallery_type .item_cont {
        margin: 0 !important;
        padding: 0 !important;
    }
    .goods_list_item .item_gallery_type .item_info_cont {
        padding-top: 8px !important;
        text-align: left !important;
    }
    .goods_list_item .item_gallery_type .item_tit_box .item_name {
        text-align: left !important;
        padding-top: 0 !important;
        font-size: 13px !important;
    }
    .goods_list_item .item_gallery_type .item_money_box {
        text-align: left !important;
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 480px) {
    .sct_wrap h2 {
        font-size: 16px !important;
    }
    #idx_hit .smt_40 .sct_li,
    .sct_wrap > ul.sct > .sct_li {
        padding: 0 4px 14px !important;
    }
}