/* Дизайн 30 на телефоне (design/v6/dizajn-30-profil.html): стили макета — в v6.css; здесь только то, чего у макета нет, потому что там
   картинка, а здесь живые элементы: поле поиска, кнопки вместо ссылок, вердикт «Не подходит», радио тарифов кнопками. */
.f-field input.f-val { flex:1; min-width:0; height:52px; margin:0; padding:0; border:0; outline:none; background:none; font:inherit; font-size:16px; color:var(--ink);
  -webkit-appearance:none; appearance:none; }
.f-field input.f-val::placeholder { color:var(--muted); opacity:1; }
.f-field input.f-val::-webkit-search-cancel-button, .f-field input.f-val::-webkit-search-decoration { -webkit-appearance:none; display:none; }
.f-field:focus-within { box-shadow:inset 0 0 0 1.5px var(--ink); }
button.f-x[hidden] { display:none; }
button.f-clear { padding:0; min-height:32px; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--line); }
button.l-row { padding:10px 0; }
button.l-row .l-t { text-align:left; }
.l-v.r-v--fit { color:var(--fit); } .l-v.r-v--warn { color:var(--warn); }
.r-v--no { color:#a7301c; }
button.y-row { padding:10px 0; border-top:1px solid #efe7e2; }
.y-list li:first-child button.y-row { border-top:0; }
button.y-ava__btn { box-shadow:inset 0 0 0 1.5px var(--ink); padding:0 12px; }
.y-ava .r-me, .p-me .r-me { margin-bottom:0; }
.p-me .r-me { margin-bottom:6px; }
button.p-row { padding:8px 0; }
button.h-add { background:var(--pink); color:#fff; padding:0 14px; }
button.pl { width:100%; text-align:left; border:1px solid var(--line); background:#fff; }
button.pl.on { border-color:var(--ink); }
button.sb-terms { display:flex; }
.sb-ph .ph { width:100%; height:100%; background-position:center; }
.l-ph .ph--none, .sb-ph .ph--none { display:grid; place-items:center; }
.k-tile .e-ic { flex:none; }
.k-how__art svg { max-width:100%; height:auto; }
.n-shot__art svg { max-width:100%; height:auto; }
button.r-cta.r-cta--off { cursor:default; }