.immobilier-page .catalogue-hero-full { padding: 64px 0 46px; border-bottom: 1px solid var(--home-line); background: radial-gradient(circle at 82% 4%, rgba(84,210,176,.17), transparent 30%), linear-gradient(145deg, rgba(17,57,63,.76), rgba(7,21,26,.15)); }.catalogue-hero-full h1 { max-width: 760px; color: var(--home-ink); font-size: clamp(2.2rem,4vw,3.7rem); line-height: 1.08; letter-spacing: -.045em; }.catalogue-hero-full > .container > p:not(.section-kicker) { max-width: 670px; color: var(--home-muted); line-height: 1.65; }.catalogue-highlights { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }.catalogue-highlights span { padding: 8px 11px; border: 1px solid var(--home-line); border-radius: 9px; color: #d9f7ef; background: rgba(255,255,255,.04); font-size: .8rem; }.catalogue-highlights i { color: var(--home-green); margin-right: 4px; }
.catalogue-content { padding: 38px 0 80px; }.catalogue-filter-panel { display: grid; grid-template-columns: 1.5fr repeat(6,minmax(100px,1fr)); gap: 12px; padding: 16px; border: 1px solid var(--home-line); border-radius: 18px; background: #10272f; box-shadow: 0 18px 36px rgba(0,0,0,.16); }.catalogue-filter-panel label { min-width: 0; }.catalogue-filter-panel label > span { display: block; margin-bottom: 6px; color: var(--home-muted); font-size: .73rem; font-weight: 600; }.catalogue-filter-panel input, .catalogue-filter-panel select { width: 100%; height: 43px; padding: 8px 10px; border: 1px solid var(--home-line); border-radius: 9px; outline: none; color: var(--home-ink); background: rgba(5,20,25,.55); font-size: .84rem; }.catalogue-filter-panel input:focus, .catalogue-filter-panel select:focus { border-color: var(--home-green); box-shadow: 0 0 0 3px rgba(84,210,176,.14); }.catalogue-filter-panel option { background: #10272f; }.catalogue-search div { position: relative; }.catalogue-search i { position: absolute; top: 13px; left: 10px; color: var(--home-muted); }.catalogue-search input { padding-left: 31px; }.catalogue-filter-actions { display: flex; align-items: end; gap: 7px; }.catalogue-filter-actions .btn { height: 43px; padding-inline: 12px; white-space: nowrap; font-size: .8rem; }.catalogue-results-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 27px 0 19px; }.catalogue-results-head > p { margin: 0; color: var(--home-muted); font-size: .87rem; }.catalogue-tabs { display: flex; gap: 8px; }.catalogue-tabs button { padding: 7px 10px; border: 1px solid var(--home-line); border-radius: 999px; color: var(--home-ink); background: transparent; font-size: .78rem; cursor: pointer; }.catalogue-tabs button.active { border-color: var(--home-green); color: #062027; background: var(--home-green); }.catalogue-property-grid { min-height: 200px; }.catalogue-help { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 110px; padding: 30px; border: 1px solid rgba(84,210,176,.28); border-radius: 20px; background: linear-gradient(120deg, #12373c, #0d242c); }.catalogue-help h2 { margin: 0; color: var(--home-ink); font-size: 1.7rem; }.catalogue-help p:not(.section-kicker) { max-width: 680px; margin-bottom: 0; color: var(--home-muted); line-height: 1.6; }
.immobilier-page .property-image video { width: 100%; height: 100%; object-fit: cover; }.catalogue-media-open { position: absolute; z-index: 2; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; color: #f1fffb; background: rgba(5,20,25,.82); font-size: .72rem; font-weight: 700; cursor: pointer; }.catalogue-media-open:hover { border-color: var(--home-green); color: var(--home-green); }.catalogue-media-count { position: absolute; z-index: 2; left: 10px; bottom: 10px; display: flex; gap: 5px; }.catalogue-media-count span { padding: 5px 7px; border-radius: 7px; color: #e9fff8; background: rgba(5,20,25,.82); font-size: .69rem; font-weight: 700; }.catalogue-media-modal[hidden] { display: none; }.catalogue-media-modal { position: fixed; z-index: 9999; inset: 0; display: grid; place-items: center; padding: 20px; }.catalogue-media-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.76); backdrop-filter: blur(3px); }.catalogue-media-dialog { position: relative; z-index: 1; width: min(920px, 100%); max-height: min(760px, calc(100vh - 40px)); padding: 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: #0b2026; box-shadow: 0 28px 70px rgba(0,0,0,.5); }.catalogue-media-title { margin: 0 40px 12px 0; color: #e9fff7; font-weight: 700; }.catalogue-media-close { position: absolute; top: 11px; right: 12px; width: 32px; height: 32px; border: 1px solid var(--home-line); border-radius: 50%; color: #e9fff7; background: transparent; font-size: 1.35rem; line-height: 1; cursor: pointer; }.catalogue-media-viewer { display: grid; place-items: center; min-height: 260px; max-height: calc(100vh - 180px); overflow: hidden; border-radius: 12px; background: #041217; }.catalogue-media-viewer img, .catalogue-media-viewer video { width: 100%; max-height: calc(100vh - 180px); object-fit: contain; }.catalogue-media-controls { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 12px; color: var(--home-muted); font-size: .82rem; }.catalogue-media-controls button { width: 35px; height: 35px; border: 1px solid var(--home-line); border-radius: 50%; color: var(--home-ink); background: transparent; cursor: pointer; }.catalogue-media-controls button:hover { border-color: var(--home-green); color: var(--home-green); }
body.media-open { overflow: hidden; }
@media (max-width: 1300px) { .catalogue-filter-panel { grid-template-columns: repeat(4,1fr); }.catalogue-search { grid-column: span 2; } }
@media (max-width: 767px) { .immobilier-page main { padding-bottom: 85px; }.immobilier-page #topnav.topnav.open { position: absolute; top: calc(100% - 4px); right: 12px; z-index: 30; display: flex !important; width: min(300px,calc(100vw - 24px)); padding: 14px; flex-direction: column; gap: 6px; border: 1px solid var(--home-line); border-radius: 16px; background: #102a32; box-shadow: 0 20px 40px rgba(0,0,0,.35); }.immobilier-page #topnav.topnav.open a { padding: 10px; border-radius: 9px; }.catalogue-hero-full { padding: 43px 0 34px; }.catalogue-filter-panel { grid-template-columns: 1fr 1fr; padding: 12px; }.catalogue-search { grid-column: 1 / -1; }.catalogue-filter-actions { grid-column: 1 / -1; }.catalogue-filter-actions .btn { flex: 1; }.catalogue-results-head { align-items: flex-start; flex-direction: column; }.catalogue-help { display: block; margin-bottom: 25px; padding: 24px 18px; }.catalogue-help .btn { margin-top: 18px; } }
@media (max-width: 420px) { .catalogue-filter-panel { grid-template-columns: 1fr; }.catalogue-search, .catalogue-filter-actions { grid-column: auto; }.catalogue-tabs { width: 100%; }.catalogue-tabs button { flex: 1; } }