.lp-hero__cta {
	background: radial-gradient(ellipse 40% 50% at 12% 50%, #f08700 0%, #b46514 100%);
}

.lp-hero__cta:hover {
	background: white;
	color: #b46514;
}

.lp-video__label,
.lp-location__label {
	color: #C66F1D;
}

.lp-video__title,
.lp-cta-cards__title,
.lp-gallery__title,
.lp-luxury__card-title,
.lp-luxury__title,
.lp-location__title {
	color: #986029;
}

.lp-luxury,
.lp-location__highlights .lp-location__image-wrap {
	background: #faf1e9;
}

.lp-location__highlight {
	border-left: 4px solid #C66F1D;
	color: #986029;
}

.lp-luxury__card-line {
	background: #986029;
}

.lp-gallery__tab {
	background: #98602961;
}

.lp-gallery__tab:hover {
	background: #986029d1;
}

.lp-gallery__tab--active {
	background: #986029;
}

.lp-gallery__bg {
	background: radial-gradient(ellipse 78% 110% at 80% 10%,
			rgba(240, 139, 0, 1) 20%,
			rgba(223, 123, 5, 1) 33%,
			rgba(178, 101, 20, 1) 57%,
			rgba(106, 65, 42, 1) 85%);
}

.lp-cta-cards__card {
	border-radius: 15px;
	/* Figma frame bg fill is invisible, but the vector has a radial gradient fill.
     We'll set the background to a radial gradient matching the vector.
     Figma color stops: #F08400 (rgba(240,133,0,1)), #b46414 (rgba(178,101,20,1))
  */
	background: radial-gradient(ellipse 50% 60% at 82% 20%, #F08400 0%, #b46414 100%);
}

.lp-video__btn {
	color: #986029;
	border-color: #986029;
}

.lp-video__btn:hover {
	background: #986029;
	color: white;
}

.lp-visite__bg {
	/* Radial gradient background based on Figma Vector in Frame "Calque_1" */
	background: radial-gradient(ellipse 80% 80% at 83% 0%,
			#f08400 20%,
			#de7b05 33%,
			#b46414 57%,
			#6a412a 85%);
}

.lp-visite__submit {
	color: #986029;
}

.lp-visite__submit:hover {
	background: #986029;
	color: white;
	border-color: #986029;
}


.nh-callback-drawer__submit-btn,
.nh-brochure-drawer__submit-btn,
.b24-form-btn-block .b24-form-btn {
	background: linear-gradient(135deg,
			rgba(240, 139, 0, 1) 20%,
			rgba(223, 123, 5, 1) 33%,
			rgba(178, 101, 20, 1) 57%,
			rgba(106, 65, 42, 1) 85%) !important;
}

.nh-callback-drawer__submit-btn:hover,
.nh-brochure-drawer__submit-btn:hover,
.b24-form-btn-block .b24-form-btn:hover {
	background: white !important;
	border: 1px solid #C66F1D !important;
	color: #C66F1D !important;
}

.nh-callback-drawer__title,
.nh-brochure-drawer__title,
.nh-appointment-drawer__title {
	color: #986029 !important;
}

.nh-callback-drawer__close,
.nh-brochure-drawer__close,
.nh-appointment-drawer__close {
	color: #986029 !important;
}

/* Plan de masse modal - image popup (portrait optimisé) */
.lp-plan-masse-modal {
	aspect-ratio: auto;
	width: 90%;
	max-width: 600px;
	min-height: 92vh;
	max-height: 92vh;
}
.lp-plan-masse-zoom-actions {
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 24px;
}
.lp-plan-masse-zoom-btn {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #fff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.2s ease;
}
.lp-plan-masse-zoom-btn:hover {
	background: rgba(255, 255, 255, 0.2);
}
.lp-plan-masse-zoom-value {
	color: #fff;
	font-size: 13px;
	min-width: 42px;
	text-align: center;
}
.lp-plan-masse-wrap {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 60px 20px 20px;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}
.lp-plan-masse-wrap:active {
	cursor: grabbing;
}
.lp-plan-masse-img-wrap {
	transform-origin: center center;
	will-change: transform;
}
.lp-plan-masse-img {
	max-width: 100%;
	max-height: calc(92vh - 100px);
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	border-radius: 4px;
	pointer-events: none;
}