/**
 * MineOS CMP banner container — compact floating card.
 *
 * Only the first-layer box is reshaped here (position, size, corners, shadow).
 * Colors, typography and buttons come from the MineOS portal Branding settings.
 * Rules are ID-scoped to outrank MineOS's class-only layout selectors.
 * Selector reference: https://developers.mineos.ai/docs/css-customization-reference
 */

#cmp-first-layer.cmp-layout-bottom {
    left: 50%;
    right: auto;
    bottom: 24px;
    width: calc(100% - 32px);
    max-width: 760px;
    padding: 16px 20px;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
    transform: translate(-50%, calc(100% + 32px));
}

#cmp-first-layer.cmp-layout-bottom.cmp-visible {
    transform: translate(-50%, 0);
}

#cmp-first-layer.cmp-layout-bottom.cmp-hidden {
    transform: translate(-50%, calc(100% + 32px));
}

#cmp-first-layer.cmp-layout-bottom .cmp-content {
    max-width: none;
}

@media (max-width: 600px) {
    #cmp-first-layer.cmp-layout-bottom {
        bottom: 12px;
        width: calc(100% - 24px);
        padding: 16px;
    }
}