/* Sezioni Page Designer - Media + pannello colore */
/* Media + pannello colore */
.gf-media-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(340px, 1.05fr) minmax(280px, 0.95fr);
    align-items: center;
    gap: 0;
}

.gf-media-panel__media {
    position: relative;
    z-index: 2;
    margin-right: -46px;
}

.gf-media-panel__media img,
.gf-media-panel__media .gf-image-placeholder {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.25);
}

.gf-media-panel__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--gf-primary);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.25);
    text-decoration: none;
    font-size: 20px;
    line-height: 1;
}

.gf-media-panel__box {
    min-height: 360px;
    padding: 64px 70px;
    border-radius: 6px;
    color: #ffffff;
}

.gf-media-panel__box h2,
.gf-media-panel__box .gf-eyebrow,
.gf-media-panel__box .gf-text {
    color: #ffffff;
}

.gf-media-panel__box .gf-text {
    font-size: var(--gf-section-text-size, 0.95rem);
}

.gf-media-panel__box .gf-button--secondary {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.12);
}