.similar-cars-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}.similar-cars-modal.show{display:block}.similar-cars-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.similar-cars-modal.show .similar-cars-modal-overlay{opacity:1}.similar-cars-modal-content{position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);width:100%;max-height:60vh;background:#fff;box-shadow:0 -8px 32px rgba(0,0,0,.2);transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}.similar-cars-modal.show .similar-cars-modal-content{transform:translateY(0)}.similar-cars-modal-header{padding:16px 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.similar-cars-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.similar-cars-modal-close{background:none;border:0;font-size:24px;cursor:pointer;color:#666;padding:8px;border-radius:8px;transition:all .2s ease}.similar-cars-modal-close:hover{background:#f5f5f5;color:#333}.similar-cars-modal-body{flex:1;overflow-y:auto;padding:20px}.similar-cars-loading{width:100%;height:100%;padding-bottom:20px}.similar-cars-swiper-skeleton{width:100%;height:100%}.similar-cars-swiper-skeleton .swiper-wrapper{display:flex;gap:16px;margin-bottom:40px}.similar-cars-swiper-skeleton .swiper-slide{flex:0 0 auto;width:calc(20% - 13px)}.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}.skeleton-image{padding-top:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-content{padding:16px}.skeleton-title{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-description{height:14px;width:70%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.similar-cars-container{display:none;height:calc(100% - 20px);overflow:hidden}.similar-cars-swiper{width:100%;height:calc(100% - 20px)}.similar-cars-swiper .swiper-wrapper{padding:0;align-items:stretch}.similar-cars-swiper .swiper-slide{height:auto}.similar-cars-swiper .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px!important}.similar-car-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:all .3s ease;text-decoration:none;color:inherit}.similar-car-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.12);transform:translateY(-4px);text-decoration:none;color:inherit}.similar-car-image{position:relative;padding-top:60%;overflow:hidden;background:#f5f5f5}.similar-car-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.similar-car-card:hover .similar-car-image img{transform:scale(1.05)}.similar-car-content{padding:16px}.similar-car-title{font-size:15px;font-weight:600;margin:0 0 6px 0;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.similar-car-description{font-size:13px;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-cars-swiper .swiper-button-next,.similar-cars-swiper .swiper-button-prev{color:#333;background:#fff;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1)}.similar-cars-swiper .swiper-button-next:after,.similar-cars-swiper .swiper-button-prev:after{font-size:18px;transform:unset!important}.similar-cars-swiper .swiper-pagination-bullet{background:#333;opacity:.3}.similar-cars-swiper .swiper-pagination-bullet-active{opacity:1}@media(max-width:768px){.similar-cars-modal-content{max-height:75vh}.similar-cars-modal-header{padding:14px 16px}.similar-cars-modal-header h2{font-size:18px}.similar-cars-modal-body{padding:16px}.similar-cars-swiper-skeleton .swiper-slide{width:calc(50% - 8px)}.similar-car-card{border-radius:10px}.similar-car-content{padding:12px}.similar-car-title{font-size:14px;-webkit-line-clamp:1}.similar-car-description{font-size:12px}}@media(max-width:576px){.similar-cars-swiper .swiper-button-next,.similar-cars-swiper .swiper-button-prev{display:none}}