/* ── Biosfera – Experience Pages Mobile Fixes ── */

@media (max-width: 768px) {

    /* Feature grids: inline style override → 1 column */
    [style*="grid-template-columns:1fr 1fr"],
    [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Sierra-laguna feature cards: minmax too wide for phone */
    [style*="minmax(260px"] {
        grid-template-columns: 1fr !important;
    }

    /* Gallery arrows: hide on mobile — swipe is enough */
    .os-gallery-prev, .os-gallery-next,
    .osn-gallery-prev, .osn-gallery-next,
    .sn-gallery-prev, .sn-gallery-next,
    .sl-gallery-prev, .sl-gallery-next {
        display: none !important;
    }

    /* Stats bar separators: hide vertical lines when items wrap */
    [style*="width:1px"][style*="height:36px"],
    [style*="width: 1px"][style*="height: 36px"] {
        display: none !important;
    }

    /* Reduce stats bar gap on mobile */
    [style*="gap:48px"] {
        gap: 20px !important;
    }
    [style*="gap:40px"] {
        gap: 16px !important;
    }

    /* Feature grid classes (already have 480px breakpoint, extend to 768px) */
    .os-features-grid,
    .osn-features-grid,
    .sn-features-grid,
    .sl-features-grid {
        grid-template-columns: 1fr !important;
    }

    /* Video hero: reduce height slightly for phones */
    .os-video-hero { min-height: 70vh; }

    /* Booking widget: remove sticky on mobile so it appears below content */
    [style*="position:sticky"],
    [style*="position: sticky"] {
        position: static !important;
    }

    /* Cal widget date/people row: stack on small screens */
    .cal-inputs-row {
        flex-direction: column;
    }

}

@media (max-width: 480px) {

    /* Stats bar items: reduce padding/font */
    [style*="gap:48px"] > div,
    [style*="gap:40px"] > div,
    [style*="gap:20px"] > div[style*="text-align:center"] {
        flex: 0 0 calc(50% - 10px);
    }

}