.tiktok-click-wrapper {
    position: relative;
    width: 100%;
    height: inherit;
    aspect-ratio: 9 / 16;
    cursor: pointer;
    overflow: hidden;

    display: block !important;
    /* override editor flex */
}

.tiktok-thumb {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.tiktok-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 20px;
    line-height: 1;
    z-index: 3;
}


.tiktok-iframe-holder {
    width: 100%;
    height: inherit;
    aspect-ratio: 9/16;
    position: relative;
    margin-top: 6%;
}

.tiktok-iframe-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.css-g03djc {
    margin: 0% auto 0 auto
}

/* Outer container – fixed aspect ratio */
.tiktok-iframe-holder {
    width: 100%;
    aspect-ratio: 9 / 16;
    position: relative;
    overflow: hidden;
    display: flex;
    /* enables vertical centering */
    justify-content: center;
    /* horizontal centering */
    align-items: center;
    /* vertical centering */
}

/* Inner centering block */
.tiktok-iframe-aligner {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* The iframe itself fills whatever space is available */
.tiktok-iframe-aligner iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* ensures top & bottom fill evenly */
}