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

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

{% block content %}

<style>
    /* =========================================================
       PROPERTY CARE COOKIE POLICY — PREMIUM LEGAL STYLE
    ========================================================= */

    .pm-cookie-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-cookie-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-cookie-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-cookie-hero-content {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 5rem 0;
        color: #ffffff;
    }

    .pm-cookie-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-cookie-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-cookie-hero p {
        max-width: 1040px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 1.08rem;
        line-height: 1.85;
        margin-bottom: 1.45rem;
    }

    .pm-cookie-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .pm-cookie-meta-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        border-radius: 999px;
        padding: 0.48rem 0.9rem;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.18);
        color: rgba(255, 255, 255, 0.92);
        font-weight: 800;
        font-size: 0.84rem;
    }

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

    .pm-cookie-shell {
        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);
        overflow: hidden;
    }

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

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

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

    .pm-cookie-grid {
        display: grid;
        grid-template-columns: 300px minmax(0, 1fr);
        gap: 0;
    }

    /* SIDEBAR */
    .pm-cookie-sidebar {
        padding: 1.7rem 1.35rem;
        background: #f8fafc;
        border-right: 1px solid #e2e8f0;
    }

    .pm-cookie-sidebar-card {
        position: sticky;
        top: 110px;
    }

    .pm-cookie-sidebar h5 {
        color: #0f172a;
        font-weight: 950;
        margin-bottom: 1rem;
    }

    .pm-cookie-nav {
        display: grid;
        gap: 0.55rem;
    }

    .pm-cookie-nav a {
        text-decoration: none;
        color: #475569;
        font-weight: 800;
        font-size: 0.93rem;
        line-height: 1.45;
        border-radius: 16px;
        padding: 0.72rem 0.85rem;
        transition: all 0.2s ease;
        background: #ffffff;
        border: 1px solid #e2e8f0;
    }

    .pm-cookie-nav a:hover {
        color: #0f766e;
        border-color: rgba(15, 118, 110, 0.26);
        background: #ecfdf5;
        transform: translateX(2px);
    }

    .pm-cookie-sidebar-note {
        margin-top: 1.25rem;
        border-radius: 22px;
        padding: 1rem;
        background: #fffbeb;
        border: 1px solid #fde68a;
        color: #92400e;
        line-height: 1.65;
        font-size: 0.91rem;
    }

    /* CONTENT */
    .pm-cookie-content {
        padding: 2rem;
    }

    .pm-cookie-section {
        scroll-margin-top: 120px;
        margin-bottom: 2rem;
        border-radius: 28px;
        border: 1px solid #e2e8f0;
        background: #ffffff;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
        overflow: hidden;
    }

    .pm-cookie-section-header {
        padding: 1.35rem 1.45rem 1rem;
        border-bottom: 1px solid #e2e8f0;
        background:
            radial-gradient(circle at top right, rgba(15, 118, 110, 0.05), transparent 30%),
            #ffffff;
    }

    .pm-cookie-section-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        height: 42px;
        padding: 0 0.8rem;
        border-radius: 999px;
        background: #0f766e;
        color: #ffffff;
        font-weight: 950;
        font-size: 0.9rem;
        margin-bottom: 0.8rem;
    }

    .pm-cookie-section-header h3 {
        color: #0f172a;
        font-weight: 950;
        letter-spacing: -0.02em;
        margin-bottom: 0;
    }

    .pm-cookie-section-body {
        padding: 1.45rem;
        color: #475569;
        line-height: 1.85;
    }

    .pm-cookie-section-body p:last-child {
        margin-bottom: 0;
    }

    .pm-cookie-section-body strong {
        color: #0f172a;
    }

    .pm-cookie-section-body ul,
    .pm-cookie-section-body ol {
        padding-left: 1.3rem;
        margin-bottom: 1rem;
    }

    .pm-cookie-section-body li {
        margin-bottom: 0.48rem;
    }

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

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

    .pm-cookie-card-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        margin-top: 1rem;
    }

    .pm-cookie-mini-card {
        border-radius: 22px;
        border: 1px solid #e2e8f0;
        background: #f8fafc;
        padding: 1rem 1.05rem;
        height: 100%;
    }

    .pm-cookie-mini-card h5 {
        color: #0f172a;
        font-weight: 950;
        margin-bottom: 0.4rem;
    }

    .pm-cookie-mini-card p {
        color: #64748b;
        line-height: 1.72;
        margin-bottom: 0;
        font-size: 0.95rem;
    }

    .pm-cookie-table-wrap {
        overflow-x: auto;
        margin-top: 1rem;
    }

    .pm-cookie-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        border-radius: 22px;
        background: #ffffff;
    }

    .pm-cookie-table thead th {
        background: #0f766e;
        color: #ffffff;
        font-weight: 900;
        padding: 0.95rem 1rem;
        font-size: 0.92rem;
        white-space: nowrap;
    }

    .pm-cookie-table tbody td {
        padding: 0.95rem 1rem;
        border-top: 1px solid #e2e8f0;
        color: #475569;
        vertical-align: top;
        line-height: 1.65;
    }

    .pm-cookie-table tbody td strong {
        color: #0f172a;
    }

    .pm-cookie-contact-card {
        border-radius: 28px;
        border: 1px solid #e2e8f0;
        background:
            radial-gradient(circle at top right, rgba(251, 191, 36, 0.10), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
        padding: 1.35rem;
    }

    .pm-cookie-contact-card h5 {
        color: #0f172a;
        font-weight: 950;
        margin-bottom: 0.75rem;
    }

    .pm-cookie-contact-list {
        display: grid;
        gap: 0.55rem;
    }

    .pm-cookie-contact-list div {
        color: #475569;
        line-height: 1.7;
    }

    .pm-cookie-bottom-cta {
        margin-top: 2rem;
        border-radius: 34px;
        padding: 2rem;
        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 28px 60px rgba(15, 23, 42, 0.18);
    }

    .pm-cookie-bottom-cta h3 {
        font-weight: 950;
        margin-bottom: 0.6rem;
    }

    .pm-cookie-bottom-cta p {
        color: rgba(255, 255, 255, 0.88);
        line-height: 1.8;
        margin-bottom: 1.2rem;
    }

    .pm-cookie-bottom-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    .pm-cookie-bottom-actions .btn {
        border-radius: 999px;
        font-weight: 850;
        padding: 0.82rem 1.35rem;
    }

    @media (max-width: 1199.98px) {
        .pm-cookie-grid {
            grid-template-columns: 1fr;
        }

        .pm-cookie-sidebar {
            border-right: 0;
            border-bottom: 1px solid #e2e8f0;
        }

        .pm-cookie-sidebar-card {
            position: static;
        }

        .pm-cookie-nav {
            grid-template-columns: repeat(2, 1fr);
        }
    }

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

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

        .pm-cookie-shell {
            border-radius: 30px;
        }

        .pm-cookie-intro,
        .pm-cookie-content {
            padding: 1.35rem;
        }

        .pm-cookie-nav {
            grid-template-columns: 1fr;
        }

        .pm-cookie-section-body,
        .pm-cookie-section-header {
            padding-left: 1.1rem;
            padding-right: 1.1rem;
        }

        .pm-cookie-card-grid {
            grid-template-columns: 1fr;
        }

        .pm-cookie-bottom-cta {
            padding: 1.45rem;
            border-radius: 28px;
        }

        .pm-cookie-bottom-actions {
            flex-direction: column;
            align-items: stretch;
        }

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


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

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

            <span class="pm-cookie-badge">
                <i class="bi bi-cookie"></i>
                Website Cookies & Similar Technologies
            </span>

            <h1>
                Cookie Policy
            </h1>

            <p>
                This Cookie Policy explains how Home in Sri Lanka — Property Care may use
                cookies, session storage, authentication tools, security tokens, preference records,
                analytics technologies where enabled, and third-party service cookies connected to
                platform operation, account access, dashboards, forms, and payment-related workflows.
            </p>

            <div class="pm-cookie-meta">
                <span class="pm-cookie-meta-pill">
                    <i class="bi bi-shield-lock-fill"></i>
                    Security & Login Cookies
                </span>

                <span class="pm-cookie-meta-pill">
                    <i class="bi bi-person-check-fill"></i>
                    Session Functionality
                </span>

                <span class="pm-cookie-meta-pill">
                    <i class="bi bi-sliders"></i>
                    Preferences & Analytics
                </span>
            </div>

        </div>
    </section>


    <!-- =====================================================
         MAIN COOKIE POLICY CONTENT
    ====================================================== -->
    <section class="pm-cookie-main">
        <div class="container">
            <div class="pm-cookie-shell">

                <!-- Intro -->
                <div class="pm-cookie-intro">
                    <h2>Cookie Policy Overview</h2>

                    <p>
                        Cookies and similar browser technologies help websites recognize a device,
                        maintain sessions, remember selected preferences, and support secure platform functionality.
                        This page explains how those technologies may be used within the Property Care app.
                    </p>
                </div>


                <div class="pm-cookie-grid">

                    <!-- SIDEBAR -->
                    <aside class="pm-cookie-sidebar">
                        <div class="pm-cookie-sidebar-card">
                            <h5>Policy Contents</h5>

                            <nav class="pm-cookie-nav">
                                <a href="#cookie-1">1. What Are Cookies?</a>
                                <a href="#cookie-2">2. Scope of This Policy</a>
                                <a href="#cookie-3">3. Why We Use Cookies</a>
                                <a href="#cookie-4">4. Essential Cookies</a>
                                <a href="#cookie-5">5. Authentication Cookies</a>
                                <a href="#cookie-6">6. CSRF & Security Cookies</a>
                                <a href="#cookie-7">7. Preference Cookies</a>
                                <a href="#cookie-8">8. Analytics Cookies</a>
                                <a href="#cookie-9">9. Third-Party Cookies</a>
                                <a href="#cookie-10">10. Payment-Related Technologies</a>
                                <a href="#cookie-11">11. Session vs Persistent Cookies</a>
                                <a href="#cookie-12">12. Similar Technologies</a>
                                <a href="#cookie-13">13. Cookie Table</a>
                                <a href="#cookie-14">14. Managing Cookies</a>
                                <a href="#cookie-15">15. Effect of Blocking Cookies</a>
                                <a href="#cookie-16">16. Consent & Notices</a>
                                <a href="#cookie-17">17. Relationship with Privacy Policy</a>
                                <a href="#cookie-18">18. Policy Updates</a>
                                <a href="#cookie-19">19. Contact Us</a>
                            </nav>

                            <div class="pm-cookie-sidebar-note">
                                This policy should be read together with the Privacy Policy,
                                Terms & Conditions, Disclaimer, and Refund & Payment Policy.
                            </div>
                        </div>
                    </aside>


                    <!-- MAIN CONTENT -->
                    <main class="pm-cookie-content">

                        <!-- 1 -->
                        <section class="pm-cookie-section" id="cookie-1">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">01</span>
                                <h3>What Are Cookies?</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Cookies are small text files or data elements stored by a browser
                                    on a user’s device when a website is visited. They may help the website
                                    recognize the device, maintain user sessions, remember preferences,
                                    or support secure operation.
                                </p>

                                <div class="pm-cookie-highlight">
                                    Cookies are commonly used for login sessions, form security,
                                    website preferences, analytics, and other practical website functions.
                                </div>
                            </div>
                        </section>


                        <!-- 2 -->
                        <section class="pm-cookie-section" id="cookie-2">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">02</span>
                                <h3>Scope of This Cookie Policy</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    This Cookie Policy applies to the Home in Sri Lanka — Property Care website,
                                    public pages, owner account pages, login sessions, dashboards,
                                    forms, profile workflows, service-selection pages, estimate pages,
                                    payment-center pages, and related platform interactions.
                                </p>

                                <p>
                                    It may also apply to cookies or similar technologies introduced by embedded
                                    or connected third-party services where they are used within the platform experience.
                                </p>
                            </div>
                        </section>


                        <!-- 3 -->
                        <section class="pm-cookie-section" id="cookie-3">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">03</span>
                                <h3>Why We May Use Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Cookies and similar technologies may be used to:
                                </p>

                                <ul>
                                    <li>Keep authenticated users signed in during an active session;</li>
                                    <li>Protect forms and POST requests from misuse;</li>
                                    <li>Maintain secure dashboard access;</li>
                                    <li>Remember selected site preferences where enabled;</li>
                                    <li>Support account profile workflows;</li>
                                    <li>Enable payment checkout handoffs where applicable;</li>
                                    <li>Understand general website usage through analytics where enabled;</li>
                                    <li>Improve performance, usability, and security.</li>
                                </ul>
                            </div>
                        </section>


                        <!-- 4 -->
                        <section class="pm-cookie-section" id="cookie-4">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">04</span>
                                <h3>Essential Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Essential cookies are required for the core technical operation of the platform.
                                    Without them, important features may not work correctly.
                                </p>

                                <p>These may support:</p>

                                <ul>
                                    <li>Page navigation and secure form submission;</li>
                                    <li>Basic session management;</li>
                                    <li>Login state maintenance;</li>
                                    <li>Security and anti-abuse controls;</li>
                                    <li>Access to protected owner dashboard pages.</li>
                                </ul>
                            </div>
                        </section>


                        <!-- 5 -->
                        <section class="pm-cookie-section" id="cookie-5">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">05</span>
                                <h3>Authentication and Login Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    The Property Care app may use authentication-related cookies
                                    to identify that a signed-in user has already logged in
                                    and to allow continued access to profile pages, property dashboards,
                                    payment centers, and report pages during that authenticated session.
                                </p>

                                <p>
                                    These cookies help avoid requiring a user to log in again
                                    on every individual page request within an active session.
                                </p>
                            </div>
                        </section>


                        <!-- 6 -->
                        <section class="pm-cookie-section" id="cookie-6">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">06</span>
                                <h3>CSRF and Security Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Security cookies may be used to help protect forms, account changes,
                                    payment selections, image uploads, profile edits, and other sensitive actions
                                    from unauthorized or malicious requests.
                                </p>

                                <p>
                                    In Django-based web applications, CSRF protection is commonly used
                                    to help validate that certain form submissions originate from the expected website session.
                                </p>

                                <div class="pm-cookie-warning">
                                    Blocking essential security cookies may prevent forms, updates,
                                    uploads, or checkout-related actions from functioning correctly.
                                </div>
                            </div>
                        </section>


                        <!-- 7 -->
                        <section class="pm-cookie-section" id="cookie-7">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">07</span>
                                <h3>Preference Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Where preference features are enabled, cookies or similar browser storage
                                    may be used to remember choices such as:
                                </p>

                                <ul>
                                    <li>Accepted cookie notice state;</li>
                                    <li>Language or content preference where implemented;</li>
                                    <li>Display or interface choices;</li>
                                    <li>Other non-essential user experience settings.</li>
                                </ul>

                                <p>
                                    These are intended to make repeated use of the website more convenient.
                                </p>
                            </div>
                        </section>


                        <!-- 8 -->
                        <section class="pm-cookie-section" id="cookie-8">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">08</span>
                                <h3>Analytics or Performance Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    If analytics tools are added to the Property Care platform,
                                    analytics cookies or similar measurement technologies may be used
                                    to understand broad patterns such as:
                                </p>

                                <ul>
                                    <li>Which public pages are visited most often;</li>
                                    <li>Whether users encounter navigation issues;</li>
                                    <li>General page-performance trends;</li>
                                    <li>How visitors interact with service-information pages.</li>
                                </ul>

                                <p>
                                    Analytics use should be handled consistently with the applicable privacy notice
                                    and any consent or preference tools implemented on the website.
                                </p>
                            </div>
                        </section>


                        <!-- 9 -->
                        <section class="pm-cookie-section" id="cookie-9">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">09</span>
                                <h3>Third-Party Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Some third-party services integrated into the broader website experience
                                    may use their own cookies or similar technologies.
                                </p>

                                <p>Examples may include:</p>

                                <ul>
                                    <li>Payment gateways;</li>
                                    <li>Embedded video or map tools where later added;</li>
                                    <li>Analytics providers where enabled;</li>
                                    <li>External customer-support or communication widgets where used.</li>
                                </ul>

                                <div class="pm-cookie-warning">
                                    Third-party technologies are governed by the relevant third party’s own policies
                                    in addition to this Property Care Cookie Policy.
                                </div>
                            </div>
                        </section>


                        <!-- 10 -->
                        <section class="pm-cookie-section" id="cookie-10">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">10</span>
                                <h3>Payment-Related Technologies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Where the Property Care Payment Center connects to payment checkout services,
                                    third-party payment providers may use cookies or similar technologies
                                    as part of fraud prevention, transaction continuity, login recognition,
                                    session handling, or payment-completion routing.
                                </p>

                                <p>
                                    The exact payment-related cookies depend on the gateway or checkout provider
                                    ultimately connected to the app.
                                </p>
                            </div>
                        </section>


                        <!-- 11 -->
                        <section class="pm-cookie-section" id="cookie-11">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">11</span>
                                <h3>Session Cookies and Persistent Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Cookies may generally operate in two ways:
                                </p>

                                <div class="pm-cookie-card-grid">
                                    <div class="pm-cookie-mini-card">
                                        <h5>Session Cookies</h5>
                                        <p>
                                            These are typically temporary and may expire when a browser session ends
                                            or after a short session period.
                                        </p>
                                    </div>

                                    <div class="pm-cookie-mini-card">
                                        <h5>Persistent Cookies</h5>
                                        <p>
                                            These may remain on a device for a longer period,
                                            such as when preferences or notice acknowledgments are remembered.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </section>


                        <!-- 12 -->
                        <section class="pm-cookie-section" id="cookie-12">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">12</span>
                                <h3>Similar Technologies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    In addition to traditional cookies, websites may use similar technologies
                                    that store or access information in a browser or device environment.
                                </p>

                                <p>
                                    These may include, where implemented:
                                </p>

                                <ul>
                                    <li>Local storage;</li>
                                    <li>Session storage;</li>
                                    <li>Pixel tags or measurement scripts;</li>
                                    <li>Embedded third-party content technologies;</li>
                                    <li>Other browser-based storage or access tools.</li>
                                </ul>

                                <p>
                                    Where such technologies are used, they should be handled consistently
                                    with the purpose and notice principles described in this policy.
                                </p>
                            </div>
                        </section>


                        <!-- 13 -->
                        <section class="pm-cookie-section" id="cookie-13">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">13</span>
                                <h3>Summary of Cookie Categories</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    The following table summarizes the cookie categories that may be relevant
                                    to the Property Care platform:
                                </p>

                                <div class="pm-cookie-table-wrap">
                                    <table class="pm-cookie-table">
                                        <thead>
                                            <tr>
                                                <th>Category</th>
                                                <th>Main Purpose</th>
                                                <th>Likely Examples</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><strong>Essential</strong></td>
                                                <td>Core website and account functionality</td>
                                                <td>Session continuity, secure navigation</td>
                                            </tr>

                                            <tr>
                                                <td><strong>Authentication</strong></td>
                                                <td>Maintain sign-in state for dashboard users</td>
                                                <td>Logged-in owner session cookies</td>
                                            </tr>

                                            <tr>
                                                <td><strong>Security</strong></td>
                                                <td>Protect forms and sensitive account actions</td>
                                                <td>CSRF tokens, anti-abuse controls</td>
                                            </tr>

                                            <tr>
                                                <td><strong>Preferences</strong></td>
                                                <td>Remember selected non-essential settings</td>
                                                <td>Cookie notice choice, interface preferences</td>
                                            </tr>

                                            <tr>
                                                <td><strong>Analytics</strong></td>
                                                <td>Understand broad site usage where enabled</td>
                                                <td>Traffic and performance measurement tools</td>
                                            </tr>

                                            <tr>
                                                <td><strong>Third-Party</strong></td>
                                                <td>Support external integrations</td>
                                                <td>Payment provider or embedded service cookies</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </section>


                        <!-- 14 -->
                        <section class="pm-cookie-section" id="cookie-14">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">14</span>
                                <h3>How You Can Manage Cookies</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Users can generally manage cookies through:
                                </p>

                                <ul>
                                    <li>Browser settings that block or delete cookies;</li>
                                    <li>Website cookie preference controls where implemented;</li>
                                    <li>Third-party service settings where applicable;</li>
                                    <li>Device privacy settings in certain environments.</li>
                                </ul>

                                <p>
                                    Browser-based cookie settings vary by browser and device.
                                    Users may review the settings menu of the browser they use
                                    to control cookie storage and deletion.
                                </p>
                            </div>
                        </section>


                        <!-- 15 -->
                        <section class="pm-cookie-section" id="cookie-15">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">15</span>
                                <h3>What Happens If Cookies Are Blocked?</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Blocking all cookies, especially essential or security cookies,
                                    may affect the functionality of the Property Care platform.
                                </p>

                                <p>For example, you may experience problems with:</p>

                                <ul>
                                    <li>Signing in to your Property Care dashboard;</li>
                                    <li>Remaining logged in during a session;</li>
                                    <li>Submitting profile or property forms;</li>
                                    <li>Uploading images or documents;</li>
                                    <li>Processing service selections;</li>
                                    <li>Using the Payment Center or checkout process.</li>
                                </ul>
                            </div>
                        </section>


                        <!-- 16 -->
                        <section class="pm-cookie-section" id="cookie-16">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">16</span>
                                <h3>Cookie Consent and Website Notices</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Where the website uses non-essential cookies or technologies
                                    that require a notice, preference choice, or other control,
                                    Ensolanka may provide an appropriate cookie banner, notice,
                                    or settings interface.
                                </p>

                                <p>
                                    The exact content and mechanism of such controls may be updated
                                    as the website evolves and as legal or operational requirements change.
                                </p>
                            </div>
                        </section>


                        <!-- 17 -->
                        <section class="pm-cookie-section" id="cookie-17">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">17</span>
                                <h3>Relationship with the Privacy Policy</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Cookies may involve the collection or processing of information
                                    about website use, device interaction, session activity, or account access.
                                </p>

                                <p>
                                    For information about broader handling of personal data,
                                    owner profile data, property data, uploaded documents,
                                    payment records, and service reports, please review the
                                    <strong>Privacy Policy</strong>.
                                </p>
                            </div>
                        </section>


                        <!-- 18 -->
                        <section class="pm-cookie-section" id="cookie-18">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">18</span>
                                <h3>Updates to This Cookie Policy</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    Ensolanka may update this Cookie Policy from time to time to reflect:
                                </p>

                                <ul>
                                    <li>Changes to website functionality;</li>
                                    <li>New security or session features;</li>
                                    <li>New analytics tools where implemented;</li>
                                    <li>Payment gateway changes;</li>
                                    <li>Changes to third-party integrations;</li>
                                    <li>Updates to privacy or compliance practices.</li>
                                </ul>

                                <p>
                                    The updated policy will apply once published on the relevant website page,
                                    unless a later effective date is specifically stated.
                                </p>
                            </div>
                        </section>


                        <!-- 19 -->
                        <section class="pm-cookie-section" id="cookie-19">
                            <div class="pm-cookie-section-header">
                                <span class="pm-cookie-section-number">19</span>
                                <h3>Contact Us</h3>
                            </div>

                            <div class="pm-cookie-section-body">
                                <p>
                                    For questions about this Cookie Policy or cookie-related website functionality,
                                    users may contact Ensolanka through the official support channels.
                                </p>

                                <div class="pm-cookie-contact-card">
                                    <h5>Suggested Contact Channels</h5>

                                    <div class="pm-cookie-contact-list">
                                        <div><strong>Email:</strong> info@ensolanka.com</div>
                                        <div><strong>Support:</strong> support@ensolanka.com</div>
                                        <div><strong>USA WhatsApp:</strong> +1 307 218 2541</div>
                                        <div><strong>Asia WhatsApp:</strong> +94 71 697 8355</div>
                                    </div>
                                </div>
                            </div>
                        </section>


                        <!-- Bottom CTA -->
                        <div class="pm-cookie-bottom-cta">
                            <h3>Want to Review the Rest of Our Policies?</h3>

                            <p>
                                Read the related Property Care legal pages for complete information
                                about platform use, privacy, payments, disclaimers, and owner responsibilities.
                            </p>

                            <div class="pm-cookie-bottom-actions">
                                <a href="{% url 'property_manager_app:property_care_privacy_policy' %}"
                                   class="btn btn-warning">
                                    <i class="bi bi-shield-lock-fill me-2"></i>
                                    Privacy Policy
                                </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>
                                    Terms & Conditions
                                </a>

                                <a href="{% url 'property_manager_app:property_care_disclaimer' %}"
                                   class="btn btn-outline-light">
                                    <i class="bi bi-exclamation-circle-fill me-2"></i>
                                    Disclaimer
                                </a>
                            </div>
                        </div>

                    </main>

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

</section>

{% endblock %}