/** Shopify CDN: Minification failed

Line 455:10 Expected ":"
Line 469:10 Expected ":"

**/
/* =========================================================
   MAX - Product Card tidy stylesheet
   ========================================================= */

/* ---------- TUNING KNOBS - change numbers here only (all consolidated at top) ---------- */
:root{
  /* vertical spacing inside card */
  --card-gap: 10px;
  --vendor-title-gap: 5px;   /* vendor(브랜드) <-> title 사이 간격 */
  --title-line-height: 1.15;
  --vendor-font-weight: 520;
  --chip-icon-size: 12px;   /* 아이콘 크기 */
  --chip-icon-gap: 3px;     /* 아이콘 <-> 텍스트 간격 */
  --chip-radius: 5px;   /* 낮출수록 각짐 (예: 8px, 4px) */

 /* chips (quick specs) */
  --chip-font-size: 10px;            /* NEW: Mobile-only chip font size */
  --chip-font-size-desktop: 13px;    /* NEW: desktop-only chip font size */
  --chip-font-weight: 500;
  --chip-pad-y: 3.2px;
  --chip-pad-x: 4.2px;
  --chip-gap: 5px;
  --chip-bg: #F3F4F6;
  --chip-text: #1F2937;

  /* in-stock badge / price font */
  --instock-font-size: 6.5px;
  --instock-font-size-desktop: 9px;  /* NEW: desktop-only in-stock badge font size */
  --price-font-mobile: 1.8rem;
  --price-font-desktop: 2.0rem;

  /* title/vendor */
  --title-desktop: 1.9rem;
  --vendor-desktop: 1.7rem;
  --title-mobile: 1.7rem;            /* NEW: 모바일 타이틀 폰트 크기 */
  --vendor-mobile: 1.3rem;           /* NEW: 모바일 벤더 폰트 크기 */
  --title-weight-mobile: 525;
  --title-weight-desktop: 520;

  --opt-check-bg: #16A34A;      /* 체크(있음) 배지 배경 */
  --opt-cross-bg: #F3F4F6;      /* X(없음) 배지 배경 */
  --opt-cross-color: #9CA3AF;   /* X(없음) 배지 아이콘 색 */
  --opt-item-color-on: #111827; /* 있음 텍스트 색 */
  --opt-item-color-off: #9CA3AF;/* 없음 텍스트 색(흐리게) */

  /* line/padding knobs (chips-footer / instock-price) */
  --title-chip-gap: 15px;             /* title <-> chip gap */
  --chips-bottom-gap: 13px;          /* space below chips */
  --footer-top-gap: 0px;            /* chips-to-footer gap */
  --card-footer-gap: 4px;            /* instock-to-price gap */
  --card-content-pad-x: 18px;        /* text/footer left-right padding */
  --card-info-pad-top: 10px;         /* card top to vendor */
  --card-info-pad-bottom: 4px;       /* down to just above chips */
  --card-footer-pad-bottom: 18px;    /* footer bottom padding */

  /* OPTION INFO knobs (merged from a separate :root that used to sit mid-file) */
  --opt-max-width: 1080px;           /* option table max width */
  --opt-title-col: 10px;             /* left title column width */
  --opt-col-gap: 20px;               /* option column horizontal gap */
  --opt-row-gap: 80px;               /* row (title+ul) vertical gap */
  --opt-section-gap: 100px;          /* EXTERIOR -> INTERIOR gap (dup 160px removed, kept the value that was actually winning) */
  --opt-title-fs: 14px;              /* section title font size */
  --opt-title-fw: 600;               /* section title weight */
  --opt-title-color: #d14b3a;        /* section title color */
  --opt-item-fs: 14px;               /* option item font size */
  --opt-item-lh: 0.75;               /* option item line height */

  /* Major option icons knob (merged from a separate :root near the bottom) */
  --major-icons-gap: 5px;            /* top/bottom spacing, 16-24px to taste */
  
  /* 섹션 제목(Browse Vehicles 등) 색상/굵기 */
  --section-title-color: #3C3C3C1;
  --section-title-weight: 650;
  --section-title-size: 25px;
}
.block-section-title,
.block-section-title strong,
.process-overview-heading{
  color: var(--section-title-color) !important;
  font-weight: var(--section-title-weight) !important;
  font-size: var(--section-title-size) !important;
}

/* =========================================================
   0) IMAGE: fix frame + cover-fit inner image (apply first)
   (shared by collection/home/detail 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; /* keep theme's padding-bottom ratio */
}
#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;
}
/* protect against a contain-forcing variant */
#MainContent .card.card-product .card-media.card-media-contain .card-media-image{ object-fit:cover !important; }


/* =========================================================
   1) Card text block (vendor/title/chips) & footer (instock/price)
   ========================================================= */
/* top info (vendor/title/chips) left-right padding/spacing */
#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;
}

/* vendor/title line spacing, line-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:var(--title-line-height);
}

/* ⭐️ 모바일 벤더 및 타이틀 폰트 사이즈 적용 부분 ⭐️ */
#MainContent .card.card-product .card-eyebrow{ 
  font-size: var(--vendor-mobile) !important; 
  font-weight: var(--vendor-font-weight); 
  margin: var(--card-gap) 0 var(--vendor-title-gap) !important; 
}
#MainContent .card.card-product .card-heading{ 
  font-size: var(--title-mobile) !important; 
  font-weight: var(--title-weight-mobile); 
  margin: 0 !important; 
}

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

/* chips (quick specs) - supports both 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: 7px var(--chip-gap) !important; /* row gap keeps original value, column gap is 2% for even distribution */
  margin: var(--title-chip-gap) 0 var(--chips-bottom-gap) !important;
  padding: 0 !important;
  list-style: none !important;
  min-height: 52px !important; /* force 2-row height so price line lines up */
}

#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: flex-start !important;   /* center → flex-start (좌정렬) */
  gap: var(--chip-icon-gap) !important;     /* 추가: 아이콘-텍스트 간격 */
  background: var(--chip-bg) !important;
  color: var(--chip-text) !important;
  border: none !important;
  border-radius: var(--chip-radius) !important;
  padding: var(--chip-pad-y) var(--chip-pad-x) !important;
  line-height: 1.1 !important;
  flex: 0 0 auto !important; /* auto% 오타 수정 */
  max-width: auto !important;
  box-sizing: border-box !important;
}

#MainContent .card.card-product .quick-specs .qs-icon,
.quick-specs--card .qs-icon {
  width: var(--chip-icon-size) !important;
  height: var(--chip-icon-size) !important;
  flex: 0 0 auto !important;
  display: block !important;
  object-fit: contain !important;
}

.quick-specs li,
.quick-specs--card li {
  gap: var(--chip-icon-gap) !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;
  display: block !important;
  flex: 1 1 auto !important;      /* width:100% → flex:1 1 auto */
  min-width: 0 !important;        /* 추가: 말줄임(...) 정상 작동에 필요 */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;    /* center → left */
  text-transform: uppercase !important;   /* 추가 */
}

/* footer (instock/price) - supports both 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;
}

/* in-stock badge */
#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;
}

@media (min-width: 990px){
  #MainContent .card.card-product .quick-specs .qs-val,
  #MainContent .card.card-product .quick-specs--card .qs-val{ font-size: var(--chip-font-size-desktop) !important; }

  #MainContent .card.card-product .badge-stock{ font-size: var(--instock-font-size-desktop); }
}

/* price (spacing/line-height/size) */
#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; }

/* unify price font mobile/desktop */
#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; }
}

/* backup: keep left-right padding when info/footer use a different block name */
#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 (collection page)
   ========================================================= */
.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; }
}

/* fixed sidebar width + expand content */
@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) shared: inspection box base
   ========================================================= */
.insp-wrap{
  margin-top: 24px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 20px;
  background: #fff;
}

/* =========================================================
   2) top Vehicle Info only (.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; }

/* section styling only inside the vehicle card */
.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){
  /* full option grid */
  .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);
  }

  /* section title */
  .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;
  }

  /* option 3-columns next to title */
  .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;
  }

  /* push up starting from the 2nd section */
  .insp-wrap.insp--opt .insp-group-title:not(:first-of-type){
    margin-top: var(--opt-section-gap);                  /* space above whole section */
    padding-top: calc(var(--opt-section-gap) - 10px);    /* distance from line above title */
    border-top: 1px solid rgba(0,0,0,.035);
  }
  .insp-wrap.insp--opt .insp-group-title:not(:first-of-type) + ul{
    margin-top: 6px;                                     /* title-to-options gap */
  }
}
/* =========================================================
   3) OPTION INFO only (.insp--opt)
   ========================================================= */
/* (knobs merged to the top :root) */

/* card base tone */
.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;
}

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

/* desktop: 1 title column + 3 option columns */
@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);
  }

  /* section title */
  .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 right after title -> all 3 right-hand columns */
  .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;
  }

  /* each option 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);
  }

  /* space + line above from the 2nd section on */
  .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;
  }
}

/* mobile: simple top-to-bottom */
@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;     /* override baseline */
  justify-content: flex-end !important;
  gap: var(--card-footer-gap) !important;
  flex-wrap: nowrap !important;       /* prevent wrap */
}

/* direct children: fixed size, no wrap/stretch */
#MainContent .card.card-product .card__footer > *,
#MainContent .card.card-product .card-footer  > *{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* unify price wrapper/items to inline-flex baseline */
#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;
}

/* lock badge height/baseline */
#MainContent .card.card-product .badge-stock{
  line-height: 1 !important;
  vertical-align: middle !important;
  transform: none !important;
  white-space: nowrap !important;
}

/* guard against theme adding extra margin inside 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 ===== */
/* (knobs merged to the top :root) */

/* even top/bottom margin on the icon block itself */
#insp-major-options.insp-icons--grid{
  margin: 0 !important;                          /* cancel theme's margin-bottom */
  margin-block: var(--major-icons-gap) !important;
}

/* distance between title (Option Info) and icons below it */
.insp-title + #insp-major-options{
  margin-top: var(--major-icons-gap) !important;
}

/* distance between icon block and the text option list below it */
#insp-major-options + .insp-options{
  padding-top: var(--major-icons-gap) !important;
}

/* desktop/mobile shared: hide labels */
#insp-major-options .insp-icon-label{ display:none !important; }

/* mobile tuning (keep existing rule) */
@media (max-width: 749px){
  #insp-major-options.insp-icons--grid{ gap: 8px; }
  /* label hiding handled by the shared rule above */
}
/* ===== MAX - Inspection cards (Vehicle / Option shared) ===== */
.insp-wrap {
  position: relative;
}

/* Vehicle Info card */
.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 prepped to use the same box later */
.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;
}

/* title */
.insp-wrap.insp--veh .insp-title,
.insp-wrap.insp--opt .insp-title{
  font-size: 22px;
  font-weight: 700;
  color: #D6432F;
  margin-bottom: 16px;
}

/* remove line under the last row in the card */
.insp-wrap.insp--veh .insp-tr:last-child,
.insp-wrap.insp--opt .insp-tr:last-child{
  border-bottom: 20;
}

/* mobile tuning */
@media (max-width: 749.98px){
  .insp-wrap.insp--veh,
  .insp-wrap.insp--opt{
    border-radius: 18px;
    padding: 20px 16px 18px;
  }
}

/* ===== 1) VEHICLE INFO card reset ===== */
.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;
}

/* only these two lines: below title, and at the very bottom */
.insp-wrap.insp--veh .insp-table {
  border-top: 1px solid #F3F3F3 !important;
  border-bottom: 1px solid #F3F3F3 !important;
  margin: 0;
  padding: 0;
}

/* remove all horizontal lines between rows */
.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 force 2 columns (2x5) ===== */
.insp-wrap.insp--veh .insp-table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2 columns */
  column-gap: 80px;
  row-gap: 1px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 2px 0 2px;
}

/* each row is a label-value flex line */
.insp-wrap.insp--veh .insp-tr {
  display: flex !important;
  justify-content: flex-start;
  align-items: left;
  gap: 16px;
  border: 0 !important;   /* remove all inner horizontal lines */
  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;
}

.card-product-recently-viewed-time {
  display: none !important;
}

/* back to 1 column on mobile */
@media (max-width: 749px){
  .insp-wrap.insp--veh .insp-table {
    display: block !important;
  }
  .insp-wrap.insp--veh .insp-tr {
    padding: 1px 0;
  }
}
/* ===== OPTION ICONS card styling (same tone as 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;

  /* fixed 2 rows x 5 columns on desktop */
  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;
}

/* center icon labels */
#insp-major-options > * {
  text-align: center;
}

/* mobile keeps the same 2 rows */
@media (max-width: 749px){
  #insp-major-options {
    grid-template-columns: repeat(5, minmax(64px, 1fr));
    gap: 14px 10px;
    padding: 20px 14px 16px;
  }
}
/* force the icon card to fill width on mobile */
@media (max-width: 749px){
  /* force this card to 100% even if parent is flex */
  #insp-major-options{
    width: 100% !important;
    flex: 0 0 100% !important;
    display: grid !important; /* block flex influence */
    grid-template-columns: repeat(5, minmax(58px, 1fr));
    grid-template-rows: repeat(2, auto);
    gap: 14px 10px;
  }


  /* keep icons from getting too big */
  #insp-major-options img{
    max-width: 56px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* center labels too */
  #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;
  }
}
.insp-wrap.insp--opt .insp-opt-ul li{
  position: relative;
  list-style: none;
  padding-left: 22px;
  color: var(--opt-item-color-off);
}
.insp-wrap.insp--opt .insp-opt-ul li::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 14px; height: 14px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
}
.insp-wrap.insp--opt .insp-opt-ul li.is-yes{
  color: var(--opt-item-color-on);
}
.insp-wrap.insp--opt .insp-opt-ul li.is-yes::before{
  content: "✓";
  background: var(--opt-check-bg);
  color: #fff;
}
.insp-wrap.insp--opt .insp-opt-ul li.is-no::before{
  content: "✕";
  background: var(--opt-cross-bg);
  color: var(--opt-cross-color);
}

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