html, body { margin: 0; height: auto !important; overflow-x: hidden; overflow-y: auto !important; }
.mview { display: none; }

/* PC: 핫한 중고차 3열 */
@media (min-width: 750px) {
  .dview { display: block !important; }
  .mview { display: none !important; }
  html[data-mobile-layout="studio"] .dview .theme-vars,
  html[data-mobile-layout="studio"] .dview #c1dmp {
    --one-unit: 1cqw !important;
  }

  .dview #comp-lvxedzhg .comp-lvxedzhg-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: max(0.5px, 0.0105107 * (var(--scaling-factor) - var(--scrollbar-width))) !important;
    row-gap: max(0.5px, 0.0105107 * (var(--scaling-factor) - var(--scrollbar-width))) !important;
    justify-content: center !important;
    align-items: start !important;
  }
  .dview #comp-lvxedzhg .comp-lvxedzhg-container > .wixui-repeater__item,
  .dview #comp-lvxedzhg .comp-lvxedzhg-container > [id^="comp-lvxedzhm4__"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 휴대폰은 운영 사이트와 같이 반응형 PC 마크업을 화면 너비에 맞춘다 */
@media (max-width: 749px) {
  .dview { display: block !important; }
  .mview { display: none !important; }
  #comp-mborlhis,
  #comp-mb4m6twq {
    display: none !important;
  }

  /* 푸터: 동일 그리드 셀 겹침으로 로고·링크가 겹치는 현상 */
  #comp-kbgakxmn_r_comp-kbgakgyt,
  .comp-kbgakxmn_r_comp-kbgakgyt-container {
    min-height: auto !important;
    grid-template-rows: unset !important;
  }
  .comp-kbgakxmn_r_comp-kbgakgyt-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 28px 16px 32px !important;
    box-sizing: border-box !important;
  }
  .comp-kbgakxmn_r_comp-kbgakgyt-container > * {
    position: relative !important;
    grid-area: unset !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  #comp-kbgakxmn_r_comp-lvxhswgz {
    order: 1;
    width: 156px !important;
    max-width: min(156px, 70vw) !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  #comp-kbgakxmn_r_comp-lvxhswgz img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  #comp-kbgakxmn_r_comp-moh24x02,
  #comp-kbgakxmn_r_comp-moh26vd3 {
    order: 2;
    width: auto !important;
    max-width: 100% !important;
  }
  #comp-kbgakxmn_r_comp-kd5pdf7t {
    order: 3;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    text-align: center !important;
  }
  #comp-kbgakxmn_r_comp-kd5pdf7t :is(p, div) {
    text-align: center !important;
  }
}