/* Catanostrum · schede prodotto mieli a 2 pestanyes («Mel de …» / «Propietats i usos tradicionals»)
   Tutto è limitato a #product-modal.has-mel-tabs: gli altri prodotti non cambiano. */
#product-modal.has-mel-tabs .modal-descr-box { justify-content: flex-start; min-width: 0; padding-top: 6px; }
#product-modal.has-mel-tabs .modal-descr-box > h3 { padding-right: 40px; }
#product-modal.has-mel-tabs #modal-descr-box_p { display: none; }
#product-modal .mel-tabs { width: 100%; margin: 10px 0 16px; }

#product-modal .mel-tabs .nav { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; border-bottom: 2px solid #E5E2DD; }
#product-modal .mel-tabs .nav-item { flex: 1 1 0; margin: 0 0 -2px; }
#product-modal .mel-tabs .nav-link {
  display: block; padding: 10px 8px; text-align: center; text-decoration: none;
  font-size: 15px; font-weight: 600; line-height: 1.2; color: #6b5a4c;
  border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: none;
}
#product-modal .mel-tabs .nav-link:hover { color: #fa9d01; }
#product-modal .mel-tabs .nav-link:focus { outline: 0; }
#product-modal .mel-tabs .nav-link:focus-visible { outline: 2px solid #fa9d01; outline-offset: -2px; }
#product-modal .mel-tabs .nav-link.active { color: #1f120a; border-bottom-color: #fa9d01; }

#product-modal .mel-panes { max-height: 56vh; overflow-y: auto; padding: 14px 12px 4px 2px; -webkit-overflow-scrolling: touch; }
#product-modal .mel-panes { overflow-wrap: break-word; font-size: 14.5px; line-height: 1.55; color: #3a3029; text-align: left; }
#product-modal .mel-panes p { margin: 0 0 10px; }
#product-modal .mel-panes .mel-title { font-size: 20px; line-height: 1.25; font-weight: 700; margin: 0 0 4px; color: #1f120a; }
#product-modal .mel-panes .mel-lead { font-size: 15.5px; font-style: italic; color: #6b5a4c; margin-bottom: 14px; }
#product-modal .mel-panes h4 { font-size: 16px; line-height: 1.3; font-weight: 700; color: #1f120a; margin: 22px 0 8px; padding-top: 14px; border-top: 1px solid #E5E2DD; }
#product-modal .mel-panes h5 { font-size: 14.5px; line-height: 1.3; font-weight: 700; color: #fa9d01; margin: 14px 0 4px; }
#product-modal .mel-panes ul { margin: 0 0 12px; padding-left: 20px; }
#product-modal .mel-panes li { margin-bottom: 3px; }
#product-modal .mel-panes ul.mel-specs { list-style: none; padding-left: 0; }
#product-modal .mel-panes ul.mel-specs li { margin-bottom: 6px; }
#product-modal .mel-panes ul.mel-specs ul { list-style: disc; padding-left: 20px; margin: 4px 0 0; }
#product-modal .mel-panes ul.mel-specs ul li { margin-bottom: 1px; }
#product-modal .mel-panes .mel-ico { display: inline-block; margin-right: 2px; }
#product-modal .mel-panes .mel-note { background: #fff6e5; border-left: 4px solid #fa9d01; padding: 10px 12px; margin: 14px 0; font-size: 14px; }
#product-modal .mel-panes .mel-oida-specs { font-size: 13.5px; color: #6b5a4c; }
#product-modal .mel-panes .mel-error { color: #a33; }

@media (max-width: 991.98px) {   /* come il sito: sotto 992 px il popup è a una colonna */
  /* su mobile il modal scorre per intero: niente doppia barra di scorrimento */
  #product-modal .mel-panes { max-height: none; overflow: visible; padding-right: 0; }
  #product-modal .mel-tabs .nav { position: sticky; top: 0; background: #fff; z-index: 2; }
  /* prezzo e pulsante restano sopra il testo lungo */
  #product-modal.has-mel-tabs .modal-descr-box > h6 { order: 1; margin-bottom: 10px; }
  #product-modal.has-mel-tabs .modal-descr-box > button { order: 2; padding: 8px 16px; }
  #product-modal.has-mel-tabs .mel-tabs { order: 3; margin-top: 18px; }
}