/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 22 2026 | 17:41:43 */
/* TLR Property Cards — Visual System v1.0 */

.tlr-property-card {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  background: #090c11;
  color: #f5f5f5;
  border: 1px solid #87909c;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  transition: transform .2s ease, 
              box-shadow .2s ease,
              border-color .2s ease;
}

.tlr-property-card .tlr-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font: 500 13px/1.5 Montserrat, Arial, sans-serif;
  letter-spacing: .2em;
  color: white;
}

.tlr-property-card .tlr-brand img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.tlr-property-card .tlr-title {
  margin: 18px 0 5px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font: 400 clamp(26px,3vw,42px)/1.1
    "Cormorant Garamond", Garamond, Georgia, serif;
}

.tlr-property-card .tlr-latin {
  text-align: center;
  text-transform: uppercase;
  color: #dce1eb;
  letter-spacing: .24em;
  font: 400 15px/1.5 Montserrat, Arial, sans-serif;
}

.tlr-property-card .tlr-summary {
  margin: 18px 0;
  color: #e1e5ec;
  text-align: center;
  font: 400 14px/1.6 Montserrat, Arial, sans-serif;
}

.tlr-property-card .tlr-views {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.tlr-property-card .tlr-view {
  min-width: 0;
  background: #111720;
  border: 1px solid #67717e;
  padding: 8px;
}

.tlr-property-card .tlr-view-label {
  color: #fff;
  font: 600 10px/1.5 Montserrat, Arial, sans-serif;
  letter-spacing: .1em;
  margin-bottom: 8px;
}

.tlr-property-card .tlr-view img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  display: block;
  background: black;
}

.tlr-property-card .tlr-price {
  text-align: center;
  color: white;
  margin: 20px 0 15px;
  font: 400 25px/1.25 Garamond, Georgia, serif;
}

.tlr-property-card .tlr-price small {
  display: block;
  font: 400 11px/1.6 Montserrat, Arial, sans-serif;
  color: #bfc7d2;
}

.tlr-property-card .tlr-card-link {
  position: relative;
  z-index: 1;
  display: table;
  margin: 0 auto;
  padding: 14px 20px;
  color: white;
  background: #465163;
  border: 1px solid #aeb7c5;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font: 600 12px/1.4 Montserrat, Arial, sans-serif;
  letter-spacing: .08em;
}

.tlr-property-card .tlr-card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}

/* Extend clickable surface across card */
.tlr-property-card .tlr-card-link::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
}

/* The card-wide hit area must be positioned
   relative to the card, not the button */
.tlr-property-card .tlr-card-link {
  position: static;
}

.tlr-property-card .tlr-card-link::before {
  position: absolute;
  inset: 0;
}

@media (hover: hover) {
  .tlr-property-card:hover {
    transform: translateY(-4px);
    border-color: #dce5f2;
    box-shadow: 0 18px 38px rgba(0,0,0,.35);
  }
}

.tlr-property-card:focus-within {
  outline: 2px solid #b8c9e5;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  .tlr-property-card {
    padding: 12px;
  }

  .tlr-property-card .tlr-views {
    gap: 6px;
  }

  .tlr-property-card .tlr-view {
    padding: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tlr-property-card {
    transition: none;
  }
  .tlr-property-card:hover {
    transform: none;
  }
}