
.page-node-type-property  .photo-gallery-wrapper .field--name-field-photos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
  margin-bottom: 25px;
}

.page-node-type-property  .photo-gallery-wrapper .field--name-field-photos .field__item img {
  width: 100%;
  height: auto;
  display: block;
}


.page-node-type-property .pricing {
  margin: 20px 0;
  font-size: 120%;
}

.page-node-type-property .field--name-field-sale-price,
.page-node-type-property .field--name-field-daily-rate ,
.page-node-type-property .field--name-field-weekly-rate,
.page-node-type-property .field--name-field-monthly-rate,
.page-node-type-property .field--name-field-sale-price-special-offer {
  white-space: nowrap;
  display: flex;
}

.page-node-type-property .pricing .field__value {
  display: flex;
}

.page-node-type-property .pricing .field__item {
   margin-left: -4px;
}

.page-node-type-property .has-special-offer .sale-price .field--name-field-sale-price .field__item {
  text-decoration: line-through red 3px solid;
  color: red;
}

.page-node-type-property .characteristics {
  margin: 20px 0;
}

.page-node-type-property .field--name-field-property-status {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.page-node-type-property .field--name-field-property-status .field__label {
  white-space: nowrap;
}

.page-node-type-property .field--name-field-property-status .field__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.page-node-type-property .field--name-field-property-status .field__items .field__item {
  white-space: nowrap;
}

.page-node-type-property .field--name-field-property-status .field__items .field__item::after {
  content: ",";
  margin: 0 7px 0 1px;
}

.page-node-type-property .field--name-field-property-status .field__items .field__item:last-child::after {
  content: ""; /* remove comma for the last item */
}

/* contact buttons */

.page-node-type-property .contact-info {
  margin: 0 0 20px 0;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.page-node-type-property .btn {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.2s ease, transform 0.1s ease;
}

.page-node-type-property .btn:hover {
  transform: scale(1.03);
}

.page-node-type-property .btn-phone {
  background-color: #007BFF;
  color: #fff;
}

.page-node-type-property .btn-whatsapp {
  background-color: #25D366;
  color: #fff;
}

.page-node-type-property .btn-email {
  background-color: #FF9900;
  color: #fff;
}

@media all and (max-width: 768px) {
  .page-node-type-apartment .contact-info {
    justify-content: center;
  }
}
