/**
 * Firework Integration — assets/css/firework.css
 * Loaded only on product pages and pages using [firework_playlist].
 */

/* ── Playlist shortcode wrapper ──────────────────────────────────────────── */

.fw-playlist-wrapper {
    max-width: 1215px;
    margin: 0 auto;
    padding: 0 0 40px;
}

.fw-playlist-wrapper--loading {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 768px) {
    .fw-playlist-wrapper {
        padding: 0 20px 20px;
    }
}

/* ── Product page embed container ────────────────────────────────────────── */
/* No margin here — spacing is handled by .pdp-accordion-body padding so the
 * gap above and below the video row matches. */