/* Mega menu da computer (assets/mega-menu.js). Colori e caratteri del sito: rosso #d60a2e, inchiostro #222529, grigio #f4f4f4. */
.eqm-mg { --r: #d60a2e; --ink: #222529; --grigio: #f4f4f4; --riga: #e7e7e7; --testo: #6f7378; --sopra: 0px; position: fixed; inset: var(--sopra) 0 0 0; z-index: 9990; visibility: hidden; pointer-events: none; font-family: Poppins, sans-serif; }
.eqm-mg.aperto { visibility: visible; }
.eqm-mg a { text-decoration: none !important; }
.eqm-mg-velo { position: absolute; inset: 0; background: rgba(23, 24, 27, .35); opacity: 0; transition: opacity .25s ease; }
.eqm-mg.aperto .eqm-mg-velo { opacity: 1; pointer-events: auto; }
.eqm-mg-pannello { position: absolute; left: 0; right: 0; top: 0; background: #fff; border-top: 1px solid var(--riga); box-shadow: 0 24px 40px -18px rgba(0, 0, 0, .25); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s; }
.eqm-mg-pannello.aperto { opacity: 1; visibility: visible; transform: none; pointer-events: auto; transition: opacity .22s ease, transform .22s ease, visibility 0s; }
.eqm-mg-dentro { display: grid; gap: 40px; max-width: var(--porto-container-width, 1400px); margin: 0 auto; padding: 32px 10px 36px; } /* stesso bordo del logo; la variabile la copia il JS dalla testata */
.eqm-mg-cassoni { grid-template-columns: 1fr 300px; }
.eqm-mg-selle { grid-template-columns: 220px 1fr 300px; }
.eqm-mg-testa { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid var(--riga); }
.eqm-mg-testa span { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ink); }
.eqm-mg-testa a { font-size: 13px; font-weight: 600; color: var(--r) !important; }
.eqm-mg-testa a:hover { color: var(--ink) !important; }
/* modelli con foto */
.eqm-mg-modelli { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 16px; }
.eqm-mg-modelli a { display: grid; grid-template-columns: 64px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 6px; margin: -6px; color: var(--ink) !important; border-radius: 4px; transition: background .2s ease; }
.eqm-mg-modelli a:hover { background: var(--grigio); }
.eqm-mg-foto { grid-row: 1 / 3; width: 64px; height: 64px; background: var(--grigio); overflow: hidden; }
.eqm-mg-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.eqm-mg-modelli a:hover .eqm-mg-foto img { transform: scale(1.08); }
.eqm-mg-modelli b { align-self: end; font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.eqm-mg-modelli small { align-self: start; font-size: 11px; line-height: 1.4; color: var(--testo); }
.eqm-mg-modelli.eqm-mg-selle { grid-template-columns: repeat(4, 1fr); }
.eqm-mg-modelli.eqm-mg-selle a { grid-template-columns: 1fr; text-align: left; }
.eqm-mg-modelli.eqm-mg-selle .eqm-mg-foto { grid-row: auto; width: 100%; height: auto; aspect-ratio: 1; background: #fff; outline: 1px solid var(--riga); outline-offset: -1px; margin-bottom: 10px; }
.eqm-mg-modelli.eqm-mg-selle b { font-size: 12px; letter-spacing: .02em; font-weight: 600; }
/* elenco tipi di sella */
.eqm-mg-lista a { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; font-size: 16px; font-weight: 500; color: var(--ink) !important; border-bottom: 1px solid var(--riga); transition: color .2s ease, padding .2s ease; }
.eqm-mg-lista a small { font-size: 11px; font-weight: 400; color: var(--testo); }
.eqm-mg-lista a:hover { color: var(--r) !important; padding-left: 6px; }
/* riquadro laterale */
.eqm-mg-promo { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 280px; overflow: hidden; background: #17181b; color: #fff !important; }
.eqm-mg-promo-foto { position: absolute; inset: 0; }
.eqm-mg-promo-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.eqm-mg-cassoni .eqm-mg-promo-foto { background: var(--grigio); }
.eqm-mg-cassoni .eqm-mg-promo-foto img { object-fit: contain; padding: 14px 24px 128px; }
.eqm-mg-promo:hover .eqm-mg-promo-foto img { transform: scale(1.05); }
.eqm-mg-promo-testo { position: relative; display: block; padding: 70px 22px 22px; background: linear-gradient(0deg, rgba(23, 24, 27, .97) 55%, rgba(23, 24, 27, 0)); }
.eqm-mg-promo-testo small { display: block; margin-bottom: 6px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.eqm-mg-promo-testo strong { display: block; font-size: 18px; line-height: 1.3; font-weight: 600; color: #fff; }
.eqm-mg-promo-testo em { display: inline-block; margin-top: 14px; font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #fff; border-bottom: 2px solid var(--r); padding-bottom: 3px; }
/* il menu di Porto: niente tendina sotto le voci col pannello, e la voce aperta resta evidenziata */
.main-menu > li.eqm-mg-ha > .popup, .main-menu > li.eqm-mg-ha > ul.sub-menu { display: none !important; }
.main-menu > li.eqm-mg-attiva > a { color: #d60a2e !important; }
@media (max-width: 991px) { .eqm-mg { display: none; } }
@media (prefers-reduced-motion: reduce) { .eqm-mg-pannello, .eqm-mg-velo { transition: none; } }