.header-video {
    position: relative;
    width: 100%;
    min-height: 620px;
    height: calc(100vh - 92px);
    overflow: hidden;
    z-index: 1;
    background: #000;
}

.header-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 760px) {
    .header-video {
        min-height: 680px;
        height: calc(100vh - 74px);
    }
}

/* =========================================================
   PAXOR HOME HEADER — MOBILE FULL VIDEO FRAME
   ========================================================= */

@media (max-width:760px) {

    .header-video {
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16 / 9!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        overflow:hidden!important;
        background:#000!important;
    }

    .header-video video {
        display:block!important;

        width:100%!important;
        height:100%!important;

        object-fit:contain!important;
        object-position:center center!important;

        max-width:100%!important;
        max-height:100%!important;
    }
}


/* MOBILE HEADER — MORE VERTICAL SPACE */
@media (max-width:760px) {

    .header-video {
        aspect-ratio:auto!important;
        height:260px!important;
        min-height:260px!important;
    }

    .header-video video {
        width:100%!important;
        height:100%!important;

        object-fit:contain!important;
        object-position:center top!important;
    }
}

@media (max-width:420px) {

    .header-video {
        height:240px!important;
        min-height:240px!important;
    }
}


/* PAXOR MOBILE HEADER — ENLARGE VIDEO */
@media (max-width:760px){

    .header-video{
        overflow:hidden!important;
    }

    .header-video video{
        width:120%!important;
        max-width:none!important;
        height:100%!important;

        object-fit:contain!important;
        object-position:center top!important;

        margin-left:-10%!important;
    }
}

@media (max-width:420px){

    .header-video video{
        width:125%!important;
        margin-left:-12.5%!important;
    }
}


/* =========================================================
   PAXOR HOME VIDEO — MOBILE FINAL POSITION
   ========================================================= */
@media (max-width:760px){

    .header-video{
        position:relative!important;
        width:100%!important;

        /* Высота увеличена вместе с масштабом видео,
           поэтому верх и низ не обрезаются */
        height:76vw!important;
        min-height:0!important;
        max-height:340px!important;

        overflow:hidden!important;
        background:#000!important;
    }

    .header-video video{
        position:absolute!important;

        left:50%!important;
        top:50%!important;

        width:135%!important;
        max-width:none!important;

        height:auto!important;
        max-height:none!important;

        object-fit:contain!important;
        object-position:center center!important;

        transform:translate(-50%,-50%)!important;
        margin:0!important;
    }
}


/* Для совсем узких телефонов */
@media (max-width:420px){

    .header-video{
        height:78vw!important;
        max-height:330px!important;
    }

    .header-video video{
        width:138%!important;
    }
}


/* =========================================================
   PAXOR HOME VIDEO — MOBILE BIG LOGO + MORE TOP
   ========================================================= */

@media (max-width:760px){

    .header-video{
        position:relative!important;
        width:100%!important;
        height:86vw!important;
        min-height:0!important;
        max-height:390px!important;
        overflow:hidden!important;
        background:#000!important;
    }

    .header-video video{
        position:absolute!important;

        left:50%!important;
        top:46%!important;

        width:150%!important;
        max-width:none!important;

        height:auto!important;
        max-height:none!important;

        object-fit:contain!important;
        object-position:center center!important;

        transform:translate(-50%,-50%)!important;
        margin:0!important;
    }
}

@media (max-width:420px){

    .header-video{
        height:88vw!important;
        max-height:380px!important;
    }

    .header-video video{
        width:155%!important;
        top:46%!important;
    }
}


/* =========================================================
   PAXOR HOME VIDEO — MOBILE XL LOGO + MORE TOP
   ========================================================= */

@media (max-width:760px){

    .header-video{
        height:94vw!important;
        min-height:0!important;
        max-height:430px!important;
        overflow:hidden!important;
    }

    .header-video video{
        left:50%!important;
        top:43%!important;

        width:165%!important;
        max-width:none!important;

        height:auto!important;
        max-height:none!important;

        object-fit:contain!important;
        object-position:center center!important;

        transform:translate(-50%,-50%)!important;
        margin:0!important;
    }
}

@media (max-width:420px){

    .header-video{
        height:96vw!important;
        max-height:420px!important;
    }

    .header-video video{
        width:172%!important;
        top:42%!important;
    }
}


/* =========================================================
   PAXOR HOME VIDEO — MOBILE XXL + LOWER POSITION
   ========================================================= */

@media (max-width:760px){

    .header-video{
        height:94vw!important;
        min-height:0!important;
        max-height:430px!important;
        overflow:hidden!important;
    }

    .header-video video{
        left:50%!important;

        /* заметно опускаем весь кадр вниз */
        top:57%!important;

        /* совсем немного увеличиваем */
        width:174%!important;
        max-width:none!important;

        height:auto!important;
        max-height:none!important;

        object-fit:contain!important;
        object-position:center center!important;

        transform:translate(-50%,-50%)!important;
        margin:0!important;
    }
}

@media (max-width:420px){

    .header-video{
        height:96vw!important;
        max-height:420px!important;
    }

    .header-video video{
        width:178%!important;

        /* на телефоне опускаем ещё сильнее */
        top:60%!important;
    }
}

/* === PAXOR HOME MOBILE VIDEO COMPACT CENTER V1 START === */
@media (max-width: 760px) {
    body:has(#paxor-music-home) .paxor-home-hero {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        background: #000 !important;
    }

    body:has(#paxor-music-home) .header-video {
        position: relative !important;
        width: 100% !important;
        height: clamp(205px, 62vw, 286px) !important;
        min-height: 0 !important;
        max-height: 286px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000 !important;
        line-height: 0 !important;
    }

    body:has(#paxor-music-home) .header-video video {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        transform: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }

    body:has(#paxor-music-home) .paxor-home-hero + .home-intro {
        margin-top: 0 !important;
        border-top: 0 !important;
    }
}
/* === PAXOR HOME MOBILE VIDEO COMPACT CENTER V1 END === */
