/* Meedsy search: suggestions dropdown + results page */
.mds-anchor { position: relative; }
.mds-pop { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 60; max-height: min(70vh, 520px); overflow-y: auto; background: #fff; border: 1px solid var(--line, #e8e1ea); border-radius: 16px; box-shadow: 0 18px 44px rgba(28, 20, 36, .16); padding: 8px; text-align: left; }
.mds-pop[hidden] { display: none; }
.mds-grp + .mds-grp { border-top: 1px solid var(--line, #e8e1ea); margin-top: 6px; padding-top: 6px; }
.mds-grp__t { margin: 6px 10px 4px !important; font: 700 11px/16px var(--font-sans, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted, #5f5468); }
.mds-opt { display: flex; flex-direction: column; gap: 1px; width: 100%; box-sizing: border-box; padding: 9px 10px; border-radius: 10px; color: var(--ink, #1c1424) !important; text-decoration: none !important; border: 0; background: none; text-align: left; cursor: pointer; font: inherit; }
.mds-opt strong { font: 600 15px/20px var(--font-sans, sans-serif); }
.mds-opt span { font-size: 13px; line-height: 18px; color: var(--ink-muted, #5f5468); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mds-opt:hover, .mds-opt.is-active { background: var(--brand-tint, #fcebf7); }
.mds-all { margin-top: 6px; border-top: 1px solid var(--line, #e8e1ea); border-radius: 0 0 10px 10px; font: 700 14px/20px var(--font-sans, sans-serif); color: var(--brand-strong, #b4128f) !important; }
.mh-finder__row.mds-anchor .mds-pop { left: -10px; right: -10px; }

.mds-page .mdd-hero { padding-bottom: 32px; }
.mds-form { display: flex; gap: 10px; max-width: 720px; margin-top: 20px; padding: 6px 6px 6px 16px; border: 1.5px solid var(--line-strong, #8b7f93); border-radius: 14px; background: #fff; }
.mds-form:focus-within { border-color: var(--brand-strong, #b4128f); box-shadow: 0 0 0 3px var(--brand-tint, #fcebf7); }
body.meedsy-brand .mds-form input[type="search"] { flex: 1; min-width: 0; border: 0 !important; outline: none; box-shadow: none !important; font-size: 17px; padding: 8px 0 !important; background: transparent !important; }
.mds-sum { margin-top: 14px !important; }
.mds-sec .md-h1, .mds-sec .md-h2 { margin-bottom: 16px !important; }
.mds-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.mds-links { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 10px; }
.mds-links li { margin: 0 !important; }
.mds-links a { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--line, #e8e1ea); color: var(--ink, #1c1424) !important; text-decoration: none !important; transition: border-color .15s; }
.mds-links a:hover { border-color: var(--brand-strong, #b4128f); }
.mds-links strong { font: 700 16px/22px var(--font-sans, sans-serif); }
.mds-links span { font-size: 14px; line-height: 20px; color: var(--ink-muted, #5f5468); }
.mds-links--guides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) {
  .mds-cols, .mds-links--guides { grid-template-columns: 1fr; gap: 24px; }
  .mds-pop { max-height: 60vh; }
}