/* Dr.Med — Yardım merkezi (design page styles, verbatim) */

.hsearch{max-width:560px;margin:26px auto 0}
.hsearch .fld{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--c-line);transition:border-color .3s}
.hsearch .fld:focus-within{border-bottom-color:var(--c-gold)}
.hsearch svg{width:18px;height:18px;color:var(--c-gold);flex:0 0 auto}
.hsearch input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-family:var(--serif);
  font-size:clamp(17px,2vw,21px);color:var(--c-ink);padding:13px 0}
.hsearch input::placeholder{color:color-mix(in srgb,var(--c-mute) 55%,transparent)}
.hsearch .x{background:transparent;border:0;cursor:pointer;color:var(--c-mute);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;min-height:44px;padding:0 4px;opacity:0;pointer-events:none;transition:.25s}
.hsearch.has .x{opacity:1;pointer-events:auto}

.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:.5px solid var(--c-line);margin-bottom:clamp(30px,4vw,48px)}
.cat{background:var(--c-paper);padding:24px 22px;display:flex;flex-direction:column;gap:9px;text-align:left;
  border:0;cursor:pointer;transition:background .28s;min-height:150px}
.cat:hover,.cat.on{background:var(--c-cream)}
.cat.on{box-shadow:inset 2px 0 0 var(--c-gold)}
.cat .ic{width:34px;height:34px;border:.5px solid var(--c-line);display:grid;place-items:center;color:var(--c-gold);margin-bottom:5px}
.cat .ic svg{width:15px;height:15px}
.cat .t{font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--c-ink)}
.cat .d{font-size:12.5px;line-height:1.55;color:var(--c-mute)}
.cat .n{margin-top:auto;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-mute)}

.faq{border-top:.5px solid var(--c-line)}
.faq details{border-bottom:.5px solid var(--c-line)}
.faq details.hide{display:none}
.faq summary{list-style:none;cursor:pointer;padding:19px 8px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;font-family:var(--serif);font-size:18.5px;line-height:1.35;color:var(--c-ink);min-height:58px;transition:color .25s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--c-gold)}
.faq summary mark{background:color-mix(in srgb,var(--c-gold) 30%,transparent);color:inherit;padding:0 1px}
.faq summary .pl{position:relative;width:13px;height:13px;flex:0 0 auto}
.faq summary .pl::before,.faq summary .pl::after{content:"";position:absolute;background:var(--c-gold);transition:.3s}
.faq summary .pl::before{left:0;top:6px;width:13px;height:1px}
.faq summary .pl::after{left:6px;top:0;width:1px;height:13px}
.faq details[open] summary .pl::after{transform:rotate(90deg);opacity:0}
.faq .ans{padding:0 8px 22px;font-family:var(--serif);font-size:16.5px;line-height:1.7;color:var(--c-ink-2);max-width:68ch}
.faq .ans a{color:var(--c-ink);border-bottom:1px solid var(--c-gold)}
.faq .ans ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:9px}
.faq .ans li{padding-left:22px;position:relative;font-size:16px}
.faq .ans li::before{content:"";position:absolute;left:0;top:12px;width:11px;height:1px;background:var(--c-gold)}
.faq .helpful{display:flex;align-items:center;gap:12px;padding:14px 8px 20px;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);flex-wrap:wrap}
.faq .helpful button{background:transparent;border:.5px solid var(--c-line);cursor:pointer;padding:0 14px;min-height:36px;
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-2);transition:.26s}
.faq .helpful button:hover{border-color:var(--c-gold);color:var(--c-ink)}

.gtitle{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 4px;flex-wrap:wrap}
.gtitle h3{font-family:var(--serif);font-weight:300;font-size:clamp(23px,2.6vw,32px);margin:0;letter-spacing:-.01em}
.gtitle .c{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-mute)}
.grp{margin-bottom:clamp(30px,4vw,46px)}
.grp.hide{display:none}

@media (max-width:1000px){.cats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cats{grid-template-columns:1fr}.cat{min-height:0}.faq summary{font-size:17px}}