@section('meta_description', 'Read TickooPlug's terms and conditions for using our event ticketing platform, purchases, and event management services in Kenya.')
@section('meta_keywords', 'TickooPlug terms, ticketing terms, Kenya event policies, event ticket rules')

@section('content')
<!-- Hero Section -->
<section class="about-hero" >
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-lg-8">
                <h1 class="display-4 fw-bold mb-3">Terms of Service</h1>
                <p class="lead mb-4">Understand the terms for using TickooPlug's platform and services.</p>
            </div>
        </div>
    </div>
</section>

<!-- Terms Section -->
<section id="terms" class="terms section">
  <div class="container section-title">
    <h2>Terms of Service</h2>
    <p>These Terms govern your use of TickooPlug.</p>
  </div>
  <div class="container">
    <p><strong>Last updated: 7/7/2025</strong></p>

    <div class="alert alert-warning">
      <strong>IMPORTANT NOTICE:</strong> Please read these Terms carefully. They contain important information about your legal rights, remedies, and obligations.
    </div>

    <h3>1. Introduction</h3>
    <p>Welcome to TickooPlug, a premium digital ticketing and event management platform operated by GrooveHQSolution Limited ("we", "us", "our"). By accessing or using the Platform or any related services (collectively, the "Service"), you ("User") agree to these Terms of Service ("Terms"). If you do not agree, you must not use the Service.</p>

    <h3>2. Definitions</h3>
    <ul>
      <li><strong>Attendee:</strong> A User who purchases, registers for, or attends an Event via the Service.</li>
      <li><strong>Event Organiser:</strong> A User who creates, promotes, manages, or sells tickets for an Event.</li>
      <li><strong>Event Ticket:</strong> Digital or physical proof of purchase or entitlement to access an Event.</li>
      <li><strong>Media Content:</strong> Photographs, video recordings, audio recordings, or livestreams captured at an Event.</li>
    </ul>

    <h3>3. Eligibility & Account Registration</h3>
    <p>You must be at least 18 years old and have the legal capacity to enter into a binding contract to use the Service. Users under 18 may only use the Service under direct supervision of a parent or legal guardian.</p>
    <p>You are solely responsible for maintaining the confidentiality of your login credentials and all activities conducted under your account. You must notify us immediately of any suspected unauthorized use at info@tickooplug.co.ke.</p>

    <h3>4. Prohibited Events, Content & Conduct</h3>
    <p>You shall not list or promote any Event that is unlawful under Kenyan laws or involves scalping, counterfeit tickets, or breaching venue capacity and safety laws.</p>
    <p>You agree not to use the Service for unlawful purposes, upload infringing content, disrupt the Service, or attempt unauthorized access.</p>

    <h3>5. Organiser Compliance Obligations</h3>
    <p>Organisers warrant compliance with Kenyan licensing requirements, venue capacity laws, tax obligations, and consumer protection laws. Organisers are solely responsible for the accuracy of Event information and fulfilling promises to Attendees.</p>

    <h3>6. Ticketing, Payments, Refunds</h3>
    <ul>
      <li>Payments processed through approved Kenyan payment channels</li>
      <li>All ticket prices quoted in Kenyan Shillings (KES)</li>
      <li>Refunds governed by Event Organiser's policy</li>
      <li>Transaction and service fees are non-refundable</li>
      <li>TickooPlug remits Organiser Revenue within T+2 working days after Event completion</li>
    </ul>

    <h3>7. Platform Availability</h3>
    <p>The Service is provided "as is" and "as available", without warranties of any kind. We may temporarily suspend access for maintenance and are not liable for interruptions beyond our control.</p>

    <h3>8. Intellectual Property</h3>
    <p>All software, trademarks, logos, and proprietary Content remain the exclusive property of GrooveHQSolution Limited. You are granted a limited, revocable, non-exclusive licence to access the Service for personal, non-commercial use.</p>

    <h3>9. Media Content</h3>
    <p>By attending an Event managed through TickooPlug, you grant the Event Organiser and TickooPlug a licence to use Media Content featuring your image for Event documentation, security, marketing, and promotional activities. You may withdraw consent for future marketing use by contacting us.</p>

    <h3>10. Limitation of Liability</h3>
    <p>GrooveHQSolution Limited shall not be liable for any indirect, incidental, special, consequential, or punitive damages, including but not limited to loss of profits, data, or goodwill, or for personal injury or property loss occurring at an Event.</p>

    <h3>11. Indemnity</h3>
    <p>You agree to indemnify and hold harmless GrooveHQSolution Limited from any claims, damages, or losses arising from your use of the Service, violation of these Terms, or infringement of third-party rights.</p>

    <h3>12. Dispute Resolution</h3>
    <p>Disputes shall first be resolved through good-faith negotiations. If unresolved within 30 days, disputes shall be submitted to mediation, then arbitration in Nairobi under the Arbitration Act 1995.</p>

    <h3>13. Governing Law</h3>
    <p>These Terms are governed by the laws of the Republic of Kenya. The courts of Kenya shall have jurisdiction to settle any disputes.</p>

    <h3>14. Modification of Terms</h3>
    <p>We may modify these Terms periodically. Revised Terms take effect upon posting on www.tickooplug.co.ke. Material changes will be communicated at least 30 days in advance.</p>

    <h3>15. Force Majeure</h3>
    <p>We shall not be liable for any failure to perform our obligations due to Force Majeure Events including pandemics, government actions, infrastructure failures, or acts of terrorism.</p>

    <h3>16. Contact Information</h3>
    <p>
      TickooPlug<br>
      Nairobi, Kenya<br>
      Email: info@tickooplug.co.ke
    </p>
  </div>
</section><!-- End Terms Section -->
@endsection

<!DOCTYPE html>
<html lang="en" style="overflow-x:hidden;">
<head>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Terms and Conditions - TickooPlug</title>
<meta name="description" content="Kenyan-built event ticketing and management platform. We simplify access to concerts, gospel shows, sports, festivals, conferences, and community events — connecting organizers and audiences across Kenya and East Africa through a secure, modern digital experience.">
<meta name="keywords" content="TickooPlug, event ticketing Kenya, online tickets, buy tickets Kenya, event management platform, TickooPlug, concerts, festivals, conferences, sports events">


<!-- Canonical URL -->
<link rel="canonical" href="https://tickooplug.co.ke/public/terms">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="TickooPlug - Premium Event Ticketing in Kenya">
<meta property="og:description" content="Discover, book, and manage your favorite events with TickooPlug — a proudly Kenyan-born ticketing platform.">
<meta property="og:image" content="https://tickooplug.co.ke/public/images/about.jpg">
<meta property="og:url" content="https://tickooplug.co.ke/public/terms">
<meta property="og:site_name" content="TickooPlug">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="TickooPlug - Premium Event Ticketing in Kenya">
<meta name="twitter:description" content="Book your next event with TickooPlug — secure, easy, and made for Kenyans.">
<meta name="twitter:image" content="https://tickooplug.co.ke/public/images/about.jpg">

<!-- Favicon -->
<link rel="manifest" href="https://tickooplug.co.ke/public/site.webmanifest">
<link rel="icon" type="image/png" sizes="32x32" href="https://tickooplug.co.ke/public/images/icons/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://tickooplug.co.ke/public/images/icons/android-chrome-192x192.png">
<meta name="theme-color" content="#081931">

<!-- CSRF Token -->
<meta name="csrf-token" content="elYqHSWpNnGkPKg0ESezjuDA6mRk8dpXYQ2ylSeF">
<meta name="google-site-verification" content="-nFSyQzH94-S__LtzI0qs1IaTJIvZyyFN2Ty4cHfaNg" />

<!-- Styles & Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.7.0/nouislider.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<link href="https://cdn.jsdelivr.net/npm/tom-select/dist/css/tom-select.bootstrap5.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css">



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://tickooplug.com/#organization",
      "name": "TickooPlug",
      "url": "https://tickooplug.com",
      "logo": "https://tickooplug.com/images/icons/android-chrome-512x512.png",
      "foundingDate": "2023",
      "founder": {
        "@type": "Organization",
        "name": "TickooPlug"
      },
      "description": "TickooPlug is a proudly Kenyan-born event ticketing and management platform that connects event organizers and audiences through secure, simple, and innovative digital experiences.",
      "sameAs": [
        "https://www.facebook.com/tickooplug",
        "https://www.instagram.com/tickooplug",
        "https://x.com/tickooplug"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://tickooplug.com/#website",
      "url": "https://tickooplug.com",
      "name": "TickooPlug",
      "publisher": {
        "@id": "https://tickooplug.com/#organization"
      },
      "inLanguage": "en-KE",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://tickooplug.com/search?query={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "LocalBusiness",
      "@id": "https://tickooplug.com/#localbusiness",
      "name": "TickooPlug",
      "image": "https://tickooplug.com/images/og-default.jpg",
      "url": "https://tickooplug.com",
      "telephone": "+254 748 835 690",
      "email": "info@tickooplug.com",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Nairobi",
        "addressLocality": "Nairobi",
        "addressRegion": "Nairobi County",
        "postalCode": "00100",
        "addressCountry": "KE"
      },
      "priceRange": "$$",
      "openingHours": "Mo-Fr 08:00-18:00",
      "sameAs": [
        "https://www.facebook.com/tickooplug",
        "https://www.instagram.com/tickooplug",
        "https://x.com/tickooplug"
      ],
      "description": "Buy tickets for concerts, festivals, conferences, and sports events across Kenya with TickooPlug — Kenya's trusted event ticketing platform by TickooPlug."
    }
  ]
}
</script>
    <link rel="preload" as="style" href="https://tickooplug.co.ke/public/build/assets/app-C9IyB5tZ.css" /><link rel="modulepreload" as="script" href="https://tickooplug.co.ke/public/build/assets/app-T1DpEqax.js" /><link rel="stylesheet" href="https://tickooplug.co.ke/public/build/assets/app-C9IyB5tZ.css" /><script type="module" src="https://tickooplug.co.ke/public/build/assets/app-T1DpEqax.js"></script>        </head>
<body class="tickooplug-front">

    
    <style>
.dun-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    background: rgba(8,25,49,0.97);
    backdrop-filter: blur(14px);
    border-bottom: 2px solid rgba(255,255,255,0.10);
    overflow-x: hidden;
}

/* Top row */
.dun-navbar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0;
}

/* Search bar */
.dun-search-form {
    flex: 1;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
}
.dun-search-form input {
    width: 100%;
    background: rgba(255,255,255,0.07);
    border: 2px solid rgba(255,255,255,0.15);
    border-radius: 0;
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.5rem 2.6rem 0.5rem 0.9rem;
    outline: none;
    transition: border-color 0.15s, background 0.15s;
}
.dun-search-form input::placeholder { color: rgba(255,255,255,0.35); }
.dun-search-form input:focus {
    border-color: #25D366;
    background: rgba(255,255,255,0.10);
}
.dun-search-form .search-icon {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.4);
    font-size: 0.95rem;
    pointer-events: none;
}
.dun-search-form input:focus ~ .search-icon { color: #25D366; }

/* Desktop nav links */
.dun-nav-links {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.dun-nav-links .nav-link {
    color: rgba(255,255,255,0.65) !important;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 0.4rem 0.75rem;
    transition: color 0.12s;
    white-space: nowrap;
}
.dun-nav-links .nav-link:hover,
.dun-nav-links .nav-link.active { color: #fff !important; }
.dun-nav-links .nav-link.active {
    border-bottom: 2px solid #25D366;
    padding-bottom: 0.2rem;
}

/* CTA buttons */
.dun-nav-ctas {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Category strip */
.dun-cat-strip {
    border-top: 1px solid rgba(255,255,255,0.07);
    padding: 0;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    /* Contain the strip so it never bleeds outside the navbar */
    max-width: 100vw;
}
.dun-cat-strip::-webkit-scrollbar { display: none; }
.dun-cat-strip-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    white-space: nowrap;
    padding: 0;
    /* Do NOT use min-width:max-content here — it makes the fixed parent wider than 100vw */
    width: max-content;
    margin: 0;
}
.dun-cat-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0.45rem 0.85rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    border-right: 1px solid rgba(255,255,255,0.06);
    transition: background 0.12s, color 0.12s;
    white-space: nowrap;
    flex-shrink: 0;
}
.dun-cat-link:hover {
    background: rgba(255,255,255,0.05);
    color: #fff;
}
.dun-cat-link.active {
    color: #25D366;
    border-bottom: 2px solid #25D366;
}
.dun-cat-link i { font-size: 0.78rem; }

/* Mobile category chips */
.mob-cat-section {
    padding: 0.75rem 1.25rem 0.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.mob-cat-label {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.3);
    margin-bottom: 0.6rem;
}
.mob-cat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.mob-cat-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0.3rem 0.65rem;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.65);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}
.mob-cat-chip:hover,
.mob-cat-chip.active {
    background: rgba(37,211,102,0.25);
    border-color: #25D366;
    color: #fff;
}
.mob-cat-chip i { font-size: 0.72rem; color: #25D366; }

/* Hamburger */
.dun-hamburger {
    background: none;
    border: 2px solid rgba(255,255,255,0.2);
    color: #fff;
    padding: 0.35rem 0.55rem;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    transition: border-color 0.15s;
}
.dun-hamburger:hover { border-color: rgba(255,255,255,0.5); }

/* Mobile offcanvas */
.dun-offcanvas {
    background: #081931;
    border-left: 2px solid rgba(255,255,255,0.12);
    max-width: 280px;
    width: 280px;
}
.dun-offcanvas .offcanvas-header {
    border-bottom: 1px solid rgba(255,255,255,0.10);
    padding: 1rem 1.25rem;
}
.dun-offcanvas .offcanvas-title {
    font-weight: 900;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
}
.mob-nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.85rem 1.25rem;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    transition: background 0.12s, color 0.12s;
}
.mob-nav-link:hover,
.mob-nav-link.active { background: rgba(255,255,255,0.04); color: #fff; }
.mob-nav-link.active { border-left: 3px solid #25D366; }
.mob-nav-link i { font-size: 1rem; color: #25D366; width: 18px; text-align: center; }

/* Mobile search */
.mob-search-wrap {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.mob-search-wrap input {
    width: 100%;
    background: rgba(255,255,255,0.07);
    border: 2px solid rgba(255,255,255,0.15);
    border-radius: 0;
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.82rem;
    padding: 0.5rem 0.75rem;
    outline: none;
}
.mob-search-wrap input::placeholder { color: rgba(255,255,255,0.3); }
</style>

<nav class="dun-navbar" id="mainNavbar">
    <div class="container">
        <div class="dun-navbar-top">

            
            <a href="https://tickooplug.co.ke/public" class="text-decoration-none flex-shrink-0">
                <img src="https://tickooplug.co.ke/public/images/tickoo-plug.png" alt="TickooPlug" id="navbarLogo"
                     style="height:36px; filter:brightness(0) invert(1);">
            </a>

            
            <form action="https://tickooplug.co.ke/public/events-page" method="GET"
                  class="dun-search-form d-none d-lg-block">
                <input type="text" name="search" placeholder="Search events, artists, venues..."
                       value="" autocomplete="off">
                <i class="bi bi-search search-icon"></i>
            </form>

            
            <ul class="dun-nav-links d-none d-lg-flex">
                <li>
                    <a class="nav-link "
                       href="https://tickooplug.co.ke/public">Home</a>
                </li>
                <li>
                    <a class="nav-link "
                       href="https://tickooplug.co.ke/public/events-page">Events</a>
                </li>
                <li>
                    <a class="nav-link "
                       href="https://tickooplug.co.ke/public/blog">Blog</a>
                </li>
                <li>
                    <a class="nav-link "
                       href="https://tickooplug.co.ke/public/about">About</a>
                </li>
                <li>
                    <a class="nav-link "
                       href="https://tickooplug.co.ke/public/pricing">Pricing</a>
                </li>
                <li>
                    <a class="nav-link "
                       href="https://tickooplug.co.ke/public/contact">Contact</a>
                </li>
            </ul>

            
            <div class="dun-nav-ctas d-none d-lg-flex">
                <a href="https://tickooplug.co.ke/public/register/organizer" class="btn-dun-outline"
                   style="font-size:0.72rem; padding:7px 14px;">
                    Sell Tickets
                </a>
                                <a href="https://tickooplug.co.ke/public/login" class="btn-dun"
                   style="font-size:0.72rem; padding:7px 14px;">
                    Sign In
                </a>
                            </div>

            
            <button class="dun-hamburger d-lg-none" type="button"
                    data-bs-toggle="offcanvas" data-bs-target="#dunMobileMenu"
                    aria-label="Open menu">
                <i class="bi bi-list"></i>
            </button>
        </div>
    </div>

    
    <div class="dun-cat-strip">
        <div class="container">
            <div class="dun-cat-strip-inner">
                <a href="https://tickooplug.co.ke/public/events-page"
                   class="dun-cat-link ">
                    <i class="bi bi-grid-3x3-gap-fill"></i> All Events
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=concerts"
                   class="dun-cat-link ">
                    <i class="bi bi-music-note-beamed"></i> Concerts
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=gospel"
                   class="dun-cat-link ">
                    <i class="bi bi-heart-fill"></i> Gospel
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=nightlife"
                   class="dun-cat-link ">
                    <i class="bi bi-moon-stars-fill"></i> Nightlife
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=comedy"
                   class="dun-cat-link ">
                    <i class="bi bi-emoji-laughing-fill"></i> Comedy
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=sports"
                   class="dun-cat-link ">
                    <i class="bi bi-trophy-fill"></i> Sports
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=festivals"
                   class="dun-cat-link ">
                    <i class="bi bi-sun-fill"></i> Festivals
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=conferences"
                   class="dun-cat-link ">
                    <i class="bi bi-mic-fill"></i> Conferences
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=arts"
                   class="dun-cat-link ">
                    <i class="bi bi-palette-fill"></i> Arts
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=food"
                   class="dun-cat-link ">
                    <i class="bi bi-cup-hot-fill"></i> Food & Drink
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=workshops"
                   class="dun-cat-link ">
                    <i class="bi bi-tools"></i> Workshops
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=fashion"
                   class="dun-cat-link ">
                    <i class="bi bi-bag-fill"></i> Fashion
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=kids"
                   class="dun-cat-link ">
                    <i class="bi bi-balloon-heart-fill"></i> Kids & Family
                </a>
                <a href="https://tickooplug.co.ke/public/categories-page"
                   class="dun-cat-link ">
                    <i class="bi bi-tags-fill"></i> All Categories
                </a>
            </div>
        </div>
    </div>
</nav>


<div class="offcanvas offcanvas-end dun-offcanvas" tabindex="-1" id="dunMobileMenu">
    <div class="offcanvas-header">
        <span class="offcanvas-title">Menu</span>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
    </div>
    <div class="offcanvas-body p-0">

        
        <form action="https://tickooplug.co.ke/public/events-page" method="GET" class="mob-search-wrap">
            <input type="text" name="search" placeholder="Search events..."
                   value="" autocomplete="off">
        </form>

        <a href="https://tickooplug.co.ke/public"
           class="mob-nav-link ">
            <i class="bi bi-house-fill"></i> Home
        </a>
        <a href="https://tickooplug.co.ke/public/events-page"
           class="mob-nav-link ">
            <i class="bi bi-calendar-event-fill"></i> All Events
        </a>
        <a href="https://tickooplug.co.ke/public/blog"
           class="mob-nav-link ">
            <i class="bi bi-pencil-square"></i> Blog
        </a>
        <a href="https://tickooplug.co.ke/public/about"
           class="mob-nav-link ">
            <i class="bi bi-info-circle-fill"></i> About
        </a>
        <a href="https://tickooplug.co.ke/public/pricing"
           class="mob-nav-link ">
            <i class="bi bi-tag-fill"></i> Pricing
        </a>
        <a href="https://tickooplug.co.ke/public/contact"
           class="mob-nav-link ">
            <i class="bi bi-chat-dots-fill"></i> Contact
        </a>

        
        <div class="mob-cat-section">
            <div class="mob-cat-label">Browse by Category</div>
            <div class="mob-cat-chips">
                <a href="https://tickooplug.co.ke/public/events-page?category=concerts"
                   class="mob-cat-chip ">
                    <i class="bi bi-music-note-beamed"></i> Concerts
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=gospel"
                   class="mob-cat-chip ">
                    <i class="bi bi-heart-fill"></i> Gospel
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=nightlife"
                   class="mob-cat-chip ">
                    <i class="bi bi-moon-stars-fill"></i> Nightlife
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=comedy"
                   class="mob-cat-chip ">
                    <i class="bi bi-emoji-laughing-fill"></i> Comedy
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=sports"
                   class="mob-cat-chip ">
                    <i class="bi bi-trophy-fill"></i> Sports
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=festivals"
                   class="mob-cat-chip ">
                    <i class="bi bi-sun-fill"></i> Festivals
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=conferences"
                   class="mob-cat-chip ">
                    <i class="bi bi-mic-fill"></i> Conferences
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=arts"
                   class="mob-cat-chip ">
                    <i class="bi bi-palette-fill"></i> Arts
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=food"
                   class="mob-cat-chip ">
                    <i class="bi bi-cup-hot-fill"></i> Food & Drink
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=workshops"
                   class="mob-cat-chip ">
                    <i class="bi bi-tools"></i> Workshops
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=fashion"
                   class="mob-cat-chip ">
                    <i class="bi bi-bag-fill"></i> Fashion
                </a>
                <a href="https://tickooplug.co.ke/public/events-page?category=kids"
                   class="mob-cat-chip ">
                    <i class="bi bi-balloon-heart-fill"></i> Kids & Family
                </a>
                <a href="https://tickooplug.co.ke/public/categories-page"
                   class="mob-cat-chip ">
                    <i class="bi bi-tags-fill"></i> All Categories
                </a>
            </div>
        </div>

        <div class="p-3 mt-2 d-flex flex-column gap-2">
            <a href="https://tickooplug.co.ke/public/register/organizer" class="btn-dun-outline text-center"
               style="padding:12px; display:block;">Sell Tickets</a>
                        <a href="https://tickooplug.co.ke/public/login" class="btn-dun text-center"
               style="padding:12px; display:block;">Sign In</a>
                    </div>
    </div>
</div>

    
    <main id="main-content">
            </main>

    <footer class="dun-footer pt-5 pb-4 mt-5">
    <div class="container">
        <div class="row gy-4">

            
            <div class="col-lg-4 col-md-12">
                <img src="https://tickooplug.co.ke/public/images/tickoo-plug.png" alt="TickooPlug"
                     style="height:44px; filter:brightness(0) invert(1); margin-bottom:16px;">
                <p style="font-size:0.82rem; color:rgba(255,255,255,0.55); max-width:280px; line-height:1.7;">
                    Kenya and East Africa's home for event ticketing. Discover, book and experience — no stress.
                    <span style="color:#25D366; font-weight:700;"> Ticketed by TickooPlug.</span>
                </p>
                <ul class="list-unstyled mt-3" style="font-size:0.82rem; color:rgba(255,255,255,0.55);">
                    <li class="mb-1"><i class="bi bi-geo-alt-fill me-2" style="color:#25D366;"></i>Nairobi, Kenya</li>
                    <li class="mb-1"><i class="bi bi-telephone-fill me-2" style="color:#25D366;"></i>+254 748 835 690</li>
                    <li><i class="bi bi-envelope-fill me-2" style="color:#25D366;"></i>info@tickooplug.co.ke</li>
                </ul>
                <div class="d-flex gap-2 mt-3">
                    <a href="https://www.facebook.com/people/TickooPlug/61581858014530/" target="_blank" aria-label="Facebook"
                       style="display:inline-flex;align-items:center;justify-content:center;
                              width:36px;height:36px;border-radius:50%;background:#3b5998;
                              color:#fff;font-size:1rem;text-decoration:none;
                              transition:transform 0.15s,opacity 0.15s;"
                       onmouseover="this.style.transform='scale(1.12)'" onmouseout="this.style.transform='scale(1)'">
                        <i class="bi bi-facebook"></i>
                    </a>
                    <a href="https://www.instagram.com/tickooplug/" target="_blank" aria-label="Instagram"
                       style="display:inline-flex;align-items:center;justify-content:center;
                              width:36px;height:36px;border-radius:50%;
                              background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
                              color:#fff;font-size:1rem;text-decoration:none;
                              transition:transform 0.15s;"
                       onmouseover="this.style.transform='scale(1.12)'" onmouseout="this.style.transform='scale(1)'">
                        <i class="bi bi-instagram"></i>
                    </a>
                    <a href="#" target="_blank" aria-label="X (Twitter)"
                       style="display:inline-flex;align-items:center;justify-content:center;
                              width:36px;height:36px;border-radius:50%;background:#000;
                              color:#fff;font-size:1rem;text-decoration:none;
                              transition:transform 0.15s;"
                       onmouseover="this.style.transform='scale(1.12)'" onmouseout="this.style.transform='scale(1)'">
                        <i class="bi bi-twitter-x"></i>
                    </a>
                    <a href="#" target="_blank" aria-label="TikTok"
                       style="display:inline-flex;align-items:center;justify-content:center;
                              width:36px;height:36px;border-radius:50%;background:#010101;
                              color:#fff;font-size:1rem;text-decoration:none;
                              border:1px solid rgba(255,255,255,0.15);
                              transition:transform 0.15s;"
                       onmouseover="this.style.transform='scale(1.12)'" onmouseout="this.style.transform='scale(1)'">
                        <i class="bi bi-tiktok"></i>
                    </a>
                </div>
            </div>

            
            <div class="col-lg-2 col-6">
                <h5>Company</h5>
                <a href="https://tickooplug.co.ke/public/about">About Us</a>
                <a href="https://tickooplug.co.ke/public/services">Services</a>
                <a href="https://tickooplug.co.ke/public/pricing">Pricing</a>
                <a href="https://tickooplug.co.ke/public/blog">Blog</a>
                <a href="https://tickooplug.co.ke/public/contact">Partner With Us</a>
            </div>

            
            <div class="col-lg-2 col-6">
                <h5>Support</h5>
                <a href="https://tickooplug.co.ke/public/contact">Contact Us</a>
                <a href="https://tickooplug.co.ke/public/faq">FAQs</a>
                <a href="https://tickooplug.co.ke/public/privacy">Privacy Policy</a>
                <a href="https://tickooplug.co.ke/public/terms">Terms & Conditions</a>
            </div>

            
            <div class="col-lg-2 col-6">
                <h5>Discover</h5>
                <a href="https://tickooplug.co.ke/public/events-page">All Events</a>
                <a href="https://tickooplug.co.ke/public/categories-page">By Category</a>
                <a href="https://tickooplug.co.ke/public/events-page">Top Picks</a>
            </div>

            
            <div class="col-lg-2 col-6">
                <h5>Organizers</h5>
                <a href="https://tickooplug.co.ke/public/register/organizer">Sell Tickets</a>
                <a href="https://tickooplug.co.ke/public/pricing">Pricing</a>
                <a href="https://tickooplug.co.ke/public/login">Sign In</a>
            </div>
        </div>

        <div class="mt-5 pt-4 d-flex flex-column flex-md-row justify-content-between align-items-center gap-3"
             style="border-top: 2px solid rgba(255,255,255,0.1);">
            <p class="mb-0" style="font-size:0.78rem; color:rgba(255,255,255,0.35);">
                &copy; 2026 <span style="color:#25D366; font-weight:700;">TickooPlug</span>. All rights reserved.
                Built for Kenya & East Africa.
            </p>
            <div class="mpesa-sticker">
                <span class="mpesa-dot"></span>
                M-Pesa Payments
            </div>
        </div>
    </div>
</footer>

    
    <a href="https://wa.me/254748835690?text=Hi%20TickooPlug!%20I%20need%20some%20help..."
       class="floating-whatsapp" target="_blank" aria-label="Chat on WhatsApp">
        <i class="bi bi-whatsapp"></i>
    </a>

        <!-- Bootstrap & AOS JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- noUiSlider JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.7.0/nouislider.min.js"></script>
<!-- Flatpickr JS -->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="https://cdn.jsdelivr.net/npm/tom-select/dist/js/tom-select.complete.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" />

<script>
/* ===============================
   AOS — initialize immediately on DOM ready
=============================== */
document.addEventListener("DOMContentLoaded", () => {
  if (window.AOS) {
    AOS.init({ duration: 700, easing: "ease-in-out", once: true });
  }

  /* ===============================
     SCROLL-TO-TOP BUTTON
  =============================== */
  const scrollTop = document.createElement("button");
  scrollTop.innerHTML = '<i class="bi bi-arrow-up"></i>';
  scrollTop.setAttribute("aria-label", "Scroll to top");
  Object.assign(scrollTop.style, {
    position: "fixed", bottom: "90px", right: "20px",
    width: "42px", height: "42px",
    background: "#081931", color: "#fff",
    border: "2px solid #000", borderRadius: "50%",
    display: "flex", alignItems: "center", justifyContent: "center",
    cursor: "pointer", zIndex: "8000",
    boxShadow: "3px 3px 0 0 #000",
    opacity: "0", transition: "opacity 0.25s ease",
    fontSize: "1.1rem",
  });
  document.body.appendChild(scrollTop);
  scrollTop.addEventListener("click", () => window.scrollTo({ top: 0, behavior: "smooth" }));
  window.addEventListener("scroll", () => {
    scrollTop.style.opacity = window.scrollY > 400 ? "1" : "0";
  });
});

/* ===============================
   SWIPER SLIDERS
=============================== */
new Swiper(".category-slider", {
  slidesPerView: 1,
  loop: true,
  effect: "fade",
  fadeEffect: { crossFade: true },
  autoplay: { delay: 4000, disableOnInteraction: false },
  pagination: { el: ".swiper-pagination", clickable: true },
  speed: 1000,
});

new Swiper(".event-slider", {
  slidesPerView: 1,
  loop: true,
  effect: "fade",
  fadeEffect: { crossFade: true },
  autoplay: { delay: 4000, disableOnInteraction: false },
  speed: 1000,
  pagination: { el: ".swiper-pagination", clickable: true },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});

</script>
    
    
    <div id="dun-toast-container" aria-live="polite" aria-atomic="false"></div>

    
    <style>
/* =============================================
   COOKIE CONSENT BANNER — DUNDAA DARK
============================================= */
#dun-cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #0d2240;
    border-top: 2px solid rgba(255,255,255,0.12);
    box-shadow: 0 -4px 24px rgba(0,0,0,0.5);
    padding: 1.1rem 0;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}

#dun-cookie-banner.visible {
    transform: translateY(0);
}

/* Mobile: sit flush at the bottom */
@media (max-width: 991px) {
    #dun-cookie-banner {
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 12px 12px 0 0;
        transform: translateY(100%);
    }
    #dun-cookie-banner.visible {
        transform: translateY(0);
    }

    .cookie-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    /* Buttons row goes FIRST on mobile so they're never hidden */
    .cookie-actions {
        order: -1;
        justify-content: stretch;
        gap: 0.5rem;
    }

    .cookie-btn-accept,
    .cookie-btn-necessary {
        flex: 1;
        justify-content: center;
        font-size: 0.8rem;
        padding: 0.6rem 0.75rem;
    }

    .cookie-btn-prefs {
        display: block;
        text-align: center;
        padding: 0.25rem 0;
    }

    .cookie-text p {
        font-size: 0.73rem;
        line-height: 1.45;
    }
}

.cookie-inner {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.cookie-text {
    flex: 1;
    min-width: 220px;
}

.cookie-text h6 {
    color: #fff;
    font-weight: 800;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cookie-text h6 i { color: #25D366; }

.cookie-text p {
    color: rgba(255,255,255,0.55);
    font-size: 0.78rem;
    margin: 0;
    line-height: 1.5;
}

.cookie-text p a {
    color: #25D366;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cookie-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.cookie-btn-accept {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #25D366;
    color: #fff;
    font-weight: 800;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 0.55rem 1.25rem;
    border: 2px solid rgba(0,0,0,0.5);
    border-radius: 0;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,1);
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
    white-space: nowrap;
}

.cookie-btn-accept:hover {
    transform: translate(-2px,-2px);
    box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
}

.cookie-btn-necessary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    color: rgba(255,255,255,0.65);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 0.55rem 1rem;
    border: 2px solid rgba(255,255,255,0.18);
    border-radius: 0;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.cookie-btn-necessary:hover {
    border-color: rgba(255,255,255,0.45);
    color: #fff;
}

.cookie-btn-prefs {
    background: none;
    border: none;
    color: rgba(255,255,255,0.35);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    padding: 0.3rem 0;
    transition: color 0.12s;
    white-space: nowrap;
}

.cookie-btn-prefs:hover { color: rgba(255,255,255,0.7); }

/* Preferences modal */
#dun-cookie-prefs {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.7);
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

#dun-cookie-prefs.open { display: flex; }

.cookie-prefs-box {
    background: #0d2240;
    border: 2px solid rgba(255,255,255,0.15);
    box-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
    max-width: 480px;
    width: 100%;
    padding: 1.5rem;
}

.cookie-prefs-box h5 {
    color: #fff;
    font-weight: 900;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cookie-prefs-box h5 button {
    background: none;
    border: none;
    color: rgba(255,255,255,0.4);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.cookie-pref-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.85rem 0;
    border-top: 1px solid rgba(255,255,255,0.07);
    gap: 1rem;
}

.cookie-pref-row:first-of-type { border-top: none; }

.cookie-pref-info label {
    display: block;
    font-weight: 800;
    font-size: 0.82rem;
    color: #fff;
    margin-bottom: 3px;
}

.cookie-pref-info p {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.45);
    margin: 0;
    line-height: 1.5;
}

/* Toggle switch */
.dun-toggle {
    position: relative;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
}

.dun-toggle input { opacity: 0; width: 0; height: 0; }

.dun-toggle-slider {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.15);
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 0;
    cursor: pointer;
    transition: background 0.2s;
}

.dun-toggle input:checked ~ .dun-toggle-slider { background: #25D366; border-color: #25D366; }

.dun-toggle-slider::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    left: 2px;
    top: 2px;
    transition: transform 0.2s;
}

.dun-toggle input:checked ~ .dun-toggle-slider::before { transform: translateX(18px); }

.dun-toggle input:disabled ~ .dun-toggle-slider { opacity: 0.5; cursor: not-allowed; }

/* Toast container */
#dun-toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 11000;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    pointer-events: none;
    max-width: 320px;
    width: 100%;
}

.dun-toast {
    background: #0d2240;
    border: 2px solid rgba(255,255,255,0.15);
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
    padding: 0.85rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    pointer-events: all;
    transform: translateX(120%);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
    font-size: 0.82rem;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600;
}

.dun-toast.show { transform: translateX(0); }

.dun-toast-icon {
    font-size: 1rem;
    flex-shrink: 0;
    line-height: 1.4;
}

.dun-toast-body { flex: 1; color: rgba(255,255,255,0.85); }

.dun-toast-close {
    background: none;
    border: none;
    color: rgba(255,255,255,0.35);
    font-size: 0.9rem;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    line-height: 1.4;
}

.dun-toast-close:hover { color: #fff; }

.dun-toast.success { border-left: 4px solid #25D366; }
.dun-toast.success .dun-toast-icon { color: #25D366; }
.dun-toast.error   { border-left: 4px solid #dc3545; }
.dun-toast.error .dun-toast-icon { color: #dc3545; }
.dun-toast.warning { border-left: 4px solid #f59e0b; }
.dun-toast.warning .dun-toast-icon { color: #f59e0b; }
.dun-toast.info    { border-left: 4px solid rgba(255,255,255,0.4); }
.dun-toast.info .dun-toast-icon { color: rgba(255,255,255,0.6); }
</style>

<div id="dun-cookie-banner" role="dialog" aria-label="Cookie consent">
    <div class="container">
        <div class="cookie-inner">
            <div class="cookie-text">
                <h6><i class="bi bi-shield-lock-fill"></i> We use cookies</h6>
                <p>
                    We use essential cookies for site functionality and optional analytics cookies to improve your experience.
                    Read our <a href="https://tickooplug.co.ke/public/privacy">Privacy Policy</a> to learn more.
                    You can withdraw consent at any time.
                </p>
            </div>
            <div class="cookie-actions">
                <button class="cookie-btn-accept" id="dun-cookie-accept-all">
                    <i class="bi bi-check-lg"></i> Accept All
                </button>
                <button class="cookie-btn-necessary" id="dun-cookie-necessary">
                    Only Necessary
                </button>
                <button class="cookie-btn-prefs" id="dun-cookie-prefs-btn">
                    Cookie Settings
                </button>
            </div>
        </div>
    </div>
</div>


<div id="dun-cookie-prefs" role="dialog" aria-modal="true" aria-label="Cookie preferences">
    <div class="cookie-prefs-box">
        <h5>
            Cookie Preferences
            <button id="dun-cookie-prefs-close" aria-label="Close"><i class="bi bi-x-lg"></i></button>
        </h5>

        <div class="cookie-pref-row">
            <div class="cookie-pref-info">
                <label>Essential Cookies</label>
                <p>Required for the site to work — login sessions, security (CSRF), shopping cart. Cannot be disabled.</p>
            </div>
            <label class="dun-toggle">
                <input type="checkbox" checked disabled>
                <span class="dun-toggle-slider"></span>
            </label>
        </div>

        <div class="cookie-pref-row">
            <div class="cookie-pref-info">
                <label>Analytics Cookies</label>
                <p>Help us understand how visitors use the site so we can improve it. No personal data is sold.</p>
            </div>
            <label class="dun-toggle">
                <input type="checkbox" id="dun-pref-analytics">
                <span class="dun-toggle-slider"></span>
            </label>
        </div>

        <div class="cookie-pref-row">
            <div class="cookie-pref-info">
                <label>Preference Cookies</label>
                <p>Remember your settings such as language and region across sessions.</p>
            </div>
            <label class="dun-toggle">
                <input type="checkbox" id="dun-pref-preferences">
                <span class="dun-toggle-slider"></span>
            </label>
        </div>

        <div class="mt-3 d-flex gap-2">
            <button class="cookie-btn-accept" id="dun-cookie-save-prefs" style="flex:1; justify-content:center;">
                Save Preferences
            </button>
            <button class="cookie-btn-necessary" id="dun-cookie-accept-all-prefs" style="flex:1; justify-content:center;">
                Accept All
            </button>
        </div>
    </div>
</div>

<script>
(function () {
    'use strict';

    /* =============================================
       TOAST SYSTEM
    ============================================= */
    const ICONS = {
        success: 'bi-check-circle-fill',
        error:   'bi-x-circle-fill',
        warning: 'bi-exclamation-triangle-fill',
        info:    'bi-info-circle-fill',
    };

    window.dunToast = function (message, type = 'info', duration = 4000) {
        const container = document.getElementById('dun-toast-container');
        if (!container) return;

        const toast = document.createElement('div');
        toast.className = `dun-toast ${type}`;
        toast.innerHTML = `
            <i class="bi ${ICONS[type] || ICONS.info} dun-toast-icon"></i>
            <div class="dun-toast-body">${message}</div>
            <button class="dun-toast-close" aria-label="Dismiss"><i class="bi bi-x"></i></button>
        `;

        container.appendChild(toast);
        requestAnimationFrame(() => {
            requestAnimationFrame(() => toast.classList.add('show'));
        });

        const dismiss = () => {
            toast.classList.remove('show');
            setTimeout(() => toast.remove(), 320);
        };

        toast.querySelector('.dun-toast-close').addEventListener('click', dismiss);
        if (duration > 0) setTimeout(dismiss, duration);
    };

    /* =============================================
       COOKIE CONSENT
    ============================================= */
    const CONSENT_KEY = 'tickooplug_cookie_consent';
    const banner      = document.getElementById('dun-cookie-banner');
    const prefsModal  = document.getElementById('dun-cookie-prefs');

    function hasConsent() {
        try {
            const raw = localStorage.getItem(CONSENT_KEY);
            if (!raw) return false;
            const parsed = JSON.parse(raw);
            // Must be an object with a 'choice' key to be valid
            return parsed && typeof parsed === 'object' && !!parsed.choice;
        } catch {
            return false;
        }
    }

    function getConsent() {
        try { return JSON.parse(localStorage.getItem(CONSENT_KEY)); } catch { return null; }
    }

    function saveConsent(obj) {
        try {
            localStorage.setItem(CONSENT_KEY, JSON.stringify({ ...obj, timestamp: Date.now() }));
        } catch (e) {
            // localStorage unavailable (e.g. Safari private) — use sessionStorage as fallback
            try { sessionStorage.setItem(CONSENT_KEY, JSON.stringify({ ...obj, timestamp: Date.now() })); } catch {}
        }
    }

    function hideBanner() {
        if (banner) {
            banner.classList.remove('visible');
            // After slide-out animation completes, hide from accessibility tree too
            setTimeout(() => {
                banner.style.display = 'none';
                banner.setAttribute('aria-hidden', 'true');
            }, 380);
        }
    }

    function showBanner() {
        if (banner) {
            banner.style.display = '';
            banner.removeAttribute('aria-hidden');
            requestAnimationFrame(() => {
                requestAnimationFrame(() => banner.classList.add('visible'));
            });
        }
    }

    // Show banner only if consent has never been given
    if (!hasConsent()) {
        showBanner();
    } else if (banner) {
        // Consent already stored — keep banner completely out of view
        banner.style.display = 'none';
        banner.setAttribute('aria-hidden', 'true');
    }

    // Accept All
    document.getElementById('dun-cookie-accept-all')?.addEventListener('click', function () {
        saveConsent({ essential: true, analytics: true, preferences: true, choice: 'all' });
        hideBanner();
        window.dunToast('Cookie preferences saved', 'success', 3000);
    });

    // Only Necessary
    document.getElementById('dun-cookie-necessary')?.addEventListener('click', function () {
        saveConsent({ essential: true, analytics: false, preferences: false, choice: 'necessary' });
        hideBanner();
        window.dunToast('Only essential cookies enabled', 'info', 3000);
    });

    // Open preferences modal
    document.getElementById('dun-cookie-prefs-btn')?.addEventListener('click', function () {
        if (prefsModal) {
            const consent = getConsent() || {};
            const analytics    = document.getElementById('dun-pref-analytics');
            const preferences  = document.getElementById('dun-pref-preferences');
            if (analytics)   analytics.checked   = !!consent.analytics;
            if (preferences) preferences.checked = !!consent.preferences;
            prefsModal.classList.add('open');
        }
    });

    // Close preferences modal
    document.getElementById('dun-cookie-prefs-close')?.addEventListener('click', function () {
        prefsModal?.classList.remove('open');
    });

    // Click outside prefs modal to close
    prefsModal?.addEventListener('click', function (e) {
        if (e.target === prefsModal) prefsModal.classList.remove('open');
    });

    // Save preferences
    document.getElementById('dun-cookie-save-prefs')?.addEventListener('click', function () {
        const analytics   = document.getElementById('dun-pref-analytics')?.checked ?? false;
        const preferences = document.getElementById('dun-pref-preferences')?.checked ?? false;
        saveConsent({ essential: true, analytics, preferences, choice: 'custom' });
        prefsModal?.classList.remove('open');
        hideBanner();
        window.dunToast('Cookie preferences saved', 'success', 3000);
    });

    // Accept all from prefs modal
    document.getElementById('dun-cookie-accept-all-prefs')?.addEventListener('click', function () {
        saveConsent({ essential: true, analytics: true, preferences: true, choice: 'all' });
        prefsModal?.classList.remove('open');
        hideBanner();
        window.dunToast('All cookies accepted', 'success', 3000);
    });

    /* Flash session messages as toasts */
    document.addEventListener('DOMContentLoaded', function () {
                                    });

})();
</script>

    <script>
    window.addEventListener('scroll', function () {
        const btn = document.querySelector('.floating-whatsapp');
        if (btn) btn.classList.toggle('active', window.scrollY > 80);
    });
    </script>
</body>
</html>