.elementor-8073 .elementor-element.elementor-element-c22413f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8073 .elementor-element.elementor-element-b1d4046{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8073 .elementor-element.elementor-element-2be78c0{margin:13px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;text-align:start;}.elementor-8073 .elementor-element.elementor-element-2be78c0.elementor-element{--align-self:flex-start;}.elementor-8073 .elementor-element.elementor-element-7528eae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-8073 .elementor-element.elementor-element-29d8626{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-8073 .elementor-element.elementor-element-29d8626 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-8073 .elementor-element.elementor-element-cef8201{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-8073 .elementor-element.elementor-element-cef8201.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8073 .elementor-element.elementor-element-60789bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-8073 .elementor-element.elementor-element-4dbed42{--e-search-results-columns:1;--e-search-submit-margin-inline-start:0px;}.elementor-8073 .elementor-element.elementor-element-4dbed42.e-focus{--e-search-input-color:#141414;}.elementor-8073 .elementor-element.elementor-element-4dbed42 .e-search-input{border-radius:15px 0px 0px 15px;}.elementor-8073 .elementor-element.elementor-element-79ad0af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8073 .elementor-element.elementor-element-79ad0af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8073 .elementor-element.elementor-element-bb7c1f6{--display:flex;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8073 .elementor-element.elementor-element-814c99a.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8073 .elementor-element.elementor-element-814c99a.elementor-element{--order:-99999 /* order start hack */;}.elementor-8073 .elementor-element.elementor-element-814c99a .elementor-swiper-button{font-size:20px;}.elementor-8073 .elementor-element.elementor-element-814c99a .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-8073 .elementor-element.elementor-element-ea2d10f{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8073 .elementor-element.elementor-element-9d3b39e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8073 .elementor-element.elementor-element-6f9a4c0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8073 .elementor-element.elementor-element-b56ae4c{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8073 .elementor-element.elementor-element-3574e01.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-3574e01.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-8073 .elementor-element.elementor-element-dcee39f{--display:flex;}.elementor-8073 .elementor-element.elementor-element-a00c271{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8073 .elementor-element.elementor-element-55b5eb8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-55b5eb8.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-8073 .elementor-element.elementor-element-620fc46{--display:flex;}.elementor-8073 .elementor-element.elementor-element-ce95e5c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-ce95e5c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-8073 .elementor-element.elementor-element-e0e003e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-8073 .elementor-element.elementor-element-e0e003e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B22453;}.elementor-8073 .elementor-element.elementor-element-e0e003e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-8073 .elementor-element.elementor-element-e0e003e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#701C38;}.elementor-8073 .elementor-element.elementor-element-923601d{--display:flex;}.elementor-8073 .elementor-element.elementor-element-be03dc3{text-align:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8073 .elementor-element.elementor-element-f9b32d6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-8073 .elementor-element.elementor-element-f9b32d6 .elementor-divider-separator{width:100%;}.elementor-8073 .elementor-element.elementor-element-f9b32d6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8073 .elementor-element.elementor-element-394a287{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8073 .elementor-element.elementor-element-b34a029 .elementor-swiper-button{font-size:20px;}.elementor-8073 .elementor-element.elementor-element-5d2bf2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8073 .elementor-element.elementor-element-0e900a2{--display:flex;}.elementor-8073 .elementor-element.elementor-element-4eab8d9{text-align:center;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8073 .elementor-element.elementor-element-9199472{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-8073 .elementor-element.elementor-element-9199472 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-8073 .elementor-element.elementor-element-9199472:after{content:"0.66";}.elementor-8073 .elementor-element.elementor-element-9199472 .elementor-post__thumbnail__link{width:100%;}.elementor-8073 .elementor-element.elementor-element-9199472 .elementor-post__meta-data span + span:before{content:"-";}.elementor-8073 .elementor-element.elementor-element-9199472.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-8073 .elementor-element.elementor-element-9199472.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-8073 .elementor-element.elementor-element-9199472.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-8073 .elementor-element.elementor-element-98f14e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-8073 .elementor-element.elementor-element-cef8201{--grid-auto-flow:row;}.elementor-8073 .elementor-element.elementor-element-814c99a.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8073 .elementor-element.elementor-element-9d3b39e{--grid-auto-flow:row;}.elementor-8073 .elementor-element.elementor-element-3574e01.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-55b5eb8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-ce95e5c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-394a287{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-8073 .elementor-element.elementor-element-b1d4046{--width:50%;}.elementor-8073 .elementor-element.elementor-element-7528eae{--width:50%;}.elementor-8073 .elementor-element.elementor-element-79ad0af{--width:98.163%;}}@media(max-width:767px){.elementor-8073 .elementor-element.elementor-element-cef8201{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8073 .elementor-element.elementor-element-814c99a.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8073 .elementor-element.elementor-element-9d3b39e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8073 .elementor-element.elementor-element-3574e01.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-55b5eb8.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-ce95e5c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-8073 .elementor-element.elementor-element-394a287{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8073 .elementor-element.elementor-element-9199472 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-8073 .elementor-element.elementor-element-9199472:after{content:"0.5";}.elementor-8073 .elementor-element.elementor-element-9199472 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for media-carousel, class: .elementor-element-814c99a *//* -- STATO BASE (SENZA HOVER) -- */ .elementor-8073 .elementor-element.elementor-element-814c99a .swiper-slide { padding: 10px !important; /* Più spazio per l'ombra e l'effetto */ } /* Bersaglio: Il contenitore circolare che racchiude l'immagine */ .elementor-8073 .elementor-element.elementor-element-814c99a .elementor-carousel-image { /* 1. Tondo Perfetto */ border-radius: 50% !important; /* 2. Sizing & Overflow (FONDAMENTALE) */ overflow: hidden !important; box-sizing: border-box !important; /* 3. Sfondo e Bordo di base (trasparenti per ora) */ background-color: transparent !important; border: 4px solid transparent !important; /* 4. Transizione Fluida per un effetto elegante */ transition: all 0.4s ease-in-out !important; /* 5. Padding interno (Crea spazio attorno all'immagine per mostrare il colore) */ padding: 15px !important; /* Regola questo valore per avere più o meno spazio attorno all'icona */ } /* Assicuriamoci che l'immagine stia bella al centro e si ridimensioni bene dentro il padding */ .elementor-8073 .elementor-element.elementor-element-814c99a .elementor-carousel-image img { object-fit: contain !important; width: 100% !important; height: 100% !important; } /* -- STATO HOVER (AL PASSAGGIO DEL MOUSE / TOCCO) -- */ /* Si applica quando passi sopra la SLIDE, modificando il CONTENITORE DELL'IMMAGINE */ .elementor-8073 .elementor-element.elementor-element-814c99a .swiper-slide:hover .elementor-carousel-image { /* 1. COLORE DI SFONDO PIENO (Amaranto) DENTRO IL CERCHIO */ background-color: #701C38 !important; /* 2. Bordo dello stesso colore */ border-color: #701C38 !important; /* 3. Ombra per profondità */ box-shadow: 0px 10px 25px rgba(112, 28, 56, 0.4) !important; /* 4. Effetto opzionale: leggera elevazione */ transform: translateY(-5px) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b56ae4c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-55b5eb8 *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ce95e5c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b56ae4c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-55b5eb8 *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ce95e5c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b56ae4c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-55b5eb8 *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ce95e5c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b56ae4c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-b56ae4c .product img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-b56ae4c .product:hover img, .elementor-8073 .elementor-element.elementor-element-b56ae4c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-55b5eb8 *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-55b5eb8 .product:hover img, .elementor-8073 .elementor-element.elementor-element-55b5eb8 .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ce95e5c *//* --- EFFETTO HOVER SUI PRODOTTI --- */ /* 1. Prepariamo il riquadro del prodotto per una transizione morbida */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item { transition: all 0.3s ease-in-out !important; background-color: #ffffff; /* Assicura che lo sfondo sia bianco e non trasparente */ border-radius: 8px; /* Arrotonda leggermente gli angoli del riquadro */ padding-bottom: 10px; /* Dà un po' di respiro sotto al bottone */ } /* 2. L'effetto vero e proprio quando ci passi sopra con il mouse */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover { transform: translateY(-8px) scale(1.02) !important; /* Lo spinge su di 8px e lo ingrandisce del 2% */ box-shadow: 0px 15px 30px rgba(112, 28, 56, 0.15) !important; /* Crea un'ombra elegante, leggermente color amaranto */ z-index: 10 !important; /* Assicura che l'ombra non venga tagliata dai prodotti vicini */ } /* 3. (Opzionale) Se vuoi che ANCHE l'immagine dentro si ingrandisca un po' */ .elementor-8073 .elementor-element.elementor-element-ce95e5c .product img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item img { transition: transform 0.4s ease !important; } .elementor-8073 .elementor-element.elementor-element-ce95e5c .product:hover img, .elementor-8073 .elementor-element.elementor-element-ce95e5c .e-loop-item:hover img { transform: scale(1.05) !important; /* Zoom del 5% solo sulla foto */ }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-e0e003e */@media (max-width: 767px) { /* Contenitore dei bottoni */ .elementor-8073 .elementor-element.elementor-element-e0e003e .elementor-tabs-wrapper, .elementor-8073 .elementor-element.elementor-element-e0e003e .e-n-tabs-heading { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; /* FORZA TUTTI I QUADRETTI ALLA STESSA ALTEZZA */ overflow-x: auto !important; scrollbar-width: none; gap: 5px !important; /* Aggiunge un piccolissimo spazio tra i bottoni per staccarli */ } /* Nasconde la barra di scorrimento */ .elementor-8073 .elementor-element.elementor-element-e0e003e .elementor-tabs-wrapper::-webkit-scrollbar, .elementor-8073 .elementor-element.elementor-element-e0e003e .e-n-tabs-heading::-webkit-scrollbar { display: none !important; } /* I singoli quadretti (Bottoni) */ .elementor-8073 .elementor-element.elementor-element-e0e003e .elementor-tab-title, .elementor-8073 .elementor-element.elementor-element-e0e003e .e-n-tab-title { flex: 1 !important; /* LI DIVIDE ESATTAMENTE IN PARTI UGUALI */ display: flex !important; align-items: center !important; /* Centra la scritta in verticale */ justify-content: center !important; /* Centra la scritta in orizzontale */ white-space: nowrap !important; padding: 10px 5px !important; margin: 0 !important; min-height: 45px !important; /* Da a tutti un'altezza minima uguale */ border-radius: 4px !important; /* Opzionale: arrotonda leggermente gli angolini */ } }/* End custom CSS */