/* Характеристики в карточках каталога и на главной: объём и мощность шкалой из 10 делений (владелец 31.10). */
.am-sp { display:grid; gap:7px; margin:6px 0 2px; align-content:start; min-height:39px; }
.am-sp.sc { min-height:53px; }
.am-r { display:flex; justify-content:space-between; gap:6px; font-size:12.5px; line-height:16px; color:var(--mute, #6B7079); white-space:nowrap; }
.am-r strong { font-weight:700; color:var(--ink, #111214); }
.am-t { display:grid; grid-template-columns:repeat(10, 1fr); gap:2px; margin-top:3px; }
.am-t u { height:4px; border-radius:1px; background:var(--line, #ECEDF0); text-decoration:none; }
.am-t u.on { background:var(--ink, #111214); }
html:not(.am-sp-done) .am-t u.on { animation:amFill .3s both; animation-delay:calc(var(--i) * 25ms + .15s); }
@keyframes amFill { from { background:var(--line, #ECEDF0); } to { background:var(--ink, #111214); } }
.am-w { min-height:37px; margin:8px 0 3px; white-space:nowrap; }
.am-w.on { grid-template-columns:auto 1fr; padding-top:7px; border-top:1px solid var(--line, #ECEDF0); }
.am-c { display:grid; gap:1px; min-width:0; font-size:12.5px; line-height:15px; font-weight:600; color:var(--ink, #111214); }
.am-c:first-child { padding-right:8px; } .am-c + .am-c { border-left:1px solid var(--line, #ECEDF0); padding-left:8px; }
.am-c i { font-style:normal; font-weight:400; font-size:11px; line-height:13px; color:var(--mute, #6B7079); }
.mc .am-sp { min-height:0; } .mc .am-w { min-height:0; margin-bottom:0; } .mc .pr { margin-top:auto; }
.am-note { font-size:13px; line-height:18px; color:var(--mute, #6B7079); margin:0 0 12px; }
@media (max-width:560px) { .grid .card .bd { padding-left:12px; padding-right:12px; } .am-c { font-size:12px; } .am-c:first-child { padding-right:6px; } .am-c + .am-c { padding-left:6px; } }
@media (max-width:380px) { .am-c { font-size:11.5px; } }
@media (max-width:370px) { .am-c { font-size:11px; } .am-c:first-child { padding-right:4px; } .am-c + .am-c { padding-left:4px; } }
@media (prefers-reduced-motion:reduce) { html:not(.am-sp-done) .am-t u.on { animation:none; } }