/* BASIC css start */
/* ✅ 헤더 고정 + 본문 밀기 */
header.cateheader{
  position:fixed; top:0; left:0; right:0;
  background:#fff;
  z-index:101;
  border-bottom:1px solid #eee;
}
.shopbrandTitle{ margin-top:60px; } /* 헤더 높이에 맞춰 조절 */

/* 헤더 내부 */
header.cateheader .Header{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
header.cateheader .h_backWrap{ width:12%; padding:18px 0 18px 12px; }
header.cateheader .m_hd-icon{ width:12%; padding:18px 12px 18px 0; text-align:right; }
header.cateheader .m_hd-icon li{ display:inline-block; }
header.cateheader .m_hd-icon img{ width:22px; height:auto; display:inline-block; }

header.cateheader .m_category{
  flex:1;
  position:relative;
  text-align:center;
  padding:18px 0;
}
header.cateheader .m_category > span{
  display:inline-block;
  font-size:1.05rem;
  font-weight:800;
  color:#111;
  max-width:70%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* select_category가 있을 때 겹치지 않게 */
header.cateheader .m_category .list_group select{
  display:none; /* 필요하면 살릴 수 있음 */
}

/* ✅ 전체 여백 */
.shopbrand{ margin:0 5%; }

/* ✅ 상단 정렬줄 */
.shopbrand_sort{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 0 12px;
}
.shopbrand_sort .left_box{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.cate-badge{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 10px;
  border:1px solid #E5E5E5;
  border-radius:999px;
  background:#fff;
  font-size:0.78rem;
  font-weight:900;
  color:#111;
}
.total_cnt{
  font-size:0.95rem;
  color:#111;
  font-weight:600;
}
.total_cnt strong{ font-weight:900; }

.shopbrand_sort .right_box{ width:110px; flex:0 0 auto; }
.shopbrand_sort .orderby{
  width:100%;
  appearance:none;
  border:1px solid #EDEDED;
  font-size:0.8rem;
  padding:7px 28px 7px 10px;
  background:url(//skin.makeshop.co.kr/skin/eating/mo/image/ic_sort.svg) no-repeat 90% center;
  background-size:12px auto;
  border-radius:10px;
}

/* ✅ 상품 2열 */
.prd_list .list2x{
  display:flex;
  flex-wrap:wrap;
  gap:28px 10px;
  margin:0; padding:0;
}
.prd_list .list2x > li{
  width:calc(50% - 5px);
  list-style:none;
}
.prd_list .thumb img{
  width:100%;
  border-radius:12px;
  display:block;
}

/* 텍스트 */
.shoppingInfo{ padding-top:10px; }
.listName{
  margin:8px 0 8px;
  font-size:0.92rem;
  font-weight:800;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:keep-all;
}
.listDiscount{ margin:0 0 4px; color:#999; font-size:0.82rem; }
.listPrice{ margin:0; font-size:0.98rem; font-weight:900; }
.dis_percent{ margin-right:6px; font-weight:900; color:#086fb8; }
.listSoldout{ margin:6px 0 0; font-size:0.85rem; color:#999; font-weight:700; }

/* 담기 버튼 */
.cart_button{ margin:10px 0 0; }
.cart_button a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  border:1px solid #E5E5E5;
  border-radius:12px;
  padding:10px 0;
  font-size:0.85rem;
  font-weight:800;
  background:#fff;
}
.cart_button a img{
  width:18px; height:18px;
  display:inline-block;
}

/* 리뷰 */
.reveiw_count{
  margin:8px 0 0;
  font-size:0.82rem;
  font-weight:800;
}
.reveiw_count img{
  width:14px; height:14px;
  display:inline-block;
  vertical-align:middle;
}
.review_numer{ margin-left:4px; color:#999; font-weight:600; }

/* 더보기 */
.more{ margin:14px 0 30px; text-align:center; }
.btn_more{
  width:100%;
  max-width:420px;
  height:48px;
  line-height:48px;
  border-radius:14px;
  border:1px solid #EDEDED;
  background:#fff;
}
.more-title{
  font-size:0.9rem;
  font-weight:900;
  color:#111;
}
.reveiw_count{display:none;}

/* ✅ 혹시 예전에 걸어둔 "가리는 규칙"이 남아있으면 무력화 */
body.scroll #container{ display:block !important; }

.cate-top-banner9{
  margin: 0;
  padding: 0;
  width: 100%;
}

.cate-top-banner9 img{
  width: 100%;
  height: auto;        /* 비율 유지 */
  display: block;      /* img 아래 여백 제거 */
  border-radius: 0;    /* 혹시 모를 둥글림 제거 */
}

.more .btn_more {
  padding: 7px 7px;        /* ← 위아래만 키우기 (핵심) */
  border-radius: 16px;   /* 둥글기 조금 더 */
}

/* 글자는 거의 그대로 */
.more .more-title {
  font-size: 0.9rem;     /* 기존 유지 */
  line-height: 1;        /* 글자 높이 고정 */
}
#MS_product .prd_list .thumb a{
  display:block;
  width:100%;
  aspect-ratio: 1 / 1;   /* 정사각형 박스 */
  overflow:hidden;
  border-radius:12px;
  background:#f2f2f2;    /* 로딩/여백 대비 */
}

/* makeshop 이미지 태그(listPic/listPicPc 등 다 잡기) */
#MS_product .prd_list .thumb img,
#MS_product .prd_list .thumb img.listPic,
#MS_product .prd_list .thumb img.listPicPc,
#MS_product .prd_list .thumb img.listPicM,
#MS_product .prd_list .thumb .main_icons img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;      /* 비율 유지 + 꽉 채움 */
  display:block;
  border-radius:0 !important; /* 바깥 a에 radius 줬으니 이미지 radius는 제거 */
}
#MS_product .prd_list .thumb,
#MS_product .prd_list .thumb .main_icons{
  overflow:hidden;
  border-radius:12px;
  background:#f2f2f2;
  aspect-ratio: 1 / 1;   /* 정사각형 */
}

/* 실제 이미지(너 devtools에서 img.listPic 보였지?) */
#MS_product .prd_list .thumb img.listPic,
#MS_product .prd_list .thumb .main_icons img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;          /* ✅ 확대 + 잘라내기 */
  object-position:center;    /* ✅ 가운데 기준 */
  display:block;
}
.btn_more_cate { background:#000; border-color:#000; }
.btn_more_cate .more-title { color:#fff; font-size:1.35rem; font-weight: 700; }
/* BASIC css end */