/* BASIC css start */
.cate-wrap .class-list {margin:10px 0;}
.cate-wrap .class-list ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
.cate-wrap .class-list ul li {}
.cate-wrap .class-list ul li {color:#696969;font-size: 14px;}
.cate-wrap .class-list ul li a.on{font-weight:bold;color:#000;}

/* ===========================
   모바일 브랜드 초성 필터
   =========================== */

/* 전체 브랜드 박스 */
.m-brand-area-box {
    margin: 8px 0 4px;
}

/* 초성 버튼 영역 */
.m-brand-initial-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 0 12px;
    margin-bottom: 4px;
}

/* 초성 버튼 */
.m-brand-initial-filter button {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    background: #fafafa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.m-brand-initial-filter button:active {
    background: #e8e8e8;
}

/* 선택된 버튼 */
.m-brand-initial-filter button.on {
    background: #111;
    border-color: #111;
    color: #fff;
    font-weight: 500;
}

/* 브랜드 리스트 - 3컬럼 그리드 */
#m-brand-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

#m-brand-list .brand-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 6px;
}

#m-brand-list .brand-item a {
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    color: #333;
    display: block;
    width: 100%;
    word-break: break-all;
    line-height: 1.4;
}

#m-brand-list .brand-item a:active {
    color: #000;
    opacity: 0.7;
}

body .product_list_wrap .desc_container .info .price {font-size:12px;}
.desc_container .info .price .dc_per {color: #f9560e;font-weight: 700;}
.desc_container .info .price .consumer {color: #808080;font-weight: 400;margin-right: 4px;text-decoration: line-through;}
.desc_container .info .price .normal {color: #272727;font-size: 13px;font-family: 'Lato', sans-serif;font-weight: bold;}
.desc_container .info .prd-icons {margin-top:5px;}
.product_list_wrap .product_item .desc_container .info .brand {
    font-size: .871rem;
    line-height: 1rem;
    font-weight: 300;
    margin-top: -3px;
    margin-bottom: 8px;
    color: #5d5d5d;
    font-weight: 700;
}
/* BASIC css end */