/* Browser Compatibility Fixes - mary4me.de */
/* Version: 1.0.0 - 2026-01-28 */

/* Backdrop-filter Fallback für ältere Browser */
@supports not (backdrop-filter: blur(10px)) {
    .header,
    .hero-section,
    .product-card,
    .content-section,
    .configurator-container,
    .order-summary,
    .checkout-form,
    .glass-header {
        background: rgba(255, 255, 255, 0.95) !important;
    }
}

/* iOS 100vh Fix */
@supports (height: 100dvh) {
    .cart-sidebar,
    .loading-spinner,
    .mobile-menu {
        height: 100dvh;
    }
}

/* Mobile Cart Sidebar Fix */
@media (max-width: 480px) {
    .cart-sidebar {
        width: 100% !important;
        max-width: 100vw !important;
        right: -100% !important;
    }
    .cart-sidebar.active {
        right: 0 !important;
    }
}

/* Text Gradient Fallback */
@supports not (-webkit-background-clip: text) {
    .logo a,
    .cart-header h1,
    .configurator-header h1,
    .content-section h2 {
        background: none !important;
        -webkit-text-fill-color: currentColor !important;
        color: #e91e8c !important;
    }
}

/* IntersectionObserver fallback - show all elements */
.no-intersection-observer .animate-on-scroll {
    opacity: 1 !important;
    transform: none !important;
}