/* Shared account navigation for accessory catalogues. */
.add-ons-menu { position: relative; }
.add-ons-menu summary { list-style: none; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
.add-ons-menu summary::-webkit-details-marker { display: none; }
.add-ons-menu summary:focus-visible, .add-ons-links a:focus-visible { outline: 2px solid #a57434; outline-offset: 3px; }
.add-ons-menu summary i { font-size: .75em; }
.add-ons-menu[open] summary i { transform: rotate(180deg); }
.add-ons-menu.is-active > summary { background: var(--ink, #1a1816); color: var(--paper, #fffaf1); }
.add-ons-links { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; min-width: 190px; padding: 6px; border: 1px solid #ded4c5; border-radius: 8px; background: #fffaf5; box-shadow: 0 12px 28px #231d1726; }
.add-ons-links a { display: block !important; min-height: 44px; padding: 12px 14px; border-radius: 5px; color: #29241e; text-decoration: none; font-size: .9rem; font-weight: 600; white-space: nowrap; }
.add-ons-links a:hover { background: #f2e5d2; }
.add-ons-links a.is-active { background: #1a1816; color: #fffaf1; }
@media (max-width: 900px) {
 .mobile-nav, .mobile-insights-nav, .mobile-guide-nav { grid-template-columns: repeat(3, 1fr); }
 .mobile-nav .add-ons-menu summary, .mobile-insights-nav .add-ons-menu summary, .mobile-guide-nav .add-ons-menu summary { min-height: 50px; border: 0; border-radius: 5px; font-size: .72rem; font-weight: 700; }
 .mobile-nav .add-ons-links, .mobile-insights-nav .add-ons-links, .mobile-guide-nav .add-ons-links { top: auto; bottom: calc(100% + 14px); right: 0; }
}