/* ========================================
	   LOTUS CARS - BRITISH LUXURY STYLE
	   ======================================== */
	
	/* === VARIABILI COLORE LOTUS === */
	:root {
		--lotus-black: #000000;
		--lotus-yellow: #FFF200;
		--lotus-white: #FFFFFF;
		--lotus-gray: #F5F5F5;
		--lotus-dark-gray: #1A1A1A;
		--lotus-text-dark: #2C2C2C;
		--lotus-text-light: rgba(255, 255, 255, 0.9);
	}
	
	
	/* ========================================
	   HERO CAROUSEL LOTUS
	   ======================================== */
	
	.lotus-hero-carousel {
		position: relative;
		height: 100vh;
		min-height: 700px;
		overflow: hidden;
	}
	
	.lotus-hero-slide {
		position: relative;
		height: 100vh;
		min-height: 700px;
		display: flex;
		align-items: center;
	}
	
	.lotus-hero-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		transform: scale(1);
		transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	
	.lotus-hero-slide.active .lotus-hero-bg {
		transform: scale(1.05);
	}
	
	.lotus-hero-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
		z-index: 1;
	}
	
	.lotus-hero-content {
		position: relative;
		z-index: 3;
	}
	
	.lotus-model-name {
		font-size: 5.5rem;
		font-weight: 800;
		letter-spacing: 0.05em;
		color: var(--lotus-white);
		margin-bottom: 1rem;
		text-transform: uppercase;
		line-height: 1;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	}
	
	.lotus-hero-subtitle {
		font-size: 1.5rem;
		font-weight: 300;
		color: var(--lotus-text-light);
		letter-spacing: 0.1em;
		margin-bottom: 2.5rem;
		text-transform: uppercase;
	}
	
	.lotus-hero-subtitle.lotus-yellow {
		color: var(--lotus-yellow);
		font-weight: 600;
	}
	
	.lotus-price-tag {
		display: inline-block;
		background: rgba(0, 0, 0, 0.6);
		backdrop-filter: blur(10px);
		padding: 1.5rem 3rem;
		border-radius: 2px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		margin-bottom: 3rem;
	}
	
	.lotus-price-label {
		display: block;
		font-size: 0.875rem;
		color: rgba(255, 255, 255, 0.7);
		letter-spacing: 0.15em;
		text-transform: uppercase;
		margin-bottom: 0.5rem;
	}
	
	.lotus-price-value {
		display: block;
		font-size: 3rem;
		font-weight: 800;
		color: var(--lotus-yellow);
		line-height: 1;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	}
	
	.lotus-price-period {
		font-size: 1.5rem;
		font-weight: 400;
		color: var(--lotus-white);
	}
	
	.lotus-hero-cta {
		display: flex;
		gap: 1.5rem;
		justify-content: center;
		align-items: center;
	}
	
	
	/* ========================================
	   BOTTONI LOTUS
	   ======================================== */
	
	.btn-lotus {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 1rem 2.5rem;
		font-size: 0.875rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-decoration: none;
		border: none;
		border-radius: 0;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		overflow: hidden;
	}
	
	.btn-lotus span {
		position: relative;
		z-index: 2;
	}
	
	.btn-lotus::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.1);
		transition: left 0.4s ease;
		z-index: 1;
	}
	
	.btn-lotus:hover::before {
		left: 100%;
	}
	
	.btn-lotus-primary {
		background: var(--lotus-yellow);
		color: var(--lotus-black);
		border: 2px solid var(--lotus-yellow);
	}
	
	.btn-lotus-primary:hover {
		background: var(--lotus-black);
		color: var(--lotus-yellow);
		border-color: var(--lotus-yellow);
		transform: translateY(-2px);
		box-shadow: 0 10px 30px rgba(255, 242, 0, 0.3);
	}
	
	.btn-lotus-outline {
		background: transparent;
		color: var(--lotus-white);
		border: 2px solid var(--lotus-white);
	}
	
	.btn-lotus-outline:hover {
		background: var(--lotus-white);
		color: var(--lotus-black);
		transform: translateY(-2px);
	}
	
	.btn-lotus-dark {
		background: var(--lotus-black);
		color: var(--lotus-white);
		border: 2px solid var(--lotus-black);
	}
	
	.btn-lotus-dark:hover {
		background: var(--lotus-yellow);
		color: var(--lotus-black);
		border-color: var(--lotus-yellow);
		transform: translateY(-2px);
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	}
	
	.btn-lotus-cta {
		background: var(--lotus-yellow);
		color: var(--lotus-black);
		border: 2px solid var(--lotus-yellow);
		padding: 1.25rem 3rem;
		font-size: 1rem;
	}
	
	.btn-lotus-cta:hover {
		background: var(--lotus-black);
		color: var(--lotus-yellow);
		border-color: var(--lotus-yellow);
		transform: translateY(-3px);
		box-shadow: 0 15px 40px rgba(255, 242, 0, 0.4);
	}
	
	.btn-lotus-yellow {
		background: var(--lotus-yellow);
		color: var(--lotus-black);
		border: 2px solid var(--lotus-yellow);
		padding: 1.25rem 3rem;
		font-size: 1rem;
	}
	
	.btn-lotus-yellow:hover {
		background: var(--lotus-white);
		color: var(--lotus-black);
		border-color: var(--lotus-white);
		transform: translateY(-3px);
	}
	
	
	/* ========================================
	   CUSTOM DOTS CAROUSEL
	   ======================================== */
	
	.lotus-custom-dots {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 1rem;
		z-index: 10;
	}
	
	.lotus-custom-dots .owl-dot {
		width: 12px;
		height: 12px;
		background: rgba(255, 255, 255, 0.3);
		border: 2px solid rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		padding: 0;
		transition: all 0.3s ease;
		cursor: pointer;
	}
	
	.lotus-custom-dots .owl-dot:hover {
		background: rgba(255, 242, 0, 0.5);
		border-color: var(--lotus-yellow);
		transform: scale(1.2);
	}
	
	.lotus-custom-dots .owl-dot.active {
		background: var(--lotus-yellow);
		border-color: var(--lotus-yellow);
		width: 40px;
		border-radius: 6px;
	}
	
	.lotus-custom-dots .owl-dot span {
		display: none;
	}
	
	
	/* ========================================
	   INTRO BANNER
	   ======================================== */
	
	.lotus-intro-banner {
		background: var(--lotus-black);
		padding: 4rem 0;
		border-top: 1px solid rgba(255, 242, 0, 0.2);
	}
	
	.lotus-intro-content {
		color: var(--lotus-white);
	}
	
	.lotus-logo-intro {
		max-width: 180px;
		height: auto;
/* 		filter: brightness(0) invert(1); */
	}
	
	.lotus-intro-title {
		font-size: 2rem;
		font-weight: 700;
		color: var(--lotus-white);
		margin-bottom: 1rem;
		line-height: 1.3;
	}
	
	.lotus-intro-text {
		font-size: 1.125rem;
		color: rgba(255, 255, 255, 0.7);
		line-height: 1.6;
		margin-bottom: 0;
	}
	
	
	/* ========================================
	   OFFERTE SECTION
	   ======================================== */
	
	.lotus-offers-section {
		background: var(--lotus-white);
		padding: 6rem 0;
	}
	
	.lotus-offer-row {
		margin-bottom: 4rem;
	}
	
	.lotus-offer-row:last-child {
		margin-bottom: 0;
	}
	
	.lotus-offer-image-col {
		display: flex;
		align-items: center;
	}
	
	.lotus-offer-image {
		position: relative;
		border-radius: 0;
		overflow: hidden;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
	}
	
	.lotus-offer-image img {
		width: 100%;
		height: auto;
		display: block;
		transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	}
	
	.lotus-offer-image:hover img {
		transform: scale(1.05);
	}
	
	.lotus-offer-badge {
		position: absolute;
		top: 2rem;
		right: 2rem;
		background: var(--lotus-yellow);
		color: var(--lotus-black);
		padding: 1.5rem 2rem;
		text-align: center;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	}
	
	.lotus-badge-price {
		display: block;
		font-size: 1.75rem;
		font-weight: 800;
		line-height: 1;
		margin-bottom: 0.25rem;
	}
	
	.lotus-badge-type {
		display: block;
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		opacity: 0.8;
	}
	
	.lotus-offer-content-col {
		display: flex;
		align-items: center;
	}
	
	.lotus-offer-content {
		padding: 0 2rem;
		background: var(--lotus-white);
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
		border-radius: 2px;
		padding: 3rem 2rem;
	}
	
	.lotus-offer-label {
		display: inline-block;
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: var(--lotus-yellow);
		background: rgba(0, 0, 0, 0.85); /* Era 0.1, ora molto più scuro */
		padding: 0.5rem 1rem;
		margin-bottom: 1rem;
		border-left: 3px solid var(--lotus-yellow);
	}
	
	.lotus-offer-title {
		font-size: 3rem;
		font-weight: 800;
		color: var(--lotus-black);
		margin-bottom: 2rem;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		line-height: 1.1;
	}
	
	.lotus-offer-details {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
		margin-bottom: 2rem;
		padding: 2rem;
		background: var(--lotus-gray);
		border-left: 3px solid var(--lotus-black);
	}
	
	.lotus-detail-item {
		display: flex;
		flex-direction: column;
	}
	
	.lotus-detail-label {
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.5);
		margin-bottom: 0.5rem;
	}
	
	.lotus-detail-value {
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--lotus-black);
	}
	
	.lotus-offer-validity {
		font-size: 0.875rem;
		color: rgba(0, 0, 0, 0.6);
		margin-bottom: 1.5rem;
	}
	
	.lotus-offer-validity i {
		color: var(--lotus-yellow);
	}
	
	
	/* ========================================
	   ACCORDION LOTUS
	   ======================================== */
	
	.lotus-accordion .accordion-item {
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 0;
		margin-bottom: 1.5rem;
	}
	
	.lotus-accordion .accordion-button {
		background: var(--lotus-gray);
		color: var(--lotus-black);
		font-size: 0.875rem;
		font-weight: 600;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 1.25rem 1.5rem;
		border: none;
		border-radius: 0;
	}
	
	.lotus-accordion .accordion-button:not(.collapsed) {
		background: var(--lotus-black);
		color: var(--lotus-white);
		box-shadow: none;
	}
	
	.lotus-accordion .accordion-button::after {
		filter: brightness(0);
	}
	
	.lotus-accordion .accordion-button:not(.collapsed)::after {
		filter: brightness(0) invert(1);
	}
	
	.lotus-accordion .accordion-body {
		padding: 1.5rem;
		background: var(--lotus-white);
		font-size: 0.8125rem;
		line-height: 1.8;
		color: rgba(0, 0, 0, 0.7);
	}
	
	.lotus-offer-cta {
		margin-top: 2rem;
	}
	
	
	/* ========================================
	   DIVIDER
	   ======================================== */
	
	.lotus-divider {
		height: 1px;
		background: linear-gradient(to right, transparent, rgba(0,0,0,0.1) 50%, transparent);
		margin: 6rem 0;
	}
	
	
	/* ========================================
	   PARALLAX CTA SECTION
	   ======================================== */
	
	.lotus-parallax-cta {
		position: relative;
		min-height: 600px;
		display: flex;
		align-items: center;
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	}
	
	.lotus-parallax-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 100%);
		z-index: 1;
	}
	
	.lotus-parallax-cta .container {
		position: relative;
		z-index: 3;
		padding: 6rem 0;
	}
	
	.lotus-parallax-title {
		font-size: 3.5rem;
		font-weight: 800;
		color: var(--lotus-white);
		letter-spacing: 0.02em;
		text-transform: uppercase;
		line-height: 1.2;
	}
	
	.lotus-parallax-text {
		font-size: 1.25rem;
		color: rgba(255, 255, 255, 0.8);
		font-weight: 300;
		line-height: 1.6;
	}
	
	
	/* ========================================
	   CATALOGO SECTION
	   ======================================== */
	
	.lotus-catalog-section {
		background: var(--lotus-gray);
		padding: 6rem 0;
	}
	
	.lotus-section-title {
		font-size: 3rem;
		font-weight: 800;
		color: var(--lotus-black);
		letter-spacing: 0.02em;
		text-transform: uppercase;
		margin-bottom: 1rem;
	}
	
	.lotus-section-subtitle {
		font-size: 1.125rem;
		color: rgba(0, 0, 0, 0.6);
		font-weight: 400;
	}
	
	.lotus-car-item {
		padding: 1.5rem 0;
	}
	
	.lotus-cars-carousel .owl-nav button {
		background: var(--lotus-black) !important;
		color: var(--lotus-yellow) !important;
		border: 2px solid var(--lotus-black) !important;
	}
	
	.lotus-cars-carousel .owl-nav button:hover {
		background: var(--lotus-yellow) !important;
		color: var(--lotus-black) !important;
		border-color: var(--lotus-yellow) !important;
	}
	
	
	/* ========================================
	   RESPONSIVE
	   ======================================== */
	
	@media (max-width: 1199px) {
		.lotus-model-name {
			font-size: 4rem;
		}
		
		.lotus-offer-title {
			font-size: 2.5rem;
		}
		
		.lotus-parallax-title {
			font-size: 2.75rem;
		}
	}
	
	@media (max-width: 991px) {
		.lotus-hero-carousel {
			height: 80vh;
			min-height: 600px;
		}
		
		.lotus-hero-slide {
			height: 80vh;
			min-height: 600px;
		}
		
		.lotus-model-name {
			font-size: 3rem;
		}
		
		.lotus-hero-subtitle {
			font-size: 1.125rem;
		}
		
		.lotus-price-value {
			font-size: 2.5rem;
		}
		
		.lotus-hero-cta {
			flex-direction: column;
			gap: 1rem;
		}
		
		.btn-lotus {
			width: 100%;
			max-width: 320px;
		}
		
		.lotus-intro-title {
			font-size: 1.5rem;
		}
		
		.lotus-offer-content {
			padding: 3rem 0 0 0;
		}
		
		.lotus-offer-title {
			font-size: 2rem;
		}
		
		.lotus-offer-details {
			grid-template-columns: 1fr;
			gap: 1rem;
			padding: 1.5rem;
		}
		
		.lotus-parallax-title {
			font-size: 2rem;
		}
		
		.lotus-section-title {
			font-size: 2rem;
		}
	}
	
	@media (max-width: 767px) {
		.lotus-hero-carousel {
			height: 100vh;
			min-height: auto;
		}
		
		.lotus-hero-slide {
			height: 100vh;
			min-height: auto;
		}
		
		.lotus-model-name {
			font-size: 2.5rem;
		}
		
		.lotus-price-tag {
			padding: 1rem 2rem;
		}
		
		.lotus-price-value {
			font-size: 2rem;
		}
		
		.lotus-custom-dots {
			bottom: 2rem;
		}
		
		.lotus-intro-banner {
			padding: 3rem 0;
		}
		
		.lotus-logo-intro {
			max-width: 140px;
			margin-bottom: 1.5rem !important;
		}
		
		.lotus-intro-title {
			font-size: 1.25rem;
		}
		
		.lotus-intro-text {
			font-size: 1rem;
		}
		
		.btn-lotus-cta {
			width: 100%;
			margin-top: 2rem;
		}
		
		.lotus-offers-section {
			padding: 4rem 0;
		}
		
		.lotus-offer-badge {
			top: 1rem;
			right: 1rem;
			padding: 1rem 1.5rem;
		}
		
		.lotus-badge-price {
			font-size: 1.5rem;
		}
		
		.lotus-divider {
			margin: 4rem 0;
		}
		
		.lotus-parallax-cta {
			min-height: 400px;
			background-attachment: scroll;
		}
		
		.lotus-parallax-title {
			font-size: 1.75rem;
		}
		
		.lotus-parallax-text {
			font-size: 1rem;
		}
		
		.lotus-catalog-section {
			padding: 4rem 0;
		}
	}
	
	@media (max-width: 575px) {
		.lotus-model-name {
			font-size: 2rem;
		}
		
		.lotus-hero-subtitle {
			font-size: 0.875rem;
		}
		
		.lotus-offer-title {
			font-size: 1.75rem;
		}
		
		.lotus-detail-value {
			font-size: 1.25rem;
		}
	}