/* =====================================================================================================
   pages/search.css · /poisk (Витрина). Phone first; tokens only.
   ===================================================================================================== */
.sr{padding-top:14px;padding-bottom:12px}
.sr-h{margin:0 0 12px;font-size:clamp(24px,3vw + 12px,38px);overflow-wrap:anywhere}
.sr-form{display:grid;gap:12px;margin:0 0 18px;padding:14px;background:var(--sheet);border-radius:4px;box-shadow:var(--sh-1)}
.sr-q{position:relative}
.sr-q .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--pencil);pointer-events:none}
.sr-q .input{padding-left:46px}
.sr-subj.chips-scroll{margin:0 -14px;padding:2px 14px 6px}
.sr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.sr-grade{display:grid;gap:6px}
.sr-grade .select{min-height:52px}
.sr-go{min-height:52px}
.sr-count{margin:0 0 12px;color:var(--ink-2)}

.sr-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sr-item{--sp:var(--math);position:relative;padding:14px 14px 12px 20px;background:var(--sheet);border-radius:4px;box-shadow:var(--sh-1)}
.sr-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:4px 0 0 4px;background:var(--sp)}
.sr-fiz{--sp:var(--fiz)}
.sr-him{--sp:var(--him)}
.sr-link{display:grid;gap:4px;color:var(--ink);text-decoration:none}
.sr-link:hover .sr-t{text-decoration:underline;text-decoration-color:var(--pen);text-underline-offset:4px}
.sr-t{font:700 18px/1.3 var(--f-head)}
.sr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;font-size:16px;color:var(--pencil)}
.sr-meta .ico{width:20px;height:20px;color:var(--sp)}
.sr-snip{margin:8px 0 8px;line-height:1.5;color:var(--ink-2)}
.sr-snip mark{background:var(--marker-soft);color:var(--ink);padding:0 .1em;border-radius:2px}
.sr-where{font-weight:600;color:var(--ink)}
.sr-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0}
.sr-par{font-size:16px;font-weight:600;color:var(--ink-2)}
.sr-topic{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.sr-more{margin:16px 0 0;text-align:center}

.sr-tips{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;text-align:left}
.sr-tips li{position:relative;padding-left:22px}
.sr-tips li::before{content:"·";position:absolute;left:6px;font-weight:700;color:var(--pen-ink)}

.sr-start{display:grid;gap:12px}
.sr-start h2{margin:10px 0 0}
.sr-pop,.sr-grades{gap:8px}
.sr-clist{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.sr-c{--sp:var(--math);display:grid;grid-template-columns:26px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:64px;padding:10px 12px;
  background:var(--sheet);border-radius:4px;box-shadow:var(--sh-1);color:var(--ink);text-decoration:none}
.sr-c:hover{background:var(--marker-soft);color:var(--ink)}
.sr-c>.ico:first-child{color:var(--sp)}
.sr-c b{display:block;font:700 17px/1.3 var(--f-text)}
.sr-c small{display:block;font-size:16px;color:var(--pencil)}
.sr-lh{margin:4px 0 8px;font-size:18px}
.sr-courses .lessons{background:var(--sheet);border-radius:4px;box-shadow:var(--sh-1);padding:6px}

@media (min-width:600px){
  .sr-form{grid-template-columns:minmax(0,1fr);padding:18px 20px}
  .sr-subj.chips-scroll{margin:0 -20px;padding:2px 20px 6px}
  .sr-row{grid-template-columns:minmax(0,260px) auto;justify-content:start}
  .sr-item{padding:16px 18px 14px 24px}
}
@media (min-width:1024px){
  .sr{max-width:900px}
  .sr-subj.chips-scroll{margin:0;padding:0}
}