/* Minimal styles for Simple Rental Listings */
.srl-listings{display:flex;flex-direction:column;gap:48px}
.srl-listing{display:grid;grid-template-columns: 1fr 1fr;gap:32px;border:1px solid #eaeaea;border-radius:25px;padding:45px}
.srl-listing:nth-child(even){background:#f7f7f7;padding:45px;border-radius:25px}
.srl-hero img{width:100%;height:auto;border-radius:8px;display:block}
.srl-placeholder{width:100%;height:360px;background:#f3f3f3;border-radius:8px}
/* Title tweaks */
.srl-title{margin:0 0 8px 0;font-weight:800;font-size:32px;line-height:1.3em}
.srl-desc{color:#333;font-size:16px;line-height:1.6}

/* Actions (buttons) */
.srl-actions{display:flex;gap:10%;align-items:center;justify-content:center;margin:24px 0 8px;grid-column: 1 / -1;}
.srl-btn{display:inline-block;padding:14px 22px;border-radius:4px;text-decoration:none;font-weight:700;letter-spacing:.04em}
.srl-btn-primary{background:#2864e6;color:#fff}
.srl-btn-success{background:#49a65a;color:#111}

/* Gallery */
.srl-gallery{grid-column: 1 / -1;margin-top:8px}
.srl-gallery-track{display:grid;grid-template-columns: repeat(4,minmax(0,1fr));gap:16px}
.srl-gallery .srl-thumb img{width:100%;height:160px;object-fit:cover;border-radius:6px;display:block}
.srl-pager{display:flex;gap:16px;align-items:center;justify-content:flex-end;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;margin-top:24px;padding:16px 0}
.srl-pager .srl-page{cursor:pointer;opacity:.65}
.srl-pager .srl-page.is-active{opacity:1;font-weight:600}
.srl-pager .srl-next, .srl-pager .srl-prev{cursor:pointer;opacity:.8}

/* Lightbox */
.srl-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:99999}
.srl-lightbox.is-open{display:flex}
.srl-lightbox img{max-width:90vw;max-height:85vh;display:block;border-radius:6px}
.srl-lightbox .srl-close{position:absolute;top:16px;right:20px;font-size:24px;color:#fff;cursor:pointer}
.srl-lightbox .srl-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;color:#fff;cursor:pointer;user-select:none}
.srl-lightbox .srl-arrow.left{left:24px}
.srl-lightbox .srl-arrow.right{right:24px}

@media (max-width: 900px){
    .srl-listing{grid-template-columns:1fr}
    .srl-gallery-track{grid-template-columns: repeat(2,minmax(0,1fr));}
    .srl-actions{gap:16px;flex-wrap:wrap}
}