.cbyk-ddf-archive { padding-top: 20px; padding-bottom: 45px; }
.cbyk-ddf-results-count { margin: 0 0 15px; font-weight: 700; }
.cbyk-ddf-listing-grid { display: grid; gap: 25px; }
.cbyk-ddf-card { display: grid; grid-template-columns: 30% 70%; overflow: hidden; margin-right: 8px; background: #fff; box-shadow: 8px 8px 0 rgba(120,120,120,.16); transition: box-shadow .4s; }
.cbyk-ddf-card:hover { box-shadow: 8px 8px 0 rgba(120,120,120,.46); }
.cbyk-ddf-card-image { position: relative; display: block; align-self: start; aspect-ratio: 1 / 1; overflow: hidden; background: #eee; }
.cbyk-ddf-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cbyk-ddf-card-content { display: flex; flex-direction: column; min-width: 0; }
.cbyk-ddf-card-badges { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; }
.cbyk-ddf-card-badge { display: block; box-sizing: border-box; width: 100%; padding: 5px 7px; background: #487abd; color: #fff; font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: .02em; text-align: center; }
.cbyk-ddf-card-badge-new-listing { background: #007960; }
.cbyk-ddf-card-badge-new-price { background: #00a49b; }
.cbyk-ddf-card-badge-open-house { background: #8b28a8; }
.cbyk-ddf-card-body { display: grid; grid-template-columns: 47% 47%; gap: 6%; padding: 15px 15px 0; }
.cbyk-ddf-card-summary h2 { margin: 7px 0 10px; overflow: hidden; font-size: 1.6em; font-weight: 400; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.cbyk-ddf-card-summary h2 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cbyk-ddf-card-summary p { margin: 6px 0; font-size: .85em; line-height: 1.6; }
.cbyk-ddf-card-description { color: #777; display: -webkit-box; line-height: 1.55 !important; max-width: 100%; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.cbyk-ddf-card-realtor { margin-top: 12px; }
.cbyk-ddf-card-realtor::before { background: #487abd; content: ""; display: block; height: 1px; margin: 10px 0; width: 20px; }
.cbyk-ddf-card-realtor-position, .cbyk-ddf-card-realtor-name { margin: 2px 0 !important; }
.cbyk-ddf-card-realtor-position { color: #777; }
.cbyk-ddf-card-realtor-name, .cbyk-ddf-card-realtor-name a { color: #00a9e0; }
.cbyk-ddf-card-realtor-name a:hover, .cbyk-ddf-card-realtor-name a:focus { color: #487abd; }
.cbyk-ddf-card-details { margin: 0; font-size: .85em; }
.cbyk-ddf-card-details div { display: grid; grid-template-columns: 34% 66%; border-bottom: 1px solid #487abd; }
.cbyk-ddf-card-details dt, .cbyk-ddf-card-details dd { margin: 0; padding: 7px 3px; }
.cbyk-ddf-card-details dt { font-weight: 700; }
.cbyk-ddf-card-price-value { display: inline-flex; align-items: center; gap: 6px; }
.cbyk-ddf-card-details-column { min-width: 0; }
.cbyk-ddf-card-open-house { margin-top: 10px; padding: 9px 10px; border-left: 3px solid #487abd; background: #f4f4f4; overflow-wrap: anywhere; }
.cbyk-ddf-card-open-house-title { margin: 0 0 5px; color: #487abd; font-size: 13px; font-weight: 700; line-height: 1.2; text-transform: uppercase; }
.cbyk-ddf-card-open-house-events { margin: 0; }
.cbyk-ddf-card-open-house-event { margin: 0; min-width: 0; }
.cbyk-ddf-card-open-house-event + .cbyk-ddf-card-open-house-event { margin-top: 8px; padding-top: 8px; border-top: 1px solid #c9c9c9; }
.cbyk-ddf-card-open-house-date { display: block; color: #222; font-weight: 700; line-height: 1.35; }
.cbyk-ddf-card-open-house-time { margin-top: 1px; line-height: 1.35; }
.cbyk-ddf-card-open-house-remarks { display: -webkit-box; margin: 5px 0 0; overflow: hidden; color: #666; font-size: .92em; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.cbyk-ddf-card-open-house-livestream { margin: 5px 0 0; line-height: 1.35; }
.cbyk-ddf-card-open-house-livestream a { color: #273c8e; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.cbyk-ddf-card-open-house-livestream a:hover { color: #00a9e0; }
.cbyk-ddf-card-open-house-livestream a:focus-visible { outline: 2px solid #487abd; outline-offset: 2px; }
.cbyk-ddf-pagination { margin-top: 30px; }
.cbyk-ddf-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cbyk-ddf-pagination .page-numbers { padding: 6px 10px; }
@media (min-width: 801px) { .cbyk-ddf-card-body { padding-top: 10px; } .cbyk-ddf-card-summary h2 { margin: 4px 0 6px; padding-bottom: 10px; } .cbyk-ddf-card-summary p { margin-top: 4px; margin-bottom: 4px; } .cbyk-ddf-card-realtor { margin-top: 8px; } .cbyk-ddf-card-realtor::before { margin: 7px 0; } }
@media (max-width: 800px) { .cbyk-ddf-card { grid-template-columns: 1fr; margin-right: 0; } .cbyk-ddf-card-body { grid-template-columns: 1fr; gap: 10px; padding-bottom: 15px; } .cbyk-ddf-card-description { -webkit-line-clamp: 2; } }