src/PortalBundle/Resources/views/Catalog/slider-card-truck.html.twig line 1

Open in your IDE?
  1. <div class="card__box">
  2.     <div class="card__img__wrapper">
  3.         <div class="card__img card__img-front" style="background-image: url('{{ sonata_path(item.vehicle.preview, 'reference') }}')"></div>
  4.         {% if item.vehicle.previewSecond is not null %}
  5.             <div class="card__img card__img-back" style="background-image: url('{{ sonata_path(item.vehicle.previewSecond, 'reference') }}')"></div>
  6.         {% else %}
  7.             <div class="card__img card__img-back" style="background-image: url('{{ sonata_path(item.vehicle.preview, 'reference') }}')"></div>
  8.         {% endif %}
  9.         <div class="additional__information__box">
  10.             {% if item.vehicle.isUsed and item.hasNds %}
  11.                 <img src="{{ asset('/bundles/portal/img/icon-svg/pdf-icon.svg') }}" alt="">
  12.             {% endif %}
  13.             {% if item.vehicle.isUsed and item.isSelect %}
  14.                 <img src="{{ asset('/bundles/portal/img/icon-svg/select-icon.svg') }}" alt="">
  15.             {% endif %}
  16.         </div>
  17.     </div>
  18.     <div class="card__car__info__wrapper-c">
  19.         <a class="card__car__title" href="{{ item.link }}">{{ item.vehicle.fullName }}</a>
  20.         <div class="card__car__power__box">
  22.             <span class="card__car__power">{{ item.vehicle.equipment.title }} {{ item.vehicle.enginePower(app.request.locale) }} {{ 'catalog.k_s'|trans({}, 'portal_base') }}</span>
  23.             <span class="card__car__year">{{ item.vehicle.year }}</span>
  24.         </div>
  25.         <div class="card__car__characteristics">
  26.             <div class="car__characteristics__box">
  27.                 <svg class="car__characteristics__icon" width="24" height="25"
  28.                      viewBox="0 0 24 25" fill="none"
  29.                      xmlns="http://www.w3.org/2000/svg">
  30.                     <path d="M23.9928 5.13384C24.0429 4.55553 23.8315 3.99224 23.3864 3.50504C22.9914 3.07294 22.4792 2.80407 21.9444 2.74999C21.2289 2.67789 20.5164 2.91241 19.9836 3.39538C19.4829 3.84602 19.2065 4.44686 19.2065 5.09028C19.2065 5.83331 19.5009 6.50325 20.0077 6.93586V10.6481C20.0077 10.9799 19.7386 11.2489 19.4068 11.2489H18.2181C17.8952 10.4018 17.3399 9.84245 16.5012 9.521V7.00397C17.3124 6.55883 17.6629 5.77675 17.4926 4.76831C17.3148 3.71683 16.5363 2.91269 15.5549 2.76548C14.9126 2.65925 14.2562 2.84256 13.7619 3.2662C13.2467 3.70782 12.9507 4.37326 12.9507 5.09028C12.9507 5.86439 13.4569 6.5263 13.9977 6.9429V9.52104C13.1465 9.84602 12.5692 10.4153 12.2453 11.249H10.5899C10.2601 11.2487 9.99289 10.9814 9.99261 10.6517V7.00402C10.8058 6.55841 11.1573 5.77529 10.987 4.76639C10.8092 3.71491 10.0302 2.91128 9.04877 2.76356C8.40614 2.65705 7.74934 2.84035 7.25473 3.26428C6.73195 3.72533 6.43612 4.39138 6.44457 5.08836C6.44457 5.86293 6.9498 6.52489 7.48906 6.94098V10.6462C7.48906 10.978 7.22004 11.247 6.88821 11.247H3.98416V6.91192C4.61857 6.29103 5.02761 5.20651 4.53144 4.07692C4.38123 3.73444 4.01021 3.32586 3.66773 3.12557C2.83654 2.6379 1.92476 2.60635 1.17023 3.03896C0.441239 3.46486 -0.00488839 4.2475 4.04212e-05 5.09178C4.04212e-05 5.88739 0.471704 6.54034 0.979418 6.9444V12.0376C0.980263 12.9843 1.74756 13.7516 2.69431 13.7524H6.8677C7.21037 13.753 7.48802 14.0307 7.48859 14.3733V17.9969C6.66792 18.4451 6.31243 19.2297 6.48316 20.2411C6.66092 21.2926 7.44202 22.0937 8.42539 22.2389C8.54044 22.2557 8.65657 22.2642 8.77289 22.2644C9.3045 22.2673 9.81897 22.0767 10.2204 21.7282C10.7406 21.2683 11.0351 20.6049 11.0276 19.9106C11.0276 19.1331 10.5268 18.4721 9.99209 18.058V14.3528C9.99209 14.021 10.2611 13.752 10.5929 13.752H12.2453C12.5692 14.5857 13.1465 15.154 13.9977 15.4799V17.9965C13.1746 18.4471 12.8186 19.2312 12.9893 20.2427C13.1675 21.2941 13.9486 22.0953 14.9325 22.239C15.5774 22.341 16.2344 22.1532 16.728 21.7258C17.2472 21.2663 17.5414 20.604 17.5342 19.9107C17.5342 19.1321 17.0334 18.4717 16.5012 18.0581V15.4795C17.3399 15.158 17.8952 14.5987 18.2181 13.7515H19.8735C19.9468 13.7515 20.0063 13.8108 20.0066 13.8842V18.0901C19.4814 18.6063 19.0843 19.4685 19.2781 20.4064C19.4433 21.2075 20.0547 21.8679 20.8739 22.1363C21.6249 22.3817 22.4015 22.2695 23.0104 21.8279C23.6213 21.3805 23.9814 20.6679 23.9792 19.9106C23.9783 19.1115 23.5121 18.4601 23.0104 18.0595V6.91732C23.3554 6.60239 23.9232 5.96601 23.9928 5.13384ZM22.9944 5.05273C22.9538 5.5419 22.5578 6.0146 22.2007 6.29399C22.0794 6.3889 22.0084 6.53447 22.0085 6.68853V18.3154C22.0086 18.4862 22.0958 18.6451 22.2398 18.737C22.5798 18.9548 22.9768 19.3929 22.9768 19.9111C22.9794 20.3471 22.7734 20.7582 22.4225 21.0172C22.072 21.271 21.6304 21.3311 21.1853 21.1849C20.7137 21.0302 20.3496 20.6451 20.2585 20.204C20.1283 19.5751 20.4443 19.0023 20.8153 18.7099C20.9367 18.615 21.0076 18.4695 21.0076 18.3154V13.8851C21.0067 13.259 20.4991 12.7516 19.8729 12.7511H17.8576C17.6332 12.751 17.436 12.9004 17.3754 13.1166C17.1416 13.9518 16.691 14.4064 15.8678 14.6357C15.6515 14.6961 15.5018 14.8933 15.5018 15.1179V18.3154C15.5019 18.4861 15.5889 18.645 15.7326 18.737C16.1027 18.9743 16.5338 19.424 16.5338 19.9111C16.541 20.314 16.3729 20.7003 16.0732 20.9696C15.798 21.2045 15.4334 21.3065 15.0763 21.2485C14.533 21.1703 14.0819 20.6882 13.9782 20.0758C13.8661 19.4149 14.0829 19.0158 14.6817 18.782C14.8737 18.707 15.0001 18.5219 15.0002 18.3158V15.1179C15.0001 14.8933 14.8505 14.6961 14.6342 14.6357C13.794 14.4014 13.3173 13.9347 13.0895 13.1171C13.0291 12.9007 12.8319 12.7511 12.6073 12.7511H10.593C9.7081 12.7511 8.99075 13.4684 8.99075 14.3533V18.3153C8.99079 18.486 9.07782 18.6449 9.22156 18.7369C9.59258 18.9752 10.0262 19.4254 10.0262 19.9111C10.0334 20.3146 9.86516 20.7013 9.56502 20.971C9.29032 21.2053 8.92634 21.3066 8.57011 21.2479C8.02634 21.1688 7.57472 20.6861 7.46854 20.0743C7.3564 19.4139 7.57271 19.0153 8.16951 18.7815C8.3615 18.7065 8.48787 18.5214 8.48796 18.3153V14.3732C8.48688 13.4777 7.76117 12.7521 6.86568 12.751H2.69431C2.30048 12.7504 1.98137 12.4313 1.98081 12.0375V6.68552C1.97992 6.51574 1.89303 6.35797 1.75 6.26644C1.40503 6.04511 0.998945 5.60499 0.998945 5.0923C0.993969 4.60604 1.24928 4.15423 1.66837 3.90765C2.10999 3.65478 2.63874 3.68435 3.16147 3.98975C3.31919 4.08236 3.54803 4.32974 3.6121 4.47995C3.96261 5.2811 3.54202 6.0031 3.1725 6.29202C3.05111 6.38693 2.98018 6.53245 2.98023 6.68656V11.613C2.98051 11.9652 3.26596 12.2506 3.61811 12.2509H6.88521C7.77009 12.2509 8.48744 11.5335 8.48744 10.6486V6.68552C8.48707 6.51621 8.40121 6.35853 8.25912 6.26644C7.88411 6.0261 7.4455 5.57396 7.4455 5.0923C7.43747 4.68692 7.60636 4.29811 7.90815 4.0273C8.09741 3.86409 8.42238 3.68482 8.89954 3.75594C9.4503 3.83907 9.89342 4.31322 10.0011 4.93509C10.1143 5.60302 9.90746 5.98657 9.31112 6.22142C9.11913 6.29643 8.99277 6.48147 8.99267 6.68759V10.6532C8.9946 11.5353 9.70927 12.25 10.5914 12.2519H12.6078C12.8324 12.2519 13.0295 12.1023 13.09 11.8859C13.3178 11.0698 13.7945 10.6016 14.6347 10.3673C14.851 10.3069 15.0007 10.1097 15.0007 9.88512V6.68562C14.9994 6.51555 14.9119 6.35769 14.7683 6.26653C14.3918 6.02521 13.9522 5.57307 13.9522 5.09239C13.9522 4.6673 14.1209 4.27877 14.4148 4.02589C14.6031 3.86315 14.927 3.68191 15.4042 3.75453C15.955 3.83813 16.3986 4.3128 16.5058 4.93519C16.6189 5.60264 16.4132 5.98667 15.8188 6.21949C15.6268 6.29451 15.5004 6.47955 15.5003 6.68567V9.88315C15.5004 10.1078 15.65 10.3049 15.8663 10.3653C16.6895 10.5946 17.1401 11.0488 17.3739 11.8845C17.4345 12.1006 17.6316 12.25 17.8561 12.25H19.4058C20.2907 12.25 21.008 11.5327 21.008 10.6478V6.68571C21.007 6.51583 20.9199 6.35802 20.7767 6.26662C20.4207 6.0383 20.2079 5.59917 20.2079 5.09249C20.2079 4.73851 20.3661 4.40053 20.6546 4.14113C20.9769 3.84785 21.4086 3.70515 21.8422 3.74857C22.1281 3.77809 22.4215 3.93633 22.6468 4.18319C22.9063 4.46639 23.0199 4.7508 22.9944 5.05273Z"
  31.                           fill="#E40C25"/>
  32.                 </svg>
  34.                 <span class="car__charact__name">{{ item.vehicle.transmissionTypeName(app.request.locale) }}</span>
  35.             </div>
  36.             <div class="car__characteristics__box">
  37.                 <svg class="car__characteristics__icon" width="24" height="25"
  38.                      viewBox="0 0 24 25" fill="none"
  39.                      xmlns="http://www.w3.org/2000/svg">
  40.                     <g clip-path="url(#clip0_783_23874)">
  41.                         <path d="M18.75 9.125H21C21.6203 9.125 22.125 8.62025 22.125 8V2C22.125 1.37975 21.6203 0.875 21 0.875H18.75C18.1297 0.875 17.625 1.37975 17.625 2V3.125H16.5C16.2926 3.125 16.125 3.293 16.125 3.5V3.875H7.875V3.5C7.875 3.293 7.70738 3.125 7.5 3.125H6.375V2C6.375 1.37975 5.87025 0.875 5.25 0.875H3C2.37975 0.875 1.875 1.37975 1.875 2V8C1.875 8.62025 2.37975 9.125 3 9.125H5.25C5.87025 9.125 6.375 8.62025 6.375 8V6.875H7.5C7.70738 6.875 7.875 6.707 7.875 6.5V6.125H8.46975L10.875 8.53025V12.125H10.5C10.2926 12.125 10.125 12.293 10.125 12.5V15.125H9C8.79262 15.125 8.625 15.2926 8.625 15.5V18.875H7.875V18.5C7.875 18.2926 7.70738 18.125 7.5 18.125H6.375V17C6.375 16.3798 5.87025 15.875 5.25 15.875H3C2.37975 15.875 1.875 16.3798 1.875 17V23C1.875 23.6203 2.37975 24.125 3 24.125H5.25C5.87025 24.125 6.375 23.6203 6.375 23V21.875H7.5C7.70738 21.875 7.875 21.7074 7.875 21.5V21.125H16.125V21.5C16.125 21.7074 16.2926 21.875 16.5 21.875H17.625V23C17.625 23.6203 18.1297 24.125 18.75 24.125H21C21.6203 24.125 22.125 23.6203 22.125 23V17C22.125 16.3798 21.6203 15.875 21 15.875H18.75C18.1297 15.875 17.625 16.3798 17.625 17V18.125H16.5C16.2926 18.125 16.125 18.2926 16.125 18.5V18.875H15.375V15.5C15.375 15.2926 15.2074 15.125 15 15.125H13.875V12.5C13.875 12.293 13.7074 12.125 13.5 12.125H13.125V8.53025L15.5303 6.125H16.125V6.5C16.125 6.707 16.2926 6.875 16.5 6.875H17.625V8C17.625 8.62025 18.1297 9.125 18.75 9.125ZM5.25 8.375H3C2.793 8.375 2.625 8.20662 2.625 8V7.03025L3.10988 7.51513L3.64012 6.98487L2.625 5.96975V5.15525L3.10988 5.64012L3.64012 5.10988L2.625 4.09475V3.28025L3.10988 3.76512L3.64012 3.23488L2.625 2.21975V2C2.625 1.79338 2.793 1.625 3 1.625H5.25C5.457 1.625 5.625 1.79338 5.625 2V2.21975L4.60988 3.23488L5.14012 3.76512L5.625 3.28025V4.09475L4.60988 5.10988L5.14012 5.64012L5.625 5.15525V5.96975L4.60988 6.98487L5.14012 7.51513L5.625 7.03025V8C5.625 8.20662 5.457 8.375 5.25 8.375ZM7.125 6.125H6.375V3.875H7.125V6.125ZM5.25 23.375H3C2.793 23.375 2.625 23.207 2.625 23V22.0303L3.10988 22.5151L3.64012 21.9849L2.625 20.9697V20.1553L3.10988 20.6401L3.64012 20.1099L2.625 19.0947V18.2803L3.10988 18.7651L3.64012 18.2349L2.625 17.2197V17C2.625 16.793 2.793 16.625 3 16.625H5.25C5.457 16.625 5.625 16.793 5.625 17V17.2197L4.60988 18.2349L5.14012 18.7651L5.625 18.2803V19.0947L4.60988 20.1099L5.14012 20.6401L5.625 20.1553V20.9697L4.60988 21.9849L5.14012 22.5151L5.625 22.0303V23C5.625 23.207 5.457 23.375 5.25 23.375ZM7.125 21.125H6.375V18.875H7.125V21.125ZM18.75 16.625H21C21.207 16.625 21.375 16.793 21.375 17V17.2197L20.3599 18.2349L20.8901 18.7651L21.375 18.2803V19.0947L20.3599 20.1099L20.8901 20.6401L21.375 20.1553V20.9697L20.3599 21.9849L20.8901 22.5151L21.375 22.0303V23C21.375 23.207 21.207 23.375 21 23.375H18.75C18.543 23.375 18.375 23.207 18.375 23V22.0303L18.8599 22.5151L19.3901 21.9849L18.375 20.9697V20.1553L18.8599 20.6401L19.3901 20.1099L18.375 19.0947V18.2803L18.8599 18.7651L19.3901 18.2349L18.375 17.2197V17C18.375 16.793 18.543 16.625 18.75 16.625ZM16.875 18.875H17.625V21.125H16.875V18.875ZM9.53025 6.125H10.875V7.46975L9.53025 6.125ZM10.875 12.875H13.125V16.625H10.875V12.875ZM11.625 18.875V17.375H12.375V18.875H11.625ZM9.375 15.875H10.125V17C10.125 17.2074 10.2926 17.375 10.5 17.375H10.875V18.875H9.375V15.875ZM16.125 20.375H7.875V19.625H16.125V20.375ZM13.875 17V15.875H14.625V18.875H13.125V17.375H13.5C13.7074 17.375 13.875 17.2074 13.875 17ZM11.625 12.125V6.125H12.375V12.125H11.625ZM13.125 7.46975V6.125H14.4697L13.125 7.46975ZM7.875 5.375V4.625H16.125V5.375H7.875ZM18.75 1.625H21C21.207 1.625 21.375 1.79338 21.375 2V2.21975L20.3599 3.23488L20.8901 3.76512L21.375 3.28025V4.09475L20.3599 5.10988L20.8901 5.64012L21.375 5.15525V5.96975L20.3599 6.98487L20.8901 7.51513L21.375 7.03025V8C21.375 8.20662 21.207 8.375 21 8.375H18.75C18.543 8.375 18.375 8.20662 18.375 8V7.03025L18.8599 7.51513L19.3901 6.98487L18.375 5.96975V5.15525L18.8599 5.64012L19.3901 5.10988L18.375 4.09475V3.28025L18.8599 3.76512L19.3901 3.23488L18.375 2.21975V2C18.375 1.79338 18.543 1.625 18.75 1.625ZM16.875 6.125V3.875H17.625V6.125H16.875Z"
  42.                               fill="#E40C25"/>
  43.                     </g>
  44.                     <defs>
  45.                         <clipPath id="clip0_783_23874">
  46.                             <rect width="24" height="24" fill="white"
  47.                                   transform="translate(0 0.5)"/>
  48.                         </clipPath>
  49.                     </defs>
  50.                 </svg>
  52.                 <span class="car__charact__name">{{ item.vehicle.driveUnitTypeName(app.request.locale) }}</span>
  53.             </div>
  54.             <div class="car__characteristics__box">
  55.                 <svg class="car__characteristics__icon" width="24" height="25"
  56.                      viewBox="0 0 24 25" fill="none"
  57.                      xmlns="http://www.w3.org/2000/svg">
  58.                     <g clip-path="url(#clip0_783_23878)">
  59.                         <path d="M22 11.7001H21.2C20.8817 11.7001 20.5765 11.8265 20.3515 12.0516C20.1264 12.2766 20 12.5818 20 12.9001V13.3001H19.2V11.3001C19.2 10.9818 19.0736 10.6766 18.8485 10.4516C18.6235 10.2265 18.3183 10.1001 18 10.1001H16.8C16.6939 10.1001 16.5922 10.058 16.5172 9.98294C16.4421 9.90793 16.4 9.80619 16.4 9.7001V8.9001C16.4 8.58184 16.2736 8.27661 16.0485 8.05157C15.8235 7.82653 15.5183 7.7001 15.2 7.7001H13.6V6.5001H15.6C15.9183 6.5001 16.2235 6.37367 16.4485 6.14863C16.6736 5.92358 16.8 5.61836 16.8 5.3001C16.8 4.98184 16.6736 4.67661 16.4485 4.45157C16.2235 4.22653 15.9183 4.1001 15.6 4.1001H7.6C7.28174 4.1001 6.97652 4.22653 6.75147 4.45157C6.52643 4.67661 6.4 4.98184 6.4 5.3001C6.4 5.61836 6.52643 5.92358 6.75147 6.14863C6.97652 6.37367 7.28174 6.5001 7.6 6.5001H9.6V7.7001H7.6C7.28174 7.7001 6.97652 7.82653 6.75147 8.05157C6.52643 8.27661 6.4 8.58184 6.4 8.9001C6.4 9.00619 6.35786 9.10793 6.28284 9.18294C6.20783 9.25796 6.10609 9.3001 6 9.3001H4.8C4.48174 9.3001 4.17652 9.42653 3.95147 9.65157C3.72643 9.87661 3.6 10.1818 3.6 10.5001V12.1001H2.4V10.5001C2.4 10.1818 2.27357 9.87661 2.04853 9.65157C1.82348 9.42653 1.51826 9.3001 1.2 9.3001C0.88174 9.3001 0.576515 9.42653 0.351472 9.65157C0.126428 9.87661 0 10.1818 0 10.5001L0 16.9001C0 17.2184 0.126428 17.5236 0.351472 17.7486C0.576515 17.9737 0.88174 18.1001 1.2 18.1001C1.51826 18.1001 1.82348 17.9737 2.04853 17.7486C2.27357 17.5236 2.4 17.2184 2.4 16.9001V15.3001H3.6V17.3001C3.6 17.6184 3.72643 17.9236 3.95147 18.1486C4.17652 18.3737 4.48174 18.5001 4.8 18.5001H6.4688C6.57488 18.5001 6.6766 18.5423 6.7516 18.6173L8.6828 20.5485C8.79391 20.6603 8.92612 20.749 9.07175 20.8093C9.21739 20.8697 9.37356 20.9005 9.5312 20.9001H18C18.3183 20.9001 18.6235 20.7737 18.8485 20.5486C19.0736 20.3236 19.2 20.0184 19.2 19.7001V18.1001H20V18.5001C20 18.8184 20.1264 19.1236 20.3515 19.3486C20.5765 19.5737 20.8817 19.7001 21.2 19.7001H22C22.5302 19.6995 23.0386 19.4885 23.4135 19.1136C23.7884 18.7387 23.9994 18.2303 24 17.7001V13.7001C23.9994 13.1699 23.7884 12.6615 23.4135 12.2866C23.0386 11.9117 22.5302 11.7007 22 11.7001ZM7.2 5.3001C7.2 5.19401 7.24214 5.09227 7.31716 5.01726C7.39217 4.94224 7.49391 4.9001 7.6 4.9001H15.6C15.7061 4.9001 15.8078 4.94224 15.8828 5.01726C15.9579 5.09227 16 5.19401 16 5.3001C16 5.40618 15.9579 5.50793 15.8828 5.58294C15.8078 5.65796 15.7061 5.7001 15.6 5.7001H7.6C7.49391 5.7001 7.39217 5.65796 7.31716 5.58294C7.24214 5.50793 7.2 5.40618 7.2 5.3001ZM10.4 6.5001H12.8V7.7001H10.4V6.5001ZM1.6 16.9001C1.6 17.0062 1.55786 17.1079 1.48284 17.1829C1.40783 17.258 1.30609 17.3001 1.2 17.3001C1.09391 17.3001 0.992172 17.258 0.917157 17.1829C0.842143 17.1079 0.8 17.0062 0.8 16.9001V10.5001C0.8 10.394 0.842143 10.2923 0.917157 10.2173C0.992172 10.1422 1.09391 10.1001 1.2 10.1001C1.30609 10.1001 1.40783 10.1422 1.48284 10.2173C1.55786 10.2923 1.6 10.394 1.6 10.5001V16.9001ZM2.4 14.5001V12.9001H3.6V14.5001H2.4ZM18.4 19.7001C18.4 19.8062 18.3579 19.9079 18.2828 19.9829C18.2078 20.058 18.1061 20.1001 18 20.1001H9.5312C9.42512 20.1001 9.3234 20.0579 9.2484 19.9829L7.3172 18.0517C7.20603 17.9399 7.07382 17.8513 6.92819 17.791C6.78257 17.7306 6.62643 17.6997 6.4688 17.7001H4.8C4.69391 17.7001 4.59217 17.658 4.51716 17.5829C4.44214 17.5079 4.4 17.4062 4.4 17.3001V10.5001C4.4 10.394 4.44214 10.2923 4.51716 10.2173C4.59217 10.1422 4.69391 10.1001 4.8 10.1001H6C6.31826 10.1001 6.62348 9.97367 6.84853 9.74863C7.07357 9.52358 7.2 9.21836 7.2 8.9001C7.2 8.79401 7.24214 8.69227 7.31716 8.61726C7.39217 8.54224 7.49391 8.5001 7.6 8.5001H15.2C15.3061 8.5001 15.4078 8.54224 15.4828 8.61726C15.5579 8.69227 15.6 8.79401 15.6 8.9001V9.7001C15.6 10.0184 15.7264 10.3236 15.9515 10.5486C16.1765 10.7737 16.4817 10.9001 16.8 10.9001H18C18.1061 10.9001 18.2078 10.9422 18.2828 11.0173C18.3579 11.0923 18.4 11.194 18.4 11.3001V19.7001ZM19.2 17.3001V14.1001H20V17.3001H19.2ZM23.2 17.7001C23.2 18.0184 23.0736 18.3236 22.8485 18.5486C22.6235 18.7737 22.3183 18.9001 22 18.9001H21.2C21.0939 18.9001 20.9922 18.858 20.9172 18.7829C20.8421 18.7079 20.8 18.6062 20.8 18.5001V12.9001C20.8 12.794 20.8421 12.6923 20.9172 12.6173C20.9922 12.5422 21.0939 12.5001 21.2 12.5001H22C22.3183 12.5001 22.6235 12.6265 22.8485 12.8516C23.0736 13.0766 23.2 13.3818 23.2 13.7001V17.7001Z"
  60.                               fill="#E40C25"/>
  61.                     </g>
  62.                     <defs>
  63.                         <clipPath id="clip0_783_23878">
  64.                             <rect width="24" height="24" fill="white"
  65.                                   transform="translate(0 0.5)"/>
  66.                         </clipPath>
  67.                     </defs>
  68.                 </svg>
  70.                 <span class="car__charact__name">{{ item.vehicle.fuelTypeName(app.request.locale) }}, {{ item.vehicle.engineVolume(app.request.locale)| engine_volume_short }} л</span>
  71.             </div>
  72.         </div>
  73.         <div class="card__car__credit__info__box">
  74.             {% if item.creditPayment > 0 %}
  75.                 <span class="credit__info__title">Авто в кредит за {{ item.creditPayment|price }} грн/{{ 'catalog.month'|trans({}, 'portal_base') }}</span>
  77.                 <div class="credit__info__hover">
  78.                     <svg width="12" height="12" viewBox="0 0 12 12" fill="inherit"
  79.                          xmlns="http://www.w3.org/2000/svg">
  80.                         <path fill-rule="evenodd" clip-rule="evenodd"
  81.                               d="M5.99943 0C7.65664 0 9.1565 0.671257 10.2421 1.75682C11.3276 2.84351 12 4.34336 12 5.99943C12 7.65664 11.3276 9.1565 10.2421 10.2421C9.1565 11.3276 7.65664 12 5.99943 12C4.34336 12 2.84351 11.3276 1.75682 10.2421C0.671257 9.1565 0 7.65664 0 5.99943C0 4.34336 0.671257 2.84237 1.75682 1.75682C2.84237 0.671257 4.34336 0 5.99943 0ZM9.57985 2.41902C8.66409 1.50325 7.39742 0.936138 5.99943 0.936138C4.60145 0.936138 3.33591 1.50325 2.41902 2.41902C1.50325 3.33591 0.936138 4.60145 0.936138 5.99943C0.936138 7.39742 1.50325 8.66409 2.41902 9.57985C3.33591 10.4956 4.60145 11.0627 5.99943 11.0627C7.39742 11.0627 8.66409 10.4956 9.57985 9.57985C10.4956 8.66409 11.0627 7.39742 11.0627 5.99943C11.0627 4.60145 10.4956 3.33591 9.57985 2.41902ZM5.94736 3.80568C5.68927 3.80568 5.47986 3.59626 5.47986 3.33818C5.47986 3.07895 5.68927 2.86954 5.94736 2.86954H6.0515C6.31073 2.86954 6.52014 3.07895 6.52014 3.33818C6.52014 3.59626 6.31073 3.80568 6.0515 3.80568H5.94736ZM5.5274 4.88784C5.5274 4.62975 5.73682 4.42034 5.99604 4.42034C6.25413 4.42034 6.46354 4.62975 6.46354 4.88784V8.66182C6.46354 8.91991 6.25413 9.13046 5.99604 9.13046C5.73682 9.13046 5.5274 8.91991 5.5274 8.66182V4.88784Z"
  82.                               fill="#9C9C9C"/>
  83.                     </svg>
  84.                 </div>
  85.                 <div class="card__car__info__box-c">
  86.                     <p class="card__car__info__text">{{ 'catalog.calculation_preliminary'|trans({}, 'portal_base') }}</p>
  87.                 </div>
  88.             {% endif %}
  89.         </div>
  90.         <div class="card__car__color__box">
  91.             {% if item.vehicle.colors|length > 1 %}
  92.                 {% for color in item.vehicle.colors %}
  93.                     <div class="car__color {% if loop.index == 1 %}active{% endif %}"
  94.                          v-on:click="setVehicleColor($event, {{ item.vehicle.vehicleId }}, {{ color.id }})"
  95.                          style="background-image: url('{{ sonata_path(color.image, 'reference') }}')"></div>
  96.                 {% endfor %}
  97.             {% endif %}
  98.         </div>
  99.         <span class="card__car__price">{{ item.vehiclePrice|price }} грн</span>
  100.     </div>
  101.     <div class="add__comparison__like__box">
  103.         <button class="comparison__like add__comparison{% if item.comparedId is not null  %} active{% endif %}" comparedId="{{ item.comparedId }}" onclick="app.Compare.toggleCompare({{ item.vehicle.vehicleItemId }})"></button>
  104.         <button class="comparison__like add__like{% if item.featuredId is not null  %} active{% endif %}" featuredId="{{ item.featuredId }}" onclick="app.Favorit.toggleFavorite('vehicle', {vehicleItemId: '{{ item.vehicle.vehicleItemId }}', locale: '{{ app.request.locale }}', link: '{{ app.request.schemeAndHttpHost }}{{ path('portal_new_car',{dealer: item.vehicle.dealer.url,url:item.vehicle.url, variation: item.vehicle.vehicleItemId }) }}'})"></button>
  106.     </div>
  109. </div>