.CarList{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));grid-gap:20px;gap:20px;width:100%}@media(max-width:1200px){.CarList{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media(max-width:800px){.CarList{grid-template-columns:repeat(1,minmax(300px,1fr));gap:10px}}.CarList__empty{font-size:16px;font-weight:700;padding-left:15px;grid-column:1/-1;width:100%;display:flex;justify-content:center;align-items:center;min-height:300px;position:relative}.CarList__empty-content{text-align:center;max-width:500px;padding:40px 20px}.CarList__empty-content h3{font-size:18px;font-weight:500;color:#666;margin-bottom:24px;line-height:1.4}.CarList__empty-button{border:none;padding:12px 24px;cursor:pointer;transition:background-color .2s ease;width:100%;height:56px;background:var(--second-color-emphasis);border-radius:16px;line-height:100%;font-weight:700;font-size:20px;color:#fff}.CarList__empty-button:hover{background:#0056b3}.CarList__empty-button:active{transform:translateY(1px)}.CarInfoCard{width:100%;height:auto;background-color:var(--card-bg);border-radius:10px;border:none;display:flex;flex-direction:column;cursor:pointer;position:relative}.CarInfoCard__image{overflow:hidden;display:flex;flex-shrink:0;width:100%;border-radius:10px;max-height:260px;height:-moz-fit-content;height:fit-content;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.CarInfoCard__image__list{display:flex;width:100%;position:relative;touch-action:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:none}.CarInfoCard__image__list img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}.CarInfoCard__image__preview{position:absolute;top:0;width:25%;height:100%;cursor:pointer;transition:background-color .2s ease}.CarInfoCard__image__progressBar{position:absolute;display:flex;gap:2px;bottom:5px;left:50%;transform:translateX(-50%)}.CarInfoCard__image__progress{width:20px;height:5px;border-radius:10px}@media(max-width:800px){.CarInfoCard__image__list{transition:transform .3s}}.CarInfoCard__image-empty{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;height:100%;background:#575757;flex-direction:column;gap:15px}.CarInfoCard__image img{display:block;object-position:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.CarInfoCard__favorite{position:absolute;top:6px;right:6px}.CarInfoCard__body{display:flex;flex-direction:column;height:100%}.CarInfoCard__content{flex-grow:1;display:flex;flex-direction:column;gap:5px;margin-top:12px;padding-inline:15px;margin-bottom:10px}.CarInfoCard__title{text-transform:capitalize;font-size:16px;font-weight:400;color:#fff;line-height:1;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CarInfoCard__price{position:relative;width:max-content}.CarInfoCard__price__value{font-size:20px;font-weight:800;color:#fff;line-height:1}.CarInfoCard__price__info{font-size:10px;font-weight:700;position:absolute;bottom:0;color:#fff;right:-30%}.CarInfoCard ul,.CarInfoCard__details{height:100%;flex-grow:1;margin-top:auto;margin-bottom:0;display:flex;flex-wrap:wrap}.CarInfoCard ul li,.CarInfoCard__details li{margin-right:15px}.CarInfoCard ul li:last-child,.CarInfoCard__details li:last-child{margin-right:0}.CarInfoCard ul li:first-child,.CarInfoCard__details li:first-child{margin-right:11px}.CarInfoCard__no-photo{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:10px;text-align:center;padding:20px}.CarInfoCard__no-photo p{color:#666;font-size:14px;line-height:1.4;margin:0}.skeleton-wrapper{display:contents}.react-loading-skeleton:after{background-image:var(--custom-highlight-background,linear-gradient(90deg,rgba(255,255,255,0) 0,var(--highlight-color) 50%,rgba(255,255,255,0) 100%))}.CarInfoCard__image{position:relative;aspect-ratio:16/9;touch-action:pan-y;overscroll-behavior:contain}.CarInfoCard__image img{position:relative;width:100%;height:100%;object-fit:cover}.CarInfoCard__image__more-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:400;z-index:2;pointer-events:none;text-align:center;display:flex;flex-direction:column;gap:10px}.CarInfoCard__image__more-overlay span{font-size:14px}