/* «Видео с объектов»: сетка вертикальных роликов 9:16, постер + кнопка, плеер по клику. Один селектор — одна строка. */
/* базовые стили .vblock живут в blocks.css, который на галерее и страницах станций не грузится — цвета задаём здесь */
.vids{padding:40px 0;color:#fff;}
.vids .vblock__title{margin:0 0 12px;color:#fff;}
.vids .vblock__lead{color:rgba(255,255,255,.75);line-height:1.6;font-size:16px;}
.vid__cap b{color:#fff;}
.vids .vblock__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;max-width:none;flex-wrap:wrap;}
.vids__all{color:var(--color-green);text-decoration:none;font-weight:600;white-space:nowrap;}
.vids__all:hover{text-decoration:underline;}
.vids__lead{max-width:860px;margin:-12px 0 22px;}
.vids__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.vid{margin:0;background:#36393B;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:transform .2s,border-color .2s;min-width:0;}
.vid:hover{transform:translateY(-3px);border-color:rgba(68,136,130,.6);}
.vid__play{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;background:#2a2c2e;cursor:pointer;overflow:hidden;}
.vid__play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.vid:hover .vid__play img{transform:scale(1.03);}
.vid__btn{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(30,30,30,.72);border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .2s,background-color .2s;}
.vid__btn::after{content:'';position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;}
.vid:hover .vid__btn{transform:scale(1.08);background:var(--color-green);}
.vid__dur{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;}
.vid__media{position:relative;aspect-ratio:9/16;background:#000;}
.vid__media video{width:100%;height:100%;display:block;object-fit:contain;}
.vid__cap{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;}
.vid__cap b{font-size:13px;line-height:1.35;font-weight:600;}
.vid__cap em{font-style:normal;font-size:12px;color:rgba(255,255,255,.55);}
.vid--cta{justify-content:center;padding:24px 22px;gap:12px;border-color:rgba(68,136,130,.45);background:linear-gradient(160deg,#36393B,#2c3d3b);}
.vid--cta b{font-size:20px;line-height:1.2;}
.vid--cta p{margin:0;color:rgba(255,255,255,.75);line-height:1.5;font-size:14px;}
.vid--cta .hero-button-service--green{align-self:flex-start;margin-top:6px;}
.vids--all .vids__grid{grid-template-columns:repeat(5,minmax(0,1fr));}
@media (max-width:1100px){.vids__grid,.vids--all .vids__grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:767px){.vids__grid,.vids--all .vids__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.vid--cta{grid-column:1/-1 !important;padding:18px;}.vid__btn{width:44px;height:44px;margin:-22px 0 0 -22px;}.vid__btn::after{left:16px;top:12px;border-width:9px 0 9px 15px;}.vid__cap{padding:8px 10px 10px;}.vid__cap b{font-size:12px;}}
@media (max-width:480px){.vids__grid,.vids--all .vids__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}