.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero){width:100%;max-width:none}
.pkpm-hero{box-sizing:border-box;width:100%;max-width:var(--pkpm-hero-width,1140px);margin-inline:auto;font-family:Roboto,Arial,sans-serif}.pkpm-hero__viewport{position:relative;overflow:hidden;border-radius:8px}.pkpm-hero__track{display:flex;transition:transform .5s ease}.pkpm-hero__slide{position:relative;box-sizing:border-box;min-width:100%;height:var(--pkpm-hero-height,425px);overflow:hidden;border-radius:8px;background:#111}.pkpm-hero__slide:after{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.4) 38%,rgba(0,0,0,.05) 72%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 38%);content:"";pointer-events:none}.pkpm-hero__slide>.wp-block-group{height:100%}.pkpm-hero__artwork{position:absolute!important;z-index:0;inset:0;width:100%!important;max-width:none!important;height:100%!important;margin:0!important}.pkpm-hero__artwork .wp-block-image{position:absolute;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;inset:0}.pkpm-hero__artwork img{display:block;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover}.pkpm-hero__mobile-image{display:none!important}.pkpm-hero__badge{position:absolute!important;z-index:2;top:24px;right:19px;width:147px;height:37px;margin:0!important}.pkpm-hero__badge img{width:100%;height:100%;object-fit:cover}.pkpm-hero__content{position:absolute!important;z-index:3;top:77px;left:81px;width:38%;color:#fff}.pkpm-hero__content>*{margin-block:0 16px}.pkpm-hero__title{font-size:44px;font-weight:700;line-height:1}.pkpm-hero__subtitle{color:#b3b3b3;font-size:16px;line-height:22px}.pkpm-hero__button .wp-block-button__link{display:inline-block;padding:12px 22px;border-radius:8px;background:#b8112d;color:#fff!important;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.pkpm-hero__video-slide .wp-block-image,.pkpm-hero__video-slide .pkpm-hero__video-poster{position:absolute;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;inset:0}.pkpm-hero__video-slide .wp-block-image img{width:100%!important;max-width:none!important;height:100%!important;object-fit:cover}.pkpm-hero__dots{position:absolute;z-index:4;bottom:40px;left:50%;display:flex;gap:10px;transform:translateX(-50%)}.pkpm-hero__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer}.pkpm-hero__dots button.is-active{background:#b8112d}
@media(max-width:1199px){.pkpm-hero{max-width:calc(100% - 40px)}.pkpm-hero__content{top:55px;left:40px;width:350px}}
@media(max-width:767px){.pkpm-hero{max-width:100%}.pkpm-hero__desktop-image{display:none!important}.pkpm-hero__mobile-image{display:block!important}.pkpm-hero__badge{top:13px;right:12px;width:106px;height:27px}.pkpm-hero__content{top:52px;left:0;width:100%;box-sizing:border-box;padding-inline:10px;text-align:center}.pkpm-hero__title{font-size:30px;line-height:34px}.pkpm-hero__subtitle{color:#fff;font-size:14px;line-height:20px}.pkpm-hero__button{position:absolute;top:321px;white-space:nowrap}.pkpm-hero__dots{bottom:22px}}
@media(prefers-reduced-motion:reduce){.pkpm-hero__track{transition:none}}

/* Exact production hero geometry from the supplied screenshot. */
.pkpm-hero{box-sizing:border-box;width:1140px!important;max-width:calc(100% - 50px)!important;margin-inline:auto!important}
.pkpm-hero__viewport{width:100%!important;height:425px!important;border-radius:8px!important}
.pkpm-hero__slide{width:100%!important;height:425px!important;min-width:100%!important;border-radius:8px!important}
.pkpm-hero__content{top:77px!important;left:81px!important;width:433px!important;max-width:calc(100% - 120px)!important}
.pkpm-hero__title{margin:0 0 16px!important;font:700 44px/44px Roboto,Arial,sans-serif!important;color:#fff!important}
.pkpm-hero__subtitle{margin:0 0 16px!important;font:400 16px/22px Roboto,Arial,sans-serif!important;color:#b3b3b3!important}
.pkpm-hero__button .wp-block-button__link{box-sizing:border-box!important;min-width:182px!important;height:45px!important;padding:12px 22px!important;border-radius:8px!important;background:#b8112d!important;color:#fff!important;font:500 14px/20px Roboto,Arial,sans-serif!important}
.pkpm-hero__badge{top:24px!important;right:19px!important;width:147px!important;height:37px!important}
.pkpm-hero__dots{bottom:40px!important;gap:10px!important}
.pkpm-hero__dots button{width:8px!important;height:8px!important}
@media(max-width:1199px){.pkpm-hero{max-width:calc(100% - 40px)!important}.pkpm-hero__content{top:55px!important;left:40px!important;width:350px!important}}
@media(max-width:767px){.pkpm-hero{width:100%!important;max-width:100%!important}.pkpm-hero__viewport,.pkpm-hero__slide{height:425px!important}.pkpm-hero__content{top:52px!important;left:0!important;width:100%!important;max-width:none!important}.pkpm-hero__title{font-size:30px!important;line-height:34px!important}}

/* Hero and header share exactly the same 1140px content canvas. */
.pkpm-hero{width:min(100%,1140px)!important;max-width:1140px!important}
@media(max-width:1199px){.pkpm-hero{width:calc(100% - 32px)!important;max-width:none!important}}
@media(max-width:767px){.pkpm-hero{width:100%!important;max-width:none!important}}

/* Override WordPress constrained-group defaults: hero shares header's full 1140px canvas. */
.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero),
.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero) > .pkpm-hero{width:1140px!important;max-width:1140px!important;margin-left:auto!important;margin-right:auto!important}
.wp-site-blocks > .wp-block-template-part > .pkpm-hero{padding-left:0!important;padding-right:0!important}
@media(max-width:1199px){.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero),.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero) > .pkpm-hero{width:calc(100% - 32px)!important;max-width:none!important}}
@media(max-width:767px){.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero),.wp-site-blocks > .wp-block-template-part:has(> .pkpm-hero) > .pkpm-hero{width:100%!important;max-width:none!important}}

/* The hero template-part section itself is constrained by core to 760px; release it. */
body .wp-site-blocks > section.wp-block-template-part:has(> .pkpm-hero){display:block!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body .wp-site-blocks > section.wp-block-template-part:has(> .pkpm-hero) > .pkpm-hero{display:block!important;width:1140px!important;max-width:1140px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:1199px){body .wp-site-blocks > section.wp-block-template-part:has(> .pkpm-hero) > .pkpm-hero{width:calc(100% - 32px)!important;max-width:none!important}}
@media(max-width:767px){body .wp-site-blocks > section.wp-block-template-part:has(> .pkpm-hero) > .pkpm-hero{width:100%!important}}

.pkpm-hero-template{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.pkpm-hero-template>.pkpm-hero{display:block!important;width:1140px!important;max-width:1140px!important;margin:0 auto!important}

/* Stable full-width template part with centered 1140px hero. */
body .wp-site-blocks > .pkpm-hero-template{display:block!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:0!important}
body .wp-site-blocks > .pkpm-hero-template > .pkpm-hero{display:block!important;width:1140px!important;max-width:1140px!important;min-width:0!important;margin:0 auto!important;position:static!important;left:auto!important;transform:none!important}
@media(max-width:1199px){body .wp-site-blocks > .pkpm-hero-template > .pkpm-hero{width:calc(100% - 32px)!important;max-width:none!important}}
@media(max-width:767px){body .wp-site-blocks > .pkpm-hero-template > .pkpm-hero{width:100%!important}}

/* Release every nested constrained wrapper inside the hero, not only its root. */
body .wp-site-blocks .pkpm-hero__viewport,
body .wp-site-blocks .pkpm-hero__track,
body .wp-site-blocks .pkpm-hero__slide{width:1140px!important;max-width:1140px!important;min-width:1140px!important}
body .wp-site-blocks .pkpm-hero__track{display:flex!important}
@media(max-width:1199px){body .wp-site-blocks .pkpm-hero__viewport,body .wp-site-blocks .pkpm-hero__track,body .wp-site-blocks .pkpm-hero__slide{width:calc(100vw - 32px)!important;max-width:none!important;min-width:calc(100vw - 32px)!important}}
@media(max-width:767px){body .wp-site-blocks .pkpm-hero__viewport,body .wp-site-blocks .pkpm-hero__track,body .wp-site-blocks .pkpm-hero__slide{width:100vw!important;max-width:none!important;min-width:100vw!important}}

/* Production spacing between header catalog row and hero. */
body .wp-site-blocks > .pkpm-hero-template{padding-top:40px!important;box-sizing:border-box!important}
@media(max-width:767px){body .wp-site-blocks > .pkpm-hero-template{padding-top:24px!important}}

/* Both slides share the same viewport and the switcher stays above either slide. */
.pkpm-hero__video-slide{position:relative!important;width:100%!important;height:100%!important}
.pkpm-hero__video-slide .wp-block-embed,.pkpm-hero__video-slide .wp-block-embed__wrapper,.pkpm-hero__video-slide iframe{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important}
.pkpm-hero__video-slide iframe{border:0!important;object-fit:cover}
.pkpm-hero__dots{pointer-events:auto!important}

.pkpm-hero__video-link{position:absolute!important;z-index:3;inset:0;display:grid;place-items:center;pointer-events:none}
.pkpm-hero__video-link a{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#b8112d;color:#fff;font-size:28px;text-decoration:none;pointer-events:auto}

/* Guaranteed visible second-slide poster behind the video launch control. */
.pkpm-hero__video-slide{background:#111 url('/wp-content/uploads/2025/03/izobrazhenie_2025-04-08_145924911.png') center/cover no-repeat!important}
.pkpm-hero__video-slide .pkpm-hero__video-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important}
.pkpm-hero__video-slide .pkpm-hero__video-poster img{width:100%!important;height:100%!important;object-fit:cover!important}

/* Two full-width slides: track is 200%, each slide occupies 50% of it. */
.pkpm-hero__track{width:200%!important;max-width:none!important;flex:0 0 200%!important}
.pkpm-hero__slide{width:50%!important;min-width:50%!important;max-width:50%!important;flex:0 0 50%!important}
@media(max-width:767px){.pkpm-hero__track{width:200%!important;flex-basis:200%!important}.pkpm-hero__slide{width:50%!important;min-width:50%!important;max-width:50%!important;flex-basis:50%!important}}

/* Stable crossfade slider: every slide always occupies the full viewport. */
.pkpm-hero__track{position:relative!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;transform:none!important}
.pkpm-hero__slide{position:absolute!important;inset:0!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;flex:none!important;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}
.pkpm-hero__slide.is-active{opacity:1;visibility:visible;z-index:2}
.pkpm-hero__slide:first-child{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.pkpm-hero__slide{transition:none}}

/* Production-style horizontal slide motion. */
.pkpm-hero__slide{opacity:1!important;visibility:visible!important;transition:transform .5s ease!important}
.pkpm-hero__slide.is-active{z-index:2}
@media(prefers-reduced-motion:reduce){.pkpm-hero__slide{transition:none!important}}

.pkpm-hero__video-slide>.pkpm-hero__video-link{pointer-events:none!important}
.pkpm-hero__video-slide .pkpm-hero__play{pointer-events:auto!important;cursor:pointer}
.pkpm-hero__video-slide>iframe{position:absolute!important;z-index:4;inset:0;width:100%;height:100%;border:0}

.pkpm-hero__video-link a{width:82px!important;height:82px!important;border:3px solid #fff!important;background:rgba(0,0,0,.15)!important;color:#fff!important;font-size:32px!important;line-height:1!important}

/* Production play control: white ring with blue square play button. */
.pkpm-hero__video-link a{position:relative!important;display:grid!important;place-items:center!important;width:82px!important;height:82px!important;padding:0!important;border:3px solid #fff!important;border-radius:50%!important;background:transparent!important;color:transparent!important;font-size:0!important}
.pkpm-hero__video-link a:before{display:block;width:31px;height:31px;background:#2f83c4;content:""}
.pkpm-hero__video-link a:after{position:absolute;top:50%;left:50%;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;content:"";transform:translate(-50%,-50%);margin-left:2px}

/* Play icon without blue square, enlarged like the production control. */
.pkpm-hero__video-link a:before{display:none!important}
.pkpm-hero__video-link a:after{border-top-width:13px!important;border-bottom-width:13px!important;border-left-width:21px!important;border-left-color:#fff!important;margin-left:3px!important}