.ran-annonces,.ran-detail { --ran-ink:#394477; --ran-muted:#6171a9; --ran-soft:#eef1fa; color:#25304b; }
.ran-annonces *,.ran-detail * { box-sizing:border-box; }
.ran-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:end; gap:14px; padding:22px; margin:0 0 30px; background:var(--ran-soft); border-radius:10px; }
.ran-filters label { display:flex; flex-direction:column; gap:6px; font-size:.87rem; font-weight:600; }
.ran-filters input,.ran-filters select { width:100%; min-height:42px; border:1px solid #c6cde2; border-radius:5px; background:#fff; padding:8px 10px; color:inherit; }
.ran-filters button,.ran-contact { display:inline-block; border:0; border-radius:5px; padding:12px 18px; color:#fff!important; background:var(--ran-ink); text-decoration:none; cursor:pointer; font-weight:600; }
.ran-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.ran-card { min-width:0; border:1px solid #e2e5ed; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 8px 22px rgba(27,38,83,.06); }
.ran-card-link { display:block; color:inherit!important; text-decoration:none!important; }
.ran-card-image { position:relative; aspect-ratio:4/3; background:var(--ran-soft); overflow:hidden; }
.ran-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.ran-card-link:hover img { transform:scale(1.035); }
.ran-image-placeholder { display:grid; height:100%; place-items:center; color:var(--ran-muted); }
.ran-badge { position:absolute; top:12px; left:12px; background:#fff; color:var(--ran-ink); padding:5px 10px; border-radius:3px; font-size:.78rem; }
.ran-card-body { padding:19px; }
.ran-location { margin:0 0 7px; color:var(--ran-muted); font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; }
.ran-card h3 { margin:0 0 9px; font-size:1.2rem; line-height:1.3; color:var(--ran-ink); }
.ran-facts { color:#5c6477; font-size:.9rem; }
.ran-price { display:block; color:var(--ran-ink); font-size:1.3rem; font-weight:700; }
.ran-pagination ul { display:flex; gap:9px; justify-content:center; padding:0; margin:30px 0; list-style:none; }
.ran-pagination a,.ran-pagination span { display:block; padding:6px 11px; border:1px solid #d8def0; border-radius:4px; }
.ran-detail { max-width:1100px; margin:auto; }
.ran-main-image { aspect-ratio:16/9; background:var(--ran-soft); }
.ran-main-image img { display:block; width:100%; height:100%; object-fit:cover; }
.ran-thumbs { display:flex; gap:9px; overflow-x:auto; padding:10px 0; }
.ran-thumb { flex:0 0 100px; width:100px; height:75px; padding:0; border:2px solid transparent; background:none; cursor:pointer; }
.ran-thumb[aria-pressed="true"] { border-color:var(--ran-ink); }
.ran-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.ran-detail-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 0; border-bottom:1px solid #dce0ec; }
.ran-detail-head .ran-price { white-space:nowrap; }
.ran-status { display:inline-block; margin:4px 0; padding:5px 9px; background:var(--ran-soft); color:var(--ran-ink); }
.ran-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:25px 0; }
.ran-specs div { padding:13px; background:var(--ran-soft); }
.ran-specs dt { color:var(--ran-muted); font-size:.8rem; }
.ran-specs dd { margin:5px 0 0; font-weight:600; }
.ran-description { margin:26px 0; line-height:1.7; }
.ran-legal { margin:24px 0; }
.ran-legal h3 { color:var(--ran-ink); }
.ran-risks { font-size:.85rem; color:#5c6477; }
@media (max-width:900px) { .ran-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ran-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .ran-specs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .ran-grid,.ran-filters { grid-template-columns:1fr; } .ran-detail-head { align-items:flex-start; flex-direction:column; } .ran-specs { grid-template-columns:repeat(2,minmax(0,1fr)); } }