.mmb-video {
    padding: var(--mmb-pad-y, 80px) var(--mmb-pad-x, 2rem);
    background: linear-gradient(223deg, var(--mmb-dark, #400f30) 51%, #16f5a3 120%);
}
.mmb-video--pink {
    background: linear-gradient(223deg, var(--mmb-dark, #400f30) 51%, var(--mmb-pink, #e6106e) 130%);
}
.mmb-video__inner {
    max-width: var(--mmb-max-width, 1156px);
    margin: 0 auto;
    text-align: center;
}
.mmb-video__label { margin: 0 0 .5rem; }
.mmb-video__heading { margin: 0 0 2.5rem; }

.mmb-video__card {
    background: var(--mmb-white-10, rgba(255,255,255,.1));
    border-radius: var(--mmb-radius, 20px);
    padding: clamp(12px, 1.8vw, 22px);
}
.mmb-video__player {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: var(--mmb-radius-sm, 10px);
    overflow: hidden;
    background: #000;
}
.mmb-video__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.mmb-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(64px, 11vw, 146px);
    height: clamp(64px, 11vw, 146px);
    border: none;
    border-radius: 50%;
    background: var(--mmb-mint, #1cc889);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
    transition: transform .2s ease, box-shadow .2s ease;
}
.mmb-video--pink .mmb-video__play { background: var(--mmb-pink, #e6106e); }
.mmb-video__play svg { width: 42%; height: 42%; margin-left: 6%; }
.mmb-video__play:hover,
.mmb-video__play:focus-visible {
    transform: translate(-50%, -50%) scale(1.06);
    box-shadow: 0 16px 40px rgba(0,0,0,.34);
    outline: none;
}
.mmb-video__player.is-playing .mmb-video__play {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.mmb-video__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.6);
    font-family: var(--mmb-font-body, "Open Sans", arial, sans-serif);
    font-size: 16px;
    margin: 0;
}

@media (max-width: 600px) {
    .mmb-video__heading { margin-bottom: 1.6rem; }
    .mmb-video__card { padding: 10px; }
}