/* Ashop v1.1: cabecera y portada más compactas. */
.ashop-header-main {
    height: 62px;
}

.ashop-header .brand {
    width: 118px;
    height: 56px;
}

.ashop-header .brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.category-nav-inner {
    height: 46px;
}

.category-nav a {
    height: 30px;
    padding: 0 12px;
    font-size: 9px;
}

.video-hero {
    height: clamp(360px, 34vw, 440px);
}

.video-hero-content h1 {
    font-size: clamp(46px, 5.4vw, 76px);
}

@media (max-width: 1080px) {
    .video-hero {
        height: 430px;
    }
}

@media (max-width: 850px) {
    .ashop-header-main {
        height: 60px;
    }

    .ashop-header .brand {
        width: 112px;
        height: 54px;
    }

    .category-nav {
        top: 60px;
    }

    .video-hero {
        height: 420px;
    }
}

@media (max-width: 560px) {
    .ashop-header-main {
        height: 56px;
    }

    .ashop-header .brand {
        width: 100px;
        height: 50px;
    }

    .category-nav {
        top: 56px;
    }

    .video-hero {
        height: 390px;
    }

    .video-hero-content h1 {
        font-size: 44px;
    }
}