.o7-video,.o7-video *{box-sizing:border-box}
.o7-video{width:calc(100% - 72px);max-width:1168px;margin:72px auto;color:#252b22;scroll-margin-top:120px}
.o7-video.o7-video--contained{width:100%;margin:64px 0}
.o7-video__panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:42px;align-items:center;padding:38px;background:linear-gradient(125deg,#f4f0e7,#fbf9f3 65%,#f6e5d4);border:1px solid #e5dfd4;border-radius:28px}
.o7-video__copy,.o7-video__media{min-width:0}

.o7-video h2{font-size:clamp(28px,3vw,37px);line-height:1.18;letter-spacing:-1.15px;margin:0 0 18px;color:#252b22;overflow-wrap:anywhere}
.o7-video__copy>p{font-size:16px;line-height:1.8;color:#707467;margin:0;overflow-wrap:anywhere}
.o7-video__steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}
.o7-video__steps li{font-size:14px;line-height:1.6;color:#79624f;padding:6px 10px;background:#fffaf3;border:1px solid #e8ddce;border-radius:8px}
.o7-video__stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#272a25;box-shadow:0 16px 36px #4a352012}
.o7-video button.o7-video__poster{appearance:none;border:0;margin:0;padding:0;width:100%;height:100%;position:absolute;inset:0;display:block;cursor:pointer;background:#e9ddca;border-radius:18px;color:#fff;isolation:isolate}
.o7-video__poster>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.o7-video__shade{position:absolute;inset:0;background:linear-gradient(180deg,#25231c05 35%,#25231c80 100%);pointer-events:none}
.o7-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#ed7028;background:#fffdf8f5;border:1px solid #fff;box-shadow:0 8px 30px #46240826;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.o7-video__play svg{display:block;margin-left:3px}
.o7-video__watch{display:flex;justify-content:space-between;gap:12px;align-items:center;position:absolute;left:22px;right:22px;bottom:18px;font-size:16px;line-height:1.6;font-weight:700;text-align:left}
.o7-video__watch>span{font-size:11px;letter-spacing:1px;font-weight:600;white-space:nowrap}
.o7-video__poster:hover .o7-video__play{background:#ee752c;color:#fff;box-shadow:0 10px 38px #8b3b1b3b}
.o7-video__poster:hover>img{transform:scale(1.025)}
.o7-video__poster:focus-visible{outline:3px solid #e17631;outline-offset:-5px}
.o7-video__poster:focus-visible .o7-video__play{background:#ee752c;color:#fff}
.o7-video__stage iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:#222}
.o7-video__caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px}
.o7-video__caption p,.o7-video__noscript{font-size:14px;line-height:1.7;margin:0;color:#858476}
.o7-video__caption a{font-size:14px;line-height:1.7;color:#686c60;text-decoration:none;white-space:nowrap}
.o7-video__caption a:hover{color:#df6b20}
.o7-video__caption a:focus-visible{outline:2px solid #e17631;outline-offset:4px}
@media(max-width:1000px){.o7-video__panel{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px}.o7-video__copy{max-width:760px}.o7-video h2{font-size:34px;max-width:680px}.o7-video__steps{margin-top:18px}}
@media(max-width:600px){.o7-video{width:calc(100% - 32px);margin:48px auto;scroll-margin-top:165px}.o7-video.o7-video--contained{width:100%;margin:44px 0}.o7-video__panel{padding:23px 20px;border-radius:22px;gap:24px}.o7-video h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 16px}.o7-video__copy>p{font-size:16px}.o7-video__stage,.o7-video button.o7-video__poster{border-radius:13px}.o7-video__play{width:58px;height:58px}.o7-video__play svg{width:24px;height:24px}.o7-video__watch{left:13px;right:13px;bottom:12px;font-size:14px}.o7-video__watch>span{display:none}.o7-video__caption{display:block;margin-top:13px}.o7-video__caption a{display:inline-block;margin-top:7px}.o7-video__steps li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.o7-video__poster>img,.o7-video__play{transition:none}.o7-video__poster:hover>img{transform:none}}
/* Let the mobile player use the full card width, keeping the copy inset. */
@media(max-width:600px){.o7-video__media{margin-left:-20px;margin-right:-20px}.o7-video__stage,.o7-video button.o7-video__poster{border-radius:0}.o7-video__caption,.o7-video__noscript{padding-left:20px;padding-right:20px}}
/* On narrow phones Rutube receives the full viewport (minimum 320px). */
@media(max-width:374px){.o7-video,.o7-video.o7-video--contained{width:100vw;max-width:none;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2)}.o7-video__panel{border-left:0;border-right:0;border-radius:0}}