/* [zhantas_videos] */
.zs-videos{--zv-teal:#1E4E5F;--zv-ochre:#B07A3A;--zv-card:#FBF8F2;--zv-line:#D9CFBF;display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin:0 0 24px;font-family:inherit}
.zs-videos.single{grid-template-columns:minmax(0,1fr)}
.zs-videos button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:inherit}
.zs-videos .vtabs{display:flex;flex-direction:column;gap:8px}
.zs-videos .vtab{text-align:left;background:var(--zv-card);border:1px solid var(--zv-line);border-radius:6px;padding:12px 14px;font-size:15px;line-height:1.35;color:#3A3F45}
.zs-videos .vtab:hover,.zs-videos .vtab:focus{background:#F1EBE0;color:#1F2328}
.zs-videos .vtab.on,.zs-videos .vtab.on:hover{background:var(--zv-teal);border-color:var(--zv-teal);color:#fff}
.zs-videos .vbody{min-width:0}
.zs-videos .vmain{position:relative;aspect-ratio:16/8.2;border-radius:6px;overflow:hidden;background:#111}
.zs-videos .vmain img,.zs-videos .vmain iframe{width:100%;height:100%;object-fit:cover;border:0;display:block;max-width:none}
.zs-videos .vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent 55%,rgba(0,0,0,.6));border:0;color:#fff;padding:0;width:100%;border-radius:0}
.zs-videos .vplay:hover,.zs-videos .vplay:focus{background:linear-gradient(transparent 45%,rgba(0,0,0,.7))}
.zs-videos .vplay span{width:72px;height:72px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25)}
.zs-videos .vtitle{position:absolute;left:18px;bottom:14px;right:18px;color:#fff;font-size:17px;text-align:left;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.zs-videos .vthumbs-wrap{position:relative;margin-top:10px}
.zs-videos .vthumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 50px)/6);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none}
.zs-videos .vthumbs::-webkit-scrollbar{display:none}
.zs-videos .vthumbs.dragging{cursor:grabbing;scroll-snap-type:none}
.zs-videos .vthumbs button{padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;background:#000;scroll-snap-align:start;aspect-ratio:16/10}
.zs-videos .vthumbs button.on{border-color:var(--zv-ochre)}
.zs-videos .vthumbs img{width:100%;height:100%;object-fit:cover;opacity:.85;pointer-events:none;-webkit-user-drag:none;display:block;max-width:none}
.zs-videos .car-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--zv-card);border:1px solid var(--zv-line);display:flex;align-items:center;justify-content:center;color:#3A3F45;z-index:2;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.zs-videos .car-btn:hover{background:#fff;color:var(--zv-teal)}
.zs-videos .car-btn.prev{left:-17px}.zs-videos .car-btn.next{right:-17px}
.zs-videos .car-btn[hidden]{display:none}
/* много топтамалар: список вкладок не выше блока с видео, прокручивается сам */
@media (min-width:921px){
	.zs-videos:not(.single) .vtabs{contain:size;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--zv-line) transparent}
	.zs-videos .vtab{flex:none;padding:10px 12px;font-size:14.5px}
}
@media (max-width:920px){
	.zs-videos{grid-template-columns:minmax(0,1fr)}
	.zs-videos .vtabs{flex-direction:row;overflow-x:auto}
	.zs-videos .vtab{white-space:nowrap}
	.zs-videos .vthumbs{grid-auto-columns:calc((100% - 20px)/3)}
}
@media (max-width:600px){.zs-videos .car-btn.prev{left:4px}.zs-videos .car-btn.next{right:4px}}