/* музыка и экраны: блоки в стиле сайта VEMO (02.11.2026) */
.sv-sub{max-width:720px;margin:0 0 22px;color:#4b5563;font-size:17px;line-height:1.55}
.sv-devwrap{position:relative;border-radius:26px;background:linear-gradient(135deg,#e9f0ff,#f6f9ff 55%,#dfe9ff);padding:34px 20px 24px;overflow:hidden;border:1px solid #d5dceb}
.sv-dev{position:relative;height:470px;max-width:900px;margin:0 auto}
.sv-lap{position:absolute;right:0;top:10px;width:min(100%,600px)}.sv-lap .scr{background:#0e1832;border:8px solid #1c2748;border-bottom-width:14px;border-radius:16px 16px 6px 6px;overflow:hidden;box-shadow:0 30px 60px rgba(20,33,61,.3)}
.sv-lap .base{height:12px;background:linear-gradient(#b9c5df,#8c9bc0);border-radius:0 0 18px 18px;margin:0 -28px}
.sv-bar{display:flex;gap:6px;align-items:center;background:#16203d;padding:8px 12px;font-size:11px;color:#9fb0cf}.sv-bar i{width:9px;height:9px;border-radius:50%;background:#34416a;display:block}
.sv-app{display:grid;grid-template-columns:116px 1fr;min-height:290px;color:#fff}.sv-side{background:#0b1226;padding:12px;font-size:11px;color:#9fb0cf}.sv-side div{padding:7px 8px;border-radius:8px;margin-bottom:3px}.sv-side .on{background:#0057ff;color:#fff}
.sv-main{padding:14px;font-size:12px;background:#0e1832}.sv-main h4{margin:0 0 10px;font-size:14px;color:#fff}.sv-pl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sv-pl div{border-radius:10px;padding:10px;font-size:11px;min-height:62px;background:linear-gradient(135deg,#1c3a8a,#0b1530)}.sv-pl div:nth-child(2){background:linear-gradient(135deg,#7a2a6a,#1b1030)}.sv-pl div:nth-child(3){background:linear-gradient(135deg,#1a7a5a,#0b2a2a)}.sv-pl b{display:block;font-size:12px}
.sv-cert{margin-top:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px dashed rgba(255,255,255,.28);border-radius:10px;padding:8px 10px;font-size:11px}.sv-cert u{color:#2ecf8a;text-decoration:none;font-weight:700;white-space:nowrap}
.sv-log{margin-top:10px;font-size:10.5px;color:#9fb0cf}.sv-log div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:4px 0}
.sv-ph{position:absolute;left:6px;bottom:0;width:224px;height:440px;background:#05080f;border:6px solid #222c4d;border-radius:38px;padding:14px 12px;box-shadow:0 30px 60px rgba(20,33,61,.4);z-index:2;color:#fff}
.sv-ph .nt{width:70px;height:16px;border-radius:10px;background:#000;margin:0 auto 10px}.sv-ph .art{height:150px;border-radius:16px;background:linear-gradient(160deg,#ff7a3d,#d12a6a 55%,#2b1d6b);margin-top:8px}.sv-ph h5{margin:12px 0 0;font-size:16px;color:#fff}.sv-ph small{color:#9fb0cf}
.sv-pr{height:4px;border-radius:4px;background:#27345e;margin:14px 0 8px;position:relative}.sv-pr i{position:absolute;inset:0 40% 0 0;background:#fff;border-radius:4px}.sv-ct{display:flex;justify-content:center;gap:22px;font-size:20px;margin-top:6px}.sv-mood{display:flex;gap:6px;margin-top:12px}.sv-mood span{font-size:10.5px;border:1px solid rgba(255,255,255,.2);padding:3px 9px;border-radius:99px;color:#cfd9ee}.sv-mood .on{background:#0057ff;border-color:#0057ff}
.sv-note{font-size:13px;color:#6b7280;margin:12px 0 0}
.sv-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.sv-tabs button{font:inherit;cursor:pointer;border:1px solid #d5dceb;background:#fff;color:#14213d;border-radius:999px;padding:9px 18px;font-weight:600}.sv-tabs button[aria-selected=true]{background:#0057ff;border-color:#0057ff;color:#fff}
.sv-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:stretch}.sv-big{background:linear-gradient(135deg,#0057ff,#1f4fd8);border-radius:22px;padding:28px;color:#fff}.sv-big h3{font:800 26px/1.15 var(--fm,Manrope),sans-serif;margin:0 0 10px;color:#fff}.sv-big p{margin:0 0 12px;line-height:1.6;color:#eaf0ff}
.sv-moods{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.sv-moods span{background:rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-size:14px}
.sv-box{border:1px solid #d5dceb;border-radius:18px;padding:22px;background:#fff}.sv-box h3{margin:0 0 8px;font-size:19px}.sv-box p,.sv-box li{line-height:1.55;color:#374151}.sv-box ul{margin:8px 0 0;padding-left:18px}
.sv-form{background:#fff;border:1px solid #d5dceb;border-radius:18px;padding:22px}.sv-form label{font-size:13px;color:#6b7280;display:block;margin:10px 0 6px}.sv-form input{width:100%;box-sizing:border-box;background:#f8faff;border:1px solid #d5dceb;border-radius:10px;padding:12px;color:#14213d;font:inherit}
.sv-doc{background:#fff;color:#14213d;border-radius:14px;padding:26px 28px;position:relative;border:1px solid #d5dceb;box-shadow:0 24px 50px rgba(20,33,61,.14)}.sv-doc .wm{position:absolute;right:16px;top:14px;font-size:11px;font-weight:800;color:#b42318;border:1.5px solid #b42318;padding:2px 8px;border-radius:6px;transform:rotate(4deg)}
.sv-doc h4{margin:0 0 4px;font-size:30px;color:#14213d}.sv-doc .s{font-size:13px;color:#4b5563;line-height:1.5}.sv-doc .v{margin-top:14px;border-top:1px solid #dde3ef;padding-top:12px;font-size:14px}.sv-doc .nm{font-size:19px;font-weight:800;margin:8px 0;word-break:break-word}.sv-doc .nm small{display:block;font-weight:500;font-size:14px}.sv-doc .qr{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;font-size:12px;color:#4b5563}.sv-doc .qr i{width:54px;height:54px;background:repeating-conic-gradient(#14213d 0 25%,#fff 0 50%) 0 0/12px 12px;border-radius:4px}
.sv-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.sv-form{display:flex;flex-direction:column;justify-content:center}
.sv-tvwrap{border-radius:26px;background:linear-gradient(135deg,#e9f0ff,#f6f9ff 55%,#dfe9ff);border:1px solid #d5dceb;padding:22px 16px}
.sv-tv{display:flex;justify-content:center;align-items:center;min-height:400px}.sv-tvf{background:#05080f;border:10px solid #1c2748;border-radius:12px;box-shadow:0 30px 60px rgba(20,33,61,.35);overflow:hidden;position:relative;transition:all .35s}
.sv-tvf[data-f=tv]{width:min(100%,620px);aspect-ratio:16/9}.sv-tvf[data-f=tablet]{width:340px;max-width:100%;aspect-ratio:4/3;border-radius:22px;border-width:12px}.sv-tvf[data-f=phone]{width:200px;aspect-ratio:9/19;border-radius:30px;border-width:8px}
.sv-sl{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:6% 8%;opacity:0;transition:opacity .5s;color:#fff}.sv-sl.on{opacity:1}
.sv-sl.p1{background:linear-gradient(135deg,#7a2a6a,#1b1030)}.sv-sl.p2{background:linear-gradient(135deg,#12306e,#0b1530)}.sv-sl.p3{background:linear-gradient(135deg,#1a7a5a,#0b2a2a)}
.sv-sl small{text-transform:uppercase;letter-spacing:.12em;color:#ffd7a0;font-size:10px}.sv-sl strong{font-size:clamp(14px,3.4vw,26px);line-height:1.15;margin:6px 0}.sv-sl em{font-style:normal;font-size:clamp(11px,2.4vw,16px);color:#e8eefc}.sv-sl .q{width:64px;height:64px;background:repeating-conic-gradient(#fff 0 25%,#0b1530 0 50%) 0 0/12px 12px;border:5px solid #fff;border-radius:6px;margin-top:8px}
.sv-sl ul{margin:6px 0 0;padding:0;list-style:none;font-size:clamp(11px,2.4vw,16px)}.sv-sl li{padding:3px 0;border-top:1px solid rgba(255,255,255,.18)}
.sv-soon{border:1px dashed #9fb0cf;border-radius:16px;padding:16px 20px;background:#fffaf0;color:#374151;margin-top:6px}
@media(max-width:900px){.sv-g2,.sv-panel{grid-template-columns:1fr}.sv-dev{height:560px}.sv-lap{position:relative;width:100%;top:0}.sv-lap .base{margin:0 -8px}.sv-ph{left:auto;right:4px;bottom:-6px;width:160px;height:320px}.sv-ph .art{height:96px}.sv-app{grid-template-columns:1fr}.sv-side{display:none}}