/* BASIC css start */
/* =========================================================
   MO 브랜드상품페이지 — 메인과 같은 3열 카드로 통일
   ========================================================= */
:root{
  --m-side:20px; --m-text:#111; --m-sub:#888; --m-sale:#dc3737;
  --m-bg:#f5f5f5; --m-radius:12px; --m-radius-sm:6px;
}

/* ---------- 상단 경로 ---------- */
.page_top{padding:14px var(--m-side) 0 !important;}
.page_top .page_nav{float:right !important;}
.page_top .page_nav a{font-weight:400 !important; font-size:11.5px !important; color:#aaa !important;}

/* ---------- 카테고리 배너 ---------- */
.cate-banner{text-align:center;}
.cate-banner img{width:100%; display:block;}

/* ---------- 브랜드명 ---------- */
.product_category_wrap{padding:18px var(--m-side) 18px !important; border:none !important;}
.product_category_wrap .cate1{font-size:24px !important; font-weight:800 !important; color:var(--m-text) !important; letter-spacing:-0.4px !important; padding:0 !important; margin:0 !important; text-align:left !important;}

/* ---------- 총 개수 · 정렬 (한 줄) ---------- */
.product_list_outer{border-top:none !important; padding-top:0;}
.product_top_wrap{display:flex !important; justify-content:space-between; align-items:center; border:none !important; margin:0 0 14px !important; padding:0 var(--m-side) !important; height:auto !important;}
.product_top_wrap:after{display:none !important;}
.product_top_wrap .left_box, .product_top_wrap .right_box{float:none !important; width:auto !important; flex-shrink:0; margin:0 !important; padding:0 !important;}
.product_top_wrap .total_cnt{display:inline-block !important; white-space:nowrap !important; font-size:12.5px !important; color:var(--m-sub) !important; font-weight:400; line-height:32px !important; letter-spacing:-0.3px;}
.product_top_wrap .total_cnt strong{display:inline !important; font-weight:700 !important; color:var(--m-text) !important; margin:0 1px;}
.product_top_wrap .select_box select{font-size:12.5px !important; color:#333 !important; transform:none !important; border:none !important; background-color:transparent;}

/* ---------- 3열 상품 그리드 ---------- */
ul.items{display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); gap:26px 10px; padding:0 var(--m-side) !important; margin:0 !important;}
ul.items::before, ul.items::after{display:none !important; content:none !important;}
ul.items li.item_list{width:auto !important; min-width:0; float:none !important; margin:0 !important; padding:0 !important;}

/* 상품 카드 */
ul.items .item_list .thumb{width:100%; aspect-ratio:1/1; background:var(--m-bg); border-radius:var(--m-radius-sm); overflow:hidden;}
ul.items .item_list .thumb a{display:block; width:100%; height:100%;}
ul.items .item_list .thumb img{display:block; width:100% !important; height:100% !important; object-fit:contain;}
ul.items .item_list .info{padding:10px 0 0 !important; text-align:left;}
ul.items .item_list .info .prdname{
  font-size:12.5px !important; line-height:1.45 !important; font-weight:500 !important; color:#222 !important;
  letter-spacing:-0.3px; word-break:keep-all;
  display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  white-space:normal !important; overflow:hidden !important; min-height:36px; margin:0 !important;}
ul.items .item_list .info .prdetc,
ul.items .item_list .info .prdcolor{display:none !important;}

/* 가격 : 정가(1줄) → 할인율 + 판매가(2줄) */
ul.items .item_list .info .prdprice{
  display:flex !important; flex-wrap:wrap; align-items:baseline; gap:0 4px;
  border-top:none !important; padding-top:0 !important; margin-top:6px !important;
  font-size:14px !important; line-height:1.35 !important; color:var(--m-text);}
ul.items .item_list .prdprice strike{order:0; flex-basis:100%; font-size:11px !important; color:#b5b5b5 !important; font-weight:400;}
ul.items .item_list .prdprice .percent{order:1; display:inline; font-size:13px !important; font-weight:700 !important; color:var(--m-sale) !important;}
ul.items .item_list .prdprice .price{order:2; font-size:14px !important; font-weight:700 !important; color:var(--m-text) !important; letter-spacing:-0.2px;}

/* 찜 버튼 숨김 (메인과 통일) */
.item_list .thumb .prd-wish{display:none !important;}

/* 상품 없음 */
.none-data{padding:80px 0; text-align:center; color:var(--m-sub); font-size:14px;}

/* ---------- 페이지 번호 ---------- */
ol.paging{display:flex !important; justify-content:center; align-items:center; gap:4px; margin:44px 0 0 !important; padding:0 !important;}
ol.paging li{float:none !important; margin:0 !important;}
ol.paging li a{display:flex !important; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; font-size:13px; font-weight:500; color:#666; border:none !important; background:none;}
ol.paging li.now a{background:var(--m-text) !important; color:#fff !important; font-weight:700;}
ol.paging li img{width:16px; height:auto; opacity:.6;}
/* BASIC css end */