@charset "utf-8";
#rightBanner {position: fixed; top: 50%; transform: translateY(-50%); right: var(--container-space); max-width: 170px; z-index: 10;}
.btn-wishlist {display: flex; gap: 7px; align-items: center; padding: 13px 12px; background: #121212; border-radius: 10px; font-size: var(--font-size-14); line-height: 1.5em; font-weight: 700; color: #fff;}
.viewed-items {display: flex; flex-direction: column; gap: 32px; padding: 30px 24px; background: #fff; border-radius: 12px;}
.viewed-items strong {display: block; font-size: var(--font-size-20); font-weight: 700; color: var(--dark-color);}
.viewed-item {display: block;}
.viewed-item:not(:last-child) {margin-bottom: clamp(15px, calc(25 / var(--inner) * 100vw), 25px);}
.viewed-thumb {position: relative; width: 100%; margin-bottom: 15px; padding-bottom: 74.590164%; overflow: hidden; border-radius: 10px;}
.viewed-thumb img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.viewed-region {display: block; width: fit-content; margin-bottom: 7px; padding: 3px 6px; background: var(--primary-color); border-radius: 4px; font-size: 12px; line-height: 1em; font-weight: 700; color: #fff;}
.viewed-tit {margin-bottom: 10px;font-size: var(--font-size-14); font-weight: 600; line-height: 1.42857em;overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.viewed-price span {font-size: var(--font-size-16); color: var(--primary-color);}
.viewed-price {font-size: 12px; font-weight: 800; line-height: 1.5em;}
.right-call {margin-top: 25px;}
.right-call strong {display: block; color: var(--primary-color);}
.right-call p {font-size: var(--font-size-24); font-weight: 800; color: var(--dark-color); letter-spacing: -.06em;}

.page-inventory-view {display: flex; gap:clamp(30px, calc(100 / var(--inner) * 100vw), 100px);}
.inventory-view-gallery {width: 57.142857%; max-width: 800px;}
.inventory-view-gallery .slider-for {position: relative; margin-bottom: var(--space-30); border-radius: var(--radius-16); overflow: hidden;}
.inventory-view-gallery .slider-for .slick-arrow {position: absolute; top: 50%; margin-top: -24px; right: 10px; width: 52px; height: 48px; background: var(--dark-color) url('/images/sub/arrow-for.png') no-repeat center center; background-size: 16px; border-radius: 8px; z-index: 10; overflow: hidden; text-indent: -999999em; border: 0;}
.inventory-view-gallery .slider-for .slick-arrow.slick-prev {left: 10px; right: auto; transform: scaleX(-1);}
.inventory-view-gallery .img {position: relative; width: 100%; padding-bottom: 75%; overflow: hidden;}
.inventory-view-gallery .img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.inventory-view-gallery .slider-nav {display: flex;}
.inventory-view-gallery .slider-nav .slick-arrow {flex: 1;}
.inventory-view-gallery .slider-nav .slick-arrow {width: 18px; background:url('/images/sub/arrow-nav.png') no-repeat center center; background-size: 18px; border-radius: 8px; z-index: 10; overflow: hidden; text-indent: -999999em; border: 0;}
.inventory-view-gallery .slider-nav .slick-arrow.slick-prev {transform: scaleX(-1);}
.inventory-view-gallery .slider-nav .slick-list {max-width: 588px; margin: 0 -5px;}
.inventory-view-gallery .slider-nav .slick-slide {padding: 0 5px;}
.inventory-view-gallery .slider-nav .img {border-radius: 10px; opacity: .6;}
.inventory-view-gallery .slider-nav .slick-current .img {opacity: 1;}
.page-inventory-view .inventory-txt {padding: 0;}
.inventory-func {display: flex; justify-content: space-between; align-items: center;}
.page-inventory-view .btn-add-wish {position: unset;}
.page-inventory-view .inventory-region {margin-bottom: 0;}
.inventory-top {margin-bottom: 20px;}
.inventory-top .flex-mid {gap: 15px;}
.page-inventory-view .inventory-tit {font-size: var(--font-size-32); line-height: 1.5em;}
.page-inventory-view .inventory-info,
.purchased-txt .inventory-info {display: flex; margin-top: 0; margin-bottom: var(--space-30); font-size: var(--font-size-18); font-weight: 600; color: #a8a8a8;}
.page-inventory-view .inventory-info span,
.purchased-txt .inventory-info span {display: flex; align-items: center;}
.page-inventory-view .inventory-info span:not(:last-child):after,
.purchased-txt .inventory-info span:not(:last-child):after {content: ''; display: inline-block; width: 2px; height: 12px; background: #dfdfdf; margin: 0 12px;}
.page-inventory-view .inventory-price {font-size: var(--font-size-20);}
.page-inventory-view .inventory-price span {font-size: clamp(24px, calc(38 / var(--inner) * 100vw), 38px);}
.vehicle-details ul {display: flex; flex-wrap: wrap;}
.vehicle-details li {display: flex; width: 50%; padding-right: 20px; font-size: var(--font-size-15); line-height: 1.6em;}
.vehicle-details li:not(:last-child) {margin-bottom: 12px;}
.vehicle-details span {min-width: 75px; font-weight: 700; color: #a8a8a8;}
.seller-info {padding: var(--space-40); margin-top: var(--space-40); background: #fff; border-radius: var(--radius-16);}
.seller-info .group:not(:last-child) {margin-bottom: var(--space-40);}
.seller-info h2 {margin-bottom: var(--space-20); font-size: var(--font-size-20); font-weight: 800; color: var(--dark-color);}
.dealer-profile {display: flex; align-items: center; gap: var(--space-30);}
.dealer-photo {width: 80px;}
.dealer-photo .img {position: relative; width: 100%; padding-bottom: 112.5%; overflow: hidden; border-radius: 10px;}
.dealer-photo .img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.dealer-txt strong {display: block; font-weight: 700; color: var(--dark-color); font-size: var(--font-size-18);}
.dealer-txt {font-weight: 500; font-size: var(--font-size-14); color: #a8a8a8;}
.inventory-condition {display: flex; justify-content: space-between; gap: 12px; margin-top: var(--space-25); padding: 0 var(--space-30);}
.condition-btns {display: flex; gap: 5px;}
.condition-btns a {display: block; padding: 0 10px; border-radius: 4px; background: var(--dark-color); color: #fff; font-size: 14px; font-weight: 800; line-height: 2em;}
.condition-btns a.btn-edit {background: var(--primary-color);}
.reserved ~ .inventory-condition strong {color: var(--primary-color);}
.sold .inventory-txt * {color: #ccc;}
.sold .inventory-txt .inventory-region {border-color: #ccc}
.sold ~ .inventory-condition strong {color: #a8a8a8;}
.inventory-item.sold {background: #fafafa;}
.btn-modify {display: block; padding: 2px 12px; background: var(--primary-color); border-radius: 30px; color: #fff; font-weight: 600; font-size: var(--font-size-14);}
.btn-modify:hover {border-color: var(--dark-color); background: var(--dark-color); color: #fff;}

.page-buyer-purchased table {border-collapse: collapse; width: 100%; border-top: 2px solid var(--dark-color);}
.page-buyer-purchased th {padding: var(--space-15); background: #fff; border-bottom: 1px solid #ccc; font-size: var(--font-size-18); line-height: 2em; color: var(--dark-color); text-align: center;}
.page-buyer-purchased td {padding: clamp(12px, calc(50 / var(--inner) * 100vw), 50px) clamp(10px, calc(22 / var(--inner) * 100vw), 22px); border-bottom: 1px solid #dfdfdf;}
.purchased-date {text-align: center; font-size: var(--font-size-18); color: var(--dark-color);}
.purchased-info {display: flex; gap: var(--space-35);}
.purchased-txt {display: flex; flex-direction: column; flex: 1; padding: 8px 0;}
.purchased-thumb {max-width: 240px; width: 30%;}
.purchased-thumb .img {position: relative; width: 100%; padding-bottom: 74.583333%; overflow: hidden; border-radius:var(--radius-16);}
.purchased-thumb img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.purchased-txt .inventory-region {margin-bottom: var(--space-15);}
.purchased-txt .inventory-tit {margin-bottom: 5px;}
.purchased-txt .inventory-info {align-items: flex-start; flex: 1; margin-top: 0; font-size: var(--font-size-14);}
.page-buyer-purchased .inventory-condition {flex-direction: column; gap: 0; text-align: center;}
.order-btns {margin-top: var(--space-20);}
.order-btns a {display: block; width: 100%; max-width: 132px; margin: 8px auto; padding: 10px; border-radius: 8px; background: #121212; color: #fff; font-weight: 600; font-size: var(--font-size-15); line-height: 2em;}
.order-btns a.btn-purchase-confirm {background: var(--primary-color);}
.order-btns a.btn-purchase-cancle {background: #fff; border: 1px solid #dfdfdf; color: var(--dark-color);}
.page-buyer-purchased .reserved strong {color: var(--primary-color);}
.page-buyer-purchased .sold strong {color: #a8a8a8;}
.tel-info {margin-top: 5px; font-size: var(--font-size-18); color: var(--dark-color); font-weight: 700;}