/* SonoMind на карточках УЗИ-аппаратов Mindray, разметка в sonomind.html, живой протокол в sonomind.js.
   Костя 15.09.2026: полоса как в варианте 10 (тёмно-синий фон, красная плашка с мигающей точкой, сектор УЗИ со
   сканирующим лучом), блок как в варианте 13 (окно с живым протоколом справа, QR в ряду с кнопками, волны и лазер). */
.sono-bar{position:relative;display:flex;align-items:center;gap:20px;background:#0a2a5e;border-radius:12px;padding:14px 22px 14px 18px;margin:14px 0 18px;overflow:hidden;animation:sono-in .6s ease-out both}
.sono-bar__fan{position:relative;flex:0 0 64px;width:64px;height:64px}
.sono-bar__fan svg{display:block;width:64px;height:64px}
.sono-bar__fan i{position:absolute;left:31px;top:0;width:2px;height:62px;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(143,200,242,0));box-shadow:0 0 10px rgba(143,200,242,.9);transform-origin:50% 0;animation:sono-beam 1.6s ease-in-out infinite alternate}
.sono-bar__txt{flex:1;min-width:0}
.sono-bar__chip,.sono-blk__chip{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.03em;color:#fff;background:#e5261a;border-radius:4px;padding:3px 9px;margin-bottom:6px}
.sono-bar__chip:before,.sono-blk__chip:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:7px;vertical-align:1px;animation:sono-dot 1.6s ease-in-out infinite}
.sono-bar__t{display:block;font-weight:700;font-size:18px;line-height:1.3;color:#fff}
.sono-bar__sub{display:block;font-size:13.5px;line-height:1.4;color:#c3d4ea;margin-top:3px}
.sono-bar__act{display:flex;align-items:center;gap:18px;flex-shrink:0}
a.sono-bar__btn{background:#fff;color:#0a2a5e!important;font-weight:700;font-size:15px;line-height:1;padding:13px 20px;border-radius:8px;white-space:nowrap;text-decoration:none!important}
a.sono-bar__btn:hover{background:#e6eef8}
a.sono-bar__pdf{color:#fff!important;font-size:14px;white-space:nowrap;text-decoration:none!important;border-bottom:1px dashed rgba(255,255,255,.55)}
.sono-blk{position:relative;display:flex;align-items:center;gap:30px;background:#0a2a5e;border-radius:14px;padding:26px 30px;margin:0 0 28px;overflow:hidden}
.sono-blk__main{position:relative;z-index:1;flex:1;min-width:0}
.sono-blk__chip{font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}
.sono-blk__t{display:block;font-weight:700;color:#fff;font-size:20px;line-height:1.3;margin-bottom:10px}
.sono-blk p{margin:0 0 8px;font-size:15px;line-height:1.6;color:#d5e1f0}
.sono-blk__acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px}
a.sono-blk__btn,a.sono-blk__pdf{display:inline-block;font-size:15px;line-height:1;padding:13px 22px;border-radius:8px;text-decoration:none!important}
a.sono-blk__btn{background:#fff;color:#0a2a5e!important;font-weight:700}
a.sono-blk__btn:hover{background:#e6eef8}
a.sono-blk__pdf{border:1.5px solid #fff;color:#fff!important;padding:11.5px 20px}
a.sono-blk__pdf:hover{background:rgba(255,255,255,.1)}
.sono-blk__qr{display:inline-flex;align-items:center;gap:12px}
.sono-blk__qrbox{position:relative;display:block;flex:none;width:84px;height:84px;background:#fff;border-radius:10px;padding:5px;box-sizing:border-box}
.sono-blk__qrbox img{display:block;width:74px;height:74px}
.sono-blk__qrbox:before,.sono-blk__qrbox:after{content:"";position:absolute;left:50%;top:50%;width:250px;height:250px;border-radius:50%;border:1.5px solid rgba(143,200,242,.45);transform:translate(-50%,-50%) scale(.35);pointer-events:none;z-index:-1;animation:sono-ring 3.6s ease-out infinite}
.sono-blk__qrbox:after{animation-delay:1.8s}
.sono-blk__qrbox i{position:absolute;left:8px;right:8px;top:6px;height:2px;border-radius:2px;background:#e5261a;box-shadow:0 0 8px 2px rgba(229,38,26,.55);animation:sono-laser 2.2s ease-in-out infinite alternate}
.sono-blk__qr small{max-width:150px;font-size:12.5px;line-height:1.35;color:#c3d4ea}
.sono-blk p.sono-blk__fine{margin-top:14px;font-size:12.5px;line-height:1.5;color:#9fb3cf}
.sono-blk__proto{position:relative;z-index:1;flex:0 0 360px;max-width:360px}
.sono-blk__win{border-radius:12px;overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px rgba(0,0,0,.38)}
.sono-blk__winbar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#161b22;border-bottom:1px solid rgba(255,255,255,.08)}
.sono-blk__winbar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.sono-blk__winbar i:nth-child(2){background:#febc2e}
.sono-blk__winbar i:nth-child(3){background:#28c840}
.sono-blk__winbar span{margin-left:10px;font-size:12px;color:#8b949e}
.sono-blk__code{height:400px;padding:14px 16px;font:12px/1.6 Consolas,"Liberation Mono",Menlo,monospace;color:#c9d1d9;white-space:pre-wrap;overflow:hidden;text-align:left}
.sono-blk__code .ln{opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.sono-blk__code .ln.on{opacity:1;transform:none}
.sono-blk__code .h{margin-top:7px;color:#e6edf3;font-weight:700;letter-spacing:.03em}
.sono-blk__code .h:first-child{margin-top:0}
.sono-blk__code .hl{background:rgba(57,196,255,.16);color:#7ee0ff;border-radius:3px;padding:0 3px}
.sono-blk__code .hl.flash{animation:sono-flash .9s ease-out}
.sono-blk__code .caret{display:inline-block;width:7px;height:13px;background:#7ee0ff;vertical-align:-2px;animation:sono-caret .8s steps(1) infinite}
.sono-blk__code .note{margin-top:8px;color:#8b949e;font-style:italic}
@keyframes sono-in{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@keyframes sono-beam{0%{transform:rotate(-27deg)}100%{transform:rotate(27deg)}}
@keyframes sono-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.35}}
@keyframes sono-ring{0%{transform:translate(-50%,-50%) scale(.35);opacity:.6}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes sono-laser{0%{top:6px}100%{top:76px}}
@keyframes sono-flash{0%{background:rgba(57,196,255,.6)}100%{background:rgba(57,196,255,.16)}}
@keyframes sono-caret{50%{opacity:0}}
@media (max-width:1100px){
  .sono-blk{flex-wrap:wrap}
  .sono-blk__proto{flex-basis:100%;max-width:none}
}
@media (max-width:700px){
  .sono-bar{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}
  .sono-bar__fan,.sono-bar__sub,a.sono-bar__pdf{display:none}
  .sono-bar__t{font-size:16px}
  a.sono-bar__btn{text-align:center}
  .sono-blk{padding:20px 18px}
  .sono-blk__t{font-size:18px}
  .sono-blk__qr,.sono-blk__proto{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sono-bar,.sono-bar__fan i,.sono-bar__chip:before,.sono-blk__chip:before,.sono-blk__qrbox:before,.sono-blk__qrbox:after,.sono-blk__qrbox i{animation:none}
  .sono-blk__qrbox:before,.sono-blk__qrbox:after,.sono-blk__qrbox i{display:none}
}