/* 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;
        }

        .contact-hero {
            padding: 140px 0 80px;
            background: linear-gradient(100deg, rgba(59,33,24,.96), rgba(59,33,24,.82)), url('../img/background.webp') center/cover;
            color: #fff8ef;
        }
        .contact-hero-grid { display: block; max-width: 920px; }
        .contact-hero h1 { color: #fff8ef; font-size: 64px; line-height: 1.04; margin-bottom: 24px; font-weight: 700; }
        .contact-hero p { color: rgba(255,248,239,.82); font-size: 20px; max-width: 720px; margin-bottom: 28px; }

        .contact-section { padding: 80px 0; }
        .contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
        .contact-card, .legal-card, .form-card {
            background: #fffaf4;
            border: 1px solid rgba(59,33,24,.12);
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 18px 48px rgba(59,33,24,.08);
        }
        #trimite-mesaj { scroll-margin-top: 110px; }
        .contact-card i {
            width: 66px; height: 66px;
            display: inline-flex; align-items: center; justify-content: center;
            border-radius: 18px;
            background: #9e3a3a;
            color: #fff8ef;
            font-size: 30px;
            margin-bottom: 20px;
        }
        .contact-card h3, .legal-card h2, .form-card h2 { color: #3b2118; margin-bottom: 12px; }
        .contact-card a { color: #3b2118; font-weight: 800; text-decoration: none; }
        .contact-card a:hover { color: #9e3a3a; }

        .form-legal-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 28px; margin-top: 28px; }
        .form-card form { display: grid; gap: 16px; }
        .form-card input, .form-card textarea, .form-card select {
            width: 100%;
            border: 1px solid rgba(59,33,24,.14);
            border-radius: 14px;
            padding: 15px 18px;
            background: #fff8ef;
            color: #3b2118;
            font-family: inherit;
            font-size: 16px;
        }
        .form-card input:focus, .form-card textarea:focus, .form-card select:focus {
            outline: none;
            border-color: #9e3a3a;
            box-shadow: 0 0 0 3px rgba(158, 58, 58,.18);
        }
        .form-card select {
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f5a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 18px center;
            padding-right: 44px;
            cursor: pointer;
        }
        .form-card select option[value=""] { color: #9e8f86; }
        .form-card textarea { min-height: 140px; resize: vertical; }
        .form-card .gdpr-consent {
            display: flex; align-items: flex-start; gap: 10px;
            font-size: 14px; color: #6f5a4a;
        }
        .form-card .gdpr-consent input[type="checkbox"] {
            width: auto; margin-top: 4px; flex-shrink: 0;
        }
        .form-card .gdpr-consent a { color: #9e3a3a; }

        .legal-card p { margin-bottom: 10px; }
        .legal-card strong { color: #3b2118; }

        .btn-default {
            display: inline-block;
            text-transform: none !important;
            border: none;
            background: #9e3a3a;
            color: #fff8ef;
            padding: 16px 65px 16px 24px;
            border-radius: 14px;
            font-weight: 700;
            font-size: 16px;
            cursor: pointer;
            text-decoration: none;
            transition: background .2s ease;
        }
        .btn-default:hover { background: #3b2118; color: #fff8ef; }

        .site-footer {
            padding: 30px 0;
            background: #3b2118;
            color: #fff8ef;
            text-align: center;
            font-size: 14px;
        }
        .site-footer .company-legal { display: block; opacity: .7; font-size: 12px; margin-top: 8px; }
        .site-footer a { color: #f3e5d1; }

        .form-success-banner {
            display: none;
            margin-bottom: 20px;
            padding: 16px 18px;
            border-radius: 14px;
            background: rgba(158, 58, 58, .18);
            border: 1px solid rgba(158, 58, 58, .45);
            color: #3b2118;
            font-weight: 600;
        }
        .form-success-banner.is-visible { display: block; }
        .form-notice-banner {
            display: none;
            margin-bottom: 20px;
            padding: 16px 18px;
            border-radius: 14px;
            border: 1px solid rgba(59,33,24,.2);
            color: #3b2118;
            font-weight: 600;
        }
        .form-notice-banner.is-visible { display: block; }
        .form-notice-banner--warn { background: rgba(158, 58, 58, .22); }
        .form-notice-banner--err { background: rgba(139, 58, 58, .12); }

        @media (max-width: 991px) {
            .contact-hero-grid { grid-template-columns: 1fr; }
            .contact-grid, .form-legal-grid { grid-template-columns: 1fr; }
            .contact-hero h1 { font-size: 42px; }
            .contact-hero { padding: 110px 0 50px; }
            .contact-section { padding: 50px 0; }
        }