/* Lost Naturals — homepage hero SHOP NOW CTAs.
   Banner 2 keeps its existing Elementor button; shared hover/type live here. */

.ln-hero-carousel .ln-hero-slide {
	position: relative;
}

.ln-hero-carousel .ln-hero-shop-now,
.ln-hero-carousel .ln-hero-cta .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 8px 14px;
	min-height: 0;
	width: max-content;
	max-width: none;
	font-family: "ABCRepro-Regular", Kanit, sans-serif;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 8px;
	--ln-hero-cta-x: 0;
	transition: transform 0.12s ease;
	transition-delay: 0s;
	transform: translateX(var(--ln-hero-cta-x)) scale(1);
	transform-origin: center center;
}

.ln-hero-carousel .ln-hero-shop-now {
	position: absolute;
	z-index: 4;
	margin: 0;
	background: #ffffff;
	color: #7e4129;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	right: auto;
	height: auto;
}

.ln-hero-carousel .ln-hero-cta .elementor-button,
.ln-hero-carousel .ln-hero-cta .elementor-button-text {
	font-weight: 800;
	text-transform: uppercase;
}

.ln-hero-carousel .ln-hero-shop-now:hover,
.ln-hero-carousel .ln-hero-shop-now:focus,
.ln-hero-carousel .ln-hero-shop-now:focus-visible,
.ln-hero-carousel .ln-hero-cta .elementor-button:hover,
.ln-hero-carousel .ln-hero-cta .elementor-button:focus,
.ln-hero-carousel .ln-hero-cta .elementor-button:focus-visible {
	transform: translateX(var(--ln-hero-cta-x)) scale(1.06);
	transition-delay: 0s;
	text-decoration: none;
	outline: none;
}

.ln-hero-carousel .ln-hero-shop-now:hover,
.ln-hero-carousel .ln-hero-shop-now:focus,
.ln-hero-carousel .ln-hero-shop-now:focus-visible {
	color: #4d2c22;
	background: #ffffff;
}

/* Banner 1 — THE LOST COLLECTION: left edge of button = left edge of heading */
.ln-hero-carousel .ln-hero-slide[data-hero-slide="lost"] .ln-hero-shop-now {
	left: 7.2%;
	top: 85%;
	right: auto;
	bottom: auto;
	--ln-hero-cta-x: 0;
}

/* Banner 3 — MENS PARFUM: centered under the heading block */
.ln-hero-carousel .ln-hero-slide[data-hero-slide="mens"] .ln-hero-shop-now {
	left: 29.9%;
	top: 81%;
	right: auto;
	bottom: auto;
	--ln-hero-cta-x: -50%;
}

/* Banner 4 — THE OMBRE */
.ln-hero-carousel .ln-hero-slide[data-hero-slide="ombre"] .ln-hero-shop-now {
	left: 7%;
	top: 76%;
	right: auto;
	bottom: auto;
}

@media (max-width: 767px) {
	.ln-hero-carousel .ln-hero-shop-now,
	.ln-hero-carousel .ln-hero-cta .elementor-button {
		padding: 6px 12px;
		font-size: 14px;
	}

	/* Banner 1: left-aligned with The LOST / Collection */
	.ln-hero-carousel .ln-hero-slide[data-hero-slide="lost"] .ln-hero-shop-now {
		left: 4%;
		top: auto;
		right: auto;
		bottom: 5.5%;
		--ln-hero-cta-x: 0;
	}

	/* Banner 3: left-aligned with MENS PARFUMS */
	.ln-hero-carousel .ln-hero-slide[data-hero-slide="mens"] .ln-hero-shop-now {
		left: 7.6%;
		top: 54%;
		right: auto;
		bottom: auto;
		--ln-hero-cta-x: 0;
	}

	.ln-hero-carousel .ln-hero-slide[data-hero-slide="ombre"] .ln-hero-shop-now {
		left: 8%;
		top: 48%;
		right: auto;
		bottom: auto;
	}
}