/* Outer wrapper for the "Final Highlight" section. The carousel itself is
   rendered via [sc_cinematic_slider variant="enterprise" theme="dark"] and its
   styles live in /template-parts/compound/cinematic-slider/assets/styles.css. */
.enterprise-final-highlight {
    --color-1st-bg: var(--color-reverse-bg);
    --color-2nd-bg: #1A1A1A;
    --color-1st-fg: var(--color-reverse-fg);
    --color-2nd-fg: rgba(255, 255, 255, 0.8);
    --color-stroke: var(--color-reverse-stroke);

    background: var(--color-1st-bg);
    color: var(--color-1st-fg);
    padding-top: var(--space-section-lg);
    padding-bottom: var(--space-section-lg);
    display: flex;
    flex-direction: column;
    /* Cards bên trong cinema-slider có overflow: visible (variant enterprise) để
       lú peek phía phải. Clip tại biên section để (a) không phụ thuộc body
       overflow-x hidden (mobile Safari đôi khi bỏ qua), (b) chặn horizontal scroll. */
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .enterprise-final-highlight {
        padding-top: var(--space-section-sm);
    }
}