/* Indice Prodotti. Layout coerente con il tema WordPress Appointment Pro, senza restyling. */
.prodotti-page .prodotti-content{padding-bottom:55px}
.prodotti-section{scroll-margin-top:20px}
.prodotti-section+.prodotti-section{margin-top:36px}
.prodotti-section-heading{font-family:"Open Sans",Arial,sans-serif;font-size:20px;line-height:1.5;font-weight:400;color:#242526;margin:0 0 20px}
.prodotti-section-heading strong{font-weight:700}
.prodotti-section p{line-height:1.8}
.prodotti-ricambi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;margin:24px 0 36px}
.prodotti-ricambi-grid h3{font-size:16px;line-height:1.35;margin:0}
.prodotti-ricambi-grid a{display:flex;position:relative;align-items:center;justify-content:center;min-height:52px;padding:10px 34px 10px 12px;background:#395ca3;color:#fff;text-align:center;font-weight:600}
.prodotti-ricambi-grid a:hover,.prodotti-ricambi-grid a:focus{background:#2a4987;color:#fff;text-decoration:none}
/* Il tema legacy definisce .blog-lg-area-left h3>a con maggiore specificita: forza il bianco solo sui pulsanti Ricambi. */
.prodotti-page .prodotti-ricambi-grid h3>a,.prodotti-page .prodotti-ricambi-grid h3>a:hover,.prodotti-page .prodotti-ricambi-grid h3>a:focus{color:#fff}
.prodotti-magazzino{margin:16px 0 42px;text-align:center}
.prodotti-magazzino img{display:block;width:100%;max-width:867px;height:auto;margin:0 auto}
.prodotti-componenti-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:34px;margin-top:22px;align-items:stretch}
.prodotti-componente{display:flex;flex-direction:column;min-width:0;height:100%}
.prodotti-componente-immagine{display:block;flex:none;width:100%;aspect-ratio:16/9;margin:0 0 16px;overflow:hidden;background:#fff}
.prodotti-componente-immagine img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.prodotti-componente-immagine-pendente{background:#f4f4f4}
.prodotti-componente p{margin:0 0 13px;flex:1 1 auto}
.prodotti-componente a.prodotti-componente-leggi{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:auto;background:#395ca3;color:#fff;padding:8px 14px;font-size:13px;line-height:1.5}
.prodotti-componente a.prodotti-componente-leggi:hover,.prodotti-componente a.prodotti-componente-leggi:focus{background:#2a4987;color:#fff;text-decoration:none}
/* Triangolini pieni bianchi: sola punta, senza asta o cerchio. */
.prodotti-ricambi-grid .prodotti-freccia{position:absolute;right:11px;top:50%;transform:translateY(-50%);display:block;flex:none;width:16px;height:16px;fill:#fff}
.prodotti-componente a.prodotti-componente-leggi .prodotti-freccia{display:block;flex:none;width:15px;height:15px;fill:#fff}
.prodotti-marchi{margin:40px 0 0;text-align:center}
@media(max-width:991px){.prodotti-ricambi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prodotti-componenti-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.prodotti-ricambi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prodotti-ricambi-grid h3{font-size:14px}.prodotti-componenti-grid{grid-template-columns:1fr}.prodotti-section-heading{font-size:18px}}

/* WCAG 2.2 AA: focus tastiera visibile e bersagli di attivazione adeguati. */
.prodotti-page .prodotti-ricambi-grid a:focus-visible,
.prodotti-page .prodotti-componente a.prodotti-componente-leggi:focus-visible{outline:3px solid #142b4f;outline-offset:3px;text-decoration:underline}
.prodotti-page .prodotti-componente a.prodotti-componente-leggi{min-height:44px}