@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'); /* ========================================================================== CONFIGURAZIONI ORIGINALI STORE B2B (MANAGEMAG NATIVE CORE) ========================================================================== */ /* ------------ SFONDI PAGINE ----------------- */ /*section#contenuto{background-color:#fff}*/ /* ------------ IMPOSTAZIONI COMUNI ----------------- */ /*#body2:not(.Boxed) section#contenuto, section#slide_info, div.personalizzato{box-shadow:0 0px 3px 2px rgba(0,0,0,.18)}*/ section#contenuto{overflow:inherit} #SchedaProdotto section#contenuto{position:inherit !important} /*section#contenuto:before{content:'';position:absolute;left:0;right:0;top:-4px;height:5px;background-color:#fff;}*/ /* ------------ COLORE TOP MENU ---------------- */ /*responsive*/ /* ------------ DIMENSIONE LOGO ----------------- */ a.logo img { position: relative;height:90px;} .containerCerca_Carrello.fixed a.logo img{margin-top:20px;} .menuPrincipaleAccontoLogo > .fixed a.logo img{height:45px} .menuPrincipaleAccontoLogo .menu_principale{width:auto;margin-right:-24px;} /*.menuPrincipaleAccontoLogo .menu_principale:not([style]){display:none;}*/ .menuPrincipaleAccontoLogo > .fixed .menu_principale{margin-right:165px;} .menuPrincipaleAccontoLogo .menu_principale #menuresponsive{white-space: nowrap;} #menuresponsive > li {display: inline-block;} /* -------------------------------------- */ #MessaggioVeloce{background-color:#1d1d1d;color:#fff !important;} #top_nav a.assistenza{display:inline} .LabelRadioHiddenTabs .Contatore, #div_top_nav a .Contatore, .MenuLink a .Contatore{background-color:#d41620 !important;color:#fff;} /* ------------ HEADER ----------------- */ nav.center, .menuPrincipaleAccontoLogo .containerCerca_Carrello {height: 120px; background-color:#fff;} .containerCerca_Carrello.fixed{background-color:#fff;height:55px;} .containerCerca_Carrello.fixed .menu_principale{top:0} .Content_DecorazioneHeader{} .FreccettaBackgrounSottoLogo:before, .FreccettaBackgrounSottoLogo > div.First:before{background-color: #ece8e3;} .FreccettaBackgrounSottoLogo{width: 335px;height: 78px;} .FreccettaBackgrounSottoLogo > div.First:before{left: 205px;top:-21px;} .containerCerca_Carrello.fixed .FreccettaBackgrounSottoLogo{width:195px;height:55px} .containerCerca_Carrello.fixed .FreccettaBackgrounSottoLogo > div.First:before{left: 58px;top: -33px;} /* -------------------------------------- */ /* ------------ INTESTAZIONI ----------------- */ h1, h2, #ImmagineConTesto1 .text .title, h4, h5, h6, #Testimonials .TitoloTestimonials, .titoloProdInLista, .titoloProdInLista-min, #menuFaq.VersionFAQ1 > ul > li > a, #menuFaq .Domanda, table:not(.table-condensed) th {font-family: 'Open Sans';} #FettaDiImmagine #ContainerText > *, #CntSlider:not(.FormatSlider1) #Slider .Isset .title, #CntSlider:not(.FormatSlider1) #Slider .Isset .paragrafo, #slide_info > div:not(.FormatSlider1) .iS-Content .iS-Item > .TestiSl .title, #slide_info > div:not(.FormatSlider1) .iS-Content .iS-Item > .TestiSl .paragrafo{font-family: 'Open Sans';} .TabFlatmain > .LabelTab label, body.CatLeftTopDefault .jquery-accordion-menu .jquery-accordion-menu-header, h3:not(.titolo_pagamenti), body.CatLeftTopActive.HeaderVersion1 .jquery-accordion-menu .jquery-accordion-menu-header, h3:not(.titolo_pagamenti) {font-family: 'Open Sans';position: relative;font-size: 20px;letter-spacing: -0.4px;color: #000 !important;font-weight: 600;height: 42px;} body.CatLeftTopDefault .jquery-accordion-menu .jquery-accordion-menu-header, h3:not(.titolo_pagamenti), body.CatLeftTopActive.HeaderVersion1 .jquery-accordion-menu .jquery-accordion-menu-header, h3:not(.titolo_pagamenti) {border: 0;margin-bottom: 15px;background-color: transparent !important;} nav.menu_principale a, #top_nav{ font-family:'Open Sans';font-weight:500 !important; padding:0 14px; } .RiepilogoProdottiCarrello .Title > span{font-family: 'Open Sans';} .TestoPrivacyPolicy .T{font-family: 'Open Sans';} #FettaDiImmagine #ContainerText > *{line-height:100px!important;} /* -------------------------------------- */ /* ------------ LISTA MARCHE ------------- */ #ElencoMarche .MiniLista .singolaMarca{padding-top:4px;padding-bottom:4px;} /* ------------ LISTA MARCHE ------------- */ /* ------------ TITOLI PRODOTTI ----------------- */ .listaArticoliPiccoliLaterali article h4, article h2, .listaArticoliPiccoliLaterali article .titoloProdInLista-min, article .titoloProdInLista, div.contenitore_scheda h1, h1.TitoloSchedaProdotto, #TabellaCarrello a.nomeProdotto, .RiepilogoProdottiCarrello .SingleProduct .name{font-family: 'Open Sans';color: #000;font-style: normal;font-weight: bold;} article h2 a, article .titoloProdInLista a {Font-size: 14px;line-height: 18px;} div.righe article h2 a, div.righe article .titoloProdInLista a{font-size:16px;} div.contenitore_scheda h1, h1.TitoloSchedaProdotto{font-size:24px;line-height:26px;letter-spacing: -1px;color:#000;text-transform:capitalize;} /* -------------------------------------- */ /* ------------ CONTENUTO ----------------- */ body, #Testimonials section, #ImmagineConTesto1 .text, .TestoLiberoContatti, .Dati_Azienda_Contatti, .txtpagineint{font-family:Open Sans;} nav#breadcrumbs a{font-family:'Open Sans' !important;} .colorepulsanti{font-family:'Open Sans' !important;} label.prezzo_scheda span.regular{font-family:'Open Sans' !important;} .opzioni1, div.riga div.Legenda .txt{font-family:'Catamaran' !important;} .ms-parent, .smart-forms .select > select, .smart-forms .gui-input, textarea, .btn-CntPhotoVar, .smart-forms label.option {font-family: Open Sans;} #vetrina article p.prezzo, #banner_move article p.prezzo, #ListaDesideriAjax article p.prezzo, .special_prod .prezzo, table span.prezzounit, table span.ImportoProdotto, .listaArticoliPiccoliLaterali article p.prezzo, .RiepilogoProdottiCarrello .SingleProduct .price, .RiepilogoProdottiCarrello .Calculate p .Valore {font-family:'Open Sans' !important;} table.TabellaLista, #TabellaCarrello, table.buonisconto, p.msg_carrello, #EseguiLogin.StepCheckout label.option .DescrOption {font-family: "Open Sans";} #show_carrello{font-family: "Open Sans";} #show_carrello table#total{font-family:'Open Sans' !important;} /* -------------------------------------- */ /*Div- Intestazione dell'utente quando � loggato*/ .colorPr {} #welcome, #welcome a { background:#292929 !important;} /* -------------------------------------- */ /* ----- COLORE e FONT DI TUTTI I PULSANTI (NORMALE E HOVER) ----- */ .colorepulsanti{background-color: #d21822 !important;} .colorepulsanti:hover {background-color: #48484b !important;} /* -------------------------------------- */ /* ----- BACKGROUND ALTRI CONTENITORI ----- */ .ContainerColore{/*background-color: #762C1D !important;*/} /* -------------------------------------- */ /* ----- COLORE DESIDERI (NORMALE E HOVER) ----- */ /* -------------------------------------- */ /* ----- COLORE CONFRONTA (NORMALE E HOVER) ----- */ /* -------------------------------------- */ /* ----- COLORE TOP CARRELLO ----- .coloretopcarrello{}*/ /* -------------------------------------- */ /* ----- COLORE MENU ORIZZONTALE HOVER ----- */ .menuPrincipaleAccontoLogo .containerCerca_Carrello:not(.fixed) #nav.ListaEstesa ul.Cat_level0{margin-top:-10px} .CatLeftTopDefault .menu_principaleHeader #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a, .CatLeftTopDefault .menu_principaleHeader nav.menu_principale #menuresponsive > li > a:hover,#nav li ul:not( :hover ) li.active a, .CatLeftTopDefault .menu_principaleHeader nav.menu_principale a.selected ,ul.ss-box li.ss-header { background:#d21822 !important;color:#fff !important; } .menuPrincipaleAccontoLogo nav.menu_principale a{position:relative;} .menuPrincipaleAccontoLogo #menuresponsive > li > a, .menuPrincipaleAccontoLogo .IconMenuVeloci a{color:#000} .menuPrincipaleAccontoLogo nav.menu_principale a.selected, .menuPrincipaleAccontoLogo nav.menu_principale #menuresponsive > li > a:hover{color:#d21822 !important;} .CatLeftTopActive .menu_principaleHeader nav.menu_principale a.selected, .CatLeftTopActive .menu_principaleHeader nav.menu_principale a:hover{color:#d21822 !important;} body.headerFixed #sa-suggestions{position:fixed !important;top:49px !important} ul.ss-box{border:1px solid #d21822 !important} .coloreDefault{color:#1d1d1d;} /* -------------------------------------- */ /* MENU PRINCIPALE ORIZZONTALE- Colore di fondo*/ nav.menu_principale li.LinkSpeciali2 form#search.Flat{margin-top:2px;} nav.menu_principale li.LinkSpeciali2 form#search.Flat .colorepulsanti{background-color:transparent!important;} li.LinkSpeciali2.Ricerca_Carrello #CarrelloAjax{height:42px;} .menu_principaleHeader nav.menu_principale {background:#1d1d1d !important;} body.CatLeftTopActive:not(.HeaderVersion1) .jquery-accordion-menu .jquery-accordion-menu-header{background-color:rgba(255,255,255,.2);color:#fff;line-height:55px;font-weight:500;letter-spacing:0} body.CatLeftTopActive.HeaderVersion1 .jquery-accordion-menu .jquery-accordion-menu-header{} body.CatLeftTopDefault section.menu_tendina{height:42px} body.CatLeftTopDefault .menu_principaleHeader #menuresponsive > li > a, body.CatLeftTopDefault .IconMenuVeloci a{line-height:42px} .menu_principaleHeader nav.menu_principale li a.Nuovi{background-color:#762C1D} .menu_principaleHeader nav.menu_principale li a.Offerte{background-color:#4caf50} body.CatLeftTopActive:not(.HeaderVersion1) .jquery-accordion-menu .jquery-accordion-menu-header, section.menu_tendina{height:55px} body.CatLeftTopActive:not(.HeaderVersion1) .menu_principaleHeader #menuresponsive > li > a, body.CatLeftTopActive .IconMenuVeloci a{line-height:55px} .menuPrincipaleAccontoLogo #menuresponsive > li > a{line-height:72px;} .menuPrincipaleAccontoLogo .fixed #menuresponsive > li > a {line-height: 55px !important;} .menu_logo--clone .IconMenuVeloci span.contButton{margin-top:11px} .menu_logo--clone .IconMenuVeloci #Carrello{margin-top:14px} .containerCerca_Carrello.fixed .Ricerca_Carrello {top: 15px;} nav.menu_principale a:last-child{border-color:#2c2c2c} body.lingua1.CatLeftTopDefault nav.menu_principale a{/*font-size:15.5px;*/} body.lingua2.CatLeftTopDefault nav.menu_principale a{/*font-size:14px;*/} /*#menuresponsive a {margin: 12px 0;} /* -------------------------------------- */ div.speciali .bottom_Slider_Fixed button:hover, .prodottiSchedaCorrelati .bottom_Slider_Fixed button:hover, #ConsigliamoAnche .bottom_Slider_Fixed button:hover {background-color:#1d1d1d !important;border-color:#1d1d1d !important;color:#fff;} /**/ section#slide_info{} .smart-forms .ui-slider .ui-slider-handle{background-color:#e8e8e8} /* BESTSELLERS*/ #bestsellerslider .titolobest{ margin-bottom: 5px;} div#bestsellerslider article h4, div#bestsellerslider article .titoloProdInLista-min{font-family:'Open Sans', 'Roboto' !important;} div#bestsellerslider article h4 strong, div#bestsellerslider article .titoloProdInLista-min strong{font-weight:bold} #bestsellerslider article h4:after, #bestsellerslider article .titoloProdInLista-min:after{display:none} /* -------------------------------------- */ .menuPrincipaleAccontoLogo #nav li.Submenu ul.ElencoClassico i{color:#fff;} .menu_principaleHeader #nav li.Submenu ul.ElencoClassico, .menu_principaleHeader #nav li.Submenu ul.ElencoClassico li > ul{background-color:#48484b;} .menuPrincipaleAccontoLogo #nav li.Submenu ul.ElencoClassico, .menuPrincipaleAccontoLogo #nav li.Submenu ul.ElencoClassico li > ul{background-color:#1d1d1d} /* ----- COLORE SEPARATORE MENU ORIZZONTALE ----- */ #nav > ul > li:not(:last-child) > a { border-right: 0 solid #2c2c2c !important; padding:0 10px; } #nav.ListaEstesa ul.Cat_level0{height:320px;border-width: 5px;border-color: #48484b;} #nav.ListaEstesa ul.Cat_level0 .SingleSub_level1 .Sub_level1 a{font-size:15px;} #nav.ListaEstesa ul.Cat_level0 .SingleSub_level1 .Sub_level2 a{font-size:15px;line-height:19px} /* ----- COLORE SEPARATORE DEI SUBMENU DEL MENU ORIZZONTALE ----- */ /* ----- CLASSE FONT UTILIZZATA PER CATEGORIE, FILTRO MARCA E PREZZO ----- */ /* -------------------------------------- */ /* ----- Sfondo del titolo CATEGORIA -- */ section div#vetrina{/*padding-top:5px*/} #catalogo .titolopagineint{border:1px solid #ebebeb;top: 0;margin-bottom:15px;padding-left:13px} .TopCategory, #ProdottiSpeciali, #AnteprimeConfronta, #ContainerFiltri, #bestsellerslider, aside > #checkboxlistmarca{border:1px solid #ebebeb;padding:5px;margin-bottom:18px;} .TopCategory{padding-top:0;} #ProdottiSpeciali{border-color:#ad160e;padding:6px 0 10px;} #Categorie {font-family: 'Open Sans';} .TopCategory #Categorie{margin-bottom:10px} #ContainerFiltri, aside > #checkboxlistmarca{padding:5px 13px 13px 13px;} #ContainerFiltri > *:last-child{margin-bottom:-20px;} #AnteprimeConfronta > div > p{margin-bottom:10px;} #bestsellerslider > .pulsanticomuni{margin-top:0 !important;margin-bottom:10px;} .jquery-accordion-menu .jquery-accordion-menu-header:after, h3:not(.titolo_pagamenti):after {content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background-color:#ebebeb !important;} aside .jquery-accordion-menu .jquery-accordion-menu-header:after, aside h3:not(.titolo_pagamenti):after {left:15px !important;right:15px !important;} .TopCategory .jquery-accordion-menu .jquery-accordion-menu-header, #ProdottiSpeciali h3, #AnteprimeConfronta h3, #bestsellerslider h3 {margin-left:-5px;margin-right:-5px;padding-left:15px} aside > #checkboxlistmarca h3, #ContainerFiltri h3{margin-left:-13px;margin-right:-13px;padding-left:15px;} #ProdottiSpeciali h3{margin-bottom:0;} .prodottiSchedaCorrelati h3{margin-bottom:0} .prodottiSchedaCorrelati h3:after{left:0;right:0} .FormatSlider2 div.banners figure{height:auto !important;} .FormatSlider2 div.banners figure img{width:auto !important; min-width: 100% !important;} div.speciali .bottom_Slider_Fixed{top:-21px;} div.speciali .bottom_Slider_Fixed button{color:#000;} .listaArticoliPiccoliLaterali article{padding:15px 0 0 0;margin:0 0 20px 0} .bottom_Slider_Fixed.headerTitle{/*background-color:transparent;*/} .TabFlatmain > .LabelTab .active label{background-color:#d21822 !important;color:#fff!important;} .TabFlatmain > .LabelTab .active label:after{background-color:transparent !important} #FettaDiImmagine .subSlider .pattern{background-color:rgba(0,0,0,0.3);} @media screen and (min-width: 981px){ #account-page .TabFlatmain > .LabelTab label{line-height: 30px;} } /* -------------------------------------- */ /* ----- PRODOTTO NUOVO ----- */ div.nuovo{background-color: #762C1D !important;} div.sconto, #prezzo_visibile.scontoApplicato:after{background-color: #4caf50 !important;} div.sconto, div.nuovo{font-family: 'Open Sans', 'Roboto',serif !important;} .vetrina_riga article div.sconto, .vetrina_riga article div.nuovo{/*line-height:32px !important*/} /* -------------------------------------- */ /* ----- SFONDO TAB SPECIALI ----- */ .fondospeciali{background-color: #fff !important;border:0 !important;padding:0 !important;} #ProdottiSpeciali .bottom_Slider_Fixed{top:5px} /* -------------------------------------- */ /* ----- MARCA, TABS ----- */ .coloremarca,div.tabs ul li.active,table td a:hover{color: #996666;} .OffertaTempo.ls {background-color: #f2f2f2;border: 1px solid #d2d2d2;} .valido_fino .Data{font-weight:600;} /* -------------------------------------- */ /* ----- SFONDO DELLE TAB ATTIVE (ZOZO-TABS)*/ .z-tabs.silver > ul > li.z-active > a{font-weight:bold} .z-tabs.silver > ul > li > a:hover {} /* -------------------------------------- */ /* ----- LINEA COLORATA SOTTO TITOLO ----- */ article h2:after, article .titoloProdInLista:after {background: none repeat scroll 0 0 #1d1d1d !important;} /* -------------------------------------- */ /* ----- PERCORSO posizione attuale ----- */ .navigazione{} nav#breadcrumbs { background-color: #f5f5f5 !important; } nav#breadcrumbs span.arrow{color:#888888; font-size: 16px; position: relative;} .no_p{ padding-right:0} nav#breadcrumbs a{color:#292929;} nav#breadcrumbs > :last-child:not(.arrow), nav#breadcrumbs > :last-child a{color:#1d1d1d} nav#breadcrumbs a:hover {color: #1d1d1d !important;} /* -------------------------------------- */ /* ----- "CONSIGLIAMO ANCHE" ----- */ .consigliamo {background-color: #eee!important;color: #FD7E26 !important;font-family: 'Open Sans', 'Roboto' !important;} /* -------------------------------------- */ /* ----- COLORE DELLE ICONE DI PAGAMENTO ------ */ #ccredito i.fa { color: #fff;} /* ----- ARTICOLI e CATALOGO ----- */ div.prezziSoloOnline, div.ivainclusa{padding:1px 9px;} nav span.Listapagination span.pagina a:hover, nav span.Listapagination span.prev a:hover, nav span.Listapagination span.next a:hover {border-color: #d21822;background-color: #d21822;} div.prezziSoloOnline{color:#ffffff;background-color:rgb(29, 29, 29)} div.ivainclusa{color:#ffffff;background-color:rgb(29, 29, 29)} article .DescrizioneProdotto{margin-top:10px;} div.righe article h2, div.righe article .titoloProdInLista{} ul.scelta_vista li.active a i{/*color:#996666*/} .div_prezzo_scheda .sconto{} .div_prezzo_scheda .sconto span{} article p.prezzo span.prezzoTagliato{font-size:16px} article p.prezzo span.newPrezzo{/*color:#1d1d1d !important;*/} div#bestsellerslider article p.prezzo{padding:3px 5px !important; line-height:18px !important;overflow: hidden;} div.righe article h2, div.righe article .titoloProdInLista{} div.righe article p {} div.subcat div.colonna a{font-size:15px; font-family:'Open Sans', 'Roboto'} .ElencoMacroSubs{font-family:'Open Sans';} .ElencoMacroSubs .xsubcategorie{font-size:15px;} .ElencoMacroSubs .SubSubs i.Subs {color: #d21822;} .ElencoMacroSubs .SubSubs i.Subs:before{content:none;} .ElencoMacroSubs .SubSubs i.Subs:after{content: '+';font-size: 40px;font-weight: 500;line-height: 20px;font-family: 'Open Sans';} /* ----- subcategorie su catalogo -----*/ div.subcat div.colonna a:hover { color:#996666 } /* ----- SCHEDA ARTIOLO -----*/ #SchedaProdotto h1.TitleProdotto_Pr, h1.TitoloSchedaProdotto{font-size:26px;line-height:29px;} .jconfirm .jconfirm-box div.jconfirm-title-c, .md-content h5{background-color:#d21822 !important;} .jconfirm .jconfirm-box div.jconfirm-title-c, .jconfirm-box .jconfirm-closeIcon, .md-content h5{color:#fff;} .moduloinfoprodotto .jconfirm-box div.title-c .NomeProd{color:#f1f1f1;} div.div_prezzo_scheda, #AllegatiInPrimoPiano div{} label.prezzo_scheda span.regular { letter-spacing: 0; font-size: 30px; } div.contenitore_scheda h1, h1.TitoloSchedaProdotto{padding-right:25px} div.contenitore_scheda .more-less{padding-right:25px} /* ----- COLORI SLIDER -----*/ div.banners figure +figure {margin-top: 8px;} #slide01{background-color:#f3f0eb;margin-bottom:0} .iS-SkinIcons .iS-Loopline, .iS-Loading { background-color:#d21822 !important;} .iS-SkinIcons .iS-Dot{ color:#d21822 !important} .iS-SkinIcons .iS-Dot:hover { background-color:#d21822 !important; border-color: #d21822 !important; } .iS-SkinIcons .iS-Dotactive, #Testimonials .util-page.active-page span { background-color:#d21822 !important; border-color: #d21822 !important; } #slide_info > div:not(.FormatSlider1) .iS-Content .iS-Item > .TestiSl, #CntSlider:not(.FormatSlider1) #Slider .Isset .TestiSl{background-color:rgba(0,0,0,0.1);} #Testimonials.Template_FotoTop:before {background-color: rgba(0, 0, 0, 0.85);} #Testimonials.Template_FotoTop .SingleTS_2 .text{font-size:16px;} .AllFooterSections { background-image: url("../post/footer/imgfooter.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } footer{background-color:rgba(0, 0, 0, 0.7) } footer .contatti .trat1{/*display:none*/} footer nav a{color:#bfbfbf} #FooterCopyrightCCredito{background-color:rgba(0, 0, 0, 0.57)} #FooterCopyrightCCredito a{color:#fff;font-weight:bold;} section.copyright{color:#fff !important} footer nav.contatti .trat2{height:0;overflow:hidden;display:block;width:100%;} div.personalizzato{padding: 0 20px 5px 20px;max-width: 1310px;background: #fff;margin: 20px auto;} div.personalizzato img{vertical-align:top} div.personalizzato #personale1, div.personalizzato #personale2{margin-top: 25px;width:35%;} div.personalizzato #personale2{margin-left:2%} div.personalizzato #personale1{float:left;} div.personalizzato #personale3{float:right;width:27%} div.personalizzato #personale4{float:left;width:60%} div.personalizzato #personale5{float:right;width: 38%;margin-top: 15px;} #Newsletter{background-color:#980911;} #Newsletter .testo{color:#fff;} #Newsletter form button{background-color:#48484b !important} #Newsletter form button:hover{background-color:#525256 !important;} #MCat > li.active > a, #MCat > li.active > span, #MCat a.submenu-indicator-minus, #MCat .submenu >li > a.selected, #MCat .submenu >li > span.jquery-accordion-menu-label.selected{color:#d21822;} #MCat li:not(.active):not(.OpenList):not(.selected):hover > a:not(.selected), #MCat li:not(.active):not(.OpenList):not(.selected):hover > .jquery-accordion-menu-label:not(.selected){color:#d21822} #MCat a.submenu-indicator-minus, #MCat .submenu >li > a.selected, #MCat .submenu >li > span.jquery-accordion-menu-label.selected {color:#d21822!important} #MCat > li > ul span.jquery-accordion-menu-label, #MCat > li > ul > li a{line-height:19px;padding-top:2px!important;padding-bottom:2px!important;} .jquery-accordion-menu .submenu-indicator{top:5px;} .jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu{margin-bottom:10px;} #FettaDiImmagine, #FettaDiImmagine .subSlider{height:100px;background-position: center 58%;} #FettaDiImmagine #ContainerText > span{margin-top:0;} form#search input:focus{border-color:#1d1d1d !important} form#search input::-webkit-input-placeholder{color:#1d1d1d} form#search input::-moz-placeholder{color:#1d1d1d} form#search input:-ms-input-placeholder{color:#1d1d1d} form#search input:-moz-placeholder{color:#1d1d1d} #ImmagineConTesto1{background-color:#927e63;} #ImmagineConTesto1 .text{color:#fff;} #ImmagineConTesto1 .text .title{font-size:42px;} #ImmagineConTesto1 .text .descr{line-height:26px;font-size:19px;} #Testimonials .TitoloTestimonials{font-size:42px;} #menuFaq.VersionFAQ1 > ul > li > a > font{border-color:#d21822 } #menuFaq.VersionFAQ1 > ul > li > a > font font{background-color:#d21822 } @media screen and (max-width: 1500px) and (min-width: 1300px){ .CatLeftTopDefault nav.menu_principale a{font-size:17px;padding:0 13px;} } @media screen and (min-width: 1025px){ #slide_info > div:not(.FormatSlider1) #slide01, .BannerSupplementari .iS-Loading, #CntSlider:not(.FormatSlider1) #Slider, .iS-Loading {height: 532px;} .jquery-accordion-menu ul li .jquery-accordion-menu-label{top:2px;} #MCat > li > a, #MCat > li > span.jquery-accordion-menu-label{font-size:18px} #MCat > li > ul a, #MCat > li > ul span.jquery-accordion-menu-label{font-size:14px !important;} #MCat > li > span.jquery-accordion-menu-label{max-width:calc(100% - 30px);} #MCat > li > ul span.jquery-accordion-menu-label {max-width: calc(100% - 41px);} } @media screen and (max-width: 1024px) { nav.menu_principale a { font-size:13px !important; padding: 0px 10px !important; } nav.menu_principale li.LinkSpeciali2 a{height:auto!important;} nav.menu_principale li.LinkSpeciali2 a[tot-pr]:not([tot-pr=""]):after { width: 36px; height: 22px; font-weight: 500; line-height: 22px; font-size: 15px; content: attr(tot-pr); position: relative; background-color: rgb(42, 52, 58); float: right; border-radius: 10px; -moz-border-radius: 10px; text-align: center; border: 0 solid #fff; font-family: Roboto; } } @media screen and (max-width:1024px) and (min-width: 981px){ body section aside {width: 248px;} h3:not(.titolo_pagamenti){font-size:15px;} aside .EtichettaFl, .ScegliFiltriResponsive .EtichettaFl{font-size:11px;} aside .FromToPriceText .Submit{top:15px;} } @media screen and (min-width: 981px) { .containerCerca_Carrello .Ricerca_Carrello{top:80px;} form#search button, a.AnteprimeCarrello{background-color:transparent !important;color:#fff !important;width:auto;height:auto;line-height:normal;padding:0 5px !important;} form#search button{height: 34px;width: 34px;margin: -7px 0 0 0;} form#search button i{position:relative;top:-1px;} form#search .SearchFlat:not(.open){opacity:0 !important} form#search .SearchFlat{right: 0 !important;margin-top: -7px;} form#search{margin-right:30px !important;} form#search:after{content:'';background-color:#e0e0e0;position:absolute;right: -15px;top: 0;width: 1px;height: 22px;} form#search .SearchFlat.open + button:after{content:'';background-color:#e0e0e0;position:absolute;left: 0;top: 6px;width: 1px;height: 22px;} form#search button:hover, a.AnteprimeCarrello:hover{background-color:transparent !important;} form#search button i.fa{color:#424242;line-height: normal;} form#search button i.fa:after{padding:0 0 0 5px;font-family: 'Open Sans';font-size: 14px;} form#search input{height:34px;padding-right:37px;border-color:#e0e0e0} .carrellotop, form#search{height:28px;min-width: initial;} .carrellotop{margin-top:-1px;} a.AnteprimeCarrello{} .topcarrello i:not(.Linkactive) {margin-right: 10px;} .topcarrello.vuoto:after{content:'\20AC 0,00';font-weight:500;font-size:16px;} #CarrelloAjax:before{content:'';position:absolute;left: 35px;bottom: 2px;} a.topcarrello i:not(.Linkactive):after, a.topcarrello i.Linkactive:after{background-color: #ad160e;color: #fff;min-width:22px;width: auto;padding: 0 1px !important;font-size: 13px;right: 4px !important;margin-right:-6px;} a.btncarrello i.icon{position:initial !important;font-size:24px;} a.AnteprimeCarrello i:after{padding:0 3px 0 5px;} /*#MCat > li > ul span.jquery-accordion-menu-label{width:calc(100% - 42px)}*/ #MCat > li > ul > li a{height:auto;} /*.FullW .iS-Image0{margin-top:-30.5px !important}*/ .containerCerca_Carrello, .containerCerca_Carrello section{ overflow:inherit} a.logo{top:17px;} .containerCerca_Carrello.fixed a.logo{top:6px;} .containerCerca_Carrello.fixed a.logo img{margin-top:0;} div#div_top_nav{background:#f4f4f4;border-bottom:1px solid #ccc;} .MenuPrincipaleFull form#search, .MenuPrincipaleFull .carrellotop, .AccountLg{margin-top:6px !important;} #MCat > li > .jquery-accordion-menu-label{top: 8px;} #MCat > li > a .submenu-indicator{top:12px;} #MCat > li > a { min-height: 38px; height: auto; line-height: 22px; } } @media screen and (max-width: 980px) { .Content_DecorazioneHeader{display:none} #MCat > li > a, #MCat > li > span.jquery-accordion-menu-label{font-size:23px;height: auto !important;} #MCat > li > ul a, #MCat > li > ul span.jquery-accordion-menu-label{font-size:18px !important;line-height:22px!important;} #MCat > li > ul span.jquery-accordion-menu-label, #MCat > li > ul > li a{padding-top:5px!important;padding-bottom:5px!important;} #MCat > li > ul .jquery-accordion-menu-label {top: 0;} .jquery-accordion-menu ul ul.submenu .submenu-indicator {top: 7px !important;} section#slide_info.inherit{overflow:hidden !important} div#div_top_nav, #MenuResponsive .header{ background-color:#1d1d1d!important;} #top_nav a, #top_nav a i, #MenuResponsive .header .Text, #MenuResponsive .header i { color: #fff !important; } #ButtonMenuResponsive .Line { background-color: #fff !important; } a.logo{top:11px} #index-page section#contenuto{overflow:hidden !important} #welcome.Agente .trattino{display:block;height:0;overflow:hidden;} body.LoginOk.Agente nav.center {margin-top: 108px;} body.LoginOk.Agente #ButtonMenuResponsive:not(.open){top: 54px;} body.LoginOk.Agente div#div_top_nav {top: 48px!important;} .ScegliFiltriResponsive.open .ElencoFiltriResponsive{background-color:transparent!important;} .ElencoFiltriResponsive .ElencoMacroSubs{margin:-5px;} .ElencoFiltriResponsive .ElencoMacroSubs > li{float:left;margin:5px;padding:8px 9px;background-color:#d21822;} .ElencoFiltriResponsive .ElencoMacroSubs > li a{color:#fff;font-size: 17px;} .banner_move article button.btncarrello, .vetrina_riga.Modalita1 article button.btncarrello, a.btncarrello, button.btncarrello{/*padding-left:5px;*/} .banner_move article button.btncarrello i.icon, .vetrina_riga.Modalita1 article button.btncarrello i.icon, a.btncarrello i.icon, button.btncarrello i.icon{/*display:none;*/} body.index.Agente article.quantityActive .btncarrello, body.Agente article.quantityActive .btncarrello {width: calc(100% - 105px) !important;margin-left: 105px;} } @media screen and (max-width: 980px) and (min-width: 511px){ #welcome.Agente .header .noSmartPhone{display:none;} #welcome.Agente .header .dalTabletInGiu{display:inline;} footer nav.contatti.responsive{width:auto;} #slide_info > div:not(.FormatSlider1) #slide01, .BannerSupplementari .iS-Loading, #CntSlider:not(.FormatSlider1) #Slider, .iS-Loading{height:210px;} .containerCerca_Carrello{text-align:center;} .containerCerca_Carrello a.logo{float:none;position:relative;display:inline-block;} body > #MenuResponsive{width:100%;} .CategoriaDescr .image figure {height: 96px;} } @media only screen and (max-width: 1100px) and (min-width: 1020px){ #slide_info > div:not(.FormatSlider1) #slide01, .BannerSupplementari .iS-Loading, #CntSlider:not(.FormatSlider1) #Slider, .iS-Loading {height: 286px;} } @media only screen and (max-width: 1000px){ #slide_info > div:not(.FormatSlider1) #slide01, .BannerSupplementari .iS-Loading, #CntSlider:not(.FormatSlider1) #Slider, .iS-Loading {height: auto;} #slide_info #slide01.iS-SkinIcons .iS-Content, #slide_info #slide01.iS-SkinIcons .iS-Items, #slide_info #slide01.iS-SkinIcons .iS-Item {position: inherit;} #slide_info #slide01.SliderMobile .iS-Image{position: initial;left: 0;top: 0;transform: none;width: 100%;height: auto;} } @media screen and (min-width: 981px) and (max-width: 1024px) { #slide_info{padding-top: 30px;} div.personalizzato{margin-bottom:15px} div.personalizzato #personale1{height: 90px;} div.personalizzato #personale2{height: 90px;} div.personalizzato #personale3{height: 130px;margin-top: 9px;} a.logo{} a.logo img{height:60px;} .menuPrincipaleAccontoLogo .menu_principale {width: calc(100% - 275px);} .menuPrincipaleAccontoLogo > .fixed .menu_principale {width: calc(100% - 215px);} .FormatSlider2 div.banners figure{height:138px;} } @media screen and (min-width: 765px) and (max-width: 860px) { a.logo{} a.logo img{height:95px !important;} .div_prezzo_scheda #prezzo_visibile{font-size:27px} label.prezzo_scheda span span {} } @media screen and (min-width: 510px) and (max-width: 980px) { article p.prezzo, article p.prezzo span.newPrezzo, article p.prezzo span.prezzoTagliato{font-size:15px !important} article p.prezzo span font{font-size: 28px;} article p.prezzo span.prezzoTagliato font{} article p.prezzo span.prezzoTagliato{line-height:normal !important} article p.prezzo span.newPrezzo{line-height:normal !important} div.personalizzato{padding:0} div.personalizzato #personale1{height: 70px;} div.personalizzato #personale2{height: 70px;} div.personalizzato #personale3 { height: 115px; margin-top: 9px; } } @media screen and (min-width: 981px) { #slide_info{} .top__menu_left a{font-size:13px !important;} .top__menu_left a i{font-size:16px !important;} .top__menu_left a i.fa-envelope{font-size:14px!important;} .top__menu_left .email{} } @media screen and (max-width: 980px) { section#slide_info{box-shadow:none !important} /*a.logo{top: 8px !important;}*/ a.logo img{margin-top:0 !important} div.zopim{right:inherit !important;left:20px !important;} body:not(#SchedaProdotto) div.zopim{bottom:5px !important} } @media only screen and (min-width: 510px) and (max-width: 860px) { div.righe article h2, div.righe article .titoloProdInLista { top: 0; margin-top: 3px; } } @media screen and (max-width: 640px) { nav#top_nav a.logo { margin-top: 30px !important; } section#slide_info{/*margin-top: 10px;*/} a.logo img{max-height:none} } @media only screen and (max-width: 770px) { div#div_top_nav{padding-bottom:10px !important} nav.center{height:116px !important} } @media only screen and (max-width: 740px) { .slicknav_menu{/*top:-72px*/} } @media only screen and (max-width: 510px) { .topcarrello{padding-left:0 !important} a.logo {top: 2px !important;} .iS-SkinIcons .iS-Next, .iS-SkinIcons .iS-Previous{background-color:#000} #FooterCopyrightCCredito{padding-bottom:40px} #tabbed-nav .allineadestra label.prezzo_scheda{margin-right:0;margin-top: 6px;display:inline-block;} label.prezzo_scheda span.regular{font-size:25px} #tabbed-nav #operazioniBottoniConVariantisemplici #buttoncarrello_variantiCarrello{width:150px} } @media only screen and (max-width: 509px) { div.personalizzato{padding:0} div.personalizzato #personale1{width: 100%;} div.personalizzato #personale2{width: 100%;} div.personalizzato #personale3 { width:auto; float:none } nav#top_nav a.AbbassaSmartPhone {margin-top: 46px !important;} .AbbassaCoverSlider{/*margin-top: 65px !important;*/} nav#top_nav .top__menu a:first-child { display: none; } nav#top_nav .top__menu a:nth-child(4) {border-left-color:transparent} #bottonContactScheda{margin:0 0 0 12px !important} .jquery-accordion-menu .jquery-accordion-menu-header, h3{height:auto} #slide01.SliderMobile .iS-Image{left:72%;} } @media only screen and (max-width: 400px) and (min-width: 331px){ #slide01.SliderMobile .iS-Image{left:79%;} } @media only screen and (max-width: 330px){ #slide01{height:140px;} .fondospeciali{padding:0 0!important;} } /* ========================================================================== EUROEDITORIALE B2B - MASTER OVERRIDES (PERFEZIONE MILLIMETRICA DEFINITIVA V2) ========================================================================== */ /* --- 1. TIPOGRAFIA & VARIABILI GLOBALI --- */ :root { --ee-primary: #d21822; --ee-primary-hover: #b5121b; --ee-primary-light: #fef2f2; --ee-dark: #0f172a; --ee-slate: #1e293b; --ee-text: #334155; --ee-muted: #64748b; --ee-bg: #f8fafc; --ee-border: #e2e8f0; --ee-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05); --ee-shadow-hover: 0 12px 24px -4px rgba(0, 0, 0, 0.12), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } html, body, #body2, table, tr, th, td, .contenitore_scheda, .titoloProdInLista, .DescrizioneProdotto, input, button, select, textarea, .top__menu, nav, h1, h2, h3, h4, h5, h6, .menu_principale, .DescrizioneBreve, .PrezzoProdotto, .PrezzoListino, .PrezzoOfferta, .PrezzoUnitario, .PezziPerConfezione, #SchedaProdotto, .info_prodotto, .breadcrumb, #breadcrumbs, .pagination, #show_carrello, #TabellaCarrello, .colonnalogin, #PreviewProdottiCarrello, .tooltipster-content, #MessaggioVeloce, .AlertMessageFlat { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } /* --- RESET STRUTTURA GLOBALE: ZERO SPOSTAMENTI SOTTO ZOOM (<50% / 67%) --- */ html, body { width: 100% !important; min-width: 0 !important; overflow-x: hidden !important; } #body2, #root, .BackSfondoBox { width: 100% !important; max-width: 100% !important; display: block !important; float: none !important; margin: 0 auto !important; position: relative !important; } /* LAYOUT PULITO PER CONTENUTO PRINCIPALE & SIDEBAR (DUE COLONNE SENZA COLLASSI) */ section#contenuto { display: block !important; max-width: 1270px !important; width: 100% !important; margin: 0 auto !important; padding: 0 20px 40px !important; box-sizing: border-box !important; position: relative !important; } section#contenuto:after { content: "" !important; display: table !important; clear: both !important; } nav#breadcrumbs { display: block !important; width: 100% !important; float: none !important; clear: both !important; margin: 15px 0 20px 0 !important; } @media screen and (min-width: 981px) { /* Pagine standard con sidebar: Catalogo, Ricerca, Scheda */ /* Catalogo a due colonne con Sidebar a larghezza fissa (250px) e Vetrina flessibile */ body#catalogo section#contenuto > aside, body#dettagli section#contenuto > aside, body:not(#Login):not(#PaginaRegistrati):not(.ElencoMarche) section#contenuto > aside { display: block !important; float: left !important; width: 250px !important; min-width: 250px !important; max-width: 250px !important; box-sizing: border-box !important; margin: 0 !important; } body#catalogo section#contenuto > #vetrina, body#dettagli section#contenuto > #vetrina, body:not(#Login):not(#PaginaRegistrati):not(.ElencoMarche) section#contenuto > #vetrina { display: block !important; float: right !important; width: calc(100% - 275px) !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; } /* Pagine a larghezza piena senza sidebar: Marche, Login, Registrati */ body.ElencoMarche section#contenuto > #vetrina, body#Login section#contenuto > #vetrina, body#PaginaRegistrati section#contenuto > #vetrina, section#contenuto.FW > #vetrina { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.ElencoMarche section#contenuto > aside, body#Login section#contenuto > aside, body#PaginaRegistrati section#contenuto > aside { display: none !important; } } @media screen and (max-width: 980px) { section#contenuto > aside, section#contenuto > #vetrina { float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 0 20px 0 !important; } } /* --- 2. TESTATA, LINEA ROSSA & STICKY HEADER --- */ #div_top_nav { border-bottom: 2px solid var(--ee-primary) !important; background-color: #f8fafc !important; width: 100% !important; position: relative !important; padding: 8px 0 !important; min-height: 38px !important; box-sizing: border-box !important; } #div_top_nav section, .menuPrincipaleAccontoLogo .containerCerca_Carrello section, .containerCerca_Carrello.fixed section { max-width: 1270px !important; width: 100% !important; margin: 0 auto !important; padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; } #top_nav { border-bottom: none !important; background-color: transparent !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 32px !important; height: auto !important; line-height: normal !important; } #top_nav .top__menu_left { float: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 16px !important; } #top_nav .top__menu_left a { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 4px !important; font-size: 14px !important; line-height: 1.4 !important; } #top_nav .top__menu_left a:first-child { padding-left: 0 !important; margin-left: 0 !important; } #top_nav .top__menu_left a:first-child i { margin-left: 0 !important; padding-left: 0 !important; margin-right: 4px !important; } /* --- TOPBAR: SEPARATORI PULITI E RIMOZIONE DOPPIO SEPARATORE --- */ #top_nav .top__menu a.carrelloResponsive, #top_nav .top__menu a.SoloResponsive, #top_nav .top__menu .carrelloResponsive { display: none !important; border: none !important; border-left: none !important; border-right: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; overflow: hidden !important; } #top_nav .top__menu { float: none !important; margin-left: auto !important; display: flex !important; align-items: center !important; gap: 0 !important; } #top_nav .top__menu a { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 4px !important; font-size: 13.5px !important; line-height: 1.4 !important; } #top_nav .top__menu a.assistenza { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 12px 0 4px !important; font-size: 13.5px !important; line-height: 1.4 !important; border-right: 1px solid #cbd5e1 !important; border-left: none !important; } #top_nav .top__menu #Ilmioaccount { display: inline-flex !important; align-items: center !important; margin: 0 0 0 12px !important; padding: 0 12px 0 0 !important; border-right: 1px solid #cbd5e1 !important; border-left: none !important; } #top_nav .top__menu #LinguaAttuale { display: inline-flex !important; align-items: center !important; margin: 0 0 0 12px !important; padding: 0 !important; border: none !important; border-left: none !important; border-right: none !important; } nav#top_nav a.logoResponsive { display: none !important; } .Content_DecorazioneHeader, .menuPrincipaleAccontoLogo .containerCerca_Carrello section > .Lineafullwidth, .menuPrincipaleAccontoLogo .containerCerca_Carrello section > .Content_DecorazioneHeader, .menuPrincipaleAccontoLogo .containerCerca_Carrello section > #InfoRapide { display: none !important; } .containerCerca_Carrello, .containerCerca_Carrello.fixed, #HeaderSfondo, .menuPrincipaleAccontoLogo > .containerCerca_Carrello.fixed { background-color: #ffffff !important; z-index: 99999 !important; } .containerCerca_Carrello.fixed { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; height: 65px !important; } .containerCerca_Carrello.fixed a.logo img { height: 44px !important; margin-top: 0 !important; } /* --- 3. NAVBAR RESPONSIVE: LOGO A SINISTRA + MENU + RICERCA AMPIA + CARRELLO --- */ @media screen and (min-width: 981px) { .menuPrincipaleAccontoLogo .containerCerca_Carrello section { display: flex !important; align-items: center !important; justify-content: flex-start !important; max-width: 1270px !important; margin: 0 auto !important; padding: 0 20px !important; height: 100% !important; position: relative !important; box-sizing: border-box !important; } /* Logo allineato rigorosamente a sinistra, a piombo con la top bar */ .menuPrincipaleAccontoLogo span.content-LogoTagA { order: 1 !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .menuPrincipaleAccontoLogo a.logo { position: static !important; display: flex !important; align-items: center !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; } .menuPrincipaleAccontoLogo a.logo img { height: 75px !important; margin: 0 !important; padding: 0 !important; display: block !important; } /* Menu Orizzontale accanto al Logo */ .menuPrincipaleAccontoLogo .menu_principale { order: 2 !important; display: flex !important; align-items: center !important; margin-left: 36px !important; position: static !important; float: none !important; width: auto !important; } .menuPrincipaleAccontoLogo .menu_principale #menuresponsive, .menuPrincipaleAccontoLogo .menu_principale #nav > ul { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; white-space: nowrap !important; float: none !important; } .menuPrincipaleAccontoLogo .menu_principale #menuresponsive > li, .menuPrincipaleAccontoLogo .menu_principale #nav > ul > li { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; float: none !important; } .menuPrincipaleAccontoLogo .menu_principale #menuresponsive > li > a, .menuPrincipaleAccontoLogo .menu_principale #nav > ul > li > a { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 14.5px !important; font-weight: 600 !important; color: #1e293b !important; padding: 8px 16px !important; line-height: normal !important; border-radius: 8px !important; transition: all 0.2s ease !important; text-decoration: none !important; display: inline-block !important; float: none !important; } .menuPrincipaleAccontoLogo .menu_principale #menuresponsive > li > a:hover, .menuPrincipaleAccontoLogo .menu_principale #menuresponsive > li.selected > a, .menuPrincipaleAccontoLogo .menu_principale #menuresponsive > li > a.selected, .menuPrincipaleAccontoLogo .menu_principale #nav > ul > li > a:hover { background-color: #f1f5f9 !important; color: var(--ee-primary) !important; } } /* ======================================================== DISACCOPPIAMENTO TOTALE CARRELLO / RICERCA (FLEX FLUSSO NATIVO) ======================================================== */ .Ricerca_Carrello, .containerCerca_Carrello .Ricerca_Carrello, .containerCerca_Carrello.fixed .Ricerca_Carrello { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 16px !important; float: none !important; margin: 0 0 0 auto !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; height: auto !important; width: auto !important; z-index: 100 !important; order: 3 !important; } /* Barra di Ricerca a Sinistra del Carrello */ .Ricerca_Carrello form#search, form#search { order: 1 !important; position: relative !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; float: none !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; height: 38px !important; width: auto !important; } form#search:after, form#search .SearchFlat.open + button:after { display: none !important; } .Ricerca_Carrello form#search .SearchFlat, form#search .SearchFlat { position: static !important; right: auto !important; top: auto !important; left: auto !important; bottom: auto !important; margin: 0 !important; width: 260px !important; max-width: 280px !important; opacity: 1 !important; display: block !important; float: none !important; } form#search input#sa { height: 38px !important; line-height: 38px !important; border-radius: 8px 0 0 8px !important; border: 1px solid #cbd5e1 !important; border-right: none !important; padding: 0 14px !important; font-size: 13px !important; color: #1e293b !important; background: #ffffff !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; float: none !important; position: static !important; transition: border-color 0.2s ease !important; } form#search input#sa:focus { border-color: var(--ee-primary) !important; outline: none !important; } form#search button { height: 38px !important; width: 38px !important; border-radius: 0 8px 8px 0 !important; background-color: var(--ee-primary) !important; border: 1px solid var(--ee-primary) !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; position: relative !important; float: none !important; box-shadow: none !important; top: auto !important; left: auto !important; } form#search button:hover { background-color: var(--ee-primary-hover) !important; border-color: var(--ee-primary-hover) !important; } form#search button i.fa, form#search button i.fa-search { color: #ffffff !important; font-size: 14px !important; line-height: normal !important; position: static !important; margin: 0 !important; } /* Pulsante Carrello a Destra della Ricerca */ .Ricerca_Carrello .carrellotop, .Ricerca_Carrello #preview_carrello, .carrellotop, #preview_carrello { order: 2 !important; position: relative !important; display: flex !important; align-items: center !important; margin: 0 !important; margin-left: 12px !important; float: none !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; height: 38px !important; min-width: 0 !important; width: auto !important; box-shadow: none !important; border: none !important; } #CarrelloAjax, a.AnteprimeCarrello, a.topcarrello { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; height: 38px !important; padding: 0 16px 0 12px !important; background-color: var(--ee-primary) !important; color: #ffffff !important; border-radius: 8px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 2px 6px rgba(210, 24, 34, 0.25) !important; transition: all 0.2s ease !important; overflow: visible !important; border: none !important; cursor: pointer !important; box-sizing: border-box !important; line-height: normal !important; white-space: nowrap !important; flex-shrink: 0 !important; float: none !important; position: relative !important; margin: 0 !important; } #CarrelloAjax:hover, #CarrelloAjax:focus, #CarrelloAjax:active, a.AnteprimeCarrello:hover, a.AnteprimeCarrello:focus, a.AnteprimeCarrello:active, a.topcarrello:hover { background-color: var(--ee-primary-hover) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(210, 24, 34, 0.35) !important; } #CarrelloAjax:before { display: none !important; } /* Icona Borsa con Badge Numerico Separato dal Testo */ #CarrelloAjax i.IconCart, #CarrelloAjax i.icon, #CarrelloAjax i.goToCart { color: #ffffff !important; font-size: 18px !important; line-height: normal !important; position: relative !important; display: inline-block !important; margin: 0 12px 0 0 !important; } #CarrelloAjax i:after { top: -7px !important; right: -10px !important; background-color: #0f172a !important; color: #ffffff !important; border-radius: 10px !important; font-size: 10.5px !important; font-weight: 700 !important; padding: 1px 5px !important; line-height: 14px !important; height: 14px !important; min-width: 14px !important; text-align: center !important; box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important; border: 1.5px solid #ffffff !important; } #CarrelloAjax.vuoto:after { content: '0,00 \20AC' !important; font-weight: 700 !important; font-size: 13.5px !important; color: #ffffff !important; margin-left: 2px !important; } #CarrelloAjax span, #CarrelloAjax b, #CarrelloAjax #tot_preview { color: #ffffff !important; font-weight: 700 !important; font-size: 13.5px !important; line-height: 38px !important; display: inline-block !important; } /* ======================================================== MODALE / DROPDOWN DEL CARRELLO AL CLICK & ACCOUNT DROPDOWN ======================================================== */ div#show_carrello, .tooltipster-base:has(#show_carrello), .tooltipster-shadow:has(#show_carrello) { width: 360px !important; max-width: 90vw !important; right: 0 !important; left: auto !important; padding: 12px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important; border-radius: 8px !important; border: 1px solid #e2e8f0 !important; z-index: 99999 !important; box-sizing: border-box !important; background: #ffffff !important; } /* Dropdown Menu Utente Loggato compatto e ancorato a destra */ .tooltipster-base:has(#SezioniAccount), .tooltipster-shadow:has(#SezioniAccount), .tooltipster-base:has(#AltreLingue), .tooltipster-shadow:has(#AltreLingue) { width: 200px !important; min-width: 180px !important; max-width: 220px !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important; z-index: 99999 !important; box-sizing: border-box !important; } #SezioniAccount, .tooltipster-content #SezioniAccount { width: 100% !important; min-width: 180px !important; max-width: 220px !important; padding: 6px 0 !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; } #SezioniAccount a { display: flex !important; align-items: center !important; padding: 8px 16px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #1e293b !important; text-decoration: none !important; transition: all 0.2s ease !important; white-space: nowrap !important; } #SezioniAccount a:hover { background-color: #f1f5f9 !important; color: var(--ee-primary) !important; padding-left: 20px !important; } #SezioniAccount span.hr { display: block !important; height: 1px !important; background: #e2e8f0 !important; margin: 4px 0 !important; border: none !important; } .tooltipster-shadow .tooltipster-content { padding: 0 !important; } .mini-carrello-clean, .tooltipster-shadow table, #show_carrello table { width: 100% !important; border-collapse: collapse !important; font-family: 'Plus Jakarta Sans', sans-serif !important; } #show_carrello table th { background: #f8fafc !important; color: #475569 !important; font-size: 12px !important; font-weight: 700 !important; padding: 10px 12px !important; text-transform: uppercase !important; border-bottom: 1px solid #e2e8f0 !important; } #show_carrello table td { padding: 10px 12px !important; font-size: 13px !important; color: #1e293b !important; border-bottom: 1px solid #f1f5f9 !important; vertical-align: middle !important; } #show_carrello table tr:hover td { background: #f8fafc !important; } #show_carrello .totale, #show_carrello table#total { background: #f8fafc !important; padding: 14px 18px !important; font-size: 15px !important; font-weight: 800 !important; color: #0f172a !important; border-top: 2px solid #e2e8f0 !important; text-align: right !important; } #show_carrello .pulsanti, .tooltipster-shadow .pulsanti, .mini-carrello-actions { display: flex !important; gap: 10px !important; padding: 14px 18px !important; background: #ffffff !important; justify-content: flex-end !important; } #show_carrello .pulsanti a, #show_carrello .pulsanti button, .tooltipster-shadow .pulsanti a, .tooltipster-shadow .pulsanti button { height: 40px !important; line-height: 40px !important; padding: 0 20px !important; border-radius: 8px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; border: none !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; vertical-align: middle !important; box-sizing: border-box !important; transition: all 0.2s ease !important; } #show_carrello .pulsanti a.colorepulsanti, .tooltipster-shadow .pulsanti a.colorepulsanti { background-color: var(--ee-primary) !important; color: #ffffff !important; box-shadow: 0 4px 10px rgba(210, 24, 34, 0.25) !important; } #show_carrello .pulsanti a.colorepulsanti:hover, .tooltipster-shadow .pulsanti a.colorepulsanti:hover { background-color: var(--ee-primary-hover) !important; box-shadow: 0 6px 14px rgba(210, 24, 34, 0.35) !important; } /* --- 4. POPUP WHATSAPP: BOTTONI ALLINEATI AL MILLIMETRO --- */ .AlertMessageFlat .PreButtons { position: absolute !important; bottom: 20px !important; right: 20px !important; } .AlertMessageFlat .Buttons { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; } .AlertMessageFlat .Buttons button, #ChiudiIndexModaleMessaggio, #ChiudiIndexModaleMessaggioDef { height: 40px !important; line-height: 40px !important; padding: 0 20px !important; border-radius: 8px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; border: none !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; vertical-align: middle !important; box-sizing: border-box !important; transition: all 0.2s ease !important; } #ChiudiIndexModaleMessaggio { background-color: #64748b !important; color: #ffffff !important; box-shadow: 0 2px 4px rgba(100, 116, 139, 0.2) !important; } #ChiudiIndexModaleMessaggio:hover { background-color: #475569 !important; } #ChiudiIndexModaleMessaggioDef { background-color: var(--ee-primary) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(210, 24, 34, 0.3) !important; } #ChiudiIndexModaleMessaggioDef:hover { background-color: var(--ee-primary-hover) !important; } /* --- 5. SIDEBAR CATEGORIE: CARD SINGOLA E ALLINEAMENTI ACCORDION --- */ /* Unificazione Widget Sidebar: Bordo Singolo Uniforme (Eliminazione Scatola dentro Scatola) */ .TopCategory, #ContainerFiltri, aside > #checkboxlistmarca, #checkboxlistmarca.smart-forms, #ProdottiSpeciali { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; margin-bottom: 20px !important; box-sizing: border-box !important; overflow: hidden !important; padding: 0 !important; } /* Elimina il doppio bordo interno nei container annidati */ .TopCategory .jquery-accordion-menu, #Categorie.jquery-accordion-menu { border: none !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; width: 100% !important; } /* Header comune a tutti i box della sidebar */ .TopCategory .jquery-accordion-menu-header, #Categorie .jquery-accordion-menu-header, #checkboxlistmarca h3, aside h3:not(.titolo_pagamenti), #ProdottiSpeciali h3 { background: #f8fafc !important; border: none !important; border-bottom: 1px solid #e2e8f0 !important; padding: 12px 16px !important; margin: 0 !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #0f172a !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; line-height: normal !important; height: auto !important; position: static !important; } .TopCategory .jquery-accordion-menu-header:after, #Categorie .jquery-accordion-menu-header:after, aside h3:after { display: none !important; } #checkboxlistmarca.smart-forms { padding-bottom: 16px !important; } #checkboxlistmarca > *:not(h3) { padding-left: 14px !important; padding-right: 14px !important; } /* ======================================================== FORM "CERCA IN QUESTA CATEGORIA" (SIDEBAR SINISTRA) ======================================================== */ #ContainerFiltri { padding: 14px !important; box-sizing: border-box !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; margin-bottom: 20px !important; } #ContainerFiltri #titoloFiltri, #ContainerFiltri .titoloFiltri, #ContainerFiltri h3, #ContainerFiltri #titoloFiltri h3 { background: transparent !important; border: none !important; border-bottom: none !important; padding: 0 !important; margin: 0 0 10px 0 !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: #0f172a !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; line-height: 1.3 !important; height: auto !important; box-shadow: none !important; } #ContainerFiltri #titoloFiltri:empty { display: none !important; margin: 0 !important; padding: 0 !important; } /* Rimuovi completamente qualsiasi linea divisoria interna (tag hr, Lineafullwidth, bordi pseudo-elementi) */ #ContainerFiltri hr, #ContainerFiltri .Lineafullwidth, #ContainerFiltri .separatore, #ContainerFiltri .divider, #ContainerFiltri:after, #ContainerFiltri:before, #ContainerFiltri #titoloFiltri:after, #ContainerFiltri #titoloFiltri:before, #ContainerFiltri h3:after, #ContainerFiltri h3:before { display: none !important; border: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; content: none !important; } #ContainerFiltri > div:not(#titoloFiltri), #ContainerFiltri > *:not(#titoloFiltri) { padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; width: 100% !important; } /* Riga Form Flessibile all'interno dei bordi del box */ aside #searchCat, aside .searchCat_FilterForm, #ContainerFiltri form, form#searchCat.searchCat_FilterForm { display: flex !important; align-items: center !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; gap: 6px !important; float: none !important; margin: 0 !important; padding: 0 !important; position: relative !important; } aside #searchCat > .F, aside .searchCat_FilterForm > .F, #ContainerFiltri .searchCat_FilterForm > .F { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } aside #searchCat .field, aside #searchCat .ss-wrap, #ContainerFiltri .field, #ContainerFiltri .ss-wrap { width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; display: block !important; } /* Input di testo */ aside #searchCat input.gui-input, aside #searchCat input#saCat, aside .searchCat_FilterForm input[type="text"], #ContainerFiltri input.gui-input, #ContainerFiltri input#saCat { flex: 1 1 auto !important; min-width: 0 !important; width: 100% !important; box-sizing: border-box !important; height: 36px !important; line-height: 36px !important; border-radius: 4px !important; padding: 0 10px !important; border: 1px solid #cbd5e1 !important; background: #ffffff !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12.5px !important; color: #1e293b !important; margin: 0 !important; float: none !important; } aside #searchCat input.gui-input:focus, aside #searchCat input#saCat:focus { border-color: var(--ee-primary) !important; outline: none !important; box-shadow: 0 0 0 2px rgba(227, 6, 19, 0.1) !important; } /* Pulsante rosso con lente d'ingrandimento */ aside #searchCat button.pulsanticomuni, aside .searchCat_FilterForm button, aside .searchCat_FilterForm > .F + button, #ContainerFiltri button.pulsanticomuni, #ContainerFiltri button[type="submit"], #ContainerFiltri button { width: 36px !important; height: 36px !important; min-width: 36px !important; max-width: 36px !important; flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; border-radius: 4px !important; margin: 0 !important; float: none !important; background: var(--ee-primary) !important; background-color: var(--ee-primary) !important; color: #ffffff !important; border: none !important; cursor: pointer !important; box-sizing: border-box !important; transition: background-color 0.2s ease !important; vertical-align: middle !important; } aside #searchCat button.pulsanticomuni:hover, aside .searchCat_FilterForm button:hover, #ContainerFiltri button.pulsanticomuni:hover, #ContainerFiltri button[type="submit"]:hover, #ContainerFiltri button:hover { background: var(--ee-primary-hover) !important; background-color: var(--ee-primary-hover) !important; } /* Icona lente centrata al millimetro sui due assi */ aside #searchCat button.pulsanticomuni i, aside #searchCat button.pulsanticomuni i.fa, aside #searchCat button.pulsanticomuni i.fa-search, aside #searchCat button.pulsanticomuni svg, aside #searchCat button.pulsanticomuni span, #ContainerFiltri button i, #ContainerFiltri button i.fa, #ContainerFiltri button i.fa-search { margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; color: #ffffff !important; position: static !important; float: none !important; width: 14px !important; height: 14px !important; text-align: center !important; vertical-align: middle !important; } /* --- MENU CATEGORIE (ACCORDION NATIVO OTTIMIZZATO - RESET STRUTTURALE UNIFORME BIANCO CANDIDO) --- */ #MCat, .jquery-accordion-menu ul, .TopCategory ul { margin: 0 !important; padding: 0 !important; list-style: none !important; width: 100% !important; box-sizing: border-box !important; } /* 1. I CONTENITORI li A BLOCCO BIANCO PURO */ .jquery-accordion-menu, .jquery-accordion-menu ul, .jquery-accordion-menu li, .TopCategory, .TopCategory ul, .TopCategory li, #MCat, #MCat ul, #MCat li, .jquery-accordion-menu ul.submenu, .jquery-accordion-menu ul.submenu li, .jquery-accordion-menu ul.submenu1, .jquery-accordion-menu ul.submenu2 { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; position: relative !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; box-sizing: border-box !important; background: #ffffff !important; background-color: #ffffff !important; box-shadow: none !important; border: none !important; } /* 2. STRUTTURA RIGA LINK */ .jquery-accordion-menu li > a, .TopCategory li > a, #MCat li > a { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; min-height: 38px !important; box-sizing: border-box !important; border-bottom: 1px solid #f1f5f9 !important; text-decoration: none !important; line-height: 1.3 !important; cursor: pointer !important; pointer-events: auto !important; float: none !important; clear: both !important; overflow: visible !important; position: relative !important; background-color: #ffffff !important; } /* Override per label ManagerMag */ .jquery-accordion-menu .jquery-accordion-menu-label, .TopCategory .jquery-accordion-menu-label, #MCat .jquery-accordion-menu-label, .jquery-accordion-menu li > .jquery-accordion-menu-label, .TopCategory li > .jquery-accordion-menu-label, #MCat li > .jquery-accordion-menu-label { position: relative !important; left: 0 !important; right: auto !important; top: 0 !important; bottom: auto !important; transform: none !important; text-align: left !important; min-width: 0 !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; min-height: 38px !important; background: transparent !important; background-color: #ffffff !important; border: none !important; border-bottom: 1px solid #f1f5f9 !important; overflow: visible !important; float: none !important; clear: both !important; cursor: pointer !important; pointer-events: auto !important; } .jquery-accordion-menu li > span.jquery-accordion-menu-label > span[onclick], .TopCategory li > span.jquery-accordion-menu-label > span[onclick], #MCat li > span.jquery-accordion-menu-label > span[onclick] { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; background: transparent !important; } /* 3. ALLINEAMENTO TESTO */ .jquery-accordion-menu li > a .NameCategoria, .TopCategory li > a .NameCategoria, #MCat li > a .NameCategoria, .jquery-accordion-menu li > a > span, .TopCategory li > a > span, #MCat li > a > span, .jquery-accordion-menu li > span.jquery-accordion-menu-label > span[href], .TopCategory li > span.jquery-accordion-menu-label > span[href], #MCat li > span.jquery-accordion-menu-label > span[href] { flex: 1 1 auto !important; text-align: left !important; justify-content: flex-start !important; align-self: center !important; padding: 0 !important; margin: 0 !important; font-size: 13px !important; color: #334155 !important; line-height: 1.3 !important; display: inline-block !important; position: relative !important; z-index: 2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* 4. FRECCIA ACCORDION A DESTRA */ .jquery-accordion-menu li > a.accodation, .TopCategory li > a.accodation, #MCat li > a.accodation { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; right: 12px !important; width: 24px !important; height: 24px !important; min-height: 0 !important; max-height: 24px !important; border-bottom: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; z-index: 3 !important; background: transparent !important; pointer-events: auto !important; cursor: pointer !important; text-decoration: none !important; float: none !important; visibility: visible !important; opacity: 1 !important; } .jquery-accordion-menu li > a.accodation > span:not(.submenu-indicator), .TopCategory li > a.accodation > span:not(.submenu-indicator), #MCat li > a.accodation > span:not(.submenu-indicator) { display: none !important; } .jquery-accordion-menu .submenu-indicator, .TopCategory .submenu-indicator, #MCat .submenu-indicator { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; margin: 0 !important; padding: 0 !important; width: 18px !important; height: 18px !important; color: #64748b !important; line-height: 1 !important; font-size: 14px !important; transform: none !important; transition: transform 0.2s ease, color 0.2s ease !important; } .jquery-accordion-menu a.accodation.submenu-indicator-minus .submenu-indicator, .TopCategory a.accodation.submenu-indicator-minus .submenu-indicator, #MCat a.accodation.submenu-indicator-minus .submenu-indicator { transform: rotate(90deg) !important; color: var(--ee-primary, #d21822) !important; } /* 5. INDENTAZIONE GERARCHICA */ /* Livello 1 (Macro): padding-left: 14px; font-weight: 600; font-size: 13px; colore #1e293b; */ .jquery-accordion-menu > ul > li > a, .TopCategory > ul > li > a, #MCat > li > a, .TopCategory > #Categorie > ul > li > a, .jquery-accordion-menu > ul > li > span.jquery-accordion-menu-label, .TopCategory > ul > li > span.jquery-accordion-menu-label, #MCat > li > span.jquery-accordion-menu-label, .TopCategory > #Categorie > ul > li > span.jquery-accordion-menu-label { padding-left: 14px !important; padding-right: 38px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; min-height: 40px !important; border-bottom: 1px solid #f1f5f9 !important; } /* Livello 2 (Sottocategorie): padding-left: 26px; font-weight: 400; font-size: 12.5px; colore #475569; */ .jquery-accordion-menu ul.submenu > li > a, .TopCategory ul.submenu > li > a, #MCat ul.submenu > li > a, .jquery-accordion-menu ul.submenu1 > li > a, #MCat > li > ul > li > a, .jquery-accordion-menu ul.submenu > li > span.jquery-accordion-menu-label, .TopCategory ul.submenu > li > span.jquery-accordion-menu-label, #MCat ul.submenu > li > span.jquery-accordion-menu-label, .jquery-accordion-menu ul.submenu1 > li > span.jquery-accordion-menu-label, #MCat > li > ul > li > span.jquery-accordion-menu-label { padding-left: 26px !important; padding-right: 38px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12.5px !important; font-weight: 400 !important; color: #475569 !important; min-height: 38px !important; border-bottom: 1px solid #f1f5f9 !important; } /* Livello 3 (Sotto-sottocategorie): padding-left: 38px; font-weight: 400; font-size: 12px; colore #64748b; */ .jquery-accordion-menu ul.submenu ul.submenu > li > a, .TopCategory ul.submenu ul.submenu > li > a, #MCat ul.submenu ul.submenu > li > a, .jquery-accordion-menu ul.submenu2 > li > a, #MCat > li > ul > li > ul > li > a, .jquery-accordion-menu ul.submenu ul.submenu > li > span.jquery-accordion-menu-label, .TopCategory ul.submenu ul.submenu > li > span.jquery-accordion-menu-label, #MCat ul.submenu ul.submenu > li > span.jquery-accordion-menu-label, .jquery-accordion-menu ul.submenu2 > li > span.jquery-accordion-menu-label, #MCat > li > ul > li > ul > li > span.jquery-accordion-menu-label { padding-left: 38px !important; padding-right: 38px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12px !important; font-weight: 400 !important; color: #64748b !important; min-height: 36px !important; border-bottom: 1px solid #f1f5f9 !important; } /* Hover e stati attivi */ .jquery-accordion-menu ul.submenu li a:hover, .TopCategory ul.submenu li a:hover, #MCat ul.submenu li a:hover, .jquery-accordion-menu ul.submenu li:hover > .jquery-accordion-menu-label, .TopCategory ul.submenu li:hover > .jquery-accordion-menu-label, #MCat ul.submenu li:hover > .jquery-accordion-menu-label { background-color: #f8fafc !important; } .jquery-accordion-menu li:hover > a, .jquery-accordion-menu li:hover > span.jquery-accordion-menu-label, #MCat li:hover > a, #MCat li:hover > span.jquery-accordion-menu-label { color: var(--ee-primary, #d21822) !important; } .jquery-accordion-menu li:hover > a .submenu-indicator, .jquery-accordion-menu li:hover > a .submenu-indicator i, #MCat li:hover > a .submenu-indicator, #MCat li:hover > a .submenu-indicator i { color: var(--ee-primary, #d21822) !important; } #MCat > li.active > a, #MCat > li.active > span.jquery-accordion-menu-label, #MCat > li.OpenList > a, #MCat > li.OpenList > span.jquery-accordion-menu-label, .jquery-accordion-menu ul.submenu li.selected > a, .jquery-accordion-menu ul.submenu li.selected > span.jquery-accordion-menu-label { color: var(--ee-primary, #d21822) !important; font-weight: 700 !important; } /* Cliccabilità categorie foglia */ .jquery-accordion-menu li:not(:has(ul)) > a, .TopCategory li:not(:has(ul)) > a, #MCat li:not(:has(ul)) > a, .jquery-accordion-menu a[href*="catalogo"], .TopCategory a[href*="catalogo"], #MCat a[href*="catalogo"] { cursor: pointer !important; pointer-events: auto !important; } /* --- 6. PAGINA LOGIN E REGISTRAZIONE: SIMMETRIA TOTALE E BOTTONI ALLINEATI --- */ body#Login aside, body#PaginaRegistrati aside, body#Login .TopCategory, body#PaginaRegistrati .TopCategory { display: none !important; } body#Login section#contenuto, body#PaginaRegistrati section#contenuto { width: 100% !important; max-width: 1060px !important; margin: 0 auto !important; float: none !important; padding: 30px 20px !important; box-sizing: border-box !important; } body#Login section#contenuto > #vetrina, body#PaginaRegistrati section#contenuto > #vetrina { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 auto !important; } .login-wrapper-flex { display: flex !important; justify-content: center !important; align-items: stretch !important; gap: 32px !important; padding: 20px 0 !important; flex-wrap: wrap !important; width: 100% !important; box-sizing: border-box !important; } div.colonnalogin, div.colonnalogin.Accedi, div.colonnalogin.registrati, body#Login .colonnalogin { flex: 1 1 420px !important; max-width: 480px !important; width: 100% !important; height: auto !important; /* Sovrascrive il calcolo errato di altezza inline di jQuery */ display: flex !important; flex-direction: column !important; justify-content: space-between !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 36px 36px 36px 36px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important; float: none !important; margin: 0 !important; box-sizing: border-box !important; min-height: 440px !important; } div.colonnalogin h2, div.colonnalogin .txtlogin { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 21px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 16px 0 !important; padding-bottom: 12px !important; border-bottom: 2px solid #f1f5f9 !important; text-align: left !important; } div.colonnalogin p.margin20 { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 14.5px !important; line-height: 1.6 !important; color: #475569 !important; margin-bottom: 24px !important; } /* Card di sinistra (Accedi): form flessibile che occupa l'altezza e ancora la zona bottoni in basso */ div.colonnalogin form#FormLogin { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; justify-content: flex-start !important; height: 100% !important; box-sizing: border-box !important; } div.colonnalogin form#FormLogin .bottoni, div.colonnalogin.Accedi .bottoni.LoginPhase { margin-top: auto !important; padding-top: 16px !important; width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; box-sizing: border-box !important; } div.colonnalogin.Accedi .bottoni .left { float: left !important; margin: 0 !important; padding: 0 !important; } div.colonnalogin.Accedi .bottoni .right { float: right !important; margin: 0 !important; padding: 0 !important; } div.colonnalogin.Accedi .bottoni .Lineafullwidth { clear: both !important; width: 100% !important; height: 1px !important; background: transparent !important; border: none !important; margin: 12px 0 !important; } /* Note legali / Privacy sotto il pulsante Accedi */ div.colonnalogin .string_privacy { margin: 10px 0 0 0 !important; font-size: 11.5px !important; line-height: 1.4 !important; color: #64748b !important; text-align: center !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; box-sizing: border-box !important; overflow: hidden !important; } /* Card di destra (Registrati): bottoni ancorati in basso con spaziatore per allineamento orizzontale perfetto */ div.colonnalogin.registrati .bottoni, div.colonnalogin.registrati .bottoni.LoginPhase { margin-top: auto !important; padding-top: 16px !important; width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; box-sizing: border-box !important; } @media (min-width: 768px) { div.colonnalogin.registrati .bottoni:after { content: '' !important; display: block !important; height: 32px !important; margin-top: 10px !important; visibility: hidden !important; } } div.colonnalogin .Full, div.colonnalogin .bottoni .Full { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } div.colonnalogin button.pulsanticomuni, div.colonnalogin button[type="submit"], div.colonnalogin button.registrati { width: 100% !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 0 20px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #ffffff !important; background-color: var(--ee-primary) !important; border-radius: 8px !important; border: none !important; box-shadow: 0 4px 12px rgba(210, 24, 34, 0.25) !important; float: none !important; margin: 0 !important; cursor: pointer !important; transition: all 0.2s ease !important; box-sizing: border-box !important; } div.colonnalogin button.pulsanticomuni:hover, div.colonnalogin button[type="submit"]:hover, div.colonnalogin button.registrati:hover { background-color: var(--ee-primary-hover) !important; box-shadow: 0 6px 16px rgba(210, 24, 34, 0.35) !important; transform: none !important; } /* --- 7. NOTIFICA PRODOTTO AGGIUNTO AL CARRELLO (#MessaggioVeloce) --- */ #MessaggioVeloce { background-color: #ffffff !important; color: #0f172a !important; border-bottom: 3px solid var(--ee-primary) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; height: auto !important; min-height: 80px !important; padding: 12px 20px !important; } #MessaggioVeloce .content { display: flex !important; align-items: center !important; justify-content: space-between !important; max-width: 1300px !important; margin: 0 auto !important; padding: 0 !important; } #MessaggioVeloce .content .Title { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #16a34a !important; margin: 0 20px 0 0 !important; float: none !important; } #MessaggioVeloce .content .Personalizzato { display: flex !important; align-items: center !important; flex: 1 1 auto !important; float: none !important; width: auto !important; } #MessaggioVeloce .content .imgContent { width: 55px !important; height: 55px !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; overflow: hidden !important; } #MessaggioVeloce .content h2, #MessaggioVeloce .content .titoloProdInLista { color: #0f172a !important; font-size: 14px !important; font-weight: 600 !important; margin-left: 12px !important; } #MessaggioVeloce .content .prezzo, #MessaggioVeloce .content .PrezzoDefinitivo { color: var(--ee-primary) !important; font-weight: 800 !important; font-size: 16px !important; } #MessaggioVeloce .content .pulsanti { float: none !important; width: auto !important; display: flex !important; align-items: center !important; gap: 10px !important; margin-left: 20px !important; } #MessaggioVeloce .content .pulsanti button, #MessaggioVeloce .content .pulsanti a { height: 38px !important; padding: 0 16px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } #MessaggioVeloce .content .close { color: #94a3b8 !important; top: 50% !important; transform: translateY(-50%) !important; } #MessaggioVeloce .content .close:hover { color: #0f172a !important; } /* ======================================================== SOTTOCATEGORIE CATALOGO IN TESTATA (.CatalogoElencoSubCat) ======================================================== */ .ElencoMacroSubs, .ElencoMacroSubs.NoFoto, .CatalogoElencoSubCat, #CatalogoElencoSubCat { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 0 20px 0 !important; padding: 16px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; overflow: visible !important; opacity: 1 !important; float: none !important; clear: both !important; } .ElencoMacroSubs .CatalogoElencoSubCat { margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow: visible !important; } /* Griglia responsive per i pulsanti sottocategorie */ .CatalogoElencoSubCat .All, .ElencoMacroSubs .All { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 4px 2px !important; overflow: visible !important; float: none !important; position: relative !important; transition: max-height 0.3s ease !important; } /* colSubCat si dissolve per permettere a tutti i .singleSub di popolare direttamente la griglia di .All */ .CatalogoElencoSubCat .colSubCat, .ElencoMacroSubs .colSubCat { display: contents !important; width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; border: none !important; } /* Singolo pulsante (Pill) */ .ElencoMacroSubs .singleSub, .CatalogoElencoSubCat .singleSub { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 8px 10px !important; min-height: 42px !important; height: 100% !important; box-sizing: border-box !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; font-size: 13px !important; line-height: 1.25 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; overflow: visible !important; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important; float: none !important; margin: 0 !important; position: relative !important; cursor: pointer !important; transform: none !important; } .ElencoMacroSubs .singleSub:hover, .CatalogoElencoSubCat .singleSub:hover, .ElencoMacroSubs .singleSub:active, .CatalogoElencoSubCat .singleSub:active, .ElencoMacroSubs .singleSub.active, .CatalogoElencoSubCat .singleSub.active { background: #ffffff !important; background-color: #ffffff !important; border: 1px solid #d32f2f !important; border-color: #d32f2f !important; color: #d32f2f !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important; transform: none !important; } .ElencoMacroSubs .singleSub i.FontpatternImg, .CatalogoElencoSubCat .singleSub i.FontpatternImg, .ElencoMacroSubs .singleSub i.Subs, .CatalogoElencoSubCat .singleSub i.Subs { display: none !important; } .ElencoMacroSubs .singleSub a.xsubcategorie, .CatalogoElencoSubCat .singleSub a.xsubcategorie { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; line-height: 1.25 !important; text-align: center !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; float: none !important; box-sizing: border-box !important; transition: color 0.2s ease !important; } .ElencoMacroSubs .singleSub:hover a.xsubcategorie, .CatalogoElencoSubCat .singleSub:hover a.xsubcategorie, .ElencoMacroSubs .singleSub:active a.xsubcategorie, .CatalogoElencoSubCat .singleSub:active a.xsubcategorie, .ElencoMacroSubs .singleSub.active a.xsubcategorie, .CatalogoElencoSubCat .singleSub.active a.xsubcategorie, .ElencoMacroSubs .singleSub a.xsubcategorie:hover, .CatalogoElencoSubCat .singleSub a.xsubcategorie:hover { color: #d32f2f !important; text-decoration: none !important; } /* Gestione Elenchi Lunghi (Collapsible con sfumatura) */ .CatalogoElencoSubCat.is-collapsed .All, .ElencoMacroSubs.is-collapsed .All { max-height: 110px !important; overflow: hidden !important; position: relative !important; } /* Sfumatura bianca sul fondo quando compresso */ .CatalogoElencoSubCat.is-collapsed .All::after, .ElencoMacroSubs.is-collapsed .All::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 48px !important; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.96) 100%) !important; pointer-events: none !important; z-index: 2 !important; } .CatalogoElencoSubCat.is-expanded .All, .ElencoMacroSubs.is-expanded .All { max-height: 3000px !important; overflow: visible !important; } .CatalogoElencoSubCat.is-expanded .All::after, .ElencoMacroSubs.is-expanded .All::after { display: none !important; } /* Bottone "+ Mostra tutte le sottocategorie" / "- Riduci" */ .subcat-toggle-wrapper { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; margin-top: 12px !important; padding-top: 4px !important; position: relative !important; z-index: 3 !important; } .btn-toggle-subcat { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #cbd5e1 !important; border-radius: 20px !important; padding: 7px 18px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.2s ease !important; outline: none !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; } .btn-toggle-subcat:hover { background: #e2e8f0 !important; color: var(--ee-primary) !important; border-color: #94a3b8 !important; } .btn-toggle-subcat i { font-size: 11px !important; transition: transform 0.2s ease !important; } /* --- 8. CARD PRODOTTI IN CATALOGO & VETRINA (ARCHITETTURA A SLOTS AD ALTEZZA FISSA) --- */ article.Singlearticle, article.special_prod, article.Singlearticle.special_prod, article.Singlearticle.Offerta, article.Singlearticle/* [TASK DEFINITIVO - BADGE OFFERTA A PILLOLA ROSSA PIENA STILE MOTIVALY / SHOPIFY] */ .TagOfferte_inFigure, .TagOfferte_inFigure .sconto, .OffertaTempo, .OffertaTempo.ls, .box_offerta, .scadenza_offerta, .valido_fino, article .OffertaTempo, article .OffertaTempo.ls, article .box_offerta, article .scadenza_offerta, article .valido_fino, article.Singlearticle .OffertaTempo, article.Singlearticle .OffertaTempo.ls, article.Singlearticle .box_offerta, article.Singlearticle .scadenza_offerta, article.Singlearticle .valido_fino, article.Singlearticle .countDownOffTemp, article.Singlearticle .CountDown, .vetrina_riga article .OffertaTempo, .vetrina_riga article .OffertaTempo.ls, .vetrina_riga article .valido_fino, .prodotti_catalogo article .OffertaTempo, .prodotti_catalogo article .OffertaTempo.ls, .prodotti_catalogo article .valido_fino, .special_prod .OffertaTempo, .special_prod .valido_fino, .listatoprice .OffertaTempo, .listatoprice .box_offerta, .listatoprice .scadenza_offerta, .listatoprice.SpecialArt .OffertaTempo, article .nuovo, .EtichetteMobile .nuovo { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: 95% !important; min-width: 0 !important; height: auto !important; min-height: 20px !important; max-height: none !important; padding: 3px 8px !important; box-sizing: border-box !important; margin: 2px auto 6px 0 !important; float: none !important; clear: both !important; background: #d21822 !important; background-color: #d21822 !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; box-shadow: 0 1px 2px rgba(210, 24, 34, 0.25) !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; visibility: visible !important; opacity: 1 !important; z-index: 10 !important; } /* Reset larghezze fisse ereditate */ .OffertaTempo .countDownOffTemp, .OffertaTempo .CountDown, .OffertaTempo.ls .countDownOffTemp, .OffertaTempo.ls .countDownOffTemp.Ln0, .OffertaTempo.ls .countDownOffTemp.Ln1, .OffertaTempo.ls .countDownOffTemp.Ln2, article .OffertaTempo .countDownOffTemp, article.Singlearticle .OffertaTempo.ls .countDownOffTemp, article.Singlearticle .valido_fino .countDownOffTemp, .special_prod .countDownOffTemp, .countDownOffTemp.Ln0, .countDownOffTemp.Ln1, .countDownOffTemp.Ln2 { width: auto !important; min-width: 0 !important; max-width: none !important; float: none !important; display: inline !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; color: #ffffff !important; } /* Testi ed etichette interne */ .OffertaTempo .label, .box_offerta .label, .scadenza_offerta .label, article .OffertaTempo .label, .OffertaTempo > span:not(.Data):not(.countDownOffTemp), .box_offerta > span:not(.Data), .scadenza_offerta > span:not(.Data), .countDownOffTemp > span:not(.Data), .OffertaTempo span, .valido_fino span { font-size: 11px !important; line-height: 1.2 !important; font-weight: 600 !important; color: #ffffff !important; display: inline !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; } /* Data scadenza (es. "30/09/2026") */ .OffertaTempo .Data, .box_offerta .Data, .scadenza_offerta .Data, .valido_fino .Data, article .OffertaTempo .Data, article.Singlearticle .OffertaTempo .Data, article.Singlearticle .valido_fino .Data, .special_prod .valido_fino .Data, span.Data { font-size: 11px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.2 !important; display: inline !important; white-space: nowrap !important; margin-left: 3px !important; padding: 0 !important; } @media screen and (max-width: 768px) { /* 1. AZZERAMENTO OVERFLOW ORIZZONTALE GLOBALE */ html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; position: relative !important; } #root, #body2, .BackSfondoBox, #HeaderSfondo, .pattern, section#contenuto, #vetrina, #slide_info, .FormatSlider2, .containerCerca_Carrello, .containerCerca_Carrello section, .iS-Image, .iS-Item, #ContentCategorieMobile, .OverlayMPrResponsive, #messaggio_full, #div_catalogo_confronto, .footer, footer, #footer, .containerFooter { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } #HeaderSfondo, #HeaderSfondo .pattern { position: relative !important; background-color: #ffffff !important; } /* 2. TOP BAR NOTIFICHE / CONTATTI NERA (MOTIVALY SHOPIFY STYLE) */ #div_top_nav { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 28px !important; max-height: none !important; padding: 6px 10px !important; box-sizing: border-box !important; background: #000000 !important; background-color: #000000 !important; color: #ffffff !important; border: none !important; border-bottom: none !important; box-shadow: none !important; z-index: 99 !important; text-align: center !important; } #div_top_nav section, #top_nav { width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; height: auto !important; line-height: normal !important; border: none !important; background: transparent !important; } #top_nav .top__menu_left { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; flex-wrap: wrap !important; } #top_nav .top__menu_left a { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #ffffff !important; padding: 0 !important; margin: 0 !important; text-decoration: none !important; white-space: nowrap !important; } #top_nav .top__menu_left a i, #top_nav .top__menu_left a i.fa, #top_nav .top__menu_left a i.material-icons { font-size: 11.5px !important; color: #ffffff !important; margin: 0 !important; line-height: 1 !important; } #top_nav .top__menu_left a.whatsapp i { color: #25d366 !important; } #top_nav .top__menu_left a[href*="mailto"] { display: none !important; } #top_nav .top__menu { display: none !important; } /* 3. HEADER PRINCIPALE A 2 RIGHE: RIGA 1: [HAMBURGER] [ LOGO CENTRATO ] [CARRELLO] RIGA 2: [ BARRA DI RICERCA 100% ] */ .menuPrincipaleAccontoLogo { position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; box-sizing: border-box !important; background-color: #ffffff !important; } .containerCerca_Carrello { position: relative !important; width: 100% !important; max-width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; background-color: #ffffff !important; box-sizing: border-box !important; } .containerCerca_Carrello.fixed { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; z-index: 99999 !important; } .menuPrincipaleAccontoLogo .containerCerca_Carrello section { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 8px 12px 10px 12px !important; position: relative !important; margin: 0 !important; } .Content_DecorazioneHeader, .DecorazioneHeader, .Lineafullwidth, #InfoRapide, .menuPrincipaleAccontoLogo .menu_principale, #menu_content, #menuresponsive, #MenuSoloResponsive, nav.menu_principale { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } /* Icona Hamburger ancorata a sinistra */ #ButtonMenuResponsive { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; position: absolute !important; left: 12px !important; top: 36px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; padding: 8px !important; margin: 0 !important; background: #f8fafc !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; cursor: pointer !important; box-sizing: border-box !important; z-index: 10000005 !important; } #ButtonMenuResponsive .Line { width: 20px !important; height: 2.5px !important; background-color: #1e293b !important; border-radius: 2px !important; margin: 2px 0 !important; display: block !important; transition: all 0.25s ease !important; } /* Logo aziendale perfettamente centrato sulla prima riga */ .menuPrincipaleAccontoLogo span.content-LogoTagA { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 170px !important; height: 40px !important; margin: 0 auto !important; float: none !important; position: relative !important; z-index: 100 !important; } .menuPrincipaleAccontoLogo span.content-LogoTagA a.logo { display: flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; } .menuPrincipaleAccontoLogo span.content-LogoTagA img { max-height: 36px !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; } /* Icona Carrello ancorata in alto a destra */ .containerCerca_Carrello .Ricerca_Carrello { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .Ricerca_Carrello .carrellotop, .Ricerca_Carrello #preview_carrello, .carrellotop, #preview_carrello { position: absolute !important; right: 12px !important; top: 8px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10000005 !important; flex-shrink: 0 !important; line-height: 1 !important; } #CarrelloAjax, a.AnteprimeCarrello, a.topcarrello, #preview_carrello a { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; border-radius: 8px !important; padding: 0 !important; margin: 0 !important; background-color: var(--ee-primary, #d21822) !important; border: 1px solid var(--ee-primary, #d21822) !important; box-sizing: border-box !important; box-shadow: 0 1px 3px rgba(210, 24, 34, 0.25) !important; text-decoration: none !important; position: relative !important; pointer-events: auto !important; cursor: pointer !important; } #CarrelloAjax i, #CarrelloAjax i.IconCart, #CarrelloAjax i.Linearicons, #CarrelloAjax i.goToCart, #CarrelloAjax i.icon, #preview_carrello i, .carrellotop .IconCart { font-size: 19px !important; color: #ffffff !important; line-height: 1 !important; display: block !important; position: static !important; margin: 0 !important; padding: 0 !important; transform: none !important; float: none !important; } /* Badge contatore prodotti nel carrello */ .ResponsiveSoloIcona #ContatoreProdottiCarrello, #preview_carrello .contatore, #preview_carrello span.contatore { position: absolute !important; top: -4px !important; right: -4px !important; background-color: #0f172a !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; min-width: 18px !important; height: 18px !important; line-height: 18px !important; border-radius: 9px !important; text-align: center !important; padding: 0 4px !important; box-sizing: border-box !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; z-index: 10000010 !important; pointer-events: none !important; } /* 4. RIGA 2: BARRA DI RICERCA 100% LARGHEZZA */ .Ricerca_Carrello form#search, form#search { display: flex !important; align-items: center !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; margin: 10px 0 0 0 !important; padding: 0 !important; height: 40px !important; box-sizing: border-box !important; position: relative !important; } .Ricerca_Carrello form#search .SearchFlat, form#search .SearchFlat { flex: 1 1 auto !important; width: calc(100% - 44px) !important; max-width: calc(100% - 44px) !important; min-width: 0 !important; height: 40px !important; display: block !important; position: relative !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } form#search .field, form#search .field label, form#search .ss-wrap { width: 100% !important; height: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } form#search input#sa { width: 100% !important; max-width: 100% !important; height: 40px !important; line-height: 40px !important; border-radius: 8px 0 0 8px !important; border: 1px solid #cbd5e1 !important; border-right: none !important; padding: 0 12px !important; font-size: 13.5px !important; color: #1e293b !important; background: #ffffff !important; box-sizing: border-box !important; } form#search input#sa:focus { border-color: var(--ee-primary, #d21822) !important; outline: none !important; } form#search button { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 40px !important; flex: 0 0 44px !important; flex-shrink: 0 !important; border-radius: 0 8px 8px 0 !important; background-color: var(--ee-primary, #d21822) !important; border: 1px solid var(--ee-primary, #d21822) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; box-sizing: border-box !important; } form#search button i.fa, form#search button i.fa-search { color: #ffffff !important; font-size: 14px !important; line-height: 1 !important; } /* 5. BARRA FILTRI & ORDINAMENTO */ .CatalogoTop { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px 0 !important; padding: 10px 12px 0 12px !important; float: none !important; position: relative !important; } .CatalogoTop .Lineafullwidth { display: none !important; } .CatalogoTop form#form_ordina { flex: 1 1 50% !important; max-width: calc(50% - 5px) !important; width: calc(50% - 5px) !important; height: 40px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; float: none !important; display: block !important; } .CatalogoTop form#form_ordina .ordina_per { display: flex !important; align-items: center !important; width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 !important; float: none !important; } .CatalogoTop .ordina_per .EtichettaMostra, .CatalogoTop .ordina_per #Labelnumprod { display: none !important; } .CatalogoTop form#form_ordina label#Labelordinamento.field.select { display: block !important; width: 100% !important; height: 40px !important; margin: 0 !important; padding: 0 !important; top: 0 !important; position: relative !important; } .CatalogoTop form#form_ordina select#ordinamento { width: 100% !important; height: 40px !important; line-height: 38px !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; background-color: #ffffff !important; color: #1e293b !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; padding: 0 28px 0 10px !important; box-sizing: border-box !important; cursor: pointer !important; -webkit-appearance: none !important; -moz-appearance: none !important; } /* 6. CARD PRODOTTI SU SMARTPHONE: 2 COLONNE ESATTE (STILE SHOPIFY MOTIVALY) */ section#contenuto, #vetrina, .fondovetrina, #Tab_Vetrina, .content, .content1, #vetrinaslider { width: 100% !important; max-width: 100% !important; min-width: 100% !important; float: none !important; display: block !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } .vetrina_riga, .prodotti_catalogo { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; padding: 8px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; float: none !important; } body:not(.LayoutUnit1) .vetrina_riga.Modalita1 > article.Singlearticle, body:not(.LayoutUnit1) .vetrina_riga.Modalita1 > article.special_prod, body:not(.LayoutUnit1) .vetrina_riga.Modalita1 > article, body:not(.LayoutUnit1) .vetrina_riga.Modalita2 > article.Singlearticle, body:not(.LayoutUnit1) .vetrina_riga.Modalita2 > article.special_prod, body:not(.LayoutUnit1) .vetrina_riga.Modalita2 > article, body:not(.LayoutUnit1) .vetrina_riga > article.Singlearticle, body:not(.LayoutUnit1) .prodotti_catalogo > article.Singlearticle, body:not(.LayoutUnit1) .vetrina_riga > article, body:not(.LayoutUnit1) .prodotti_catalogo > article, body.LayoutUnit1 .vetrina_riga.Modalita1 > article.Singlearticle, body.LayoutUnit1 .vetrina_riga.Modalita1 > article.special_prod, body.LayoutUnit1 .vetrina_riga.Modalita1 > article, body .vetrina_riga.Modalita1 > article, body .vetrina_riga.Modalita2 > article, body .vetrina_riga > article.Singlearticle, body .prodotti_catalogo > article.Singlearticle, body .vetrina_riga > article, body .prodotti_catalogo > article, body .fondospeciali article { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; height: 100% !important; min-height: 0 !important; padding: 8px !important; margin: 0 !important; box-sizing: border-box !important; border-radius: 8px !important; background: #ffffff !important; border: 1px solid #f1f5f9 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; } .vetrina_riga article figure, .vetrina_riga article .Img, .prodotti_catalogo article figure, .prodotti_catalogo article .Img { height: 140px !important; max-height: 140px !important; min-height: 140px !important; width: 100% !important; margin: 0 0 6px 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; } .vetrina_riga article figure img, .vetrina_riga article .Img img, .prodotti_catalogo article figure img, .prodotti_catalogo article .Img img { max-height: 136px !important; max-width: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .vetrina_riga article .titoloProdInLista a, .prodotti_catalogo article .titoloProdInLista a, .vetrina_riga article .titoloProdInLista strong, .prodotti_catalogo article .titoloProdInLista strong { font-size: 12px !important; font-weight: 500 !important; color: #1e293b !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; max-height: 32px !important; word-break: break-word !important; } .vetrina_riga article .DescrizioneProdotto, .prodotti_catalogo article .DescrizioneProdotto { display: none !important; } .vetrina_riga article .listatoprice, .prodotti_catalogo article .listatoprice { margin-top: auto !important; padding-top: 6px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; width: 100% !important; box-sizing: border-box !important; } .vetrina_riga article .prezzo, .prodotti_catalogo article .prezzo { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 4px 6px !important; margin: 0 0 4px 0 !important; } .vetrina_riga article .prezzo .newPrezzo, .vetrina_riga article .prezzo .PrezzoVetrina, .prodotti_catalogo article .prezzo .newPrezzo, .prodotti_catalogo article .prezzo .PrezzoVetrina { font-size: 14px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.2 !important; } .vetrina_riga article .prezzo .prezzoTagliato, .prodotti_catalogo article .prezzo .prezzoTagliato { font-size: 11px !important; font-weight: 400 !important; color: #94a3b8 !important; text-decoration: line-through !important; line-height: 1.2 !important; } .vetrina_riga article .SoloLogin, .prodotti_catalogo article .SoloLogin { padding: 4px 6px !important; font-size: 11px !important; line-height: 1.3 !important; border-radius: 6px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; text-align: center !important; box-sizing: border-box !important; } .vetrina_riga article .Valori_Imballaggio, .prodotti_catalogo article .Valori_Imballaggio { font-size: 10.5px !important; color: #64748b !important; margin-top: 4px !important; display: flex !important; gap: 6px !important; justify-content: center !important; } /* 7. CONTROLLI CARRELLO E QUANTITÀ SU CARD SMARTPHONE */ .vetrina_riga article form.formscheda, .prodotti_catalogo article form.formscheda, form.formscheda { display: flex !important; align-items: center !important; gap: 4px !important; width: 100% !important; margin: 4px 0 0 0 !important; box-sizing: border-box !important; visibility: visible !important; pointer-events: auto !important; } .vetrina_riga article .btnInputQta, .prodotti_catalogo article .btnInputQta, .btnInputQta { display: inline-flex !important; align-items: center !important; height: 36px !important; min-height: 36px !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; background: #ffffff !important; overflow: hidden !important; box-sizing: border-box !important; flex: 0 0 auto !important; } .btnInputQta button.minus, .btnInputQta button.plus { width: 28px !important; min-width: 28px !important; height: 34px !important; min-height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #f8fafc !important; border: none !important; color: #334155 !important; font-size: 13px !important; cursor: pointer !important; pointer-events: auto !important; padding: 0 !important; margin: 0 !important; } .btnInputQta input.quantita { width: 24px !important; min-width: 24px !important; height: 34px !important; line-height: 34px !important; border: none !important; text-align: center !important; font-size: 12px !important; font-weight: 600 !important; color: #0f172a !important; background: #ffffff !important; padding: 0 !important; margin: 0 !important; pointer-events: auto !important; } .vetrina_riga article .btncarrello, .prodotti_catalogo article .btncarrello, button.btncarrello, .bottone_carrelloscheda { flex: 1 1 auto !important; height: 36px !important; min-height: 36px !important; border-radius: 6px !important; background: var(--ee-primary, #d21822) !important; color: #ffffff !important; border: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; font-size: 11.5px !important; font-weight: 600 !important; cursor: pointer !important; pointer-events: auto !important; padding: 0 6px !important; text-align: center !important; box-sizing: border-box !important; white-space: nowrap !important; } /* 8. NASCONDERE SIDEBAR CATEGORIE DESKTOP SU MOBILE */ aside.Left, section#contenuto > aside, aside .TopCategory { display: none !important; } section#contenuto > #vetrina { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } .SliderBorderScreen.Whatsapp-Style { right: 10px !important; left: auto !important; max-width: 48px !important; } }