.elementor-4255 .elementor-element.elementor-element-4e9a669{--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;--flex-wrap:wrap;--margin-top:-82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4255 .elementor-element.elementor-element-33f3e43{margin:244px 00px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 80px;}.elementor-4255 .elementor-element.elementor-element-33f3e43 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:214px;text-transform:uppercase;line-height:200px;letter-spacing:-0.02em;}.elementor-4255 .elementor-element.elementor-element-4e07f19{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-4255 .elementor-element.elementor-element-cf25b75{--display:flex;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:80px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4255 .elementor-element.elementor-element-8a45ae6{--display:flex;}.elementor-4255 .elementor-element.elementor-element-f489ffe{text-align:start;}.woocommerce .elementor-4255 .elementor-element.elementor-element-f489ffe .term-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:18px;letter-spacing:-0.01em;}.elementor-4255 .elementor-element.elementor-element-5cc6350{--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;--margin-top:80px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4255 .elementor-element.elementor-element-22fe74c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:120px;}.elementor-4255 .elementor-element.elementor-element-22fe74c.e-con{--align-self:flex-end;}.elementor-4255 .elementor-element.elementor-element-1666f89{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:80px;}.elementor-4255 .elementor-element.elementor-element-66b9809{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4255 .elementor-element.elementor-element-66b9809.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-4255 .elementor-element.elementor-element-b0fb37b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4255 .elementor-element.elementor-element-b0fb37b.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-4255 .elementor-element.elementor-element-f3d25bc{--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;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-4255 .elementor-element.elementor-element-cfc75e7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4255 .elementor-element.elementor-element-cfc75e7.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-4255 .elementor-element.elementor-element-cfc75e7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4255 .elementor-element.elementor-element-4e9a669{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4255 .elementor-element.elementor-element-33f3e43{margin:180px 040px calc(var(--kit-widget-spacing, 0px) + 040px) 035px;padding:0px 0px 0px 0px;}.elementor-4255 .elementor-element.elementor-element-33f3e43 .elementor-heading-title{font-size:50px;line-height:50px;}.elementor-4255 .elementor-element.elementor-element-5cc6350{--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;}.elementor-4255 .elementor-element.elementor-element-22fe74c{--width:63%;--min-height:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-4255 .elementor-element.elementor-element-0c0a5fa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4255 .elementor-element.elementor-element-1666f89{--width:35%;--min-height:26px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4255 .elementor-element.elementor-element-f3d25bc{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-4255 .elementor-element.elementor-element-cfc75e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4255 .elementor-element.elementor-element-cfc75e7.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:20px;}.elementor-4255 .elementor-element.elementor-element-cfc75e7.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-4255 .elementor-element.elementor-element-cfc75e7.elementor-wc-products ul.products li.product .button{margin-top:0px;}}@media(min-width:768px){.elementor-4255 .elementor-element.elementor-element-22fe74c{--width:50%;}.elementor-4255 .elementor-element.elementor-element-1666f89{--width:50%;}}/* Start custom CSS for search, class: .elementor-element-0c0a5fa *//* ".elementor-4255 .elementor-element.elementor-element-0c0a5fa" punta direttamente al widget Search */

/* 1. Reset del contenitore e della form */
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-form, 
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-input-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Formattazione Input (Figma Spec) */
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-input {
    /* Tipografia */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500 !important; /* Medium */
    font-size: 10px !important;
    line-height: 12px !important;
    letter-spacing: 0.05em !important; /* 5% */
    text-transform: uppercase !important;
    color: #000000 !important;
    min-height: 0 !important;

    /* Stile Linea */
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000000 !important; /* La linea sottile */
    border-radius: 0 !important;
    
    /* Spaziature */
    padding: 0 0 5px 0 !important; /* Spazio tra testo e linea */
    height: auto !important;
    outline: none !important;
}

/* 3. Placeholder (Testo suggerito) */
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-input::placeholder {
    color: #000000 !important;
    opacity: 0.7;
}

/* 4. Rimuovi icone superflue */
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-icon, 
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-submit {
    display: none !important;
}

/* 5. Rimuovi la X di chiusura che Elementor aggiunge a destra */
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-fas-times, 
.elementor-4255 .elementor-element.elementor-element-0c0a5fa .e-search-input-clear {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b9809 *//* ============================================================
   1. PULSANTI SWITCHER (Icone On/Off)
   ============================================================ */
.grid-switcher {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-bottom: 0;
    width: 100%;
}

.grid-btn { cursor: pointer; height: 24px; display: flex; align-items: center; }
.grid-btn img { height: 100%; width: auto; display: block; }
.grid-btn .icon-on { display: none; }
.grid-btn.active .icon-on { display: block; }
.grid-btn.active .icon-off { display: none; }

/* ============================================================
   2. IL MOTORE DELLA GRIGLIA (Reset e Forzatura)
   ============================================================ */

/* Forza il contenitore a non avere limiti e usare la Grid */
.products-grid-custom .woocommerce ul.products,
.products-grid-custom ul.products {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Rimuove i Clearfix di WooCommerce */
.products-grid-custom ul.products::before,
.products-grid-custom ul.products::after { display: none !important; }

/* FORZA OGNI PRODOTTO A PRENDERE TUTTO LO SPAZIO DELLA CELLA */
/* Usiamo un selettore più forte per battere Elementor */
.products-grid-custom .woocommerce ul.products li.product,
.products-grid-custom ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding:60px;
}

/* Espande l'immagine e il link a tutta la larghezza della cella */
.products-grid-custom ul.products li.product a,
.products-grid-custom ul.products li.product img {
    width: 100% !important;
    display: block !important;
}

/* ============================================================
   3. DEFINIZIONE COLONNE (2 vs 4)
   ============================================================ */

/* Stato 4 colonne (Default) */
.products-grid-custom ul.products.grid-4 {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px 20px !important;
}

/* Stato 2 colonne (Le celle diventano il 50% della pagina) */
.products-grid-custom ul.products.grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 40px !important;
}

/* ============================================================
   4. STILE ESTETICO (Figma)
   ============================================================ */
.products-grid-custom ul.products li.product img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
}

.products-grid-custom ul.products li.product h2 {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

/* Nasconde Prezzi e pulsanti extra */
.products-grid-custom .price, 
.products-grid-custom .button,
.products-grid-custom .star-rating { display: none !important; }

/* ============================================================
   FORZATURA CHIRURGICA DEL CONTENITORE PRODOTTI
   ============================================================ */

/* 1. Forza il widget che ha la classe custom a occupare tutto lo spazio */
.elementor-widget.products-grid-custom {
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. Punta al div interno generato da Elementor SOLO dentro la tua classe */
.products-grid-custom > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 3. Forza il wrapper di WooCommerce che Elementor mette dentro il container */
.products-grid-custom .elementor-widget-container > .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 4. Assicurati che l'UL non abbia vincoli di larghezza */
.products-grid-custom ul.products {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important; /* Questo attiva la nostra logica 2/4 colonne */
}

/* ============================================================
   STILE TITOLO PRODOTTO (FIGMA SPEC)
   ============================================================ */
.products-grid-custom ul.products li.product h2.woocommerce-loop-product__title {
    /* Font & Peso */
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important; /* Medium */
    font-style: normal !important;
    
    /* Dimensione e Interlinea */
    font-size: 14px !important;
    line-height: 18px !important;
    
    /* Spaziatura e Trasformazione */
    letter-spacing: 0.05em !important; /* Corrisponde al 5% di Figma */
    text-transform: uppercase !important;
    
    /* Reset Posizionamento */
    padding: 0 !important;
    margin: 15px 0 0 0 !important; /* 15px di spazio sopra (sotto l'immagine) */
    color: #000000 !important;
    
    /* Leading-trim: None (Default browser behavior) */
    vertical-align: baseline; 
}

/* Rimuove eventuali decorazioni al passaggio del mouse sul link del titolo */
.products-grid-custom ul.products li.product a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0fb37b *//* ============================================================
   1. PULSANTI SWITCHER (Icone On/Off)
   ============================================================ */
.grid-switcher {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-bottom: 0;
    width: 100%;
}

.grid-btn { cursor: pointer; height: 24px; display: flex; align-items: center; }
.grid-btn img { height: 100%; width: auto; display: block; }
.grid-btn .icon-on { display: none; }
.grid-btn.active .icon-on { display: block; }
.grid-btn.active .icon-off { display: none; }

/* ============================================================
   2. IL MOTORE DELLA GRIGLIA (Reset e Forzatura)
   ============================================================ */

/* Forza il contenitore a non avere limiti e usare la Grid */
.products-grid-custom .woocommerce ul.products,
.products-grid-custom ul.products {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Rimuove i Clearfix di WooCommerce */
.products-grid-custom ul.products::before,
.products-grid-custom ul.products::after { display: none !important; }

/* FORZA OGNI PRODOTTO A PRENDERE TUTTO LO SPAZIO DELLA CELLA */
/* Usiamo un selettore più forte per battere Elementor */
.products-grid-custom .woocommerce ul.products li.product,
.products-grid-custom ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding:60px;
}

/* Espande l'immagine e il link a tutta la larghezza della cella */
.products-grid-custom ul.products li.product a,
.products-grid-custom ul.products li.product img {
    width: 100% !important;
    display: block !important;
}

/* ============================================================
   3. DEFINIZIONE COLONNE (2 vs 4)
   ============================================================ */

/* Stato 4 colonne (Default) */
.products-grid-custom ul.products.grid-4 {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px 20px !important;
}

/* Stato 2 colonne (Le celle diventano il 50% della pagina) */
.products-grid-custom ul.products.grid-2 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 40px !important;
}

/* ============================================================
   4. STILE ESTETICO (Figma)
   ============================================================ */
.products-grid-custom ul.products li.product img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
}

.products-grid-custom ul.products li.product h2 {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

/* Nasconde Prezzi e pulsanti extra */
.products-grid-custom .price, 
.products-grid-custom .button,
.products-grid-custom .star-rating { display: none !important; }

/* ============================================================
   FORZATURA CHIRURGICA DEL CONTENITORE PRODOTTI
   ============================================================ */

/* 1. Forza il widget che ha la classe custom a occupare tutto lo spazio */
.elementor-widget.products-grid-custom {
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. Punta al div interno generato da Elementor SOLO dentro la tua classe */
.products-grid-custom > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 3. Forza il wrapper di WooCommerce che Elementor mette dentro il container */
.products-grid-custom .elementor-widget-container > .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 4. Assicurati che l'UL non abbia vincoli di larghezza */
.products-grid-custom ul.products {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important; /* Questo attiva la nostra logica 2/4 colonne */
}

/* ============================================================
   STILE TITOLO PRODOTTO (FIGMA SPEC)
   ============================================================ */
.products-grid-custom ul.products li.product h2.woocommerce-loop-product__title {
    /* Font & Peso */
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important; /* Medium */
    font-style: normal !important;
    
    /* Dimensione e Interlinea */
    font-size: 14px !important;
    line-height: 18px !important;
    
    /* Spaziatura e Trasformazione */
    letter-spacing: 0.05em !important; /* Corrisponde al 5% di Figma */
    text-transform: uppercase !important;
    
    /* Reset Posizionamento */
    padding: 0 !important;
    margin: 15px 0 0 0 !important; /* 15px di spazio sopra (sotto l'immagine) */
    color: #000000 !important;
    
    /* Leading-trim: None (Default browser behavior) */
    vertical-align: baseline; 
}

/* Rimuove eventuali decorazioni al passaggio del mouse sul link del titolo */
.products-grid-custom ul.products li.product a {
    text-decoration: none !important;
}/* End custom CSS */