/* ----- INIZIO COLORI PRINCIPALI SITO ----- */
	:root {
		--responsiveMenuV1-background-header:#20201f;
		--responsiveMenuV1-color-header:#fff;
		--responsiveMenuV1-color-line: #20201f;
		--responsiveMenuV1-background-transparent: #333;

		--responsiveMenuV1-background-menu: #fff;
		--responsiveMenuV1-color-menu: #000;
		--responsiveMenuV1-color-sub-link: #3b3b3b;
		--responsiveMenuV1-background-link-selected: transparent;
		--responsiveMenuV1-color-link-selected: #e6c41a;
	}

	a[href]:hover{color:#1F6BBB}
	.pagination a:not(.disable).paginationSelectedPage:link {color: white !important;text-decoration: none;border: solid 1px #e3c51a !important;
															 background-color: #e3c51a !important;}
	@media only screen and (min-width: 981px){
		.pagination a:not(.disable):hover, .pagination a:not(.disable).paginationSelectedPage:active, .pagination a:not(.disable).paginationSelectedPage:visited
		{color: white !important;text-decoration: none;border: solid 1px #e6c41a !important;background-color: #e6c41a !important;}
	}
	.barra_operazioni .scelta_vista li.M_active i.fa {color: #e6c41a;}
	.str_modello{color: #d7b615;font-weight:500;}
	
	.AfterBackgroundPr:after, .BeforeBackgroundPr:before, *[topNumVisible]:after
	{background-color: #e6c41a !important;}

	.colorPrincipale, .select-single:hover:not([disabled="disabled"]) > i.fa, i.activecolorPrincipale, .colorPrincipaleSoloHover:hover, .colorPrincipaleNoHover, .TabFlatmain.Version2 > .RadioHiddenTabs:not(:checked) + label .Step 
	{color: #e6c41a !important;fill:#e6c41a !important;}
	
	.bordoColorePrincipale, input[type='text']:focus, .select-single.clicked, .select-single.clicked .Valori, input[type="password"]:focus, textarea:focus, .borderColorPrincipaleSoloHover:hover,
	.dropzone.dz-drag-hover
	{border-color: #e6c41a !important;}
	
	.backgroundColorePrincipale:hover, 
	label.styl input:checked + .checkbox {background-color: #e5c418;}
	
	label.styl input:checked + .radio{}
	
	.backgroundColorePrincipale, 
	.backgroundColorePrincipaleNoHover, 
	.owl-dot.active span, 
	.articleHeading, 
	*[topNumVisible]:after, 
	.backgroundColorePrincipaleSoloHover:hover {background-color: #bb9f13;color:#fff;}

	.venduto{color:#fff;background-color:rgb(108, 53, 242)}
	.RadioHiddenTabs:checked + label.promozioniTAB, .offerta{color:#fff;background-color:rgb(218, 159, 49);}
	.RadioHiddenTabs:checked + label.newTAB, .novita{color:#fff;background-color:rgb(109,178,48);}
	
	.Alm.gas{color:#fff;background-color:rgb(221,119,93);}
	.Alm.elettr{color:#fff;background-color:rgb(221,119,93)}
	
	label.styl_S2 input[type="radio"]:checked + span{background-color:#e6c41a;color:#fff;}
	
	.irs--round .irs-bar, .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{background-color:#9e1b14}
	.irs--round .irs-handle{border-color:#9e1b14!important;}
	.irs--round .irs-from:before,
	.irs--round .irs-to:before,
	.irs--round .irs-single:before{border-top-color:#9e1b14!important}

	
	body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
	body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
	body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{background-color:#cf2e26;}
	body .xdsoft_datetimepicker .xdsoft_calendar td:hover, 
	body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{background-color:#9e1b14!important;}
	
	#infinity_slider_element .iS-Loading{background-color:#cf2e26!important;}

	.BloccoInfo.Blocco0, #InfoParallax2 .BloccoInfo {background-color: rgba(250, 182, 55, 0.9);}
	.BloccoInfo.Blocco0:hover, #InfoParallax2 .BloccoInfo:hover {background-color: rgba(250, 182, 55, 1);}
	.BloccoInfo.Blocco1 {background-color: rgba(255, 72, 72, 0.9);}
	.BloccoInfo.Blocco1:hover {background-color: rgba(255, 72, 72, 1);}
	#PercheSceglierci .Blocco > i{color:#cf2e26;}
	
	.TabFlatmain:not(.Version2), h3.StyleTab{background-color:#1d1d1b;}
	
	.ColorSVG, .ListDettagliAuto2 svg {fill: #00adef;}
/* ----- FINE COLORI PRINCIPALI SITO ----- */

/* ----- INIZIO HEADER ----- */
	header > .TopMenu{background-color:#e6e6e6;}
	header > .TopMenu, header > .TopMenu a{color: #000 !important;}
	a.logo img{max-width: 320px;max-height: 163px;margin:0 12px 3px 0;}
	header .logo .txt{font-size:30px;color:#000;text-transform:uppercase;display:inline-block;margin-top:5px;}
	header .FixedResponsive.PositionTop{background-color:#fff;}

	header .ContattiRapidi{padding: 10px 7px 10px 0;margin: 7px 0;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(217,217,217,0.8) 80%, rgba(217,217,217,0.8) 100%);border-radius: 7px;}

	header .ContattiRapidi .Info:not(:last-child){font-weight:normal}
	header .ContattiRapidi .Info, header .ContattiRapidi .Info a {color: #000;}
	header .ContattiRapidi .indirizzo, header .ContattiRapidi .indirizzo .uppercase{text-transform:none;}

	header .ContattiRapidi .indirizzo .S{display:inline-block;}
	header .ContattiRapidi .indirizzo .S:after{content: ' - ';padding: 0 4px;}
	header .ContattiRapidi .indirizzo span+span{line-height:17px;}
	header .ContattiRapidi .indirizzo span:not(.Legend){font-size:15px}
	header .MenuPrincipale li.LinkRight .Confronta{margin-right:9px;}

	header .ContattiRapidi .Info .IconaCnT{border-color:#3c3c3a!important;margin-top:18px;}
	header .ContattiRapidi .Info .IconaCnT i.fa{color:#3c3c3a;}
	header .ContattiRapidi .Info:not(.indirizzo) .IconaCnT + span, header .ContattiRapidi .SocialLink{margin-top:17px;}

	.logoimg header > .H{height:116px;}
	.logotxt header > .H{height:92px;}
	
	#SliderHome:not(.slider2):not(.SliderVideo){background-position:center;}
	#SliderHome .background{height:380px;}
	#SliderHome .background{background-image:none!important;}
	
	header .ContattiRapidi .indirizzo{font-size:15px;}
	header .ContattiRapidi .telefono{font-size:15px;}
	header .ContattiRapidi .email{font-size:15px;}

	@media only screen and (min-width: 981px) and (max-width: 1024px){
		body header a.logo img {max-width: 205px;max-height: 63px;}
		body header .ContattiRapidi .Info:not(:last-child) {padding-right: 20px;}
		body header .ContattiRapidi .indirizzo{font-size:12px;}
		body header .ContattiRapidi .telefono{font-size:15px;}
		body header .ContattiRapidi .email{font-size:13px;}
		
	}

	@media only screen and (max-width:980px) and (min-width:750px){
		body header .ContattiRapidi .Info:not(:last-child) {padding-right: 20px;}
		body header .ContattiRapidi .indirizzo{font-size:12px;}
		body header .ContattiRapidi .telefono{font-size:15px;}
		body header .ContattiRapidi .email{font-size:12px;}
	}
	
	#ListImgBike{padding:0 20px;margin:20px 0;display: block;opacity: 0;}
	#ListImgBike:not(.owl-loaded){visibility: hidden;height: 160px;}
	#ListImgBike:not(.owl-loaded) img{display:none;}
	#ListImgBike img{max-width:100%;}
	#ListImgBike .owl-item{transition: border-color 0.35s;-moz-transition: border-color 0.35s;-webkit-transition: border-color 0.35s;-o-transition: border-color 0.35s;border:3px solid;border-color:transparent;border-radius:4px;overflow:hidden}
	#ListImgBike .owl-item:hover{border-color:#e6c41a;}
	#ListImgBike .owl-item div:before{content:'';transition: all 0.35s;-moz-transition: all 0.35s;-webkit-transition: all 0.35s;-o-transition: all 0.35s;position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;z-index:1;}
	#ListImgBike .owl-item div:hover:before{background-color:rgba(0,0,0,0.25);}
#ListImgBike .owl-nav div{display: inline-block;position: absolute;top: 45%;margin-top: -13px;color: #aaa;font-size:26px;}
#ListImgBike .owl-nav div:not(.disable):hover{color:#e6c41a;}
#ListImgBike .owl-prev{left:0;}
#ListImgBike .owl-next{right:0;}

/* Stili per sezione Ultimi arrivi - layout flexbox desktop */
#AutoNovita .ArticleMedium {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

#AutoNovita .ArticleMedium > div {
    flex: 0 0 25% !important;
    width: 25% !important;
    padding: 0 5px !important;
}

/* Stili per carosello Homepage Slider */
#SliderHome .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 10;
}

#SliderHome .owl-nav div {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

#SliderHome .owl-nav div:hover {
    background: rgba(0, 0, 0, 0.9);
}

#SliderHome .owl-prev {
    left: 20px;
}

#SliderHome .owl-next {
    right: 20px;
}
	
	/* ----- INIZIO MENU PRINCIPALE -----*/

	header .ulMenuPrincipale > li > a{position: relative;}
	header .ulMenuPrincipale > li > a:before{
		content:'';position:absolute;left: 10px;right: 10px;height:0;background-color:#fff;bottom:5px;
		transition: background-color 0.35s, height 0.35s;-moz-transition: background-color 0.35s, height 0.35s;
		-webkit-transition: background-color 0.35s, height 0.35s;-o-transition: background-color 0.35s, height 0.35s;}
	header .ulMenuPrincipale > li:hover > a:before,
	header .ulMenuPrincipale > li.active > a:before{height: 2px;background-color:#e6c41a;}

	header .MenuPrincipale{background-color:#fff;}
	.slicknav_nav{background-color:#3c3c3a;}
	header .MenuPrincipale a{font-size:18px;color:#3c3c3a;}
	header .MenuPrincipale li .FlgNascondiPrezzi{color:#3c3c3a;}
	header .MenuPrincipale li.active > a, header .MenuPrincipale li > a:hover
	{color:#bb9f13;background-color:#fff}
	header .ul_SubMenu{color:#bb9f13;background-color:#3c3c3a}
	header .MenuPrincipale .ulMenuPrincipale > li:not(:hover):not(.active) > a > i {border-color: #3c3c3a;}
	
	.TabFlatmain:not(.Version2) .RadioHiddenTabs:checked + label:not(.promozioniTAB):not(.newTAB), h3.StyleTab span,
	header .ul_SubMenu li > a:hover
	{color:#bb9f13;background-color:transparent;}

	header .MenuPrincipale a .Icon-down{border-color:#3c3c3a;}

	header .MenuPrincipale li:hover > a .Icon-down,
	header .MenuPrincipale li.active > a .Icon-down{border-color:#bb9f13;}

	.MantieniAltezza {min-height: 45px;}
	
	ul.slicknav_nav:after {border-bottom-color: #3c3c3a;}
	.slicknav_btn {border-color: #808080;}
	.slicknav_menu .slicknav_icon-bar{background-color:#808080;}
	ul.slicknav_nav li a {color: #fff;}
	ul.slicknav_nav li.active a {background-color: #e6c41a;color: #3c3c3a;}
	/* responsive */
	
	/* responsive */
	
	/* ----- FINE MENU PRINCIPALE -----*/
/* ----- FINE HEADER ----- */

/* ----- INIZIO STILE LISTATO ----- */
.PrezzoListato:not(.Ivabile):not(.Styl2), .PrezzoListato:not(.Ivabile):before {background-color: #3c3c3a;}

#SliderPr .InfoVeicle .PrezzoListato2 .valueCP.prezzo_pr{font-size:22px;padding-left:3px;}
#SliderPr .InfoVeicle .PrezzoListato2 .iva_sc{font-size:14px;}
#SliderPr .InfoVeicle .info_2 > span.chilometri .legend{display:inline!important;font-size:12px;}

.ArticleMedium .InfoVeicle .PrezzoListato2 .valueCP.prezzo_pr{font-size:22px;}
.ArticleMedium .InfoVeicle .PrezzoListato2 .iva_sc{font-size:12px;}
.ArticleMedium .InfoVeicle .info_2 > span{font-size:16px;}
.ArticleMedium .InfoVeicle .info_2 > span.chilometri .legend{display:inline!important;font-size:12px;}

.SchedaPratica .AltreAuto .ArticleMedium .InfoVeicle .info_2 > span {font-size: 14px;letter-spacing:-0.1px;}

.VisualizazzioneListato.righe article h4{font-size:20px;}
.VisualizazzioneListato.righe article h4 .str_marca{}

.VisualizazzioneListato.colonne article h4{font-size: 16px;letter-spacing: -0.5px;line-height:20px;}
.VisualizazzioneListato.colonne article h4 .str_marca{font-size:16px;}

.VisualizazzioneListato .AllOptionals.DiSerie .Opt{border-radius:3px;}

.VisualizazzioneListato.righe .dettagli_tecnici .col-md-F{font-size: 17px;}
.VisualizazzioneListato.colonne .dettagli_tecnici .col-md-F{font-size: 13px;}

.VisualizazzioneListato.righe .dettagli_tecnici i{line-height:22px;}
.VisualizazzioneListato.colonne .dettagli_tecnici i{line-height:20px;}

@media only screen and (min-width:590px){
	#SchedaPage header{box-shadow: 0 0 6px #3c3c3a;}
	.ContenutoTop .ButtonAzioni_Pratica{margin-bottom:-29px;}
}

@media only screen and (max-width:980px) and (min-width:750px){
	.VisualizazzioneListato.righe article h4{font-size:16px;}
	.VisualizazzioneListato.righe .dettagli_tecnici .col-md-F{font-size:13px;}
	.VisualizazzioneListato.righe .dettagli_tecnici i{line-height:18px;top:1px;}
}

@media only screen and (max-width:750px) and (min-width:600px){
	.VisualizazzioneListato.colonne article h4{font-size:14px;line-height:17px;}
	.VisualizazzioneListato.colonne article h4 .str_marca{font-size:14px;}
	.VisualizazzioneListato.colonne .dettagli_tecnici .row{margin-top:0;}
	.VisualizazzioneListato.colonne .dettagli_tecnici .col-md-F{font-size:11px;}
}

@media only screen and (max-width:980px){
	a.logo {height: 100%;display:inline-block;overflow: hidden;}
}

@media only screen and (max-width:599px){
	header .LogoC .FixedResponsive:not(.PositionTop) img{max-height: 140px !important;}
	header .ContattiRapidi{float: right;width: calc(100% - 115px);margin-top: -62px !important;}
	header .ul_SubMenu{background-color: #616161;}
}
@media only screen and (max-width:510px){
	a.logo img{margin-top:0;}
}

@media only screen and (max-width:377px) and (min-width:331px){
	header .ContattiRapidi{padding-left: 34px;}
}

@media only screen and (max-width:330px){
	body header .ContattiRapidi .telefono {font-size: 16px;}
}
/* ----- FINE STILE LISTATO ----- */

/* ----- INIZIO STILE SCHEDA ----- */
.ListDettagliAuto2 svg{fill: #e6c41a;}
/* ----- FINE STILE SCHEDA ----- */

/* ----- INIZIO STILE NEWSLETTER ----- */
#NewsLetter.P0{background-color:#3c3c3a;color:#fff;}
/* ----- FINE STILE NEWSLETTER ----- */

#ServiziPage .RigaTestoLiberoServizi > .TestiServizi{width:100%;}
#ServiziPage .RigaTestoLiberoServizi > .ImmaginiServizi{display:none;}

.prefooter{background-color: rgba(0, 0, 0, 0.7);}
footer{background-color: rgba(0, 0, 0, 0.7);}

/* Ripristina header boxed */
header > .H {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
}

header .MenuPrincipale {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Logo responsive - gestito tramite CSS */
header .LogoC img {
    max-width: 320px;
    max-height: 163px;
    margin: 0 12px 3px 0;
}

/* Logo su tablet */
@media only screen and (max-width: 1024px) {
    header .LogoC img {
        max-width: 250px;
        max-height: 120px;
    }
}

/* Logo su mobile */
@media only screen and (max-width: 980px) {
    header .LogoC img {
        max-width: 200px;
        max-height: 100px;
    }
}

/* Logo su mobile piccolo */
@media only screen and (max-width: 599px) {
    header .LogoC img {
        max-width: 150px;
        max-height: 80px;
    }
}

/* Logo su iPhone */
@media only screen and (max-width: 430px) {
    header .LogoC img {
        max-width: 120px;
        max-height: 60px;
    }
}

/* Immagine di background per lo slider - FULL WIDTH */
#SliderHome {
    background-image: url('/themes/lucarellicar/images/background/slider.jpg');
    background-size: cover;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    min-height: 380px;
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

/* Allinea il box della slide verticalmente al logo */
.SliderVetrinaPrc {
    left: 20px !important;
    right: auto !important;
}

#SliderHome .background {
    background-image: url('/themes/lucarellicar/images/pattern-filter.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
}

/* Nascondi il titolo "Homepage" quando la classe homepage è presente */
body.homepage .ContenutoTop h1 {
    display: none;
}

/* Immagine di sfondo per la sezione InfoParallax */
#InfoParallax {
    background-image: url('/themes/lucarellicar/images/background/InfoParallasse.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 300px !important;
    /* Rende l'immagine di background full-width */
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
}

/* Forza 4 auto per riga nella sezione Ultimi arrivi */
#AutoNovita .js_owl.inHomePagex .owl-stage {
    width: 100% !important;
}

#AutoNovita .js_owl.inHomePagex .owl-item {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
}

#AutoNovita .js_owl.inHomePagex .owl-stage-outer {
    width: 100% !important;
    overflow: visible !important;
}

/* Sezione "Tutto per la tua auto" full-width con background */
#InfoParallax2 {
    background-image: url('/themes/lucarellicar/images/background/InfoParallasse2.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 300px !important;
    /* Rende l'immagine di background full-width */
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    padding-left: calc(50vw - 50%) !important;
    padding-right: calc(50vw - 50%) !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* Newsletter Section con background */
#NewsLetter.P0 {
    background-color: #3c3c3a !important;
    color: #fff !important;
}

/* Footer con background image */
.sectionsFooter2 {
    background-image: url('/themes/lucarellicar/images/background/imgfooter.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.prefooter {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

footer {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ============================================
   RESPONSIVE MEDIA QUERIES
   ============================================ */

/* Desktop Large - Max 1380px */
@media only screen and (max-width: 1380px){
    #SliderHome.SliderVideo{min-height:380px}
    #SliderHome.SliderVideo .SliderVetrinaPrc{top:17px !important}
}

/* Desktop Medium - Max 1350px */
@media only screen and (max-width: 1350px){
    .ContentTitleHome:after{left:-10px;right:-10px;}
    section{padding:0 10px;}
}

/* Tablet/Desktop - Max 1024px */
@media only screen and (max-width:1024px){
    /* Homepage */
    .TabFlatmain .js_owl .owl-controls{right:0;}
    #News.responsive{margin-top:0;width:100%;float:none;}
    #News.responsive .TitleTab{background-color: #232628;padding: 0 16px;margin-top:0;}
    #News.responsive > div{padding:0 16px;}
}

/* Tablet - Max 980px */
@media only screen and (max-width:980px){
    section{padding:0 20px;}
    
    /* HomePage */
    #PercheSceglierci .Blocco{margin-top:15px;}
    .ImgParallasse div.BloccoInfo{float:none!important;width:100%!important;height:auto !important;}
    .ImgParallasse > section > * + a > div.BloccoInfo{margin-top:30px;}
    
    /* NewsLetters */
    #NewsLetter.P0 .Testo{float:none;width:100%;text-align:center;}
    #NewsLetter.P0 form{width: 100%;margin: 0 auto;max-width: 500px;float: none;margin-top: 15px;}
    
    /* Footer */
    .FooterCol > .col-md-F{width:50%!important;}
    .FooterCol > .chisiamo{display:none!important;}
}

/* Tablet Medium - Max 980px and Min 750px */
@media only screen and (max-width:980px) and (min-width:750px){
    /* Header */
    header .LogoC{float:none;}
    header .ContattiRapidi{float:none;width:100%;overflow:hidden;margin-top:10px;}
    
    /* HomePage */
    #Vetrina > .js_owl {width: 620px;}
    .SliderVetrinaPrc .InfoVeicle {float: left;width: calc(100% - 335px);}
    .SliderVetrinaPrc .InfoVeicle h5{font-size: 17px;line-height: 20px;}
    .SliderVetrinaPrc .InfoVeicle h5 font{font-size:18px;line-height:23px;}
    .SliderVetrinaPrc .info > span > i{font-size:21px;}
    .SliderVetrinaPrc .info > span .Value{font-size:16px;line-height:21px;}
}

/* Tablet Medium - Max 980px and Min 550px */
@media only screen and (max-width:980px) and (min-width:550px){
    /* HomePage */
    .BloccoInfo > i + div {width: calc(100% - 105px);}
}

/* Tablet Small - Max 770px */
@media only screen and (max-width:770px){
    .content #ModuloRicercaVeloce .C_Input {width: 100% !important;}
}

/* Mobile Large - Max 750px */
@media only screen and (max-width:750px){
    /* Header */
    header .LogoC{float:none;}
    header .ContattiRapidi{float:none;width:100%;margin-top:20px;overflow:hidden;}
    header .ContattiRapidi > .Info{}
    header .ContattiRapidi .SocialLink{float:right}
    header .ContattiRapidi .indirizzo{display:none;}
    
    /* HomePage - NASCONDE LO SLIDER */
    #SliderHome{display:none;}
}

/* Mobile Medium - Max 599px - RISCOSCRITTO DA ZERO SEGUENDO HTML STATICO */
@media only screen and (max-width:599px){
    .col-md-F{float:none;width:auto !important}
    
    h2 {font-size: 24px;margin-bottom: 15px;}
    
    /* Container principale - Full width come HTML statico */
    .container, .container-fluid {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Header Mobile - Layout identico all'HTML statico */
    header {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    header > .H {
        padding: 10px 15px !important;
        height: auto !important;
        width: 100% !important;
        max-width: none !important;
    }
    
    header .header-content {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
    
    header .LogoC {
        flex: 0 0 auto !important;
        text-align: left !important;
        margin-right: 20px !important;
        max-width: 35% !important;
    }
    
    header .LogoC img {
        max-width: 100px !important;
        max-height: 50px !important;
    }
    
    /* Contenitore per tutto quello che va a destra */
    header .header-right {
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
        flex: 1 !important;
        justify-content: flex-end !important;
        margin-left: 20px !important;
    }
    
    /* Contatti */
    header .ContattiRapidi {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        background: rgba(255,255,255,0.9) !important;
        border-radius: 6px !important;
    }
    
    header .ContattiRapidi .telefono {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        white-space: nowrap !important;
    }
    
    header .ContattiRapidi .email,
    header .ContattiRapidi .indirizzo {
        display: none !important;
    }
    
    header .ContattiRapidi .SocialLink {
        display: none !important;
    }
    
    /* Menu hamburger - FUORI dal logo, posizionato a destra */
    .mobile-menu-hamburger {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        z-index: 1000 !important;
    }
    
    /* Menu che si apre da SINISTRA a DESTRA - OCCUPA TUTTA LA LARGHEZZA */
    .responsiveMenuV1_listMenu {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 100vh !important;
        background-color: #fff !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateX(-100%) !important;
    }
    
    .responsiveMenuV1.open .responsiveMenuV1_listMenu {
        left: 0 !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
    }
    
    /* Forza la direzione da sinistra a destra */
    .responsiveMenuV1:not(.open) .responsiveMenuV1_listMenu {
        left: -100% !important;
        right: auto !important;
        transform: translateX(-100%) !important;
    }
    
    /* Background overlay con z-index 0 per non interferire */
    .responsiveMenuV1.open .responsiveMenuV1_background {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
        mask: linear-gradient(to right, transparent 0%, transparent 20%, black 20%, black 100%) !important;
        height: 100vh !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        z-index: 0 !important;
        pointer-events: auto !important;
    }
    
    /* Nascondi background quando menu è chiuso */
    .responsiveMenuV1 .responsiveMenuV1_background {
        display: none !important;
    }
    
    /* Assicura che il menu sia cliccabile */
    .responsiveMenuV1_listMenu {
        pointer-events: auto !important;
    }
    
    .responsiveMenuV1_listMenu * {
        pointer-events: auto !important;
    }
    
    /* REGOLE SUPER SPECIFICHE PER SOVRASCRIVERE TUTTO */
    .mobile-menu-hamburger .responsiveMenuV1_listMenu {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 100vh !important;
        background-color: #fff !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateX(-100%) !important;
        pointer-events: auto !important;
    }
    
    .mobile-menu-hamburger .responsiveMenuV1.open .responsiveMenuV1_listMenu {
        left: 0 !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
        pointer-events: auto !important;
    }
    
    /* Forza il menu a occupare tutta la larghezza */
    .mobile-menu-hamburger .responsiveMenuV1_listMenu .PreUL {
        width: 100% !important;
        max-width: none !important;
    }
    
    /* Fix per evitare conflitti con il menu responsive */
    .mobile-menu-container .responsiveMenuV1 {
        position: relative !important;
    }
    
    .mobile-menu-container .responsiveMenuV1_btn {
        display: block !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 1001 !important;
    }
    
    /* Nascondi elementi che si sovrappongono */
    .mobile-menu-container .responsiveMenuV1_closeIcon {
        display: none !important;
    }
    
    /* Menu completamente ridisegnato per mobile */
    .responsiveMenuV1.open .responsiveMenuV1_listMenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 80% !important;
        max-width: 300px !important;
        height: 100vh !important;
        background-color: #fff !important;
        z-index: 9999 !important;
        transform: translateX(0) !important;
        transition: all 0.3s ease !important;
        box-shadow: -5px 0 15px rgba(0,0,0,0.3) !important;
    }
    
    /* Menu chiuso - nascosto a destra */
    .responsiveMenuV1 .responsiveMenuV1_listMenu {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 80% !important;
        max-width: 300px !important;
        height: 100vh !important;
        background-color: #fff !important;
        z-index: 9999 !important;
        transform: translateX(100%) !important;
        transition: all 0.3s ease !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Background overlay con z-index 0 per non interferire */
    .responsiveMenuV1.open .responsiveMenuV1_background {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
        mask: linear-gradient(to right, transparent 0%, transparent 20%, black 20%, black 100%) !important;
        height: 100vh !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        z-index: 0 !important;
        pointer-events: auto !important;
    }
    
    /* Nascondi background quando menu è chiuso */
    .responsiveMenuV1 .responsiveMenuV1_background {
        display: none !important;
    }
    
    /* Assicura che il menu sia cliccabile */
    .responsiveMenuV1_listMenu {
        pointer-events: auto !important;
    }
    
    .responsiveMenuV1_listMenu * {
        pointer-events: auto !important;
    }
    
    /* REGOLE SUPER SPECIFICHE PER SOVRASCRIVERE TUTTO */
    .mobile-menu-hamburger .responsiveMenuV1_listMenu {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 100vh !important;
        background-color: #fff !important;
        z-index: 9999 !important;
        transition: left 0.3s ease !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateX(-100%) !important;
        pointer-events: auto !important;
    }
    
    .mobile-menu-hamburger .responsiveMenuV1.open .responsiveMenuV1_listMenu {
        left: 0 !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
        pointer-events: auto !important;
    }
    
    /* Forza il menu a occupare tutta la larghezza */
    .mobile-menu-hamburger .responsiveMenuV1_listMenu .PreUL {
        width: 100% !important;
        max-width: none !important;
    }
    
    /* Assicuriamo che il contenitore header abbia position relative */
    header > .H {
        position: relative !important;
    }
    
    /* Il logo ora può occupare tutto lo spazio disponibile */
    header .LogoC {
        flex: 1 !important;
        max-width: none !important;
    }
    
    /* Slider - Full width come HTML statico */
    #SliderHome {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        padding-left: calc(50vw - 50%) !important;
        padding-right: calc(50vw - 50%) !important;
    }
    
    /* Sezioni principali - Full width */
    #AutoNovita, #SceltiPerVoi, #PercheSceglierci {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        padding-left: calc(50vw - 50%) !important;
        padding-right: calc(50vw - 50%) !important;
    }
    
    /* Scelti per voi - Layout mobile: testo sopra, carosello sotto - REGOLE SUPER AGGRESSIVE */
    .TabAutoPrc {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* News box prima del carosello su mobile */
    .TabAutoPrc > div:first-child {
        order: 1 !important;
        margin-bottom: 20px !important;
        width: 100% !important;
        float: none !important;
        display: block !important;
    }
    
    /* Carosello dopo il news box su mobile */
    .TabAutoPrc .TabFlatmain {
        order: 2 !important;
        width: 100% !important;
        float: none !important;
        display: block !important;
    }
    
    /* Forza il layout verticale anche per i contenitori interni */
    .TabAutoPrc .TabFlatmain .content {
        display: block !important;
    }
    
    .TabAutoPrc .TabFlatmain .content .content0 {
        display: block !important;
    }
    
    /* HomePage */
    body .ContentTitleHome:after{background-color: transparent !important;}
    
    #special_liste .LabelRadioHiddenTabs, #ContenitoreAutoSpeciali .LabelRadioHiddenTabs{font-size: 15px;padding: 8px 6px;border-radius:2px;}
    #special_liste #tab2+label, #ContenitoreAutoSpeciali #tab2+label{display:none;}
    #FormModuloRicercaVeloce form .C_Input{float:none!important;width:100% !important;}
    
    .BloccoInfo .title {font-size: 22px;line-height: 23px;margin-top: 6px;}
    .BloccoInfo .text{font-size: 15px;line-height: 21px;}
    
    /* InfoParallax - Layout mobile completamente ridisegnato */
    #InfoParallax {
        padding: 20px 10px !important;
        margin: 20px 0 !important;
    }
    
    #InfoParallax .BloccoInfo {
        width: 100% !important;
        float: none !important;
        margin: 10px 0 !important;
        padding: 20px 15px !important;
        text-align: center !important;
    }
    
    #InfoParallax .BloccoInfo > i {
        font-size: 40px !important;
        margin-bottom: 15px !important;
        display: block !important;
    }
    
    #InfoParallax .BloccoInfo > i + div {
        width: 100% !important;
    }
    
    #InfoParallax .BloccoInfo .title {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
    }
    
    #InfoParallax .BloccoInfo .text {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    /* InfoParallax2 - Layout mobile completamente ridisegnato */
    #InfoParallax2 {
        padding: 20px 10px !important;
        margin: 20px 0 !important;
    }
    
    #InfoParallax2 .BloccoInfo {
        width: 100% !important;
        float: none !important;
        margin: 10px 0 !important;
        padding: 20px 15px !important;
        text-align: center !important;
    }
    
    #InfoParallax2 .BloccoInfo > i {
        font-size: 40px !important;
        margin-bottom: 15px !important;
        display: block !important;
    }
    
    #InfoParallax2 .BloccoInfo > i + div {
        width: 100% !important;
    }
    
    #InfoParallax2 .BloccoInfo .title {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
    }
    
    #InfoParallax2 .BloccoInfo .text {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    #Contenuto{overflow:visible;}
    
    /* News box mobile - layout verticale */
    div:not(.LateralSearchForm) > #News {
        float: left;
        width: 100%;
        margin-top: 50px;
        margin-bottom: 30px;
        font-size: 14px;
    }
    
    /* Banda scura per voci "Scelti per voi" e "Neopatentati" in mobile */
    @media only screen and (max-width: 768px) {
        /* Nascondi la barra "Scelti per voi" su mobile */
        .TabAutoPrc .LabelRadioHiddenTabs {
            display: none !important;
        }
        
        .TabAutoPrc .news-box {
            background: rgba(0, 0, 0, 0.8) !important;
            color: white !important;
            padding: 15px !important;
            border-radius: 8px !important;
            margin-bottom: 20px !important;
        }
        
        .TabAutoPrc .news-box h3 {
            color: #ffd700 !important;
            font-weight: bold !important;
            margin-bottom: 10px !important;
        }
        
        .TabAutoPrc .news-box p {
            color: white !important;
            line-height: 1.4 !important;
        }
        
        /* Stili per il carosello mobile */
        .TabAutoPrc .js_owl.mobile-carousel {
            position: relative !important;
            overflow: hidden !important;
        }
        
        .carousel-controls {
            position: absolute !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 100% !important;
            display: flex !important;
            justify-content: space-between !important;
            padding: 0 10px !important;
            z-index: 10 !important;
        }
        
        .carousel-prev, .carousel-next {
            background: rgba(0, 0, 0, 0.7) !important;
            color: white !important;
            border: none !important;
            border-radius: 50% !important;
            width: 40px !important;
            height: 40px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: background 0.3s ease !important;
        }
        
        .carousel-prev:hover, .carousel-next:hover {
            background: rgba(0, 0, 0, 0.9) !important;
        }
        
        .TabAutoPrc .js_owl .owl-item img {
            width: 100% !important;
            height: 200px !important;
            object-fit: cover !important;
            object-position: center !important;
        }
        
        .TabAutoPrc .js_owl.mobile-carousel .owl-item {
            width: 349px !important;
            flex: 0 0 349px !important;
        }
        
        .TabAutoPrc .js_owl.mobile-carousel .owl-item article {
            width: 349px !important;
        }
        
        /* Carosello per "Ultimi arrivi" su mobile - Layout flexbox */
        #AutoNovita .ArticleMedium {
            position: relative !important;
            overflow: hidden !important;
        }
        
        #AutoNovita .ArticleMedium > div {
            width: 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
        
        #AutoNovita .ArticleMedium > div article {
            width: 100% !important;
            max-width: 100% !important;
        }
        
        #AutoNovita .ArticleMedium .ImgFotoVeicolo {
            width: 100% !important;
            height: 200px !important;
            object-fit: cover !important;
            object-position: center !important;
        }
        
        /* Carosello mobile - Solo CSS */
        #AutoNovita {
            position: relative !important;
            overflow: hidden !important;
        }
        
        #AutoNovita .ArticleMedium {
            display: flex !important;
            transition: transform 0.3s ease !important;
        }
        
        #AutoNovita .ArticleMedium > div {
            flex: 0 0 100% !important;
            width: 100% !important;
        }
        
        /* Frecce fisse */
        #AutoNovita::before {
            content: '‹' !important;
            position: absolute !important;
            left: 10px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            background: rgba(0, 0, 0, 0.7) !important;
            color: white !important;
            border-radius: 50% !important;
            width: 40px !important;
            height: 40px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            z-index: 10 !important;
        }
        
        #AutoNovita::after {
            content: '›' !important;
            position: absolute !important;
            right: 10px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            background: rgba(0, 0, 0, 0.7) !important;
            color: white !important;
            border-radius: 50% !important;
            width: 40px !important;
            height: 40px !important;
            font-size: 20px !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            z-index: 10 !important;
        }
        
        /* Fix layout del box auto mobile */
        .TabAutoPrc .js_owl .owl-item .InfoVeicle {
            position: relative !important;
            padding: 15px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .MarcaImg_Content {
            position: static !important;
            display: inline-block !important;
            vertical-align: top !important;
            margin-right: 5px !important;
            margin-top: -5px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .MarcaImg_Content img {
            width: 50px !important;
            height: 50px !important;
            object-fit: contain !important;
        }
        
        .TabAutoPrc .js_owl .owl-item h5 {
            margin-top: 0 !important;
            margin-bottom: 10px !important;
            display: inline-block !important;
            vertical-align: top !important;
            width: calc(100% - 65px) !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .PrezzoListato2 {
            margin-bottom: 10px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .iva_sc {
            display: block !important;
            margin-top: 5px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .calcoloFinanziamento {
            margin-bottom: 15px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .info_2 {
            background: #f5f5f5 !important;
            padding: 10px !important;
            border-radius: 5px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .RowInfo {
            display: flex !important;
            justify-content: space-between !important;
            gap: 10px !important;
        }
        
        .TabAutoPrc .js_owl .owl-item .RowInfo span {
            flex: 1 !important;
            text-align: center !important;
            font-size: 12px !important;
        }
    }
    
    @media only screen and (max-width: 599px) and (min-width: 400px) {
        .ArticleMedium .InfoVeicle .imgMarca {
            margin-top: 0px !important;
        }
    }
    
    .ArticleMedium.js_owlCustom-itemShow img.imgMarca {width: 40px!important;}
    .ArticleMedium.js_owlCustom-itemShow .InfoVeicle .MarcaImg_Content + h5{padding-left:56px !important;line-height: 18px;font-size: 16px;}
    .ArticleMedium.js_owlCustom-itemShow .InfoVeicle .PrezzoListato2 .TrattInSede,
    .ArticleMedium.js_owlCustom-itemShow .InfoVeicle .PrezzoListato2 .iva_sc {font-size: 11.5px !important;padding: 4px 6px !important;}
    .ArticleMedium.js_owlCustom-itemShow .InfoVeicle .MarcaImg_Content + h5 + .PrezzoListato2{padding-left:10px !important;}
    .ArticleMedium.js_owlCustom-itemShow .InfoVeicle .MarcaImg_Content + h5 + .PrezzoListato2 .prezzo_pr{font-size:19px !important;}
    .ArticleMedium.js_owlCustom-itemShow .InfoVeicle .info_2 > .RowInfo > span{font-size:13px !important;}
    .ArticleMedium.js_owlCustom-itemShow article .Tags > span {padding: 4px 7px;font-size: 12px;}
    
    /* NewsLetters */
    #NewsLetter.P0 .Testo{font-size:20px;line-height: 24px;}
    #NewsLetter.P0 form{max-width: 100%;padding: 0 15px;}
    #NewsLetter.P0 form .email{width: 100%;margin-bottom: 10px;}
    #NewsLetter.P0 form button{width: 100%;}
    
    /* Footer Mobile - Layout completamente ridisegnato */
    .FooterCol > .col-md-F {
        float: none !important;
        width: 100% !important;
        margin-top: 20px !important;
        max-width: none !important;
        text-align: center !important;
    }
    
    .prefooter {
        padding: 20px 15px !important;
        background-color: rgba(0, 0, 0, 0.8) !important;
    }
    
    .prefooter .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .prefooter .row > div {
        margin-bottom: 20px !important;
        width: 100% !important;
    }
    
    /* Newsletter mobile */
    #NewsLetter.P0 {
        padding: 20px 15px !important;
        text-align: center !important;
    }
    
    #NewsLetter.P0 .Testo {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 15px !important;
    }
    
    #NewsLetter.P0 form {
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    #NewsLetter.P0 form .email {
        width: 100% !important;
        margin-bottom: 10px !important;
        padding: 12px !important;
        font-size: 16px !important;
    }
    
    #NewsLetter.P0 form button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 16px !important;
    }
    
    /* Auto Cards - 1 colonna su mobile */
    .ArticleMedium .InfoVeicle .MarcaImg_Content + h5{padding-left:65px !important;}
    .ArticleMedium .InfoVeicle .MarcaImg_Content + h5:after{content:'';margin-top:10px;display:block;width:98%;height:1px;background-color:#e9e9e9;}
    .ArticleMedium .InfoVeicle .MarcaImg_Content + h5 + .PrezzoListato2{padding-left:65px !important;}
    .ArticleMedium .InfoVeicle .info_2{margin:0 -7px;}
    .ArticleMedium .InfoVeicle .info_2 > span{padding:0 7px;letter-spacing: -0.5px;}
    body .ArticleMedium .InfoVeicle .info_2 > span{font-size:18px;}
    .ArticleMedium .InfoVeicle .info_2 > span+span:after{left:-3px;}
    .ArticleMedium .InfoVeicle .PrezzoListato2 .TrattInSede, .ArticleMedium .InfoVeicle .PrezzoListato2 .iva_sc{font-size:12px}
}

/* Mobile Medium - Max 599px and Min 400px */
@media only screen and (max-width:599px) and (min-width:400px){
    /* Home Page */
    #special_liste:not(.VociHeaderTab3) .LabelRadioHiddenTabs, #ContenitoreAutoSpeciali:not(.VociHeaderTab3) .LabelRadioHiddenTabs{font-size:18px;padding:6px 8px;}
    #special_liste:not(.VociHeaderTab3) .TabFlatmain .js_owl .owl-controls, #ContenitoreAutoSpeciali:not(.VociHeaderTab3) .TabFlatmain .js_owl .owl-controls{top:-61px !important;}
    
    .ArticleMedium .InfoVeicle h5{margin-top:20px;line-height: 27px;font-size: 23px;letter-spacing:-0.3px;}
    .ArticleMedium .InfoVeicle h5 > font{font-weight:600;}
    
    .ArticleMedium .InfoVeicle .PrezzoListato2 .valueCP.prezzo_pr{font-size:26px;}
    .ArticleMedium .InfoVeicle .PrezzoListato2 .TrattInSede,
    .ArticleMedium .InfoVeicle .PrezzoListato2 .iva_sc{font-size:14px;padding:6px 11px;}
    .ArticleMedium .InfoVeicle .info_2{font-size:20px;margin:0 -10px;background-color:#f9f9f9;}
    .ArticleMedium .InfoVeicle .info_2 > span{padding:0 10px;}
    
    article .Tags > span{padding: 6px 10px;font-size: 14px;}
    article .Tags > span+span{margin-left:5px;}
}

/* Mobile Small - Max 510px */
@media only screen and (max-width:510px){
    /* Responsive adjustments for very small screens */
}

/* Mobile Small - Max 400px */
@media only screen and (max-width:400px){
    .ArticleMedium .InfoVeicle h5 {line-height: 20px;font-size: 16px;}
}

/* Mobile Small - Max 370px */
@media only screen and (max-width:370px){
    #NewsLetter.P0 form .email{width:100%;}
    #NewsLetter.P0 form button{width:100%;}
}

/* iPhone 14 Pro Max - Max 430px */
@media only screen and (max-width:430px){
    /* Header ottimizzato per iPhone */
    header .ContattiRapidi{margin-top: 10px;}
    header .ContattiRapidi .telefono{font-size: 16px;}
    
    /* Sezioni InfoParallax - Layout verticale ottimizzato */
    #InfoParallax, #InfoParallax2{
        padding: 15px 10px !important;
    }
    
    #InfoParallax .BloccoInfo, #InfoParallax2 .BloccoInfo{
        padding: 15px 12px !important;
        margin: 8px 0 !important;
        width: 100% !important;
        float: none !important;
    }
    
    #InfoParallax .BloccoInfo > i, #InfoParallax2 .BloccoInfo > i{
        font-size: 25px !important;
        margin-bottom: 8px !important;
    }
    
    #InfoParallax .BloccoInfo .title, #InfoParallax2 .BloccoInfo .title{
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 8px !important;
    }
    
    #InfoParallax .BloccoInfo .text, #InfoParallax2 .BloccoInfo .text{
        font-size: 13px !important;
        line-height: 16px !important;
    }
    
    /* Newsletter ottimizzata */
    #NewsLetter.P0 .Testo{
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 15px !important;
    }
    
    #NewsLetter.P0 form{
        padding: 0 10px !important;
    }
    
    /* Footer ottimizzato */
    .prefooter{
        padding: 15px 10px !important;
    }
    
    .prefooter .row > div{
        margin-bottom: 15px !important;
    }
    
    /* Auto cards ottimizzate */
    .ArticleMedium .InfoVeicle h5{
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    .ArticleMedium .InfoVeicle .PrezzoListato2 .valueCP.prezzo_pr{
        font-size: 18px !important;
    }
    
    .ArticleMedium .InfoVeicle .info_2 > span{
        font-size: 14px !important;
    }
    
    /* Sezione "Perché sceglierci" ottimizzata */
    #PercheSceglierci .Blocco{
        padding: 15px 10px !important;
        margin: 8px 0 !important;
    }
    
    #PercheSceglierci .Blocco > i{
        font-size: 25px !important;
        margin-bottom: 8px !important;
    }
    
    #PercheSceglierci .Blocco .title{
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    #PercheSceglierci .Blocco .text{
        font-size: 13px !important;
        line-height: 16px !important;
    }
}

/* Mobile Extra Small - Max 320px */
@media only screen and (max-width:320px){
    #special_liste .LabelRadioHiddenTabs, #ContenitoreAutoSpeciali .LabelRadioHiddenTabs {font-size: 12.5px;margin-bottom: 15px;}
}