@charset "utf-8";
/* list.2026.skin.php 전용 CSS - CSS Grid 기반 */

/* ── sct_2026 컨테이너: CSS Grid ── */
.sct_2026 {
    display: grid;
    gap: 20px;
    margin: 25px 0;
    padding: 39px 30px;
    list-style: none;
}
.sct_2026 .sct_li_v2 {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.06);
    background: #fff;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.sct_2026 .sct_li_v2:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    border-color: #d0d7de;
}

/* ── sct 공통 ── */
.sct_noitem {padding:100px 0;text-align:center}

/* ── 품절/아이콘 ── */
.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
.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}
.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px}
.shop_icon_soldout.h160{line-height:160px}
.shop_icon_coupon {background:#d45959}
.sit_icon_li {margin:5px 0}

/* ── 상품 이미지 ── */
.sct_2026 .sct_img {position:relative;text-align:center}
.sct_2026 .sct_img a {display:block}
.sct_2026 .sct_img img {max-width:100%;border-radius:10px}
.sct_2026 .sct_img:hover .sct_cart {display:block}

/* ── 텍스트 영역 ── */
.sct_2026 .sct_ct_wrap {position:relative}
.sct_2026 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_2026 .sct_star {margin:10px 0 5px}
.sct_2026 .sct_star img, .sct_2026 img.sit_star{width:72px !important;height:auto}
.sct_2026 .sct_txt {
    border-bottom: 1px solid #e9ecef;
    font-size: 1.1em;
    margin: 10px 0;
    padding-bottom: 10px;
    font-weight: 500;
}
.sct_2026 .sct_txt a {color:#222;text-decoration:none}
.sct_2026 .sct_txt a:hover {color:#3a8afd}
.sct_2026 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_2026 .sct_bottom {position:relative;min-height:20px}
.sct_2026 .sct_cost {
    margin: 5px 0 10px;
    font-size: 1.3em;
    font-weight: 700;
    color: #1a1a2e;
}
.sct_2026 .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.8em;color:#adb5bd;margin-top:2px}

/* ── 관심상품 버튼 ── */
.sct_2026 .sct_op_btn {position:absolute;right:5px;bottom:0}
.sct_2026 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

/* ── SNS 공유 팝업 ── */
.sct_2026 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_2026 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.sct_2026 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_2026 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_2026 .sct_sns img {width:24px}
.sct_2026 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_2026 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}