/* ============================================================
   모바일 메인 + 분류리스트 상품카드 미관 (market 테마 · mobile 전용)
   : 흰카드 + 라운드 + 그림자 + 정사각(contain) 이미지
   PC 버전(theme_market_elec.css)과 동일한 비주얼 언어를 모바일에 적용
   ============================================================ */
:root{
  --ec-blue:#0071e3;
  --ec-ink:#1c1e21;
  --ec-gray:#767a80;
  --ec-line:#eef0f4;
  --ec-radius:14px;
  --ec-shadow:0 1px 2px rgba(0,0,0,.03), 0 6px 18px rgba(0,0,0,.05);
}

/* ---------- 메인 섹션 제목 (좌측 파란 세로선) ---------- */
.sct_wrap h2{
  font-size:17px; font-weight:800; color:var(--ec-ink); letter-spacing:-.3px;
  text-align:left; margin:28px 2px 16px; padding-left:12px;
  border-left:4px solid var(--ec-blue); line-height:1.3;
}
.sct_wrap h2 a{ color:var(--ec-ink); }
.sct_wrap h2:after{ display:none !important; }

/* ============================================================
   갤러리(2단) 상품카드 — 분류리스트 slt_10
   ============================================================ */
.slt_10 .sct_li{ padding:0 6px; margin-bottom:14px; }
.slt_10 .sct_li .li_wr{
  background:#fff;
  border:1px solid var(--ec-line);
  border-radius:var(--ec-radius);
  box-shadow:var(--ec-shadow);
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.slt_10 .sct_li:hover .li_wr,
.slt_10 .sct_li:active .li_wr{
  border-color:var(--ec-blue);
  box-shadow:0 10px 26px rgba(0,113,227,.16);
  transform:translateY(-2px);
}
/* 이미지 영역: 흰배경 + 정사각 + contain(잘리지 않음) */
.slt_10 .sct_li .sct_img{
  background:#fff; aspect-ratio:1/1; overflow:hidden;
}
.slt_10 .sct_li .sct_img img{
  width:100% !important; height:100% !important;
  object-fit:contain !important; object-position:center; display:block;
}
.slt_10 .sct_li .sct_wrap_ct{ padding:8px 8px 10px; }
.slt_10 .sct_li .sct_txt{
  font-size:12.5px; font-weight:600; color:var(--ec-ink); line-height:1.45;
  margin:0 0 4px; text-align:left;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.slt_10 .sct_li .sct_txt a{ color:var(--ec-ink); }
.slt_10 .sct_li .sct_cost{
  font-size:15px; font-weight:800; color:var(--ec-ink); text-align:left; margin:2px 0 2px;
}

/* ============================================================
   메인 슬라이더 — sct_40 (인기상품 / 추천상품)
   ============================================================ */
.sct_40 .sct_li .sct_img{
  background:#fff; aspect-ratio:1/1; overflow:hidden; border-radius:var(--ec-radius);
}
.sct_40 .sct_li .sct_img img{
  width:100% !important; height:100% !important;
  object-fit:contain !important; object-position:center; display:block;
}
.sct_40 .sct_txt_wr{ padding:8px 4px 10px; }
.sct_40 .sct_txt{
  font-size:12.5px; font-weight:600; line-height:1.45; margin:0 0 3px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.sct_40 .sct_cost{ font-size:15px; font-weight:800; color:var(--ec-ink); margin:0; }
.sct_40 .sct_rank{ border-radius:8px; }

/* ============================================================
   4단 카드 — sct_10
   ============================================================ */
.sct_10 .sct_li .li_wr{
  background:#fff; border:1px solid var(--ec-line); border-radius:var(--ec-radius);
  box-shadow:var(--ec-shadow); overflow:hidden;
}
.sct_10 .sct_li .sct_img{ aspect-ratio:1/1; overflow:hidden; background:#fff; }
.sct_10 .sct_li .sct_img img{
  width:100% !important; height:100% !important;
  object-fit:contain !important; display:block;
}
.sct_10 .sct_li .sct_txt{ font-size:12px; font-weight:600; }
.sct_10 .sct_li .sct_cost{ font-size:14px; font-weight:800; color:var(--ec-ink); }

/* ============================================================
   한 줄 리스트 — slt_20 (가로 나열)
   ============================================================ */
.slt_20 .sct_li .li_wr{
  border:1px solid var(--ec-line); border-radius:var(--ec-radius); background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.02),0 4px 12px rgba(0,0,0,.04);
  margin-bottom:10px; overflow:hidden;
}
.slt_20 .sct_li .sct_img{ border-radius:8px; overflow:hidden; background:#fff; }
.slt_20 .sct_li .sct_img img{ object-fit:contain; }
.slt_20 .sct_li .sct_txt{ font-size:13px; font-weight:600; }
.slt_20 .sct_li .sct_cost{ font-size:15px; font-weight:800; color:var(--ec-ink); }