/* ── ROOT ─────────────────────────────────────── */
        :root {
            --gold: #b59a5d;
            --gold-lt: #d4bc87;
            --teal: #098792;
            --teal-dk: #086e76;
            --dark: #0d1117;
            --text: #2c3e50;
            --muted: #6c7a8a;
            --border: #e2e8f0;
            --bg: #f5f7f8;
            --white: #ffffff;
        }

        /* ══════════════════════════════════════════════
           INFO BAR
        ══════════════════════════════════════════════ */
        .contact-infobar {
            background: var(--white);
            border-bottom: 1px solid var(--border);
            padding: 0;
        }

        .infobar-inner {
            max-width: 960px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }

        .info-cell {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 26px 32px;
            border-right: 1px solid var(--border);
        }

        .info-cell:last-child {
            border-right: none;
        }

        .info-icon-wrap {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--teal), var(--teal-dk));
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: #fff;
            font-size: 16px;
        }

        .info-text {
            min-width: 0;
        }

        .info-text span {
            display: block;
            font-size: 10px;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--muted);
            margin-bottom: 3px;
        }

        .info-text p {
            font-size: 14px;
            font-weight: 500;
            color: var(--text);
            margin: 0;
            line-height: 1.45;
        }

        .info-text a {
            color: var(--text);
            text-decoration: none;
            transition: color .18s;
        }

        .info-text a:hover {
            color: var(--teal);
        }

        /* ══════════════════════════════════════════════
           MAP + FORM BLOCK
        ══════════════════════════════════════════════ */
        .contact-body {
            max-width: 1200px;
            margin: 40px auto 60px;
            padding: 0 16px;
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            gap: 24px;
            align-items: stretch;
        }

        /* Map Card */
        .map-card {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 12px;
            overflow: hidden;
            min-height: 480px;
        }

        .map-card iframe {
            width: 100%;
            height: 100%;
            border: none;
            display: block;
            min-height: 480px;
        }

        /* Form Card */
        .form-card {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 36px 34px 32px;
        }

        .form-card h3 {
            font-size: 22px;
            font-weight: 600;
            color: var(--text);
            margin-bottom: 24px;
        }

        /* Form fields */
        .form-row-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
            margin-bottom: 14px;
        }

        .form-group-ct {
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin-bottom: 14px;
        }

        .form-group-ct:last-of-type {
            margin-bottom: 0;
        }

        .form-label-ct {
            font-size: 10.5px;
            font-weight: 600;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--muted);
        }

        .form-control-ct {
            width: 100%;
            padding: 10px 14px;
            border: 1px solid var(--border);
            border-radius: 6px;
            font-size: 13.5px;
            color: var(--text);
            background: #fff;
            transition: border-color .18s, box-shadow .18s;
            outline: none;
            appearance: none;
        }

        .form-control-ct::placeholder {
            color: #b8c4ce;
        }

        .form-control-ct:focus {
            border-color: var(--teal);
            box-shadow: 0 0 0 3px rgba(11, 139, 148, .1);
        }

        select.form-control-ct {
            cursor: pointer;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236c7a8a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            padding-right: 36px;
        }

        textarea.form-control-ct {
            resize: vertical;
            min-height: 100px;
            line-height: 1.6;
        }

        /* Submit button */
        .btn-send {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 28px;
            background: var(--teal);
            color: #fff;
            border: none;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: .06em;
            cursor: pointer;
            transition: background .2s, transform .15s;
            margin-top: 18px;
        }

        .btn-send:hover {
            background: var(--teal-dk);
            transform: translateY(-1px);
        }

        .btn-send:active {
            transform: translateY(0);
        }

        /* Success toast */
        .toast-msg {
            display: none;
            background: #e1f8f0;
            border: 1px solid #5dcaa5;
            color: #0f6e56;
            border-radius: 6px;
            padding: 11px 16px;
            font-size: 13.5px;
            margin-top: 14px;
            align-items: center;
            gap: 8px;
        }

        .toast-msg.show {
            display: flex;
        }

        /* ══════════════════════════════════════════════
           RESPONSIVE
        ══════════════════════════════════════════════ */
        @media (max-width: 768px) {
     .infobar-inner {
    grid-template-columns: 1fr;
    overflow: clip;
}

       .info-cell {
    border-right: none;
    border-bottom: 1px solid var(--border);
    padding: 20px 12px;
}

            .info-cell:last-child {
                border-bottom: none;
            }

            .contact-body {
                grid-template-columns: 1fr;
            }

            .map-card {
                min-height: 300px;
            }

            .map-card iframe {
                min-height: 300px;
            }

            .form-card {
                padding: 26px 20px;
            }
        }

        @media (max-width: 480px) {
            .form-row-2 {
                grid-template-columns: 1fr;
            }

            .contact-hero {
                height: 220px;
            }
        }

                .footer-p-3 {
            padding: 2rem 1rem !important;
        }

        .mb-0 {
            margin-bottom: 0 !important;
        }