/* Property single: consistent space between the image banner and overview content. */
body.single-property .abr-property-overview {
	padding-top: 64px;
}

@media (max-width: 767.98px) {
	body.single-property .abr-property-overview {
		padding-top: 48px;
	}
}

/*
 * QA responsive closeout (Bbug129/Bbug130, Bugs130-156).
 * This file is deliberately loaded last: several Figma-precision page styles use
 * fixed desktop tracks and switch at 991px, while current iPad Pro viewports are
 * 1024px wide. Keep the desktop artboards intact and provide an explicit tablet
 * layout for modern iPads.
 */

html,
body {
	overflow-x: clip;
}

img,
iframe,
video {
	max-width: 100%;
}

@media (max-width: 1100px) {
	/* Shared tablet frame and header (Bbug129/Bbug130). */
	.container-xl,
	.fs-container,
	.sold-container {
		width: min(100% - 48px, var(--container-width, 1290px));
		margin-inline: auto;
	}

	.abr-main-header__inner {
		min-width: 0;
		gap: 20px;
	}

	.abr-brand {
		min-width: 0;
	}

	.abr-brand .custom-logo,
	.abr-brand .abr-header-logo {
		max-width: 180px;
	}

	.abr-main-header__actions {
		flex: 0 0 auto;
		margin-left: auto;
	}

	.abr-mobile-menu .offcanvas-body {
		overflow-y: auto;
	}

	/* About: stack the art-directed image/text compositions before they collide. */
	.abr-about-page .about-heading-row,
	.abr-about-page .about-story__layout,
	.abr-about-page .about-cta__layout {
		display: flex;
		min-height: 0;
		flex-direction: column;
		gap: 48px;
	}

	.abr-about-page .about-heading-row > *,
	.abr-about-page .about-story__layout > *,
	.abr-about-page .about-cta__layout > * {
		width: 100%;
		max-width: 100%;
	}

	.abr-about-page .about-story__sticky {
		position: static;
	}

	.abr-about-page .about-hero__portrait,
	.abr-about-page .about-story__image {
		margin-inline: auto;
	}

	/* For-sale: fixed 7/5 feature cards become a clean vertical story. */
	.for-sale-page .fs-hero__row,
	.for-sale-page .featured-property,
	.for-sale-page .section-heading {
		display: grid;
		grid-template-columns: 1fr;
	}

	.for-sale-page .fs-hero__copy,
	.for-sale-page .fs-hero__media,
	.for-sale-page .featured-property__content,
	.for-sale-page .featured-property__image {
		width: 100%;
		max-width: 100%;
	}

	.for-sale-page .featured-property--reverse .featured-property__image {
		order: 0;
	}

	.for-sale-page .listing-filters__fields {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.for-sale-page .listing-button,
	.for-sale-page .featured-property footer a {
		white-space: nowrap;
	}

	/* Sold: prevent hero, story, cards and CTA copy from sharing undersized tracks. */
	.sold-page .sold-hero__row,
	.sold-page .success-story,
	.sold-page .section-heading {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sold-page .sold-hero__copy,
	.sold-page .sold-hero__media,
	.sold-page .success-story__content,
	.sold-page .success-story__image {
		width: 100%;
		max-width: 100%;
	}

	.sold-page .success-story--reverse .success-story__image {
		order: 0;
	}

	.sold-page .success-story__image img {
		width: 100%;
		height: auto;
	}

	.sold-page .sold-reviews__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 28px;
	}

	.sold-page .listing-cta .container,
	.sold-page .listing-cta-card,
	.sold-page .listing-cta-copy {
		min-width: 0;
		max-width: 100%;
	}

	/* Market archive and contact page compositions. */
	.abr-market .abr-feature-card,
	.abr-market .abr-section-heading,
	.abr-contact .abr-contact-grid,
	.abr-contact .abr-newsletter__grid,
	.abr-contact .abr-section-heading {
		display: grid;
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.abr-market .abr-feature-card__image,
	.abr-market .abr-feature-card__body,
	.abr-contact .abr-contact-details,
	.abr-contact .abr-contact-form-shell {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.abr-market .abr-data-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.abr-contact .abr-social-grid,
	.abr-contact .abr-contact-methods {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Market/blog inner pages use a 392px + 841px desktop grid. */
	.abr-market-single .abr-market-report-layout,
	.abr-market-single .abr-related .abr-section-heading,
	.abr-market-single .abr-newsletter--report .abr-newsletter__grid,
	.abr-blog-inner .abr-bi-layout,
	.abr-blog-inner .abr-bi-newsletter__grid,
	.abr-blog-inner .abr-bi-related .abr-blog-heading {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.abr-market-single .abr-article-sidebar,
	.abr-blog-inner .abr-bi-sidebar {
		position: static;
	}

	.abr-market-single .abr-editorial-hero--single h1,
	.abr-blog-inner .abr-bi-hero h1 {
		width: auto;
		max-width: 100%;
		min-height: 0;
		overflow-wrap: anywhere;
	}

	.abr-market-single .abr-market-report-cover,
	.abr-market-single .abr-market-report-cover > img {
		height: auto;
	}

	.abr-market-single .abr-inline-stats--wide,
	.abr-market-single .abr-inline-stats--wide span,
	.abr-market-single .abr-report-snapshot,
	.abr-market-single .abr-report-share,
	.abr-market-single .abr-sidebar-agent {
		height: auto !important;
	}

	/* Property detail: use the tablet treatment at 1024px as well as 991px. */
	.abr-property-single .abr-property-overview .row {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 48px;
		margin-inline: 0;
	}

	.abr-property-single .abr-property-overview .row .col-lg-8 {
		width: 100%;
		max-width: 100%;
		padding-inline: 0;
	}
#property-documents {
   padding:60px 30px
}
	.abr-property-single .abr-property-overview aside {
		position: static;
		width: min(100%, 672px);
		margin-inline: auto;
	}

	.abr-property-single .abr-openhome-card {
		height: auto;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.abr-property-single .abr-openhome-card__events {
		width: 100%;
		flex: 1 1 100%;
		flex-wrap: wrap;
	}

	.abr-property-single .abr-openhome-card__cal {
		width: auto;
		min-width: 0;
	}
}

@media (max-width: 860px) {
	.container-xl,
	.fs-container,
	.sold-container {
		width: min(100% - 36px, var(--container-width, 1290px));
	}

	.abr-about-page .about-heading-row,
	.abr-about-page .about-story__layout,
	.abr-about-page .about-cta__layout {
		gap: 36px;
	}

	.abr-blog-page .abr-blog-feature-card {
		grid-template-columns: 1fr;
	}

	.abr-blog-page .abr-blog-feature-card__media {
		min-height: 420px;
	}

	.abr-blog-feature-overlay {
		right: 24px;
		bottom: 24px;
		left: 24px;
	}

	.abr-blog-feature-overlay h3 {
		font-size: clamp(24px, 5vw, 38px);
		line-height: 1.1;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 575.98px) {
	.container-xl,
	.fs-container,
	.sold-container,
	.abr-blog-page .container-xl {
		width: calc(100% - 32px);
		max-width: none;
	}

	/* Bug153: readable mobile body copy without enlarging labels/navigation. */
	main p,
	main li,
	main dd,
	main blockquote {
		font-size: max(16px, 1em) !important;
	}

	.abr-main-header {
		position: relative;
		background: transparent;
	}

	.abr-main-header__inner {
		min-height: 72px;
	}
.home .abr-main-header__inner {
		/* min-height: max-content; */
	}

	.abr-brand {
		display: flex;
		max-width: calc(100% - 64px);
	}

	.abr-brand .custom-logo,
	.abr-brand .abr-header-logo {
		max-width: 145px;
		max-height: 54px;
	}
.home .abr-brand .abr-header-logo{
	/* display: none; */
	/* top: 15px; */
	position: relative;
}
	.abr-main-header__actions .abr-menu-toggle {
		position: static;
		flex: 0 0 48px;
	}
.home .abr-main-header__actions .abr-menu-toggle {
		position: absolute;
		flex: 0 0 48px;
		top: 14px;
	}
	/* Home mobile cards should fill the available content width. */
	.home .abr-appraisal-card,
	.home .abr-rating-block,
	.home .abr-area__badge,
	.home .abr-testimonial-card {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
	}

	/* Full-width, one-below-another listing controls and cards (Bug152). */
	.for-sale-page .listing-filters__fields,
	.for-sale-page .listing-filters__footer,
	.for-sale-page .featured-property__facts,
	.for-sale-page .featured-property footer,
	.sold-page .outcome-stats,
	.abr-market .abr-data-grid,
	.abr-contact .abr-social-grid,
	.abr-contact .abr-contact-methods {
		display: grid;
		grid-template-columns: 1fr;
	}

	.for-sale-page .listing-filters__fields > *,
	.for-sale-page .featured-property__facts > *,
	.for-sale-page .listing-button,
	.sold-page .listing-button {
		width: 100%;
		min-width: 0;
	}

	.sold-page .listing-section,
	.sold-page .listing-cta {
		padding-block: 56px;
	}

	.sold-page .sold-hero {
		min-height: 0;
	}

	.sold-page .sold-hero h1,
	.sold-page .section-heading h2,
	.sold-page .listing-cta h2 {
		overflow-wrap: anywhere;
		word-break: normal;
	}

	/* Property banner controls stay inside a 393px viewport (Bug156). */
	.abr-property-hero {
		height: min(68vh, 480px);
		min-height: 360px;
	}

	.abr-property-hero__top {
		width: calc(100% - 24px);
		padding-top: 80px;
	}

	.abr-property-hero__actions {
		gap: 8px;
	}

	.abr-property-hero__actions button {
		padding: 9px 10px;
		font-size: 12px;
	}

	.abr-property-photo-count {
		right: 0;
		left: 0;
		display: flex;
		bottom: 80px;
		margin: auto;
		max-width: 140px;
		justify-content: center;
	}

	.abr-property-media-tabs {
		/* right: 12px; */
		/* bottom: 12px; */
		/* left: 12px; */
		/* width: auto; */
	}

	.abr-property-media-tabs > * {
		flex: 1 1 0;
		justify-content: center;
		min-width: 0;
		padding: 14px 25px;
		white-space: nowrap;
	}

	.abr-property-single .abr-openhome-card__events {
		display: grid;
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.abr-property-single .abr-openhome-card__event,
	.abr-property-single .abr-openhome-card__event:first-child,
	.abr-property-single .abr-openhome-card__event:last-child {
		width: 100%;
		flex-basis: auto;
	}
}
