/* 네 상품 목록만 새 차량 찾기와 같은 버튼·위치 막대로 표시합니다. 카드 내용과 다른 배너는 유지합니다. */
.main-contents.special.ar-promo-section, .list-model.package.ar-promo-section { height: auto; overflow: visible; }
.ar-promo-section .ar-promo-rail { position: relative; width: 100%; padding: 0 48px; box-sizing: border-box; }
.ar-promo-section .ar-promo-track { display: flex; gap: 24px; width: 100%; margin: 0; padding: 8px 4px; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-inline: 4px; overscroll-behavior-x: contain; }
.ar-promo-section .ar-promo-track > * { flex-shrink: 0; scroll-snap-align: start; }
.main-contents.special.ar-promo-section .ar-promo-track > .item-special { float: none; margin: 0; height: auto; min-height: 330px; }
.ar-promo-section .ar-promo-track > .item-carousel { margin: 0; height: auto; min-height: 318px; }
#P45-list-model.ar-promo-section .ar-promo-track > .item-list { float: none; margin: 0; }
/* 기존의 넓은 카드 폭을 유지하고 내용이 오른쪽으로 잘리지 않게 합니다. */
#P45-list-model.ar-promo-section .ar-promo-track > .item-list > dl { width: 100%; }
#P45-list-model.ar-promo-section .ar-promo-track > .item-list > dl > dt { flex: 0 0 280px; box-sizing: border-box; }
#P45-list-model.ar-promo-section .ar-promo-track > .item-list > dl > dd { flex: 1; min-width: 0; box-sizing: border-box; }
/* 이전 슬라이더가 맡던 사진 크기를 여기서 유지해 원본 사진이 카드 밖으로 커지지 않게 합니다. */
#P45-list-model.ar-promo-section .dt-image img { display: block; width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.ar-promo-section .ar-promo-arrow { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 2; top: calc((100% - 24px) / 2); transform: translateY(-50%); width: 44px; height: 44px; padding: 0; border: 1px solid #e0e0e8; border-radius: 50%; background: #fff; color: #5f5f6a; cursor: pointer; appearance: none; box-sizing: border-box; }
.ar-promo-section .ar-promo-arrow span { display: block; font: 34px/1 Arial, sans-serif; transform: translateY(-2px); }
.ar-promo-section .ar-promo-prev { left: 0; }
.ar-promo-section .ar-promo-next { right: 0; }
.ar-promo-section .ar-promo-arrow:disabled { color: #ceced7; border-color: #eeeef3; cursor: default; }
.ar-promo-section .ar-promo-arrow:not(:disabled):hover { color: #5946dc; border-color: #6655f0; }
.ar-promo-section .ar-promo-progress { display: block; height: 4px; margin: 10px 4px; background: #e5e5ec; border-radius: 4px; overflow: hidden; }
.ar-promo-section .ar-promo-progress > span { display: block; height: 100%; background: #6655f0; border-radius: inherit; }
.ar-promo-section [hidden] { display: none !important; }
.ar-promo-section .ar-promo-track:focus-visible, .ar-promo-section .ar-promo-arrow:focus-visible, .ar-promo-section .ar-promo-track > [tabindex]:focus-visible, .ar-promo-section .btn-ready-counsel:focus-visible { outline: 3px solid #33248c; outline-offset: 3px; }
/* 새 버튼을 사용할 수 있을 때만 기본 스크롤 막대를 숨겨 스크립트가 없어도 목록을 넘길 수 있게 합니다. */
.ar-promo-section .ar-promo-track.ar-promo-ready { scrollbar-width: none; cursor: grab; }
.ar-promo-section .ar-promo-track.ar-promo-ready::-webkit-scrollbar { display: none; }
.ar-promo-section .ar-promo-track.ar-promo-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.ar-promo-section .ar-promo-track.ar-promo-dragging * { cursor: grabbing; user-select: none; }
@media (prefers-reduced-motion: reduce) { .ar-promo-section .ar-promo-track { scroll-behavior: auto; } }

/* 즉시출고·옵션 패키지는 진한 테두리처럼 보이던 그림자의 번짐과 농도를 줄입니다. */
.ar-promo-section .ar-promo-track.ready > .item-carousel, #P45-list-model.ar-promo-section .ar-promo-track > .item-list { box-shadow: 0 1px 4px rgba(0, 0, 0, .035); }
/* 모두 들어가는 목록은 화살표 자리까지 사용하고 카드 사이를 고르게 벌려 본문 폭을 채웁니다. */
.ar-promo-section .ar-promo-rail.ar-promo-fit { padding-inline: 0; }
.ar-promo-section .ar-promo-fit .ar-promo-track { justify-content: space-between; cursor: default; }

/* 즉시출고 차량 사진의 흰 배경을 특가·경차·화물차·승합차 카드와 같은 연한 회청색으로 맞춥니다. */
.ar-promo-section .ar-promo-track.ready .figure_img { background-color: #e6e9f0; }
