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

/* =========================================================
   MAX — SALE / COMPARE-AT PRICE  (상품카드 + 상세페이지)
   2026-09-16 · 대상 테마: /cdn/shop/t/10 (assets/inspection.css)

   붙여넣는 곳: assets/inspection.css 맨 끝
   전제 1) 선택자에 #MainContent 를 반드시 붙인다.
           theme 안의 인라인 <style id="hta-card-title-strong"> 에
           `#MainContent .price .price-item{font-weight:600!important}` 가 있어서
           ID 없는 선택자로는 굵기를 못 이긴다.
   전제 2) :has() 3곳 사용. Chrome 105+/Safari 15.4+/Firefox 121+.
           미지원 브라우저에서는 기존 동작으로 조용히 되돌아간다(깨지지 않음).
   ========================================================= */


/* ---------- TUNING KNOBS — 숫자만 여기서 바꾸세요 ---------- */
:root{
  /* 공통 톤 */
  --mx-accent:        #DF472E;             /* 사이트 기본 액센트(버튼/세일) */
  --mx-accent-tint:   rgba(223,71,46,.10); /* 할인칩 배경(연한 액센트) */
  --mx-compare-ink:   #98A2B3;             /* 취소선 가격 색 (slate-400) */
  --mx-strike-alpha:  .8;                  /* 취소선 진하기 0~1 */

  /* 상품카드 */
  --mx-card-compare-size:         12px;    /* 모바일 취소선 가격 */
  --mx-card-compare-size-desktop: 13.5px;  /* 데스크톱 취소선 가격 */
  --mx-card-compare-weight:       500;
  --mx-card-price-gap:            1px;     /* 취소선줄 ↔ 판매가줄 간격 */
  --mx-card-badge-lift:           0px;     /* IN STOCK 배지 수직 미세조정(기본 0) */

  /* 모든 카드에 미리 비워두는 "할인가 1줄" 높이.
     = 취소선 줄상자(크기x1.2) + 줄간격 + 판매가 줄상자(크기x1)
     세일/비세일 카드의 가격줄을 같은 높이에 고정시키는 값이다. */
  --mx-card-price-block-h:
    calc(var(--mx-card-compare-size) * 1.2 + var(--mx-card-price-gap) + var(--price-font-mobile));

  /* 상품카드 이미지 위 할인율 배지 */
  --mx-card-sale-badge:        inline-flex; /* none 으로 바꾸면 카드에서 숨김 */
  --mx-card-sale-badge-size:   9px;
  --mx-card-sale-badge-inset:  10px;        /* marketplace 칩과 같은 여백 */

  /* 상세페이지 */
  --mx-pdp-compare-size:  14px;   /* 취소선 가격 */
  --mx-pdp-compare-weight:500;
  --mx-pdp-chip-size:     11.5px; /* 할인율 칩 */
  --mx-pdp-chip-weight:   650;
  --mx-pdp-final-size:    28px;   /* 최종 판매가 */
  --mx-pdp-final-weight:  700;
  --mx-pdp-final-line:    1.05;   /* 히어로 가격 줄높이 (라벨 정렬에 같이 쓰임) */
  --mx-pdp-line-gap:      7px;    /* 칩 ↔ 취소선 가격 */
  --mx-pdp-row-gap:       3px;    /* 취소선줄 ↔ 판매가줄 */
}

/* =========================================================
   1) 상품카드 — 가격줄을 모든 카드에서 같은 높이에 고정 + IN STOCK 배지 보호
   ========================================================= */

/* 1-a. 푸터를 항상 카드 바닥에 고정한다.
   inspection.css 가 테마의 `margin-top:auto` 를 `var(--footer-top-gap)`(=0) 으로
   덮어써서, 지금까지 가격줄이 칩 줄 수(2줄/3줄)에 따라 카드마다 최대 22px씩
   다른 높이에 찍히고 있었다. 카드 아래쪽에 28px/6px 빈 공간이 남는 게 그 증거다. */
#MainContent .card.card-product .card-footer,
#MainContent .card.card-product .card__footer{
  margin-top: auto !important;
  align-items: flex-end !important;
}

#MainContent .card.card-product .card-footer .card-footer-intro,
#MainContent .card.card-product .card__footer .card-footer-intro{
  margin: 0 0 var(--mx-card-badge-lift) 0 !important;
  flex: 0 0 auto !important;
}

/* 1-b. 모든 카드가 "할인가 1줄" 공간을 항상 확보한다 (세일 여부 무관).
   → 할인 상품과 정상가 상품의 가격줄·배지·카드 바닥이 완전히 같은 선에 온다. */
#MainContent .card.card-product .card-footer .price,
#MainContent .card.card-product .card__footer .price{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  min-height: var(--mx-card-price-block-h) !important;
  min-width: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
}

/* 세일 카드: 취소선 / 판매가 2줄 세로 스택 (오른쪽 정렬) */
#MainContent .card.card-product .price.price-on-sale .price-container,
#MainContent .card.card-product .price.price-on-sale .price-sale{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: var(--mx-card-price-gap) !important;
  text-align: right !important;
}

/* 취소선(원래 가격) — 작게, 흐리게 */
#MainContent .card.card-product .price-sale s.price-item,
#MainContent .card.card-product .price-sale s.price-item.price-item-regular{
  font-size: var(--mx-card-compare-size) !important;
  font-weight: var(--mx-card-compare-weight) !important;
  color: var(--mx-compare-ink) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums !important;
  text-decoration: none !important;
}

/* 최종 판매가 — 일반 카드 가격과 같은 크기, 액센트 컬러 */
#MainContent .card.card-product .price-sale .price-item-sale,
#MainContent .card.card-product .price-sale .price-item.price-item-last{
  font-size: var(--price-font-mobile) !important;
  font-weight: 700 !important;
  color: var(--mx-accent) !important;
  /* 테마의 일반 카드 가격과 같은 줄상자(line-height:1)를 써야
     IN STOCK 배지와 글자 중심이 정확히 일치한다. 바꾸지 말 것. */
  line-height: 1 !important;
  letter-spacing: -.012em !important;
  font-variant-numeric: tabular-nums !important;
  margin: 0 !important;
}

@media (min-width: 990px){
  :root{
    --mx-card-price-block-h:
      calc(var(--mx-card-compare-size-desktop) * 1.2 + var(--mx-card-price-gap) + var(--price-font-desktop));
  }

  #MainContent .card.card-product .price-sale s.price-item,
  #MainContent .card.card-product .price-sale s.price-item.price-item-regular{
    font-size: var(--mx-card-compare-size-desktop) !important;
  }
  #MainContent .card.card-product .price-sale .price-item-sale,
  #MainContent .card.card-product .price-sale .price-item.price-item-last{
    font-size: var(--price-font-desktop) !important;
  }
}

/* 카드 가격줄에 남아있는 인라인 할인칩은 숨김 (배지는 이미지 위로 통일) */
#MainContent .card.card-product .card-footer .price .badge-sale,
#MainContent .card.card-product .card__footer .price .badge-sale{
  display: none !important;
}

/* =========================================================
   2) 상품카드 — 할인율 배지를 우측 상단으로 (marketplace 칩과 충돌 해제)
   ========================================================= */
#MainContent .card.card-product .card-media .card-product-badges{
  top: var(--mx-card-sale-badge-inset) !important;
  inset-inline-start: auto !important;
  inset-inline-end: var(--mx-card-sale-badge-inset) !important;
  width: auto !important;
  align-items: flex-end !important;
  gap: 4px !important;
  z-index: 11 !important;
}

#MainContent .card.card-product .card-product-badges .card-badge{
  position: relative !important;
  inset: auto !important;
}

#MainContent .card.card-product .card-product-badges .badge.badge-sale{
  display: var(--mx-card-sale-badge) !important;
  align-items: center !important;
  font-size: var(--mx-card-sale-badge-size) !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  padding: 3.5px 8px !important;
  border-radius: 999px !important;
  background: var(--mx-accent) !important;
  color: #fff !important;
  box-shadow: 0 1px 4px rgba(16,24,40,.20) !important;
  font-variant-numeric: tabular-nums !important;
}

/* =========================================================
   3) 상세페이지 — 라벨 / 할인칩+취소선 / 히어로 가격
   ========================================================= */

/* 라벨을 히어로 가격줄에 맞춤.
   라벨의 줄상자 높이를 히어로 가격의 줄상자와 같게 만든 뒤 하단 정렬한다.
   → 두 글자의 광학 중심이 같은 선에 온다 (매직 오프셋 없음, 크기 노브를 자동 추종).
   비세일 상품에도 적용 — 테마 기본값(baseline)은 4.5px 어긋나 있었다. */
#MainContent .product-page .hat-vehicle-price{
  align-items: end !important;
}

/* 비세일: 히어로 가격 = --hat-price-size x 1.1 (테마 값) */
#MainContent .product-page .hat-vehicle-price .hat-epp-label--vehicle{
  line-height: calc(var(--hat-price-size, 25px) * 1.1) !important;
}

/* 세일: 히어로 가격 = --mx-pdp-final-size x --mx-pdp-final-line */
#MainContent .product-page .hat-vehicle-price:has(.price-on-sale) .hat-epp-label--vehicle{
  line-height: calc(var(--mx-pdp-final-size) * var(--mx-pdp-final-line)) !important;
}

#MainContent .product-page .product-block-price [id^="price-"]{
  display: flex !important;
  justify-content: flex-end !important;
}

#MainContent .product-page .product-block-price .price.price-on-sale{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

#MainContent .product-page .product-block-price .price.price-on-sale .price-container,
#MainContent .product-page .product-block-price .price.price-on-sale .price-sale{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: var(--mx-pdp-row-gap) !important;
}

/* 1행: 할인칩 + 취소선 가격 */
#MainContent .product-page .product-block-price .price-sale > span:not([class]){
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--mx-pdp-line-gap) !important;
  line-height: 1 !important;
}

/* 할인율 칩 — 솔리드 빨강 대신 연한 액센트 톤 */
#MainContent .product-page .product-block-price .price-sale .badge.badge-sale{
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--mx-pdp-chip-size) !important;
  font-weight: var(--mx-pdp-chip-weight) !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  padding: 4px 7px !important;
  border-radius: 6px !important;
  background: var(--mx-accent-tint) !important;
  color: var(--mx-accent) !important;
  border: 0 !important;
  font-variant-numeric: tabular-nums !important;
}

/* 취소선(원래 가격) — 작고 흐리게 */
#MainContent .product-page .product-block-price .price-sale s.price-item,
#MainContent .product-page .product-block-price .price-sale s.price-item.price-item-regular,
#MainContent .product-page .product-block-price .price .price-sale s{
  font-size: var(--mx-pdp-compare-size) !important;
  font-weight: var(--mx-pdp-compare-weight) !important;
  color: var(--mx-compare-ink) !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  font-variant-numeric: tabular-nums !important;
  text-decoration: none !important;
}

/* 2행: 최종 판매가 */
#MainContent .product-page .product-block-price .price-sale .price-item-sale,
#MainContent .product-page .product-block-price .price-sale .price-item.price-item-last{
  font-size: var(--mx-pdp-final-size) !important;
  font-weight: var(--mx-pdp-final-weight) !important;
  color: var(--mx-accent) !important;
  line-height: var(--mx-pdp-final-line) !important;
  letter-spacing: -.018em !important;
  font-variant-numeric: tabular-nums !important;
  margin: 0 !important;
}

/* =========================================================
   4) 취소선을 기울어진 선 → 깔끔한 수평선으로 (카드/상세 공통)
   ========================================================= */
#MainContent .card.card-product .price-sale s::after,
#MainContent .product-page .product-block-price .price-sale s::after{
  top: 53% !important;
  left: -1px !important;
  right: -1px !important;
  width: auto !important;
  height: 0 !important;
  transform: none !important;
  border-top: 1px solid currentColor !important;
  opacity: var(--mx-strike-alpha) !important;
}
/* =========================================================
   MAX — 재고 안내를 상세페이지 하단 박스로
   2026-09-16 · 대상 테마 Athens 6.2.0 (/cdn/shop/t/10)

   붙여넣는 곳: assets/inspection.css 맨 끝
   ※ 앞서 드린 hide-availability.css 를 적용하셨다면 그 블록은 지우세요.
     (숨기는 대신 박스로 보여주는 방식이라 서로 배타적입니다.)

   ※ 이 CSS만으로는 위치가 안 바뀝니다. Liquid 에서 블록을 옮기는
     한 단계가 먼저입니다 — availability-박스이전.md 참고.

   디자인은 freight 박스(.fc-field / .fc-note-field)의 토큰을 그대로 씁니다.
     border 1px #E5E7EB · radius 14px · padding 12px 14px · icon 18px · gap 10px
   ========================================================= */

:root{
  --mx-av-border:      #E5E7EB;   /* = --fc-field-border */
  --mx-av-radius:      14px;      /* = --fc-field-radius */
  --mx-av-pad:         12px 14px; /* = --fc-field-padding */
  --mx-av-gap:         10px;      /* 아이콘 ↔ 텍스트 */
  --mx-av-icon:        18px;      /* = --fc-field-icon-size */
  --mx-av-mb:          8px;       /* = --fc-field-gap (박스 사이 간격) */
  --mx-av-label-color: #111827;   /* = --fc-field-color */
  --mx-av-note-color:  #6B7280;
  --mx-av-fs:          14px;      /* = --fc-field-fs */
  --mx-av-fs-mobile:   13px;      /* = --fc-field-fs-mobile */
  --mx-av-warn:        #DF472E;   /* 사이트 액센트 */
  --mx-av-warn-border: rgba(223,71,46,.32);
  --mx-av-warn-bg:     rgba(223,71,46,.045);
}

/* 박스 본체 — 아이콘 1열 + 텍스트 1열 그리드.
   라벨/설명이 래퍼 없이 형제로 들어있어서 grid 로 배치한다. */
#MainContent .product-page .maxauto-availability:not([data-maxauto-compact="true"]){
  display: grid !important;
  grid-template-columns: var(--mx-av-icon) 1fr !important;
  column-gap: var(--mx-av-gap) !important;
  row-gap: 2px !important;                /* = --fc-note-line-gap */
  align-items: start !important;
  padding: var(--mx-av-pad) !important;
  margin: 0 0 var(--mx-av-mb) !important; /* 원래 margin:14px 0 제거 */
  border: 1px solid var(--mx-av-border) !important;
  border-radius: var(--mx-av-radius) !important;
  background: transparent !important;
  line-height: 1.4 !important;
}

/* 아이콘 (ⓘ) — mask 라서 색이 currentColor 를 따라간다 */
#MainContent .product-page .maxauto-availability:not([data-maxauto-compact="true"])::before{
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: var(--mx-av-icon) !important;
  height: var(--mx-av-icon) !important;
  margin-top: 1px !important;
  color: var(--mx-av-label-color) !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3E%3Cpath%20d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3E%3Cpath%20d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* 1행: 상태 라벨 */
#MainContent .product-page .maxauto-availability:not([data-maxauto-compact="true"]) [data-availability-label]{
  grid-column: 2 !important; grid-row: 1 !important;
  display: block !important; margin: 0 !important;
  font-size: var(--mx-av-fs) !important;
  font-weight: 600 !important;
  color: var(--mx-av-label-color) !important;
  line-height: 1.4 !important;
}

/* 2행: 설명 */
#MainContent .product-page .maxauto-availability:not([data-maxauto-compact="true"]) [data-availability-note]{
  grid-column: 2 !important; grid-row: 2 !important;
  display: block !important; margin: 0 !important;
  font-size: var(--mx-av-fs) !important;
  font-weight: 400 !important;
  color: var(--mx-av-note-color) !important;
  line-height: 1.45 !important;
}

/* 예약 진행중 / 판매 완료 — 액센트 톤으로 경고 */
#MainContent .product-page .maxauto-availability[data-state="in_progress"],
#MainContent .product-page .maxauto-availability[data-state="unavailable"]{
  border-color: var(--mx-av-warn-border) !important;
  background: var(--mx-av-warn-bg) !important;
}
#MainContent .product-page .maxauto-availability[data-state="in_progress"]::before,
#MainContent .product-page .maxauto-availability[data-state="unavailable"]::before,
#MainContent .product-page .maxauto-availability[data-state="in_progress"] [data-availability-label],
#MainContent .product-page .maxauto-availability[data-state="unavailable"] [data-availability-label]{
  color: var(--mx-av-warn) !important;
}

@media (max-width: 749px){
  #MainContent .product-page .maxauto-availability:not([data-maxauto-compact="true"]) [data-availability-label],
  #MainContent .product-page .maxauto-availability:not([data-maxauto-compact="true"]) [data-availability-note]{
    font-size: var(--mx-av-fs-mobile) !important;
  }
}

/* =========================================================
   MAX — "Request a quotation": 버튼 그룹 맨 위로 + 알약 모양
   2026-09-16 (v3) · 대상 테마 Athens 6.2.0 (/cdn/shop/t/10)

   붙여넣는 곳: assets/inspection.css 맨 끝
   ★ Liquid 수정 없음. .product-block-price 를 flex 컬럼으로 바꾸고
     order 로 순서만 재배치합니다.

   v1 → v2: 버튼을 총액 아래 = Add to Inquiry / WhatsApp 바로 위로 내려
            세 버튼 행이 하나의 스택으로 읽히게 했습니다.
   v2 → v3: 총액과 버튼 사이 간격을 15px → 24px 로 띄웠습니다
            (--mx-rq-price-gap 노브). 버튼끼리는 15px 그대로.

   결과:
     [🔔 Select a destination…]
     [📢 Local transport & export fees]
     [ⓘ Confirm availability]
     ─────────────
     Vehicle price          $42,500
     (      Request a quotation      )   ← 여기
     ( Add to Inquiry ) (  WhatsApp  )
     (       Pay with PayPal         )

   간격(실측): 22 / 22 / 8 / 8 / 22 / 24 / 15 / 15
                                        ↑ 총액↔버튼만 24px, 버튼끼리는 15px
   버튼 3행이 .product-actions 의 grid gap(15px)과 같은 리듬을 갖습니다.
   ========================================================= */

:root{
  --mx-rq-radius:   999px;     /* 아래 Add to Inquiry / WhatsApp 과 동일 */
  --mx-rq-pad:      12px 16px; /* 동일 */
  --mx-rq-fs:       16px;      /* 동일 */
  --mx-rq-fw:       520;       /* 동일 */
  --mx-rq-lh:       1.25;      /* 높이를 44px 로 맞추는 값 */
  --mx-rq-stack-gap:15px;      /* 버튼 행 사이 = .product-actions 의 grid gap */
  --mx-rq-price-gap:34px;      /* 총액 ↔ Request a quotation (여기만 키우면 됨) */
  --mx-rq-box-gap:  0px;       /* 배송 박스 사이 = --fc-field-gap */
}

/* ---------- 1) 위치 ---------- */
#MainContent .product-page .product-block-price{
  display: flex !important;
  flex-direction: column !important;
  /* 버튼 스택과 같은 리듬으로 아래 버튼 블록과 붙는다 (원래 30px) */
  margin-bottom: var(--mx-rq-stack-gap) !important;
}

#MainContent .product-page .product-block-price > .hat-hr:not(.hat-hr--vehicle){ order: 2 !important; }
#MainContent .product-page .product-block-price > .hat-total{ order: 3 !important; }
#MainContent .product-page .product-block-price > .maxauto-request-quotation{ order: 4 !important; }

/* 아래 버튼 블록의 기본 위 여백 제거 — 위 margin-bottom 과 합쳐지지 않게 */
#MainContent .product-page .product-form .product-actions{
  margin-top: 0 !important;
}

/* ---------- 2) flex 전환 보정 ----------
   블록 레이아웃에서 상쇄(collapse)되던 margin 이 flex 에서는 그대로 더해진다.
   원래 간격을 유지하려면 아래 네 줄이 필요하다. 실측 기준:
     - form.installment : 내용 없는 빈 폼인데 margin 이 살아나 .fc 위에 +10px (22→32)
     - .fc ↔ 노트박스   : 원래 버튼의 margin:12px 0 이 만들던 간격이라 버튼이 빠지면 0
     - availability ↔ 구분선 : 22 → 30 으로 벌어짐
     - hat-total        : mb 12px 가 버튼 위 간격과 겹침 */
#MainContent .product-page .product-block-price > form.installment{
  margin: 0 !important;
}
#MainContent .product-page .product-block-price > .fc-note-field{
  margin-top: var(--mx-rq-box-gap) !important;
}
#MainContent .product-page .product-block-price > .maxauto-availability{
  margin-bottom: 0 !important;
}
#MainContent .product-page .product-block-price > .hat-total{
  margin-bottom: 0 !important;
}
/* 총액과 버튼 스택 사이만 넓힌다. 버튼 3행끼리는 --mx-rq-stack-gap(15px) 유지 */
#MainContent .product-page .product-block-price > .maxauto-request-quotation{
  margin: var(--mx-rq-price-gap) 0 0 !important;
}

/* ---------- 3) 모양: 아래 버튼들과 같은 알약 ---------- */
/* 인라인 <style> 의 .maxauto-request-quotation (radius 6px / min-height 50px) 를
   이기려면 #MainContent 가 필요하다. */
#MainContent .product-page .maxauto-request-quotation{
  border-radius: var(--mx-rq-radius) !important;
  min-height: auto !important;
  padding: var(--mx-rq-pad) !important;
  font-size: var(--mx-rq-fs) !important;
  font-weight: var(--mx-rq-fw) !important;
  line-height: var(--mx-rq-lh) !important;
}
@media (max-width: 749px){
  #MainContent .product-page .product-block-price > .maxauto-request-quotation{
    width: auto !important;
    margin: var(--mx-rq-price-gap) 6px 0 !important;
  }
}
/* 모바일 전용 — Add to Inquiry / WhatsApp 버튼 글자 크기 */
:root{ --mx-act-fs-mobile: 13px; }   /* ← 이 숫자만 조절 */

@media (max-width: 480px){
  #MainContent .product-page .product-actions .button,
  #MainContent .product-page .product-actions .button *,
  #MainContent .product-page .product-actions button,
  #MainContent .product-page .product-actions button *{
    font-size: var(--mx-act-fs-mobile) !important;
  }
}