/* Slide-out menu panel: About-page palette (maroon / crimson / rose / gold / cream) */
.menu-pop { background: linear-gradient(180deg, #fbf8ed 0%, #fff 60%); border-right: 4px solid #89216b; box-shadow: 6px 0 30px -8px rgba(137,33,107,.35); color: #3b3226; }
.menu-pop::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: linear-gradient(120deg, #89216b, #da4453); }
.menu-pop p { color: #8a7a6a; font-family: Georgia, serif; }
.menu-pop-clo i { color: #d74354; }
.menu-pop-clo i:hover { color: #89216b; }
.menu-pop-info li a { color: #3b3226; }
.menu-pop-info li a:hover { color: #89216b; }
.menu-pop-info li a i { background: linear-gradient(135deg, #89216b, #da4453); box-shadow: 0 4px 10px rgba(137,33,107,.25); }
.menu-pop-help { border-top: 1px solid #f0e6c8; }
.menu-pop-help h4 { color: #89216b; font-family: Georgia, serif; letter-spacing: .5px; }
.menu-pop-help .user-pro img { border: 3px solid #f3e7b9; }
.menu-pop-help .user-bio h5 { color: #66451c; font-family: Georgia, serif; }
.menu-pop-help .user-bio span { color: #9c8409; }
.menu-pop-help .user-bio a { background: linear-gradient(120deg, #89216b, #da4453); border-radius: 999px; color: #fff; padding: 7px 16px 5px; }
.menu-pop-help .user-bio a:hover { background: #89216b; }
.menu-pop-soci ul li a i { background: #f3e7b9; color: #89216b; }
.menu-pop-soci ul li a:hover i, .menu-pop-soci i:hover, .menu-pop-soci i.fa:hover { background: #89216b !important; color: #fff; }