/* Dedicated premium category/listing stylesheet. Loaded after legacy CSS to avoid old full-width list styles. */
body:has(.listing-index-page) {
	background: #f7f9fb;
}

.listing-index-page.topMargin {
	margin-top: 0 !important;
	min-height: auto !important;
	background: #f7f9fb !important;
	padding: 30px 0 76px !important;
}

.listing-index-inner {
	width: min(1180px, calc(100% - 32px)) !important;
	margin: 0 auto !important;
	position: relative;
}

.listing-ad-slot:empty {
	display: none;
}

.listing-index-hero {
	display: flex !important;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	padding: 30px !important;
	margin: 0 0 18px !important;
	border: 1px solid #e4e9ef !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 18px 50px rgba(16, 24, 40, 0.08) !important;
}

.listing-index-hero h1 {
	margin: 0 !important;
	font-size: 34px !important;
	line-height: 1.14 !important;
	letter-spacing: 0 !important;
	color: #101828 !important;
	font-weight: 900 !important;
}

.listing-index-hero p,
.listing-hero-copy {
	margin: 10px 0 0 !important;
	max-width: 760px;
	color: #667085 !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}

.listing-search-panel {
	padding: 18px !important;
	margin: 0 0 24px !important;
	border: 1px solid #e4e9ef !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 12px 34px rgba(16, 24, 40, 0.06) !important;
}

.listing-search-form {
	display: grid !important;
	grid-template-columns: minmax(240px, 1.35fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(170px, .95fr) auto !important;
	gap: 12px !important;
	align-items: center !important;
}

.listing-search-form .searchtext,
.listing-search-form .categorybox,
.listing-search-form select,
.listing-search-form input[type="text"] {
	width: 100% !important;
	height: 48px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	box-sizing: border-box !important;
	color: #17212b !important;
	font-size: 14px !important;
	outline: none !important;
}

.listing-search-form .searchtext:focus,
.listing-search-form .categorybox:focus,
.listing-search-form select:focus {
	border-color: #0b7a75 !important;
	box-shadow: 0 0 0 4px rgba(11, 122, 117, 0.12) !important;
}

.listing-search-form .blueBtn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 48px !important;
	min-width: 148px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 7px !important;
	background-color: #0b7a75 !important;
	background-position: 13px center !important;
	color: #ffffff !important;
	font-weight: 900 !important;
	font-size: 14px !important;
	cursor: pointer !important;
}

.listing-results-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 20px !important;
	align-items: stretch !important;
}

.listing-card-wrap {
	position: relative !important;
	min-width: 0 !important;
}

.listing-card-link {
	display: block !important;
	height: 100% !important;
	color: inherit !important;
	text-decoration: none !important;
}

.listing-results-grid .block-annonce,
.block-annonce.listing-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	border: 1px solid #e4e9ef !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	overflow: hidden !important;
	box-shadow: 0 14px 38px rgba(16, 24, 40, 0.08) !important;
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.listing-card-wrap:hover .block-annonce {
	transform: translateY(-3px) !important;
	border-color: #c8d9d6 !important;
	box-shadow: 0 22px 54px rgba(16, 24, 40, 0.14) !important;
}

.listing-results-grid .photo,
.listing-card-media {
	float: none !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
	margin: 0 !important;
	background: #eef2f6 !important;
	overflow: hidden !important;
}

.listing-results-grid .photo img,
.listing-card-media img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.listing-results-grid .nbr-photo {
	position: absolute !important;
	left: 10px !important;
	bottom: 10px !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
	min-width: 18px !important;
	padding: 6px 9px 6px 27px !important;
	border-radius: 999px !important;
	background-color: rgba(16, 24, 40, .78) !important;
	background-position: 8px center !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	font-size: 12px !important;
	line-height: 1 !important;
}

.listing-results-grid .text-block-annonce,
.listing-card-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 16px !important;
	min-height: 178px !important;
	box-sizing: border-box !important;
}

.listing-results-grid .title-block-annonce {
	font-size: 16px !important;
	line-height: 1.35 !important;
	font-weight: 900 !important;
	color: #101828 !important;
}

.listing-results-grid .meta-block-annonce {
	color: #667085 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.listing-results-grid .meta-block-annonce b {
	color: #0b7a75 !important;
}

.listing-results-grid .prix-block-annonce {
	margin-top: auto !important;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 900 !important;
	color: #0b7a75 !important;
}

.listing-results-grid .date-depot-annonce {
	float: none !important;
	margin: 0 !important;
	color: #98a2b3 !important;
	font-size: 12px !important;
}

.listing-results-grid .favoris-block-annonce,
.listing-card-favorite {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	float: none !important;
	width: 40px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 9px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .95) !important;
	box-shadow: 0 8px 22px rgba(16, 24, 40, .16) !important;
	box-sizing: border-box !important;
	z-index: 2 !important;
}

.listing-results-grid .favoris-block-annonce img,
.listing-card-favorite img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	cursor: pointer !important;
}

.listing-index-page .paging {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	height: auto !important;
	margin: 30px 0 !important;
	text-align: center !important;
}

.listing-index-page .paging-blue {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 42px !important;
	padding: 0 13px !important;
	margin: 0 !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	border: 1px solid #d9e2ec !important;
	color: #344054 !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.listing-index-page .paging-blue:hover,
.listing-index-page .pageselected {
	background: #0b7a75 !important;
	border-color: #0b7a75 !important;
	color: #ffffff !important;
}

.listing-seo-content {
	max-width: 960px !important;
	margin: 32px auto 0 !important;
	padding: 28px !important;
	border: 1px solid #e4e9ef !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #475467 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	box-shadow: 0 14px 38px rgba(16, 24, 40, 0.07) !important;
}

.listing-seo-content p,
.listing-seo-content span {
	color: #475467 !important;
	font-family: "Open Sans", Arial, sans-serif !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	text-align: left !important;
}

@media (max-width: 1024px) {
	.listing-search-form,
	.listing-results-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.listing-search-form .blueBtn,
	.listing-dynamic-filter {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 640px) {
	.listing-index-page.topMargin {
		padding-top: 16px !important;
	}
	.listing-index-inner {
		width: min(100% - 20px, 1180px) !important;
	}
	.listing-index-hero,
	.listing-search-panel,
	.listing-seo-content {
		padding: 16px !important;
	}
	.listing-index-hero h1 {
		font-size: 26px !important;
	}
	.listing-search-form,
	.listing-results-grid {
		grid-template-columns: 1fr !important;
	}
	.listing-results-grid .text-block-annonce,
	.listing-card-body {
		min-height: 150px !important;
	}
}
/* Final premium polish: lighter rhythm, softer cards, SEO readability. */
html,
body {
	overflow-x: hidden;
}

body:has(.listing-index-page) {
	background: #f6f8fa;
}

.listing-index-page.topMargin {
	padding: 34px 0 68px !important;
}

.listing-index-inner {
	width: min(1160px, calc(100% - 36px)) !important;
}

.listing-index-hero {
	margin-bottom: 20px !important;
	padding: 28px 30px !important;
	box-shadow: 0 12px 32px rgba(16, 24, 40, 0.055) !important;
}

.listing-search-panel {
	margin-bottom: 28px !important;
	box-shadow: 0 10px 26px rgba(16, 24, 40, 0.045) !important;
}

.listing-results-grid {
	gap: 22px !important;
}

.listing-results-grid .block-annonce,
.block-annonce.listing-card {
	box-shadow: 0 10px 28px rgba(16, 24, 40, 0.055) !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.listing-card-wrap:hover .block-annonce {
	transform: translateY(-2px) !important;
	border-color: #d3e3e0 !important;
	box-shadow: 0 16px 36px rgba(16, 24, 40, 0.095) !important;
}

.listing-results-grid .photo img,
.listing-card-media img {
	transition: transform .34s ease, filter .34s ease !important;
}

.listing-card-wrap:hover .photo img,
.listing-card-wrap:hover .listing-card-media img {
	transform: scale(1.035) !important;
}

.listing-results-grid .nbr-photo {
	left: 12px !important;
	bottom: 12px !important;
	padding: 5px 8px 5px 24px !important;
	background-color: rgba(15, 23, 42, .66) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	box-shadow: 0 6px 16px rgba(15, 23, 42, .16) !important;
}

.listing-results-grid .text-block-annonce,
.listing-card-body {
	gap: 7px !important;
	padding: 16px 16px 17px !important;
	min-height: 180px !important;
}

.listing-results-grid .title-block-annonce {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	min-height: 43px !important;
	font-size: 15px !important;
	line-height: 1.38 !important;
}

.listing-results-grid .prix-block-annonce {
	margin-top: auto !important;
	font-size: 20px !important;
	color: #08756f !important;
}

.listing-results-grid .date-depot-annonce {
	min-height: 18px !important;
	line-height: 1.4 !important;
}

.listing-results-grid .favoris-block-annonce,
.listing-card-favorite {
	box-shadow: 0 7px 18px rgba(16, 24, 40, .12) !important;
}

.listing-index-page .paging {
	margin: 34px 0 36px !important;
}

.listing-index-page .paging-blue {
	box-shadow: 0 6px 16px rgba(16, 24, 40, .04) !important;
	transition: transform .16s ease, background .16s ease, border-color .16s ease !important;
}

.listing-index-page .paging-blue:hover {
	transform: translateY(-1px) !important;
}

.listing-seo-content {
	max-width: 860px !important;
	margin: 40px auto 0 !important;
	padding: 32px 34px !important;
	box-shadow: 0 12px 30px rgba(16, 24, 40, 0.055) !important;
	font-size: 16px !important;
	line-height: 1.88 !important;
}

.listing-seo-content h2 {
	margin: 0 0 18px !important;
	color: #101828 !important;
	font-size: 24px !important;
	line-height: 1.25 !important;
	font-weight: 900 !important;
}

.listing-seo-body,
.listing-seo-content p,
.listing-seo-content span {
	color: #344054 !important;
	font-size: 16px !important;
	line-height: 1.88 !important;
	text-align: left !important;
}

.listing-seo-content p {
	margin: 0 0 18px !important;
}

.listing-seo-content p:last-child {
	margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
	.listing-index-inner {
		width: min(100% - 28px, 1160px) !important;
	}
}

@media (max-width: 640px) {
	.listing-index-page.topMargin {
		padding: 18px 0 48px !important;
	}
	.listing-index-inner {
		width: min(100% - 20px, 1160px) !important;
	}
	.listing-index-hero {
		margin-bottom: 14px !important;
		padding: 18px !important;
	}
	.listing-search-panel {
		margin-bottom: 18px !important;
	}
	.listing-results-grid {
		gap: 18px !important;
	}
	.listing-seo-content {
		margin-top: 28px !important;
		padding: 22px 18px !important;
		font-size: 15px !important;
		line-height: 1.78 !important;
	}
	.listing-seo-content h2 {
		font-size: 21px !important;
	}
	.listing-seo-body,
	.listing-seo-content p,
	.listing-seo-content span {
		font-size: 15px !important;
		line-height: 1.78 !important;
	}
}

/* Ultimate premium pass: centered orphan cards, fixed visual rhythm, compact pagination. */
.listing-results-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: stretch !important;
	gap: 22px !important;
}

.listing-card-wrap {
	display: flex !important;
	flex: 0 1 calc((100% - 44px) / 3) !important;
	max-width: calc((100% - 44px) / 3) !important;
}

.listing-card-link {
	display: flex !important;
	width: 100% !important;
}

.listing-results-grid .block-annonce,
.block-annonce.listing-card {
	width: 100% !important;
	min-height: 500px !important;
	box-shadow: 0 8px 24px rgba(16, 24, 40, 0.05) !important;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.listing-card-wrap:hover .block-annonce {
	transform: translateY(-2px) !important;
	box-shadow: 0 14px 32px rgba(16, 24, 40, 0.085) !important;
}

.listing-results-grid .photo,
.listing-card-media {
	aspect-ratio: 16 / 11 !important;
	isolation: isolate !important;
}

.listing-results-grid .photo::after,
.listing-card-media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.02) 45%, rgba(15, 23, 42, 0.18) 100%);
}

.listing-results-grid .photo img,
.listing-card-media img {
	object-fit: cover !important;
	object-position: center center !important;
	transform: scale(1.001) !important;
	transition: transform .42s cubic-bezier(.2, .8, .2, 1), filter .42s ease !important;
}

.listing-card-wrap:hover .photo img,
.listing-card-wrap:hover .listing-card-media img {
	transform: scale(1.045) !important;
	filter: saturate(1.02) contrast(1.01) !important;
}

.listing-results-grid .nbr-photo {
	z-index: 2 !important;
	bottom: 10px !important;
	left: 10px !important;
	padding: 4px 8px 4px 23px !important;
	background-color: rgba(15, 23, 42, .58) !important;
	backdrop-filter: blur(4px) !important;
}

.listing-results-grid .text-block-annonce,
.listing-card-body {
	min-height: 178px !important;
	height: 178px !important;
	padding: 15px 16px 16px !important;
	gap: 6px !important;
}

.listing-results-grid .title-block-annonce {
	min-height: 42px !important;
	max-height: 42px !important;
}

.listing-results-grid .meta-block-annonce {
	min-height: 40px !important;
	max-height: 40px !important;
	overflow: hidden !important;
}

.listing-results-grid .prix-block-annonce {
	font-size: 19px !important;
	letter-spacing: 0 !important;
}

.listing-index-page .paging {
	gap: 7px !important;
	margin: 30px 0 34px !important;
}

.listing-index-page .paging-blue {
	min-width: 38px !important;
	height: 38px !important;
	padding: 0 12px !important;
	font-size: 13px !important;
	border-color: #dfe7ef !important;
	box-shadow: none !important;
}

.listing-index-page .pageselected {
	background: #08756f !important;
	border-color: #08756f !important;
	box-shadow: 0 8px 18px rgba(8, 117, 111, .14) !important;
}

.listing-index-page .paging-blue:hover {
	background: #eef7f6 !important;
	border-color: #b9d6d2 !important;
	color: #075f5b !important;
}

.listing-index-page .pageselected:hover {
	background: #08756f !important;
	border-color: #08756f !important;
	color: #fff !important;
}

.listing-seo-content {
	max-width: 820px !important;
	margin-top: 36px !important;
	margin-bottom: 0 !important;
	padding: 30px 32px !important;
	box-shadow: 0 8px 24px rgba(16, 24, 40, 0.045) !important;
}

.listing-index-inner::after {
	content: "";
	display: block;
	width: 76px;
	height: 1px;
	margin: 34px auto 0;
	background: linear-gradient(90deg, transparent, #cfd8e3, transparent);
}

@media (max-width: 1024px) {
	.listing-card-wrap {
		flex-basis: calc((100% - 22px) / 2) !important;
		max-width: calc((100% - 22px) / 2) !important;
	}
	.listing-results-grid .block-annonce,
	.block-annonce.listing-card {
		min-height: 486px !important;
	}
}

@media (max-width: 640px) {
	.listing-card-wrap {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.listing-results-grid .block-annonce,
	.block-annonce.listing-card {
		min-height: 0 !important;
	}
	.listing-results-grid .photo,
	.listing-card-media {
		aspect-ratio: 16 / 10 !important;
	}
	.listing-results-grid .text-block-annonce,
	.listing-card-body {
		height: auto !important;
		min-height: 164px !important;
	}
	.listing-index-page .paging {
		gap: 6px !important;
		margin: 24px 0 28px !important;
	}
	.listing-index-page .paging-blue {
		min-width: 35px !important;
		height: 35px !important;
		padding: 0 10px !important;
	}
	.listing-seo-content {
		max-width: 100% !important;
		padding: 21px 18px !important;
	}
	.listing-index-inner::after {
		margin-top: 26px;
	}
}

/* Phase 2 premium UI/UX: compact editorial listings, richer media, calmer rhythm. */
:root {
	--appart-ink: #0f172a;
	--appart-muted: #667085;
	--appart-soft: #f6f8fb;
	--appart-line: #e3e9f0;
	--appart-teal: #08756f;
	--appart-teal-dark: #075f5b;
	--appart-gold: #f3a31a;
	--appart-shadow: 0 10px 26px rgba(15, 23, 42, .055);
	--appart-shadow-hover: 0 16px 36px rgba(15, 23, 42, .085);
}

body:has(.listing-index-page) {
	background: radial-gradient(circle at 50% 0, rgba(8,117,111,.045), transparent 330px), var(--appart-soft) !important;
}

.listing-index-page.topMargin {
	padding: 28px 0 58px !important;
}

.listing-index-inner {
	width: min(1128px, calc(100% - 40px)) !important;
}

.listing-ad-slot {
	margin: 0 0 14px !important;
}

.listing-index-hero {
	position: relative !important;
	overflow: hidden !important;
	align-items: center !important;
	padding: 24px 28px !important;
	margin-bottom: 16px !important;
	border-color: rgba(198, 210, 224, .82) !important;
	background: linear-gradient(135deg, #ffffff 0%, #fbfcfe 60%, #f2f8f7 100%) !important;
	box-shadow: var(--appart-shadow) !important;
}

.listing-index-hero::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, var(--appart-teal), var(--appart-gold));
}

.listing-index-hero h1 {
	font-size: clamp(28px, 3vw, 38px) !important;
	line-height: 1.08 !important;
	color: var(--appart-ink) !important;
}

.listing-index-hero p,
.listing-hero-copy {
	max-width: 680px !important;
	font-size: 14px !important;
	line-height: 1.62 !important;
}

.listing-search-panel {
	padding: 14px !important;
	margin-bottom: 24px !important;
	border-color: rgba(198, 210, 224, .86) !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .04) !important;
}

.listing-search-form {
	gap: 10px !important;
}

.listing-search-form .searchtext,
.listing-search-form .categorybox,
.listing-search-form select,
.listing-search-form input[type="text"] {
	height: 46px !important;
	border-radius: 8px !important;
	border-color: #d7e0ea !important;
	background: #fff !important;
	font-size: 13px !important;
}

.listing-search-form .blueBtn {
	height: 46px !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #0a817a 0%, #08716b 100%) !important;
	box-shadow: 0 8px 18px rgba(8, 117, 111, .12) !important;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.listing-search-form .blueBtn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 22px rgba(8, 117, 111, .16) !important;
	filter: brightness(.99) !important;
}

.listing-results-grid {
	gap: 18px !important;
}

.listing-card-wrap {
	flex-basis: calc((100% - 36px) / 3) !important;
	max-width: calc((100% - 36px) / 3) !important;
}

.listing-results-grid .block-annonce,
.block-annonce.listing-card {
	min-height: 442px !important;
	border-color: rgba(211, 221, 232, .92) !important;
	border-radius: 10px !important;
	box-shadow: var(--appart-shadow) !important;
	background: #ffffff !important;
}

.listing-card-wrap:hover .block-annonce {
	transform: translateY(-2px) !important;
	border-color: rgba(8,117,111,.25) !important;
	box-shadow: var(--appart-shadow-hover) !important;
}

.listing-results-grid .photo,
.listing-card-media {
	aspect-ratio: 16 / 10 !important;
	background: #e8eef5 !important;
}

.listing-results-grid .photo::after,
.listing-card-media::after {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 42%, rgba(15, 23, 42, 0.22) 100%) !important;
}

.listing-card-wrap:hover .photo img,
.listing-card-wrap:hover .listing-card-media img {
	transform: scale(1.038) !important;
}

.listing-results-grid .nbr-photo {
	border: 1px solid rgba(255,255,255,.18) !important;
	background-color: rgba(15, 23, 42, .52) !important;
}

.listing-results-grid .favoris-block-annonce,
.listing-card-favorite {
	top: 12px !important;
	right: 12px !important;
	width: 38px !important;
	height: 38px !important;
	padding: 9px !important;
	box-shadow: 0 8px 18px rgba(15, 23, 42, .12) !important;
	transition: transform .18s ease, background .18s ease !important;
}

.listing-results-grid .favoris-block-annonce:hover,
.listing-card-favorite:hover {
	transform: scale(1.04) !important;
	background: #fff !important;
}

.listing-results-grid .text-block-annonce,
.listing-card-body {
	height: 164px !important;
	min-height: 164px !important;
	padding: 14px 15px 15px !important;
}

.listing-results-grid .title-block-annonce {
	font-size: 14px !important;
	line-height: 1.34 !important;
	min-height: 38px !important;
	max-height: 38px !important;
	color: var(--appart-ink) !important;
}

.listing-results-grid .meta-block-annonce {
	font-size: 12.5px !important;
	line-height: 1.42 !important;
	min-height: 36px !important;
	max-height: 36px !important;
}

.listing-results-grid .prix-block-annonce {
	font-size: 18px !important;
	color: var(--appart-teal) !important;
}

.listing-results-grid .date-depot-annonce {
	font-size: 11.5px !important;
	color: #8a98aa !important;
}

.listing-index-page .paging {
	margin: 26px 0 30px !important;
}

.listing-index-page .paging-blue {
	min-width: 36px !important;
	height: 36px !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,.9) !important;
}

.listing-index-page .pageselected {
	background: var(--appart-teal) !important;
	border-color: var(--appart-teal) !important;
}

.listing-seo-content {
	max-width: 790px !important;
	padding: 28px 30px !important;
	border-radius: 10px !important;
	border-color: rgba(211, 221, 232, .94) !important;
	box-shadow: var(--appart-shadow) !important;
}

.listing-seo-content h2 {
	font-size: 22px !important;
	margin-bottom: 14px !important;
}

.listing-seo-body,
.listing-seo-content p,
.listing-seo-content span {
	font-size: 15px !important;
	line-height: 1.82 !important;
}

@media (max-width: 1024px) {
	.listing-index-inner {
		width: min(100% - 28px, 1128px) !important;
	}
	.listing-card-wrap {
		flex-basis: calc((100% - 18px) / 2) !important;
		max-width: calc((100% - 18px) / 2) !important;
	}
	.listing-results-grid .block-annonce,
	.block-annonce.listing-card {
		min-height: 432px !important;
	}
}

@media (max-width: 720px) {
	.listing-search-form {
		grid-template-columns: 1fr !important;
	}
	.listing-card-wrap {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 640px) {
	.listing-index-page.topMargin {
		padding: 16px 0 42px !important;
	}
	.listing-index-inner {
		width: min(100% - 18px, 1128px) !important;
	}
	.listing-index-hero {
		padding: 18px 18px 18px 20px !important;
	}
	.listing-index-hero h1 {
		font-size: 25px !important;
	}
	.listing-search-panel {
		padding: 12px !important;
	}
	.listing-results-grid .block-annonce,
	.block-annonce.listing-card {
		min-height: 0 !important;
		border-radius: 10px !important;
	}
	.listing-results-grid .photo,
	.listing-card-media {
		aspect-ratio: 16 / 10.5 !important;
	}
	.listing-results-grid .text-block-annonce,
	.listing-card-body {
		height: auto !important;
		min-height: 150px !important;
	}
	.listing-seo-content {
		padding: 20px 18px !important;
	}
}

/* Phase 2 mobile header safety: no horizontal overflow on premium pages. */
@media (max-width: 720px) {
	.premium-site-header,
	.premium-site-header * {
		box-sizing: border-box !important;
	}
	.premium-site-header .container,
	.premium-header-inner,
	.premium-nav-inner,
	.premium-topbar {
		width: min(100% - 18px, 1128px) !important;
		max-width: min(100% - 18px, 1128px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.premium-header-inner {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 10px !important;
		align-items: center !important;
	}
	.premium-logo img,
	header .logo img {
		max-width: 132px !important;
		height: auto !important;
	}
	.premium-header-actions {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 8px !important;
		min-width: 0 !important;
	}
	.premium-post-btn {
		max-width: 166px !important;
		min-height: 40px !important;
		padding: 0 12px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		font-size: 13px !important;
	}
	.premium-user-menu {
		display: none !important;
	}
	.premium-nav-inner {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.premium-nav-inner::-webkit-scrollbar {
		display: none !important;
	}
}

@media (max-width: 420px) {
	.premium-logo img,
	header .logo img {
		max-width: 118px !important;
	}
	.premium-post-btn {
		max-width: 145px !important;
	}
}

/* Phase 2b mobile overflow hardening against legacy container widths. */
@media (max-width: 720px) {
	html,
	body,
	.premium-site-header,
	.premium-header-main,
	.colorbackmenu,
	.listing-index-page,
	.listing-premium {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
	}
	.premium-site-header .container,
	.premium-header-inner,
	.premium-nav-inner,
	.premium-topbar,
	.listing-index-inner {
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.premium-header-inner {
		grid-template-columns: auto minmax(0, auto) !important;
		justify-content: space-between !important;
	}
	.premium-post-btn {
		max-width: 118px !important;
		font-size: 12.5px !important;
	}
	.listing-index-hero,
	.listing-search-panel,
	.listing-card-wrap,
	.listing-results-grid .block-annonce,
	.block-annonce.listing-card,
	.listing-main-panel,
	.listing-side-panel,
	.listing-content-card,
	.listing-secondary-card {
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.listing-index-hero h1,
	.listing-page-title {
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}
}

@media (max-width: 420px) {
	.premium-site-header .container,
	.premium-header-inner,
	.premium-nav-inner,
	.premium-topbar,
	.listing-index-inner,
	.listing-premium {
		width: calc(100% - 18px) !important;
		max-width: calc(100% - 18px) !important;
	}
	.premium-logo img,
	header .logo img {
		max-width: 108px !important;
	}
	.premium-post-btn {
		max-width: 108px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.listing-index-hero h1 {
		font-size: 23px !important;
	}
}

/* Phase 2d mobile header layout: stack logo/actions to remove narrow-screen clipping. */
@media (max-width: 720px) {
	.premium-header-main {
		padding: 10px 0 !important;
	}
	.premium-header-inner {
		display: grid !important;
		grid-template-columns: 1fr !important;
		justify-items: center !important;
		gap: 8px !important;
	}
	.premium-logo,
	.logo.premium-logo {
		max-width: 148px !important;
		width: auto !important;
	}
	.premium-logo img,
	header .logo img {
		max-width: 148px !important;
		display: block !important;
	}
	.premium-header-actions {
		width: 100% !important;
		justify-content: center !important;
	}
	.premium-post-btn {
		max-width: 210px !important;
		width: auto !important;
		white-space: nowrap !important;
	}
	.listing-index-hero h1,
	.listing-page-title {
		white-space: normal !important;
		max-width: 100% !important;
	}
}

@media (max-width: 420px) {
	.premium-logo,
	.logo.premium-logo,
	.premium-logo img,
	header .logo img {
		max-width: 138px !important;
	}
	.premium-post-btn {
		max-width: calc(100vw - 36px) !important;
	}
}

/* Phase 2e mobile long-title fit. */
@media (max-width: 420px) {
	.listing-index-hero > div {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	.listing-index-hero h1 {
		font-size: 21px !important;
		line-height: 1.16 !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
	}
}

/* Phase 2f mobile category title max line width. */
@media (max-width: 420px) {
	.listing-index-hero h1,
	body .listing-index-page .listing-index-hero h1 {
		display: block !important;
		max-width: 310px !important;
		font-size: 20px !important;
		line-height: 1.18 !important;
	}
}


/* Image pipeline premium: serve sharp generated variants instead of tiny legacy thumbnails. */
.listing-results-grid .photo,
.listing-card-media {
	aspect-ratio: 10 / 7 !important;
}
.listing-results-grid .photo img,
.listing-card-media img {
	image-rendering: auto !important;
	backface-visibility: hidden !important;
	will-change: transform !important;
}
@media (max-width: 640px) {
	.listing-results-grid .photo,
	.listing-card-media {
		aspect-ratio: 10 / 7 !important;
	}
}


/* Mobile image/layout guard: prevent horizontal overflow on category pages. */
html, body {
	overflow-x: hidden !important;
}
@media (max-width: 640px) {
	.listing-page,
	.listing-hero,
	.listing-search-panel,
	.listing-main-panel,
	.listing-results-grid,
	.listing-seo-panel {
		width: min(100%, calc(100vw - 18px)) !important;
		max-width: calc(100vw - 18px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.listing-hero h1 {
		font-size: clamp(30px, 9vw, 40px) !important;
		line-height: 1.08 !important;
		overflow-wrap: anywhere !important;
	}
}


/* Final mobile title guard for category index hero. */
@media (max-width: 640px) {
	.listing-index-hero h1,
	body .listing-index-page .listing-index-hero h1 {
		display: block !important;
		max-width: calc(100vw - 56px) !important;
		font-size: 27px !important;
		line-height: 1.1 !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}
}


/* Final flex shrink guard for wrapped mobile category headings. */
.listing-index-hero > div {
	min-width: 0 !important;
}
@media (max-width: 640px) {
	.listing-index-hero {
		overflow: visible !important;
	}
	.listing-index-hero > div {
		min-width: 0 !important;
		max-width: 100% !important;
	}
}


/* Hard mobile H1 wrap for long category titles. */
@media (max-width: 640px) {
	body .listing-index-page .listing-index-hero h1 {
		width: min(280px, calc(100vw - 72px)) !important;
		max-width: min(280px, calc(100vw - 72px)) !important;
		font-size: 24px !important;
	}
}