/* Stiluri generale pentru oferta limitată */
.limited-offer {
  padding: 24px;
  margin-bottom: 32px;
  container-type: inline-size;
  background-color: #143cdb;
  border-radius: 10px;
}

/* Stiluri pentru container */
.limited-offer__container {
  width: 100%;
}

/* Stiluri pentru rândul de coloane */
.limited-offer__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

/* Stiluri comune pentru coloane */
.limited-offer__column {
  padding: 0 15px;
  flex: 1;
}

/* Stiluri pentru coloana cu imagine */
.limited-offer__column--image {
  flex-basis: 100%;
  max-width: 100%;
}

.limited-offer__column--image img {
  margin-bottom: 0;
}

/* Stiluri pentru coloana cu conținut */
.limited-offer__column--content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* Stiluri pentru coloana cu buton */
.limited-offer__column--button {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.limited-offer__column--button a {
  max-width: 100%;
}

/* Stiluri pentru detalii, rating și descriere */
.limited-offer__details {
  display: flex;
  gap: 6px;
  width: 100%;
}

.limited-offer__details img {
  max-width: 18px;
  margin-bottom: 0;
}

.limited-offer__data {
  font-size: 18px;
  color: #F1F4FF;
  margin-bottom: 16px;
  opacity: .4;
}

.limited-offer__rating {
  opacity: .4;
  color: #F1F4FF;
  font-size: 18px;
  font-weight: normal;
}

.limited-offer__review-link {
  color: #F1F4FF;
  opacity: .4;
}

.limited-offer__description {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}

.limited-offer__column--content .btn--2{
  display: none;
}

/* Setările Container Query pentru dimensiuni diferite */

@container (max-width: 450px) {
  /* .limited-offer {
    background-color: red;
  } */

}


@container (max-width: 768px) {
  .limited-offer {
    /* background-color: red; */
  }

  .limited-offer__column--image {
    display: none;
  }

  .limited-offer__column--content {
    flex-basis: 66.33%;
    max-width: 66.33%;
  }

  .limited-offer__column--button {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }

  .limited-offer__description {
    font-size: 18px;
  }

  .limited-offer__data {
    font-size: 12px;
  }

  .limited-offer__column--button a {
    font-size: 12px;
    min-width: 127px;
    white-space: normal;
    padding: 8px;
  }
}

@container (min-width: 769px) {
  .limited-offer__column--image {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .limited-offer__column--content {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .limited-offer__column--button {
    flex-basis: 25%;
    max-width: 25%;
  }
}

/* Stiluri pentru învelișul principal */
.container-query-media-force-01 {
  container-type: inline-size;
}


@media screen and (max-width: 768px) {
  .limited-offer {
    /* background-color: red; */
  }


  .limited-offer__column--image {}

  .limited-offer__column--content {
    order: 2;
  }

  .limited-offer__column--button {
    align-items: flex-start;
    order: 1;
  }

  .limited-offer__column--button a {
    display: none;
  }

  .limited-offer__column {
    /* background: blue; */
    width: 100%;
    flex: 1;
    flex-basis: 100%;
    min-width: 100%;
    margin-bottom: 2px;
  }

  .limited-offer__rating {
    font-size: 12px;
  }

  .limited-offer__details {
    gap: 2px
  }

  .limited-offer__details img {
    max-width: 12px;
  }

  .limited-offer__description{
    font-size: 16px;
  }

  .limited-offer__review-link{
    font-size: 12px;
  }

  .limited-offer__column--content .btn--2{
    display: block;
    border-radius: 5px;
  }

  .limited-offer__review-link{
    margin-bottom: 12px;
  }
  
}