/* «Что вас беспокоит?» — карточки симптомов со ссылкой на страницу */
.probs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prob{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:190px;padding:26px;border-radius:var(--r-m);background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),border-color .3s,background .4s,color .4s}
.prob::before{content:"";position:absolute;inset:auto -30% -60% auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(201,164,92,.28),transparent);opacity:0;transition:opacity .4s}
.prob:hover{transform:translateY(-4px);background:var(--ink);color:#F4EFE6;border-color:var(--ink)}
.prob:hover::before{opacity:1}
.prob__ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--gold-lo);transition:background .4s,color .4s}
.prob:hover .prob__ic{background:var(--gold-grad);color:#17140E}
.prob__ic svg{width:26px;height:26px}
.prob__t{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:28px}
.prob__t b{font:500 22px/1.15 var(--serif)}
.prob__t svg{width:22px;height:22px;flex:none;transition:transform .35s var(--ease)}
.prob:hover .prob__t svg{transform:translate(3px,-3px);color:var(--gold-hi)}
@media (max-width:980px){.probs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.probs{gap:10px}.prob{min-height:150px;padding:18px}.prob__t b{font-size:18px}.prob__ic{width:44px;height:44px}}