:root { --colore-oro-accessibile:#894a1f; --colore-oro:#af7b45; --colore-oro-footer:#F0C39F; --colore-scuro:#333; --font-sans:"Inter","Inter Fallback",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --font-serif:"Lora","Lora Fallback",Georgia,serif; } @font-face{ font-family:"Inter Fallback"; src:local("Segoe UI"), local("Roboto"), local("Helvetica Neue"), local("Arial"); ascent-override:92%; descent-override:24%; line-gap-override:0%; size-adjust:101.5%; /* più vicino a Inter di Arial=104 */ } /* Lora: Georgia va bene, piccolo aggiustamento */ @font-face{ font-family:"Lora Fallback"; src:local("Georgia"), local("Times New Roman"); ascent-override:92%; descent-override:24%; line-gap-override:0%; size-adjust:101%; } :focus,:active{outline:none} ::-moz-focus-inner{border:0} a:hover,a:active{outline:none} *,:before,:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} html{font-size:62.5%;scroll-behavior:smooth} body{background-color:#FFF;font-family:var(--font-sans);font-weight:400;color:var(--colore-scuro);font-size:1.6rem;line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; font-synthesis-weight:none; font-synthesis-style:none;} body,.listaprodotti,.menucategorie,.miglior_prezzo,#top,#toplogin,.navbar,.footer,.modal-content,.panel,input,textarea,select,button{font-family:var(--font-sans) !important} h1{font-size:3rem;color:var(--colore-scuro);font-weight:500;margin:0;text-transform:capitalize; font-family:var(--font-serif);} h2{font-size:2.6rem;color:var(--colore-oro-accessibile);font-weight:400;margin:0;font-family:var(--font-sans);} h3{font-size:2.2rem;color:#8B6D48;font-weight:400} h4{font-size:1.8rem;color:var(--colore-scuro);font-weight:400;margin:0} h1 {margin-bottom:1.2rem} h2 {margin-bottom:0.8rem} h3 {margin-top:1rem} p{text-align:justify} #listanobanner p{ font-variant-ligatures:none; font-feature-settings:"liga" 0, "clig" 0; } strong{font-weight:bold} a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover{text-decoration:none;pointer-events:none;cursor:default} a{text-decoration:none;color:var(--colore-scuro);transition:color .3s linear;-webkit-transition:color .3s linear;-moz-transition:color .3s linear} a:hover{color:var(--colore-scuro)} .margine10{margin-top:10px} .margine20{margin-top:20px} .margine40{margin-top:40px} .margine80{margin-top:80px} .spazio20{padding-top:20px} .spazio40{padding-top:40px} .capitalize{text-transform:capitalize} .uppercase{text-transform:uppercase} #topTrig{background-color:#333333;color:#fff;padding:2px 0;var(--font-sans);text-align:center;min-height:22px} #topTrig strong{} #topTrig span{font-size:1.4rem;color:#fcfcfc} #topTrig{font-size:1.6rem;padding:4px 0;text-align:center} #topTrig{line-height:1.2} #top{background-color:var(--colore-scuro);var(--font-sans);font-weight:100;min-height:30px;color:#FFF;padding:2px 0;font-size:1.6rem} #top a{color:#FFF;text-decoration:none;margin:0 6px} #top i{margin:0 2px} #toplogin{var(--font-sans);text-align:right;font-size:1.6rem;padding-top:2px} .bgtop{margin:20px 0} #logo {padding-top: 10px; text-align: center; } #logo img {margin: 0 auto; display: block; max-width: 100%; height: auto; aspect-ratio: 435 / 89; object-fit: contain;} .triglist{color:#302620;font-size:1.6rem;var(--font-sans);font-weight:100} .triglist span i{font-size:1.2rem} .triglist .oro{color:#E69B74} .civetta{margin:12px auto;color:var(--colore-scuro);line-height:1.3rem;height:35px} .civetta i{margin-right:8px;float:left;font-size:3rem} .civetta p{font-size:1.3rem;display:block;font-style:normal} .civetta em{font-style:normal} .civetta span{color:var(--colore-oro-accessibile)} .civetta .stro{font-size:1.4rem;display:block;font-weight:bold;color:#777} .civettabig{font-size:1.5rem;font-style:italic;margin:10px 0;letter-spacing:1px} .civettabig i{font-size:1.8rem} .civetta_prod{color:#777} #toptool{margin-top:20px} #topsearch{} .stylish-input-group .input-group-addon{font-size:1.8rem;background:#fff!important;border-color:var(--colore-scuro);border:0;padding:0;margin:0} .stylish-input-group .form-control{border-color:var(--colore-scuro);border-right:0;border-left:0;border-top:0;box-shadow:0 0 0;border-color:var(--colore-scuro);font-size:1.8rem} .stylish-input-group button{border:1px;color:var(--colore-scuro);background:transparent;padding:0;margin:0} .stylish-input-group i{font-size:2.6rem} #topsearch input.form-control{width:0;opacity:0;padding:0;border:none;pointer-events:none;transition:all .3s ease} #submitSearch{display:none} #topsearch.active input.form-control{width:200px;opacity:1;padding:6px 12px;border:1px solid #ccc;pointer-events:auto} #openSearch i{vertical-align:middle;position:relative;top:-2px} #topsearch.active #submitSearch{display:inline-block} #topsearch.active #openSearch{display:none} .search-icon-toggle{cursor:pointer} #carrello-top{color:var(--colore-scuro);font-size:1.6rem} #carrello-top a{color:var(--colore-scuro);text-decoration:none;font-size:1.4rem} #carrello-top i{font-size:2.6rem} #carrello-top .count-notif{background-color:var(--colore-oro-accessibile);font-size:1.6rem;font-weight:100;color:#FFF;z-index:1;position:absolute;top:-18px;left:30px} #toploginmenu{color:var(--colore-scuro);cursor:pointer} #toploginmenu i{font-size:2.6rem} #toploginmenu .btn-group.open .dropdown-toggle{-webkit-box-shadow:none;box-shadow:none} #toploginmenu .dropdown-menu li a{var(--font-sans);font-weight:100;color:#3F7F8B;font-size:1.6rem} #toploginmenu .dropdown-menu li a i{font-size:2rem;margin-right:4px} input[name=cap]{width:80px} input[name=numero]{width:60px} input[name=cell]{max-width:360px} .contatti_contrassegno li{margin:10px auto} .checkbox label:after,.radio label:after{content:'';display:table;clear:both} .checkbox .cr,.radio .cr{position:relative;display:inline-block;border:1px solid #a9a9a9;border-radius:.25em;width:1.3em;height:1.3em;float:left;margin-right:.5em} .radio .cr{border-radius:50%} .checkbox .cr .cr-icon,.radio .cr .cr-icon{position:absolute;font-size:.8em;line-height:0;top:50%;left:20%} .radio .cr .cr-icon{margin-left:.04em} .checkbox label input[type="checkbox"],.radio label input[type="radio"]{display:none} .checkbox label input[type="checkbox"] + .cr > .cr-icon,.radio label input[type="radio"] + .cr > .cr-icon{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in} .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,.radio label input[type="radio"]:checked + .cr > .cr-icon{transform:scale(1) rotateZ(0deg);opacity:1} .checkbox label input[type="checkbox"]:disabled + .cr,.radio label input[type="radio"]:disabled + .cr{opacity:.5} .menusub hr{padding:0;margin:0} .breadcrumb{font-size:1.2rem;color:var(--colore-scuro);margin:20px 0 0;padding:0;background-color:#FFF;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0} .breadcrumb a{color:var(--colore-scuro)} .breadcrumb a:hover{text-decoration:none} .breadcrumb > .active{color:var(--colore-oro-accessibile)} .breadcrumb li{padding:5px 0} .breadcrumb > li + li:before{content:"\276D\00a0";color:var(--colore-oro-accessibile)} .navback{padding:18px 0 0 5px;margin:0;text-align:right} .navback a{font-size:1.4rem;color:var(--colore-scuro)} #testo-top{background-color:#FBFCE7;color:var(--colore-scuro);font-size:1.6rem;padding-bottom:30px} .footer{min-height:227px} .footer .footer_h5{font-size:1.6rem;padding-top:4px} .footer i{font-size:2.6rem;float:left;margin:10px 6px 0 0} .footer a{color:#FFF;text-decoration:none} .footer img{margin:4px 0} .footer{padding:40px 20px;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between} .footer > div{flex:1 1 220px} .footer i{font-size:1.6rem;margin-right:6px;vertical-align:middle} .footer p,.footer li{margin-bottom:10px;font-size:1.4rem} .footer .colonna{border-right:1px solid #ffffff1a;padding-right:20px;margin-right:20px} .footer .colonna:last-child{border-right:none} .footer-bottom{background-color:#2B2422;font-size:1.2rem;padding:15px;color:#E0E0E0;text-align:center} .footer-bottom a{color:#FFF;opacity:.8} .footer-bottom a:hover{opacity:1} .eccezione{padding-top:10px} .eccezzioneicona{min-height:80px} .gruppofooter{margin:8px 0;display:block;clear:both} .gruppofooter strong{font-weight:200} .social_foot a i{margin-left:10px} .footerorari{min-height:30px} .linea_dx{background-image:url(/images/br-footer.png);background-position:top right;background-repeat:no-repeat} .copy{background-color:#FAFAFA;border-top:#DFDBDA 1px solid;border-bottom:#DFDBDA 1px solid;color:var(--colore-scuro);font-size:1.3rem;min-height:30px;padding-top:4px} .copy a{color:var(--colore-scuro);text-decoration:none} .copyw{color:var(--colore-scuro);font-size:1rem;min-height:30px;padding:4px 0 50px;text-align:right} .copyw a{color:var(--colore-scuro);text-decoration:none} .copyidea{} .navigation{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--font-sans);font-size:1.3rem;margin:0 auto;animation:fadeIn .4s ease-in-out} .navigation a,.navigation .sel{position:relative;display:inline-block;padding:5px 10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:var(--colore-scuro);text-decoration:none;overflow:hidden;transition:all .3s ease;z-index:1} .navigation a{background-color:#fff;color:var(--colore-scuro);transition:background-color .3s ease,color .3s ease,border-color .3s ease} .navigation a:hover{background-color:var(--colore-oro-accessibile);color:#fff;border-color:var(--colore-oro-accessibile)} .navigation a,.navigation a span{position:relative;z-index:2} .navigation a:hover{color:#fff;border-color:var(--colore-oro-accessibile)} .navigation .sel{background-color:var(--colore-scuro);color:#fff;border-color:var(--colore-oro-accessibile);font-weight:600;z-index:2} .menu-img-new a{background-color:#fff} @keyframes fadeIn {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} .allineadx{float:right} .cleartop{clear:left} #actionbar{float:left;padding:0 10px;min-height:80px} #actionbar .form-control:focus{border-color:var(--colore-scuro);box-shadow:none;-webkit-box-shadow:none} #actionbar .has-error .form-control:focus{box-shadow:none;-webkit-box-shadow:none} #actionbar .dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover{color:#fff;text-decoration:none;background-color:var(--colore-scuro);outline:0} #scroll{display:block;clear:left} #more{text-align:center;font-size:12px;color:#FFF;clear:left;display:block;position:relative;height:45px;margin-bottom:10px} #more p{padding:5px;cursor:pointer} #barand_page {display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:40px 20px} #barand_page > div {width:250px;text-align:center} #barand_page a.thumbnail {display:flex;justify-content:center;align-items:center;width:100%;max-width:280px;height:260px;margin:0 auto;background:#fff;border:1px solid #eee;border-radius:10px;text-align:center;transition:transform 0.3s ease, box-shadow 0.3s ease} #barand_page a.thumbnail img {max-height:200px;width:auto;max-width:90%} #barand_page a.thumbnail:hover {box-shadow:0 6px 12px rgba(0,0,0,0.1);transform:translateY(-4px)} .toggle-categorie {cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.6rem;font-weight:700;text-align:center;margin:16px 0 0;color:var(--colore-scuro);transition:color 0.3s ease;text-transform:uppercase;letter-spacing:0.5px} .toggle-categorie:hover {color:var(--colore-oro-accessibile)} .toggle-categorie .toggle-icon {font-size:2rem;margin-right:6px;transition:transform 0.3s ease;vertical-align:middle} .categorie-brand {display:none;opacity:0;max-height:0;overflow:hidden;transition:all 0.4s ease;list-style:none;padding:0;margin:0;text-align:center;border:1px dashed #eee} .categorie-brand.open {display:block;opacity:1;max-height:800px} .categorie-brand li {font-size:1.4rem;margin:6px 0} .categorie-brand li a {color:#444;font-weight:400;text-decoration:none;transition:all 0.3s ease;padding:2px 8px;display:inline-block} .categorie-brand li a:hover {color:#fff;background-color:var(--colore-oro-accessibile);border-radius:4px} #barra_brand a{color:#444;font-size:1.4rem;text-decoration:none;display:table-cell;padding:9px 12px;vertical-align:middle;text-align:center;height:120px;width:200px;z-index:1} #barra_brand a img{z-index:2;max-height:74px;max-width:113px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease} #barra_brand a:hover img{-moz-transform:scale(0.5) rotate(360deg);-webkit-transform:scale(0.5) rotate(360deg);-o-transform:scale(0.5) rotate(360deg);-ms-transform:scale(0.5) rotate(360deg);transform:scale(0.5) rotate(360deg)} #barra_brand .thumbnail{background-color:#FFF;border:#CCC 1px solid;-webkit-box-shadow:0 0 10px 2px #EEE6DC;box-shadow:0 0 10px 2px #EEE6DC;-webkit-border-radius:5px;border-radius:5px} .brand-right{float:right;width:140px;} #catalogo {min-height: 1000px;position: relative;} .listaprodotti{list-style:none;padding:0;margin:0 auto;var(--font-sans);font-weight:100;display:flex;flex-wrap:wrap;justify-content:center} .listaprodotti li{background-color:#FFF;margin:10px;padding:5px;list-style:none;border:#F5F5F5 0 solid;color:var(--colore-scuro);position:relative;z-index:1;width:100%;float:none} .listaprodotti_quattro li{margin:12px} .listaprodotti_tre li{margin:10px 20px} .listaprodotti s{font-size:1.2rem;color:#000000;display:block} ul.listaprodotti .prezzo, ul.listaprodotti .scprezzo, ul.listaprodotti .scprezzo_offerta, ul.listaprodotti .prezzo_offerta, ul.listaprodotti .strong_price.prezzo, ul.listaprodotti .strong_price.prezzo_offerta {font-family:var(--font-serif);;color:var(--colore-oro-accessibile);text-shadow:0 1px 1px #fcfcfc;display:inline-block!important;vertical-align:middle;margin-right:12px;margin-bottom:2px;font-size:1.9rem!important;font-weight:bold!important; text-align:left!important;margin-left:0!important;float:none!important} .listaprodotti a.img_cornice{vertical-align:middle;text-align:center;border:1px #f5f5f5 solid !important ;border-radius:6px} .listaprodotti a.img_cornice {cursor:pointer;display:block;width:100%;padding-top:100%;position:relative;overflow:hidden} .listaprodotti a.img_cornice img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;margin:0 auto} .listaprodotti a.img_cornice::before {content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 100%);transform:skewX(-20deg);z-index:2;pointer-events:none} .listaprodotti a.img_cornice:hover::before {animation:shine 1.1s ease-in-out} @keyframes shine {from {left:-100%} to {left:100%}} .listaprodotti a.img_cornice img {transition:transform 0.9s cubic-bezier(0.33, 1, 0.68, 1)} .listaprodotti a.img_cornice:hover img {transform:scale(1.2)} @keyframes slideUp {from {transform:translateY(30px);filter:blur(2px)} to {transform:translateY(0);filter:blur(0)} } .listaprodotti li {transform:translateY(30px);animation:slideUp 0.5s ease forwards;will-change:transform} /* h3 h4 deprecato */ .listaprodotti h4{font-size:1.4rem;font-weight:200;line-height:15px;margin:7px 0 4px;text-align:justify} .listaprodotti h4 a,.listaprodotti h4 a:link{color:#595959;text-decoration:none} .listaprodotti h4 a:hover{color:#595959} .listaprodotti h4 strong{color:#4F4F4F;font-weight:bold} .listaprodotti h3{font-size:1.4rem;font-weight:200;line-height:18px;margin:7px 0 4px;text-align:justify} .listaprodotti h3 a,.listaprodotti h3 a:link{color:#595959;text-decoration:none} .listaprodotti h3 a:hover{color:#595959} .listaprodotti h3 strong{color:#4F4F4F;font-weight:bold} /* deprecato */ .listaprodotti .scheda_min{font-size:1.4rem;font-weight:200;line-height:18px;margin:7px 0 4px;text-align:justify!important} .listaprodotti .scheda_min a,.listaprodotti .scheda_min a:link{color:#595959;text-decoration:none} .listaprodotti .scheda_min a:hover{color:#595959} .listaprodotti .strong_price{font-weight:bold!important} .listaprodotti .marca{color:#4F4F4F;font-weight:bold} .listaprodotti a.img_cornice .plus{display:none} .listaprodotti a.img_cornice:hover .plus{} .listaprodotti p{margin:1px 0;font-size:1.4rem;color:var(--colore-scuro);text-align:justify} .lista_prodotti_feedbackcart{width:100%;text-align:center;display:block} .lista_prodotti_feedbackcart li{height:250px!important;margin:10px auto;display:inline-block;float:none;text-align:left} .lista_prodotti_feedbackcart li{width:calc(70% - 5px)!important} .lista_prodotti_feedbackcart a.img_cornice img {position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;margin:0 auto} .lista_prodotti_feedbackcart img{width:100%;display:block;margin-bottom:30px} #feedbackcart .btn-default {transition:all .3s ease;padding:10px 20px;font-weight:500;box-shadow:0 2px 4px #0003;margin-top:11px} .lista-giacenza{float:right;padding:4px 2px;font-size:1.1rem} .dis{color:var(--colore-scuro)} .nodis{color:var(--colore-oro-accessibile)} .prezzo{color:var(--colore-oro-accessibile);font-size:1.5rem} .marca{text-transform:uppercase} .strong{font-weight:bold} .list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0} .btn-cart{color:#F0C39F;background-color:#2b2b2b;border:1px solid #2b2b2b;transition:all .3s ease;border-radius:4px;padding:10px 20px;font-weight:500;box-shadow:0 2px 4px #0003} .btn-cart i{margin-right:7px} .btn-cart:hover,.btn-cart:focus{background-color:#F0C39F;color:#2b2b2b;border-color:#F0C39F;transform:translateY(-2px);box-shadow:0 6px 12px #f0c39f66} .btn-cart:active,.btn-cart.active{background-color:#d9a87a;color:var(--colore-scuro);border-color:#d9a87a;transform:scale(0.98);box-shadow:inset 0 2px 4px #0003} .btn-cart.disabled,.btn-cart[disabled],fieldset[disabled] .btn-cart{background-color:#444;color:#aaa;border-color:#444;cursor:not-allowed;box-shadow:none} .btn-cart .badge{color:#fff;background-color:#000;margin-left:6px;font-size:11px;padding:2px 6px;border-radius:10px} .btn-informazioni{color:#FFF;background-color:var(--colore-scuro);border-color:var(--colore-scuro)} .btn-informazioni:hover,.btn-informazioni:focus,.btn-informazioni:active,.btn-informazioni.active,.open .dropdown-toggle.btn-informazioni{color:#FFF;background-color:#848484;border-color:var(--colore-scuro)} .btn-informazioni:active,.btn-informazioni.active,.open .dropdown-toggle.btn-informazioni{background-image:none} .btn-informazioni.disabled,.btn-informazioni[disabled],fieldset[disabled] .btn-informazioni,.btn-informazioni.disabled:hover,.btn-informazioni[disabled]:hover,fieldset[disabled] .btn-informazioni:hover,.btn-informazioni.disabled:focus,.btn-informazioni[disabled]:focus,fieldset[disabled] .btn-informazioni:focus,.btn-informazioni.disabled:active,.btn-informazioni[disabled]:active,fieldset[disabled] .btn-informazioni:active,.btn-informazioni.disabled.active,.btn-informazioni[disabled].active,fieldset[disabled] .btn-informazioni.active{background-color:var(--colore-scuro);border-color:var(--colore-scuro)} .btn-informazioni .badge{color:var(--colore-scuro);background-color:#FFF} .box_riepilogo{margin:10px;border:#ccc 1px solid;-webkit-box-shadow:0 0 8px 2px #ccc;box-shadow:0 0 8px 2px #ccc;min-height:280px} .modulomargine{margin:5px;padding:10px} #scheda_immagine{margin:0 auto;position:relative;padding:0} a.img_corniceb{cursor:pointer;position:relative;padding:0} a.img_corniceb img{margin:0 auto;z-index:1} .gallery_01 img{border:#ccc 1px solid;-webkit-box-shadow:0 0 8px 2px #ccc;box-shadow:0 0 8px 2px #ccc;margin:10px 10px 10px 0} .gallery_01 img:hover{border:#C1A33B 1px solid} .evidenza{background-color:#FDF04B;padding:4px;letter-spacing:1px;margin-top:-2px;margin-left:2px;color:#444;font-size:1.2rem;float:right} #scheda_azione{text-align:right;display:block;float:none;clear:both} .scheda_logo{width:120px} .taglia{border:1px solid #FFF;padding:5px 0;text-decoration:none;font-size:1.4rem} .taglia:hover{border:1px solid #F5F5F5;background-color:#F5F5F5;text-decoration:none;color:var(--colore-scuro)} .taglia_sel{padding:4px;border:1px solid #F5F5F5;background-color:#F5F5F5;font-weight:bold;text-decoration:none;color:var(--colore-scuro)} #scheda_descrizione{display:block;text-align:justify;font-size:1.5rem} #scheda_descrizione ul{margin-top:0;margin-bottom:0} #scheda_descrizione ul i{color:var(--colore-scuro)} #scheda_descrizione h1{text-transform:capitalize;text-align:left} #scheda_descrizione h2{margin:0} #scheda_descrizione a{} #scheda_descrizione .trig-frase-scheda{font-size:1.4rem;font-weight:300} #scheda_descrizione .scheda-more{text-decoration:none;font-size:1.4rem} .miglior_prezzo{display:block;font-size:1.4rem;margin:20px 0;var(--font-sans);font-weight:100} #scheda_descrizione_marca{float:right;margin:0 10px;clear:left} #scheda_disponibilita{color:#575757;font-size:1.4rem;float:right;font-weight:bold;text-align:right;margin-top:10px} #listinobanner{text-align:center} #listanobanner h1{text-transform:none;text-align:center} .special h1{text-transform:capitalize!important;text-align:center} #listanobanner h2{text-transform:none!important;text-align:center} #listanobanner p{font-size:1.4rem;text-align:center} .container_img_brand{min-height: 100px; } #price_contenuto{margin:0;float:left;min-height:80px;min-width:300px} .prezzo_scheda{font-family:var(--font-serif);;color:var(--colore-oro-accessibile);text-shadow:0 1px 1px #fcfcfc;font-size:3.2rem;margin:0;padding:0;font-weight:700;line-height:22px} .prezzo_listino{color:#4F4F4F!important;font-size:1.4rem;font-family:Inter,var(--font-sans);;margin:0 0 0 2px;padding:0;font-style:normal} #prezzo_min30gg{color:#444!important;font-size:1.2rem;font-family:Inter,var(--font-sans);;margin:0;padding:0;font-style:normal} .risparmio{color:#3f3f3f;font-size:1.4rem} .risp_evid{font-weight:600} .risp_percent{font-size:2.2rem;font-weight:600} #az a{font-family:var(--font-serif);;color:#FFF;font-style:italic;cursor:pointer;border:none;-webkit-box-shadow:0 0 10px 2px #EEE6DC;box-shadow:0 0 10px 2px #EEE6DC;-webkit-border-radius:5px;border-radius:5px;padding:4px 0 0;color:#fff;font-size:14px!important;border:0;cursor:pointer;background-color:var(--colore-oro-accessibile);width:190px;height:26px;margin:20px 0 0 30px;float:right;text-align:center;font-weight:200} #az a:hover{background-color:#4E3C26;color:#FFF;font-style:italic} #az img{margin:6px} .caratteristiche{color:var(--colore-scuro);font-size:1.4rem;clear:left;margin:1px 0 0;padding:0} .menucategorie{font-family:var(--font-sans);font-size:1.4rem;font-weight:100} .menucategorie ul{margin:0;padding:0} .menucategorie li{margin:0;padding:0} .filter-toggle{display:none;font-size:1.4rem;cursor:pointer;text-align:left!important;margin-top:20px;padding:0;background-color:#FFF} .filter-toggle i{font-size:1.6rem;margin-right:5px} .filters-mobile2{display:none;margin:0;padding:0} .filter-toggle2{display:block;font-size:1.4rem;cursor:pointer;text-align:left!important;margin-top:20px;padding:0;background-color:#FFF} .filter-toggle2 i{font-size:1.6rem;margin-right:5px} .breadcrumb{font-size:1.4rem;color:var(--colore-scuro);margin:20px 0 0;padding:0;background-color:#FFF;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0} .breadcrumb a{color:#444} .breadcrumb a:hover{text-decoration:none} .breadcrumb > .active{color:var(--colore-oro-accessibile)} .breadcrumb li{padding:0} .breadcrumb > li + li:before{content:"\276D\00a0";color:var(--colore-oro-accessibile)} .bottone{border:#672F29 1px dashed;margin:5px;padding:6px 12px;font-size:1.6rem;font-weight:bold} .btn-custom{border-radius:0!important;padding:15px 20px;-moz-border-radius:0!important;color:#662C26;background-color:#F3F2DD;border-color:#F3F2DD} .btn-custom:hover,.btn-custom:focus,.btn-custom:active,.btn-custom.active,.open .dropdown-toggle.btn-custom{color:#FFF;background-color:#C9A574;border-color:#F3F2DD} .btn-custom:active,.btn-custom.active,.open .dropdown-toggle.btn-custom{background-image:none} .btn-custom.disabled,.btn-custom[disabled],fieldset[disabled] .btn-custom,.btn-custom.disabled:hover,.btn-custom[disabled]:hover,fieldset[disabled] .btn-custom:hover,.btn-custom.disabled:focus,.btn-custom[disabled]:focus,fieldset[disabled] .btn-custom:focus,.btn-custom.disabled:active,.btn-custom[disabled]:active,fieldset[disabled] .btn-custom:active,.btn-custom.disabled.active,.btn-custom[disabled].active,fieldset[disabled] .btn-custom.active{background-color:#F3F2DD;border-color:#F3F2DD} .btn-custom .badge{color:#F3F2DD;background-color:#662C26} .navbar-default .navbar-nav > li > a,.navbar-brand{padding-top:10px!important;padding-bottom:0!important;height:46px} .navbar-default .navbar{min-height:46px!important} .navbar-default{background-color:transparent;border-color:transparent;font-size:1.6rem;margin:0} .navbar-default .navbar-brand{color:var(--colore-scuro);height:30px} .navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:var(--colore-oro-accessibile)} .navbar-default .navbar-text{color:var(--colore-scuro)} .navbar-default .navbar-nav > li > a{color:var(--colore-scuro)} .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:var(--colore-oro-accessibile)} .navbar-default .navbar-nav > li > .dropdown-menu{background-color:#FFF;color:var(--colore-scuro)} .navbar-default .navbar-nav > li > .dropdown-menu > li > a{color:var(--colore-scuro)} .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus{color:var(--colore-oro-accessibile);background-color:#FFF} .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider{background-color:#FFF} .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:var(--colore-oro-accessibile);background-color:#FFF} .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:var(--colore-oro-accessibile);background-color:transparent} .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{color:var(--colore-oro-accessibile);background-color:transparent} .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color:#fff;color:#333} .navbar-default .navbar-toggle:hover .icon-bar {background-color:var(--colore-oro-accessibile)} .navbar-default .navbar-toggle .icon-bar {background-color:#fff} .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#FFF} .navbar-default .navbar-link{color:#FFF} .navbar-default .navbar-link:hover{color:var(--colore-scuro)} .navbar-default .dropdown-menu{color:var(--colore-scuro);min-width:200px;font-size:1.4rem} .navbar-default .dropdown-menu li a{color:var(--colore-scuro)} .navbar-default .dropdown-menu strong{text-transform:uppercase;font-weight:bold} .navbar-default .dropdown-menu.columns-2{min-width:400px} .navbar-default .dropdown-menu.columns-3{min-width:600px} .navbar-default .dropdown-menu li a{padding:5px 15px;font-weight:300} .navbar-default .multi-column-dropdown{list-style:none;margin:0;padding:0} .navbar-default .multi-column-dropdown li a{display:block;clear:both;line-height:1.428571429;white-space:normal} .navbar-default .multi-column-dropdown li a:hover{text-decoration:none;color:var(--colore-oro-accessibile)} .outletcolor{color:var(--colore-oro-accessibile)!important} .outletlink .tooltip.top .tooltip-inner{font-size:1.4rem;background:var(--colore-oro)} .outletlink .tooltip.top .tooltip-arrow{font-size:1.4rem;border-top-color:var(--colore-oro-accessibile)} .row_map_canvas{padding:0!important;z-index:3222} #map_canvas{height:334px;width:100%;min-height:350px} .seleziona{font-weight:bold} .boxsearch{font-size:1.4rem;color:var(--colore-scuro);margin:20px 10px;display:block;text-transform:capitalize} .boxsearch a{font-size:1.4rem;color:var(--colore-scuro);text-decoration:none;text-transform:capitalize} .boxsearch strong{font-size:1.5rem;text-decoration:none;text-transform:uppercase} .boxsearch a:hover{color:#C1A33B} .boxsearch ul{margin:0;padding:0;list-style:none} .boxsearch li{list-style:none;border-bottom:1px solid #CCC;padding:5px 0 5px 5px;margin:0} .staticmenu{border:#CCC 1px solid;-webkit-box-shadow:0 0 12px 5px #ccc;box-shadow:0 0 12px 5px #ccc;background-color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px} .staticmenu strong{font-size:1.8rem} .staticmenu ul{margin:0;padding:0;list-style:none} .staticmenu li{padding:5px;list-style:none;font-size:1.4rem} .staticmenu i{margin-right:5px} .staticmenu a{text-decoration:none;color:var(--colore-scuro)} .staticmenu a:hover{text-decoration:none;color:#F5F5F5} .premio_min{margin-top:10px /*-45px*/;float:left} .trusted_garanziap{max-width:80px;margin-top:-5px} .premio_schedap{} .new{background-image:url(/images/icon-new.png?v3);background-repeat:no-repeat;z-index:3;width:58px;height:52px;padding:58px;position:absolute;top:1px;left:1px} .new_big{background-image:url(/images/icon-new-big.png?v3);background-repeat:no-repeat;z-index:3;width:87px;height:76px;padding:87px;position:absolute;top:0;left:0} .outlet{background-image:url(/images/icon-outlet.png);background-repeat:no-repeat;z-index:3;width:58px;height:52px;padding:58px;position:absolute;top:1px;left:1px} .outlet_big{background-image:url(/images/icon-outlet-big.png);background-repeat:no-repeat;z-index:3;width:87px;height:76px;padding:87px;position:absolute;top:0;left:0} .outlet_50{background-image:url(/images/icon-outlet-50.png);background-repeat:no-repeat;z-index:3;width:58px;height:52px;padding:58px;position:absolute;top:1px;left:1px} .outlet_big_50{background-image:url(/images/icon-outlet-big-50.png);background-repeat:no-repeat;z-index:3;width:87px;height:76px;padding:87px;position:absolute;top:0;left:0} .sconto_25{/*background-image:url(/images/icon-sconto25.png);background-repeat:no-repeat;z-index:3;width:58px;height:52px;padding:58px;position:absolute;top:1px;left:1px;*/} .sconto_25_big{/*background-image:url(/images/icon-sconto25-big.png);background-repeat:no-repeat;z-index:3;width:87px;height:76px;padding:87px;position:absolute;top:0;left:0;*/} .sconto_30{background-image:url(/images/icon-sconto30.png?v2);background-repeat:no-repeat;z-index:3;width:58px;height:52px;padding:58px;position:absolute;top:1px;left:1px} .sconto_30_big{background-image:url(/images/icon-sconto30-big.png?v2);background-repeat:no-repeat;z-index:3;width:87px;height:76px;padding:87px;position:absolute;top:0;left:0} .sconto_70{background-image:url(/images/icon-sconto70.png?v2);background-repeat:no-repeat;z-index:3;width:58px;height:52px;padding:58px;position:absolute;top:1px;left:1px} .sconto_70_big{background-image:url(/images/icon-sconto70-big.png?v2);background-repeat:no-repeat;z-index:3;width:87px;height:76px;padding:87px;position:absolute;top:0;left:0} .over_nodisp {background-color:#ffffffd9;z-index:4;width:100%;padding:8px 0;position:absolute;top:50%; left:0;transform:translateY(-50%);text-align:center;text-transform:uppercase;font-weight:400;color:var(--colore-scuro)} #cassa table {margin-top:5px;margin-left:auto;margin-right:auto;width:100%} #cassa table thead th {border-bottom:1px solid #D0D0D0;color:#2C3E50;font-weight:bold;font-size:1.4rem;text-transform:uppercase;line-height:20px;padding:2px} #cassa table tbody tr {border-bottom:1px solid #D0D0D0;color:#3A3A3A;font-size:1.4rem} #cassa table tbody td {height:70px;padding:12px;border-bottom:1px dashed #D0D0D0;font-weight:bold;color:#5A5A5A;text-transform:capitalize} #cassa table tbody td em {color:#1A1A1A} #cassa table tbody td s {color:#555;font-size:1.2rem} #cassa table tbody td strong {color:#000;font-weight:bold;font-size:1.4rem} #cassa table tbody tr:nth-child(odd) {background-color:#FFFFFF} #cassa table tbody tr:nth-child(even) {background-color:#F7F7F7} #cassa i {font-size:1.4rem} #cassa em {font-size:1.4rem;font-weight:300;font-style:normal} .selq img{border:none!important} .img_pr{margin:0 5px 5px 0} .img-conteiner-cart{display:inline-block;float:left;margin:0 5px 5px 0;overflow:hidden;width:120px;height:120px;background-color:#FFF} #totale{float:right;text-align:left;max-width:300px;font-size:1.3rem;color:#929292;margin:10px} #conti{float:right;max-width:200px;margin:0 0 0 10px} #conti s{color:#ccc;font-size:1.4rem} #conti strong{color:#3869A0;font-size:1.9rem;font-weight:bold} #cart_footer{color:#595959;font-weight:bold;background-color:#f5f5f5;font-size:1.4rem;clear:right;margin-left:auto;margin-right:auto;margin-bottom:20px;padding:10px} #cart_footer img{margin:0 10px} #cart_footer a{text-decoration:none;background-color:#b9b9b9;color:#FFF;font-size:10px;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-left:20px} .button_bak a{text-decoration:none;background-color:#b9b9b9;color:#FFF;font-size:13px;padding:10px;margin:0} .button_go a{text-decoration:none;background-color:#FF8700;color:#FFF;font-size:13px;padding:10px;margin:20px} .button_go_cart{text-decoration:none;margin:0 20px;width:250px;float:right;clear:right;text-align:center;font-weight:bold;display:block} .cassa_hr{border-bottom:1px dashed #E5E5E5;width:98%;display:block;clear:both} .cassa_carrello i{font-size:3rem;margin-right:10px} .tratteggio{border:0 none;border-top:1px dashed #E5E5E5;background:none;height:0} .cassa_sx{float:left;width:300px;clear:left;margin:20px;color:#BBB;font-size:14px;font-weight:bold} .cassa_sx img{margin:5px 20px 5px 5px} .cassa_dx{float:left;margin:10px;width:580px} .img_play{border:1px solid #000} .img_play:hover{border:1px solid var(--colore-oro)} .alert-gold{border-color:#F5F5F5;background:#F5F5F5;color:var(--colore-scuro)} .alert-gold i{margin-right:8px;font-size:2rem} .alert-success{border-color:#D3E5D9;background:#D3E5D9;color:var(--colore-scuro)} .alert-success .alert-link{color:var(--colore-scuro)} .alert-tiffa{border-color:var(--colore-scuro);background:var(--colore-scuro);color:#FFF} .alert-tiffa i{margin-right:8px;font-size:2rem} .col_new{font-weight:bold;text-align:right;color:var(--colore-oro-accessibile)} .alert-informazioni{color:var(--colore-scuro);background-color:#FAFAFA;border-color:#FAFAFA} .alert-informazioni .tooltip-inner{text-align:left} .modal-registrazione{color:#999;font-size:1.8rem} .modal-registrazione .modal-content{padding:30px;border-radius:0;border:none} .modal-registrazione .modal-header{border-bottom:none;position:relative;border-radius:0} .modal-registrazione h4{color:#666;font-size:3rem;margin:0;font-weight:bold} .modal-registrazione .close{position:absolute;top:-15px;right:-15px;text-shadow:none;opacity:.3;font-size:2.4rem} .modal-registrazione .close:hover{opacity:.8} .modal-registrazione .icon-box{color:#7265ea;display:inline-block;z-index:9;text-align:center;position:relative;margin-bottom:10px} .modal-registrazione .icon-box i{font-size:110px} .modal-registrazione .form-control,.modal-registrazione .btn{min-height:46px;border-radius:0} .modal-registrazione .form-control{box-shadow:none;border-color:#dbdbdb} .modal-registrazione .form-control:focus{border-color:#F5F5F5;box-shadow:0 0 8px #f9585866} .modal-registrazione .btn{color:#fff;background:var(--colore-scuro);text-decoration:none;transition:all .4s;line-height:normal;padding:6px 20px;min-width:150px;margin-left:6px!important;border:none;font-size:1.6rem} .modal-registrazione .btn i{font-size:2rem} .modal-registrazione .btn:hover,.modal-registrazione .btn:focus{box-shadow:0 0 8px #f9585866;background:#D54648;outline:none} .modal-registrazione .input-group{margin-top:30px} .modal-sconto{color:var(--colore-scuro);font-size:1.8rem} .modal-sconto .modal-content{padding:10px;border-radius:0;border:none} .modal-sconto .modal-header{border-bottom:none;position:relative;border-radius:0;margin-bottom:0;padding-bottom:0} .modal-sconto strong{color:var(--colore-scuro)} .modal-sconto .modal-body i{color:var(--colore-scuro);font-size:2.6rem} .modal-sconto h4{color:#d3444a;font-size:3rem;margin:0;font-weight:bold;padding:0} .modal-sconto .close{position:absolute;top:15px;right:15px;text-shadow:none;opacity:.3;font-size:2.4rem} .modal-sconto .close:hover{opacity:.8} .modal-sconto .form-control,.modal-sconto .btn{min-height:40px;border-radius:0} .modal-sconto .form-control{box-shadow:none;border-color:#dbdbdb} .modal-sconto .form-control:focus{border-color:#F5F5F5;box-shadow:0 0 8px #f9585866} .modal-sconto .btn{font-size:2rem} .modal-sconto label{margin:0;padding:0;height:0;font-weight:200} .modal-sconto .form-group{margin:10px;padding:0;font-size:1.4rem} #scedapp{font-family:'Inter',sans-serif;font-weight:400;font-size:1.4rem;line-height:1.7;color:var(--colore-scuro);background-color:#fff;padding:20px} #scedapp h2{font-size:2.2rem;font-weight:600;color:var(--colore-scuro);margin-bottom:10px} #scedapp h3{font-size:1.8rem;font-weight:500;color:#8B6D48;margin:20px 0 10px} #scedapp p{margin-bottom:15px} #scedapp p span[style*="font-weight:600"]{display:block;font-size:1.6rem;margin:20px 0 4px;line-height:1.4;color:#8B6D48} #scedapp span[style*="font-weight:600"] + br{display:none} #scedapp p span[style*="font-weight:600"]{display:block;font-size:1.5rem;line-height:1.4;color:#8B6D48;padding:10px 0 4px;border-bottom:1px solid #eee} #scedapp .tab-pane p{margin-bottom:18px} #scedapp em{font-style:italic;color:#666} #scedapp strong{font-weight:600;color:#000} #scedapp .list-group{padding-left:0;margin-bottom:20px;background-color:transparent;border:none} #scedapp .list-group-item{display:block;width:100%;padding:10px 0;font-size:1.4rem;color:#444;background-color:transparent;border:none;border-bottom:1px solid #ddd} #scedapp .list-group-item:last-child{border-bottom:1px solid #ddd} #scedapp .list-group-item strong,#scedapp .list-group-item .strong{font-weight:600;color:#000} #scedapp a{text-decoration:none;color:var(--colore-oro-accessibile)} #scedapp a:hover{text-decoration:underline;color:var(--colore-scuro)} #scedapp .nav-tabs{margin-bottom:20px;border-bottom:1px solid #ccc} #scedapp .nav-tabs > li > a{font-size:1.4rem;font-weight:500;padding:10px 15px;color:var(--colore-scuro)} #scedapp .nav-tabs > li.active > a,#scedapp .nav-tabs > li > a:hover{border-color:var(--colore-oro-accessibile) var(--colore-oro) transparent;color:var(--colore-oro-accessibile);background-color:#fff} #scedapp .btn{font-size:1.4rem;padding:10px 20px;border-radius:4px} @-webkit-keyframes ring {0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)} 2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)} 6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)} 8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)} 10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)} 12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)} 14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)} 16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)} 18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)} 20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes ring {0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)} 2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)} 4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)} 6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)} 8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)} 10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)} 12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)} 14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)} 16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)} 18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)} 20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} } .faa-ring.animated,.faa-ring.animated-hover:hover,.faa-parent.animated-hover:hover > .faa-ring{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease 3;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial} .btn-txt-bianco{color:#FFF!important;color:#FFF!important;margin-top:10px!important} .lg-backdrop.in{background-color:#FFF} .lg-toolbar .lg-icon{color:var(--colore-scuro)} .lg-outer .lg-icon{color:var(--colore-scuro)} .lg-sub-html,.lg-toolbar,.lg-outer .lg-thumb-outer,.lg-outer .lg-toogle-thumb{background-color:#F5F5F5} .lg-actions .lg-next,.lg-actions .lg-prev{background-color:#F5F5F5;opacity:.6;border:1px #F5F5F5 solid} .lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{background-color:#F5F5F5;opacity:1} .titolo_brand{font:2.8rem sans-serif;text-align:center;color:#242056;font-weight:400} .heading-h4{font-size:2rem;color:var(--colore-scuro);margin:0} .heading-1{position:relative;color:var(--colore-scuro)} .heading-1:before{content:"";display:block;border-top:solid 2px #EEE;width:100%;height:2px;position:absolute;top:50%;z-index:0} .heading-1 span{background:#fff;padding:0 10px;position:relative;z-index:1} .tag_brand_ul li > a,.tag_brand_ul li > span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px;margin:5px;font-size:1.2rem} .palermo_bg{background-image:url(/images/bg_palermo.png);background-repeat:repeat-x;min-height:69px} .palermo_logo{margin-top:-50px} .palermo_slogan{font-size:2.2rem;color:var(--colore-scuro);var(--font-sans);font-style:italic;font-weight:bold;text-align:right;margin-top:50px} .fb_customer_chat_bubble_pop_in{top:20px!important} .fmessengerBtn{border:1px solid red;width:120px!important;height:120px!important;display:block!important} .wellSpecial{background-color:#fdfdfd;font-size:1.4rem} .ordinelist{margin:10px;padding:10px 0 20px;display:block;border-top:1px solid #fcfcfc;border-bottom:1px solid #fcfcfc} .ordinelist i{font-size:2rem;margin-left:4px} .ordinelist:hover{background-color:#fcfcfc} .ordinebottone{width:200px;margin:10px 16px 10px 10px;float:left} .st_carrello{border:1px solid #fcfcfc;background-color:#fcfcfc;padding:4px 2px;font-size:1.3rem;font-weight:300;clear:both} .ordine-sopra-bottone{text-align:right;font-size:1.2rem;margin-bottom:8px} .btn-ordine{font-size:2.4rem} .recensioni_verticale{background-color:#FFF} #RecensioniBC .rating{display:inline-block;font-size:1.6rem;margin-bottom:5px} #RecensioniBC .rating .glyphicon{margin-right:2px} #RecensioniBC .panel{margin-bottom:5px;height:100%;display:flex;flex-direction:column;font-size:1.6rem} #RecensioniBC .panel-heading.heading-background{background-color:#fff} #RecensioniBC .panel-body{flex-grow:1} #RecensioniBC .h-100{height:100%} #RecensioniBC .small-text{font-size:1.4rem} #RecensioniBC .equal-height{min-height:240px} #RecensioniBC .panel-body-mobile{display:block} #RecensioniBC .chevron-mobile{display:none} .desc_fo{border-top:#cfcfcf 1px solid;margin-top:80px;font-size:1.5rem;color:#444; line-height:1.7;padding:10px 16px;background-color:transparent} .desc_fo h2{color:#444;font-size:2rem;margin:24px 0 12px;font-weight:500} .desc_fo h3{color:#666;font-size:1.8rem;margin:20px 0 10px;font-weight:500} .desc_fo h4{color:#777;font-size:1.6rem;margin:16px 0 8px;font-weight:400} .desc_fo p{margin-bottom:16px;text-align:justify} .desc_fo strong{font-weight:bold;color:#222} .desc_fo a{color:#555;text-decoration:underline;transition:color .2s ease} .desc_fo a:hover,.desc_fo a:focus{color:#222} .desc_fo ul,.desc_fo ol{margin:10px 0 20px 25px;padding-left:0} .desc_fo li{margin-bottom:8px;line-height:1.6} .desc_fo p{orphans:2;widows:2} @keyframes fadeInUp {from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} } .desc_fo h2{animation-delay:.1s} .desc_fo h3{animation-delay:.2s} .desc_fo h4{animation-delay:.3s} .desc_fo p{animation-delay:.4s} .desc_fo ul,.desc_fo ol{animation-delay:.5s} .desc_fo li{animation-delay:.6s} .desc_fo i{display:inline-block;font-style:normal;font-size:1em;margin-right:.4em;vertical-align:middle;color:#666;opacity:.85;line-height:1} div[name="premio"]{color:#444;font-size:1.4rem;line-height:1.7;margin-bottom:30px} .row{margin-left:-15px;margin-right:-15px} [class*="col-"]{padding-left:15px;padding-right:15px} .stelle_logo{margin-top:2px} .palermo_logo{margin-top:-60px} .palermo_slogan{margin-top:30px} .header-top{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;flex-wrap:wrap;background-color:#fff;font-family:Arial,sans-serif;border-bottom:1px solid #eee} .header-top-left{display:flex;flex-direction:column;font-size:13px;color:#444;gap:5px} .header-top-left i{color:#bfa46f;margin-right:6px} .header-top-center{display:flex;justify-content:center;align-items:center;flex:1} .header-top-center img{max-height:55px;height:auto} .header-top-right{display:flex;gap:20px;align-items:center} .header-search{border:none;border-bottom:1px solid #999;padding:6px 8px;font-size:14px;width:180px} .header-icons{display:flex;gap:15px;align-items:center} .header-icons i{font-size:18px;color:var(--colore-scuro);position:relative} .header-icons .cart-badge{position:absolute;top:-8px;right:-10px;background-color:#000;color:#fff;font-size:10px;width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%} .header-menu{display:flex;justify-content:center;gap:30px;padding:12px 0;background-color:#fff;font-size:15px;font-weight:500;border-top:1px solid #eee;border-bottom:1px solid #eee} .header-menu a{text-decoration:none;color:#111;position:relative} .header-menu a:hover{color:#bfa46f} .btn-cart,.btn-informazioni,.btn-custom{background-color:var(--colore-scuro);color:#FFF;border-color:var(--colore-scuro)} .btn-cart:hover,.btn-informazioni:hover,.btn-custom:hover{background-color:var(--colore-oro-accessibile);color:#FFF} .btn-cart{color:#F0C39F;background:var(--colore-scuro);border-color:var(--colore-scuro)} .btn-cart i{margin-right:5px} .btn-cart:hover,.btn-cart:focus,.btn-cart:active,.btn-cart.active,.open .dropdown-toggle.btn-cart{color:#F0C39F;background-color:var(--colore-scuro);border-color:var(--colore-scuro)} .btn-cart:active,.btn-cart.active,.open .dropdown-toggle.btn-cart{background-image:none} .btn-cart.disabled,.btn-cart[disabled],fieldset[disabled] .btn-cart,.btn-cart.disabled:hover,.btn-cart[disabled]:hover,fieldset[disabled] .btn-cart:hover,.btn-cart.disabled:focus,.btn-cart[disabled]:focus,fieldset[disabled] .btn-cart:focus,.btn-cart.disabled:active,.btn-cart[disabled]:active,fieldset[disabled] .btn-cart:active,.btn-cart.disabled.active,.btn-cart[disabled].active,fieldset[disabled] .btn-cart.active{background:var(--colore-scuro);border-color:var(--colore-scuro)} .btn-cart .badge{color:#F5F5F5;background-color:#FFF} .modal-footer .btn + .btn{margin-top:12px} .fas,.fa{opacity:.85;transform:scale(0.98)} .fas,.fa,.far,.fab{opacity:.85;transform:scale(0.98);transition:transform .2s ease,opacity .2s ease} .fas:hover,.fa:hover,.far:hover,.fab:hover{opacity:1;transform:scale(1)} .footer {background-color:var(--colore-scuro);color:#e0ded7;padding:50px 20px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:30px;column-gap:60px;font-family:'Helvetica Neue', 'Segoe UI', sans-serif;font-size:1.5rem;line-height:1.6} .footer > div {flex:1 1 220px;min-width:180px} .footer h5, .footer .footer_h5 {color:var(--colore-oro-footer);font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px} .footer a {color:#e0ded7;text-decoration:none;transition:color .3s ease;display:inline-block;margin-bottom:8px} .footer a:hover {color:#d6c4a6} .footer i {font-size:2rem;margin-right:8px;vertical-align:middle;color:var(--colore-oro-footer);display:inline-block;margin-top:3px} .footer img {vertical-align:middle;max-height:24px;margin-right:4px} .footer .trust-badge, .footer .review-widget {display:inline-block;vertical-align:middle} .footer hr {display:none} .gruppofooter {display:flex;align-items:flex-start;gap:10px;margin-bottom:18px} .gruppofooter i {font-size:2rem;color:var(--colore-oro-footer);flex-shrink:0;margin-top:4px;transition:color .3s ease} .gruppofooter p {margin:0;font-size:1.45rem;color:#e0ded7;line-height:1.5} .gruppofooter img {max-height:26px;margin-top:4px;vertical-align:middle} .social_foot a {margin-left:12px;color:var(--colore-oro-footer);font-size:1.6rem;transition:color .3s ease} .social_foot a:hover {color:#e0ded7} .filter-toggle[aria-expanded="true"] i.fa-chevron-right {transform:rotate(90deg);transition:transform 0.3s ease} .filters-mobile.in {display:block} .filter-toggle2[aria-expanded="true"] i.fa-chevron-right {transform:rotate(90deg);transition:transform 0.3s ease} .filters-mobile2.in {display:block} #scrollToTopButton {position:fixed;bottom:30px;right:20px;width:48px;height:48px;background-color:rgba(51, 51, 51, 0.25); color:rgba(255, 255, 255, 0.8); border:none;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);z-index:9999;opacity:0;pointer-events:none;transition: opacity 0.4s ease, transform 0.3s ease, background-color 0.3s ease, color 0.3s ease} #scrollToTopButton.show {opacity:1;pointer-events:auto} #scrollToTopButton:hover {background-color:rgba(175, 123, 69, 0.85); color:#fff;transform:translateY(-3px)} #scrollToTopButton i {pointer-events:none;line-height:1} .boxsearch li:hover, .boxsearch li.seleziona {background-color:var(--colore-chiaro);border-left:4px solid var(--colore-oro);color:var(--colore-scuro)} .boxsearch li a:hover {color:var(--colore-scuro);font-weight:bold} .boxsearch li.seleziona a {color:var(--colore-scuro);font-weight:bold} .boxsearch li {transition:background-color 0.2s ease, border-left 0.2s ease} #mobileFilterDrawer {position:fixed;top:0;right:0;width:85%;max-width:340px;height:100vh;background:#fff;z-index:9998;box-shadow:-2px 0 12px rgba(0,0,0,0.2);padding:20px;overflow-y:auto;transform:translateX(100%);transition:transform 0.3s ease-in-out} #mobileFilterDrawer.active {transform:translateX(0)} #filterOverlay {position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:9997;display:none} #filterOverlay.active {display:block} /* ======== Premio Stelle ======*/ .stelle_bg2 {padding: 1.2rem 0 0.5rem;background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 98%); text-align: center; } .top-badge-wrapper {display: flex; flex-direction: column; align-items: center; gap: 0.4rem; } .top-badge-text {font-size: 1.6rem; font-weight: 600; color: #333; margin:0 0 0.2rem 0; } .stelle_logo_up { max-width: 10rem; margin: 0 auto; opacity: 1; visibility: visible; transition: opacity 1s ease, visibility 1s ease; } .stelle_logo_up.hide { opacity: 0; visibility: hidden; } .stelle_bg2 .under { font-size: 1.3rem; color: #0073aa; text-decoration: none !important; display: inline-block; margin-top: 0.3rem; transition: all 0.3s ease; } .stelle_bg2 .under:hover { color: #005577; } .stelle_sub { font-size: 1.5rem; font-weight: 500; color: #555; margin: 0 0 0.8rem; } .stelle_txt p { font-size: 1.4rem; line-height: 1.5; color: #444; margin-top: 0.5rem; } .stelle_txt strong,.stelle_txt span[style*="font-weight"] { font-weight: 600; color: #222; } .stelle_logo_min { max-width: 8rem; margin-right: 1.2rem; margin-bottom: 0.5rem; } .stelle_logo[width="94"] { width: 8rem !important; margin: 0.5rem 1rem; opacity: 0.85; transition: transform 0.2s ease; } #collapsePremio { margin-top: 1rem; } #collapsePremio.collapse { height: 0; overflow: hidden; transition: height 0.6s ease; } #collapsePremio.collapse.in { height: auto; } .stelle_bg2 .collapse.fade { transition: height 0.4s ease; overflow: hidden; } .stelle_bg2 .rotate180 { transform: rotate(180deg); transition: transform 0.3s ease; } #myCookieLAW .modal-dialog {position: relative; top: 50%; transform: translateY(-50%); margin: auto;} #myCookieLAW .modal-content {border-radius: 10px; border: none; padding: 20px; } #myCookieLAW #Cookpersonalizza{margin-top:12px;} .modal-backdrop {opacity: 0 !important; background-color: transparent !important; } /* modale exit carrello*/ #exitModalOverlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; } #exitModalContent {background: #fff; padding: 24px; border-radius: 6px; max-width: 420px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .exitModalTitle {font-size: 18px; font-weight: bold; margin-bottom: 8px; } .exitModalText { font-size: 14px; margin-bottom: 20px; } #confirmExitBtn { background: #e5e5e5; border: none; padding: 10px 16px; border-radius: 4px; font-weight: bold; margin-right: 10px; cursor: pointer; } #cancelExitBtn {background: #000; color: #fff; border: none; padding: 10px 16px; border-radius: 4px; font-weight: bold; cursor: pointer; } .hidden-menu {display: none; visibility: hidden; } /* RESPONSIVE */ @media (prefers-contrast:more) { :root {--colore-oro:#5A4416; --colore-oro-accessibile:#5A4416;--colore-oro-footer:#ffffff; --colore-scuro:#111;--colore-chiaro:#fff} h1, h2, h3, h4, h5, h6, p, li, .breadcrumb, .footer_h5 {color:#111 !important;font-weight:bold !important} footer, .footer, .footer_h5 {background-color:#000 !important;color:#fff !important} a, .btn, button {color:#000 !important;background-color:#fff !important;border:2px solid #111 !important;font-weight:bold} a:hover, .btn:hover, button:hover {background-color:#eee !important;color:#000 !important} .boxsearch li.seleziona, .active, .highlight {border-left:4px solid #5A4416 !important;background-color:#f8f8f8 !important;color:#000 !important} svg, .icon, .count-notif {fill:#111 !important;color:#111 !important;background-color:#fff !important} } @media (prefers-reduced-motion:reduce) { * {animation:none !important;transition:none !important;scroll-behavior:auto !important} } @media (max-width:767px) { #toploginmenu .dropdown-menu{max-width:90vw!important;width:max-content;right:0;left:auto!important;box-sizing:border-box;padding:8px 10px;border-radius:6px;font-size:16px;z-index:9999;white-space:nowrap} #toploginmenu .dropdown-menu li a{white-space:normal!important;font-size:15px} #scedapp{font-size:1.3rem} #scedapp h2{font-size:2rem} #scedapp h3{font-size:1.6rem} } @media (min-width:768px) { .two-columns{column-count:2;column-gap:20px} } @media (max-width:992px) { #topsearch{display:flex;align-items:center} #topsearch input.form-control{width:100%!important;opacity:1!important;padding:6px 12px!important;border-bottom:1px solid #ccc;pointer-events:auto;flex:1 1 auto} #submitSearch{display:inline-block!important} #openSearch{display:none!important} #topsearch .input-group{display:flex;flex-wrap:nowrap;gap:1px;width:100%} #topsearch .input-group-addon{flex-shrink:0} #topsearch .input-group-addon button{padding:6px 10px;font-size:1.6rem} #topsearch .input-group-addon:last-child{margin-right:12px} .brand-right{float:none;width:140px;display:block;margin:0 auto} #actionbar {float:none ;display:flex;justify-content:center;align-items:center} .allineadx {float:none !important;display:flex;justify-content:center;align-items:center;width:100%} .footer {flex-direction:column;align-items:flex-start;padding:30px 20px} .footer > div {width:100%;margin-bottom:25px} .footer .gruppofooter {display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;line-height:1.4} .footer .gruppofooter i {font-size:1.8rem;line-height:1.6;margin-top:3px;flex-shrink:0} .footer .gruppofooter p, .footer .gruppofooter span, .footer .gruppofooter strong {margin:0;font-size:1.4rem;line-height:1.5;display:inline-block} .footer .gruppofooter.only-icon-center {justify-content:flex-start !important} .footer .gruppofooter.only-icon-center i {margin:0 !important} .footer h5, .footer .footer_h5 {font-size:1.4rem;margin-bottom:10px} .footer-bottom {font-size:1.2rem;text-align:center;padding:15px 10px} .footer a {display:inline-block;font-size:1.4rem;margin-bottom:8px} .footer i, .footer img {vertical-align:middle} .footer .gruppofooter.only-icon-center {justify-content:center} .footer .gruppofooter.only-icon-center i {margin:0 auto} .footer > div:nth-child(1) { order:1} .footer > div:nth-child(2) { order:3} .footer > div:nth-child(3) { order:2} .footer .gruppofooter {gap:12px;padding:6px 0;border-bottom:1px solid #44444455} .footer {padding-left:16px;padding-right:16px} .footer p, .footer li, .footer a, .footer .gruppofooter span {font-size:1.4rem;line-height:1.5} } @media (min-width:992px) { .desc_fo{column-count:2;column-gap:40px;padding-right:20px} .desc_fo h2,.desc_fo h3,.desc_fo h4,.desc_fo p,.desc_fo ul,.desc_fo ol{break-inside:avoid;page-break-inside:avoid;box-decoration-break:clone} .desc_fo h2:first-of-type{margin-top:0} .desc_fo h2{margin-top:20px} } @media (min-width:992px) and (max-width:1199px) { .listaprodotti li{width:calc(50% - 20px)} } @media (min-width:1200px) { /* HackLARGEBootstrap 1600 1820 1940*/ .container{width:100%;max-width:1940px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px} #scheda_descrizione ul.fa-ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:30px;align-items:center} #scheda_descrizione ul.fa-ul li{position:relative;padding-left:1.8em;white-space:nowrap;line-height:1.6} #scheda_descrizione ul.fa-ul li{position:relative;padding-left:1.4em;white-space:nowrap;line-height:1.5} #scheda_descrizione ul.fa-ul .fa-li{left:-8px;top:.05em} .listaprodotti{} .listaprodotti li{background-color:#FFF;margin:10px;padding:5px;list-style:none;border:#F5F5F5 0 solid;color:var(--colore-scuro);position:relative;z-index:1;width:100%;float:none} .listaprodotti_quattro li{margin:20px 3px;width:300px !important}/* ne visulizza 4 di default */ .listaprodotti_tre li{margin:10px 30px}/* ne visulizza 5 di default */ ul.listaprodotti .prezzo, ul.listaprodotti .scprezzo, ul.listaprodotti .scprezzo_offerta, ul.listaprodotti .prezzo_offerta, ul.listaprodotti .strong_price.prezzo, ul.listaprodotti .strong_price.prezzo_offerta {font-family:var(--font-serif);;color:var(--colore-oro-accessibile);text-shadow:0 1px 1px #fcfcfc;display:inline-block!important;vertical-align:middle;margin-right:12px;margin-bottom:2px;font-size:1.9rem!important;font-weight:bold!important; text-align:left!important;margin-left:0!important;float:none!important} .carousel img{width:100%;height:auto} .navbar .navbar-nav{display:inline-block;float:none;vertical-align:top}/*nav centrata */ .navbar .navbar-collapse{text-align:center}/*nav centrata */ .modal-dialog {max-width: 700px;} } @media only screen and (max-width:990px) { .filters-mobile{display:none;margin:0;padding:0} .filter-toggle{display:block} .filters-mobile .titolo{display:none} } @media (max-width:991px) { /* togliere hidden-xs da topTrig in v2*/ #topTrig {display:block !important;margin-top:35px;background-color:#f9f9f9;color:#333;font-family:var(--font-sans);text-align:center;overflow:hidden;position:relative;white-space:nowrap;height:40px;font-size:1.8rem;line-height:3.0rem;padding:8px 10px} #topTrig span{color:#333;font-size:1.6rem} #topTrig .scroller {display:inline-block;white-space:nowrap;animation:scroll-left 25s linear infinite} @keyframes scroll-left {from {transform:translateX(calc(100vw - 250px))} to {transform:translateX(-100%)}} .filters-mobile{display:none;margin:0;padding:0} .filter-toggle{display:block} .filters-mobile .titolo{display:none} .outletcolor{color:#F5F5F5!important} .outletlink .tooltip.top .tooltip-inner{display:none} .outletlink .tooltip.top .tooltip-arrow{display:none} h1 {font-size:2.6rem;line-height:1.3} h2 {font-size:2.1rem;line-height:1.3} h3 {font-size:1.7rem;line-height:1.3} h4 {font-size:1.4rem;line-height:1.3} .allineadx{float:right} #top{display:none} .linea_dx{background-image:none;border-bottom:#FFF 1px solid} .gruppofooter span{padding-bottom:10px;display:block} .menutop{background-color:#FFF} .navbar-default{border:none;background:var(--colore-scuro);min-height:46px} .navbar-default .navbar-brand{color:#FFF} .navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#FFF} .navbar-default .navbar-text{color:#FFF} .navbar-default .navbar-nav > li > a{color:#FFF} .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background:var(--colore-scuro)} .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{color:#fff;background:var(--colore-scuro)} .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#F5F5F5} .navbar-default .navbar-nav .open .dropdown-menu > li{margin:0!important;padding:0!important;color:#FFF} .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#FFF;margin:0!important;padding:0!important;border:var(--colore-scuro) 1px solid!important} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#ccc} .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:#FFF;background-color:var(--colore-scuro)} .navbar.navbar-default{position:fixed;top:0;border:0;right:0;left:0;z-index:1030;margin:0!important;padding:0!important;border:none;display:block} .navbar-default .navbar-nav > li > a{margin:0;padding:0} .navbar-header{float:none} .navbar-toggle{display:block} .navbar-collapse.collapse{display:none!important} .navbar-left,.navbar-right{float:none!important} .navbar-fixed-top{top:0;border:0} .collapse.in{display:block!important} .navbar-default .navbar-nav>li{float:none} .navbar-default .navbar-toggle{padding:14px;margin:0;position:absolute;left:0;right:auto;z-index:10;border:none} .navbar-default .navbar-nav{margin:10px 0} .navbar-default .navbar-nav > li{padding:5px 0} .navbar-nav .open .dropdown-menu{padding:15px 0 10px} .navbar-nav .open .dropdown-menu{position:absolute} .navbar.navbar-default .dropdown-menu.multi-column{min-width:240px!important;position:absolute;overflow:auto} .columns-3{margin-bottom:20px} .menu_mini-top{color:#FFF;padding:2px 0;display:inline-block;z-index:99999999999} .menu_mini-top i{margin:0 6px 0 0;font-size:1.8rem} .menu_mini-top a{color:#FFF;text-decoration:none;margin:0 12px 0 0} .login-min{min-height: 30px;margin:8px 0 0 0;padding:0;var(--font-sans);text-align:right;text-transform:capitalize;font-size:1.4rem;float:right} .listaprodotti{width:100%;text-align:center} .listaprodotti li{background-color:#FFF;margin:10px;padding:5px;list-style:none;border:#F5F5F5 0 solid;color:var(--colore-scuro);position:relative;z-index:1;width:100%;float:none} .listaprodotti_quattro li{display:inline-block;text-align:left} .listaprodotti_tre li{display:inline-block;text-align:left} } @media (max-width:768px) { #RecensioniBC .chevron-mobile{display:inline-block!important} #RecensioniBC .panel-body-mobile{display:none} #RecensioniBC .panel-heading{cursor:pointer} #RecensioniBC .equal-height{min-height:0} } @media (max-width:767px) { a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover{pointer-events:auto;cursor:pointer} .bgtop{margin-top:10px} } @media (max-width:675px) { .civetta{margin:8px auto;color:var(--colore-scuro);line-height:1.3rem;text-align:center;height:auto} .civetta i{margin-left:15px;float:inherit;font-size:3rem} .civetta strong{font-size:1.4rem;display:block;font-weight:bold;text-align:center} .civetta p{font-size:1.3rem;display:block;font-style:normal;text-align:center} .civetta em{display:none} .civetta span{color:var(--colore-oro-accessibile);display:block} .civettabig{font-size:1.4rem;font-style:italic;margin-top:2px;letter-spacing:normal} .civettabig i{font-size:1.4rem}/*Stelle ecommerce*/ } @media (max-width:663px) { .listaprodotti li{background-color:#FFF;margin:10px;padding:5px;list-style:none;border:#F5F5F5 0 solid;color:var(--colore-scuro);position:relative;z-index:1;width:100%;float:none} .listaprodotti_quattro li{margin:10px 5px} .listaprodotti_tre li{margin:10px 5px} .btn-txt-bianco{font-size:1.4rem!important} .st_carrello em{display:block;width:100%} } @media (max-width:586px) { #listanobanner{text-align:center} .listaprodotti li{background-color:#FFF;margin:10px;padding:5px;list-style:none;border:#F5F5F5 0 solid;color:var(--colore-scuro);position:relative;z-index:1;width:100%;float:none} .listaprodotti_quattro li{margin:20px auto;display:block;float:none} .listaprodotti_tre li{margin:20px auto;display:block;float:none} #price_contenuto{margin:5px auto;float:none;display:block;min-height:20px;width:300px;text-align:center} #scheda_azione{display:block;text-align:center;float:none;margin:0 auto;padding:0;width:100%;text-align:center} #scheda_azione .btn-mobile-block{width:100%;display:block;margin-bottom:5px;height:60px;font-size:2.4rem} #scheda_descrizione{display:block;float:none;text-align:center;margin:0 auto;padding:0} #scheda_descrizione h1 {font-size:2rem;text-align:center;margin:12px 0 8px} #scheda_descrizione h2 {font-size:1.6rem;text-align:center;margin:10px 0 6px} #scheda_descrizione h3 {font-size:1.4rem;margin:8px 0} #scheda_descrizione h4 {font-size:1.2rem;margin:6px 0} #scheda_descrizione li{text-align:left} .trig-frase-scheda{text-align:center} #scheda_descrizione .trig-frase-pme h3{font-size:2.1rem} #scheda_descrizione .trig-frase-pme h3 a{display:block} #scheda_disponibilita{display:block;float:none;text-align:center;margin:0 auto;padding:0;width:100%;text-align:center} .scheda_logo{margin:0 auto;width:140px} .premio_min{margin:5px auto;float:none;display:block} .miglior_prezzo{display:block;font-size:1.4rem;margin:10px 0;var(--font-sans);font-weight:100;width:100%} .prezzo_scheda{font-size:2.8rem;line-height:2.6rem} .ordinelist i{font-size:2rem;margin-left:4px} .ordinelist{} .ordinebottone{width:320px;margin:5px auto;float:none;display:block} .ordinedescr{margin:10px} .ordine-sopra-bottone{text-align:center;margin-top:20px;font-size:1.4rem} .btn-ordine{font-size:2.6rem;width:100%;display:block;margin-bottom:80px;height:60px;text-align:center} .evidenza{font-size:1.4rem;float:none!important;clear:both;margin:0;padding:0} #barand_page > div {width:100%;max-width:95%;margin:0 auto 20px} #barand_page a.thumbnail {max-width:100%;height:230px} #barand_page a.thumbnail img {max-height:190px} .toggle-categorie {font-size:1.8rem;gap:4px} .categorie-brand li {font-size:1.6rem;line-height:1.4} .categorie-brand {padding:5px 10px} .categorie-brand a small{display:none} } @media (max-width:420px) { #logo{text-align:center;} #logo img{margin:0 auto;width:360px; padding:4px 6px;} .acapo-mobile{display:block} .tab-ordini{font-size:1.4rem} .modal-registrazione .input-group{display:block} .stylish-input-group .form-control{border:0} .stylish-input-group i{font-size:2.4rem} #carrello-top i{font-size:2.4rem;padding-top:4px} #carrello-top .count-notif{font-size:1.2rem;top:-18px;left:30px} #toploginmenu i{font-size:2.4rem;padding-top:4px} #confirmExitBtn {font-size:1.4rem; padding: 5px 8px; margin:0;} #cancelExitBtn {font-size:1.4rem; padding: 5px 8px;} } @media (max-width:575px) { ul.listaprodotti li {background-color:#FFF;margin:10px 0 24px;padding:5px 0 16px;list-style:none;border:0 solid #F5F5F5;border-bottom:1px solid #e0e0e0!important;color:var(--colore-scuro);position:relative;z-index:1;width:100%;float:none;text-align:left!important} ul.listaprodotti h3, ul.listaprodotti .scheda_min {text-align:center} ul.listaprodotti .prezzo, ul.listaprodotti .scprezzo, ul.listaprodotti .scprezzo_offerta, ul.listaprodotti .prezzo_offerta, ul.listaprodotti .strong_price.prezzo, ul.listaprodotti .strong_price.prezzo_offerta {font-family:var(--font-serif);;color:var(--colore-oro-accessibile);text-shadow:0 1px 1px #fcfcfc;display:inline-block!important;vertical-align:middle;margin-right:12px;margin-bottom:4px;font-size:1.9rem!important;font-weight:bold!important; text-align:left!important;margin-left:0!important;float:none!important} ul.listaprodotti s {display:block!important;font-size:1.3rem!important;color:#000!important;text-align:left!important;margin-top:2px;margin-left:0!important;margin-right:auto!important;float:none!important} ul.listaprodotti .lista-giacenza {display:inline-block;vertical-align:middle;font-size:1.3rem;color:#666;margin-right:12px;margin-bottom:4px} ul.listaprodotti strong {display:block!important;text-align:left!important;margin-left:0!important;margin-right:auto!important;float:none!important} .boxfiltro {display:flex;overflow-x:auto;white-space:nowrap;scroll-snap-type:x mandatory;padding:10px;gap:10px;background:#fff;border-bottom:1px solid #eee} .boxfiltro > div {flex:0 0 auto;scroll-snap-align:start;border:1px solid #ccc;border-radius:20px;padding:8px 16px;background:#f9f9f9;font-size:.95rem;min-width:max-content;text-align:center;box-shadow:0 1px 2px #0000000d} .boxfiltro > div:hover {background-color:#eee} } @media screen and (max-width:991px) { .header-top{flex-direction:column;align-items:flex-start;gap:10px} .header-top-center{justify-content:flex-start} .header-top-right{width:100%;justify-content:flex-start;flex-wrap:wrap} .header-menu{flex-wrap:wrap;gap:15px;justify-content:flex-start;padding:10px 15px} .header-search{width:100%;max-width:100%} } @media screen and (max-width:480px) { .header-top-left{font-size:12px} .header-menu{font-size:14px} .header-icons{gap:10px} .header-icons i{font-size:16px} } @media (min-width:600px) { .listaprodotti li{width:calc(50% - 20px)/* 2 per riga */} } @media (min-width:900px) { .listaprodotti li{width:calc(33.333% - 20px)/* 3 per riga */} } @media (min-width:1200px) { .listaprodotti li{width:calc(33.333% - 20px)/* 3 per riga sopra 1200 */} } @media (max-width:991px) { .navbar-default{background-color:var(--colore-scuro)!important;border:none} .navbar-toggle{border:none;background:transparent} .navbar-collapse{position:relative!important;display:block!important;background-color:#fff!important;padding:0 10px 10px 10px;border-top:1px solid #ccc;height:auto!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;margin-top:9px} .navbar-collapse.in{max-height:calc(100vh - 60px)!important;overflow-y:auto!important} .navbar-nav > li > a{font-size:1.7rem;padding:12px 15px;color:var(--colore-scuro)!important;font-weight:600;border-bottom:1px solid #eee;background-color:transparent!important} .navbar-nav > li > a:hover,.navbar-nav > li > a:focus{background-color:#f9f9f9!important;color:#000!important} .navbar-nav .dropdown > a::after{content:none!important} .navbar-nav > li > a:focus,.navbar-nav > li > a:active{outline:none;box-shadow:none;border-bottom:1px solid #fff!important} .navbar-nav li.open > a,.navbar-nav li.open > a:focus,.navbar-nav li.open > a:hover,.navbar-nav li.active > a{background-color:transparent!important;color:#000!important;font-weight:bold} .navbar-nav li.open > a .caret{border-top-color:#999!important} .navbar-nav .dropdown-menu{display:none;background-color:#f5f5f5;padding:10px 0;margin:0;border:none;box-shadow:inset 0 1px 0 #ddd} .navbar-nav .open > .dropdown-menu{display:block!important} .navbar-default .dropdown-menu{font-size:1.6rem!important;color:#444!important} .navbar-nav .dropdown-menu > li > a{padding:15px 25px;font-size:1.5rem;color:#444!important;font-weight:400;border-left:3px solid #ccc;background-color:#fafafa} .navbar-nav .dropdown-menu > li > a:hover{background-color:#eaeaea;color:#000!important;border-left-color:#888} .menu-img-new{display:none} .navbar-collapse {position:fixed;top:0;left:-250px;width:80%;height:100dvh;background-color:#fff;overflow-y:auto;transition:left 0.3s ease-in-out;z-index:9999;box-shadow:2px 0 5px rgba(0, 0, 0, 0.3);-webkit-overflow-scrolling:touch} .navbar-collapse.in {left:0} .navbar-toggle {z-index:10000} body.nav-open {overflow:hidden; position:relative} .navbar-toggle.navbar-open .icon-bar {visibility:hidden} .navbar-toggle.navbar-open::before {content:"\2716";font-size:22px;color:#333;display:block;text-align:center;line-height:1;font-weight:bold;font-family:sans-serif;margin-top:-6px} .navbar-collapse.in + .navbar-header .navbar-toggle, .nav-open .navbar-toggle.navbar-open {background-color:#fff} .navbar-toggle {transition:background-color 0.3s ease} .navbar-toggle::before {transition:transform 0.3s ease;transform:scale(0.8)} .navbar-toggle.navbar-open::before {transform:scale(1)} /* Pulsante fluttuante — disabilitato (lo mettiamo in posizione fissa) */ /* #openFiltersBtn {position:fixed;bottom:20px;right:20px;z-index:9999;padding:12px 20px;font-size:1.6rem;background-color:var(--colore-oro, #af7b45);color:white;border:none;border-radius:50px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);display:none;cursor:pointer} */ /*effetto select al menu mobile .menucategorie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px} .menucategorie button[class*="filter-toggle"]{flex:1 1 calc(50% - 10px);min-width:140px;padding:10px 12px;font-size:1.4rem;font-weight:500;background-color:#fcfcfc;border:none;border-radius:12px;box-shadow:0 1px 3px #0000001a;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--colore-scuro)} .menucategorie button[class*="filter-toggle"] i{margin-right:8px;font-size:1.3rem} .menucategorie ul.filters-mobile,.menucategorie ul.filters-mobile2{width:100%;margin-top:-5px;margin-bottom:15px;padding:10px;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;font-size:15px} .menucategorie ul.filters-mobile li,.menucategorie ul.filters-mobile2 li{list-style:none;padding:4px 0} .menucategorie ul.filters-mobile li a,.menucategorie ul.filters-mobile2 li a{color:var(--colore-scuro);text-decoration:none} .menucategorie hr{margin:8px 0} .menucategorie > button:empty,.menucategorie > button:has(:not(i):empty){display:none} .menucategorie{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between} .menucategorie > button,.menucategorie > form > button{flex:1 1 calc(50% - 10px);box-sizing:border-box;margin:0} .menucategorie form{width:100%;display:contents} .menucategorie ul.filters-mobile,.menucategorie ul.filters-mobile2{margin-top:5px;width:100%} */ /* === SPAZIO FILTRI === */ #filtriWrapper .spazio40 {padding-top:10px} /* === BOXSEARCH === */ .boxsearch {font-size:1.6rem} .boxsearch a {font-size:1.6rem;line-height:2rem} .boxsearch strong {font-size:2rem} #actionbar {display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;margin-bottom:10px;padding:0} #actionbar select, #actionbar .selectpicker {flex:1 1 auto; } #actionbar #openFiltersBtn {flex:0 0 auto;display:inline-flex;align-items:center; justify-content:center;white-space:nowrap;padding:6px 12px;font-size:1.4rem;border:1px solid #ccc;border-radius:6px;background:white;color:#333;gap:6px;transition:0.2s} #actionbar #openFiltersBtn:hover {border-color:#999;box-shadow:0 0 4px rgba(0, 0, 0, 0.1)} #actionbar #openFiltersBtn i {font-size:1.8rem;color:#333} #ordina{ min-width: 180px;} #ordina select { min-width: 180px; } .filter-toggle, .filter-toggle2 {margin-top:30px !important;font-size:1.8rem} .show_btn_filtri {text-align:right; float:right} .show_btn_filtri #openFiltersBtn {display:inline-flex; } #actionbar .bootstrap-select { margin-right:18px} #openFiltersBtn {display:inline-flex; align-items:center;justify-content:center;gap:8px;padding:5px 13px;font-size:1.4rem;font-weight:400;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:none;cursor:pointer;transition:border-color 0.2s ease, box-shadow 0.2s ease;text-align:center;margin:0 0 0 10px} #openFiltersBtn:hover {border-color:#999;box-shadow:0 0 5px rgba(0, 0, 0, 0.1)} #filtriSidebar {position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:visible;pointer-events:none} #clonedFiltriSidebar {all:unset;display:block !important;visibility:visible !important;pointer-events:auto !important;position:relative !important;width:auto !important;height:auto !important;overflow:visible !important} } @media (max-width:512px) { .menu_brand_sel{display:none!important} #actionbar .bootstrap-select > .dropdown-toggle {padding:8px 18px;font-size:1.3rem;height:auto;line-height:1.4} #actionbar > * {margin-bottom:10px} #actionbar #openFiltersBtn span {display:none} } .btn-default {background-color:#fff !important;border:1px solid #000 !important;color:#000 !important;font-weight:600 !important} .btn-default:hover {background-color:#f2f2f2 !important;color:#000 !important;border-color:#000 !important} .btn {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:background-color 0.2s ease, color 0.2s ease;box-shadow:none !important;outline:none !important} .btn:focus, .btn:active {box-shadow:none !important;outline:none !important} .btn-cart {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:all 0.3s ease !important;box-shadow:none !important;outline:none !important} .btn-cart:focus, .btn-cart:active {box-shadow:none !important;outline:none !important} .btn-custom {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:background-color 0.2s ease, color 0.2s ease;box-shadow:none !important;outline:none !important} .btn-custom:focus, .btn-custom:active {box-shadow:none !important;outline:none !important} .btn-informazioni {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:background-color 0.2s ease, color 0.2s ease;box-shadow:none !important;outline:none !important} .btn-informazioni:focus, .btn-informazioni:active {box-shadow:none !important;outline:none !important} .btn-mobile {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:background-color 0.2s ease, color 0.2s ease;box-shadow:none !important;outline:none !important} .btn-mobile:focus, .btn-mobile:active {box-shadow:none !important;outline:none !important} .btn-ordine {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:background-color 0.2s ease, color 0.2s ease;box-shadow:none !important;outline:none !important} .btn-ordine:focus, .btn-ordine:active {box-shadow:none !important;outline:none !important} .btn-txt {border-radius:4px !important;font-weight:600 !important;padding:10px 16px !important;transition:background-color 0.2s ease, color 0.2s ease;box-shadow:none !important;outline:none !important} .btn-txt:focus, .btn-txt:active {box-shadow:none !important;outline:none !important} .btn:not(.btn-cart) { transition:background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease} .btn:not(.btn-cart):hover {transform:translateY(-2px);box-shadow:0 6px 12px rgba(0, 0, 0, 0.12)} .btn:not(.btn-cart):active {transform:scale(0.97);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2)} /* ----- HERO CARUSELL ---- -*/ #hero-carousel .carousel {position:relative} #hero-carousel .hero-banner-img {width:100%;height:auto;display:block} #hero-carousel .carousel .item {position:relative;overflow:hidden;height:auto} #hero-carousel .carousel .item img {width:100%;height:auto;display:block} #hero-carousel .hero-banner-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center; justify-content:center;text-align:center;z-index:10;padding:0 20px;box-sizing:border-box;pointer-events:none} .hero-banner-text {position:relative; color:#413530;padding:20px 40px;border-radius:10px;max-width:750px;width:100%;text-align:center;pointer-events:auto} .hero-banner-text .titolo-h2 { line-height:1.3;var(--font-sans);margin:0;font-size:40px;margin-bottom:15px;color:#413530;font-weight:bold} .hero-banner-text p {font-size:30px;margin-bottom:20px;text-align:center; color:#413530} .hero-banner-text .btn {font-size:16px;padding:10px 20px; background-color:#fff; border-color:#413530; color:#413530} .hero-banner-text .btn:hover{ color:#fff; background-color:#413530; border-color:#413530} .banner-link{text-decoration:none} .banner-link:hover{text-decoration:none} .banner-link .hover-trigger {color:#fff; background-color:#413530; border-color:#413530; } .banner-link:hover .btn-hover-proxy {background-color:#413530 !important;color:#fff !important;border-color:#413530 !important; } #hero-carousel .carousel-indicators {display:flex !important;visibility:visible !important} #hero-carousel {position:relative;z-index:1} #hero-carousel {position:relative;padding-bottom:2px;} .carousel-indicators {position:absolute;bottom:-30px; left:50%;transform:translateX(-50%);z-index:100;display:flex;justify-content:center;padding:0;margin:0;list-style:none; } .carousel-indicators li {width:12px;height:12px;margin:0 6px;border-radius:50%; background-color:#ffe5e5;opacity:1;transition:opacity 0.3s ease} .carousel-indicators .active {background-color:#413530; opacity:0.5} #hero-carousel .carousel-control.left, #hero-carousel .carousel-control.right {background-image:none;z-index:20;width:40px;height:100%;top:0;bottom:0;color:#fff;opacity:0.7;text-shadow:none} #hero-carousel .carousel-control:hover {opacity:1} #hero-carousel .carousel-control .glyphicon {font-size:30px;top:50%;transform:translateY(-50%);position:absolute;left:50%;transform:translate(-50%, -50%)} .carousel.carousel-fade .item.left, .carousel.carousel-fade .item.right, .carousel.carousel-fade .item.prev, .carousel.carousel-fade .item.next {left:0 !important;transform:none !important} .carousel.carousel-fade .item img {width:100%;height:auto;display:block} .carousel.carousel-fade .carousel-inner {position:relative;width:100%;height:100%} .carousel.carousel-fade .item {position:absolute;top:0;left:0;z-index:0;width:100%;opacity:0;transition:opacity 1s ease-in-out;display:block; } .carousel.carousel-fade .item.active {opacity:1;z-index:2;position:relative} #hero-carousel .carousel .item { position:relative} #hero-carousel .hero-banner-link {display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative} #hero-carousel .hero-banner-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2;padding:0 20px;box-sizing:border-box;pointer-events:none;/* permette il click sotto */ } #hero-carousel .hero-banner-text {z-index:3;pointer-events:auto; } #hero-carousel .hero-banner-text .btn {z-index:4;position:relative} #hero-carousel .hero-banner-text .btn:hover {background-color:#413530;color:#fff;border-color:#413530} @media (max-width:992px) { #hero-carousel .hero-banner-text .titolo-h2 {font-size:30px} #hero-carousel .hero-banner-text p {font-size:20px} } @media (max-width:767px) { #hero-carousel .carousel .item {height:auto} #hero-carousel .hero-banner-overlay {position:static;padding:15px;display:block} #hero-carousel .hero-banner-text {background:none;padding:0;color:#000;border-radius:0; min-height:100px; /*border:1px solid;*/ } #hero-carousel .hero-banner-text .titolo-h2 {font-size:24px} #hero-carousel .hero-banner-text p {font-size:16px} } /* === CAROSELLO DIAMANTE === */ .diamond-wrapper {flex:0 0 auto;width:clamp(160px, 18vw, 220px);scroll-snap-align:center;text-align:center;opacity:0;transform:scale(0.9);transition:transform 0.9s ease, opacity 0.9s ease;backface-visibility:hidden;will-change:transform} .diamond-wrapper.in-view {transform:scale(1);opacity:1} .diamond-wrapper.in-view:hover svg {animation:border-pulse 1.6s infinite ease-in-out;transform-origin:center} .diamond-wrapper svg {display:block;margin:0 auto;max-width:100%;height:auto} .diamond-image {opacity:0;transform:scale(1);transition:opacity 0.6s ease, transform 0.6s ease;image-rendering:auto; backface-visibility:hidden;will-change:transform} .diamond-wrapper.in-view .diamond-image {opacity:1;transform:scale(1)} .diamond-wrapper.in-view:hover .diamond-image {transform:scale(1.01)} .diamond-border {stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 2.5s ease-out} .diamond-wrapper.in-view .diamond-border {stroke-dashoffset:0} @keyframes border-pulse {0% {transform:scale(1);opacity:1} 50% {transform:scale(1.01);opacity:0.95} 100% {transform:scale(1);opacity:1} } .diamond-carousel-container {position:relative;overflow:hidden;padding:20px 0;z-index:1} .diamond-carousel-track {display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:0 40px 40px;scroll-padding-left:40px;scroll-padding-right:40px;position:relative;box-sizing:border-box} .diamond-item {flex:0 0 auto;text-align:center} .diamond-label {margin-top:10px;font-weight:bold;text-transform:capitalize;font-size:1.6rem;letter-spacing:1px;color:#333;text-align:center} .diamond-carousel-nav {position:absolute;top:50%;transform:translateY(-50%);width:36px;height:100%;background:white;opacity:0.8;display:flex;align-items:center;justify-content:center;border:none;font-size:2rem;cursor:pointer;z-index:1000} .diamond-carousel-nav.left {left:0} .diamond-carousel-nav.right {right:0} @media (max-width:1200px) { .diamond-wrapper {width:clamp(160px, 24vw, 220px)} } @media (max-width:992px) { .diamond-wrapper {width:45vw} } @media (max-width:768px) { .diamond-wrapper {width:80vw;padding:0 5px} .diamond-carousel-nav {width:30px;font-size:1.5rem;opacity:0.6} } /* ====== MyEcom ====== */ .container_myecomm {display:flex;flex-wrap:wrap;justify-content:center; align-items:flex-start;margin:20px 0} .box_myecomm_zon {flex:1 1 23%;max-width:23%;min-width:260px;margin:1%;background:#fff;padding:15px;border:1px solid #ddd;box-sizing:border-box; } .titolo_box_myecomm {font-size:1.6rem;font-weight:bold;margin-bottom:10px;padding-bottom:5px; } .box_myecomm_prodotti {display:flex;flex-wrap:wrap;gap:10px;justify-content:center;box-sizing:border-box} .box_myecomm_item {flex:0 0 calc(50% - 10px);/* 2 colonne fisse */ max-width:calc(50% - 10px);box-sizing:border-box} .box_myecomm_item > div {padding:6px;background:#fff;height:100%;text-align:center;font-size:1.2rem;transition:box-shadow 0.2s ease;} .box_myecomm_item > div:hover {box-shadow:0 0 6px rgba(0,0,0,0.1)} .box_myecomm_item a {text-decoration:none;color:#111;display:block} .box_myecomm_imagewrap {height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center} .box_myecomm_item img {max-height:100%;max-width:100%;object-fit:contain;display:block;margin:0 auto} .box_myecomm_brand {margin-top:4px;min-height:2.6em;overflow:hidden} .box_myecomm_zon {opacity:0;transform:translateY(40px);transition:opacity 0.6s ease, transform 0.6s ease} .box_myecomm_zon.visible {opacity:1;transform:translateY(0)} /* === RESPONSIVE === */ @media (max-width:600px) {/* Smartphone:1 colonna */ .box_myecomm_zon {flex:1 1 100%;max-width:100%} } @media (max-width:991px) {/* Tablet:2 colonne */ .box_myecomm_zon {flex:1 1 48%;max-width:48%} } @media (max-width:1200px) {/* Medium screen:3 colonne */ .box_myecomm_zon {flex:1 1 31%;max-width:31%} } @media (max-width:768px) { .box_myecomm_zon {flex:1 1 100%;max-width:100%} } .box_myecomm_item > div {background:transparent;padding:20px 10px;text-align:center;font-size:1.2rem;transition:transform 0.2s ease} .box_myecomm_item > div:hover {transform:translateY(-4px)} .box_myecomm_imagewrap {height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:10px} .box_myecomm_item img {max-height:100%;max-width:100%;object-fit:contain;display:block} /* ====== barra Rassurance =======*/ .reassurance-bar {background:#fdfdfd;padding:2px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-size:1.4rem;color:#222} .reassurance-item {display:flex;align-items:center;justify-content:flex-start;height:100px;padding:12px;opacity:0;transform:translateY(30px) scale(0.98);filter:blur(1.5px);transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);will-change:transform, opacity} .reassurance-item i {font-size:22px;color:#111;margin-right:10px;min-width:28px;text-align:center} .reassurance-item span {display:inline-block;line-height:1.4;max-width:180px;text-align:left} .reassurance-item small {display:block;font-size:1.2rem;color:#555} .col-xs-6.visible .reassurance-item {opacity:1;transform:translateY(0) scale(1);filter:blur(0)} .reassurance-bar .col-xs-6:nth-of-type(1).visible .reassurance-item {transition-delay:0.1s} .reassurance-bar .col-xs-6:nth-of-type(2).visible .reassurance-item {transition-delay:0.2s} .reassurance-bar .col-xs-6:nth-of-type(3).visible .reassurance-item {transition-delay:0.3s} .reassurance-bar .col-xs-6:nth-of-type(4).visible .reassurance-item {transition-delay:0.4s} .reassurance-bar .col-xs-6:nth-of-type(5).visible .reassurance-item {transition-delay:0.5s} .reassurance-bar .col-xs-6:nth-of-type(6).visible .reassurance-item {transition-delay:0.6s} @media (max-width:767px) { .reassurance-item {height:auto;min-height:100px;text-align:left} .reassurance-item span {text-align:left} } @media (max-width:420px) { .reassurance-item {padding:2px;height:auto;min-height:100px} .reassurance-item i {font-size:1.8rem;margin-right:4px;min-width:20px} .reassurance-item span {max-width:150px;font-size:1.4rem} .reassurance-item small {font-size:1.2rem} } @media (prefers-reduced-motion:reduce) { .reassurance-item {transition:none !important;transform:none !important;filter:none !important;opacity:1 !important} } /* ====== FINE barra Rassurance =======*/ .gender-art-section {display:flex;flex-wrap:wrap;font-family:'Playfair Display', serif;margin-bottom:60px} .gender-art-box {flex:1 1 50%;height:340px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:3.2rem;font-weight:bold;letter-spacing:0.8px;transition:transform 0.5s ease;isolation:isolate} .gender-art-box span {position:relative;z-index:10;padding:0 20px;text-align:center;color:inherit;text-shadow:0 1px 2px rgba(0, 0, 0, 0.15)} .gender-art-box.uomo {background:linear-gradient(135deg, #1f1f1f, #2c2c2c);color:#f2f2f2} .gender-art-box.uomo span {background:linear-gradient(135deg, #b27e52, #e0b97f, #a97444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,0.2)} .gender-art-box.uomo::before {content:'';position:absolute;width:180%;height:180%;top:-30%;left:-25%;background: radial-gradient(circle at 25% 25%, rgba(180, 180, 180, 0.12), transparent), conic-gradient(from 10deg, rgba(255,255,255,0.02), rgba(0,0,0,0.03)), linear-gradient(125deg, transparent 40%, rgba(200, 200, 200, 0.1) 50%, transparent 60%);border-radius:50% 40% 60% 50%;animation:uomoBlob 15s infinite alternate ease-in-out;z-index:0} .gender-art-box.donna {background:linear-gradient(135deg, #fdfafa, #f2e6ea);color:#67305e} .gender-art-box.donna span {background:linear-gradient(135deg, #944d3b 0%, #c47a65 55%, #e2a890 75%, #944d3b 90% );background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-fill-color:transparent;text-shadow:0 1px 1px rgba(255, 255, 255, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.25)} .gender-art-box.donna::before {content:'';position:absolute;width:160%;height:160%;bottom:-25%;right:-25%;background: radial-gradient(circle at 60% 40%, rgba(208, 152, 170, 0.25), transparent), conic-gradient(from 0deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.03));border-radius:60% 40% 50% 50%;animation:donnaBlob 16s infinite alternate ease-in-out;z-index:0} @keyframes uomoBlob {0% {transform:scale(1) rotate(0deg)} 100% {transform:scale(1.05) rotate(180deg)} } @keyframes donnaBlob {0% {transform:scale(1) rotate(0deg)} 100% {transform:scale(1.04) rotate(-180deg)} } .gender-art-section {position:relative;overflow-x:hidden} .gender-art-box {text-decoration:none !important;outline:none;border:none} .gender-art-box::after {content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient( 120deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.0) 100% );transform:skewX(-20deg);z-index:2;opacity:0;pointer-events:none;transition:opacity 0.3s ease} .gender-art-box.donna::after {background:linear-gradient( 120deg, rgba(255, 180, 220, 0.0) 0%, rgba(255, 180, 220, 0.12) 50%, rgba(255, 180, 220, 0.0) 100% )} .gender-art-box:hover::after {animation:shimmer 1.2s ease forwards;opacity:1} @keyframes shimmer {0% {left:-75%;opacity:0} 30% {opacity:1} 100% {left:125%;opacity:0} } .gender-art-box {opacity:0;transform:translateX(0);transition:transform 1s ease, opacity 1s ease;will-change:transform, opacity} .gender-art-box.uomo {transform:translateX(-60px)} .gender-art-box.donna {transform:translateX(60px)} .gender-art-box.visible {opacity:1;transform:translateX(0)} @media (max-width:767px) { .gender-art-box {flex:1 1 100%;height:240px;font-size:3.5rem} }