/* AgentView Listing — front-end styles. Colors come from :root vars set in PHP. */

.avl-grid,
.avl-slider,
.avl-single,
.avl-archive {
	--avl-radius: 14px;
	--avl-gap: 28px;
	font-family: var(--avl-font-family, inherit);
	font-size: var(--avl-font-size-base, 16px);
	box-sizing: border-box;
}
.avl-grid *,
.avl-slider *,
.avl-single *,
.avl-archive * { box-sizing: border-box; }

/* ---------- Grid ---------- */
.avl-grid {
	display: grid;
	gap: var(--avl-gap);
	grid-template-columns: repeat(3, 1fr);
}
.avl-cols-1 { grid-template-columns: 1fr; }
.avl-cols-2 { grid-template-columns: repeat(2, 1fr); }
.avl-cols-3 { grid-template-columns: repeat(3, 1fr); }
.avl-cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) {
	.avl-grid { grid-template-columns: repeat(2, 1fr); }
	.avl-grid.avl-cols-t-1 { grid-template-columns: 1fr; }
	.avl-grid.avl-cols-t-2 { grid-template-columns: repeat(2, 1fr); }
	.avl-grid.avl-cols-t-3 { grid-template-columns: repeat(3, 1fr); }
	.avl-grid.avl-cols-t-4 { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 640px)  {
	.avl-grid { grid-template-columns: 1fr; }
	.avl-grid.avl-cols-m-1 { grid-template-columns: 1fr; }
	.avl-grid.avl-cols-m-2 { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Badge ---------- */
.avl-badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	display: inline-block;
	padding: 6px 14px;
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--avl-badge-text) !important;
	background: var(--avl-badge-bg) !important;
	font-weight: 600;
}
.avl-badge--sold { background: #9c3b3b; }
.avl-badge--off-market { background: #6b6b6b; }

/* ---------- Editorial card (light) ---------- */
.avl-card--editorial {
	background: var(--avl-card-bg) !important;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 18px 40px -28px rgba(0,0,0,.35);
	display: flex;
	flex-direction: column;
}
/* Defensive reset: prevents a theme's own image styling (borders, padding,
   background, box-shadow on <img>) from bleeding into any AgentView image,
   inconsistently or otherwise. */
.avl-card-img, .avl-stage-img, .avl-card-img--ph {
	margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
	vertical-align: top !important; float: none !important; max-width: none !important;
}
.avl-card--editorial .avl-card-media {
	position: relative;
	aspect-ratio: 16 / 11;
	overflow: hidden;
}
.avl-card--editorial .avl-card-img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .6s ease;
}
.avl-card--editorial:hover .avl-card-img { transform: scale(1.04); }
.avl-card--editorial .avl-card-body { padding: 24px 26px 8px; flex: 1; }
.avl-card--editorial .avl-card-title {
	font-family: var(--avl-heading-font-family); font-size: 22px; margin: 0 0 4px; line-height: 1.2; color: var(--avl-heading) !important;
	font-weight: var(--avl-heading-weight, 500); text-transform: var(--avl-heading-transform, none);
}
.avl-card--editorial .avl-card-title a { color: inherit; text-decoration: none; }
.avl-card-meta {
	display: flex; flex-wrap: wrap; gap: 18px;
	padding-top: 16px; border-top: 1px solid rgba(0,0,0,.08);
	font-size: 14px; color: var(--avl-text) !important;
}
.avl-card-meta .avl-meta { display: inline-flex; align-items: center; gap: 7px; }
.avl-card-meta .avl-meta--address {
	font-family: var(--avl-address-font-family); letter-spacing: .08em; text-transform: uppercase;
	font-size: 12px; color: var(--avl-text) !important;
}
.avl-i { width: 16px; height: 16px; display: inline-block; background: var(--avl-secondary) !important; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; opacity: .9; }
.avl-i-bed  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7v10h2v-3h14v3h2v-7a3 3 0 0 0-3-3H3zm2 2h6v3H5V9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7v10h2v-3h14v3h2v-7a3 3 0 0 0-3-3H3zm2 2h6v3H5V9z'/%3E%3C/svg%3E"); }
.avl-i-bath { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3a3 3 0 0 0-3 3v6h20v-2H4V6a1 1 0 0 1 2 0h2a3 3 0 0 0-3-3zm-1 11v2a4 4 0 0 0 3 3.87V21h2v-1h6v1h2v-1.13A4 4 0 0 0 22 16v-2H4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3a3 3 0 0 0-3 3v6h20v-2H4V6a1 1 0 0 1 2 0h2a3 3 0 0 0-3-3zm-1 11v2a4 4 0 0 0 3 3.87V21h2v-1h6v1h2v-1.13A4 4 0 0 0 22 16v-2H4z'/%3E%3C/svg%3E"); }
.avl-i-area, .avl-i-lot { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v18H3V3zm2 2v14h14V5H5zm2 2h10v2H7V7zm0 4h10v2H7v-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v18H3V3zm2 2v14h14V5H5zm2 2h10v2H7V7zm0 4h10v2H7v-2z'/%3E%3C/svg%3E"); }
.avl-card-foot {
	display: flex; align-items: center; justify-content: space-between;
	padding: 18px 26px; margin-top: 8px; border-top: 1px solid rgba(0,0,0,.08);
}
.avl-card-foot .avl-card-price { font-family: var(--avl-price-font-family); font-size: 18px; color: var(--avl-heading) !important; margin: 0; }
.avl-card-link {
	font-size: 12px; letter-spacing: .1em; text-decoration: none;
	color: var(--avl-secondary) !important;
	font-weight: var(--avl-btn-weight, 600); text-transform: var(--avl-btn-transform, uppercase);
}
.avl-card-link:hover { opacity: .75; }

/* ---------- Luxury card (dark overlay) ---------- */
.avl-card--luxury {
	position: relative; display: block; text-decoration: none;
	border-radius: var(--avl-radius); overflow: hidden;
	aspect-ratio: 3 / 4; color: #fff;
	box-shadow: 0 30px 50px -30px rgba(0,0,0,.6);
}
.avl-card--luxury .avl-card-media { position: absolute; inset: 0; }
.avl-card--luxury .avl-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.avl-card--luxury:hover .avl-card-img { transform: scale(1.06); }
.avl-card--luxury .avl-card-overlay {
	position: absolute; inset: 0; z-index: 2;
	display: flex; flex-direction: column; justify-content: flex-end;
	padding: 28px;
	background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 70%);
}
.avl-card--luxury .avl-card-title {
	font-family: var(--avl-heading-font-family); font-size: 19px; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 4px;
	font-weight: var(--avl-heading-weight, 500);
}
.avl-card--luxury .avl-pin { color: var(--avl-accent) !important; font-size: 12px; }
.avl-card--luxury .avl-card-address { font-family: var(--avl-address-font-family); margin: 0 0 16px; font-size: 14px; opacity: .85; }
.avl-card--luxury .avl-card-price { font-family: var(--avl-price-font-family); margin: 0 0 8px; font-size: 17px; }
.avl-card--luxury .avl-card-specs { margin: 0; font-size: 12px; letter-spacing: .08em; opacity: .8; display: flex; flex-wrap: wrap; }
.avl-card--luxury .avl-spec + .avl-spec::before { content: "/"; margin: 0 8px; opacity: .6; }
.avl-card--luxury .avl-card-img--ph { background: var(--avl-primary) !important; }

/* ---------- Luxury Grid card (image + overlay heading, 4-column info bar) ---------- */
.avl-card--luxury-grid { display: block; border-radius: var(--avl-radius); overflow: hidden; box-shadow: 0 20px 45px -28px rgba(0,0,0,.4); }
.avl-card--luxury-grid .avl-lg-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.avl-card--luxury-grid .avl-card-img {
	width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
	margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
	transition: transform .7s ease;
}
.avl-card--luxury-grid:hover .avl-card-img { transform: scale(1.05); }
.avl-card--luxury-grid .avl-card-img--ph { background: var(--avl-primary) !important; }
.avl-card--luxury-grid .avl-lg-heading {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	padding: 20px 22px 16px;
	background: linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.05) 85%);
}
.avl-card--luxury-grid .avl-card-title {
	font-family: var(--avl-heading-font-family); color: #fff !important; font-size: 22px; margin: 0; line-height: 1.2;
	font-weight: var(--avl-heading-weight, 500); text-transform: var(--avl-heading-transform, none);
	text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.avl-card--luxury-grid .avl-lg-bar {
	display: grid; grid-template-columns: repeat(4, 1fr);
	background: var(--avl-primary) !important; color: #fff;
}
.avl-card--luxury-grid .avl-lg-col {
	display: flex; align-items: center; min-height: 56px; padding: 10px 16px;
	border-right: 1px solid rgba(255,255,255,.14); font-size: 13px; overflow: hidden;
}
.avl-card--luxury-grid .avl-lg-col:last-child { border-right: 0; padding: 0; }
.avl-card--luxury-grid .avl-meta--address {
	font-family: var(--avl-address-font-family); color: #fff !important;
	font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
}
.avl-card--luxury-grid .avl-meta--lot { font-family: var(--avl-address-font-family); color: #fff !important; gap: 8px; }
.avl-card--luxury-grid .avl-meta--lot .avl-i { background: #fff !important; opacity: .9; }
.avl-card--luxury-grid .avl-card-price {
	font-family: var(--avl-price-font-family); color: #fff !important; font-weight: 600;
	justify-content: center; text-align: center;
}
.avl-card--luxury-grid .avl-card-link.avl-lg-btn {
	background: var(--avl-accent) !important; color: var(--avl-btn-text) !important;
	justify-content: center; text-align: center; text-decoration: none;
	letter-spacing: .1em; text-transform: uppercase; font-size: 12px; font-weight: 700;
	transition: opacity .2s ease;
}
.avl-card--luxury-grid .avl-card-link.avl-lg-btn:hover { opacity: .88; }
@media (max-width: 640px) {
	.avl-card--luxury-grid .avl-lg-bar { grid-template-columns: repeat(2, 1fr); }
	.avl-card--luxury-grid .avl-lg-col:nth-child(2) { border-right: 0; }
}

/* ---------- Slider ---------- */
.avl-slider { position: relative; padding: 0 56px; }
.avl-slider .swiper { overflow: hidden; }
.avl-slider .swiper-slide { height: auto; }
.avl-slider-prev, .avl-slider-next {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 46px; height: 46px; border-radius: 50%; border: none; cursor: pointer;
	background: #fff; color: var(--avl-primary) !important; font-size: 18px;
	box-shadow: 0 10px 24px -10px rgba(0,0,0,.4); z-index: 5;
}
.avl-slider-prev { left: 0; }
.avl-slider-next { right: 0; }
.avl-slider-prev:hover, .avl-slider-next:hover { background: var(--avl-accent) !important; color: #fff; }
@media (max-width: 640px) { .avl-slider { padding: 0 8px; } .avl-slider-prev, .avl-slider-next { display: none; } }

/* ---------- Masonry card (image-led, per-element hover reveal) ---------- */
.avl-card--masonry { display: block; text-decoration: none; color: var(--avl-text); }
.avl-card--masonry .avl-card-media {
	position: relative; overflow: hidden;
	border-radius: var(--avl-m-radius, var(--avl-radius));
	height: var(--avl-m-height, auto);
	aspect-ratio: var(--avl-m-aspect, 16 / 11);
}
/* When an explicit height is supplied, the aspect-ratio must yield to it. */
.avl-card--masonry .avl-card-media[style*="--avl-m-height"] { aspect-ratio: auto; }
.avl-card--masonry .avl-card-img {
	width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
	margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
	transition: transform .7s ease;
}
.avl-card--masonry:hover .avl-card-img { transform: scale(1.05); }
.avl-card--masonry .avl-card-img--ph { background: linear-gradient(135deg, #e9e9e9, #d4d4d4); }
@media (max-width: 1024px) {
	.avl-card--masonry .avl-card-media { height: var(--avl-m-height-t, var(--avl-m-height, auto)); border-radius: var(--avl-m-radius-t, var(--avl-m-radius, var(--avl-radius))); }
	.avl-card--masonry .avl-card-media[style*="--avl-m-height-t"] { aspect-ratio: auto; }
}
@media (max-width: 640px) {
	.avl-card--masonry .avl-card-media { height: var(--avl-m-height-m, var(--avl-m-height-t, var(--avl-m-height, auto))); border-radius: var(--avl-m-radius-m, var(--avl-m-radius-t, var(--avl-m-radius, var(--avl-radius)))); }
	.avl-card--masonry .avl-card-media[style*="--avl-m-height-m"] { aspect-ratio: auto; }
}

/* A gradient veil for text legibility; deepens on hover. */
.avl-card-veil {
	position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.6) 100%);
	transition: background .4s ease;
}
.avl-card--masonry:hover .avl-card-veil {
	background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.4) 45%, rgba(0,0,0,.75) 100%);
}

/* Content overlay — anchored to the bottom of the image, centered text. */
.avl-m-overlay {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	display: flex; flex-direction: column; align-items: center; text-align: center;
	padding: 22px 22px 24px; color: #fff;
}
.avl-m-overlay > * { margin: 0; }
.avl-m-overlay > * + * { margin-top: 8px; }
.avl-m-title { color: #fff; font-family: var(--avl-heading-font-family); font-size: clamp(20px, 2vw, 28px); letter-spacing: .04em; font-weight: var(--avl-heading-weight, 500); line-height: 1.15; }
.avl-m-address { color: rgba(255,255,255,.92); font-family: var(--avl-address-font-family); font-size: 14px; }
.avl-m-price { color: #fff; font-family: var(--avl-price-font-family); font-size: 18px; }
.avl-m-specs { display: flex; justify-content: center; flex-wrap: wrap; font-size: 13px; color: #fff; }
.avl-m-spec { margin: 0 7px; white-space: nowrap; }

/* Per-element HOVER mode: collapsed + invisible until the card is hovered.
   The mode class (avl-hover-*) is set on the grid/slider container. */
.avl-hover-title .avl-m-title,
.avl-hover-address .avl-m-address,
.avl-hover-price .avl-m-price {
	opacity: 0; max-height: 0; overflow: hidden; transform: translateY(8px); pointer-events: none;
	transition: opacity .35s ease, max-height .4s ease, transform .35s ease, margin .35s ease;
}
/* When a block element is in hover-mode, its top margin must also collapse. */
.avl-hover-title .avl-m-overlay > .avl-m-title,
.avl-hover-address .avl-m-overlay > .avl-m-address,
.avl-hover-price .avl-m-overlay > .avl-m-price { margin-top: 0; }
.avl-hover-title .avl-card--masonry:hover .avl-m-title,
.avl-hover-address .avl-card--masonry:hover .avl-m-address,
.avl-hover-price .avl-card--masonry:hover .avl-m-price {
	opacity: 1; max-height: 60px; transform: translateY(0); margin-top: 8px;
}

/* Inline spec collapse for hover-mode beds/baths/sqft. */
.avl-hover-bed .avl-m-spec--bed,
.avl-hover-bath .avl-m-spec--bath,
.avl-hover-sqft .avl-m-spec--sqft {
	opacity: 0; max-width: 0; margin: 0; overflow: hidden; display: inline-block; white-space: nowrap; pointer-events: none;
	transition: opacity .35s ease, max-width .4s ease, margin .35s ease;
}
.avl-hover-bed .avl-card--masonry:hover .avl-m-spec--bed,
.avl-hover-bath .avl-card--masonry:hover .avl-m-spec--bath,
.avl-hover-sqft .avl-card--masonry:hover .avl-m-spec--sqft {
	opacity: 1; max-width: 160px; margin: 0 7px;
}

/* Per-element fully hidden. */
.avl-hide-title .avl-m-title { display: none !important; }
.avl-hide-address .avl-m-address { display: none !important; }
.avl-hide-price .avl-m-price { display: none !important; }
.avl-hide-bed .avl-m-spec--bed { display: none !important; }
.avl-hide-bath .avl-m-spec--bath { display: none !important; }
.avl-hide-sqft .avl-m-spec--sqft { display: none !important; }
/* Badge toggle (applies to the status badge inside masonry cards). */
.avl-hide-badge .avl-card--masonry .avl-badge { display: none !important; }

/* ---------- Single detail page ---------- */
.avl-single { color: var(--avl-text) !important; }
/* Gallery stage: one main image + single-row thumbnails (click to swap, no lightbox) */
.avl-stage { width: 100%; }
.avl-stage-main { position: relative; width: 100%; height: var(--avl-stage-height, 100vh) !important; overflow: hidden; background: var(--avl-primary) !important; }
.avl-stage-img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; transition: opacity .35s ease; }
.avl-stage--empty .avl-stage-main { min-height: 60vh; display: flex; align-items: center; justify-content: center; }

/* Centered title / address / badge overlay */
.avl-stage-overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 24px; pointer-events: none; }
.avl-stage-overlay::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to bottom, rgba(0,0,0,.30), rgba(0,0,0,.12) 40%, rgba(0,0,0,.45)); }
.avl-stage-overlay .avl-badge { position: static; margin-bottom: 18px; }
.avl-stage-title { font-family: var(--avl-heading-font-family); font-weight: var(--avl-heading-weight, 500); font-size: clamp(32px, 5.5vw, 72px); line-height: 1.05; letter-spacing: .02em; text-transform: uppercase; margin: 0 0 14px; color: #fff; }
.avl-stage-address { font-family: var(--avl-address-font-family); font-size: clamp(13px, 1.4vw, 18px); letter-spacing: .28em; text-transform: uppercase; margin: 0; opacity: .92; }

/* Thumbnail strip — single row, horizontally scrollable, round arrows at the edges */
.avl-stage-thumbs-wrap { display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
.avl-stage-thumbs { list-style: none; margin: 0; padding: 4px; display: flex; gap: 12px; overflow-x: auto; flex: 1 1 auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.avl-stage-thumbs::-webkit-scrollbar { display: none; width: 0; height: 0; }
.avl-stage-thumbs li { flex: 0 0 auto; }
.avl-stage-thumb {
	display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
	background: none !important; cursor: pointer; width: 220px !important; max-width: 38vw; flex-basis: 220px;
	border-radius: 10px !important; overflow: hidden !important; line-height: 0; box-shadow: 0 2px 10px rgba(0,0,0,.12) !important;
	opacity: .72; transition: opacity .25s ease, transform .25s ease;
}
.avl-stage-thumb img {
	width: 100% !important; height: 140px !important; max-width: none !important; max-height: none !important;
	object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important;
	border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
	vertical-align: top !important; float: none !important;
}
.avl-stage-thumb:hover { opacity: 1; }
.avl-stage-thumb.is-active { opacity: 1; outline: 3px solid var(--avl-accent); outline-offset: 0; }
.avl-stage-nav { flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); background: #fff; color: var(--avl-primary) !important; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.12); transition: background .2s ease, color .2s ease; }
.avl-stage-nav:hover { background: var(--avl-accent) !important; color: var(--avl-btn-text) !important; border-color: var(--avl-accent) !important; }

@media (max-width: 1024px) { .avl-stage-thumb { width: 180px !important; } .avl-stage-thumb img { height: 116px !important; } }
@media (max-width: 600px) { .avl-stage-thumbs-wrap { padding: 12px 10px; gap: 8px; } .avl-stage-thumb { width: 150px !important; } .avl-stage-thumb img { height: 96px !important; } .avl-stage-nav { width: 44px; height: 44px; font-size: 18px; } }

/* ---------- Gallery 2: overlaid arrows + bottom dot pagination ---------- */
.avl-gallery2 { position: relative; width: 100%; }
.avl-g2-frame { position: relative; width: 100%; height: var(--avl-g2-height, 100vh) !important; overflow: hidden; background: var(--avl-primary) !important; }
.avl-g2-img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; transition: opacity .5s ease; }
.avl-g2-nav {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
	width: var(--avl-g2-nav-size, 52px); height: var(--avl-g2-nav-size, 52px); border-radius: var(--avl-g2-nav-radius, 50%);
	border: 0 !important; background: rgba(0,0,0,.35) !important; color: #fff !important;
	font-size: var(--avl-g2-nav-icon-size, 20px); line-height: 1;
	display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s ease;
}
.avl-g2-nav:hover { background: rgba(0,0,0,.55) !important; }
.avl-g2-prev { left: 22px; }
.avl-g2-next { right: 22px; }
.avl-g2-dots { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 3; display: flex; align-items: center; gap: var(--avl-g2-dot-gap, 9px); }
.avl-g2-dot {
	width: var(--avl-g2-dot-size, 9px); height: var(--avl-g2-dot-size, 9px); border-radius: var(--avl-g2-dot-radius, 50%);
	border: 0 !important; padding: 0; background: rgba(255,255,255,.55) !important; cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
.avl-g2-dot:hover { background: rgba(255,255,255,.8) !important; }
.avl-g2-dot.is-active { background: #fff !important; transform: scale(var(--avl-g2-dot-active-scale, 1.3)); }
@media (max-width: 600px) { .avl-g2-nav { width: 40px; height: 40px; font-size: 16px; } .avl-g2-prev { left: 12px; } .avl-g2-next { right: 12px; } .avl-g2-dots { bottom: 14px; } }

/* Breadcrumb */
.avl-breadcrumb { max-width: 1180px; margin: 22px auto 0; padding: 0 20px; }
.avl-breadcrumb-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.avl-breadcrumb-list li { display: inline; margin: 0; }
.avl-crumb-link { color: var(--avl-text) !important; opacity: .7; text-decoration: none; }
.avl-crumb-link:hover { opacity: 1; color: var(--avl-accent) !important; }
.avl-crumb-current { color: var(--avl-heading) !important; opacity: .95; }
.avl-crumb-sep { opacity: .45; }

.avl-single-body { display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px; max-width: 1180px; margin: 60px auto; padding: 0 20px; }
@media (max-width: 900px) { .avl-single-body { grid-template-columns: 1fr; gap: 36px; } }
.avl-single-desc { font-size: 16px; line-height: 1.85; }
.avl-single-short-desc { font-size: 18px; line-height: 1.6; color: var(--avl-text) !important; }
.avl-single-short-desc p { margin: 0 0 12px; }
.avl-single-short-desc > :last-child { margin-bottom: 0; }
.avl-single-short-desc h2, .avl-single-short-desc h3, .avl-single-short-desc h4 {
	font-family: var(--avl-heading-font-family); color: var(--avl-heading) !important;
	font-weight: var(--avl-heading-weight, 500); line-height: 1.25; margin: 0 0 10px;
}
.avl-single-short-desc h2 { font-size: 26px; }
.avl-single-short-desc h3 { font-size: 22px; }
.avl-single-short-desc h4 { font-size: 19px; }
.avl-single-short-desc strong, .avl-single-short-desc b { font-weight: 700; }
.avl-single-short-desc em, .avl-single-short-desc i { font-style: italic; }
.avl-single-short-desc ul, .avl-single-short-desc ol { margin: 0 0 12px; padding-left: 22px; }
.avl-single-short-desc a { color: var(--avl-accent) !important; text-decoration: underline; }
.avl-single-short-desc blockquote { margin: 0 0 12px; padding-left: 16px; border-left: 3px solid var(--avl-accent); opacity: .9; }
.avl-single-content { font-size: 16px; line-height: 1.85; }
.avl-single-content > :first-child { margin-top: 0; }
.avl-single-content > :last-child { margin-bottom: 0; }
.avl-single-title-link { color: inherit !important; text-decoration: none; }
.avl-single-title-link:hover { text-decoration: underline; }
.avl-single-title { font-family: var(--avl-heading-font-family); font-size: clamp(30px, 4vw, 46px); font-weight: var(--avl-heading-weight, 500); text-transform: var(--avl-heading-transform, none); color: var(--avl-heading) !important; margin: 0 0 6px; line-height: 1.12; }
.avl-single-address { font-family: var(--avl-address-font-family); font-size: 17px; color: var(--avl-text) !important; margin: 0 0 26px; }
.avl-single-price { font-family: var(--avl-price-font-family); font-size: 26px; color: var(--avl-heading) !important; }
.avl-single-lot { font-size: 16px; color: var(--avl-text) !important; margin: 0; }
.avl-single-lot .avl-lot-label { font-weight: 600; color: var(--avl-heading) !important; }
.avl-single-lot .avl-lot-value { color: var(--avl-text) !important; }

/* Featured image (plain, no gallery) */
.avl-featured-image { width: 100%; }
.avl-featured-img {
	width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
	box-shadow: none !important; object-fit: cover !important;
	height: var(--avl-feat-height, auto) !important;
	border-radius: var(--avl-feat-radius, var(--avl-radius)) !important;
}
.avl-featured-img-link { display: block; }

.avl-info-card { background: var(--avl-primary) !important; color: #fff; border-radius: var(--avl-radius); padding: 36px 32px; position: sticky; top: 30px; }
.avl-info-label { letter-spacing: .14em; text-transform: uppercase; font-size: 12px; opacity: .7; margin: 0 0 4px; }
.avl-info-price { font-family: var(--avl-price-font-family); font-size: 34px; margin: 0 0 24px; }
.avl-stats { list-style: none; margin: 0 0 26px; padding: 0; }
.avl-stats li { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 15px; }
.avl-stat-label { opacity: .7; }
.avl-stat-value { font-weight: 600; }

.avl-btn { display: inline-block; padding: 14px 26px; border-radius: 40px; text-decoration: none; font-size: 13px; letter-spacing: .08em; font-weight: var(--avl-btn-weight, 600); text-transform: var(--avl-btn-transform, uppercase); }
.avl-info-btn { border: 1px solid rgba(255,255,255,.5); color: #fff; }
.avl-info-btn:hover { background: var(--avl-accent) !important; border-color: var(--avl-accent) !important; }

.avl-single-section { max-width: 1180px; margin: 40px auto; padding: 0 20px; }
.avl-single-map-wrap { max-width: none; padding: 0; }
.avl-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--avl-radius); overflow: hidden; background: #000; }
.avl-video-poster { position: absolute; inset: 0; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.avl-video-poster::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.25); }
.avl-video-play { position: relative; z-index: 2; width: 78px; height: 78px; border-radius: 50%; border: none; cursor: pointer; background: rgba(255,255,255,.92); }
.avl-video-play::before { content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%); border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent var(--avl-primary); }
.avl-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.avl-map { width: 100%; height: 460px; border-radius: var(--avl-radius); overflow: hidden; }
.avl-map iframe { width: 100%; height: 100%; border: 0; display: block; }

.avl-contact { background: var(--avl-primary) !important; color: #fff; border-radius: var(--avl-radius); text-align: center; position: relative; overflow: hidden; }
.avl-contact > .avl-contact-inner { padding: 56px 40px; }
.avl-contact.has-image::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: rgba(0,0,0,.55) !important; z-index: 1; }
.avl-contact-eyebrow { letter-spacing: .2em; text-transform: uppercase; font-size: 12px; opacity: .7; margin: 0 0 6px; }
.avl-contact-title { font-family: var(--avl-heading-font-family); font-size: clamp(28px, 4vw, 44px); font-weight: var(--avl-heading-weight, 500); text-transform: uppercase; letter-spacing: .04em; margin: 0 0 30px; color: #fff; }
.avl-contact-form { max-width: 720px; margin: 0 auto; text-align: left; }

/* Footer / general contact section — independently themeable via Settings */
.avl-contact--footer { color: var(--avl-footer-text) !important; border-radius: 0; margin-top: 60px; }
.avl-contact--footer .avl-contact-title { color: var(--avl-footer-text); }
.avl-contact--footer.has-image::before { background: rgba(0,0,0,.55) !important; }
.avl-contact-inner { position: relative; z-index: 2; max-width: 1000px; margin: 0 auto; }
.avl-contact--footer > .avl-contact-inner { padding: 80px 40px; }
.avl-contact-subtitle { font-size: 15px; line-height: 1.6; opacity: .85; max-width: 640px; margin: 0 auto 34px; }

/* Native lead-capture form fields — shared by the popup, footer section and inline section */
.avl-form-row { margin: 0 0 22px; }
.avl-form-row label { display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; opacity: .75; margin-bottom: 8px; }
.avl-lead-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.avl-form-row-wide { grid-column: 1 / -1; }
.avl-lead-form input[type="text"],
.avl-lead-form input[type="email"],
.avl-lead-form textarea {
	width: 100%; background: transparent; border: none; border-bottom: 1px solid currentColor; opacity: .9;
	color: inherit; font: inherit; font-size: 15px; padding: 4px 0 10px; border-radius: 0; resize: vertical;
}
.avl-lead-form input:focus, .avl-lead-form textarea:focus { outline: none; border-bottom-color: var(--avl-accent); }
.avl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.avl-form-submit {
	grid-column: 1 / -1; justify-self: end; display: inline-flex; align-items: center; gap: 10px;
	background: none; border: none; cursor: pointer; color: inherit; font: inherit;
	font-size: 13px; letter-spacing: .1em; text-transform: uppercase; padding: 10px 0;
}
.avl-contact--footer .avl-form-submit {
	border: 1px solid currentColor; border-radius: 40px; padding: 13px 30px; justify-self: start;
}
.avl-send-icon { color: var(--avl-accent) !important; }
.avl-form-submit:disabled { opacity: .5; cursor: default; }
.avl-form-feedback { grid-column: 1 / -1; margin: 10px 0 0; font-size: 14px; }
.avl-form-feedback.is-success { color: #4caf6a; }
.avl-form-feedback.is-error { color: #e06464; }
@media (max-width: 640px) { .avl-lead-form { grid-template-columns: 1fr; } }

/* Request Info popup */
body.avl-popup-lock { overflow: hidden; }
.avl-popup { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; visibility: hidden; opacity: 0; transition: opacity .25s ease, visibility .25s ease; }
.avl-popup.is-open { visibility: visible; opacity: 1; }
.avl-popup-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.avl-popup-panel {
	position: relative; z-index: 1; width: 570px; max-width: 100%; height: 630px; max-height: 88vh; overflow-y: auto;
	border-radius: var(--avl-radius); background-color: #ffffff; color: #2b2b2b;
	padding: 44px 40px; background-size: cover; background-position: center; box-shadow: 0 30px 70px -20px rgba(0,0,0,.35);
	transform: translateY(14px) scale(.97); transition: transform .25s ease;
}
.avl-popup.is-open .avl-popup-panel { transform: translateY(0) scale(1); }
.avl-popup-panel.has-image { position: relative; }
.avl-popup-panel.has-image::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: rgba(0,0,0,.72); z-index: 0; }
.avl-popup-inner { position: relative; z-index: 1; }
.avl-popup-close {
	position: absolute; top: 18px; right: 18px; z-index: 2; width: 34px; height: 34px; border-radius: 50%;
	border: none; background: rgba(127,127,127,.14); color: inherit; font-size: 18px; line-height: 1; cursor: pointer;
}
.avl-popup-close:hover { background: rgba(127,127,127,.26); }
.avl-popup-eyebrow { letter-spacing: .2em; text-transform: uppercase; font-size: 11px; opacity: .75; margin: 0 0 8px; text-align: center; }
.avl-popup-title { font-family: var(--avl-heading-font-family); font-size: clamp(22px, 3vw, 28px); font-weight: var(--avl-heading-weight, 500); text-transform: uppercase; text-align: center; margin: 0 0 14px; }
.avl-popup-subtitle { font-size: 14px; text-align: center; opacity: .8; margin: 0 0 18px; }
.avl-popup-required { font-size: 12px; text-align: left; opacity: .65; margin: 0 0 6px; }
.avl-popup .avl-lead-form { grid-template-columns: 1fr; }
.avl-popup .avl-form-row { margin: 0 0 12px; }
.avl-popup .avl-form-row label { margin-bottom: 5px; }
.avl-popup .avl-form-submit { justify-self: center; flex-direction: row-reverse; border: 1px solid currentColor; border-radius: 40px; padding: 14px 26px; margin-top: 6px; }
@media (max-width: 640px) { .avl-popup-panel { padding: 36px 26px; width: 100%; height: auto; max-height: 88vh; } }

.avl-empty { padding: 30px; text-align: center; opacity: .7; }
.avl-archive { max-width: 1240px; margin: 50px auto; padding: 0 20px; }
.avl-archive-title { font-size: 40px; color: var(--avl-heading) !important; margin: 0 0 36px; }
.avl-archive-nav { margin-top: 40px; text-align: center; }
.avl-card-img--ph { display: block; width: 100%; height: 100%; min-height: 220px; background: var(--avl-primary) !important; opacity: .15; }