/* Hero image panel shows a vertical divider on desktop */
.hero-image-panel {
    position: relative;
}

@media (min-width: 768px) {
    .hero-image-panel::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: var(--hero-divider-width, 2px);
        background: var(--hero-divider-color, var(--hero-bg, #FCEBE3));
        pointer-events: none;
    }
}

/* Hero primary button (colors driven by CSS variables) */
.hero-btn {
    background-color: var(--hero-btn-bg, #E87845);
    color: var(--hero-btn-text, #FFFFFF);
}

.hero-btn:hover {
    background-color: var(--hero-btn-bg-hover, #7C1746);
}