        /* Skip link — vizibil la focus keyboard (WCAG 2.4.1) */
        .fa-skip-link {
            position: absolute;
            top: -100%;
            left: 0;
            padding: 12px 24px;
            background: #3b2118;
            color: #fff8ef;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            z-index: 9999;
            transition: top 0.15s ease;
        }
        
        body.contact-page {
            --primary-color: #3b2118;
            --secondary-color: #f3e5d1;
            --bg-color: #fff8ef;
            --text-color: #6f5a4a;
            --accent-color: #9e3a3a;
            background: #fff8ef;
            color: #6f5a4a;
            font-family: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            overflow-x: clip;
        }
        main { min-width: 0; }

        .legal-hero {
            padding: 140px 0 48px;
            background: linear-gradient(100deg, rgba(59,33,24,.96), rgba(59,33,24,.82)), url('../img/background.webp') center/cover;
            color: #fff8ef;
            min-width: 0;
        }
        .legal-hero .container { min-width: 0; }
        .legal-hero h1 {
            font-size: clamp(26px, 5vw, 42px);
            line-height: 1.12;
            font-weight: 700;
            margin-bottom: 12px;
            color: #fff8ef;
            overflow-wrap: break-word;
            word-wrap: break-word;
            hyphens: auto;
        }
        .legal-hero p {
            opacity: .88;
            max-width: 720px;
            margin: 0;
            font-size: clamp(15px, 2.5vw, 17px);
            line-height: 1.45;
            overflow-wrap: break-word;
            word-wrap: break-word;
            hyphens: auto;
        }

        .legal-doc {
            padding: 56px 0 80px;
            max-width: 800px;
            margin: 0 auto;
            min-width: 0;
        }
        .legal-doc h2 { color: #3b2118; font-size: 22px; margin: 36px 0 14px; font-weight: 700; }
        .legal-doc h2:first-of-type { margin-top: 0; }
        .legal-doc h3 { color: #3b2118; font-size: 17px; margin: 24px 0 10px; font-weight: 700; }
        .legal-doc p, .legal-doc li {
            font-size: 16px;
            line-height: 1.65;
            margin-bottom: 12px;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }
        .legal-doc ul { padding-left: 22px; margin-bottom: 16px; }
        .legal-doc a {
            color: #9e3a3a;
            font-weight: 600;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .legal-doc .meta-note {
            font-size: 14px;
            opacity: .85;
            padding: 16px 18px;
            background: #fffaf4;
            border: 1px solid rgba(59,33,24,.12);
            border-radius: 14px;
            margin-bottom: 28px;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }

        .site-footer {
            padding: 30px 0;
            background: #3b2118;
            color: #fff8ef;
            text-align: center;
            font-size: 14px;
            overflow-x: clip;
        }
        .site-footer .container { min-width: 0; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
        .site-footer a { color: #f3e5d1; }
        .site-footer .company-legal {
            display: block;
            opacity: .7;
            font-size: 12px;
            margin-top: 8px;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }

        @media (max-width: 991px) {
            .legal-hero { padding: 110px 0 40px; }
            .legal-doc { padding: 40px 0 56px; }
        }

        @media (max-width: 576px) {
            .legal-doc h2 { font-size: 19px; }
            .legal-doc h3 { font-size: 16px; }
            .legal-doc p, .legal-doc li { font-size: 15px; }
            .legal-doc .meta-note { font-size: 13px; padding: 14px 14px; }
        }
