/* BASIC css start */
/* =========================
   BEST 100 PC (ONLY) - FINAL
   ========================= */

/* ✅ BEST 페이지에서만 전체 기준 잡기 */
#bestPage{
  width: 100% !important;
  max-width: 1750px !important;
  margin: 0 auto !important;

  /* ✅ 헤더 fixed 겹침은 여기서 해결(가장 확실) */
  padding-top: 140px !important;   /* 필요하면 120~170 조절 */
}

/* ✅ 다른 스킨이 #content / #contentWrap에 float/정렬 걸어도 BEST에선 중앙 유지 */
#content{
  float: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
#contentWrap,
#contentWrapper{
  float: none !important;
  width: 100% !important;
}

/* ✅ loc-navi(우측 HOME > BEST100) 겹침 원인 제거 */
#bestPage .loc-navi{
  position: static !important;     /* absolute면 강제로 해제 */
  float: none !important;
  clear: both !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
  z-index: 1 !important;
}

/* ✅ 타이틀도 위쪽 여백 안정화 + 겹침 방지 */
#bestPage .page-hd{
  clear: both !important;
  margin: 0 0 35px !important;
  padding: 0 !important;
}
#bestPage .page-hd h2{
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .06em;
}

/* 리스트 래퍼 */
#bestPage .item-wrap{ width:100%; }

/* ✅ 4열 와이드 그리드 */
#bestPage .item_cont{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 60px 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 카드 */
#bestPage .item_list{
  width: auto !important;
  float: none !important;
}

/* 썸네일 */
#bestPage .tumb{
  display:block !important;
  width:100% !important;
}
#bestPage .tumb img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}

/* 정보 */
#bestPage .info{ margin-top:12px !important; }
#bestPage .prdname{
  font-family:'Noto Sans KR', sans-serif;
  font-size:13px;
  font-weight:500;
  color:#111;
  line-height:1.4;
  margin:0 0 8px !important;
  word-break: keep-all;
}
#bestPage .prdprice{
  font-family:'Noto Sans KR', sans-serif;
  font-size:12px;
  color:#222;
  margin:0 !important;
}
#bestPage .prdprice strike{ color:#aaa; margin-right:6px; }
#bestPage .prdprice .price{ color:#111; font-weight:700; }

/* 준비중 */
#bestPage .none-data{
  padding:120px 0;
  text-align:center;
  color:#555;
  font-family:'Noto Sans KR', sans-serif;
}

/* ✅ 안전장치 */
@media (max-width: 1550px){
  #bestPage{ max-width:1200px !important; }
  #bestPage .item_cont{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 1250px){
  #bestPage{ max-width:92% !important; }
  #bestPage .item_cont{ grid-template-columns: repeat(2, 1fr) !important; }
}
/* BASIC css end */