/* ============================================================
   DECLERC MOBILITÉ × MARCHÉ 1900
   Page /marche-1900 — récupération du bracelet
   ------------------------------------------------------------
   Mobile first : le socle est mobile, toutes les media queries
   sont en min-width. À charger en dernier (après responsive.css)
   pour gagner la cascade sans !important.

   Tout est namespacé sous .m1900 / .m19- : aucun impact sur les
   autres pages du template.

   Le langage graphique est celui du gabarit action-opel :
   biseau skewX(-10deg) + rayon 0 22px 22px 0 sur les boutons,
   0 80px 80px 0 sur les panneaux, macaron jaune, bande logos
   noire (.encart-logo), champs à bordure biseautée 5deg.
   ============================================================ */

.m1900 {
	/* Palette — celle du gabarit, pas une nouvelle ------------ */
	--m19-teal: #4cbdc5;
	--m19-teal-dark: #359da4;
	--m19-yellow: #ffe600;
	--m19-black: #000000;
	--m19-grey-bg: #f6f7f8;
	--m19-ink: #23343a;
	--m19-grey: #5c6b6e;
	--m19-red: #e8311e;

	/* Rythme ------------------------------------------------- */
	--m19-radius-btn: 0 22px 22px 0;
	--m19-radius-panel: 0 40px 40px 0;
	--m19-shadow-card: 0 2px 15px 0 rgba(0, 0, 0, 0.07);

	font: 400 14px/24px 'Agrandir wide', sans-serif;
	color: var(--m19-black);
	letter-spacing: 1px;
}

/* ------------------------------------------------------------
   RESET DE CONTEXTE
   Le gabarit insère un slider + un breadcrumb avant #content :
   sur cette page on les retire (:has = pas de body ID côté CMS).
------------------------------------------------------------ */
body:has(.m1900) #slider-top,
body:has(.m1900) #breadcrumbs {
	display: none;
}

body:has(.m1900) main#content .global-container {
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

body:has(.m1900) main#content p {
	margin: 0 auto;
}

/* Le titre de page du CMS est remplacé par le H1 du hero.
   :not(.m19-title) est indispensable — sans lui cette règle
   masquerait aussi le titre du hero, qui vit dans #content. */
body:has(.m1900) main#content h1:not(.m19-title) {
	display: none;
}

/* Le fond « cheat.png » tramé salit les aplats de la page. */
body:has(.m1900),
body:has(.m1900) .page {
	background-image: none;
}

.m1900 * {
	/* front_end.css met une transition 0.2s sur * : les reveals
	   « rament ». On neutralise dans le namespace. */
	transition-duration: 0s;
}

.m1900 section.m19 {
	position: relative;
	padding: 56px 18px;
	overflow: hidden;
}

.m1900 .m19-inner {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

/* ------------------------------------------------------------
   TYPOGRAPHIE
------------------------------------------------------------ */
.m1900 .m19-eyebrow {
	display: block;
	font: 700 20px/28px 'Agrandir wide', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	color: var(--m19-teal);
	margin: 0 0 14px;
}

.m1900 h2 {
	font: 700 24px/28px 'Agrandir wide', sans-serif;
	margin: 0 0 26px;
}

/* Premier mot en couleur — reprise du .first-word du gabarit. */
.m1900 h2 .m19-first {
	/* color: var(--m19-teal); */
	/* font-weight: 900; */
}

.m1900 h3 {
	font: 700 19px/26px 'Agrandir wide', sans-serif;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.m1900 p {
	font: 300 15px/24px 'Agrandir wide', sans-serif;
	margin: 0;
}

.m1900 .m19-lead {
	font: 300 16px/26px 'Agrandir wide', sans-serif;
	color: var(--m19-ink);
}

.m1900 .m19-fine {
	font: 300 italic 13px/20px 'Agrandir wide', sans-serif;
	color: var(--m19-grey);
}

/* ------------------------------------------------------------
   BOUTONS — forme du gabarit (.btn)
------------------------------------------------------------ */
.m1900 .m19-cta {
	display: inline-block;
	padding: 13px 26px;
	font: 700 16px/26px 'Agrandir wide', sans-serif;
	text-decoration: none !important;
	color: var(--m19-black);
	background: var(--m19-yellow);
	border: 2px solid var(--m19-yellow);
	border-radius: var(--m19-radius-btn);
	transform: skewX(-10deg);
}

.m1900 .m19-cta>span {
	display: inline-block;
	transform: skewX(10deg);
}

.m1900 .m19-cta:hover {
	background: #fff;
}

/* Variante teal — actions secondaires (itinéraire, header). */
.m1900 .m19-cta--ghost {
	color: var(--m19-black);
	background: var(--m19-yellow);
	border-color: var(--m19-yellow);
}

.m1900 .m19-cta--ghost:hover {
	background: var(--m19-teal);
	border-color: var(--m19-teal);
}

/* Macaron jaune biseauté — reprise de .ban-macaron. */
.m1900 .m19-macaron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 12px 22px;
	background: var(--m19-yellow);
	color: var(--m19-black);
	border-radius: 3px;
	transform: skewX(-10deg);
	z-index: 2;
}

.m1900 .m19-macaron>span {
	display: block;
	transform: skewX(10deg);
	color: var(--m19-black);
}

.m1900 .m19-macaron-label {
	display: block;
	font: 700 12px/18px 'Agrandir wide', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.m1900 .m19-macaron-figure {
	display: block;
	font: 900 30px/32px 'Agrandir wide', sans-serif;
}

/* ------------------------------------------------------------
   BLOC 1 — HERO
   Une seule image, panneau noir biseauté par-dessus.
------------------------------------------------------------ */
.m1900 .m19-hero {
	padding: 0 0 40px;
	overflow: visible;
	padding: 0 !important;
}

.m1900 .m19-hero-media {
	position: relative;
	overflow: hidden;
	border-radius: 0 0 40px 0;
}

.m1900 .m19-hero-bg {
	position: relative;
	min-height: 520px;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.m1900 .m19-hero-veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.2) 100%);
}

.m1900 .m19-hero-inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	min-height: 520px;
	padding: 36px 64px;
}

/* Panneau translucide biseauté — reprise du .slider-text. */
.m1900 .m19-panel {
	width: 94%;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 0 40px 40px 0;
	transform: skewX(-10deg);
	box-shadow: 0 0 100px 20px rgba(255, 230, 0, 0.16);
}

.m1900 .m19-panel-in {
	transform: skewX(10deg);
	padding: 28px 30px;
	color: #fff;
}

.m1900 .m19-title {
	font: 900 28px/30px 'Agrandir wide', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 8px;
	color: #fff;
}

.m1900 .m19-title-sub {
	display: block;
	font: 400 italic 20px/24px 'Agrandir wide', sans-serif;
	color: var(--m19-yellow);
	margin: 20px 0 20px;
}

.m1900 .m19-hero-sub {
	font: 300 16px/25px 'Agrandir wide', sans-serif;
	color: #fff;
	margin: 0 0 0px !important;
	max-width: 480px;
}

.m1900 .m19-price {
	font-weight: 900;
	color: var(--m19-yellow);
}

.m1900 .m19-cta-note {
	font: 300 italic 16px/20px 'Agrandir wide', sans-serif;
	color: rgba(255, 255, 255, 100);
	margin: 14px 0 0;
}

.m1900 .m19-cta-note span {
	font-weight: 700;
}

/* Macaron du hero : sous le panneau sur mobile, à droite en
   desktop (voir media query). */
.m1900 .m19-hero-macaron {
	margin: 18px 0 0 18px;
}

.m1900 .m19-hero-fine {
	max-width: 1170px;
	margin: 22px auto 0;
	padding: 0 18px;
	font: 300 14px/22px 'Agrandir wide', sans-serif;
	color: var(--m19-grey);
}

/* ------------------------------------------------------------
   BLOC 2 — LA MÉCANIQUE
------------------------------------------------------------ */
.m1900 .m19-steps {
	background: var(--m19-grey-bg);
}

.m1900 .m19-steps-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 20px;
}

.m1900 .m19-step {
	background: #fff;
	box-shadow: var(--m19-shadow-card);
	border-radius: 6px 6px 6px 40px;
	padding: 26px 22px;
}

.m1900 .m19-step-num {
	display: inline-block;
	font: 900 15px/20px 'Agrandir wide', sans-serif;
	letter-spacing: 2px;
	color: var(--m19-black);
	background: var(--m19-yellow);
	padding: 4px 12px;
	border-radius: 0 12px 12px 0;
	transform: skewX(-10deg);
	margin: 0 0 24px;
}

.m1900 .m19-step-num>span {
	display: inline-block;
	transform: skewX(10deg);
}

.m1900 .m19-step-date {
	display: inline-block;
	margin: 14px 0 0;
	padding-bottom: 2px;
	font: 700 12px/18px 'Agrandir wide', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	border-bottom: 2px solid var(--m19-teal);
}

/* ------------------------------------------------------------
   BLOC 3 — PORTÉE DES 250 €
------------------------------------------------------------ */
.m1900 .m19-scope {
	background: #fff;
	padding-bottom: 0 !important;
}

.m1900 .m19-scope-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 20px;
}

.m1900 .m19-card {
	background: var(--m19-grey-bg);
	border-radius: 6px 40px 40px 6px;
	padding: 28px 24px;
}

.m1900 .m19-card--teal {
	background: var(--m19-teal);
}

.m1900 .m19-card--teal p {
	color: #04252a;
}

.m1900 .m19-scope .m19-fine {
	display: block;
	margin: 22px 0 40px;
}

/* Bande logos noire — reprise de .encart-logo. */
.m1900 .m19-brands {
	background: var(--m19-black);
	padding: 22px 18px;
	margin: 0 -18px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
}

.m1900 .m19-brands img {
	height: 34px;
	width: auto;
	filter: invert(1);
}

.m1900 .m19-brands .m19-brand-wide {
	height: 48px;
}

/* ------------------------------------------------------------
   BLOC 4 — OBJECTION
------------------------------------------------------------ */
.m1900 .m19-objection {
	background: #fff;
}

.m1900 .m19-objection-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 28px;
	align-items: center;
}

.m1900 .m19-objection-media {
	position: relative;
	overflow: hidden;
	border-radius: 6px 6px 60px 6px;
	height: 100%;
}

.m1900 .m19-objection-media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
}

.m1900 .m19-objection-media .m19-macaron {
	position: absolute;
	bottom: 20px;
	left: 16px;
	font: 700 15px/22px 'Agrandir wide', sans-serif;
}

.m1900 .m19-objection-quote {
	font: 400 italic 20px/26px 'Agrandir wide', sans-serif;
	color: var(--m19-teal);
	margin: 0 0 18px;
}

.m1900 .m19-objection-body .m19-lead {
	margin: 0 0 24px;
}

/* Panneau noir biseauté (la phrase de conclusion). */
.m1900 .m19-punch {
	display: block;
	max-width: 520px;
	background: var(--m19-black);
	border-radius: var(--m19-radius-panel);
	transform: skewX(-10deg);
	padding: 18px 26px;
	margin-top: 36px;
}

.m1900 .m19-punch>span {
	display: block;
	transform: skewX(10deg);
	font: 900 16px/24px 'Agrandir wide', sans-serif;
	color: #fff;
}

.m1900 .m19-punch em {
	font-style: normal;
	color: var(--m19-yellow);
}

/* ------------------------------------------------------------
   BLOC 5 — FORMULAIRE
   Cible de tous les CTA de la page.
------------------------------------------------------------ */
.m1900 .m19-form {
	background: var(--m19-black);
}

.m1900 .m19-form .m19-inner {
	max-width: 900px;
	text-align: center;
}

.m1900 .m19-form h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 10px;
}

.m1900 .m19-form h2 .m19-first {
	color: var(--m19-yellow);
}

.m1900 .m19-form-head p {
	color: rgba(255, 255, 255, 100);
	max-width: 460px;
	margin: 0 auto 30px;
}

.m1900 .m19-form-card {
	background: #fff;
	border-radius: 6px 6px 60px 6px;
	box-shadow: var(--m19-shadow-card);
	padding: 28px 22px;
	text-align: left;
	margin-top: 64px;
}

/* Le module CMS sort un <form> centré à 480px : sur cette page
   il occupe toute la carte, en deux colonnes dès 768px. */
.m1900 .m19-form-card form {
	max-width: none;
	margin: 0;
}

.m1900 .m19-form-card form>table,
.m1900 .m19-form-card form>table>tbody,
.m1900 .m19-form-card form>table>tbody>tr {
	display: block;
	width: 100%;
}

.m1900 .m19-form-card form .type_textarea textarea {
	width: 100%;
}

.m1900 .m19-form-card .type_submit {
	text-align: center;
}

.m1900 .m19-form-note {
	display: block;
	margin: 24px 0 0;
	font: 300 italic 16px/20px 'Agrandir wide', sans-serif;
	color: white;
	text-align: center;
}

/* ------------------------------------------------------------
   BLOC 6 — CONCESSION
------------------------------------------------------------ */
.m1900 .m19-dealer {
	background: #359da4;
}

.m1900 .m19-dealer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 28px;
	align-items: center;
}

.m1900 .m19-dealer-card h2 {
	color: white;
}

.m1900 .m19-dealer-actions .m19-cta {
	margin-top: 0px;
}

.m1900 .m19-dealer-list {
	list-style: none;
	padding: 0;
	margin: 0 0 26px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.m1900 .m19-dealer-list li {
	position: relative;
	padding: 0 0 0 26px;
	font: 300 15px/24px 'Agrandir wide', sans-serif;
	color: white;
}

.m1900 .m19-dealer-list li a {
	color: white;
}

.m1900 .m19-dealer-list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 16px;
	height: 2px;
	background: var(--m19-teal);
}

.m1900 .m19-dealer-list a {
	font-weight: 700;
	text-decoration: none;
}

/* La carte du module hérite du rayon 20px du gabarit ; on ne
   fixe ici que sa hauteur sur cette page. */
.m1900 .m19-map {
	background: white;
	padding: 16px;
	border-radius: 6px 6px 60px 6px;

	.module_openstreetmap {
		border-radius: 6px 6px 60px 6px;
		width: 100% !important;
	}
}

/* ------------------------------------------------------------
   BLOC 7 — CONDITIONS
------------------------------------------------------------ */
.m1900 .m19-terms {
	background: var(--m19-grey-bg);
	padding-bottom: 88px;
}

.m1900 .m19-terms-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: 18px;
}

.m1900 .m19-terms-list li {
	font: 300 14px/22px 'Agrandir wide', sans-serif;
	color: var(--m19-ink);
	padding-top: 16px;
	border-top: 2px solid var(--m19-teal);
	padding: 24px;
	background: white;
	border-radius: 6px 20px 20px 6px;
}

/* ------------------------------------------------------------
   BARRE CTA COLLANTE — mobile uniquement
   Affichée par reveal.js dès que le hero sort de l'écran,
   masquée quand le formulaire est visible.
------------------------------------------------------------ */
.m1900 .m19-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	padding: 12px 16px;
	background: rgba(0, 0, 0, 0.94);
	transform: translateY(110%);
	transition: transform 0.25s ease-in-out;
	text-align: left;
}

.m1900 .m19-sticky.is-visible {
	transform: translateY(0);
}

.m1900 .m19-sticky a {
	display: inline-block;
	width: 100%;
	max-width: 420px;
	padding: 12px 20px;
	font: 700 16px/24px 'Agrandir wide', sans-serif;
	text-align: center;
	text-decoration: none !important;
	color: var(--m19-black);
	background: var(--m19-yellow);
	border-radius: var(--m19-radius-btn);
	transform: skewX(-10deg);
}

.m1900 .m19-sticky a>span {
	display: inline-block;
	transform: skewX(10deg);
}

/* ------------------------------------------------------------
   REVEALS AU SCROLL
   Masqués seulement si le JS a posé .js-m19 : sans JS, tout est
   visible. --m19-d est écrit par reveal.js pour le stagger.
------------------------------------------------------------ */
.js-m19 .m1900 .m19-rv {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	transition-delay: var(--m19-d, 0ms);
	will-change: opacity, transform;
}

.js-m19 .m1900 .m19-rv.m19-rv--right {
	transform: translateX(28px);
}

.js-m19 .m1900 .m19-rv.m19-rv--left {
	transform: translateX(-28px);
}

/* Éléments biseautés : on n'anime que l'opacité, sinon le
   translate écrase le skewX du panneau. */
.js-m19 .m1900 .m19-rv.m19-rv--fade {
	transform: none;
}

.js-m19 .m1900 .m19-rv.is-in {
	opacity: 1;
	transform: none;
}

.js-m19 .m1900 .m19-panel.m19-rv--fade,
.js-m19 .m1900 .m19-punch.m19-rv--fade,
.js-m19 .m1900 .m19-macaron.m19-rv--fade,
.js-m19 .m1900 .m19-panel.m19-rv--fade.is-in,
.js-m19 .m1900 .m19-punch.m19-rv--fade.is-in,
.js-m19 .m1900 .m19-macaron.m19-rv--fade.is-in {
	transform: skewX(-10deg);
}

@media (prefers-reduced-motion: reduce) {
	.js-m19 .m1900 .m19-rv {
		opacity: 1;
		transition: none;
	}
}

/* ============================================================
   ≥ 768px — TABLETTE
============================================================ */
@media (min-width: 768px) {
	.m1900 section.m19 {
		padding: 80px 30px;
	}

	.m1900 h2 {
		font-size: 28px !important;
		line-height: 32px;
		margin-bottom: 36px;
	}

	.m1900 .m19-hero {
		padding: 0 0 56px;
	}

	.m1900 .m19-hero-media {
		border-radius: 0 0 70px 0;
	}

	.m1900 .m19-hero-bg,
	.m1900 .m19-hero-inner {
		min-height: 600px;
	}

	.m1900 .m19-panel {
		width: min(660px, 88%);
		margin-left: 24px;
		border-radius: 0 70px 70px 0;
	}

	.m1900 .m19-panel-in {
		padding: 38px 60px;
	}

	.m1900 .m19-title {
		font-size: 38px;
		line-height: 42px;
	}

	.m1900 .m19-title-sub {
		font-size: 24px;
		line-height: 28px;
	}

	.m1900 .m19-hero-sub {
		font-size: 18px;
		line-height: 28px;
	}

	.m1900 .m19-cta {
		font-size: 20px;
		padding: 14px 28px;
		margin: 24px 0;
	}

	/* Le macaron rejoint le bord droit de l'image. */
	.m1900 .m19-hero-macaron {
		position: absolute;
		top: 48px;
		right: 0;
		margin: 0;
		width: 230px;
		padding: 14px 24px;
	}

	.m1900 .m19-macaron-figure {
		font-size: 38px;
		line-height: 40px;
	}

	.m1900 .m19-hero-fine,
	.m1900 .m19-brands {
		padding-left: 30px;
		padding-right: 30px;
	}

	.m1900 .m19-brands {
		margin: 0 -30px;
		gap: 40px;
	}

	.m1900 .m19-brands img {
		height: 64px;
	}

	.m1900 .m19-step,
	.m1900 .m19-card {
		padding: 32px 30px;
	}

	.m1900 .m19-form-card {
		padding: 64px;
	}

	/* Formulaire en deux colonnes : le module sort un .type_*
	   par champ, on les fait flotter côte à côte. */
	.m1900 .m19-form-card form>table>tbody>tr,
	.m1900 .m19-form-card form>div.form-fields {
		display: flex;
		flex-wrap: wrap;
		gap: 0 26px;
	}

	.m1900 .m19-form-card form .type_prenom,
	.m1900 .m19-form-card form .type_nom,
	.m1900 .m19-form-card form .type_email,
	.m1900 .m19-form-card form .type_telephone,
	.m1900 .m19-form-card form .type_telephone_prefix,
	.m1900 .m19-form-card form .type_gsm {
		flex: 1 1 calc(50% - 13px);
		min-width: 220px;
	}

	.m1900 .m19-form-card form .type_textarea,
	.m1900 .m19-form-card form .type_data_information,
	.m1900 .m19-form-card form .type_checkbox,
	.m1900 .m19-form-card form .type_submit,
	.m1900 .m19-form-card form .required {
		flex: 1 1 100%;
	}

	.m1900 .m19-map .googlemap {
		height: 360px;
	}

	.m1900 .m19-terms {
		padding-bottom: 80px;
	}

	/* La barre collante n'existe qu'en mobile. */
	.m1900 .m19-sticky {
		display: none;
	}
}

/* ============================================================
   ≥ 992px — DESKTOP
============================================================ */
@media (min-width: 992px) {
	.m1900 section.m19 {
		padding: 100px 30px;
	}

	.m1900 h2 {
		font-size: 36px;
	}

	.m1900 .m19-hero-media {
		border-radius: 0 0 90px 0;
	}

	.m1900 .m19-hero-bg,
	.m1900 .m19-hero-inner {
		min-height: 660px;
	}

	.m1900 .m19-panel {
		width: min(680px, 60%);
		margin-left: 40px;
		border-radius: 0 80px 80px 0;
	}

	.m1900 .m19-panel-in {
		padding: 44px 74px;
	}

	.m1900 .m19-title {
		font-size: 44px;
		line-height: 48px;
	}

	.m1900 .m19-title-sub {
		font-size: 28px;
		line-height: 32px;
	}

	.m1900 .m19-hero-macaron {
		top: 64px;
		width: 260px;
		right: 64px;
	}

	.m1900 .m19-macaron-figure {
		font-size: 42px;
		line-height: 44px;
	}

	.m1900 .m19-step,
	.m1900 .m19-card {
		padding: 36px 40px;
	}

	.m1900 .m19-objection-grid,
	.m1900 .m19-dealer-grid {
		gap: 48px;
	}

	.m1900 .m19-punch>span {
		font-size: 16px;
		line-height: 24px;
	}

	.m1900 .m19-form h2 {
		font-size: 36px !important;
		line-height: 40px;
	}

	.m1900 .m19-map .googlemap {
		height: 400px;
	}
}

@media (max-width: 992px) {
	.m19-macaron {
		display: none !important;
	}
}

@media (max-width: 767px) {

	.m1900 .m19-hero-inner {
		padding: 0px;
	}

	.m1900 .m19-hero-inner {
		align-items: end;
	}

	.m1900 .m19-hero-bg {
		padding-top: 150px;
		background-size: inherit;
		background-repeat: no-repeat;
		background-position: left top;
	}

	.m1900 .m19-panel {
		transform: none !important;
		background: black;
		width: 100%;
		border-radius: 0;
	}

	.m1900 .m19-panel-in {
		transform: none !important;
	}

	.m1900 .m19-cta {
		margin: 24px 0;
	}
}