/*
 * bridge.css — Bricks 네이티브 요소 기본값 → 굿웨어몰 킷 CSS 레이아웃 브릿지
 * Bricks container/section 기본 스타일(flex-column, 1100px max-width, padding)을
 * 일반 블록 흐름으로 되돌려 키트 CSS의 클래스 기반 레이아웃이 주도하도록 한다.
 * (gw-swiper 이전, 키트 CSS 체인 최전단에서 로드 — 키트 클래스가 동일 특이성에서 우선)
 */

.brxe-container,
.brxe-section,
.brxe-block,
.brxe-div {
  display: block;
  flex-direction: row;
  align-items: stretch;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 이미지 기본 제약 해제 (키트 CSS가 크기 지정) */
.brxe-image img {
  max-width: 100%;
  height: auto;
}

/* Bricks Image 요소: 링크 래퍼(a)에 클래스가 부여되므로 내부 img에도 키트 스타일 적용 */
.catalog-item.st-tile .tile-thumb .tile-img,
.catalog-item.st-tile .tile-img,
.pc-prod-thumb .pc-prod-img {
  display: block;
  width: 100%;
  height: 100%;
}
.catalog-item.st-tile .tile-thumb .tile-img img,
.catalog-item.st-tile .tile-img img,
.pc-prod-thumb .pc-prod-img img,
.pc-prod-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* 타일 썸네일 3:4 비율 유지 (원본 .tile-thumb 가용 높이 보정) */
.catalog-item.st-tile .tile-thumb {
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.pc-prod-item .pc-prod-thumb {
  aspect-ratio: 3 / 4;
  overflow: hidden;
  position: relative;
}
/* 키트 셀렉터 호환: navigator chips 가로 배치 */
.navigator.st-pill {
  display: flex;
  flex-wrap: wrap;
}