/* BASIC css start */
/* 현재 분류명 */
.now_cate_tit { position: relative; font-size: 24px; color: #121212; font-weight: 600; padding: 40px 20px 24px; } 

/* 카테고리 */
.class-list { position: relative; padding: 0 20px 72px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 8px 7%; } 
.class-list dd a { font-size: 14px; font-weight: 400; color: #656565; } 
.class-list dd a.sel { font-weight:600; color:#121212; } 
body .swiper_wrap .swiper-pagination { top:auto; bottom:0; left:50%; width:160px; height:1px; margin-left:-80px; background:#e6e6e6; } 
body .swiper_wrap .swiper-pagination { top:auto; bottom:40px; left:50%; width:160px; height:2px; margin-left:-80px; background:#e6e6e6; border-radius:1px; } 
body .swiper_wrap .swiper-pagination-progressbar-fill { background:#121212; border-radius: 1px; } 

/* 베스트 아이템 */
.cont_tit {font-size: 20px;font-weight: 500;color: #121212;padding: 0 0 16px;} 
.goodsList .swiper-container {padding: 0 0 22px 0;} 

/* 상품 리스트 */
#MS_product {position: relative;padding: 0 20px;} 
.swiper_wrap{padding: 0 20px;margin-bottom: 26px;overflow: hidden;}
.goodsList{position: relative;}


/* 예시: .price-box 안의 할인율만 적용 */
.discountPer {color: #f15929 !important;}
.price-box .discountPer { color: #f15929;}


/* ===== 모바일 상품 아이콘 (좌측 상단 오버레이) ===== */

/* imgWrap을 position 기준점으로 설정 */
.goodsList .imgWrap {
    position: relative;
    overflow: hidden;
}

/* 아이콘 영역 - 좌측 상단 (찜 버튼과 겹치지 않도록) */
.goodsList .imgWrap .prd-icons {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 3px;
    pointer-events: none; /* 아이콘이 상품 클릭 영역을 가리지 않도록 */
    max-width: calc(100% - 12px);
}

/* 아이콘 이미지 - 모바일에 맞게 작게 표시 */
.goodsList .imgWrap .prd-icons img {
    display: block;
    max-width: 50px;
    height: auto;
    margin: 0;
}

/* 아이콘이 span/em 등으로 감싸진 텍스트 라벨인 경우 */
.goodsList .imgWrap .prd-icons span,
.goodsList .imgWrap .prd-icons em {
    display: inline-block;
    font-size: 11px;
    line-height: 1.4;
    padding: 2px 6px;
    border-radius: 2px;
    font-style: normal;
    margin: 0;
}

/* swiper 슬라이드 안에서 아이콘이 잘리지 않도록 보정 */
.swiper-slide {
    position: relative;
}

/* 2단 그리드 상품 리스트에서도 동일 적용 */
.goodsList.grid_2 li {
    position: relative;
}
/* BASIC css end */