/* ════════════════════════════════════════════════════════════════════════════
   SUPER MENU 2027 — Credit-One S.p.A. — v3 (27/09/2026)
   Nota: il vecchio menu azzera margini e padding di tutto (#supermenu-root * {padding:0 !important}),
   quindi qui ogni spaziatura è dichiarata con !important.
   ════════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

#supermenu-root { --m7b: #A0092F; --m7b2: #C4133F; --m7bs: #7E0725; --m7i: #17111A; --m7g: #6B6270; --m7r: #FBF4F6; --m7r2: #FBEFF3; --m7l: #EFE5E8; --m7o: #F5D78E; --m7f: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif; }
#supermenu-root .m7-svg { flex-shrink: 0; display: block; }

/* ───────── BARRA ───────── */
html body #supermenu-root .row-red.m7-bar { background: linear-gradient(90deg, #7A0624 0%, #A0092F 45%, #8E0829 100%) !important; box-shadow: 0 10px 30px -14px rgba(96,6,30,.55) !important; }
html body #supermenu-root .m7-bar .red-inner { width: min(1260px, calc(100% - 32px)) !important; height: 62px !important; }
html body #supermenu-root nav.m7-nav { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 2px !important; height: 100% !important; padding: 0 !important; }
html body #supermenu-root .m7-nav .navbtn {
  height: 40px !important; padding: 0 13px !important; margin: 0 !important; border: 0 !important; border-radius: 10px !important; background: transparent !important;
  color: #fff !important; font-family: var(--m7f) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1 !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important; white-space: nowrap !important; text-decoration: none !important;
  transition: background .2s, color .2s !important; opacity: 1 !important; cursor: pointer;
}
html body #supermenu-root .m7-nav .navbtn::before, html body #supermenu-root .m7-nav .navbtn::after { display: none !important; content: none !important; }
html body #supermenu-root .m7-nav .navbtn:hover { background: rgba(255,255,255,.13) !important; }
html body #supermenu-root .m7-nav .navbtn[aria-expanded="true"] { background: #fff !important; color: var(--m7b) !important; }
html body #supermenu-root .m7-nav .m7-chev { display: inline-flex; opacity: .8; transition: transform .25s; }
html body #supermenu-root .m7-nav .navbtn[aria-expanded="true"] .m7-chev { transform: rotate(180deg); opacity: 1; }
html body #supermenu-root .m7-nav .m7-home { width: 40px !important; padding: 0 !important; justify-content: center !important; }
html body #supermenu-root .m7-nav .navbtn:focus-visible, html body #supermenu-root .m7-cta:focus-visible { outline: 3px solid #fff !important; outline-offset: 2px !important; }
html body #supermenu-root .m7-right { margin-left: auto !important; display: flex !important; align-items: center !important; gap: 2px !important; height: 100% !important; }
html body #supermenu-root .m7-leggero { opacity: .9 !important; font-weight: 500 !important; }
html body #supermenu-root .m7-contatti { background: rgba(255,255,255,.1) !important; }
html body #supermenu-root .m7-cta {
  margin: 0 0 0 10px !important; height: 42px; padding: 0 18px !important; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px;
  background: #fff; color: var(--m7b) !important; font-family: var(--m7f); font-size: 14.5px; font-weight: 800; text-decoration: none !important; white-space: nowrap;
  box-shadow: 0 8px 20px -8px rgba(0,0,0,.45); transition: background .2s, transform .2s;
}
html body #supermenu-root .m7-cta:hover { background: var(--m7o); color: #3A0616 !important; transform: translateY(-1px); }
@media (max-width: 1380px) { html body #supermenu-root .m7-leggero { display: none !important; } }
@media (max-width: 1120px) { html body #supermenu-root .m7-nav .navbtn { padding: 0 10px !important; font-size: 14.5px !important; } html body #supermenu-root .m7-cta { padding: 0 14px !important; font-size: 14px; } }

/* ───────── MEGA MENU ───────── */
html body #supermenu-root .mega.m7-mega {
  top: calc(100% + 10px) !important; width: min(1260px, calc(100% - 32px)) !important; max-height: none !important; overflow: hidden !important;
  background: #fff !important; color: var(--m7i) !important; border: 1px solid var(--m7l) !important; border-radius: 24px !important; padding: 0 !important; margin: 0 !important;
  box-shadow: 0 40px 80px -30px rgba(23,17,26,.45), 0 12px 24px -12px rgba(23,17,26,.12) !important; font-family: var(--m7f) !important;
}
html body #supermenu-root .mega.m7-mega * { font-family: var(--m7f); box-sizing: border-box; }
html body #supermenu-root .m7-corpo { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 32px !important; padding: 30px 32px 28px !important; margin: 0 !important; max-height: calc(100vh - 300px); min-height: 200px; overflow-y: auto; overscroll-behavior: contain; }
html body #supermenu-root .m7-corpo.m7-con-vetrina { grid-template-columns: minmax(0, 1fr) 320px; }
html body #supermenu-root .m7-gruppi { display: grid !important; grid-template-columns: repeat(var(--m7-col, 3), minmax(0, 1fr)); gap: 0 28px !important; align-content: start; }
html body #supermenu-root .m7-gruppo { padding: 0 !important; margin: 0 !important; }
html body #supermenu-root .m7-gruppo + .m7-gruppo { border-left: 1px solid var(--m7l); padding-left: 14px !important; margin-left: -14px !important; }
html body #supermenu-root .m7-gtit { display: block !important; margin: 0 0 10px 14px !important; padding: 0 !important; font-size: 12.5px !important; font-weight: 700 !important; color: var(--m7b) !important; letter-spacing: .02em !important; text-transform: none !important; line-height: 1.4 !important; }
html body #supermenu-root .m7-voce {
  display: grid !important; grid-template-columns: 46px minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; padding: 10px 14px !important; margin: 0 0 4px !important;
  border-radius: 14px !important; text-decoration: none !important; color: var(--m7i) !important; background: transparent !important; border: 0 !important;
  transition: background .18s !important; transform: none !important; line-height: 1.3 !important;
}
html body #supermenu-root .m7-voce:hover, html body #supermenu-root .m7-voce:focus-visible { background: var(--m7r) !important; outline: none; }
html body #supermenu-root .m7-ico { width: 46px !important; height: 46px !important; padding: 0 !important; margin: 0 !important; border-radius: 14px !important; display: grid !important; place-items: center; background: var(--m7r2); color: var(--m7b); transition: background .18s, color .18s, transform .18s; }
html body #supermenu-root .m7-voce:hover .m7-ico, html body #supermenu-root .m7-voce:focus-visible .m7-ico { background: linear-gradient(135deg, var(--m7b2), var(--m7bs)); color: #fff; transform: scale(1.05); }
html body #supermenu-root .m7-txt { display: flex !important; flex-direction: column; min-width: 0; gap: 2px !important; }
html body #supermenu-root .m7-txt b { display: block !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; color: var(--m7i) !important; margin: 0 !important; }
html body #supermenu-root .m7-txt small { display: block !important; font-size: 13px !important; line-height: 1.35 !important; color: var(--m7g) !important; margin: 0 !important; }

html body #supermenu-root .m7-vetrina {
  display: flex !important; flex-direction: column; justify-content: flex-end; gap: 8px !important; min-height: 320px; padding: 26px !important; margin: 0 !important; border-radius: 20px !important; text-decoration: none !important; color: #fff !important;
  background: linear-gradient(180deg, rgba(36,4,15,.08) 0%, rgba(36,4,15,.55) 45%, rgba(24,3,10,.95) 100%), var(--m7-foto) center / cover no-repeat; transition: transform .3s, box-shadow .3s;
}
html body #supermenu-root .m7-vetrina:hover { transform: translateY(-3px); box-shadow: 0 24px 40px -20px rgba(96,6,30,.6); }
html body #supermenu-root .m7-vt { display: block !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; margin: 0 !important; }
html body #supermenu-root .m7-vd { display: block !important; font-size: 14.5px !important; line-height: 1.5 !important; color: rgba(255,255,255,.86) !important; margin: 0 !important; }
html body #supermenu-root .m7-vb { margin: 10px 0 0 !important; padding: 11px 16px !important; align-self: flex-start; display: inline-flex !important; align-items: center; gap: 8px !important; border-radius: 999px !important; background: #fff !important; color: var(--m7b) !important; font-size: 14px !important; font-weight: 800 !important; }

html body #supermenu-root .m7-piede { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; padding: 15px 32px !important; margin: 0 !important; background: var(--m7r) !important; border-top: 1px solid var(--m7l) !important; font-size: 14px !important; color: var(--m7g) !important; line-height: 1.4 !important; }
html body #supermenu-root .m7-piede a { display: inline-flex !important; align-items: center; gap: 6px !important; padding: 0 !important; margin: 0 !important; color: var(--m7b) !important; font-weight: 800 !important; text-decoration: none !important; white-space: nowrap; }
html body #supermenu-root .m7-piede a:hover { text-decoration: underline !important; text-underline-offset: 3px; }

/* pannello contatti */
html body #supermenu-root .mega.m7-mega-contatti { width: min(1040px, calc(100% - 32px)) !important; }
html body #supermenu-root .m7-azioni { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px !important; padding: 24px !important; margin: 0 !important; }
html body #supermenu-root .m7-azione {
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px !important; padding: 22px !important; margin: 0 !important; border-radius: 18px !important; border: 1px solid var(--m7l) !important; background: #fff !important;
  color: var(--m7i) !important; text-decoration: none !important; text-align: left !important; cursor: pointer; font: inherit; line-height: 1.3 !important; transition: transform .25s, box-shadow .25s, border-color .25s;
}
html body #supermenu-root .m7-azione:hover { transform: translateY(-3px); box-shadow: 0 20px 36px -20px rgba(96,6,30,.45); border-color: transparent !important; }
html body #supermenu-root .m7-azione .m7-ico { margin: 0 0 14px !important; }
html body #supermenu-root .m7-azione b { display: block !important; font-size: 16px !important; font-weight: 800 !important; margin: 0 !important; }
html body #supermenu-root .m7-azione small { display: block !important; font-size: 13.5px !important; color: var(--m7g) !important; margin: 0 !important; }
html body #supermenu-root .m7-az-primaria { background: linear-gradient(135deg, var(--m7b2), var(--m7bs)) !important; border-color: transparent !important; color: #fff !important; }
html body #supermenu-root .m7-az-primaria .m7-ico { background: rgba(255,255,255,.16); color: #FFD66B; }
html body #supermenu-root .m7-az-primaria small { color: rgba(255,255,255,.85) !important; }

@media (max-width: 1180px) {
  html body #supermenu-root .m7-gruppi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body #supermenu-root .m7-gruppo + .m7-gruppo { border-left: 0; padding-left: 0 !important; margin-left: 0 !important; }
  html body #supermenu-root .m7-gruppo { margin-bottom: 14px !important; }
  html body #supermenu-root .m7-corpo.m7-con-vetrina { grid-template-columns: minmax(0, 1fr); }
  html body #supermenu-root .m7-vetrina { display: none !important; }
  html body #supermenu-root .m7-azioni { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ───────── TESTATA 2027: riga di conformità + riga marchio ───────── */
html body #supermenu-root .m7-conf { background: linear-gradient(90deg, #1B0A10, #2C0B16) !important; color: rgba(255,255,255,.82) !important; font-family: var(--m7f) !important; font-size: 12.5px !important; }
html body #supermenu-root .m7-conf-in { width: min(1260px, calc(100% - 32px)) !important; margin: 0 auto !important; height: 34px !important; display: flex !important; align-items: center !important; gap: 22px !important; overflow: hidden; white-space: nowrap; }
html body #supermenu-root .m7-conf span { display: inline-flex !important; align-items: center; gap: 6px !important; }
html body #supermenu-root .m7-conf span b { color: #fff !important; font-weight: 700 !important; }
html body #supermenu-root .m7-conf .m7-svg { color: var(--m7o); }
html body #supermenu-root .m7-conf-link { margin-left: auto !important; display: inline-flex !important; align-items: center; gap: 6px !important; color: #fff !important; font-weight: 700 !important; text-decoration: none !important; padding: 5px 12px !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; }
html body #supermenu-root .m7-conf-link:hover { background: #fff !important; color: var(--m7b) !important; }
html body #supermenu-root .m7-testa { background: #fff !important; border-bottom: 1px solid var(--m7l) !important; position: relative; z-index: 20; }
html body #supermenu-root .m7-testa::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(700px 200px at 0% 100%, rgba(160,9,47,.06), transparent 70%), radial-gradient(600px 220px at 100% 0%, rgba(217,183,126,.14), transparent 70%); }
html body #supermenu-root .m7-testa-in { position: relative; width: min(1260px, calc(100% - 32px)) !important; margin: 0 auto !important; min-height: 92px !important; display: flex !important; align-items: center !important; gap: 28px !important; padding: 12px 0 !important; }
html body #supermenu-root .m7-logo { display: block !important; flex-shrink: 0; }
html body #supermenu-root .m7-logo img { display: block !important; height: 62px !important; width: auto !important; }
html body #supermenu-root .m7-claim { display: flex !important; flex-direction: column; gap: 6px !important; padding: 0 0 0 28px !important; margin: 0 !important; border-left: 1px solid var(--m7l); max-width: 440px; }
html body #supermenu-root .m7-claim-pill { display: inline-flex !important; align-items: center; gap: 7px !important; align-self: flex-start; padding: 6px 12px !important; border-radius: 999px !important; background: linear-gradient(135deg, var(--m7b2), var(--m7bs)) !important; color: #fff !important; font-family: var(--m7f) !important; font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: .01em; }
html body #supermenu-root .m7-claim-pill .m7-svg { color: #FFD66B; }
html body #supermenu-root .m7-claim-txt { font-family: var(--m7f) !important; font-size: 13.5px !important; line-height: 1.4 !important; color: var(--m7g) !important; }
html body #supermenu-root .m7-claim-txt b { color: var(--m7i) !important; font-weight: 700 !important; }
html body #supermenu-root .m7-contatti-testa { margin-left: auto !important; display: flex !important; align-items: center !important; gap: 10px !important; }
html body #supermenu-root .m7-ct { display: flex !important; align-items: center; gap: 10px !important; padding: 8px 14px 8px 8px !important; border-radius: 14px !important; border: 1px solid var(--m7l) !important; background: #fff !important; text-decoration: none !important; color: var(--m7i) !important; transition: border-color .2s, box-shadow .2s; }
html body #supermenu-root .m7-ct:hover { border-color: var(--m7b) !important; box-shadow: 0 10px 24px -14px rgba(160,9,47,.5); }
html body #supermenu-root .m7-ct-ico { width: 40px !important; height: 40px !important; border-radius: 12px !important; display: grid !important; place-items: center; background: linear-gradient(135deg, var(--m7b2), var(--m7bs)); color: #fff; flex-shrink: 0; }
html body #supermenu-root .m7-ct-txt { display: flex !important; flex-direction: column; line-height: 1.2 !important; font-family: var(--m7f) !important; }
html body #supermenu-root .m7-ct-txt small { font-size: 11px !important; font-weight: 600 !important; color: var(--m7g) !important; letter-spacing: .02em; margin-bottom: 2px !important; }
html body #supermenu-root .m7-ct-txt b { font-size: 14.5px !important; font-weight: 800 !important; color: var(--m7i) !important; white-space: nowrap; }
html body #supermenu-root .m7-ct-txt b.m7-ct-sec { font-size: 12.5px !important; font-weight: 600 !important; color: var(--m7g) !important; }
html body #supermenu-root .m7-mail { font-size: 14px !important; }
html body #supermenu-root .m7-area { display: inline-flex !important; align-items: center; gap: 8px !important; height: 44px; padding: 0 16px !important; margin: 0 !important; border-radius: 12px !important; background: var(--m7i) !important; color: #fff !important; font-family: var(--m7f) !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap; transition: background .2s; }
html body #supermenu-root .m7-area:hover { background: var(--m7b) !important; }
html body #supermenu-root .m7-mobile { display: none !important; margin-left: auto !important; align-items: center; gap: 8px !important; }
@media (max-width: 1380px) { html body #supermenu-root .m7-claim { max-width: 320px; } html body #supermenu-root .m7-claim-txt { display: none !important; } }
@media (max-width: 1180px) { html body #supermenu-root .m7-claim { display: none !important; } }
@media (max-width: 980px) {
  html body #supermenu-root .topbar { flex-direction: column !important; height: auto !important; min-height: 0 !important; align-items: stretch !important; }
  html body #supermenu-root .m7-conf-in { height: 30px !important; gap: 16px !important; font-size: 11.5px !important; width: calc(100% - 24px) !important; }
  html body #supermenu-root .m7-conf span:nth-child(n+4), html body #supermenu-root .m7-conf-link { display: none !important; }
  html body #supermenu-root .m7-contatti-testa, html body #supermenu-root .m7-claim { display: none !important; }
  html body #supermenu-root .m7-mobile { display: flex !important; }
  html body #supermenu-root .m7-testa-in { min-height: 64px !important; padding: 8px 0 !important; width: calc(100% - 24px) !important; gap: 12px !important; }
  html body #supermenu-root .m7-logo img { height: 42px !important; }
  html body #supermenu-root .m7-mobile .mobile-cta { display: inline-flex !important; }
}
@media (max-width: 600px) {
  html body #supermenu-root .m7-conf span:nth-child(n+3) { display: none !important; }
  html body #supermenu-root .m7-conf-in { height: 28px !important; font-size: 11px !important; gap: 12px !important; }
  html body #supermenu-root .m7-testa-in { gap: 8px !important; width: calc(100% - 20px) !important; }
  html body #supermenu-root .m7-logo { min-width: 0; flex-shrink: 1 !important; }
  html body #supermenu-root .m7-logo img { height: 34px !important; max-width: 100% !important; }
  html body #supermenu-root .m7-mobile { gap: 6px !important; flex-shrink: 0 !important; }
  html body #supermenu-root .mobile-cta { height: 40px !important; padding: 0 12px !important; font-size: 12.5px !important; }
  html body #supermenu-root .burger { width: 40px !important; height: 40px !important; margin-left: 0 !important; }
}
@media (max-width: 380px) {
  html body #supermenu-root .m7-logo img { height: 30px !important; }
  html body #supermenu-root .mobile-cta { padding: 0 9px !important; font-size: 12px !important; letter-spacing: 0 !important; }
}

@media (max-width: 980px) {
  html body #supermenu-root .burger { display: grid !important; place-items: center; width: 46px; height: 46px; padding: 0 !important; margin: 0 0 0 8px !important; border-radius: 14px !important; background: var(--m7r2) !important; color: var(--m7b) !important; font-size: 22px !important; line-height: 1 !important; }
  html body #supermenu-root .mobile-cta { height: 46px; padding: 0 16px !important; border-radius: 14px !important; background: linear-gradient(135deg, var(--m7b2), var(--m7bs)) !important; color: #fff !important; font-family: var(--m7f) !important; font-weight: 800 !important; font-size: 14px !important; letter-spacing: .02em; text-decoration: none !important; box-shadow: 0 10px 22px -10px rgba(160,9,47,.7); }
}

/* ───────── SMARTPHONE: pannello menu ───────── */
html body #supermenu-root #smOverlay { position: fixed !important; inset: 0 !important; background: rgba(23,17,26,.5) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 99998 !important; }
html body #supermenu-root .m7-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); height: 100vh; height: 100dvh; z-index: 99999; padding: 0 !important; margin: 0 !important;
  display: flex; flex-direction: column; background: #fff; color: var(--m7i); font-family: var(--m7f);
  transform: translateX(105%); transition: transform .38s cubic-bezier(.2,.8,.2,1), visibility 0s linear .38s; box-shadow: -30px 0 60px -30px rgba(23,17,26,.5); visibility: hidden;
}
html body #supermenu-root .m7-drawer.open { transform: none; visibility: visible; transition-delay: 0s; }
html body #supermenu-root .m7-drawer * { font-family: var(--m7f); box-sizing: border-box; }
html body #supermenu-root .m7-d-testa { display: flex !important; align-items: center; justify-content: space-between; gap: 12px !important; padding: calc(12px + env(safe-area-inset-top, 0px)) 18px 12px !important; margin: 0 !important; border-bottom: 1px solid var(--m7l); }
html body #supermenu-root .m7-d-logo img { display: block; height: 38px; width: auto; }
html body #supermenu-root .m7-d-chiudi { width: 46px; height: 46px; padding: 0 !important; margin: 0 !important; border: 0; border-radius: 14px; background: var(--m7r); color: var(--m7i); display: grid; place-items: center; cursor: pointer; }
html body #supermenu-root .m7-d-scorri { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 18px 18px calc(28px + env(safe-area-inset-bottom, 0px)) !important; margin: 0 !important; }
html body #supermenu-root .m7-d-cta { display: grid !important; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px !important; padding: 16px 18px !important; margin: 0 !important; border-radius: 20px; background: linear-gradient(135deg, var(--m7b2), var(--m7bs)); color: #fff !important; text-decoration: none !important; box-shadow: 0 16px 30px -14px rgba(160,9,47,.75); }
html body #supermenu-root .m7-d-cta b { display: block; font-size: 16.5px; font-weight: 800; margin: 0 !important; }
html body #supermenu-root .m7-d-cta small { display: block; font-size: 13px; color: rgba(255,255,255,.85); margin: 2px 0 0 !important; }
html body #supermenu-root .m7-d-cta-ico { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: rgba(255,255,255,.16); color: #FFD66B; }
html body #supermenu-root .m7-d-rapidi { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px !important; margin: 14px 0 10px !important; padding: 0 !important; }
html body #supermenu-root .m7-d-rapidi a, html body #supermenu-root .m7-d-rapidi button { display: flex !important; flex-direction: column; align-items: center; gap: 6px !important; padding: 14px 6px !important; margin: 0 !important; border-radius: 16px; border: 0; background: var(--m7r); color: var(--m7b) !important; text-decoration: none !important; cursor: pointer; font: inherit; }
html body #supermenu-root .m7-d-rapidi span { font-size: 13px; font-weight: 700; color: var(--m7i); }
html body #supermenu-root .m7-acc { border-bottom: 1px solid var(--m7l); margin: 0 !important; padding: 0 !important; }
html body #supermenu-root .m7-acc summary { list-style: none; display: flex !important; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 4px !important; margin: 0 !important; cursor: pointer; }
html body #supermenu-root .m7-acc summary::-webkit-details-marker { display: none; }
html body #supermenu-root .m7-acc-nome { font-size: 17px; font-weight: 700; color: var(--m7i); }
html body #supermenu-root .m7-acc-chev { color: var(--m7b); transition: transform .25s; display: inline-flex; }
html body #supermenu-root .m7-acc[open] .m7-acc-chev { transform: rotate(180deg); }
html body #supermenu-root .m7-acc[open] summary .m7-acc-nome { color: var(--m7b); }
html body #supermenu-root .m7-acc-corpo { padding: 0 0 14px !important; margin: 0 !important; }
html body #supermenu-root .m7-d-gtit { display: block !important; margin: 12px 0 4px 12px !important; padding: 0 !important; font-size: 12.5px !important; font-weight: 700 !important; color: var(--m7b) !important; }
html body #supermenu-root .m7-drawer .m7-voce { grid-template-columns: 40px minmax(0, 1fr) !important; padding: 8px 10px !important; margin: 0 0 2px !important; }
html body #supermenu-root .m7-drawer .m7-ico { width: 40px !important; height: 40px !important; border-radius: 12px !important; }
html body #supermenu-root .m7-acc-link { display: flex !important; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 4px !important; margin: 0 !important; border-bottom: 1px solid var(--m7l); color: var(--m7b) !important; text-decoration: none !important; }
html body #supermenu-root .m7-d-nota { margin: 22px 4px 0 !important; padding: 0 !important; font-size: 12px; line-height: 1.55; color: var(--m7g); }

@media (prefers-reduced-motion: reduce) {
  html body #supermenu-root .m7-drawer, html body #supermenu-root .m7-ico, html body #supermenu-root .m7-vetrina, html body #supermenu-root .m7-azione, html body #supermenu-root .m7-cta { transition: none !important; }
  html body #supermenu-root .mega.m7-mega.open { animation: none !important; }
}