#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.car-tile[data-v-f7cdaad3]{width:320px;margin:1rem;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.top[data-v-f7cdaad3]{height:170px;position:relative}.image-wrapper[data-v-f7cdaad3]{position:relative;width:100%;height:100%}.car-img[data-v-f7cdaad3]{position:absolute;width:100%;top:0;left:0;transition:opacity .3s ease,transform .3s ease}.front-view[data-v-f7cdaad3]{opacity:1}.side-view[data-v-f7cdaad3]{opacity:0;transform:translateY(20px)}.car-tile:hover .front-view[data-v-f7cdaad3]{opacity:0}.car-tile:hover .side-view[data-v-f7cdaad3]{opacity:1;transform:translateY(0)}.bottom[data-v-f7cdaad3]{background:#fff;padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.name[data-v-f7cdaad3]{font-weight:700;font-size:1.1rem}.price[data-v-f7cdaad3]{color:#222;font-size:1rem}.labels[data-v-f7cdaad3]{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.label[data-v-f7cdaad3]{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;border-radius:4px;padding:.2rem .5rem;white-space:nowrap}.label.yellow[data-v-f7cdaad3]{background:#ffd800;color:#000}.label.gray[data-v-f7cdaad3]{background:#e6e8ea;color:#000}.icon[data-v-f7cdaad3]{font-size:.9rem}.model-button[data-v-f7cdaad3]{margin-top:.5rem;padding:.6rem 1.2rem;border:none;border-radius:999px;background-color:#0057b8;color:#fff;font-weight:500;cursor:pointer;transition:background .2s ease}.model-button[data-v-f7cdaad3]:hover{background-color:#004199}.car-grid{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem;gap:1rem;width:100vw}