:root {
  --bright-orange: #ff8800;
  --blue: #2a70de;
  --white: #ffffff;
  --grey-navigation-link-border: #9b9b9b;
  --grey-text: #737373;
  --grey-buttons: #3f3f3f;
  --grey-borders: #bcbcbc;
  --black: #131313;
  --red: #c20000;
  --yellow: #ffba00;
}

@font-face {
  font-family: "Vlanella";
  src: url("/assets/fonts/vlanella.ttf") format("truetype");
}

@font-face {
  font-family: "Vlanella-bold";
  src: url("/assets/fonts/vlanella-bold.ttf") format("truetype");
}

@font-face {
  font-family: "Vlanella-italic";
  src: url("/assets/fonts/vlanella-italic.ttf") format("truetype");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  font-family: "Urbanist", sans-serif;
  color: var(--grey-buttons);
}

/* DEV ONLY */

.dev_links_btn {
  position: fixed;
  top: 2rem;
  left: 1rem;
  font-family: inherit;
  background-color: var(--red);
  color: var(--white);
  font-size: 1.8rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: none;
  z-index: 9999999999999999;
  cursor: pointer;
}

.dev_links_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999999999999;
  display: none;
}

.dev_links_overlay_active {
  display: block;
}

.dev_links_modal {
  position: fixed;
  overflow-y: scroll;
  padding: 2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--red);
  color: var(--white);
  width: 50rem;
  height: 60rem;
  border-radius: 2rem;
  display: none;
  z-index: 99999999999999;
}

.dev_links_modal_active {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.dev_links_modal_anchor:link,
.dev_links_modal_anchor:visited {
  color: inherit;
  font-size: 1.8rem;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* NAVIGATION */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.65);
  transition: all 0.2s;
}

.navigation_upper {
  width: 100%;
  padding: 1.2rem 6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.navigation_upper_logged_in {
  justify-content: flex-end;
}

.navigation_upper::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #757575;
}

.navigation_contact_list {
  display: flex;
  align-items: center;
  gap: 3rem;
  list-style: none;
}

.navigation_contact_element {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.navigation_contact_element_svg {
  width: 2rem;
  height: 2rem;
  fill: var(--white);
}

.navigation_contact_element_svg_mail {
  width: 14rem;
  height: 1.5rem;
  margin-top: 0.4rem;
  margin-bottom: -0.5rem;
}

.navigation_contact_element_anchor:link,
.navigation_contact_element_anchor:visited {
  font-family: inherit;
  font-size: 1.4rem;
  color: var(--white);
  text-decoration: none;
  font-style: normal;
}

.navigation_change_language {
  background-color: transparent;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.95rem;
}

.navigation_lower {
  padding: 2.5rem 6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navigation_links_wrapper {
  display: flex;
  align-items: center;
  gap: 4.5rem;
}

.navigation_link_account:link,
.navigation_link_account:visited {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
}

.navigation_link_account_svg {
  width: 2rem;
  height: 2rem;
  fill: var(--white);
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* HERO SECTION */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.hero {
  position: relative;
  width: 100%;
  height: 65vh;
  background: url("/assets/videos/hero.mp4") center/cover no-repeat;
  padding: 0rem 6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3.5em;
  overflow: hidden;
}

.hero.hero_logged_in_user {
  overflow: unset;
}

.hero video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.hero_elements_wrapper {
  margin-left: 8.5rem;
  margin-top: 6rem;
  z-index: 1;
}

.hero_text {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--bright-orange);
  display: block;
  margin-bottom: 1rem;
}

.hero_heading {
  font-size: 6.8rem;
  font-weight: 700;
  color: var(--white);
  line-height: 1;
  margin-bottom: 2rem;
}

.hero_flex_wrapper {
  display: flex;
  align-items: center;
  gap: 4.5rem;
}

.hero_flex_element {
  display: flex;
  align-items: center;
  gap: 1.3rem;
}

.hero_flex_element_svg {
  height: 2rem;
  width: 2rem;
  fill: var(--bright-orange);
}

.hero_flex_element_text {
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--white);
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* LISTINGS */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.listings_section {
  width: 100%;
  padding: 0rem 6rem;
  margin-bottom: 10rem;
}

.listings_filter_buttons_list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 3rem;
}

.listings_filter_button {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: inherit;
  padding: 1.3rem 3rem;
  color: var(--black);
  background-color: transparent;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s;
}

.listings_filter_button_active {
  color: var(--white);
  background-color: var(--grey-buttons);
}

.cards_grid {
  /* display: grid; 
  grid-template-columns: repeat(auto-fill, minmax(43.5rem, 1fr)); 
  column-gap: 2rem; 
  row-gap: 4rem; */

  display: none;
}

.cards_grid_active {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2rem;
}
.card {
  min-width: calc(25% - 2rem);
  max-width: calc(25% - 2rem);
  min-height: 100%;
  flex: 1;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.card_type {
  position: absolute;
  top: 8.3rem;
  left: -3rem;
  background-color: #2a70de;
  color: var(--white);
  border: none;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0.5rem 3.7rem;
  transform: rotate(-45deg);
  transform-origin: top left;
  opacity: 0.8;
}

.card_type_rulata {
  padding-left: 5rem;
}

.favorites_title {
  font-size: 3.2rem;
  margin-bottom: 2.4rem;
  font-weight: 400;
  /* padding-top: 20rem; */
}

.favorites_card_wrapper {
  width: 25%;
  max-width: calc(33.3333% - 1rem);
  flex: 1;
  gap: 2rem;
}

.favorites_card_wrapper .card {
  min-width: calc(100% - 2rem);
}

.favorites_card {
  width: 100%;
  margin-bottom: 2rem;
}

.favorites_card_remove_btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: 1.6rem;
  color: inherit;
}

.card_time {
  width: 50%;
  padding: 0.6rem 2.2rem;
  font-family: inherit;
  font-weight: 700;
  font-size: 1.6rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: none;
  background-color: var(--white);
}

.card_time_non_urgent {
  /* background-color: var(--blue); */
  color: var(--blue);
  border: 0.1rem solid var(--blue);
}

.card_time_urgent {
  color: var(--red);
  border: 0.1rem solid var(--red);
}

.card_time_suspended {
  color: #ff8800;
  border: 0.1rem solid #ff8800;
}

.card_time_svg {
  width: 1.7rem;
  height: 1.7rem;
}

.card_time_svg_non_urgent {
  fill: var(--blue);
}

.card_time_svg_urgent {
  fill: var(--red);
}

.card_time_svg_suspended {
  fill: #ff8800;
}

.card_figure {
  height: 30rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
  /* opacity: 0; */
}

.card_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card_header {
  padding: 1.7rem 2rem;
  border-bottom: 0.1rem solid var(--grey-borders);
  box-shadow: inset 0.1rem 0 var(--grey-borders),
    inset -0.1rem 0 var(--grey-borders);
  padding-top: 0.7rem;
  padding-bottom: 1.3rem;
}

.card_header_bidding_code_wrapper {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  /* margin-bottom: 1rem; */
}

.card_header_bidding_multiplier {
  background-color: #fff;
  width: 2.4rem;
  height: 2.4rem;
  font-family: inherit;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--red);
  border-radius: 50%;
  border: none;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.15);
}

.card_header_bidding_code {
  font-size: 1.2rem;
  /* display: block; */
}

.card_header_bidding_code_text:hover {
  cursor: pointer;
  opacity: 0.7;
}

.card_header_bidding_code_total_wrapper {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.card_header_title:link,
.card_header_title:visited {
  font-size: 2rem;
  font-weight: 600;
  color: var(--grey-buttons);
  margin-bottom: 0.8rem;
  text-decoration: none;
  display: block;
  width: 85%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card_header_location {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card_header_location_svg {
  fill: var(--blue);
  width: 2rem;
  height: 2rem;
}

.card_header_location_text {
  font-size: 1.6rem;
}

.card_info {
  padding: 2.3rem 2rem;
  display: flex;
  align-items: flex-start;
  gap: 7rem;
  box-shadow: inset 0.1rem 0 var(--grey-borders),
    inset -0.1rem 0 var(--grey-borders);
  padding-top: 1.3rem;
}

.card_info_list {
  width: 100%;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.8rem;
}

.card_info_list_element {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.card_info_list_element_svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: var(--grey-buttons);
}

.card_info_list_element_text {
  font-size: 1.2rem;
  font-weight: 500;
}

.card_footer {
  flex: 1;
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
  padding: 2rem 2rem;
  padding-top: 0rem;
  box-shadow: inset 0.1rem 0 var(--grey-borders),
    inset -0.1rem 0 var(--grey-borders);
  border-bottom: 0.1rem solid var(--grey-borders);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

/* .card_footer_space_between {
  justify-content: space-between;
} */

.card_footer_info {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  gap: 1rem;
}

.card_footer_info_date_svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #3f3f3f;
}

.card_footer_info_date_svg {
  width: 3rem;
  height: 3rem;
  fill: #3f3f3f;
}


.card_footer_info_date {
  font-family: inherit;
  background-color: #e1edff;
  border: none;
  color: inherit;
  border-radius: 0.5rem;
  padding: 1rem 0.9rem;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  width: 50%;
}

.card_footer_link:link,
.card_footer_link:visited {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  gap: 0.7rem;
}

.card_footer_link_svg {
  fill: var(--white);
  width: 1.8rem;
  height: 1.3rem;
}

.card_offer_wrapper {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.card_offer {
  font-size: 2.4rem;
  font-weight: 800;
}

.card_number_of_offers {
  font-size: 1.2rem;
  display: block;
  /* margin-bottom: 0.3rem; */
}

.listings_pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  align-items: center;
  margin-top: 2.6rem;
}

.listings_pagination_pages_wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.listings_pagination_btn_common_styles {
  border: none;
  cursor: pointer;
  background-color: transparent;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listings_pagination_page {
  font-size: 1.6rem;
  color: var(--blue);
  width: 2.6rem;
  height: 2.6rem;
  transition: all 0.2s;
  padding: 1rem;
}

.listings_pagination_page_active {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 0.5rem;
}

.listings_pagination_svg {
  width: 0.6rem;
  height: 1rem;
  fill: var(--blue);
}

/* CARD LIST LAYOUT */

.cards_list {
  display: none;
}

.cards_list_active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  width: 100%;
  gap: 2rem;
}

.card_list {
  width: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  height: 35rem;
}

.card_list_figure {
  border-radius: 1rem;
  border-bottom-right-radius: 0rem;
  border-top-right-radius: 0rem;
  overflow: visible;
  width: 43.5rem;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
}

.card_list_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card_list_section {
  width: 65rem;
  border-right: 0.1rem solid var(--grey-borders);
  border-bottom: 0.1rem solid var(--grey-borders);
}

.card_list_section_header {
  padding: 1rem 1.7rem;
  border-bottom: 0.1rem solid var(--grey-borders);
  border-top: 0.1rem solid var(--grey-borders);
}

.card_list_section_stats {
  padding: 1rem 1.7rem;
  border-bottom: 0.1rem solid var(--grey-borders);
}

.card_list_section_taxes {
  padding: 1rem 1.7rem;
  border-bottom: 0.1rem solid var(--grey-borders);
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.card_list_tax {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.card_list_tax_type {
  font-size: 1.4rem;
  color: var(--grey-borders);
}

.card_list_tax_amount {
  font-size: 1.6rem;
}

.card_list_section_observations {
  padding: 1rem 1.7rem;
}

.card_list_section_observations_title {
  font-size: 1.4rem;
  color: var(--grey-borders);
  margin-bottom: 0.7rem;
  font-weight: 300;
}

.card_list_section_observations_text {
  font-size: 1.4rem;
}

.card_list_bid_details {
  flex-grow: 1;
  padding: 1rem 1.7rem;
  border: 0.1rem solid var(--grey-borders);
  border-left: none;
  display: flex;
  flex-direction: column;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  width: 200px;
}

.card_list_footer_user_offer {
  margin-bottom: 1rem;
}

.card_list_footer_info_date {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 20rem;
}

.card_list_time {
  width: 30rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.card_list_footer_bottom_note_accept {
  flex-grow: 1;
}

.card_list_blitz_controls_wrapper {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}

.card_list_footer_buyer_controls_input_wrapper {
  width: 20rem !important;
}

.card_list_footer_buyer_controls_bid {
  width: calc(100% - 20rem) !important;
}

.card_list_footer_buyer_controls_bid_smaller {
  width: 50% !important;
}

.card_list_footer_buyer_controls_input_wrapper_smaller {
  width: auto !important;
}

.card_list_offers_table {
  width: 100%;
  flex-grow: 1;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--grey-borders);
  display: flex;
  flex-direction: column;
}

.card_list_offers_table_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.4rem;
  border-bottom: 0.1rem solid var(--grey-borders);
  font-size: 1.4rem;
  color: var(--grey-borders);
}

.card_list_offers_table_body {
  flex-grow: 1;
  position: relative;
  text-align: center;
  /* display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; */
}

.card_list_offers_none {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
}

.card_list_footer_bid_list_item {
  border-radius: 0rem !important;
}

.card_list_user_offer_amount_wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card_list_user_offer_amount_ron {
  font-size: 1.6rem;
  font-weight: 600;
}

.card_list_footer_user_offer_button {
  padding-top: 2.2rem !important;
  padding-bottom: 2.2rem !important;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* TESTIMONIALS */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.testimonials {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.testimonials_title_controls_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testimonials_title {
  font-size: 3.5rem;
  font-weight: 800;
  margin-bottom: 3.3rem;
}

.testimonials_controls {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.testimonials_control_button {
  cursor: pointer;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0.7rem 1rem;
  background-color: #ebebeb;
}

.testimonials_control_button_svg {
  width: 0.8rem;
  height: 1.5rem;
  stroke: #707070;
}

.testimonials_list {
  display: flex;
  align-items: center;
  gap: 3rem;
  overflow-x: scroll;
  scroll-behavior: smooth;
}

.testimonials_list::-webkit-scrollbar {
  display: none;
}

.testimonial_card {
  flex-shrink: 0;
  width: 46rem;
  padding: 4rem 5.5rem;
  border-radius: 1rem;
  border: 0.1rem solid var(--grey-borders);
}

.testimonial_card_header {
  margin-bottom: 1.6rem;
}

.testimonial_card_title {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 0.4rem;
}

.testimonial_stars {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.testimonial_star {
  width: 2rem;
  height: 2rem;
  fill: var(--yellow);
}

.testimonial_card_info {
  margin-bottom: 1.1rem;
}

.testimonial_card_text {
  font-size: 1.6rem;
  color: var(--grey-borders);
}

.testimonial_user {
  font-size: 1.6rem;
  font-weight: 400;
  /* color: var(--grey-borders); */
}

.testimonial_user_type {
  font-size: 1.4rem;
  color: var(--grey-borders);
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* BRAND IMAGES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.brands {
  width: 100%;
  padding: 0rem 6rem;
  margin-bottom: 8rem;
}

.brands_images_list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* 
.brands_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.brands_img_opel {
  width: 8rem;
  height: 6.2rem;
}

.brands_img_ford {
  width: 13.3rem;
  height: 8.8rem;
}

.brands_img_vw {
  width: 5.8rem;
  height: 5.8rem;
}

.brands_img_audi {
  width: 9.7rem;
  height: 9.7rem;
}

.brands_img_dacia {
  width: 13.2rem;
  height: 9.6rem;
}

.brands_img_skoda {
  width: 17.9rem;
  height: 13.4rem;
}

.brands_img_bmw {
  width: 13.2rem;
  height: 7.4rem;
}

.brands_img_mercedes {
  width: 13.4rem;
  height: 7.5rem;
}

.brands_img_fiat {
  width: 6.7rem;
  height: 4rem;
}

.brands_img_renault {
  width: 11.7rem;
  height: 6.6rem;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* FOOTER */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.footer {
  width: 100%;
  background-color: var(--black);
  padding: 4rem 6rem;
  padding-bottom: 3rem;
  color: var(--white);
}

.footer_grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  column-gap: 10rem;
  grid-template-rows: auto auto;
  row-gap: 1.5rem;
  justify-content: space-between;
  position: relative;
  padding-bottom: 2.8rem;
  margin-bottom: 2.8rem;
}

.footer_grid::after {
  position: absolute;
  content: " ";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #575757;
}

.footer_link_logo_wrapper {
  grid-column: 1 / -1;
  grid-row: 1 / 2;
}

.footer_info_text {
  font-size: 1.6rem;
  font-weight: 300;
  color: var(--grey-navigation-link-border);
  margin-bottom: 4rem;
}

.footer_address {
  font-style: normal;
}

.footer_address_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  margin-bottom: 7.2rem;
}

.footer_address_list_item {
  display: flex;
  align-items: center;
  gap: 1.3rem;
}

.footer_address_anchor:link,
.footer_address_anchor:visited {
  font-size: 1.6rem;
  color: var(--white);
  text-decoration: none;
}

.footer_address_svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: #a6a6a6;
}

.footer_address_phone_svg_text_wrapper {
  display: flex;
  align-content: center;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.footer_address_phone_svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: var(--white);
}

.footer_address_phone_text {
  font-size: 1.6rem;
  margin-top: 0.3rem;
}

.footer_address_phone_anchor:link,
.footer_address_phone_anchor:visited {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--blue);
  text-decoration: none;
  font-family: inherit;
}

.footer_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer_list_title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 4.2rem;
}

.footer_list_item:not(:last-child) {
  margin-bottom: 1.5rem;
}

.footer_list_link:link,
.footer_list_link:visited {
  font-size: 1.6rem;
  color: var(--grey-borders);
  text-decoration: none;
}

.footer_socials_copyright_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer_socials_list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.footer_socials_svg {
  fill: var(--blue);
  width: 2.5rem;
  height: 2.5rem;
}

.footer_socials_svg_youtube {
  width: 3.3rem;
  height: 2.2rem;
}

.footer_copyright {
  font-size: 1.6rem;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* LOGGED  IN USER STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* NAVIGATION */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

.navigation_user_account_details_wrapper {
  display: flex;
  align-items: center;
  gap: 2.8rem;
  margin-right: 2.8rem;
}

.navigation_user_account_sum {
  background-color: #7db37d;
  font-family: inherit;
  font-size: 1.4rem;
  color: var(--white);
  border: none;
  padding: 0.7rem 0.9rem;
  border-radius: 0.5rem;
  font-weight: 400;
}

.navigation_user_account_sum_span {
  font-weight: 600;
}

.navigation_user_account_details {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.navigation_user_account_details_svg {
  width: 2rem;
  height: 2rem;
  fill: var(--blue);
}

.navigation_user_account_details_name {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--white);
}

.navigation_links_list {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.navigation_link:link,
.navigation_link:visited {
  font-size: 1.6rem;
  padding: 0.8rem 2.5rem;
  font-family: inherit;
  color: var(--white);
  border: 1px solid #9b9b9b;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.navigation_link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.navigation_link.is-active,
.navigation_link.is-active:link,
.navigation_link.is-active:visited {
  background-color: white !important;
  color: black !important;
  border-color: #d0d0d0 !important;
  font-weight: 600;
  box-shadow: 
    0 0 15px rgba(255, 255, 255, 0.6),
    0 0 25px rgba(255, 255, 255, 0.3);
  position: relative;
}

.navigation_link.is-active::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  border-radius: 0.6rem;
  z-index: -1;
  filter: blur(4px);
}

.navigation_link_cta:link,
.navigation_link_cta:visited {
  font-size: 1.6rem;
  padding: 0.8rem 2.5rem !important;
}

.navigation_buttons {
  display: flex;
  align-items: center;
  gap: 1.8rem;
}

.navigation_button {
  background-color: var(--white);
  padding: 1rem;
  border-radius: 0.5rem;
  border: none;
  display: flex;
  align-content: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.navigation_button_blue {
  background-color: var(--blue);
}

.navigation_button_svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: var(--blue);
}

.navigation_button_svg_white {
  stroke: var(--white);
  fill: none;
}

.navigation_button_accessory {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  background-color: var(--blue);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -0.8rem;
  right: -0.8rem;
  font-size: 1.2rem;
}

/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* HERO */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

.hero_logged_in_user_margin {
  margin-bottom: 12rem;
}

.hero_logged_in_user {
  background: none;
  background-color: var(--black);
  height: 26vh;
}

.filters_wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0rem 6rem;
  transform: translateY(50%);
  z-index: 99;
}

.filters {
  width: 100%;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  position: relative;
}

.filters_list_search_wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 4rem 3rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 50%, rgba(255, 255, 255, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.08),
    0 8px 25px rgba(0, 0, 0, 0.04),
    0 2px 8px rgba(0, 0, 0, 0.02),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(20px);
  position: relative;
  overflow: visible;
}

.filters_list_search_wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  z-index: 1;
}

.filters_list_search_wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.03) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.03) 0%, transparent 50%);
  pointer-events: none;
}

.filters_list {
  /* width: 100%; */
  list-style: none;
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  /* justify-content: space-between; */
}

.filters_list_item {
  padding-right: 2.5rem;
  width: calc(100% / 8);
  position: relative;
  margin-right: 2.5rem;
}

.filters_list_item:last-child {
  margin-right: 0;
}

.filters_list_item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -1.25rem;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.08), transparent);
  z-index: 1;
}

.filters_list_item_title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a202c;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  position: relative;
}

.filters_list_item_title::after {
  content: '';
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  width: 2rem;
  height: 2px;
  background: linear-gradient(90deg, var(--blue), transparent);
  border-radius: 1px;
}

.filters_btn_dropdown_wrapper {
  position: relative;
}

.filters_btn_common_styles {
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(250, 251, 253, 0.7) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.4);
  text-align: left;
  padding: 1.8rem 2rem;
  border-radius: 1rem;
  transition: all 0.3s ease;
  box-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}

.filters_btn_common_styles:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 251, 253, 0.9) 100%);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-1px);
  box-shadow: 
    0 4px 16px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.filters_btn_text_wrapper {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.filters_btn_text_svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #4a5568;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.08));
  transition: all 0.2s ease;
}

.filters_btn_common_styles:hover .filters_btn_text_svg {
  fill: var(--blue);
  transform: scale(1.05);
}

.filters_btn_text_svg_calendar {
  width: 1.9rem;
  height: 1.9rem;
}

.filters_btn_text_common_styles {
  font-size: 1.6rem;
  font-weight: 500;
  color: #2d3748;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  letter-spacing: 0.02em;
}

.filters_btn_svg_common_styles {
  width: 1.1rem;
  height: 0.6rem;
  fill: var(--black);
}

.filters_dropdown {
  display: none;
  position: absolute;
  top: -1.5rem;
  left: -1.4rem;
  width: calc(100% + 1.4rem * 2);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 251, 253, 0.98) 100%);
  padding: 2rem 1.8rem;
  border-radius: 1.5rem;
  box-shadow: 
    0 20px 60px rgba(0, 0, 0, 0.12),
    0 8px 25px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.3);
  z-index: 9999999999999;
  backdrop-filter: blur(20px);
  overflow: visible;
}

.filters_dropdown::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  z-index: 1;
}

.filters_dropdown_period {
  width: calc(150% + 1.4rem * 2);
}

.filters_dropdown_visible {
  display: block;
}

.filters_dropdown_btn {
  gap: 0rem;
  justify-content: space-between;
  margin-bottom: 1.8rem;
}

.filters_dropdown_btn_text {
  color: var(--grey-borders);
}

.filters_dropdown_btn_svg {
  fill: var(--grey-borders);
}

.filters_dropdown_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8rem;
}

.filters_dropdown_list_btn {
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(250, 251, 253, 0.6) 100%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-family: inherit;
  font-size: 1.3rem;
  color: #2d3748;
  font-weight: 500;
  text-align: left;
  padding: 0.8rem 1rem;
  transition: all 0.3s ease;
  border-radius: 0.8rem;
  margin-bottom: 0.5rem;
  box-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
}

.filters_dropdown_list_btn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 251, 253, 0.9) 100%);
  border-color: var(--blue);
  color: var(--blue);
  transform: translateY(-1px);
  box-shadow: 
    0 4px 12px rgba(0, 123, 255, 0.15),
    0 2px 6px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.filters_list_item_input {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(250, 251, 253, 0.6) 100%);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.8rem;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  color: #2d3748;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 1.6rem 1.8rem;
  transition: all 0.3s ease;
  box-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  width: 100%;
  box-sizing: border-box;
}

.filters_list_item_input:focus {
  outline: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 251, 253, 0.9) 100%);
  border-color: var(--blue);
  box-shadow: 
    0 4px 12px rgba(0, 123, 255, 0.15),
    0 2px 6px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

.filters_list_item_input::placeholder {
  color: #718096;
  font-weight: 400;
  opacity: 0.8;
}

.filters_list_item_input:focus {
  outline: none;
}

.filters_search_btn {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background: linear-gradient(145deg, var(--blue) 0%, #0056b3 50%, #004085 100%);
  padding: 1.6rem 2rem;
  border-radius: 0.8rem;
  border: none;
  box-shadow: 
    0 8px 25px rgba(0, 123, 255, 0.25),
    0 4px 12px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: 53px;
  min-width: 100px;
  flex-shrink: 0;
}

.filters_search_btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s;
}

.filters_search_btn:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 
    0 12px 35px rgba(0, 123, 255, 0.35),
    0 6px 20px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.filters_search_btn:hover::before {
  left: 100%;
}

.filters_search_btn:active {
  transform: translateY(-1px) scale(1.01);
  box-shadow: 
    0 6px 20px rgba(0, 123, 255, 0.3),
    0 3px 10px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.filters_search_btn_svg {
  width: 2rem;
  height: 2rem;
  fill: var(--white);
}

.filters_period_span {
  font-size: 1.2rem;
  font-weight: 800;
}

/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* LISTINGS */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

.listings_controls_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.listings_controls_wrapper_justify_end {
  justify-content: flex-end;
}

.listings_filter_buttons_list {
  margin-bottom: 0rem;
}

.listings_layout_buttons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.listings_layout_button {
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.8rem 1.5rem;
  border-radius: 0.5rem;
  font-family: inherit;
  color: #a6a6a6;
  font-weight: 600;
  background-color: #e2e2e2;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.2s;
}

.listings_layout_button_svg {
  width: 2rem;
  height: 2rem;
  fill: #a6a6a6;
  transition: all 0.2s;
}

.listings_layout_button_active {
  color: var(--white);
  background-color: var(--blue);
}

.listings_layout_button_svg_active {
  fill: var(--white);
}

.card_header_title_logged_in {
  margin-bottom: 0rem;
}

.card_header_title_wrapper {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}

.card_header_fav {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  padding: 0.5rem;
  border: 1.5px solid #e0e0e0;
  position: absolute;
  z-index: 10;
  right: 2rem;
  top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12), 0 1.5px 4px rgba(0,0,0,0.10);
  transition: box-shadow 0.2s, transform 0.2s, background 0.2s;
  backdrop-filter: blur(2px);
  line-height: 0; /* Remove extra space below inline images */
}

.card_header_fav:hover {
  transform: scale(1.13);
  box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.13);
  background: rgba(255,255,255,0.98);
}

.card_header_fav_svg {
  width: 28px;
  height: 28px;
  display: block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  object-fit: contain;
}

.card_header_fav_list {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
}

.card_header_fav_list:hover {
  scale: 1.1;
}

.card_header_fav_svg {
  width: 2.3rem;
  height: 2rem;
  fill: var(--white);
}

.details_car_auction_code_wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card_cop_icon_svg {
  width: 2.3rem;
  height: 2rem;
  fill: var(--blue);
}

.card_cop_icon_svg:hover {
  cursor: pointer;
  scale: 1.1;
  opacity: 0.7;
}

.details_car_auction_code_text:hover {
  cursor: pointer;
  opacity: 0.7;
}

.card_header_location_bid_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card_header_bid_wrapper {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.card_header_bid_multiplier {
  width: 2.4rem;
  height: 2.4rem;
  background-color: transparent;
  font-family: inherit;
  color: var(--red);
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 50%;
  box-shadow: 0rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  border: none;
}

.card_info_smaller_margin {
  padding-bottom: 1.5rem;
}

.card_footer_smaller_padding {
  padding-top: 0rem;
}

.card_footer_user_offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  height: 4.5rem;
}

.card_footer_user_offer_small_text {
  font-size: 1.6rem;
}

.card_footer_user_offer_large_text_wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.card_footer_user_offer_svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--bright-orange);
}

.card_footer_user_offer_large_text {
  font-size: 1.8rem;
  color: var(--bright-orange);
}

.card_footer_user_offer_amount_wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card_footer_user_offer_amount {
  font-size: 2.2rem;
  font-weight: 700;
}

.card_footer_user_offer_amount_winner {
  color: #00990b;
}

.card_footer_user_offer_amount_looser {
  color: #c20000;
}

.card_footer_user_offer_amount_aux {
  font-size: 1.6rem;
}

.card_footer_user_offer_amount_aux_svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--black);
  margin-top: 0.2rem;
}

.card_footer_user_offer_buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 50%;
}

.card_footer_user_offer_button {
  font-family: inherit;
  background-color: var(--white);
  color: var(--blue);
  border: 0.1rem solid var(--blue);
  transition: all 0.2s;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  padding: 1.3rem 0rem;
  /* width: 6.5rem; */
  width: 33%;
  cursor: pointer;
}

.card_footer_user_offer_button_active {
  color: var(--white);
  background-color: var(--blue);
}

.card_footer_info_fav_date_wrapper {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.card_footer_button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 0.7rem;
}

.card_footer_bottom_note_accept {
  width: 100%;
  border: 0.1rem solid var(--grey-borders);
  padding: 1.3rem 1.2rem;
  padding-bottom: 3rem;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  height: 11rem;
}

.card_footer_bottom_note_accept_bold {
  font-weight: 700;
}

.card_footer_bottom_note_accept_red {
  color: var(--red);
}

.card_footer_bottom_note_accept_anchor:link,
.card_footer_bottom_note_accept_anchor:visited {
  font-family: inherit;
  color: var(--blue);
}

.card_footer_buyer_note_owner_comment {
  display: flex;
  gap: 1rem;
}

.card_footer_buyer_note_obs {
  height: 11rem;
  padding: 1.3rem 1.2rem;
  font-size: 1.4rem;
  background-color: #e1edff;
  /* background-color: yellow; */
  border-radius: 0.5rem;
  border: 0.1rem solid var(--grey-borders);
  overflow-y: auto;
  /* box-shadow: 0px 0px 4px 1px yellow; */

  scroll-behavior: smooth;

  word-wrap: break-word;      /* legacy */
  overflow-wrap: break-word;  /* modern */

  word-break: break-word;     /* optional: allows more aggressive breaking */
  white-space: normal;   
}

.card_footer_buyer_note_obs::-webkit-scrollbar-thumb {
  background-color: gray;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;  
}

.card_footer_buyer_note_obs::-webkit-scrollbar {
  width: 16px;
}


.card_footer_buyer_note_list {
  height: 16rem;
  padding: 1.3rem 1.2rem;
  font-size: 1.4rem;
  background-color: #e1edff;
  border-radius: 0.5rem;
  overflow-y: auto;
}

.details_car_other_info_grid_box_body_wrapper_observations_list {
  height: 12rem;
  padding: 1.3rem 1.2rem;
  font-size: 1.4rem;
  background-color: #e1edff;
  overflow-y: auto;
  scroll-behavior: smooth;

  word-wrap: break-word;      /* legacy */
  overflow-wrap: break-word;  /* modern */
  border-radius: 0rem 0rem 0.5rem 0rem;
  word-break: break-word;     /* optional: allows more aggressive breaking */
  white-space: normal;    
}

.details_car_other_info_grid_box_body_wrapper_observations_list::-webkit-scrollbar-thumb {
  background-color: gray;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;  
}

.details_car_other_info_grid_box_body_wrapper_observations_list::-webkit-scrollbar {
  width: 16px;
}

.card_footer_buyer_note_list_box {
  border: 0.1rem solid red;
  border-radius: 0.5rem;  
}

.card_footer_buyer_note_list_box_obs {
   border: 0.1rem solid var(--grey-borders);
  border-radius: 0.5rem;
}

.card_footer_buyer_note_list_box.hidden {
  display: block;
}

.card_footer_buyer_note_list_box_title_wrapper {
  padding: 1rem 1.3rem;
  background-color: #f0db24;
  border-bottom: 0.1rem solid var(--grey-borders);
}

.card_footer_buyer_note_list_box_title_wrapper_smaller {
  padding: 1rem;
  /* background-color: #f0db24; */
  border-radius: 0rem 0.5rem 0rem 0rem;
  border-bottom: 0.1rem solid var(--grey-borders);
}

.card_footer_buyer_note_list_box_title_inside_wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.7rem;
}

.card_footer_buyer_note_list_box_title {
  font-size: 1.4rem;
  color: var(--grey-borders);
}

.card_footer_buyer_controls {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0.8rem;
  max-height: 40px;
}

.card_footer_buyer_controls_input_wrapper {
  width: 50%;
  position: relative;
}

.card_footer_buyer_controls_input {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--grey-borders);
  font-family: inherit;
  color: inherit;
  font-weight: 700;
  font-size: 1.8rem;
  padding: 0.2rem 1.8rem;
  padding-right: 3.6rem;
  transition: all 0.2s;
}

.card_footer_buyer_controls_input:focus {
  outline: none;
  border: 0.1rem solid var(--blue);
}

.card_footer_buyer_controls_input_disabled {
  background-color: #f6f6f6;
  color: var(--grey-borders);
}

.card_footer_buyer_controls_currency {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  font-size: 1.8rem;
  color: var(--grey-borders);
  font-weight: 500;
}

.card_footer_buyer_controls_bid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: 50%;
}

.card_footer_buyer_controls_bid_full {
  width: 100%;
}

.card_footer_buyer_controls_bid_svg {
  width: 1.8rem;
  height: 1.3rem;
  fill: var(--white);
}
.card_footer_buyer_controls_bid_svg_blitz {
  width: 1.8rem;
  height: 1.8rem;
  fill: var(--white);
}

.card_footer_bid_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 11rem;
  justify-content: space-between;
}

.card_footer_bid_list_item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  padding: 0.4rem 1rem;
  border-radius: 0.5rem;
}

.card_footer_bid_list_item_current_user {
  background-color: #cefcd1;
}

.card_footer_bid_amount {
  font-size: 1.8rem;
  font-weight: 700;
}

.card_time_closed {
  border: 0.1rem solid var(--grey-borders);
  color: var(--grey-borders);
}

.card_time_svg_closed {
  fill: var(--grey-borders);
}

.card_footer_info_date_closed {
  background-color: #ececec;
}

.card_footer_user_won_anchor:link,
.card_footer_user_won_anchor:visited {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.7rem;
  background-color: #00990b;
  font-size: 1.6rem;
  justify-content: center;
}

.card_footer_user_lost {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.7rem;
  background-color: #bfbfbf;
  font-size: 1.6rem;
  justify-content: center;
  width: 100%;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* ACTIVE BIDS STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.active_bids_list {
  display: flex;
  align-items: center;
  gap: 2rem;
  overflow-x: scroll;
  scrollbar-width: none;
}

.active_bids_list::-webkit-scrollbar {
  display: none;
}

.active_bid {
  width: 19rem;
  border-radius: 1rem;
  overflow: hidden;
}

.active_bid_img_wrapper {
  display: block;
  width: 100%;
  height: 14rem;
}

.active_bid_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.active_bid_info_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

.active_bid_timer {
  background-color: var(--white);
  border: none;
  border-radius: 0.5rem;
  font-family: inherit;
  padding: 0.4rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.active_bid_timer_urgent {
  color: var(--red);
}

.active_bid_timer_non_urgent {
  color: var(--blue);
}

.active_bid_timer_svg {
  width: 1.2rem;
  height: 1.2rem;
}

.active_bid_timer_svg_urgent {
  fill: var(--red);
}

.active_bid_timer_svg_non_urgent {
  fill: var(--blue);
}

.active_bid_price {
  font-size: 1.6rem;
  color: var(--white);
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* CLOSED BIDS STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.card_footer_user_offer_closed_bid {
  /* align-items: flex-end; */
  margin-bottom: 0.5rem;
}

.card_footer_user_offer_amounts {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card_footer_user_offer_amount_ron {
  font-size: 2rem;
  font-weight: 700;
}

.card_footer_user_offer_amount_eur {
  font-size: 2.8rem;
  font-weight: 700;
  color: #00990b;
}

.card_footer_link_accepted_bid:link,
.card_footer_link_accepted_bid:visited {
  background-color: #00990b;
}
.card_footer_link_declined_bid:link,
.card_footer_link_declined_bid:visited {
  background-color: var(--red);
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* TO BE PICKED UP BIDS STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.card_owner_details {
  list-style: none;
  height: 11rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  border: 0.1rem solid var(--grey-borders);
  padding: 1.3rem 1.2rem;
  /* font-size: 1.4rem; */
  border-radius: 0.5rem;
}

.card_owner_details_item {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.card_owner_details_thin {
  font-size: 1.6rem;
  width: 40%;
}

.card_owner_details_thick {
  font-size: 1.6rem;
  font-weight: 700;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* AUTH STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.path {
  margin-bottom: 10px;
  width: 100%;
  padding-left: 6rem;
  padding-top: 20rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.2rem;
  color: var(--grey-borders);
  background-color: #f3f3f3;
  transition: all 0.2s;
}

.path_svg {
  width: 1.8rem;
  height: 1.8rem;
}

.path_bg_white {
  background-color: var(--white);
  color: inherit;
}

.path_text {
  margin-bottom: 0rem;
  font-size: 16px;
}

.navigation_lower_auth {
  background-color: var(--white);
  border-bottom: 0.1rem solid var(--grey-borders);
}

.auth_wrapper {
  width: 100%;
  padding: 20rem 6rem;
  padding-bottom: 2.5rem;
  background-color: #f3f3f3;
}

.auth_form {
  width: fit-content;
  max-width: 129rem;
  margin-bottom: 30px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth_form_signup_specific_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 4.6rem;
}

.auth_form_title {
  font-size: 2.8rem;
  font-weight: 800;
  margin-bottom: 0.8rem;
}

.auth_form_text {
  font-size: 1.6rem;
  margin-bottom: 2.6rem;
  text-align: center;
}

.auth_form_text_login_margin {
  margin-bottom: 4.3rem;
}

.auth_form_account_type_buttons_wrapper {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 2.7rem;
}

.auth_form_account_type_button {
  font-family: inherit;
  background-color: #ececec;
  color: inherit;
  border: none;
  border-radius: 0.5rem;
  padding: 1rem 2.5rem;
  font-size: 1.8rem;
  transition: all 0.2s;
  cursor: pointer;
}

.auth_form_account_type_button_active {
  color: var(--white);
  background-color: var(--blue);
}

.auth_form_account_type_button_toggle {
  width: 5.5rem;
  padding: 0.2rem 0.5rem;
  border-radius: 1.6rem;
  background-color: var(--blue);
  border: none;
  cursor: pointer;
  height: 2.2rem;
  position: relative;
}

.auth_form_account_type_button_toggle_circle {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  top: 0.2rem;
  left: 0.5rem;
  transition: all 0.2s;
}

.auth_form_account_type_button_toggle_circle_right {
  left: calc(100% - 1.8rem - 0.5rem);
}

.auth_form_inputs_wrapper {
  padding: 3rem 2.1rem;
  border: 0.1rem solid var(--grey-borders);
  border-radius: 0.5rem;
  width: 100%;
}

.auth_form_legal_options {
  display: flex;
  align-items: center;
  gap: 3.3rem;
  margin-bottom: 2.9rem;
}

.auth_form_legal_option {
  display: block;
  position: relative;
  padding-left: 3.5rem;
  padding-top: 0.3rem;
  font-size: 1.6rem;
}

.auth_form_legal_option_radio {
  opacity: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  position: absolute;
}

.auth_form_legal_option_custom_radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--white);
  border: 0.1rem solid var(--grey-borders);
  border-radius: 50%;
  transition: all 0.2s;
}

.auth_form_legal_option_custom_radio_inner {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  top: 0.6rem;
  left: 0.6rem;
  border-radius: 50%;
  background-color: var(--white);
  transition: all 0.2s;
}

.auth_form_legal_option_radio_business:checked
  ~ .auth_form_legal_option_custom_radio {
  border: 0.2rem solid var(--blue);
}
.auth_form_legal_option_radio_individual:checked
  ~ .auth_form_legal_option_custom_radio {
  border: 0.2rem solid var(--blue);
}
.auth_form_legal_option_radio_business:checked
  ~ .auth_form_legal_option_custom_radio_inner {
  background-color: var(--blue);
}
.auth_form_legal_option_radio_individual:checked
  ~ .auth_form_legal_option_custom_radio_inner {
  background-color: var(--blue);
}

.auth_form_inputs_columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.2rem;
  row-gap: 1.2rem;
  margin-bottom: 2.4rem;
}

.auth_form_inputs_column {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 3.3rem;
}

.auth_form_group_invisible {
  display: none !important;
}

.auth_form_group {
  position: relative;
}

.auth_form_group .form-error-message {
  font-size: 16px;
  color: var(--red);
  margin-top: 5px;
  position: absolute;
  left: 0;
  bottom: -20px;
}

.auth_form_group.description {
  flex: 0.9;
}

.auth_form_label {
  display: block;
  margin-bottom: 1rem;
  font-family: inherit;
  font-size: 1.6rem;
}

.auth_form_label_mandatory_span {
  color: var(--red);
}

.auth_form_label_extra_margin {
  margin-bottom: 2.4rem;
}

.auth_form_input {
  border: 0.1rem solid var(--grey-borders);
  padding: 1.2rem 1.8rem;
  border-radius: 0.5rem;
  font-family: inherit;
  background-color: transparent;
  font-size: 1.6rem;
  width: 100%;
}

.auth_form_input:focus {
  outline: none;
  /* border-color: var(--blue); */
}

.auth_form_input::placeholder {
  color: #bfbfbf;
}

.auth_form_input_pass {
  padding-right: 4.8rem;
}

.auth_form_input_square {
  width: 5rem;
  height: 5rem;
  text-align: center;
}

.auth_form_input_pass_wrapper {
  position: relative;
}

.auth_form_input_pass_btn {
  position: absolute;
  top: 1.6rem;
  right: 1.8rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth_form_input_pass_btn_svg {
  width: 2.4rem;
  height: 1.6rem;
  fill: var(--blue);
}

.auth_form_info {
  width: 100%;
  background-color: #d3e4ff;
  padding: 1.8rem 2.4rem;
  border-radius: 1rem;
  font-size: 1.6rem;
  margin-bottom: 3rem;
}

.auth_form_info_login_margin {
  margin-bottom: 0rem;
  /* flex-grow: 1; */
}

.auth_form_center_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth_form_submit_btn {
  background-color: var(--blue);
  font-family: inherit;
  color: var(--white);
  border-radius: 0.5rem;
  border: none;
  padding: 1.4rem 11.8rem;
  font-size: 1.8rem;
  cursor: pointer;
  margin-bottom: 4.7rem;
}

.auth_form_cta_login {
  font-size: 1.6rem;
}

.auth_form_cta_login a {
  color: var(--blue);
}

.auth_form_group_photo {
  margin-bottom: 2.7rem;
}

.auth_form_upload_preview_wrapper {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.auth_form_upload_img_wrapper {
  position: relative;
  width: calc(100% / 3 - 2 * 1.2rem);
}

.auth_form_upload_img {
  /* display: none; */
  opacity: 0;
  width: 100%;
  height: 5rem;
  z-index: 2;
  position: relative;
}

.auth_form_upload_img_style {
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f3f3f3;
  border-radius: 0.5rem;
  border: 0.1rem dashed var(--blue);
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  cursor: pointer;
  font-size: 1.6rem;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.auth_form_upload_img_style_svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: var(--blue);
}

.auth_form_img_preview {
  display: none;
  width: 6rem;
  height: 3rem;
}

.auth_form_checkbox_group {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

.auth_form_checkbox_group_input {
  width: 2rem;
  height: 2rem;
}

.auth_form_checkbox_group_label {
  font-size: 1.6rem;
  font-family: inherit;
}

.auth_form_checkbox_group_label a {
  color: var(--blue);
}
.auth_form_checkbox_group_label span {
  font-weight: 700;
}

input[type="checkbox"] {
  accent-color: var(--blue); /* Green accent color */
}
input[type="radio"] {
  accent-color: var(--blue); /* Green accent color */
}

.auth_form_legal_options_business {
  margin-bottom: 2rem;
}

.auth_form_checkbox_group_business {
  margin-bottom: 2.4rem;
}

.auth_login_grid {
  width: 100%;
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  column-gap: 4rem;
}

.auth_login_inputs_wrapper {
  padding: 3rem 5rem;
  border: 0.1rem solid var(--grey-borders);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.auth_form_submit_btn_login_margin {
  margin-bottom: 2rem;
  width: 100%;
}

.auth_form_group_login_margin_big {
  margin-bottom: 2.7rem;
}

.auth_form_group_login_margin_small {
  margin-bottom: 1.1rem;
}

.auth_login_forgot_pass {
  display: block;
  justify-self: flex-end;
  color: var(--blue);
  font-size: 1.6rem;
}

.auth_login_info {
  grid-column: 2 / 3;
  /* height: 40rem; */
  /* background-color: var(--blue); */
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.auth_login_info_phone_boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  gap: 2.5rem;
}

.auth_login_info_phone_box {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 1.8rem;
  border: 0.1px solid var(--blue);
  border-radius: 0.5rem;
  background-color: var(--white);
  color: var(--blue);
  font-size: 2rem;
  font-weight: 700;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* ADD BID STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.add_bid_wrapper {
  padding: 0rem 6rem;
  padding-top: 17rem;
  padding-bottom: 2.5rem;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.add_bid_form {
  width: 100%;
}

.add_bid_form_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 3rem;
  row-gap: 3.8rem;
  margin-bottom: 4rem;
}

.add_bid_first_group {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
}

.add_bid_second_group {
  grid-row: 1 / 2;
  grid-column: 3 / 6;
}

.add_bid_last_group {
  grid-column: 4 / 6;
}

.add_bid_input_wrapper {
  width: 100%;
  position: relative;
}

.add_bid_input_btn {
  position: absolute;
  top: 2rem;
  right: 1.8rem;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.add_bid_input_btn_reversed {
  transform: rotate(180deg);
}

.add_bid_input_svg {
  width: 1.5rem;
  height: 0.8rem;
  fill: #3f3f3f;
  transition: all 0.2s;
}

.add_bid_input_padding_right {
  padding-right: 4rem;
}

.add_bid_input_active_options {
  border-bottom: none;
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.add_bid_input_options {
  list-style: none;
  position: absolute;
  padding: 1.2rem 1.8rem;
  padding-top: 0.8rem;
  font-size: 1.8rem;
  left: 0;
  width: 100%;
  border: 0.1rem solid var(--grey-borders);
  border-top: none;
  background-color: var(--white);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  display: none;
  max-height: 20rem;
  overflow-y: scroll;
  z-index: 99;
}

.add_bid_input_options .add_bid_input_option_item {
  cursor: pointer;
}

.add_bid_input_options_active {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.add_bid_input_options::-webkit-scrollbar {
  width: 0.8rem;
}

.add_bid_input_options::-webkit-scrollbar-thumb {
  background-color: var(--grey-borders);
}

.add_bid_input_img_preview_wrapper {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.add_bid_input_img_wrapper {
  position: relative;
  width: calc(50% - 1.5rem);
}

.add_bid_input_img_wrapper_special {
  /* width: calc(33% - 1.5rem); */
}

.add_bid_input_img {
  position: relative;
  z-index: 2;
  opacity: 0;
}

.add_bid_input_img_style {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  cursor: pointer;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--blue);
  display: flex;
  align-items: center;
  gap: 0.7rem;
  background-color: var(--white);
  cursor: pointer;
  font-size: 1.8rem;
  color: var(--blue);
  justify-content: center;
}

.add_bid_input_img_style_svg {
  fill: var(--blue);
  width: 2rem;
  height: 2rem;
}

.add_bid_input_preview {
  font-size: 1.6rem;
  color: var(--grey-borders);
}

.add_bid_serie {
  margin-bottom: 4rem;
}

.add_bid_input_group {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.add_bid_columns_radios {
  display: flex;
  align-items: flex-start;
  gap: 8rem;
  margin-bottom: 4rem;
}

.add_bid_column_radio_title {
  margin-bottom: 1.4rem;
}

.add_bid_radios {
  list-style: none;
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  row-gap: 1rem;
  column-gap: 5rem;
  /* margin-top: 1.4rem; */
}

.add_bid_radio_group {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.add_bid_input_radio {
  width: 2rem;
  height: 2rem;
}

.add_bid_radio_label {
  margin-bottom: 0rem;
}

.add_bid_save_btn_wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.add_bid_save_btn_wrapper_imgs {
  justify-content: space-between;
}

.add_bid_submit_btn {
  padding: 1.5rem 5rem;
  margin-bottom: 0rem;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  accent-color: var(--blue);
}

.add_bid_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999999999999999999999;
}

.add_bid_overlay_inactive {
  display: none;
}

.add_bid_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 103rem;
  /* height: 91rem; */
  height: 80%;
  background-color: var(--white);
  z-index: 99999999999999999999999;
  border-radius: 1rem;
  padding: 4.3rem 5.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.add_bid_modal_inactive {
  display: none;
}

.add_bid_modal_title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
}

.add_bid_modal_pre_text {
  width: 66rem;
  margin-bottom: 1.8rem;
}

.add_bid_modal_text_box_wrapper {
  width: 100%;
  /* height: 62rem; */
  height: 80%;
  /* flex-grow: 1; */
  padding: 1.6rem 2.8rem;
  border: 0.1rem solid var(--grey-borders);
  border-radius: 1rem;
  margin-bottom: 3rem;
}

.add_bid_modal_text_box {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  text-align: left;
  padding-right: 1rem;
}

.add_bid_modal_text_box::-webkit-scrollbar {
  width: 0.8rem;
}

.add_bid_modal_text_box::-webkit-scrollbar-thumb {
  background-color: var(--grey-borders);
}

.add_bid_modal_text_group {
  margin-bottom: 1.8rem;
}

.add_bid_modal_text_group_title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.add_bid_modal_text_group_p {
  margin-bottom: 2.4rem;
}

.add_bid_modal_text_group_span {
  font-weight: 600;
}

.add_bid_modal_btn {
  padding: 1.5rem 9.2rem;
  margin-top: 20px;
}

.add_bid_modal_btn:disabled {
  background-color: var(--grey-borders);
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* ADD BID STEP 3 STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.add_bid_imgs_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2.4rem;
  row-gap: 1.6rem;
  margin-bottom: 4rem;
}

.add_bid_imgs_input_file_group {
  position: relative;
  height: 20rem;
  overflow: hidden;
}

.add_bid_imgs_input_file {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.add_bid_imgs_input_file_styling {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  background-color: #f3f3f3;
  border-radius: 1rem;
  border: 0.1rem dashed var(--blue);
  font-size: 1.8rem;
  color: var(--blue);
  font-weight: 500;
}

.add_bid_imgs_input_file_styling_svg {
  fill: var(--blue);
  width: 2rem;
  height: 2rem;
}

.add_bid_imgs_input_file_preview_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border-radius: 1rem;
  display: none;
}

.add_bid_imgs_input_file_preview_img_visible {
  display: block;
}

.add_bid_imgs_input_file_preview_btn {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
  z-index: 4;
  width: 4.6rem;
  height: 4.6rem;
  border: none;
  background-color: var(--white);
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

.add_bid_imgs_input_file_preview_btn_visible {
  display: flex;
  align-items: center;
  justify-content: center;
}

.add_bid_input_img_wrapper_imgs {
  width: 27rem;
  margin-bottom: 1.7rem;
}

.add_bid_imgs_other_imgs_wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.add_bid_imgs_other_imgs_wrapper_margin_bottom {
  margin-bottom: 5rem;
}

.add_bid_imgs_other_imgs_element {
  width: 13rem;
  height: 9rem;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}

.add_bid_imgs_other_imgs_element_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.add_bid_imgs_other_imgs_element_btn {
  position: absolute;
  bottom: 0.6rem;
  right: 0.7rem;
  width: 3.4rem;
  height: 3.4rem;
  background-color: var(--white);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add_bid_imgs_style_line {
  height: 0.1rem;
  width: 100%;
  background-color: var(--grey-borders);
  margin-bottom: 3rem;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* ADD BID STEP 4 STYLES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.add_bid_final_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.add_bid_final_modal_overlay_hidden {
  display: none;
}

.add_bid_final_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 62rem;
  border-radius: 1rem;
  background-color: var(--white);
  padding: 3rem 13rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 99999;
  font-size: 1.6rem;
  padding-bottom: 5.9rem;
}

.add_bid_final_modal_hidden {
  display: none;
}

.add_bid_final_modal_title {
  font-size: 2.8rem;
  font-weight: 800;
  margin-bottom: 1.2rem;
}

.add_bid_final_modal_dates {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
  background-color: #cadbf6;
  border-radius: 4px;
  margin-bottom: 15px;
}

.add_bid_final_modal_dates p {
  font-size: 16px;
}

.add_bid_final_modal_dates span {
  font-weight: bold;
}

.add_bid_final_modal_text {
  margin-bottom: 1rem;
}

.add_bid_final_modal_list_wrapper {
  width: 100%;
  padding: 2rem 7rem;
  border: 0.1rem solid var(--grey-borders);
  border-radius: 1rem;
  margin-bottom: 4.5rem;
  padding-bottom: 3.9rem;
}

.add_bid_final_modal_sub_title {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 2rem;
}

.add_bid_final_modal_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  text-align: left;
}

.add_bid_final_modal_list_item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 3.4rem;
}

.add_bid_final_modal_list_item_title_span {
  width: 7rem;
}

.add_bid_final_modal_btn {
  margin-bottom: 0rem;
  padding: 1.5rem 8rem;
  font-size: 1.8rem;
  border-radius: 1rem;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* DETAILS */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.details_header {
  width: 100%;
  padding: 0rem 6rem;
  margin-bottom: 3rem;
}

.details_header_title {
  font-size: 3.2rem;
  margin-bottom: 1.1rem;
  font-weight: 500;
}

.details_header_grid {
  display: grid;
  grid-template-columns: 0.53fr auto;
  column-gap: 2rem;
}

.details_header_grid_car_info_wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 0.8rem;
}

.details_car_helper_wrapper {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 1.5rem 1.5rem;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--grey-borders);
  list-style: none;
  justify-content: space-between;
  font-size: 1.6rem;
}

.details_car_location_wrapper {
  width: 54%;
}

.details_car_tech_wrapper {
  width: 100%;
}

.details_car_tech_element {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.4rem;
}

.details_car_tech_element_svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #3f3f3f;
}

.details_header_grid_car_current_pic_wrapper {
  width: 100%;
  height: 52rem;
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
  margin-bottom: 1.8rem;
  background: #f3f3f3;
}

.details_header_grid_car_current_pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 100;
}

.details_header_grid_car_current_pic_type {
  position: absolute;
  top: 8.3rem;
  left: -3rem;
  background-color: #2a70de;
  color: var(--white);
  border: none;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0.5rem 3.5rem;
  transform: rotate(-45deg);
  transform-origin: top left;
  opacity: 0.8;
  z-index: 102;
}

.details_header_grid_car_current_pic_type_rulata {
  padding-left: 4.5rem;
}

.details_header_grid_car_current_pic_index {
  position: absolute;
  z-index: 1;
  bottom: 1.8rem;
  right: 2rem;
  font-size: 1.6rem;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10%;
  padding: 4px 4px;
  backdrop-filter: blur(5px);
  z-index: 103;
}

.details_header_grid_car_slider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.details_header_grid_car_slider_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.details_header_grid_car_slider_btn_svg {
  width: 1.7rem;
  height: 0.8rem;
  fill: var(--black);
}

.details_header_grid_car_slider_btn_svg_left {
  transform: rotate(-90deg);
}

.details_header_grid_car_slider_btn_svg_right {
  transform: rotate(90deg);
}

.details_header_grid_car_slider_imgs {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 3rem;
  overflow-x: scroll;
  /* width: calc(6 * 14rem + 3 * 3rem); */
  width: calc(6 * 14rem);
  scroll-behavior: smooth;
}

.details_header_grid_car_slider_imgs::-webkit-scrollbar {
  display: none;
}

.details_header_grid_car_slider_imgs_btn {
  flex-shrink: 0;
  width: 14rem;
  height: 10rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  overflow: hidden;
  cursor: pointer;
}

.details_header_grid_car_slider_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.details_header_grid_bid_info {
  padding: 1.5rem;
  border: 0.1rem solid var(--grey-borders);
  border-radius: 0.5rem;
  width: 100%;
}

.details_header_grid_bid_info_time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  margin-bottom: 1.4rem;
}

.details_header_grid_bid_info_time_date {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  font-size: 1.6rem;
}

.details_header_bid_date {
  width: 19rem;
  background-color: #e1edff;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-size: 1.8rem;
  padding: 1.5rem;
}

.details_header_bid_date_svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #3f3f3f;
}

.details_header_bid_date_stop_wrapper {
  width: 19rem;
  background-color: #e1edff;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-size: 1.8rem;
  padding: 0.7rem 1.5rem 0.7rem 1.5rem;
}

.details_header_bid_date_svg_stop {
  width: 4rem;
  height: 4rem;
  fill: #3f3f3f;
}

.details_header_bid_date_info_svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--black);
}

.details_timer {
  /* width: 14rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-size: 2.4rem;
  font-weight: 700;
  border-radius: 0.5rem;
  padding: 1.2rem 1.1rem;
  width: 30rem;
}

.details_timer_non_urgent {
  color: var(--blue);
  border: 0.1rem solid var(--blue);
}

.details_timer_closed {
  border: 0.1rem solid #bfbfbf;
  color: #bfbfbf;
}

.details_timer_svg {
  width: 2rem;
  height: 2rem;
}

.details_timer_svg_non_urgent {
  fill: var(--blue);
}

.details_timer_svg_closed {
  fill: #bfbfbf;
}

.details_header_cta_btn:link,
.details_header_cta_btn:visited {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-size: 1.6rem;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.details_header_cta_btn_svg {
  width: 1.8rem;
  height: 1.3rem;
  fill: var(--white);
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* DETAILS IMGS GRID */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.details_imgs_grid {
  width: 100%;
  padding: 0rem 6rem;
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(43.8rem, 1fr)); */
  /* column-gap: 1.6rem; */
  /* row-gap: 2.4rem; */
  margin-bottom: 2.5rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.details_imgs_grid_img_wrapper {
  width: calc(25% - 1.6rem);
  height: 35.7rem;
  border-radius: 1rem;
  overflow: hidden;
}

.details_imgs_grid_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* DETAILS RECOMMENDED */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.details_recommended {
  width: 100%;
  padding: 0rem 6rem;
}

.details_recommended_title_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.details_recommended_title {
  font-size: 3.5rem;
  font-weight: 600;
  margin-bottom: 3.5rem;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* DETAILS LOGGED IN */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.details_header_title_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.details_header_title_logged_in {
  margin-bottom: 0rem;
}

.details_header_fav_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.details_header_fav_btn_svg {
  width: 2.2rem;
  height: 2.2rem;
  fill: var(--blue);
}

.details_header_grid_bid_user_offer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  font-size: 1.6rem;
}

.details_header_grid_bid_user_offer_none {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--bright-orange);
  font-size: 1.8rem;
}

.details_header_grid_bid_user_offer_none_svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--bright-orange);
}

.details_header_grid_bid_user_offer_price {
  font-size: 2.8rem;
}

.details_header_cta_btn_logged_in:link,
.details_header_cta_btn_logged_in:visited {
  margin-bottom: 1.1rem;
}

.details_header_grid_bid_terms {
  width: 100%;
  border: 0.1rem solid var(--grey-borders);
  padding: 2rem 1.2rem;
  margin-bottom: 1.3rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
}

.details_header_grid_bid_terms_bold {
  font-weight: 700;
}

.details_header_grid_bid_terms_red {
  color: var(--red);
}

.details_header_grid_bid_terms_anchor:link,
.details_header_grid_bid_terms_anchor:visited {
  color: var(--blue);
}

.details_header_grid_bid_info_logged_in {
  margin-bottom: 1.3rem;
}

.details_header_grid_bid_details_description {
  background-color: #e1edff;
  padding: 1.1rem 1.3rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  margin-bottom: 1.3rem;
}

.details_header_grid_bid_details_description_title {
  font-size: 1.4rem;
  color: #a6a6a6;
  margin-bottom: 1rem;
}

.details_header_grid_bid_details_docs {
  border: 0.1rem solid var(--grey-borders);
  border-radius: 0.5rem;
}

.details_header_grid_bid_details_docs_title_wrapper {
  padding: 1.6rem 1.5rem;
  border-bottom: 0.1rem solid var(--grey-borders);
}

.details_header_grid_bid_details_docs_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
  padding: 1.8rem 1.5rem;
  list-style: none;
}

.details_header_grid_bid_details_docs_list_seller {
  padding: 0rem;
}

.details_header_grid_bid_details_docs_list_element {
  width: 12rem;
  height: 9rem;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}

.details_header_docs_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.details_header_docs_element_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background-color: transparent;
  transition: all 0.2s;
}

.details_header_docs_element_overlay_btn {
  width: 1.7rem;
  height: 1.7rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--blue);
}

.details_header_docs_element_overlay_btn_svg {
  width: 0.7rem;
  height: 0.7rem;
  fill: var(--white);
}

.details_header_grid_bid_details_docs_list_element:hover
  .details_header_docs_element_overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.details_car_other_info {
  width: 100%;
  padding: 0rem 6rem;
  margin-bottom: 3.7rem;
}

.details_car_other_info_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.8rem;
  margin-bottom: 1rem;
  row-gap: 1.5rem;
}

.details_car_other_info_grid_box {
  border: 0.1rem solid var(--grey-borders);
  border-radius: 0.5rem;
}

.details_car_other_info_grid_box.hidden {
  display: block;
}

.details_car_other_info_grid_box_title_wrapper {
  padding: 1rem 1.3rem;
  border-bottom: 0.1rem solid var(--grey-borders);
}

.details_car_other_info_grid_box_title {
  font-size: 1.4rem;
  color: var(--grey-borders);
}

.details_car_other_info_grid_box_body_wrapper {
  padding: 1.9rem 1.3rem;
  font-size: 1.6rem;
  min-height: 27rem;
}

.picked_up_modal_wrapper
{
  border-radius: 3px;
  position: relative;
  display: block;
  box-shadow: 0px 0px 1px 1px rgb(161, 161, 161);
  padding: 2rem;
  user-select: none;
}

.picked_up_modal_button {
  display: block;
  position: relative;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 8px;
  background-color: var(--blue);
  color: var(--white);
  padding: 2rem;
  box-shadow: 0px 0px 2px 1px gray;
}

.picked_up_modal_button:hover {
  box-shadow: 0px 0px 2px 1px rgb(88, 88, 88);
  cursor: pointer;
}

.details_car_other_info_grid_box_body_wrapper_observations {
  background-color: #e1edff;
  padding: 1.1rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  font-family: "Urbanist", sans-serif;

  overflow-y: auto;
  max-height: 25rem;
  width: inherit;
  scroll-behavior: smooth;

  word-wrap: break-word;      /* legacy */
  overflow-wrap: break-word;  /* modern */

  word-break: break-word;     /* optional: allows more aggressive breaking */
  white-space: normal;        /* ensures wrapping works properly */
}

.details_car_other_info_grid_box_body_wrapper_observations::-webkit-scrollbar-thumb {
  background-color: gray;
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;  
}

.details_car_other_info_grid_box_body_wrapper_observations::-webkit-scrollbar {
  width: 16px;
}



.details_car_other_info_grid_box_body_wrapper_seller {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.details_car_other_info_lists {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

.details_car_other_info_list {
  width: calc(50% - 1rem);
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 1.2rem;
  align-items: flex-start;
}

.details_car_other_info_list_element {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.details_car_other_info_list_element_thin {
  width: 14rem;
  font-size: 1.6rem;
}

.details_car_other_info_list_element_bold {
  font-weight: 600;
}

.details_car_other_info_upload_date {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  gap: 4.5rem;
}

.details_header_grid_bid_info_controls {
  display: flex;
  align-items: stretch;
  gap: 5.7rem;
  justify-content: space-between;
}

.details_header_grid_bid_info_controls_input_wrapper {
  width: calc(50% - 5.7rem / 2);
  position: relative;
}

.details_header_grid_bid_info_controls_input {
  font-size: 2.4rem;
  height: 100%;
  width: 100%;
  font-weight: 700;
  font-family: inherit;
  padding: 1rem 1.8rem;
  padding-right: 3rem;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--grey-borders);
  color: inherit;
}

.details_header_grid_bid_info_controls_input_blitz_inactive {
  background-color: #ececec;
}

.details_header_grid_bid_info_controls_input_wrapper_span {
  position: absolute;
  right: 1.5rem;
  top: 2rem;
  font-size: 1.8rem;
  color: var(--grey-borders);
}

.details_header_grid_bid_info_controls_input:focus {
  outline: none;
}

.details_header_cta_btn_bid:link,
.details_header_cta_btn_bid:visited {
  width: calc(50% - 5.7rem / 2) !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  margin-bottom: 0rem;
}

.details_header_grid_bid_user_offers {
  border-radius: 0.5rem;
  border: 0.1rem solid var(--grey-borders);
  margin-bottom: 1.3rem;
}

.details_header_grid_bid_user_offers_header {
  padding: 1.3rem 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  color: var(--grey-borders);
  border-bottom: 0.1rem solid var(--grey-borders);
}

.details_header_grid_bid_user_offers_body {
  position: relative;
  height: 26rem;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 0.7rem;  */
  /* padding: 0.3rem 1.8rem; */
  overflow-y: scroll;
}

.details_header_grid_bid_user_offers_body_shorter {
  height: 20rem;
}

.details_header_grid_bid_user_offers_body_page_card {
  position: relative;
  height: 10rem;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 0.7rem;  */
  /* padding: 0.3rem 1.8rem; */
  overflow-y: scroll;
}

.details_header_grid_bid_user_offers_body_shorter_seller {
  height: 8rem !important;
}

.details_header_grid_bid_user_offers_body_element {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  padding: 0.3rem 1.8rem;
}

.details_header_grid_bid_user_offers_body_element_green_bg {
  background-color: #cefcd1;
}

.details_header_grid_bid_user_offers_body_element_red_bg {
  background-color: #fc764e;
}

.details_header_grid_bid_user_offers_body_element_yellow_bg {
  background-color: #ffb056;
}

.details_header_grid_bid_user_offers_body_element_date {
  margin-left: 2rem;
}

.details_header_grid_bid_user_offers_body_element_bold {
  font-size: 1.8rem;
  font-weight: 600;
}

.details_header_grid_bid_user_offers_body_none {
  font-size: 1.6rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.details_header_grid_bid_pickup_date {
  display: flex;
  align-items: center;
  margin-bottom: 1.3rem;
  margin-left: 2rem;
  font-size: 1.6rem;
  gap: 0.8rem;
}

.details_header_grid_bid_download {
  display: flex;
  align-items: center;
  margin-bottom: 1.3rem;
  font-size: 1.6rem;
  width: 100%;
  gap: 0.8rem;
}

.details_header_grid_bid_download_span {
  width: 11.5rem;
}

.details_header_grid_bid_download_anchor:link,
.details_header_grid_bid_download_anchor:visited {
  display: flex;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  align-items: center;
  gap: 0.8rem;
  justify-content: center;
  width: calc(100% - (11.5rem + 0.8rem));
  color: var(--blue);
  background-color: var(--white);
  border: 0.1rem solid var(--blue);
  border-radius: 0.5rem;
  text-decoration: none;
  font-size: 1.6rem;
}

.details_header_grid_bid_info_controls_input_wrapper_blitz {
  width: 38%;
}

.details_header_blitz_bid_btns_wrapper {
  display: flex;
  align-items: stretch;
  gap: 0.8rem;
  width: calc(50%);
}

.details_header_grid_blitz_bid_btns {
  width: 62%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.details_header_grid_blitz_bid_btn {
  width: 33%;
  height: 100%;
  background-color: var(--white);
  color: var(--blue);
  font-family: inherit;
  font-size: 1.4rem;
  border: 0.1rem solid var(--blue);
  border-radius: 0.5rem;
}

.details_header_grid_blitz_bid_btn_active {
  background-color: var(--blue);
  color: var(--white);
}

.details_header_user_offer_price_blitz {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.details_header_user_offer_price_blitz_deco {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.details_header_seller_btns_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

.details_header_seller_btns_wrapper_three {
  gap: 1.5rem;
  background-color: #e1edff;
  padding: 1.8rem 0.7rem;
  border-radius: 0.5rem;
}

.details_header_seller_btn {
  font-family: inherit;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  width: 30rem;
  padding: 1.8rem 0rem;
  font-size: 1.6rem;
  color: var(--white);
}

.details_header_seller_btn_blue {
  background-color: var(--blue);
}

.details_header_seller_btn_red {
  background-color: var(--red);
}
.details_header_seller_btn_green {
  background-color: #00990b;
}

.details_header_seller_btn_three {
  width: 33%;
}

.details_header_seller_btn_one {
  width: 100%;
}

.details_upload_doc_seller {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 1.6rem;
  font-family: inherit;
  background-color: #f3f3f3;
  padding: 1rem 3rem;
  border-radius: 0.5rem;
  border: 0.1rem dashed var(--blue);
  cursor: pointer;
}

.details_upload_doc_seller_input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.details_logged_out_deco {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.6rem;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.details_logged_out_deco_text_anchor {
  color: var(--blue);
}

.restart_bid_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58rem;
  /* height: 58rem; */
  background-color: var(--white);
  padding: 3.5rem 2.5rem;
  border-radius: 1rem;
  z-index: 9999;
  text-align: center;
  font-size: 1.6rem;
  display: none;
}

.restart_bid_modal_active {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.restart_bid_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  z-index: 999;
  opacity: 50%;
  display: none;
}

.restart_bid_overlay_active {
  display: block;
}

.restart_bid_modal_title {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}

.restart_modal_sold_wrapper {
  width: 100%;
  padding: 1.6rem 2.1rem;
  background-color: #ececec;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  margin-top: 2.8rem;
}

.restart_modal_taxes {
  width: 100%;
  border: 0.1rem solid var(--grey-borders);
  border-radius: 0.5rem;
  margin-bottom: 3rem;
}

.restart_modal_tax {
  padding: 1.4rem 2.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
}

.restart_modal_tax_final {
  background-color: #cef9d1;
}

.restart_modal_sold_bold {
  font-weight: 500;
}

.restart_modal_tax_bold {
  font-weight: 600;
}

.restart_modal_tax_final_price {
  font-size: 2.8rem;
  font-weight: 700;
}

.restart_modal_confirm {
  background-color: var(--blue);
  color: var(--white);
  font-family: inherit;
  font-size: 1.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  padding: 1.5rem 8.4rem;
  border: none;
  margin-bottom: 1.2rem;
}

.restart_modal_cancel {
  background-color: transparent;
  border: none;
  font-family: inherit;
  text-decoration: underline;
  color: var(--black);
  font-size: 1.8rem;
  cursor: pointer;
}

.details_header_seller_btns_promise {
  display: block;
  padding: 1.7rem 2rem;
}

.details_seller_promise_btn {
  width: 33%;
  display: flex;
  justify-content: flex-start;
  background-color: transparent;
  border: none;
  text-decoration: underline;
  align-items: center;
  gap: 0.7rem;
  color: var(--blue);
  padding-left: 1rem;
  font-size: 1.6rem;
  font-family: inherit;
}

.details_seller_promise_btn_active {
  width: auto;
}

.details_seller_promise_btn_wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 0.7rem;
  align-items: center;
  width: 100%;
  margin-bottom: 3.2rem;
}

.details_seller_promise_btn_wrapper_subgroup {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.details_seller_promise_btn_check {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 1rem;
  background-color: var(--white);
  border: 0.1rem solid var(--blue);
  border-radius: 0.4rem;
  margin-right: 1.5rem;
}

.details_seller_upload {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-bottom: 2.5rem;
}

.details_seller_upload_group_wrapper {
  display: flex;
  width: 50%;
  gap: 1rem;
  align-items: center;
}

.details_seller_upload_preview {
  width: 7.6rem;
  height: 4rem;
  border-radius: 0.4rem;
  overflow: hidden;
}

.details_seller_upload_preview_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.details_seller_upload_group {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  background-color: #f3f3f3;
  border: 0.1rem dashed var(--blue);
  border-radius: 0.4rem;
  padding: 1.4rem 1.6rem;
  align-items: center;
  position: relative;
  font-size: 1.5rem;
}

.details_seller_upload_group_input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.details_seller_upload_btn {
  background-color: var(--blue);
  color: var(--white);
  font-family: inherit;
  font-size: 1.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  padding: 1.5rem 8.4rem;
  border: none;
  /* margin-bottom: 1.2rem; */
}

.details_seller_declined {
  font-size: 1.6rem;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* FAVORITES */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

.favorites_card_wrapper {
  width: calc(25% - 2rem);
}

.favorites_card {
  width: 100%;
  margin-bottom: 2.5rem;
}

.favorites_card_remove_btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: 1.6rem;
  color: inherit;
}

.details_closed_not_last_date {
  margin-bottom: 1.3rem;
}

.details_closed_download {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  margin-bottom: 1.3rem;
}

.details_closed_download_span {
  display: block;
  flex-grow: 1;
  font-size: 1.6rem;
}

.details_closed_download_link {
  width: 58.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: var(--blue);
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  border: 0.1rem solid var(--blue);
  background-color: var(--white);
  border-radius: 0.4rem;
  text-decoration: none;
  font-size: 1.6rem;
}

.details_closed_download_link_full {
  width: 100%;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* MISC */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.helper_shorter {
  height: 10rem;
}

.flag_svg {
  width: 3.5rem;
  height: 2.7rem;
}

.arrow_svg {
  width: 1rem;
  height: 0.5rem;
}

.arrow_svg_white {
  fill: var(--white);
}

.main_nav_logo_svg {
  width: 20rem;
  height: 3.8rem;
}

.blue_link_styles:link,
.blue_link_styles:visited {
  padding: 1.3rem 3rem;
  border-radius: 0.8rem;
  background-color: var(--blue);
  font-family: inherit;
  color: var(--white);
  text-decoration: none;
  font-weight: 500;
}
.card_footer_link.blue_link_styles {
  padding: 1.3rem 0rem !important;
}
.card_footer_buyer_controls_bid.blue_button_styles {
  padding: 1.3rem 0rem !important;
}
.blue_button_styles {
  padding: 1.3rem 3rem;
  border-radius: 0.8rem;
  background-color: var(--blue);
  font-family: inherit;
  color: var(--white);
  text-decoration: none;
  font-weight: 500;
  max-height: 40px;
  font-family: inherit;
  border: none;
  cursor: pointer;
}

.bidValueColorClassament {
  color: red;
}

.bidValueColorClassamentwinner {
  color: rgb(6, 179, 6);
}

.card_button_text_looser {
  color: var(--red);
}

.card_button_text_winner {
  color: #00990b;
}

.blue_button_styles_bulky {
  padding: 2rem 3rem;
  border-radius: 0.4rem;
}

.winner_bg {
  background-color: #00990b;
}

.winner_bg_shadow {
  box-shadow: 0px 0px 4px 1px green;
}

.looser_bg_shadow {
  box-shadow: 0px 0px 4px 1px red;
}

.looser_bg {
  background-color: var(--red);
}

.winner_price {
  color: #00990b;
}

.looser_price {
  color: var(--red);
}

.winner_bg_link:link,
.winner_bg_link:visited {
  background-color: #00990b;
}

.looser_bg_link:link,
.looser_bg_link:visited {
  background-color: var(--red);
}

.form_white_bg {
  margin: 0 auto;
  padding: 2.5rem 6.1rem;
  background-color: var(--white);
  border: 0.1rem solid var(--grey-borders);
  border-radius: 1rem;
}

.form_page_title {
  font-size: 2.8rem;
  font-weight: 800;
  margin-bottom: 0.8rem;
}

.form_page_text {
  font-size: 1.6rem;
  margin-bottom: 2.6rem;
  text-align: center;
}

.form_page_text_no_margin {
  margin-bottom: 0rem;
}

.navigation_link_black_bg:link,
.navigation_link_black_bg:visited {
  background-color: #9b9b9b;
}

.navigation_button_border {
  border: 0.1rem solid var(--blue);
}

.form_radio_group_inline {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.filter_badges_wrapper {
  display: flex;
  margin-bottom: 1.2rem;
  gap: 1.2rem;
  z-index: 10;
  font-size: 1.8rem;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 15px 0;
  flex-wrap: wrap;
}

.filter_badge {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 245, 255, 0.95) 50%, rgba(235, 245, 255, 0.98) 100%);
  color: #1a202c;
  width: fit-content;
  padding: 1.2rem 1.8rem;
  border-radius: 1.2rem;
  min-width: fit-content;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
  border: 1px solid rgba(59, 130, 246, 0.2);
  backdrop-filter: blur(15px);
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}

.filter_badge:hover {
  transform: translateY(-1px);
}

.filter_badge .delete_filter {
  color: #dc2626;
  background: #dc2626;
  border: none;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.4rem 0.6rem;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.filter_badge .delete_filter:hover {
  background: #b91c1c;
  transform: scale(1.1);
}

.filter_badge_label {
  color: #3b82f6;
  font-weight: 600;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.filter_badge_value {
  color: #1a202c;
  font-weight: 600;
  font-size: 1.4rem;
}

.filter_badges_section {
  top: 91px;
  z-index: 10;
  padding: 0 6rem;
  overflow: visible;
  margin-top: 0;
  margin-bottom: 30px;
  scrollbar-width: none;
  background-color: white;
  transition: background-color 0.3s ease;
}

.filter_badges_section.sticky-active {
  background-color: rgba(0, 0, 0, 0.65);
}

.sticky-sentinel {
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

/* Search button height for 1765px down to 1201px */
@media only screen and (max-width: 1765px) and (min-width: 1201px) {
  .filters_search_btn {
    height: 42.59px;
  }
}

/* Responsive design for smaller screens */
@media only screen and (max-width: 1200px) and (min-width: 1025px) {
  .filters_list_search_wrapper {
    padding: 3rem 2rem;
  }
  
  .filters_list_item {
    padding-right: 1.5rem;
    margin-right: 1.5rem;
    width: calc(100% / 6);
  }
  
  .filters_list_item:not(:last-child)::after {
    right: -0.75rem;
  }
  
  .filters_list_item_title {
    font-size: 1.1rem;
    margin-bottom: 1.2rem;
  }
  
  .filters_list_item_input {
    font-size: 1.4rem;
    padding: 1rem 1.2rem;
  }
  
  .filters_btn_common_styles {
    padding: 1.2rem 1.4rem;
  }
  
  .filters_btn_text_common_styles {
    font-size: 1.2rem;
  }
  
  .filters_search_btn {
    height: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .filters_list_search_wrapper {
    padding: 2.5rem 1.5rem;
  }
  
  .filters_list_item {
    padding-right: 1rem;
    margin-right: 1rem;
    width: calc(100% / 4);
  }
  
  .filters_list_item:not(:last-child)::after {
    right: -0.5rem;
  }
  
  .filters_list_item_title {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  
  .filters_list_item_input {
    font-size: 1.3rem;
    padding: 0.8rem 1rem;
  }
  
  .filters_btn_common_styles {
    padding: 1rem 1.2rem;
  }
  
  .filters_btn_text_common_styles {
    font-size: 1.1rem;
  }
  
  .filters_search_btn {
    padding: 1.2rem 1.5rem;
    min-width: 130px;
  }
}

@media only screen and (max-width: 768px) {
  .filters_list_search_wrapper {
    padding: 2rem 1rem;
  }
  
  .filters_list_item {
    padding-right: 0.8rem;
    margin-right: 0.8rem;
    width: calc(100% / 3);
  }
  
  .filters_list_item:not(:last-child)::after {
    right: -0.4rem;
  }
  
  .filters_list_item_title {
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
  }
  
  .filters_list_item_input {
    font-size: 1.2rem;
    padding: 0.6rem 0.8rem;
  }
  
  .filters_btn_common_styles {
    padding: 0.8rem 1rem;
  }
  
  .filters_btn_text_common_styles {
    font-size: 1rem;
  }
  
  .filters_search_btn {
    padding: 1rem 1.2rem;
    min-width: 110px;
  }
}

/* MOBILE */
.nav-mobile,
.mobile-footer,
.bottom-menu-mobile,
.load_more_button,
.details_reccomandations_wrapper,
.mobile,
.licitatii_dropdown {
  display: none;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* ACCOUNT SIDE MENU */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */

.account_side {
  position: fixed;
  top: 5.48rem;
  right: 0;
  height: calc(100% - 5.48rem);
  width: 25%;
  background-color: var(--white);
  z-index: 99999999999999999999999999999999999999999999999;
  padding: 1.7rem 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  transform: translateX(100%);
  transition: all 0.2s;
}

.account_side_scrolled {
  top: 0;
  height: 100%;
}

.account_side_active {
  transform: translateX(0%);
}

.account_side_top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid var(--grey-borders);
}

.account_side_top_text h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.account_side_top_text span {
  font-size: 1.6rem;
  color: #a6a6a6;
}

.account_side_top_btn {
  width: 4rem;
  height: 4rem;
  border-radius: 0.5rem;
  background-color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}

.account_side_top_btn_svg {
  width: 2rem;
  height: 2rem;
}

.account_side_flex_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 1;
  width: 100%;
}

.account_side_links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8rem;
}

.account_side_link:link,
.account_side_link:visited {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  font-size: 1.6rem;
}

.account_side_link_svg {
  width: 1.7rem;
  height: 2.2rem;
}

.account_side_link_svg_logout {
  width: 2rem;
  height: 1.6rem;
}

.licitatii-dropdown {
  display: none;
}

.add_bid_form_grid.remove-grid {
  display: block;
}

.auth_form_input.auction-term {
  width: 20%;
}