/** Shopify CDN: Minification failed

Line 369:10 Expected ":"
Line 383:10 Expected ":"
Line 721:0 Unexpected "}"

**/
/* =========================================================
   HANCE — Product Card tidy stylesheet (refactor/통합판)
   마지막 편집: 2025-10-27
   ========================================================= */

/* ----------[ TUNING KNOBS | 여기 숫자만 바꿔도 됨 ]---------- */
:root{
  /* 카드 내 세로 간격 */
  --card-gap: 6px;

  /* 칩(빠른 스펙) */
  --chip-font-size: 9px;
  --chip-font-weight: 500;
  --chip-pad-y: 2.8px;
  --chip-pad-x: 4.5px;
  --chip-gap: 0.5px;
  --chip-bg: #E9F5EC;
  --chip-text: #0A773D;

  /* 인스탁 배지/가격 폰트 */
  --instock-font-size: 8px;
  --price-font-mobile: 1.6rem;
  --price-font-desktop: 1.7rem;

  /* 타이틀/벤더(데스크탑) */
  --title-desktop: 1.7rem;
  --vendor-desktop: 1.05rem;

  /* 라인/패딩 노브 (칩↔푸터/인스탁↔가격) */
  --chips-bottom-gap: 8px;          /* 칩 아래 여백 */
  --footer-top-gap: 4px;            /* 칩~푸터 간격 */
  --card-footer-gap: 4px;           /* 인스탁 ↔ 가격 간격 */
  --card-content-pad-x: 18px;       /* 텍스트/푸터 좌우 패딩 */
  --card-info-pad-top: 10px;        /* 카드 상단~벤더 */
  --card-info-pad-bottom: 4px;      /* 칩 바로 위까지 */
  --card-footer-pad-bottom: 10px;   /* 푸터 하단 패딩 */
  
}

/* =========================================================
   0) IMAGE: 프레임 고정 + 내부 이미지 cover (가장 먼저 적용)
   (컬렉션/홈/상세(Related products) 공통)
   ========================================================= */
#MainContent .card.card-product { border-radius:10px !important; overflow:hidden !important; padding:0 !important; }
#MainContent .card.card-product .card-media{
  margin:0 !important; border-radius:10px 10px 0 0 !important; overflow:hidden !important;
}
#MainContent .card.card-product .card-media .aspect-ratio{
  position:relative !important; overflow:hidden !important; /* 테마의 padding-bottom 비율 유지 */
}
#MainContent .card.card-product .card-media .aspect-ratio > img{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center center !important; display:block !important;
}
/* 혹시 contain 강제가 있는 변형 보호 */
#MainContent .card.card-product .card-media.card-media-contain .card-media-image{ object-fit:cover !important; }


/* =========================================================
   1) 카드 텍스트 블록(벤더/타이틀/칩) & 푸터(인스탁/가격)
   ========================================================= */
/* 상단 정보(벤더/타이틀/칩) 좌우 패딩/간격 복원 */
#MainContent .card.card-product .card-info{
  padding: var(--card-info-pad-top) var(--card-content-pad-x) var(--card-info-pad-bottom) !important;
  margin:0 !important;
}

/* 벤더/타이틀 줄사이 간격 조절 lin-height*/
#MainContent .card.card-product .card-eyebrow,
#MainContent .card.card-product .card-heading{
  text-align:left !important; width:100%; display:block; padding-left:2px; line-height:0.92;
}
#MainContent .card.card-product .card-eyebrow{ font-weight:600; margin: var(--card-gap) 0 2px !important; }
#MainContent .card.card-product .card-heading{ font-weight:600; margin: 2px 0 var(--card-gap) !important; }

@media (min-width: 990px){
  #MainContent .card.card-product .card-heading a{ font-size: var(--title-desktop); line-height:0.8; }
  #MainContent .card.card-product .card-eyebrow{ font-size: var(--vendor-desktop); font-weight:600; }
}

/* 칩(빠른 스펙) — quick-specs / quick-specs--card 둘 다 지원 */
#MainContent .card.card-product .quick-specs,
#MainContent .card.card-product .quick-specs--card{
  display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important;
  gap: var(--chip-gap) var(--chip-gap) !important;
  margin:0 0 var(--chips-bottom-gap) !important; padding:0 !important; list-style:none !important;
}
#MainContent .card.card-product .quick-specs li,
#MainContent .card.card-product .quick-specs--card li{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:var(--chip-bg) !important; color:var(--chip-text) !important;
  border:none !important; border-radius:20px !important;
  padding: var(--chip-pad-y) var(--chip-pad-x) !important; line-height:1.1 !important; white-space:nowrap !important;
}
#MainContent .card.card-product .quick-specs .qs-val,
#MainContent .card.card-product .quick-specs--card .qs-val{
  font-size:var(--chip-font-size) !important; font-weight:var(--chip-font-weight) !important; line-height:1.05 !important;
}

/* 푸터(인스탁/가격) — card__footer / card-footer 모두 */
#MainContent .card.card-product .card__footer,
#MainContent .card.card-product .card-footer{
  display:flex !important; align-items:center !important; justify-content:flex-end !important;
  gap: var(--card-footer-gap) !important;
  margin-top: var(--footer-top-gap) !important;
  padding: 0 var(--card-content-pad-x) var(--card-footer-pad-bottom) !important;
  border-top:0 !important; min-height:0 !important;
}

/* 인스탁 배지 */
#MainContent .card.card-product .badge-stock{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  margin:0 !important; padding:2px 4.5px !important; border-radius:20px;
  background:#e9f5ec; color:#0a773d; font-weight:500; font-size:var(--instock-font-size); line-height:1 !important;
}

/* 가격(여백/줄간격/크기) */
#MainContent .card.card-product .price--listing{ display:inline-block !important; margin:0 !important; line-height:1.2; font-weight:700 !important; }
#MainContent .card.card-product .card__footer .price,
#MainContent .card.card-product .card-footer .price{ margin:0 !important; }
#MainContent .card.card-product .price--listing .price-item,
#MainContent .card.card-product .price .price-item{ line-height:1 !important; display:inline-flex !important; align-items:center !important; }

/* 가격 폰트 통일(모바일/데스크탑) */
#MainContent .card.card-product .price-item.price-item-regular,
#MainContent .card.card-product .price-item.price-item--regular{ font-size:var(--price-font-mobile) !important; font-weight:700 !important; line-height:1.2 !important; }
@media (min-width:990px){
  #MainContent .card.card-product .price-item.price-item-regular,
  #MainContent .card.card-product .price-item.price-item--regular{ font-size:var(--price-font-desktop) !important; line-height:1.1 !important; }
}

/* 백업: 레이아웃 변형 대비(정보/푸터가 다른 블록명일 때 좌우 패딩 유지) */
#MainContent .card.card-product > *:not(.card-media){
  padding-left: var(--card-content-pad-x) !important;
  padding-right: var(--card-content-pad-x) !important;
}

/* =========================================================
   2) GRID & SIDEBAR (컬렉션 페이지)
   ========================================================= */
.template-collection .product-grid,
.section-collection .product-grid,
.collection .product-grid{ margin-left:auto; margin-right:auto; }

@media (max-width: 749px){
  .product-grid, .product-grid.product-grid--mobile-two-columns{
    display:grid !important; grid-template-columns:1fr !important; justify-items:stretch !important; align-items:start !important;
    gap:16px !important; margin-left:auto !important; margin-right:auto !important;
  }
  .product-grid > *, .product-grid .grid__item, .product-grid .product-grid__item, .product-grid .collection-product, .product-list > li{
    width:100% !important; max-width:none !important; flex:1 1 100% !important; margin:0 !important;
  }
  .card.card-product, .card.card-product .card-media, .card.card-product .card-media .aspect-ratio{ width:100% !important; }
}

@media (min-width: 750px) and (max-width: 1023px){
  .product-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:18px !important; }
}

@media (min-width: 1024px){
  .product-grid{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:20px !important; }
}

/* 사이드바 폭 고정 + 컨텐츠 확장 */
@media (min-width: 990px){
  body.template-collection .facets-wrap.page-layout-with-sidebar.page-layout-with-sidebar-drawer{
    display:grid !important; grid-template-areas:"sidebar content" !important;
    grid-template-columns:180px minmax(0, 1fr) !important; column-gap:35px !important;
  }
  body.template-collection .page-layout-sidebar-inner-content{ width:180px !important; max-width:180px !important; flex:0 0 180px !important; }
  body.template-collection .page-layout-content-inner,
  body.template-collection .page-layout-main-content,
  body.template-collection .facets-results{ width:auto !important; flex:1 1 auto !important; min-width:0 !important; }
}

/* =========================================================
   1) 공통: inspection 박스 기본
   ========================================================= */
.insp-wrap{
  margin-top: 24px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 20px;
  background: #fff;
}

/* =========================================================
   2) 위쪽 Vehicle Info 전용 (.insp--veh)
   ========================================================= */
.insp-wrap.insp--veh .insp-title{
  color: var(--color-accent, #d14b3a);
  font-weight: 700;
  font-size: 1.5rem;
  margin: 24px 0 8px;
}

.insp-icons{
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 990px){
  .insp-icons{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width: 520px){
  .insp-icons{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

.insp-icon-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px dashed rgba(0,0,0,.08);
  border-radius:10px;
  background:#fff;
}
.insp-icon-item img{
  width:18px;
  height:18px;
  display:block;
  filter:grayscale(100%);
  opacity:.6;
}
.insp-icon-item.is-on img{ filter:none; opacity:1; }

.insp-table{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:12px;
}
.insp-tr{
  display:grid;
  grid-template-columns:180px 1fr;
  padding:10px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
@media (max-width: 520px){
  .insp-tr{ grid-template-columns:120px 1fr; }
}
.insp-td-label{ font-weight:700; color:#444; }
.insp-td-val{ color:#111; }
.insp-empty{ padding:10px 0; color:#666; }

/* vehicle 카드 안에서만 섹션 스타일 적용 */
.insp-wrap.insp--veh .insp-options{
  margin-top:0;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.08);
}
.insp-wrap.insp--veh .insp-group-title{
  font-size:2rem;
  font-weight:700;
  color: var(--color-accent,#d14b3a);
  margin:16px 0 8px;
  padding-top:8px;
  border-top:1px solid rgba(0,0,0,.08);
  letter-spacing:.02em;
}
.insp-wrap.insp--veh .insp-group-title:first-of-type{
  border-top:none;
  margin-top:0;
  padding-top:0;
}
@media (min-width: 990px){
  /* 옵션 전체 그리드 */
  .insp-wrap.insp--opt .insp-options{
    max-width: var(--opt-max-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: var(--opt-title-col) repeat(3, minmax(140px, 1fr));
    column-gap: var(--opt-col-gap);
    row-gap: var(--opt-row-gap);
  }

  /* 섹션 제목 */
  .insp-wrap.insp--opt .insp-group-title{
    grid-column: 1 / 2 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI","Helvetica Neue", Arial, sans-serif;
    font-size: var(--opt-title-fs);
    font-weight: var(--opt-title-fw);
    color: var(--opt-title-color);
    margin: 0;
    line-height: 1.05;
  }

  /* 제목 옆 옵션 3열 */
  .insp-wrap.insp--opt .insp-group-title + ul{
    grid-column: 2 / 5 !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    column-gap: var(--opt-col-gap);
    row-gap: 4px;
    list-style: none;
    margin: 0;
    padding: 4px 0 0;
  }

  /* ⭐ 여기부터가 포인트: 두 번째 섹션부터 위로 띄우기 */
  .insp-wrap.insp--opt .insp-group-title:not(:first-of-type){
    margin-top: var(--opt-section-gap);                  /* 섹션 전체 위 여백 */
    padding-top: calc(var(--opt-section-gap) - 10px);    /* 제목 바로 위 라인과 거리 */
    border-top: 1px solid rgba(0,0,0,.035);
  }
  .insp-wrap.insp--opt .insp-group-title:not(:first-of-type) + ul{
    margin-top: 6px;                                     /* 제목과 옵션 사이 */
  }
}
/* =========================================================
   3) OPTION INFO 전용 (.insp--opt) ─ 망고월드 구조식
   ========================================================= */

/* ── 노브: 여기 값만 바꿔서 튜닝 ── */
:root{
  --opt-max-width: 1080px;          /* 옵션표 전체 최대폭 */
  --opt-title-col: 10px;           /* 왼쪽 타이틀 칼럼 폭 */
  --opt-col-gap: 20px;              /* 옵션열 가로 간격 */
  --opt-row-gap: 80px;              /* 같은 행(타이틀+ul) 세로 간격 */
  --opt-section-gap: 160px; 
  --opt-section-gap: 100px;          /* EXTERIOR → INTERIOR 사이 여백 */
  --opt-title-fs: 14px;             /* 섹션 타이틀 글자크기 */
  --opt-title-fw: 700;              /* 섹션 타이틀 굵기 */
  --opt-title-color: #d14b3a;       /* 섹션 타이틀 색 */
  --opt-item-fs: 14px;              /* 옵션 아이템 글자크기 */
  --opt-item-lh: 0.75;              /* 옵션 아이템 줄간격 */
}

/* 카드 기본톤 */
.insp-wrap.insp--opt{
  background:#fff;
  border:1px solid rgba(0,0,0,.03);
  border-radius:24px;
  box-shadow:0 10px 28px rgba(16,24,40,.05);
  padding:26px 28px 26px;
}

/* 제목 */
.insp-wrap.insp--opt .insp-title{
  font-size:20px;
  font-weight:700;
  color:#d6432f;
  margin:0 0 16px;
}

/* ── 데스크탑: 1열 타이틀 + 3열 옵션 ── */
@media (min-width: 990px){
  .insp-wrap.insp--opt .insp-options{
    max-width: var(--opt-max-width);
    margin: 20;
    display: grid;
    grid-template-columns: var(--opt-title-col) repeat(3, minmax(140px, 1fr));
    column-gap: var(--opt-col-gap);
    row-gap: var(--opt-row-gap);
  }

  /* 섹션 타이틀 */
  .insp-wrap.insp--opt .insp-group-title{
    grid-column: 1 / 2 !important;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI","Helvetica Neue", Arial, sans-serif;
    font-size: var(--opt-title-fs);
    font-weight: var(--opt-title-fw);
    bottom margin: 20;
    color: var(--opt-title-color);
    margin: 25px 0 6px;
    line-height: 1.05;
  }

  /* 타이틀 바로 다음 UL → 오른쪽 3칸 모두 */
  .insp-wrap.insp--opt .insp-group-title + ul{
    grid-column: 2 / 5 !important;
    display: grid;
    grid-template-columns: repeat(3, minmax(120px,1fr));
    column-gap: var(--opt-col-gap);
    row-gap: 4px;
    list-style: none;
    bottom margin: 20;
    padding: 4px 0 0 0;
  }

  /* 각 옵션 li */
  .insp-wrap.insp--opt .insp-group-title + ul > li{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI","Helvetica Neue", Arial, sans-serif;
    font-size: var(--opt-item-fs);
    line-height: var(--opt-item-lh);
  }

  /* 두 번째 섹션부터 위에 여백 + 라인 */
  .insp-wrap.insp--opt .insp-group-title:not(:first-of-type){
    margin-top: var(--opt-section-gap);
    padding-top: 12px;
    border-top: 21px solid rgba(0,0,0,.035);
  }
  .insp-wrap.insp--opt .insp-group-title:not(:first-of-type) + ul{
    padding-top: 10px;
  }
}

/* ── 모바일: 그냥 위→아래 ── */
@media (max-width: 989.98px){
  .insp-wrap.insp--opt{
    border-radius: 18px;
    padding: 20px 16px 18px;
  }
  .insp-wrap.insp--opt .insp-options{
    display: block;
  }
  .insp-wrap.insp--opt .insp-group-title{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI","Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--opt-title-color);
    margin: 14px 0 6px;
    border-top: none;
  }
  .insp-wrap.insp--opt .insp-group-title + ul{
    list-style: none;
    margin: 0 0 8px 0;
    padding: 0;
  }
  .insp-wrap.insp--opt .insp-group-title + ul li{
    font-size: 14px;
    line-height: 1.35;
    margin-bottom: 3px;
  }
}

/* ==== FIX: card footer inline alignment (badge + price) ==== */
#MainContent .card.card-product .card__footer,
#MainContent .card.card-product .card-footer{
  display: flex !important;
  align-items: center !important;     /* baseline 덮어쓰기 */
  justify-content: flex-end !important;
  gap: var(--card-footer-gap) !important;
  flex-wrap: nowrap !important;       /* 줄바꿈 방지 */
}

/* 직계 자식들은 크기 고정, 줄바꿈/늘어남 방지 */
#MainContent .card.card-product .card__footer > *,
#MainContent .card.card-product .card-footer  > *{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* price 래퍼/아이템을 inline-flex로 정렬 기준 통일 */
#MainContent .card.card-product .card__footer .price,
#MainContent .card.card-product .card-footer  .price{
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  line-height: 1 !important;
  margin: 0 !important;
}
#MainContent .card.card-product .price--listing .price-item,
#MainContent .card.card-product .price .price-item{
  display: inline-block !important;
  line-height: 1 !important;
}

/* 배지 쪽 높이/기준선 고정 */
#MainContent .card.card-product .badge-stock{
  line-height: 1 !important;
  vertical-align: middle !important;
  transform: none !important;
  white-space: nowrap !important;
}

/* 혹시 테마가 footer 안에 여백을 더 주는 변형 방지 */
#MainContent .card.card-product .card__footer .price--listing,
#MainContent .card.card-product .card-footer  .price--listing{
  margin: 0 !important;
  padding: 0 !important;
}

/* =====[ PATCH ] Major option icons: equal spacing & hide labels ===== */
:root{
  --major-icons-gap: 5px; /* 위/아래 통일 간격 — 16~24px 취향대로 */
}

/* 아이콘 블록 자체 여백을 위/아래 동일하게 */
#insp-major-options.insp-icons--grid{
  margin: 0 !important;                          /* 기존 margin-bottom 무력화 */
  margin-block: var(--major-icons-gap) !important;
}

/* 타이틀(Option Info) 아래와 아이콘 사이 거리 */
.insp-title + #insp-major-options{
  margin-top: var(--major-icons-gap) !important;
}

/* 아이콘 블록 아래(텍스트 옵션 리스트)와의 거리 */
#insp-major-options + .insp-options{
  padding-top: var(--major-icons-gap) !important;
}

/* 데스크탑/모바일 공통: 라벨 숨김 */
#insp-major-options .insp-icon-label{ display:none !important; }

/* 모바일 튜닝(기존 규칙 유지) */
@media (max-width: 749px){
  #insp-major-options.insp-icons--grid{ gap: 8px; }
  /* 라벨 숨김은 위 공통 규칙으로 처리됨 */
}
/* ===== HANCE – Inspection cards (Vehicle / Option 공통) ===== */
.insp-wrap {
  position: relative;
}

/* Vehicle Info 카드 */
.insp-wrap.insp--veh{
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(16,24,40,.05);
  padding: 26px 28px 26px;
  margin-bottom: 28px;
}

/* Option Info도 나중에 같은 박스로 쓰게 미리 준비 */
.insp-wrap.insp--opt{
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(16,24,40,.05);
  padding: 26px 28px 26px;
  margin-bottom: 28px;
}

/* 제목 */
.insp-wrap.insp--veh .insp-title,
.insp-wrap.insp--opt .insp-title{
  font-size: 22px;
  font-weight: 700;
  color: #D6432F;  /* 너가 위에 쓰는 그 컬러 */
  margin-bottom: 16px;
}

/* 카드 안의 마지막 줄은 선 빼기 */
.insp-wrap.insp--veh .insp-tr:last-child,
.insp-wrap.insp--opt .insp-tr:last-child{
  border-bottom: 20;
}

/* 모바일 튜닝 */
@media (max-width: 749.98px){
  .insp-wrap.insp--veh,
  .insp-wrap.insp--opt{
    border-radius: 18px;
    padding: 20px 16px 18px;
  }
}

/* ===== 1) VEHICLE INFO 카드 리셋 ===== */
.insp-wrap.insp--veh {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(16,24,40,.05);
  padding: 26px 28px 20px;
  margin: 26px 0 32px;
  box-sizing: border-box;
}

.insp-wrap.insp--veh .insp-title {
  font-size: 22px;
  font-weight: 700;
  color: #D6432F;
  margin: 0 0 16px;
}

/* 제목 아래, 마지막 아래 — 이 두 줄만 */
.insp-wrap.insp--veh .insp-table {
  border-top: 1px solid #F3F3F3 !important;
  border-bottom: 1px solid #F3F3F3 !important;
  margin: 0;
  padding: 0;
}

/* 행 사이사이 가로선 싹 제거 */
.insp-wrap.insp--veh .insp-tr,
.insp-wrap.insp--veh .insp-table > div {
  border: 0 !important;
  display: flex !important;
  justify-content: space-between;
  gap: 16px;
  padding: 6px 0;
}

.insp-wrap.insp--veh .insp-td-label {
  font-weight: 600;
  color: #1F2937;
}
.insp-wrap.insp--veh .insp-td-val {
  text-align: right;
  color: #111827;
}

/* ===== Vehicle Info 2열(2x5) 강제 ===== */
.insp-wrap.insp--veh .insp-table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2열 */
  column-gap: 80px;
  row-gap: 1px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 2px 0 2px;
}

/* 각 행은 라벨-값 한 줄 flex */
.insp-wrap.insp--veh .insp-tr {
  display: flex !important;
  justify-content: flex-start;
  align-items: left;
  gap: 16px;
  border: 0 !important;   /* 안쪽 가로선 전부 제거 */
  padding: 1px 0;
}

.insp-wrap.insp--veh .insp-td-label {
  font-weight: 600;
  color: #111;
}

.insp-wrap.insp--veh .insp-td-val {
  text-align: left;
  white-space: nowrap;
}

/* 모바일에서는 다시 1열 */
@media (max-width: 749px){
  .insp-wrap.insp--veh .insp-table {
    display: block !important;
  }
  .insp-wrap.insp--veh .insp-tr {
    padding: 1px 0;
  }
}
/* ===== OPTION ICONS 카드화 (Vehicle Info 랑 동일 톤) ===== */
#insp-major-options {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(16,24,40,.05);
  padding: 26px 28px 22px;
  margin: 26px 0 32px;
  box-sizing: border-box;

  /* 데스크탑 2줄 × 5칸 고정 */
  display: grid;
  grid-template-columns: repeat(5, minmax(80px, 1fr));
  grid-template-rows: repeat(2, auto);
  gap: 22px 14px;
  align-items: center;
  justify-items: center;
}

/* 아이콘 라벨 가운데로 */
#insp-major-options > * {
  text-align: center;
}

/* 모바일은 그냥 2줄 유지 */
@media (max-width: 749px){
  #insp-major-options {
    grid-template-columns: repeat(5, minmax(64px, 1fr));
    gap: 14px 10px;
    padding: 20px 14px 16px;
  }
}
/* 모바일에서 아이콘 카드가 꽉 차게 고정 */
@media (max-width: 749px){
  /* 부모가 flex여도 이 카드 하나를 100%로 강제 */
  #insp-major-options{
    width: 100% !important;
    flex: 0 0 100% !important;
    display: grid !important; /* flex 영향 차단 */
    grid-template-columns: repeat(5, minmax(58px, 1fr));
    grid-template-rows: repeat(2, auto);
    gap: 14px 10px;
  }


  /* 아이콘이 너무 커지지 않게 */
  #insp-major-options img{
    max-width: 56px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* 라벨도 가운데로 */
  #insp-major-options .insp-icon-label{
    text-align: center !important;
  }
}
@media (max-width: 749px){
    .footer,
      .footer .footer__content,
        .footer .footer__bottom{
            text-align:center !important;
                align-items:center !important;
                  }
                    .footer .footer__content > *{
                        margin-left:auto;
                            margin-right:auto;
                              }
                                .footer .social-icons,
                                  .footer .footer__social{
                                      display:flex !important;
                                          justify-content:center !important;
                                              gap:16px;
                                                }
                                                }
}

/* ===== Vehicle Info 2열(2x5) 강제 ===== */
.insp-wrap.insp--opt .insp-options{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2열 */
  column-gap: 80px;
  row-gap: 1px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 2px 0 2px;
}