/* Mobile panel for the header fragment. * * Hand-written rather than generated: the site's mobile menu is rendered by * framer-motion only while open, so there is no markup in the static build to * lift. header.js builds the panel at runtime by cloning the mega-menu links; * these are the styles for that structure. Kept visually in line with the * site's panel (white, slides in from the right, full height). * * Everything is prefixed .tt-m- so it cannot collide with propharm-child. */ .tt-m-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: opacity 0.25s ease; z-index: 99998; } .tt-m-overlay.is-open { opacity: 1; visibility: visible; } .tt-m-panel { position: fixed; top: 0; right: 0; bottom: 0; width: 85vw; max-width: 20rem; background: #fff; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); z-index: 99999; padding: 1.5rem; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.35s ease; font-family: "PT Sans", ui-sans-serif, system-ui, sans-serif; overflow: hidden; } .tt-m-panel.is-open { transform: translateX(0); } .tt-m-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; flex-shrink: 0; } .tt-m-logo { width: 140px; height: auto; display: block; } .tt-m-close { background: none !important; border: 0 !important; padding: 0.5rem !important; color: #374151; cursor: pointer; line-height: 0; box-shadow: none !important; min-width: 0 !important; } .tt-m-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; } .tt-m-row { border-bottom: 1px solid #f3f4f6; } .tt-m-link, .tt-m-acc { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 0.5rem; padding: 0.75rem 0.5rem; font-size: 1rem; font-weight: 600; color: #323232 !important; text-decoration: none !important; background: none !important; border: 0 !important; box-shadow: none !important; cursor: pointer; text-align: left; font-family: inherit; min-width: 0 !important; text-transform: none !important; } /* The theme's dynamic-styles-cached.css paints every hovered