{% extends 'property_manager_app/base_property_manager.html' %}
{% load static %}

{% block title %}FAQ | Home in Sri Lanka Property Care{% endblock %}

{% block content %}

<style>
    /* =========================================================
       PROPERTY CARE FAQ PAGE — PREMIUM
    ========================================================= */

    .pm-faq-page {
        min-height: 100vh;
        background:
            radial-gradient(circle at top left, rgba(251, 191, 36, 0.10), transparent 28%),
            radial-gradient(circle at top right, rgba(15, 118, 110, 0.10), transparent 32%),
            linear-gradient(180deg, #f8fafc 0%, #ecfdf5 40%, #ffffff 100%);
    }

    /* HERO */
    .pm-faq-hero {
        position: relative;
        overflow: hidden;
        min-height: 580px;
        display: flex;
        align-items: center;
        background:
            linear-gradient(
                100deg,
                rgba(5, 20, 25, 0.97) 0%,
                rgba(8, 48, 44, 0.90) 48%,
                rgba(15, 118, 110, 0.74) 100%
            ),
            url("{% static 'expat_life/images/property_manager_hero.webp' %}") center center / cover no-repeat;
    }

    .pm-faq-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 15% 25%, rgba(251, 191, 36, 0.20), transparent 30%),
            radial-gradient(circle at 84% 70%, rgba(255, 255, 255, 0.10), transparent 32%);
        pointer-events: none;
    }

    .pm-faq-hero-content {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 5rem 0;
        color: #ffffff;
    }

    .pm-faq-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.56rem 1rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.22);
        color: #fef3c7;
        font-size: 0.84rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 1rem;
    }

    .pm-faq-hero h1 {
        font-size: clamp(2.4rem, 5vw, 4.35rem);
        line-height: 1.08;
        letter-spacing: -0.045em;
        font-weight: 950;
        margin-bottom: 1rem;
    }

    .pm-faq-hero p {
        max-width: 980px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 1.08rem;
        line-height: 1.85;
        margin-bottom: 1.5rem;
    }

    .pm-faq-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .pm-faq-hero-actions .btn {
        border-radius: 999px;
        font-weight: 850;
        padding: 0.84rem 1.35rem;
    }

    /* MAIN */
    .pm-faq-main {
        padding: 4.5rem 0 5rem;
    }

    .pm-faq-intro-card {
        border-radius: 38px;
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 28px 65px rgba(15, 23, 42, 0.10);
        padding: 2rem;
        margin-bottom: 2rem;
    }

    .pm-faq-intro-card h2 {
        color: #0f172a;
        font-weight: 950;
        letter-spacing: -0.03em;
        margin-bottom: 0.65rem;
    }

    .pm-faq-intro-card p {
        color: #64748b;
        line-height: 1.82;
        margin-bottom: 0;
    }

    /* TOPIC LINKS */
    .pm-faq-topic-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        margin-bottom: 2.25rem;
    }

    .pm-faq-topic-card {
        text-decoration: none;
        border-radius: 26px;
        border: 1px solid #e2e8f0;
        background: #ffffff;
        box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
        padding: 1.2rem;
        transition: all 0.22s ease;
        color: inherit;
        height: 100%;
    }

    .pm-faq-topic-card:hover {
        transform: translateY(-4px);
        border-color: rgba(15, 118, 110, 0.22);
        box-shadow: 0 24px 48px rgba(15, 23, 42, 0.11);
    }

    .pm-faq-topic-icon {
        width: 58px;
        height: 58px;
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #ecfdf5;
        color: #0f766e;
        font-size: 1.45rem;
        margin-bottom: 0.9rem;
    }

    .pm-faq-topic-card:nth-child(2n) .pm-faq-topic-icon {
        background: #fef3c7;
        color: #b45309;
    }

    .pm-faq-topic-card h5 {
        color: #0f172a;
        font-weight: 950;
        margin-bottom: 0.35rem;
        font-size: 1rem;
    }

    .pm-faq-topic-card p {
        color: #64748b;
        line-height: 1.65;
        font-size: 0.92rem;
        margin-bottom: 0;
    }

    /* FAQ CATEGORY BLOCK */
    .pm-faq-category {
        scroll-margin-top: 120px;
        margin-bottom: 2rem;
        border-radius: 36px;
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 24px 56px rgba(15, 23, 42, 0.08);
        overflow: hidden;
    }

    .pm-faq-category-header {
        padding: 1.7rem 1.8rem 1.25rem;
        border-bottom: 1px solid #e2e8f0;
        background:
            radial-gradient(circle at top right, rgba(15, 118, 110, 0.06), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }

    .pm-faq-category-label {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: #0f766e;
        font-size: 0.82rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.45rem;
    }

    .pm-faq-category-header h2 {
        color: #0f172a;
        font-weight: 950;
        letter-spacing: -0.03em;
        margin-bottom: 0.45rem;
    }

    .pm-faq-category-header p {
        color: #64748b;
        line-height: 1.75;
        margin-bottom: 0;
    }

    .pm-faq-category-body {
        padding: 1.6rem;
    }

    /* ACCORDION */
    .pm-faq-accordion .accordion-item {
        border: 1px solid #e2e8f0;
        border-radius: 24px !important;
        overflow: hidden;
        margin-bottom: 1rem;
        background: #ffffff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045);
    }

    .pm-faq-accordion .accordion-item:last-child {
        margin-bottom: 0;
    }

    .pm-faq-accordion .accordion-button {
        border-radius: 0 !important;
        background: #ffffff;
        color: #0f172a;
        font-weight: 900;
        font-size: 1rem;
        line-height: 1.55;
        box-shadow: none;
        padding: 1.15rem 1.25rem;
    }

    .pm-faq-accordion .accordion-button:not(.collapsed) {
        color: #0f766e;
        background:
            radial-gradient(circle at top right, rgba(15, 118, 110, 0.05), transparent 30%),
            #f8fafc;
    }

    .pm-faq-accordion .accordion-button:focus {
        box-shadow: none;
        border-color: transparent;
    }

    .pm-faq-accordion .accordion-button::after {
        border-radius: 50%;
    }

    .pm-faq-accordion .accordion-body {
        color: #475569;
        line-height: 1.85;
        padding: 1.2rem 1.25rem 1.35rem;
        border-top: 1px solid #e2e8f0;
        background: #ffffff;
    }

    .pm-faq-accordion .accordion-body p:last-child {
        margin-bottom: 0;
    }

    .pm-faq-accordion .accordion-body ul {
        margin-bottom: 1rem;
        padding-left: 1.3rem;
    }

    .pm-faq-accordion .accordion-body li {
        margin-bottom: 0.42rem;
    }

    .pm-faq-highlight {
        border-radius: 22px;
        padding: 1rem 1.1rem;
        background: #ecfeff;
        border: 1px solid #a5f3fc;
        color: #0f766e;
        line-height: 1.75;
        margin-top: 0.9rem;
    }

    .pm-faq-warning {
        border-radius: 22px;
        padding: 1rem 1.1rem;
        background: #fffbeb;
        border: 1px solid #fde68a;
        color: #92400e;
        line-height: 1.75;
        margin-top: 0.9rem;
    }

    /* CTA */
    .pm-faq-final-cta {
        margin-top: 2.2rem;
        border-radius: 38px;
        padding: 2.4rem;
        color: #ffffff;
        background:
            radial-gradient(circle at top right, rgba(251, 191, 36, 0.18), transparent 30%),
            linear-gradient(135deg, #052e25 0%, #0f766e 60%, #115e59 100%);
        box-shadow: 0 30px 68px rgba(15, 23, 42, 0.18);
    }

    .pm-faq-final-cta h2 {
        font-weight: 950;
        letter-spacing: -0.03em;
        margin-bottom: 0.6rem;
    }

    .pm-faq-final-cta p {
        max-width: 900px;
        color: rgba(255, 255, 255, 0.88);
        line-height: 1.82;
        margin-bottom: 1.25rem;
    }

    .pm-faq-final-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .pm-faq-final-actions .btn {
        border-radius: 999px;
        font-weight: 850;
        padding: 0.84rem 1.35rem;
    }

    @media (max-width: 1199.98px) {
        .pm-faq-topic-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 767.98px) {
        .pm-faq-hero {
            min-height: auto;
        }

        .pm-faq-hero-content {
            padding: 4rem 0;
        }

        .pm-faq-main {
            padding-top: 3.25rem;
        }

        .pm-faq-intro-card,
        .pm-faq-final-cta {
            padding: 1.45rem;
            border-radius: 30px;
        }

        .pm-faq-category-header,
        .pm-faq-category-body {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }

        .pm-faq-topic-grid {
            grid-template-columns: 1fr;
        }

        .pm-faq-final-actions {
            flex-direction: column;
            align-items: stretch;
        }

        .pm-faq-final-actions .btn {
            width: 100%;
        }
    }
</style>


<section class="pm-faq-page">

    <!-- =====================================================
         HERO
    ====================================================== -->
    <section class="pm-faq-hero">
        <div class="container pm-faq-hero-content">

            <span class="pm-faq-badge">
                <i class="bi bi-question-circle-fill"></i>
                Frequently Asked Questions
            </span>

            <h1>
                Property Care FAQ
            </h1>

            <p>
                Find clear answers about Home in Sri Lanka — Property Care:
                how owner accounts work, how properties are registered, how service selection
                and estimates operate, when final care plans are confirmed, how payments work,
                and what reporting and connected-profile features are available.
            </p>

            <div class="pm-faq-hero-actions">
                <a href="{% url 'property_manager_app:property_manager_signup' %}"
                   class="btn btn-warning">
                    <i class="bi bi-person-plus-fill me-2"></i>
                    Create Property Care Access
                </a>

                <a href="{% url 'property_manager_app:contact_property_manager' %}"
                   class="btn btn-outline-light">
                    <i class="bi bi-envelope-fill me-2"></i>
                    Contact Us
                </a>
            </div>

        </div>
    </section>


    <!-- =====================================================
         FAQ MAIN
    ====================================================== -->
    <section class="pm-faq-main">
        <div class="container">

            <!-- Intro -->
            <div class="pm-faq-intro-card">
                <h2>How to Use This FAQ</h2>

                <p>
                    This page explains the main questions a property owner may have before and after joining the
                    Property Care platform. For formal platform rules, review the
                    Terms & Conditions and the related legal policy pages.
                </p>
            </div>


            <!-- Quick Topic Cards -->
            <div class="pm-faq-topic-grid">

                <a href="#faq-about" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-house-heart-fill"></i>
                    </div>
                    <h5>About Property Care</h5>
                    <p>Understand the purpose, users, and overall service concept.</p>
                </a>

                <a href="#faq-account" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-person-badge-fill"></i>
                    </div>
                    <h5>Accounts & Profiles</h5>
                    <p>Learn how owner profiles and connected Ensolanka access work.</p>
                </a>

                <a href="#faq-property" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-buildings-fill"></i>
                    </div>
                    <h5>Property Registration</h5>
                    <p>See what information, images, and documents may be needed.</p>
                </a>

                <a href="#faq-services" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-tools"></i>
                    </div>
                    <h5>Services & Care Plans</h5>
                    <p>Understand service selection, estimates, and final plan review.</p>
                </a>

                <a href="#faq-payments" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-credit-card-2-front-fill"></i>
                    </div>
                    <h5>Payments</h5>
                    <p>Learn when monthly care fees become due and payable.</p>
                </a>

                <a href="#faq-access" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-key-fill"></i>
                    </div>
                    <h5>Access & Emergencies</h5>
                    <p>Review property access, keys, and emergency response support.</p>
                </a>

                <a href="#faq-reports" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-journal-richtext"></i>
                    </div>
                    <h5>Reports & Tracking</h5>
                    <p>Understand visits, photos, inspection reports, and work orders.</p>
                </a>

                <a href="#faq-connected" class="pm-faq-topic-card">
                    <div class="pm-faq-topic-icon">
                        <i class="bi bi-link-45deg"></i>
                    </div>
                    <h5>Connected Features</h5>
                    <p>See how Rental Owner and Affiliate access can connect.</p>
                </a>

            </div>


            <!-- =====================================================
                 CATEGORY 1 — ABOUT PROPERTY CARE
            ====================================================== -->
            <section class="pm-faq-category" id="faq-about">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-house-heart-fill"></i>
                        General Overview
                    </span>

                    <h2>About Home in Sri Lanka — Property Care</h2>

                    <p>
                        Basic questions about the purpose of the platform and who it is built for.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionAbout">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="aboutHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#aboutCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="aboutCollapseOne">
                                    What is Home in Sri Lanka — Property Care?
                                </button>
                            </h2>

                            <div id="aboutCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="aboutHeadingOne"
                                 data-bs-parent="#faqAccordionAbout">
                                <div class="accordion-body">
                                    <p>
                                        Home in Sri Lanka — Property Care is an Ensolanka service platform created
                                        for owners who need structured support to care for property located in Sri Lanka.
                                        It helps owners register properties, select care services, review provisional estimates,
                                        receive final staff-reviewed care plans, handle related payments, and later monitor reports and service activity.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="aboutHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#aboutCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="aboutCollapseTwo">
                                    Who is this platform mainly for?
                                </button>
                            </h2>

                            <div id="aboutCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="aboutHeadingTwo"
                                 data-bs-parent="#faqAccordionAbout">
                                <div class="accordion-body">
                                    <p>
                                        The platform is mainly for property owners who live overseas, travel frequently,
                                        live away from their Sri Lankan property, or need reliable support to keep a home,
                                        land, estate, villa, or other property monitored and maintained.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="aboutHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#aboutCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="aboutCollapseThree">
                                    What kinds of properties can be added?
                                </button>
                            </h2>

                            <div id="aboutCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="aboutHeadingThree"
                                 data-bs-parent="#faqAccordionAbout">
                                <div class="accordion-body">
                                    <p>
                                        Depending on platform settings and staff review, owners may add property types such as:
                                    </p>

                                    <ul>
                                        <li>Houses</li>
                                        <li>Villas</li>
                                        <li>Apartments</li>
                                        <li>Buildings</li>
                                        <li>Estates</li>
                                        <li>Vacant land</li>
                                        <li>Other property categories accepted by Ensolanka</li>
                                    </ul>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="aboutHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#aboutCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="aboutCollapseFour">
                                    Is this the same as insurance or a property security guarantee?
                                </button>
                            </h2>

                            <div id="aboutCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="aboutHeadingFour"
                                 data-bs-parent="#faqAccordionAbout">
                                <div class="accordion-body">
                                    <p>
                                        No. Property Care is a structured monitoring, maintenance coordination,
                                        and service-support platform. It is not insurance, a legal guardianship arrangement,
                                        or a guarantee that theft, weather damage, deterioration, or other risks will never occur.
                                    </p>

                                    <div class="pm-faq-warning">
                                        Care services improve visibility and coordination, but they do not replace insurance,
                                        legal advice, structural certification, or security guarantees.
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 2 — ACCOUNT & PROFILE
            ====================================================== -->
            <section class="pm-faq-category" id="faq-account">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-person-badge-fill"></i>
                        Account Access
                    </span>

                    <h2>Profiles, Login, and Connected Ensolanka Accounts</h2>

                    <p>
                        Questions about creating a Property Care profile, managing your account, and activating related services.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionAccount">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accountHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accountCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="accountCollapseOne">
                                    Do I need a Property Care profile to use the full service?
                                </button>
                            </h2>

                            <div id="accountCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="accountHeadingOne"
                                 data-bs-parent="#faqAccordionAccount">
                                <div class="accordion-body">
                                    <p>
                                        Yes. Public visitors may read service information, FAQ content, and other public pages,
                                        but adding properties, selecting services, reviewing estimates, receiving final plans,
                                        and managing payments require a Property Care owner profile.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accountHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accountCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="accountCollapseTwo">
                                    What information is collected for the Property Care owner profile?
                                </button>
                            </h2>

                            <div id="accountCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accountHeadingTwo"
                                 data-bs-parent="#faqAccordionAccount">
                                <div class="accordion-body">
                                    <p>
                                        The profile may include your full name, email, phone number, WhatsApp number,
                                        client type, residency status, current country and city,
                                        emergency contact details, profile image, and a short note about your property care expectations.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accountHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accountCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="accountCollapseThree">
                                    Can I edit my profile later?
                                </button>
                            </h2>

                            <div id="accountCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accountHeadingThree"
                                 data-bs-parent="#faqAccordionAccount">
                                <div class="accordion-body">
                                    <p>
                                        Yes. Your profile page allows you to update owner details,
                                        upload or change your profile image, change your username,
                                        and change your password.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accountHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accountCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="accountCollapseFour">
                                    Can I use the same Ensolanka user account for Property Care, Rental Owner, and Affiliate access?
                                </button>
                            </h2>

                            <div id="accountCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accountHeadingFour"
                                 data-bs-parent="#faqAccordionAccount">
                                <div class="accordion-body">
                                    <p>
                                        Yes. The platform is designed to support one user account with multiple related profiles.
                                        From Property Care, Rental Owner, or Affiliate dashboards, you may be able to activate
                                        another profile without creating a separate login.
                                    </p>

                                    <div class="pm-faq-highlight">
                                        The same user account remains in use, but each activated service profile has its own business purpose,
                                        dashboard, and related terms.
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accountHeadingFive">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accountCollapseFive"
                                        aria-expanded="false"
                                        aria-controls="accountCollapseFive">
                                    Does creating a connected profile automatically approve everything?
                                </button>
                            </h2>

                            <div id="accountCollapseFive"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accountHeadingFive"
                                 data-bs-parent="#faqAccordionAccount">
                                <div class="accordion-body">
                                    <p>
                                        No. Activating another profile simply creates access to that related service area.
                                        Any app-specific review, listing approval, service eligibility, or policy requirement still applies.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 3 — PROPERTY REGISTRATION
            ====================================================== -->
            <section class="pm-faq-category" id="faq-property">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-buildings-fill"></i>
                        Property Registration
                    </span>

                    <h2>Adding Properties, Images, and Documents</h2>

                    <p>
                        Questions about creating a managed property record and submitting information for review.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionProperty">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="propertyHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#propertyCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="propertyCollapseOne">
                                    What information do I need to provide when adding a property?
                                </button>
                            </h2>

                            <div id="propertyCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="propertyHeadingOne"
                                 data-bs-parent="#faqAccordionProperty">
                                <div class="accordion-body">
                                    <p>
                                        You may be asked to provide property identity, location, land details,
                                        building details, condition information, utility status, access details,
                                        and optional owner notes.
                                    </p>

                                    <ul>
                                        <li>Property name and category</li>
                                        <li>City, district, address, and map link</li>
                                        <li>Land size, number of buildings, and floor area</li>
                                        <li>Bedrooms, bathrooms, kitchens, and other rooms</li>
                                        <li>Property age and current condition</li>
                                        <li>Boundary wall, gate, garden, and grass-cutting needs</li>
                                        <li>Electricity, water, and internet status</li>
                                        <li>Key-holding and emergency-access requirements</li>
                                    </ul>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="propertyHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#propertyCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="propertyCollapseTwo">
                                    Can I upload property images?
                                </button>
                            </h2>

                            <div id="propertyCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="propertyHeadingTwo"
                                 data-bs-parent="#faqAccordionProperty">
                                <div class="accordion-body">
                                    <p>
                                        Yes. The platform supports property image uploads so staff can better understand
                                        the property condition and owners can maintain a visual record of the property details submitted.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="propertyHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#propertyCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="propertyCollapseThree">
                                    Can I upload land plans, building plans, or supporting documents?
                                </button>
                            </h2>

                            <div id="propertyCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="propertyHeadingThree"
                                 data-bs-parent="#faqAccordionProperty">
                                <div class="accordion-body">
                                    <p>
                                        Yes. Where relevant, you may upload supporting property documents such as land plans,
                                        building plans, utility records, or other information that helps Ensolanka understand
                                        the property and plan appropriate service support.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="propertyHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#propertyCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="propertyCollapseFour">
                                    What happens after I submit a property for review?
                                </button>
                            </h2>

                            <div id="propertyCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="propertyHeadingFour"
                                 data-bs-parent="#faqAccordionProperty">
                                <div class="accordion-body">
                                    <p>
                                        The property moves into the review workflow. Staff may review the details,
                                        images, documents, and overall suitability before approving it or requesting corrections.
                                    </p>

                                    <p>
                                        Typical statuses may include:
                                    </p>

                                    <ul>
                                        <li>Draft — Not Submitted</li>
                                        <li>Submitted for Review</li>
                                        <li>Approved</li>
                                        <li>Rejected — Needs Correction</li>
                                    </ul>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="propertyHeadingFive">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#propertyCollapseFive"
                                        aria-expanded="false"
                                        aria-controls="propertyCollapseFive">
                                    Can I edit a property after it is created?
                                </button>
                            </h2>

                            <div id="propertyCollapseFive"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="propertyHeadingFive"
                                 data-bs-parent="#faqAccordionProperty">
                                <div class="accordion-body">
                                    <p>
                                        Yes. You can edit property information where permitted by the workflow.
                                        If a property has been rejected for correction or is still in draft stage,
                                        updates are especially important before resubmission or further review.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 4 — SERVICES, ESTIMATES, FINAL CARE PLAN
            ====================================================== -->
            <section class="pm-faq-category" id="faq-services">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-tools"></i>
                        Services & Plans
                    </span>

                    <h2>Service Selection, Estimates, and Final Care Plans</h2>

                    <p>
                        Questions about how care services are chosen and how pricing becomes finalized.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionServices">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="servicesHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#servicesCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="servicesCollapseOne">
                                    What service types are available?
                                </button>
                            </h2>

                            <div id="servicesCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="servicesHeadingOne"
                                 data-bs-parent="#faqAccordionServices">
                                <div class="accordion-body">
                                    <p>
                                        The initial Property Care service catalogue includes:
                                    </p>

                                    <ol>
                                        <li>Inspection Visits</li>
                                        <li>Interior Cleaning</li>
                                        <li>Exterior Cleaning</li>
                                        <li>Garden & Grass Cutting</li>
                                        <li>Vacant Land Care</li>
                                        <li>Utility Bill Handling</li>
                                        <li>Security / Vacancy Checks</li>
                                        <li>Emergency Response Support</li>
                                        <li>Arrival Preparation</li>
                                    </ol>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="servicesHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#servicesCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="servicesCollapseTwo">
                                    Does selecting a service mean it is automatically approved?
                                </button>
                            </h2>

                            <div id="servicesCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="servicesHeadingTwo"
                                 data-bs-parent="#faqAccordionServices">
                                <div class="accordion-body">
                                    <p>
                                        No. Service selection represents your requested support preferences.
                                        The final approved service package may depend on staff review,
                                        property suitability, operational feasibility, and final pricing confirmation.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="servicesHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#servicesCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="servicesCollapseThree">
                                    What is the monthly maintenance estimate calculator?
                                </button>
                            </h2>

                            <div id="servicesCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="servicesHeadingThree"
                                 data-bs-parent="#faqAccordionServices">
                                <div class="accordion-body">
                                    <p>
                                        The estimate calculator produces a provisional monthly maintenance estimate
                                        based on the registered property details and selected services.
                                    </p>

                                    <div class="pm-faq-warning">
                                        The calculator result is not a final quotation. It is an initial planning estimate
                                        before staff review and final care-plan confirmation.
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="servicesHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#servicesCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="servicesCollapseFour">
                                    What is included in the final care plan?
                                </button>
                            </h2>

                            <div id="servicesCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="servicesHeadingFour"
                                 data-bs-parent="#faqAccordionServices">
                                <div class="accordion-body">
                                    <p>
                                        A staff-reviewed final care plan may include:
                                    </p>

                                    <ul>
                                        <li>Approved monthly care-plan title</li>
                                        <li>Final monthly fee</li>
                                        <li>Included services</li>
                                        <li>Exclusions</li>
                                        <li>Service start date</li>
                                        <li>Operational notes</li>
                                        <li>Staff review remarks</li>
                                    </ul>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="servicesHeadingFive">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#servicesCollapseFive"
                                        aria-expanded="false"
                                        aria-controls="servicesCollapseFive">
                                    When does a care plan become active?
                                </button>
                            </h2>

                            <div id="servicesCollapseFive"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="servicesHeadingFive"
                                 data-bs-parent="#faqAccordionServices">
                                <div class="accordion-body">
                                    <p>
                                        A care plan may become active after staff finalization,
                                        owner review or acceptance where required,
                                        and completion of the relevant payment step or other activation requirement.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 5 — PAYMENTS
            ====================================================== -->
            <section class="pm-faq-category" id="faq-payments">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-credit-card-2-front-fill"></i>
                        Payments
                    </span>

                    <h2>Payment Center, Monthly Plan Fees, and Recurring Charges</h2>

                    <p>
                        Questions about when amounts become payable and how recurring care-plan payments work.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionPayments">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="paymentsHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#paymentsCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="paymentsCollapseOne">
                                    When do I need to pay for Property Care services?
                                </button>
                            </h2>

                            <div id="paymentsCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="paymentsHeadingOne"
                                 data-bs-parent="#faqAccordionPayments">
                                <div class="accordion-body">
                                    <p>
                                        Payment becomes relevant after a care plan or payable service charge is finalized
                                        and appears in your Property Care Payment Center as a due payable item.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="paymentsHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#paymentsCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="paymentsCollapseTwo">
                                    What does the Payment Center show?
                                </button>
                            </h2>

                            <div id="paymentsCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="paymentsHeadingTwo"
                                 data-bs-parent="#faqAccordionPayments">
                                <div class="accordion-body">
                                    <p>
                                        The Payment Center may show:
                                    </p>

                                    <ul>
                                        <li>Due payable items</li>
                                        <li>Upcoming payable items</li>
                                        <li>Paid items</li>
                                        <li>Monthly Property Care plan fees</li>
                                        <li>Other approved Property Care charges where applicable</li>
                                    </ul>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="paymentsHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#paymentsCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="paymentsCollapseThree">
                                    Are monthly Property Care plan charges recurring?
                                </button>
                            </h2>

                            <div id="paymentsCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="paymentsHeadingThree"
                                 data-bs-parent="#faqAccordionPayments">
                                <div class="accordion-body">
                                    <p>
                                        Yes, where a finalized monthly care plan is active,
                                        the system may create recurring monthly payable items.
                                        After one monthly plan fee is marked paid,
                                        the next billing-cycle payable item may be generated.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="paymentsHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#paymentsCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="paymentsCollapseFour">
                                    What payment methods may be available?
                                </button>
                            </h2>

                            <div id="paymentsCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="paymentsHeadingFour"
                                 data-bs-parent="#faqAccordionPayments">
                                <div class="accordion-body">
                                    <p>
                                        Depending on the final payment setup, the platform may support:
                                    </p>

                                    <ul>
                                        <li>Card payments through a supported checkout flow</li>
                                        <li>PayPal where enabled</li>
                                        <li>Wallet balance or internal credit where available</li>
                                        <li>Other methods introduced later</li>
                                    </ul>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="paymentsHeadingFive">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#paymentsCollapseFive"
                                        aria-expanded="false"
                                        aria-controls="paymentsCollapseFive">
                                    Where can I learn about refunds and payment disputes?
                                </button>
                            </h2>

                            <div id="paymentsCollapseFive"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="paymentsHeadingFive"
                                 data-bs-parent="#faqAccordionPayments">
                                <div class="accordion-body">
                                    <p>
                                        Refunds, cancellations, credits, billing adjustments, and disputes
                                        should be explained in the dedicated Refund & Payment Policy page
                                        for the Property Care platform.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 6 — ACCESS, KEYS, EMERGENCY SUPPORT
            ====================================================== -->
            <section class="pm-faq-category" id="faq-access">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-key-fill"></i>
                        Access & Emergency Support
                    </span>

                    <h2>Property Access, Key Holding, and Urgent Response</h2>

                    <p>
                        Questions about how the team accesses a property and what emergency response means.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionAccess">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accessHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accessCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="accessCollapseOne">
                                    Will Ensolanka need access to my property?
                                </button>
                            </h2>

                            <div id="accessCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="accessHeadingOne"
                                 data-bs-parent="#faqAccordionAccess">
                                <div class="accordion-body">
                                    <p>
                                        Some services may require access to the property.
                                        Access requirements depend on the selected services,
                                        the final care plan, and the approved operational arrangement.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accessHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accessCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="accessCollapseTwo">
                                    What if I need key-holding support?
                                </button>
                            </h2>

                            <div id="accessCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accessHeadingTwo"
                                 data-bs-parent="#faqAccordionAccess">
                                <div class="accordion-body">
                                    <p>
                                        If you require key-holding or controlled access support,
                                        that need can be indicated in your property details.
                                        Ensolanka may apply separate procedures, authorizations,
                                        and operational conditions before accepting that responsibility.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accessHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accessCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="accessCollapseThree">
                                    What does emergency response support mean?
                                </button>
                            </h2>

                            <div id="accessCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accessHeadingThree"
                                 data-bs-parent="#faqAccordionAccess">
                                <div class="accordion-body">
                                    <p>
                                        Emergency response support refers to help with urgent property concerns,
                                        such as arranging a quick inspection, coordinating initial response steps,
                                        or checking a property when an urgent issue is reported.
                                    </p>

                                    <div class="pm-faq-warning">
                                        Emergency response support does not guarantee prevention of loss,
                                        instant resolution, or automatic contractor repair work.
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="accessHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#accessCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="accessCollapseFour">
                                    Does allowing emergency access mean the team can enter anytime?
                                </button>
                            </h2>

                            <div id="accessCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="accessHeadingFour"
                                 data-bs-parent="#faqAccordionAccess">
                                <div class="accordion-body">
                                    <p>
                                        No. Emergency access permission should be used only within the approved service framework
                                        and when there is a reasonable need for urgent property inspection,
                                        risk prevention, or immediate response coordination.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 7 — REPORTS & TRACKING
            ====================================================== -->
            <section class="pm-faq-category" id="faq-reports">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-journal-richtext"></i>
                        Reports & Service Tracking
                    </span>

                    <h2>Visits, Photos, Inspection Reports, and Work Orders</h2>

                    <p>
                        Questions about the long-term visibility and reporting value of the Property Care app.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionReports">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="reportsHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#reportsCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="reportsCollapseOne">
                                    Will I be able to see maintenance visit records?
                                </button>
                            </h2>

                            <div id="reportsCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="reportsHeadingOne"
                                 data-bs-parent="#faqAccordionReports">
                                <div class="accordion-body">
                                    <p>
                                        Yes, the owner-facing report center is intended to present maintenance activity
                                        such as scheduled and completed visits, visit purpose, staff updates,
                                        and other service-related details as the reporting module is connected.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="reportsHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#reportsCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="reportsCollapseTwo">
                                    Can visit photos be uploaded and shown to the owner?
                                </button>
                            </h2>

                            <div id="reportsCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="reportsHeadingTwo"
                                 data-bs-parent="#faqAccordionReports">
                                <div class="accordion-body">
                                    <p>
                                        Yes. The system supports visit photo records such as before photos,
                                        after photos, issue evidence, general property views, and completion proof.
                                        Photos can be marked owner-visible where appropriate.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="reportsHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#reportsCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="reportsCollapseThree">
                                    What is an inspection report?
                                </button>
                            </h2>

                            <div id="reportsCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="reportsHeadingThree"
                                 data-bs-parent="#faqAccordionReports">
                                <div class="accordion-body">
                                    <p>
                                        An inspection report is a formal service record created from a property visit.
                                        It may summarize visible property condition, garden condition, utility status,
                                        structural concerns, security observations, and recommended follow-up actions.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="reportsHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#reportsCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="reportsCollapseFour">
                                    What happens if a repair issue is found?
                                </button>
                            </h2>

                            <div id="reportsCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="reportsHeadingFour"
                                 data-bs-parent="#faqAccordionReports">
                                <div class="accordion-body">
                                    <p>
                                        A repair work order may be created if an issue is found.
                                        A work order can track urgency, quotation need, owner approval,
                                        estimated cost, progress, final cost, and completion status.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="reportsHeadingFive">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#reportsCollapseFive"
                                        aria-expanded="false"
                                        aria-controls="reportsCollapseFive">
                                    Are reports the same as legal or engineering certificates?
                                </button>
                            </h2>

                            <div id="reportsCollapseFive"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="reportsHeadingFive"
                                 data-bs-parent="#faqAccordionReports">
                                <div class="accordion-body">
                                    <p>
                                        No. Reports are service records and property-care transparency tools.
                                        They are not automatically engineering certifications, legal inspection reports,
                                        property valuations, or insurance assessment documents unless a separate professional service is specifically arranged.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 CATEGORY 8 — CONNECTED FEATURES
            ====================================================== -->
            <section class="pm-faq-category" id="faq-connected">
                <div class="pm-faq-category-header">
                    <span class="pm-faq-category-label">
                        <i class="bi bi-link-45deg"></i>
                        Connected Opportunities
                    </span>

                    <h2>Rental Owner and Affiliate Profile Activation</h2>

                    <p>
                        Questions about extending the same user account into other Ensolanka service areas.
                    </p>
                </div>

                <div class="pm-faq-category-body">
                    <div class="accordion pm-faq-accordion" id="faqAccordionConnected">

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="connectedHeadingOne">
                                <button class="accordion-button"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#connectedCollapseOne"
                                        aria-expanded="true"
                                        aria-controls="connectedCollapseOne">
                                    Can I activate a Rental Owner profile from the Property Care dashboard?
                                </button>
                            </h2>

                            <div id="connectedCollapseOne"
                                 class="accordion-collapse collapse show"
                                 aria-labelledby="connectedHeadingOne"
                                 data-bs-parent="#faqAccordionConnected">
                                <div class="accordion-body">
                                    <p>
                                        Yes. Where enabled, a Property Care owner can activate Rental Owner access
                                        using the same user account. Basic information may be reused to create the profile,
                                        after which the owner can enter the Rental Dashboard.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="connectedHeadingTwo">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#connectedCollapseTwo"
                                        aria-expanded="false"
                                        aria-controls="connectedCollapseTwo">
                                    Can a managed Property Care property later become a rental listing?
                                </button>
                            </h2>

                            <div id="connectedCollapseTwo"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="connectedHeadingTwo"
                                 data-bs-parent="#faqAccordionConnected">
                                <div class="accordion-body">
                                    <p>
                                        Yes, this can be supported where implemented.
                                        A Property Care property may serve as a starting point for creating a rental listing,
                                        but the owner must review rental-specific information before any listing is considered ready.
                                    </p>

                                    <div class="pm-faq-warning">
                                        Creating a rental listing does not automatically make it public, approved,
                                        featured, or guaranteed to attract tenants.
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="connectedHeadingThree">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#connectedCollapseThree"
                                        aria-expanded="false"
                                        aria-controls="connectedCollapseThree">
                                    Can I activate an Affiliate / Global Ambassador profile from Property Care?
                                </button>
                            </h2>

                            <div id="connectedCollapseThree"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="connectedHeadingThree"
                                 data-bs-parent="#faqAccordionConnected">
                                <div class="accordion-body">
                                    <p>
                                        Yes. Where enabled, a Property Care owner can activate Affiliate access
                                        using the same Ensolanka login and then open the Affiliate Dashboard.
                                    </p>
                                </div>
                            </div>
                        </div>


                        <div class="accordion-item">
                            <h2 class="accordion-header" id="connectedHeadingFour">
                                <button class="accordion-button collapsed"
                                        type="button"
                                        data-bs-toggle="collapse"
                                        data-bs-target="#connectedCollapseFour"
                                        aria-expanded="false"
                                        aria-controls="connectedCollapseFour">
                                    Do the Rental and Affiliate terms also apply after activation?
                                </button>
                            </h2>

                            <div id="connectedCollapseFour"
                                 class="accordion-collapse collapse"
                                 aria-labelledby="connectedHeadingFour"
                                 data-bs-parent="#faqAccordionConnected">
                                <div class="accordion-body">
                                    <p>
                                        Yes. When you activate another service profile,
                                        the policies and Terms & Conditions of that specific app or service area
                                        also apply in addition to your Property Care access.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>


            <!-- =====================================================
                 FINAL CTA
            ====================================================== -->
            <div class="pm-faq-final-cta">
                <h2>Still Need Help?</h2>

                <p>
                    Contact the Ensolanka Property Care team if your question is not answered here.
                    We can help explain the service process, profile setup, property registration,
                    service selection, estimates, final care plans, or payment workflow.
                </p>

                <div class="pm-faq-final-actions">
                    <a href="{% url 'property_manager_app:contact_property_manager' %}"
                       class="btn btn-warning">
                        <i class="bi bi-envelope-fill me-2"></i>
                        Contact Us
                    </a>

                    <a href="{% url 'property_manager_app:property_care_terms' %}"
                       class="btn btn-outline-light">
                        <i class="bi bi-file-earmark-lock-fill me-2"></i>
                        Read Terms & Conditions
                    </a>

                    <a href="{% url 'property_manager_app:home_property_manager' %}"
                       class="btn btn-outline-light">
                        <i class="bi bi-house-heart-fill me-2"></i>
                        Property Care Home
                    </a>
                </div>
            </div>

        </div>
    </section>

</section>

{% endblock %}