        /* ── Contact modal refinement ── */
        .contact-modal-panel {
            border: 1px solid rgba(0,0,0,0.04) !important;
            box-shadow: 0 24px 80px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.06) !important;
        }

        /* ── Configurator intro card (removed — now uses modal) ── */

        .group:hover .logo-hover-effect {
            transform: skewX(-15deg);
        }

        .logo-hover-effect {
            transition: transform 0.2s ease-in-out;
        }


        /* Scrollbar stylée brand — charte §1 */
        html {
            scrollbar-width: thin;
            scrollbar-color: #0005F8 #F2F2F2;
        }

        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #F2F2F2;
        }
        ::-webkit-scrollbar-thumb {
            background: #0005F8;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #0000CC;
        }


        html,
        body {
            min-height: 100vh;
            height: 100%;
        }


        footer {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }


        body>*:last-child {
            margin-bottom: 0 !important;
        }


        @media (max-width: 768px) {
            footer {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
                border-radius: 1.5rem 1.5rem 0 0 !important;
            }

            footer>div {
                padding-bottom: 2rem !important;
            }
        }


        header#site-header {
            background-color: transparent !important;
            transition: all 0.4s var(--ease-out-expo);
        }


        header#site-header.scrolled {
            background-color: rgba(242, 242, 242, 0.98) !important;
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0,0,0,0.02) !important;
            border-bottom: none !important;
        }

        header#site-header.scrolled .header-content {
            padding-top: 0.75rem !important;
            padding-bottom: 0.75rem !important;
        }


        header#site-header.scrolled nav {
            background: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border: none !important;
            box-shadow: none !important;
        }
