/* Mousepad Launchpad - compact product matrix + mobile/SEO/AEO/Geo + Accessibility fixes */

.mp-product-matrix{max-width:1180px;margin:0 auto;padding:14px 10px}
.mp-product-matrix h2{margin:0 0 6px;color:#091a2f;letter-spacing:-.02em;line-height:1.1;font-size:22px}
.mp-product-matrix>p{color:#617489;margin:0 0 12px;font-size:13px}
.mp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mp-card{background:#fff;border-radius:10px;border:1px solid rgba(8,26,47,.07);box-shadow:0 8px 20px rgba(8,26,47,.07);text-decoration:none;color:inherit;display:block;transition:transform .15s ease}
.mp-card:hover{transform:translateY(-1px)}
.mp-card__thumb{background:#eef6fd;border-radius:8px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;max-width:140px;margin:0 auto}
.mp-card__thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;padding:4px;box-sizing:border-box;display:block}
.mp-card h3{margin:8px 8px 2px;font-size:14px;color:#091a2f;line-height:1.15}
.mp-card p{margin:0 8px;font-size:12px;color:#617489;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mp-card__cta{display:inline-block;margin:8px 8px 10px;font-weight:800;color:#2196f3;font-size:12px}
.mp-card__cta:after{content:"→";margin-left:3px}
@media(max-width:900px){.mp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mp-grid{grid-template-columns:1fr}}

/* Dropdown menu fix — prevents hover gap from breaking the submenu */
.nav-item--has-children{position:relative !important}
.subnav{position:absolute !important;left:0 !important;top:calc(100% + 2px) !important;min-width:220px !important;background:#fff !important;border-radius:10px !important;box-shadow:0 12px 34px rgba(8,26,47,.13) !important;border:1px solid rgba(8,26,47,.08) !important;padding:8px 0 !important;opacity:0 !important;visibility:hidden !important;transform:translateY(-4px) !important;transition:opacity .15s ease,transform .15s ease,visibility .15s !important;z-index:900 !important;pointer-events:none !important}
.nav-item--has-children.is-open .subnav{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:auto !important}
.subnav a{display:block !important;padding:10px 18px !important;color:#091a2f !important;text-decoration:none !important;font-size:15px !important;white-space:nowrap !important}
.subnav a:hover{background:#f5f8fc !important;color:#2196f3 !important}

/* Mobile: show submenu inline */
@media(max-width:899px){.subnav{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:none !important;padding:0 !important;display:none !important}.nav-item--has-children.is-open .subnav{display:block !important}}

/* Accessibility */
:focus-visible{outline:3px solid #2196f3;outline-offset:2px;border-radius:4px}

/* AEO FAQ */
.mp-faq details{background:#fff;border:1px solid rgba(8,26,47,.07);border-radius:12px;padding:14px 18px;margin:10px 0}
.mp-faq summary{font-weight:800;color:#091a2f;cursor:pointer}
.mp-faq p{margin:8px 0 0;color:#617489;font-size:14px}