/* BASIC css start */
/* ✅ 폰트 설정 */
body, input, button, select, textarea {
    font-family: 'Pretendard', -apple-system, sans-serif !important;
    letter-spacing: -0.3px !important;
}
.listName {
    font-family: 'Pretendard', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.3px !important;
}

/* ✅ 원본 */
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding: 10px 1%;text-align:center;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}
.ftInst{display:block !important}

/* ✅ Step 1: 가격 표시 개선 */
.listPrice {white-space: nowrap;}
.listPrice br {display: none;}
.listPrice del {
    color: #aaa;
    font-size: 0.8em;
    text-decoration: line-through;
}
.listPrice span {
    color: #e74c3c;
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 4px;
}
.listSoldout {
    color: #999;
    font-size: 0.85em;
    background: #f0f0f0;
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block;
}

/* ✅ 메인페이지와 통일: 이미지 모서리 & 글씨 굵기 */
.listPic {
    border-radius: 12px !important;
    overflow: hidden !important;
    display: block !important;
}
.list_shopping2x .items li a figure,
.list_shopping1x .items li a figure {
    overflow: hidden !important;
    border-radius: 12px !important;
    display: block !important;
}

/* ✅ Step 2: iOS 셀렉트 줌 버그 수정 + 화살표 간격 */
.shopbrand .list_array .list_arrayLeft select {
    width: auto !important;
    height: 28px !important;
    font-size: 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 0 30px 0 8px !important;
    background-color: #fff !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px !important;
}


/* ✅ Step 3: 터치 영역 확대 */
.shopbrand .list_array {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 10px !important;
}
.shopbrand .list_array .list_arrayRight a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

/* ✅ Step 2-2: 하위 카테고리 셀렉트박스도 동일하게 */
.shopbrand .list_group select {
    width: 49% !important;
    height: 26px !important;
    font-size: 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 0 30px 0 8px !important;
    background-color: #fff !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px !important;
}


/* ✅ Step 4: 상품 없음 화면 개선 */
.shopbrand .none-data {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #888 !important;
}
.shopbrand .none-data i {
    display: block !important;
    font-size: 3em !important;
    color: #ddd !important;
    margin-bottom: 16px !important;
}
.shopbrand .none-data p {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #999 !important;
}
/* BASIC css end */