.woocommerce .elementor-672 .elementor-element.elementor-element-a1dcfa4 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-672 .elementor-element.elementor-element-a1dcfa4 .flex-viewport{border-radius:15px 15px 15px 15px;}.elementor-672 .elementor-element.elementor-element-ec192c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-672 .elementor-element.elementor-element-ec192c6 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:14px;font-style:italic;}.elementor-672 .elementor-element.elementor-element-ec192c6 .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-672 .elementor-element.elementor-element-dbaa4d3 .cart button, .elementor-672 .elementor-element.elementor-element-dbaa4d3 .cart .button{font-family:"Open Sans", Sans-serif;transition:all 0.2s;}.elementor-672 .elementor-element.elementor-element-dbaa4d3 .added_to_cart{font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-672 .elementor-element.elementor-element-dbaa4d3 .quantity .qty{font-family:"Open Sans", Sans-serif;transition:all 0.2s;}.woocommerce .elementor-672 .elementor-element.elementor-element-dbaa4d3 form.cart table.variations label{font-family:"Open Sans", Sans-serif;}.woocommerce .elementor-672 .elementor-element.elementor-element-dbaa4d3 form.cart table.variations td.value select, .woocommerce div.product.elementor.elementor-672 .elementor-element.elementor-element-dbaa4d3 form.cart table.variations td.value:before{font-family:"Open Sans", Sans-serif;}.elementor-672 .elementor-element.elementor-element-eb2c5e1{--e-rating-gap:4px;}@media(max-width:1024px){.elementor-672 .elementor-element.elementor-element-ec192c6 .woocommerce-breadcrumb{font-size:12px;}}@media(max-width:767px){.elementor-672 .elementor-element.elementor-element-ec192c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-672 .elementor-element.elementor-element-ec192c6 .woocommerce-breadcrumb{font-size:12px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-a1dcfa4 *//* 1. Nasconde le miniature sotto l'immagine principale */
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: none !important;
}

/* 2. Forza la visualizzazione del contenitore delle frecce */
.woocommerce-product-gallery .flex-direction-nav {
    display: block !important;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
    pointer-events: none;
}

/* 3. Stile dei pulsanti - SENZA SFONDO */
.woocommerce-product-gallery .flex-direction-nav a {
    text-indent: -9999px !important;
    overflow: hidden !important;
    display: block !important;
    
    /* Manteniamo larghezza e altezza a 45px per avere un'area cliccabile comoda, ma l'icona dentro sarà 24px */
    width: 45px !important;
    height: 45px !important;
    
    background-color: transparent !important; /* Rimuove lo sfondo del cerchio */
    box-shadow: none !important; /* Rimuove l'ombra */
    position: absolute;
    pointer-events: auto; 
    text-decoration: none;
    
    /* Cambiamo l'effetto di transizione sull'opacità per l'hover */
    transition: opacity 0.3s ease; 

    /* Impostazioni dell'SVG */
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: auto 24px !important; /* Forza l'altezza della freccia a 24px, mantenendo le proporzioni */
}

/* 4. Rimuove eventuali icone di default del tema */
.woocommerce-product-gallery .flex-direction-nav a::before {
    display: none !important;
}

/* 5. Effetto hover (opzionale): abbassa leggermente l'opacità quando ci passi sopra col mouse */
.woocommerce-product-gallery .flex-direction-nav a:hover {
    background-color: transparent !important;
    opacity: 0.6 !important; 
}

/* 6. Inserimento Freccia Sinistra */
.woocommerce-product-gallery .flex-direction-nav a.flex-prev {
    left: 10px !important;
    background-image: url('https://www.staging.laksmicrystal.com/wp-content/uploads/2026/10/arrow-sx.svg') !important; 
}

/* 7. Inserimento Freccia Destra */
.woocommerce-product-gallery .flex-direction-nav a.flex-next {
    right: 10px !important;
    background-image: url('https://www.staging.laksmicrystal.com/wp-content/uploads/2026/10/arrow-dx.svg') !important; 
}

/* 1. Nasconde l'icona della lente di default generata da WooCommerce */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before,
.woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
    display: none !important;
}

/* 2. Stile della nuova icona della lente d'ingrandimento */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: block !important;
    text-indent: -9999px !important; /* Nasconde eventuale testo nativo */
    overflow: hidden !important;
    
    /* Area cliccabile (45x45px come le frecce) per facilitare il click */
    width: 45px !important;
    height: 45px !important;
    
    background-color: transparent !important; /* Rimuove lo sfondo bianco di default */
    box-shadow: none !important; /* Rimuove l'eventuale ombra */
    border-radius: 0 !important; /* Rimuove il cerchio */
    
    /* Inserimento e dimensionamento della tua icona SVG */
    background-image: url('https://www.staging.laksmicrystal.com/wp-content/uploads/2026/10/search.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: auto 24px !important; /* Imposta l'altezza esatta a 24px */
    
    /* Posizionamento in alto a destra (puoi regolare questi valori se serve) */
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 99 !important;
    
    /* Transizione opzionale per l'hover */
    transition: opacity 0.3s ease;
}

/* 3. Effetto hover per la lente d'ingrandimento */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    opacity: 0.6 !important; 
}

/* Nasconde definitivamente qualsiasi icona o testo residuo della lente nativa */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    color: transparent !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before,
.woocommerce-product-gallery .woocommerce-product-gallery__trigger::after,
.woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
    display: none !important;
    content: "" !important;
}

/* 1. Contenitore del badge "In offerta!" di WooCommerce */
.onsale, 
.woocommerce span.onsale {
    /* Sfondo oro in linea con il tuo stile (#D1B98A) */
    background-color: #E5A9B9 !important; 
    color: #ffffff !important; /* Colore del testo */
    font-family: "Open Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    
    /* Se vuoi che diventi un rettangolo arrotondato invece di un cerchio/ovale, modifica il border-radius */
    border-radius: 4px !important; 
    
    /* Dimensioni e posizione */
    padding: 5px 12px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-dbaa4d3 *//* 1. Etichette (Dimensione brucia resine, Quantità) */
.woocommerce div.product form.cart .variations label,
.woocommerce div.product form.cart .quantity::before {
    color: #777777 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 2. Reset totale della tabella varianti: si adatta al contenuto */
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td.value {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    line-height: 1 !important;
}

/* 3. Distanza esatta di 10px tra la tendina e la sezione Quantità sotto */
.woocommerce div.product form.cart table.variations {
    margin-bottom: 10px !important;
}

/* 4. Nasconde "Pulisci", prezzo variante inferiore e azzera i contenitori vuoti */
.woocommerce div.product form.cart .reset_variations,
.woocommerce div.product form.cart .woocommerce-variation-price {
    display: none !important;
}

.woocommerce div.product form.cart .single_variation_wrap,
.woocommerce div.product form.cart .woocommerce-variation.single_variation {
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Menu a tendina (Scegli un'opzione) compatto */
.woocommerce div.product form.cart .variations select {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 50px !important;
    background-color: #FDF8F9 !important;
    border: 1px solid #E5A9B9 !important;
    border-radius: 50px !important;
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 35px 0 25px !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    text-align: center !important;
    text-align-last: center !important;
    cursor: pointer;
    display: inline-block !important;
}

.woocommerce div.product form.cart .variations select:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* 6. Allineamento orizzontale Quantità e Pulsante Carrello */
.woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form) {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    gap: 8px !important; 
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 7. Etichetta e contenitore Quantità (Unificati) */
.woocommerce div.product form.cart .quantity {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.woocommerce div.product form.cart .quantity::before {
    content: "Quantità";
}

/* 8. Campo numero Quantità */
.woocommerce div.product form.cart .quantity input.qty {
    width: 110px !important;
    height: 50px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 0 10px !important;
    text-align: center !important;
    margin: 0 !important;
}

/* 9. Pulsante "Aggiungi al carrello" */
.woocommerce div.product form.cart .button {
    width: auto !important;
    height: 50px !important;
    background-color: #FDF8F9 !important;
    border: 1px solid #E5A9B9 !important;
    border-radius: 50px !important;
    color: #333333 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 0 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

.woocommerce div.product form.cart .button:hover {
    background-color: #E5A9B9 !important;
    color: #ffffff !important;
}

/* 10. Prezzo dinamico in alto: eredita lo stile del titolo */
#prezzo-dinamico *, 
.prezzo-dinamico * {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
}

/* 11. OTTIMIZZAZIONE TABLET E MOBILE (Va sempre in fondo!) */
@media (max-width: 1024px) {
    .woocommerce div.product form.cart .variations select,
    .woocommerce div.product form.cart .quantity input.qty,
    .woocommerce div.product form.cart .button {
        font-size: 16px !important; /* Testo ridotto per tablet e mobile */
        height: 45px !important;
    }

    .woocommerce div.product form.cart .button {
        padding: 0 22px !important;
        white-space: nowrap !important;
    }
    
    .woocommerce div.product form.cart .quantity input.qty {
        width: 85px !important;
    }
}

/* 1. Trasforma il contenitore della quantità in un blocco a pillola unificato */
.woocommerce div.product form.cart .quantity {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    height: 50px !important;
    width: 150px !important; /* Larghezza complessiva del blocco quantità */
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

/* 2. Nasconde le frecce native del browser sul campo numerico */
.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.woocommerce div.product form.cart .quantity input.qty {
    -moz-appearance: textfield !important;
}

/* 3. Modifica l'input numerico centrale */
.woocommerce div.product form.cart .quantity input.qty {
    width: 50px !important;
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #333333 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 1. Il contenitore principale della quantità diventa una colonna (Etichetta sopra, Pillola sotto) */
.woocommerce div.product form.cart .quantity {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Etichetta "Quantità" posizionata sopra */
.woocommerce div.product form.cart .quantity::before {
    content: "Quantità" !important;
    color: #777777 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 3. Creiamo un wrapper interno per la pillola che racchiude -, il numero e + */
/* Nota: se il browser non raggruppa automaticamente i tre elementi, 
   possiamo dare lo stile a un sotto-contenitore o strutturarli insieme. 
   Ecco come racchiudere la pillola: */
.woocommerce div.product form.cart .quantity input.qty {
    order: 2;
}
.woocommerce div.product form.cart .quantity button.qty-minus {
    order: 1;
}
.woocommerce div.product form.cart .quantity button.qty-plus {
    order: 3;
}

/* --- GESTIONE QUANTITÀ A PILLOLA CON ETICHETTA SOPRA --- */

/* --- QUANTITÀ A GRIGLIA: Etichetta sopra, Pillola orizzontale sotto --- */
.woocommerce div.product form.cart .quantity {
    display: grid !important;
    grid-template-areas: 
        "label label label"
        "minus input plus" !important;
    grid-template-columns: 40px 50px 40px !important;
    grid-template-rows: auto 50px !important;
    width: max-content !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 1. Etichetta "Quantità" sopra */
.woocommerce div.product form.cart .quantity::before {
    grid-area: label;
    content: "Quantità" !important;
    color: #777777 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 2. Bottone Meno (-) a sinistra della pillola */
.woocommerce div.product form.cart .quantity button.qty-minus {
    grid-area: minus;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-right: none !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    height: 50px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 18px !important;
    color: #444444 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Input numerico centrale */
.woocommerce div.product form.cart .quantity input.qty {
    grid-area: input;
    background-color: #ffffff !important;
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    height: 50px !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Bottone Più (+) a destra della pillola */
.woocommerce div.product form.cart .quantity button.qty-plus {
    grid-area: plus;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-left: none !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    height: 50px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 18px !important;
    color: #444444 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Nasconde le frecce native del browser sul campo numerico */
.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}/* End custom CSS */