/* ==========================================================================
   Hi Car Match — layout-frame.css (v206)
   마지막에 로드. 페이지를 모듈로 같은 거터·같은 폭으로 맞추고 가로 넘침을 막는다.
   세로 스크롤은 뷰포트(문서) 하나만. html/body/main 에 overflow-x:clip|hidden 을
   동시에 두면 overflow-y 가 같이 잘리거나 중첩 스크롤러가 되어 모바일이 멈춘다.
   ========================================================================== */

:root {
	--gab-frame: 1280px;
	--gab-gutter: 24px;
}

html.gab-frame,
html {
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 100%;
	height: auto;
	-webkit-text-size-adjust: 100%;
}

body {
	overflow: visible;
	max-width: 100%;
	width: 100%;
	min-width: 0;
}

.gab-main,
.gab-frame-main {
	overflow: visible;
	max-width: 100%;
	min-width: 0;
	overscroll-behavior-y: auto;
}

img, svg, video, canvas, iframe {
	max-width: 100%;
	height: auto;
}

/* 고정 박스 안 커버/로고 — height:auto 가 object-fit 을 깨뜨리지 않게 */
.gab-logo-icon img,
img.hicm-logo-mark,
.gab-drawer-logo-mark {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.gab-mbanner-slide img,
.gab-ccg-main-img,
.gab-ccg-thumb img,
.encar-card-img,
.gab-gallery-main-img,
.gab-gallery-thumb img {
	max-width: none;
	height: 100%;
	object-fit: cover;
}

table {
	max-width: 100%;
}

.gab-container {
	width: 100%;
	max-width: var(--gab-frame);
	margin-inline: auto;
	padding-inline: var(--gab-gutter);
	box-sizing: border-box;
}

.gab-container > *,
.encar-main-header-inner > *,
.encar-msb-grid > *,
.encar-search-layout > *,
.gab-detail-layout > *,
.gab-footer-grid > *,
.encar-car-card,
.encar-section,
.gab-mstack {
	min-width: 0;
}

/* 네거티브 마진 풀블리드 → 가로 넘침 원인. 마진만 리셋하고 폭은 각 모듈이 정한다. */
.gab-encar,
.hicm-guard,
.hicm-intent-rail,
.gab-cars-grid,
.gab-reco-grid,
.hicm-assure-grid,
.gab-proof-grid,
.hicm-deal-foot,
.gab-aw-stats-grid,
.hicm-hx--brokerage .gab-encar-brands,
.hicm-quick,
.hicm-rulebox,
.hicm-terms,
.gab-gallery,
.hicm-sid,
.hicm-terms-compact {
	margin-inline: 0 !important;
	max-width: 100%;
}

/* --------------------------------------------------------------------------
   PC 공통 모듈
   -------------------------------------------------------------------------- */
@media (min-width: 769px) {
	:root { --gab-gutter: 24px; }

	.encar-header .gab-container,
	.gab-footer .gab-container,
	.encar-home-hero .gab-container,
	.encar-section .gab-container,
	.gab-encar-search-wrap .gab-container,
	.gab-detail .gab-container {
		max-width: var(--gab-frame);
		padding-inline: var(--gab-gutter);
	}

	.encar-main-header-inner {
		display: flex;
		align-items: center;
		gap: 24px;
		min-width: 0;
		width: 100%;
	}
	.encar-header .gab-logo {
		flex: 0 0 auto;
	}
	.encar-pc-nav {
		flex: 1 1 auto;
		min-width: 0;
		margin-left: 0;
		overflow: hidden;
	}
	.encar-nav-list {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		gap: clamp(14px, 2.2vw, 36px);
		width: 100%;
	}
	.encar-nav-link {
		white-space: nowrap;
		font-size: clamp(15px, 1.15vw, 17.5px);
	}
	.hicm-header-right-actions {
		flex: 0 0 auto;
		margin-left: auto;
	}

	.encar-main-search-box,
	.encar-msb-grid,
	.encar-bar {
		max-width: 100%;
		min-width: 0;
	}
	.encar-bar {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) 88px;
	}
	.encar-bar-field {
		min-width: 0;
		overflow: hidden;
	}

	.encar-brand-strip {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		width: 100%;
	}

	.encar-section .encar-cars-grid,
	.encar-cars-grid:not(.is-list) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		width: 100%;
		margin-inline: 0 !important;
	}

	.encar-trust-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.gab-footer-grid {
		grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		gap: 32px;
	}

	.gab-detail-layout {
		grid-template-columns: minmax(0, 1fr) 360px;
		gap: 28px;
	}

	.gab-page-hero--visual .gab-page-hero-inner,
	.gab-guide-hero-inner {
		max-width: var(--gab-frame);
		padding-inline: var(--gab-gutter);
		box-sizing: border-box;
	}
	.gab-guide {
		max-width: 760px;
		padding-inline: var(--gab-gutter);
		box-sizing: border-box;
	}

	.encar-search-layout,
	.encar-search-body {
		grid-template-columns: 260px minmax(0, 1fr);
		gap: 24px;
		width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 1200px) {
	:root { --gab-gutter: 20px; }

	.encar-section .encar-cars-grid,
	.encar-cars-grid:not(.is-list) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.encar-brand-strip {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.encar-trust-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.encar-msb-grid {
		grid-template-columns: 1fr;
	}
	.encar-msb-left {
		border-right: 0;
		border-bottom: 1px solid #E5E7EB;
	}
	.gab-detail-layout {
		grid-template-columns: 1fr;
	}
	.encar-search-layout,
	.encar-search-body {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
   모바일 공통 모듈
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	:root {
		--gab-gutter: 16px;
		--gab-tabbar-h: 64px;
	}

	html,
	html.gab-frame {
		overflow-x: hidden;
		overflow-y: auto;
		max-width: 100%;
		height: auto;
	}
	body {
		overflow: visible;
		max-width: 100%;
		height: auto;
	}

	.gab-container {
		padding-inline: var(--gab-gutter);
		max-width: 100%;
	}

	.encar-header,
	.gab-site-header {
		width: 100%;
		max-width: 100%;
		overflow: visible;
	}
	.encar-main-header-inner {
		width: 100%;
		max-width: 100%;
		padding-inline: 4px;
		box-sizing: border-box;
	}

	.gab-mstack {
		width: 100%;
		max-width: 100%;
		overflow: visible;
		box-sizing: border-box;
	}
	.gab-mbanner {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 0 !important;
		overflow: hidden;
	}
	.gab-mbanner-viewport {
		max-width: 100%;
		overflow: hidden;
	}
	/* 트랙은 슬라이드 수만큼 넓어야 한다. max-width:100% 이면
	   3장이 390px 안에 130px 씩 잘려 한 화면에 동시에 보인다. */
	.gab-mbanner-track {
		max-width: none;
		width: 300%;
	}
	.gab-mbanner-slide {
		max-width: none;
		flex: 0 0 33.3333%;
	}

	.gab-mpill {
		display: flex !important;
		box-sizing: border-box !important;
		width: calc(100% - (var(--gab-gutter) * 2)) !important;
		max-width: calc(100% - (var(--gab-gutter) * 2)) !important;
		margin: 14px var(--gab-gutter) 8px !important;
	}
	.gab-mpop {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-inline: var(--gab-gutter);
		overflow-x: auto;
		overscroll-behavior-x: contain;
	}
	.gab-m-promo {
		box-sizing: border-box;
		width: calc(100% - (var(--gab-gutter) * 2));
		max-width: calc(100% - (var(--gab-gutter) * 2));
		margin-inline: var(--gab-gutter);
	}
	.gab-m-svc-title {
		margin-inline: var(--gab-gutter);
	}
	.gab-m-quick-grid {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-inline: var(--gab-gutter);
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.encar-section {
		width: 100%;
		max-width: 100%;
		overflow: visible;
	}
	.encar-section .gab-container {
		padding-inline: 0;
		max-width: 100%;
		width: 100%;
		overflow: visible;
	}
	.encar-section .encar-cars-grid,
	.encar-section .gab-cars-grid {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.encar-section .encar-car-card {
		width: 100%;
		max-width: 100%;
	}

	.encar-search-layout,
	.encar-search-body {
		display: block !important;
		width: 100%;
		max-width: 100%;
	}
	.encar-search-main .encar-cars-grid,
	.encar-search-main .encar-cars-grid-wrap,
	.encar-search-body .encar-cars-grid {
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.gab-detail-layout {
		grid-template-columns: 1fr;
		gap: 16px;
		width: 100%;
	}
	.gab-gallery-main,
	.gab-gallery-thumbs {
		max-width: 100%;
	}

	.gab-footer-grid {
		grid-template-columns: 1fr;
	}

	.gab-page-hero,
	.gab-guide,
	.gab-buyreq-form,
	.gab-auth-form-box,
	.gab-parts-form-wrap,
	.gab-guide-hero,
	.gab-guide-hero-inner,
	.gab-page-hero-inner {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.gab-guide {
		padding-inline: var(--gab-gutter);
	}
	.gab-guide-deposit-grid,
	.gab-guide-promises {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.gab-drawer {
		max-width: min(86vw, 360px);
	}

	.encar-m-search-trigger-bar,
	.encar-m-search-trigger-pill {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.gab-tabbar,
	.gab-tabbar.encar-mobile-tabbar {
		width: 100%;
		max-width: 100%;
		left: 0;
		right: 0;
		box-sizing: border-box;
	}
}

/* --------------------------------------------------------------------------
   공통 박스 — 모든 모듈이 같은 거터를 쓴다
   -------------------------------------------------------------------------- */
html.gab-frame *,
html.gab-frame *::before,
html.gab-frame *::after {
	box-sizing: border-box;
}

.gab-page-mod,
.gab-mod-searchhead,
.gab-mod-sortbar,
.gab-mod-tabs {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.gab-content {
	width: 100%;
	max-width: var(--gab-frame);
	margin-inline: auto;
	padding-inline: var(--gab-gutter);
	box-sizing: border-box;
}

.encar-cars-grid-wrap,
.encar-cars-grid,
.gab-cars-grid {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* --------------------------------------------------------------------------
   PC 페이지 모듈
   -------------------------------------------------------------------------- */
@media (min-width: 769px) {
	.encar-cars-grid-wrap:not(.is-list-view),
	.encar-section .encar-cars-grid,
	.encar-cars-grid:not(.is-list) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		width: 100%;
		margin-inline: 0 !important;
	}

	.gab-mod-searchhead {
		margin-bottom: 16px;
	}
	.encar-search-title-row {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 20px;
		flex-wrap: wrap;
	}
	.encar-search-title {
		margin: 0;
		font-size: 22px;
		font-weight: 800;
		letter-spacing: -0.03em;
		color: #111827;
		line-height: 1.3;
	}
	.encar-search-total {
		color: #E52528;
		margin-inline-start: 6px;
	}
	.encar-search-unit {
		font-size: 15px;
		font-weight: 700;
		color: #6B7280;
	}
	.encar-origin-tabs {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.encar-origin-tab {
		font-size: 14px;
		font-weight: 700;
		color: #9CA3AF;
		text-decoration: none;
		padding: 4px 0 8px;
		border-bottom: 2px solid transparent;
		white-space: nowrap;
	}
	.encar-origin-tab.is-active {
		color: #E52528;
		border-bottom-color: #E52528;
	}

	.gab-mod-sortbar,
	.encar-results-topbar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		flex-wrap: wrap;
		min-width: 0;
	}
	.encar-view-sort-box {
		min-width: 0;
		flex: 0 1 auto;
	}

	.gab-page-hero--visual .gab-page-hero-inner {
		width: 100%;
		max-width: var(--gab-frame);
		margin-inline: auto;
		padding-inline: var(--gab-gutter);
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	}
	.gab-page-hero-media,
	.gab-page-hero-copy {
		min-width: 0;
	}

	.gab-support-tabs {
		display: flex;
		justify-content: center;
		margin-bottom: 32px;
	}
	.gab-support-tablist {
		display: inline-flex;
		max-width: 100%;
		overflow-x: auto;
		background: #F1F5F9;
		border-radius: 10px;
		padding: 4px;
		gap: 4px;
	}

	.gab-auth {
		min-width: 0;
		max-width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 1200px) {
	.encar-cars-grid-wrap:not(.is-list-view),
	.encar-section .encar-cars-grid,
	.encar-cars-grid:not(.is-list) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* --------------------------------------------------------------------------
   모바일 페이지 모듈
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.gab-page-mod--home,
	.gab-page-mod--cars,
	.gab-page-mod--detail,
	.gab-page-mod--buy,
	.gab-page-mod--guide,
	.gab-page-mod--support,
	.gab-page-mod--auth {
		overflow: visible;
		max-width: 100%;
	}

	/* 1) 홈 — 거터 16px, 배너만 풀폭 */
	.gab-page-home .gab-mstack {
		padding-inline: 0;
	}
	.gab-m-quick-grid {
		padding-inline: var(--gab-gutter);
	}
	.encar-section .encar-sec-head {
		padding-inline: var(--gab-gutter);
	}

	/* 2) 차량검색 — 컨테이너 거터를 끄고 헤더·정렬만 16px 인셋 (카드는 풀블리드) */
	.gab-page-list .gab-encar-search-wrap {
		padding: 8px 0 48px;
	}
	.gab-page-mod--cars > .gab-container,
	.gab-page-list .gab-encar-search-wrap > .gab-container {
		padding-inline: 0 !important;
	}
	.gab-page-mod--cars .encar-search-header,
	.gab-page-mod--cars .encar-results-topbar,
	.gab-page-mod--cars .gab-pagination,
	.gab-page-mod--cars .gab-empty {
		padding-inline: var(--gab-gutter);
		box-sizing: border-box;
	}
	.gab-mod-searchhead {
		margin-bottom: 4px;
	}
	.encar-search-title-row {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.encar-search-title {
		margin: 0;
		font-size: 17px;
		font-weight: 800;
		letter-spacing: -0.04em;
		color: #111827;
		line-height: 1.3;
	}
	.encar-search-total {
		color: #E52528;
		margin-inline-start: 4px;
	}
	.encar-search-unit {
		font-size: 13px;
		font-weight: 700;
		color: #6B7280;
	}
	.encar-origin-tabs {
		display: flex;
		align-items: center;
		gap: 14px;
		width: 100%;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
	}
	.encar-origin-tabs::-webkit-scrollbar { display: none; }
	.encar-origin-tab {
		flex: 0 0 auto;
		font-size: 13px;
		font-weight: 700;
		color: #9CA3AF;
		text-decoration: none;
		padding: 2px 0 8px;
		border-bottom: 2px solid transparent;
		white-space: nowrap;
	}
	.encar-origin-tab.is-active {
		color: #E52528;
		border-bottom-color: #E52528;
	}
	.encar-m-search-trigger-bar {
		padding: 8px 0 10px !important;
		margin: 0;
		background: transparent !important;
		border: 0 !important;
	}
	.encar-m-search-trigger-pill {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
	}

	.gab-mod-sortbar,
	.encar-results-topbar {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 10px 0 12px !important;
		margin: 0 0 8px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	.encar-active-chip-wrap {
		width: 100%;
		min-width: 0;
	}
	.encar-current-all-label {
		font-size: 13px;
	}
	.encar-view-sort-box {
		display: flex;
		align-items: center;
		width: 100%;
		min-width: 0;
		gap: 8px;
	}
	.encar-sort-btn-group {
		flex: 1 1 auto;
		min-width: 0;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		flex-wrap: nowrap;
		background: #F3F4F6;
	}
	.encar-sort-btn-group::-webkit-scrollbar { display: none; }
	.encar-sort-btn {
		flex: 0 0 auto;
		white-space: nowrap;
		padding: 6px 10px;
		font-size: 12px;
	}
	.encar-view-icons {
		display: none;
	}
	.encar-search-main .encar-cars-grid-wrap,
	.encar-listing-section .encar-cars-grid-wrap,
	.gab-page-list .encar-cars-grid-wrap {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	/* 3) 상세 — 컨테이너 거터를 끄고 모듈이 각자 패딩을 가진다 */
	.gab-page-detail .gab-container,
	.gab-page-mod--detail > .gab-container {
		padding-inline: 0 !important;
	}
	.gab-breadcrumb,
	.gab-detail-mobile-summary,
	.gab-detail-info,
	.gab-detail-sidebar,
	.gab-page-detail .gab-section-header {
		padding-inline: var(--gab-gutter);
		box-sizing: border-box;
	}
	.gab-gallery,
	.gab-gallery-main,
	.gab-gallery-thumbs,
	.gab-breadcrumb {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}
	.gab-gallery {
		margin: 0 !important;
		border-radius: 0;
	}
	.gab-gallery-thumbs {
		padding-inline: var(--gab-gutter) !important;
		gap: 6px;
	}
	.gab-detail-tabs {
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		flex-wrap: nowrap;
		scrollbar-width: none;
	}
	.gab-detail-tab { flex: 0 0 auto; }
	.gab-spec-grid,
	.gab-keyspecs {
		width: 100%;
		grid-template-columns: 1fr 1fr;
	}
	.gab-detail-actions {
		flex-direction: column;
	}
	.gab-detail-actions > * {
		width: 100%;
	}

	/* 4) 차량구매 */
	.gab-page-hero--visual .gab-page-hero-inner {
		display: grid;
		grid-template-columns: 1fr !important;
		gap: 16px;
		width: 100%;
		max-width: 100%;
		padding: 28px var(--gab-gutter) 24px;
	}
	.gab-page-hero-media img {
		width: 100%;
		height: auto;
		border-radius: 12px;
		display: block;
	}
	.gab-parts-steps {
		grid-template-columns: 1fr !important;
	}
	.gab-form-grid,
	.gab-contact-form-grid,
	.gab-reg-form-grid {
		grid-template-columns: 1fr !important;
	}
	.gab-breq-brands {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.gab-breq-oseg {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.gab-parts-form-wrap {
		padding: 18px 0;
		border: 0;
		border-radius: 0;
	}
	.gab-buyreq-header {
		flex-direction: column;
		align-items: flex-start;
	}

	/* 5) 이용안내 */
	.gab-guide-hero,
	.gab-guide {
		width: 100%;
		max-width: 100%;
		padding-inline: var(--gab-gutter);
	}
	.gab-guide-tabs {
		width: 100%;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		flex-wrap: nowrap;
		scrollbar-width: none;
	}
	.gab-guide-tab { flex: 0 0 auto; white-space: nowrap; }
	.gab-guide-step {
		grid-template-columns: 32px minmax(0, 1fr);
	}

	/* 6) 고객센터 */
	.gab-support-tabs {
		display: flex;
		justify-content: flex-start;
		margin: 0 0 20px;
		width: 100%;
	}
	.gab-support-tablist {
		display: flex;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		background: #F1F5F9;
		border-radius: 10px;
		padding: 4px;
		gap: 4px;
	}
	.gab-support-tablist::-webkit-scrollbar { display: none; }
	.gab-support-tab-btn {
		flex: 1 0 auto;
		white-space: nowrap;
		padding: 8px 10px !important;
		font-size: 12.5px !important;
	}
	.gab-support-pane {
		max-width: 100% !important;
	}

	/* 7) 로그인 */
	.gab-auth {
		grid-template-columns: 1fr !important;
		width: 100%;
		max-width: 100%;
	}
	.gab-auth-form-side {
		padding: 28px var(--gab-gutter) 48px;
		width: 100%;
	}
	.gab-auth-form-box {
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   v203 — 엔카식 단계 검색 (제조사 → 모델 → 연식 → 주행거리 → 가격)
   -------------------------------------------------------------------------- */
.encar-drop-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
}
.encar-drop-skip {
	height: 40px;
	padding: 0 14px;
	background: transparent;
	border: 0;
	color: #6B7280;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}
.encar-drop-skip:hover {
	color: #111827;
}
.encar-drop-next {
	height: 40px;
	padding: 0 18px;
	background: #111827;
	color: #fff;
	border: 0;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}
.encar-drop-next:hover {
	background: #000;
}
.encar-drop-item--all {
	font-weight: 800;
	color: var(--gab-primary-600, #E52528);
}
.gab-ecar-root--nogo .encar-bar-go {
	display: none !important;
}
.gab-breq-ecar {
	position: relative;
	overflow: visible;
}
.gab-breq-ecar-lead {
	margin: 0 0 10px;
	font-size: 13px;
	color: #6B7280;
	line-height: 1.5;
}
.gab-breq-spec-sum {
	margin: 10px 0 0;
	font-size: 13.5px;
	font-weight: 800;
	color: #111827;
	line-height: 1.45;
}
.gab-page-buyrequest .gab-parts-form-wrap,
.gab-page-mod--buy .gab-parts-form-wrap {
	overflow: visible;
}

@media (min-width: 769px) {
	.gab-ecar-root--nogo .encar-bar {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr) !important;
	}
	.gab-page-buyrequest .gab-pc-search,
	.gab-page-mod--buy .gab-pc-search {
		padding: 14px;
	}
}

@media (max-width: 768px) {
	.gab-page-buyrequest .gab-pc-search,
	.gab-ecar-root--stack {
		display: block !important;
	}
	.gab-ecar-root--stack .encar-bar {
		display: flex !important;
		flex-direction: column !important;
		height: auto !important;
		overflow: visible !important;
		grid-template-columns: none !important;
	}
	.gab-ecar-root--stack .encar-bar-field {
		height: 48px !important;
		max-height: none !important;
		width: 100%;
		border-right: 0 !important;
		border-bottom: 1px solid #E5E7EB;
		justify-content: space-between;
	}
	.gab-ecar-root--stack .encar-drop-panel {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-top: 8px;
		box-shadow: 0 4px 16px rgba(0,0,0,.08);
	}
	.gab-ecar-root--stack .encar-drop-cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: 240px;
	}
	.gab-ecar-root--stack .encar-drop-cols--range {
		display: block;
		max-height: none;
	}
	.gab-ecar-root--stack .encar-drop-range {
		grid-template-columns: 1fr auto 1fr;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   v204 — 모바일 세로 스크롤 복구 (마지막 선언이 이긴다)
   문서(뷰포트)만 스크롤. html/body/main 을 스크롤 컨테이너로 만들지 않는다.
   overflow-x: clip 금지. html 만 overflow-x:hidden + overflow-y:auto.
   body/main 에는 overflow 를 걸지 않는다 (중첩 스크롤러 방지).
   -------------------------------------------------------------------------- */
html.gab-frame,
html {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	max-width: 100%;
}
body {
	overflow: visible;
	max-width: 100%;
	width: 100%;
	min-width: 0;
}
html.gab-frame .gab-main,
html.gab-frame .gab-frame-main {
	overflow: visible;
	overscroll-behavior-y: auto;
}

@media (max-width: 768px) {
	html.gab-frame,
	html {
		overflow-x: hidden;
		overflow-y: auto;
		height: auto;
		max-width: 100%;
		overscroll-behavior-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	body {
		overflow: visible;
		height: auto;
		max-width: 100%;
		overscroll-behavior-y: auto;
		padding-bottom: calc(var(--gab-tabbar-h, 64px) + env(safe-area-inset-bottom, 0px));
	}
	html.gab-frame .gab-main,
	html.gab-frame .gab-frame-main,
	html.gab-frame .gab-mstack,
	html.gab-frame .gab-page-mod {
		overflow: visible;
		overscroll-behavior-y: auto;
	}
	html.gab-frame .encar-section,
	html.gab-frame .encar-section .gab-container {
		overflow: visible;
	}
	body.gab-page-admin {
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}
	body.gab-has-mbar {
		padding-bottom: calc(var(--gab-tabbar-h, 64px) + 70px + env(safe-area-inset-bottom, 0px));
	}
}

/* 드로어·검색 잠금은 위 규칙보다 특이도를 높여 마지막에 둔다 */
html.gab-scroll-lock,
html.gab-scroll-lock body,
html:has(body[style*="overflow: hidden"]),
html:has(body[style*="overflow:hidden"]) {
	overflow: hidden;
}