/* BASIC css start */
/* 세인트크로익스 · 62096 · 상품 목록 전용 CSS · 2026-08-29
   토큰과 공용 부품은 「공통 css-js」 화면의 sc-parts 에 있습니다. */

.sc-cat{padding-bottom:clamp(70px,10vw,140px)}
.sc-cat__tools{display:flex;align-items:center;gap:26px}

/* 분류 칩을 a 로 쓰기 때문에 밑줄을 지웁니다 */
a.sc-chip{text-decoration:none;display:inline-block}
.sc-chips{margin-bottom:clamp(28px,4vw,48px)}
.sc-chips--sub{margin-top:-26px}

.sc-cat__intro{margin:0 0 clamp(28px,4vw,48px)}
.sc-cat__intro img{max-width:100%;height:auto;display:block}

/* 카드에 보태는 것
   sc-card__pic 을 span 으로 쓰기 때문에 block 으로 돌려놓아야
   1:1 비율이 먹습니다. */
.sc-card__pic{display:block}
/* 카드에 보태는 것 */
.sc-card__sub{font-size:13px;font-weight:300;color:var(--sc-sub);margin:4px 0 0;line-height:1.6}
.sc-card__price b{font-weight:400}
.sc-card__so{color:var(--sc-sub);font-size:15px}
.sc-card__rv{display:inline-block;margin-top:9px;font-family:"IBM Plex Mono",monospace;
  font-size:11.5px;color:var(--sc-sub)}

.sc-cat__none{padding:110px 0;text-align:center;color:var(--sc-sub);font-size:15px}

.sc-more{max-width:340px;margin-left:auto;margin-right:auto;text-decoration:none;
  margin-top:clamp(40px,6vw,70px)}

/* 상위분류로 묶인 화면 — 하위 분류 타일 */
.sc-grid--tile{row-gap:44px}
.sc-tile{display:block}
.sc-tile__pic{display:block;aspect-ratio:4/3;background:var(--sc-tile);overflow:hidden}
.sc-tile__pic img{width:100%;height:100%;object-fit:cover;display:block}
.sc-tile__name{display:block;margin-top:14px;font-size:16px;color:var(--sc-ink)}

@media(max-width:820px){
  .sc-cat__tools{width:100%;justify-content:space-between;gap:14px}
  .sc-chips--sub{margin-top:-18px}
}

/* ── 카드 사진 · 2026-09-02 ──
   썸네일은 500×500 정사각(확대이미지 image_l)을 씁니다.
   목록용 image_m 은 496×190 가로형이라 정사각 칸에서 잘렸습니다. */
.sc-card__pic{aspect-ratio:1/1;background:#FFFFFF;border:1px solid var(--sc-line)}
.sc-card__pic img{object-fit:contain}

/* ── 카드 줄 맞춤 · 2026-09-02 ──
   영문 줄이 없는 상품이 있어 상품명과 값이 한 줄씩 어긋났습니다.
   영문 줄 자리를 늘 비워 두고, 상품명은 두 줄로 고정합니다.
   요약설명에 값 범위가 들어 있어 아래 값과 겹치므로 카드에서는 숨깁니다. */
.sc-card__line{min-height:1.5em}
.sc-card__name{min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-card__sub{display:none}

/* BASIC css end */