.elementor-15 .elementor-element.elementor-element-e5c7a96{--display:flex;}.elementor-15 .elementor-element.elementor-element-a6ecbcf{--display:flex;}.elementor-15 .elementor-element.elementor-element-c12ad4d{--display:flex;}.elementor-15 .elementor-element.elementor-element-1c1bcb2{--display:flex;}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-e5c7a96{--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-15 .elementor-element.elementor-element-e914846{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-c12ad4d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-e914846 *//* --- RESET & BASE --- */
* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    font-family: 'Roboto', sans-serif; 
    line-height: 1.6; 
    color: #333; 
    background-color: #f0f2f5; 
}

.container { 
    max-width: 800px; 
    margin: 0 auto; 
    padding: 15px; 
}

/* --- LAYOUT COMPONENTS --- */
.main-header { text-align: center; padding: 20px 0; background: #fff; }

.card { 
    background: #fff; 
    padding: 25px; 
    border-radius: 12px; 
    margin-bottom: 25px; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); 
}

.main-img, .hero-img-full { 
    width: 100%; 
    height: auto; 
    border-radius: 8px; 
    margin-bottom: 20px; 
}

/* --- TYPOGRAPHY --- */
.h1 { font-size: 1.8rem; color: #111; line-height: 1.3; margin-bottom: 15px; }
.highlight { color: #1a531f; border-bottom: 3px solid #ffcc00; }
.h2-styled { 
    font-size: 1.4rem; 
    color: #1a531f; 
    margin-bottom: 20px; 
    text-transform: uppercase; 
    border-left: 5px solid #28a745; 
    padding-left: 15px; 
}

.container strong {
    color: #1a531f;
}

.center { text-align: center; }
.lead { font-size: 1.1rem; color: #555; }
.inci-text { font-size: 0.8rem; margin-top: 15px; color: #666; }

/* --- SEZIONE COME TI AIUTA --- */
.aloempic-helps-section .help-block { margin-bottom: 20px; }
.aloempic-helps-section .help-block h3 { color: #1a531f; font-size: 1.2rem; font-weight: bold; margin-bottom: 5px; }
.aloempic-helps-section .help-block p { font-size: 1.1rem; line-height: 1.5; }

/* --- PERCHÉ FUNZIONA (NUMERI) --- */
.reason-item { display: flex; gap: 15px; margin-bottom: 20px; align-items: flex-start; }
.reason-item .num { 
    background: #1a531f; 
    color: #fff; 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-weight: bold; 
    flex-shrink: 0; 
    font-size: 1.2rem;
}

/* --- VIDEO VERTICALE --- */
.video-verticale { 
    position: relative; 
    padding-bottom: 177.77%; 
    height: 0; 
    overflow: hidden; 
    max-width: 400px; 
    margin: 0 auto 15px auto; 
}
.video-verticale iframe { 
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%; 
    border-radius: 12px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}

/* --- BUTTONS --- */
.btn {
  display: flex; 
  font-family: 'Roboto', sans-serif;
  width: 100%; 
  max-width: 400px; 
  margin: 20px auto; 
  text-align: center; 
  align-items: center; 
  justify-content: center;
  gap: 5px; 
  border-radius: 12px; 
  padding: 16px 20px; 
  font-weight: 900; 
  letter-spacing: .5px; 
  border: none;
  cursor: pointer; 
  font-size: 18px; 
  line-height: 1.3; 
  flex-direction: column;
  text-transform: uppercase;
  text-decoration: none;
}
.btn--primary { 
  background: linear-gradient(180deg, #2ecc71, #16a34a);
  color: #ffffff; 
  box-shadow: 0 8px 20px rgba(35, 197, 94, .30); 
}

/* --- TABELLA CONFRONTO --- */
.pro-table { width: 100%; border-collapse: collapse; }
.pro-table th, .pro-table td { border: 1px dotted #ccc; text-align: center; padding: 15px 5px; }
.feature-label { text-align: left !important; padding-left: 15px !important; font-size: 0.95rem; }
.status-icon { width: 28px; height: 28px; margin: 0 auto; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #fff; }
.status-check { background-color: #72b01d; }
.status-cross { background-color: #d90429; }
.status-question { background-color: #ffb703; border-radius: 50%; }

/* --- INGREDIENTI --- */
.ingredients-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
.ingredient-item { background: #fff; border: 1px solid #eee; padding: 15px; border-radius: 8px; border-top: 3px solid #1a531f; display: flex; gap: 15px; align-items: center; }
.ingredient-item-img { width: 60px; height: 60px; object-fit: cover; border-radius: 10px; }

/* --- RECENSIONI --- */
.review-item { display: flex; gap: 15px; margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px; }
.review-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }
.stars { color: #ffcc00; font-size: 1.2rem; }

/* AFFIANCAMENTO IMMAGINI PRIMA/DOPO */
.ba-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; /* Due colonne uguali */
    gap: 10px; 
    margin-top: 15px; 
}
.ba-item { position: relative; }
.ba-img { width: 100%; border-radius: 8px; border: 1px solid #ddd; }
.ba-label { position: absolute; bottom: 5px; left: 5px; background: rgba(0,0,0,0.7); color: #fff; font-size: 0.7rem; font-weight: bold; padding: 2px 5px; border-radius: 3px; }

/* --- ALERT --- */
.alert-banner { background: #fff1f1; border: 1px solid #ffcccc; border-radius: 8px; overflow: hidden; margin-bottom: 25px; }
.alert-header { background: #dc3545; color: #fff; text-align: center; font-weight: bold; padding: 5px; }
.alert-content { padding: 15px; text-align: center; font-size: 0.9rem; }
.alert-logo { width: 130px; height: auto; margin-bottom: 10px; display: block; margin: 0 auto; }

/* --- FOOTER --- */
.main-footer { text-align: center; padding: 40px 20px; color: #777; font-size: 0.85rem; }

/* =========================================
    FIX PER ELEMENTOR (CONFLITTI RISOLTI)
   ========================================= */

.elementor-widget-form { padding: 0 !important; }

.elementor-field-group input, 
.elementor-field-group textarea, 
.elementor-field-group select {
    -webkit-appearance: none !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-family: 'Roboto', sans-serif !important;
}

.elementor-field-group label {
    color: #333333 !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.elementor-button[type="submit"] {
    background: linear-gradient(180deg, #2ecc71, #16a34a) !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 18px !important;
}

.elementor-column-wrap, .elementor-widget-container { border: none !important; }

/* --- MOBILE OPTIMIZATION FINALE --- */
@media (max-width: 600px) {
    /* Manteniamo solo ingredients-grid su una colonna */
    .ingredients-grid { grid-template-columns: 1fr; } 
    
    /* .ba-grid NON è più qui dentro, quindi resta a 2 colonne */
    
    .h1 { font-size: 1.5rem; }
    .container { padding: 10px; }
}/* End custom CSS */