/* MeccaniGo – Banner Servizi */
.mg-banner-host {
	position: relative !important;
}

.mg-banner-frame {
	position: absolute;
	z-index: 5;
	overflow: hidden;
	pointer-events: none;
	line-height: normal;
}

.mg-banner {
	--mg-off: 12px;
	position: absolute;
	z-index: 5;
	box-sizing: border-box;
	display: inline-block;
	max-width: calc(100% - (var(--mg-off) * 2));
	line-height: 1.2;
	text-align: center;
	white-space: pre-line;
	letter-spacing: .03em;
	pointer-events: none;
	font-family: inherit;
}
.mg-banner.mg-shadow { box-shadow: 0 4px 14px rgba(0, 0, 0, .28); }
.mg-banner.mg-upper  { text-transform: uppercase; }

/* Posizioni */
.mg-pos-top-left      { top: var(--mg-off); left: var(--mg-off); }
.mg-pos-top-center    { top: var(--mg-off); left: 50%; transform: translateX(-50%); }
.mg-pos-top-right     { top: var(--mg-off); right: var(--mg-off); }
.mg-pos-center-left   { top: 50%; left: var(--mg-off); transform: translateY(-50%); }
.mg-pos-center        { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mg-pos-center-right  { top: 50%; right: var(--mg-off); transform: translateY(-50%); }
.mg-pos-bottom-left   { bottom: var(--mg-off); left: var(--mg-off); }
.mg-pos-bottom-center { bottom: var(--mg-off); left: 50%; transform: translateX(-50%); }
.mg-pos-bottom-right  { bottom: var(--mg-off); right: var(--mg-off); }

/* Su schermi piccoli il banner si riduce un po' */
@media (max-width: 575px) {
	.mg-banner { font-size: calc(var(--mg-fs, 18px) * .85) !important; }
}