.car{background-color:var(--secondary-bg-color);width:100%;max-width:320px;color:var(--primary-text-color);border:1px solid #0000000d;border-radius:20px;margin:0 auto;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.car:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}[data-theme=dark] .car{border:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .car:hover{box-shadow:0 8px 32px #0006}.car_image_box{aspect-ratio:4/3;width:100%;display:block;position:relative;overflow:hidden}.car_image{object-fit:cover;border-radius:20px 20px 0 0;width:100%;height:100%;transition:transform .3s ease-in-out}.car_year_badge{background:var(--link-color);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:fit-content;padding:6px 12px;font-size:14px;font-weight:600}.car_discount_badge{background:linear-gradient(135deg,var(--link-color),#1a9fd1);color:#fff;z-index:100;box-shadow:0 3px 8px rgba(var(--link-color-rgb),.4),0 1px 3px #0000004d;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff4d;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:8px;right:8px}.car_discount_badge[data-discount-type=rental]{background:linear-gradient(135deg,#ff6b00,#f70);border:1px solid #fff6;box-shadow:0 3px 8px #ff6b0066,0 1px 3px #0000004d}.car_discount_text{animation:none;display:block;transform:scale(1)}@keyframes orangeGlow{0%{transform:scale(1);box-shadow:0 4px 15px #ff8c0080,0 0 25px #ff950066}50%{transform:scale(1.05);box-shadow:0 6px 20px #ff8c00b3,0 0 35px #ff950099}to{transform:scale(1);box-shadow:0 4px 15px #ff8c0080,0 0 25px #ff950066}}.car_info{flex-direction:column;justify-content:space-between;padding:20px;display:flex}.car_header{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.car_header-top{justify-content:space-between;align-items:center;display:flex}.car_title{color:var(--primary-text-color);font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;transition:color .2s}.car_title:hover{color:var(--link-color)}.car_lot_number{color:var(--secondary-text-color);opacity:.7;font-size:14px;font-weight:500}.car_price_section{margin-top:auto}.car_price_main{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.car_price_amount{color:var(--primary-text-color);font-size:16px;font-weight:700}.car_price_period{color:var(--secondary-text-color);font-size:13px;font-weight:500}.car_price_old{color:var(--secondary-text-color);opacity:.7;font-size:13px;text-decoration:line-through}.car_image_box:hover .car_image{transform:scale(1.05)}@media (max-width:767px){.car{max-width:280px}.car_info{padding:16px}.car_title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.car_price_amount{font-size:15px}.car_price_period{font-size:12px}.car_lot_number{font-size:11px}}@media (min-width:768px) and (max-width:1023px){.car{max-width:300px}.car_info{min-height:130px;padding:18px}.car_title{font-size:17px}.car_price_amount{font-size:15px}}@media (min-width:1024px){.car{max-width:320px}.car_info{padding:20px}.car_title{font-size:18px}.car_price_amount{font-size:16px}}
