/*result-cards clientlib*/
.custom-result-cards.cq-Editable-dom .cmp-text {
  color: black;
}

.custom-result-cards.cq-Editable-dom .link-target-btn .cmp-text > p {
  font-size: 13px;
  text-align: left;
  line-height: 1;
  margin-bottom: 0;
  margin-left: 7px;
  font-weight: 700;

}

.custom-result-cards.cq-Editable-dom .link-target-btn .cq-Editable-dom {
  width: 160px;
}

.custom-result-cards.cq-Editable-dom .link-target-btn .cq-Editable-dom.is-edited  {
  color: black;
}

.custom-result-cards.cq-Editable-dom .offer-container ul > li .desktop-container .card-content .available {
  margin-bottom: 20px;
}

.custom-result-cards.cq-Editable-dom .offer-container ul > li .desktop-container .card-content .unavailable p {
  width: 200px
}

.offer-container ul > li .desktop-container .card-content .unavailable p {
  margin-bottom: 0px;
}

@media (max-width: 1023px) {

  .mobile-price-symbol {
    margin-left: -5px;
  }

  .offer-container ul > li .desktop-container .card-content .price-section .price.mobile-price-symbol .symbol {
    margin-right: 6px;
  }

  .main-content.search-result-page .modal-container .modal-content.active .modal-main .container-bus-route {
    margin-top: 50px;
  }
}

@media (min-width: 1024px) {
  .offer-container ul > li .desktop-container .card-content .price-section .price {
    width: max-content;
  }

  .offer-container ul > li .desktop-container .card-content .price-section .price .symbol {
    max-width: 120px;
  }
}

@media (max-width: 768px) {
  .offer-container ul > li .desktop-container .card-content .price-section .price .symbol {
    max-width: 120px;
    text-align: center;
  }
}

@media (max-width: 320px) {
  .offer-container ul > li .desktop-container .card-content .available:not(.isBestPrice) .price-section.row.no-gutters {
    margin-left: -5px;
  }
}

.custom-result-cards.cq-Editable-dom .offer-container ul > li .desktop-container .card-content .price-section .price {
  margin-left: -25px;
}

.cq-Editable-dom .search-result .results-page-container .results-page-main-content .list-results-container .component-name {
  display: block !important;
  text-align: center;
}
@media (max-width: 460px) {
    .modal-main .container-bus-route ul.list-bus-route {
           padding-top: 50px;
    }
}
.offer-container ul > li .desktop-container .card-content .cheaper-price {
    bottom: 100% !important;
}

.points-giro-modal {
    text-decoration: underline;
}