/**
     * Zero-Quota Multi-Layer Live YouTube Search (Bypasses Cookie Walls & IP Blocks)
     */
    public static function scrapeYoutubeLiveSearch($query, $maxResults = 20) {
        $query = trim((string)$query);
        if ($query === '') {
            $query = 'top hits 2026';
        }
        $cacheFile = APPPATH . 'cache/yt_live_' . md5(strtolower($query) . '_' . $maxResults) . '.json';
        if (file_exists($cacheFile) && (time() - @filemtime($cacheFile) < 21600)) {
            $cached = json_decode((string)@file_get_contents($cacheFile), true);
            if (is_array($cached) && count($cached) >= 3) {
                return $cached;
            }
        }

        $results = [];
        $searchUrl = "https://www.youtube.com/results?search_query=" . urlencode($query) . "&hl=en&gl=US";
        $ua = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36";

        // Fetch HTML with CONSENT cookie to bypass YouTube's EU/Datacenter cookie wall
        $html = '';
        if (function_exists('curl_init')) {
            $ch = curl_init($searchUrl);
            curl_setopt_array($ch, [
                CURLOPT_RETURNTRANSFER => true,
                CURLOPT_FOLLOWLOCATION => true,
                CURLOPT_SSL_VERIFYPEER => false,
                CURLOPT_SSL_VERIFYHOST => false,
                CURLOPT_TIMEOUT        => 8,
                CURLOPT_USERAGENT      => $ua,
                CURLOPT_HTTPHEADER     => [
                    "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
                    "Accept-Language: en-US,en;q=0.9",
                    "Cookie: CONSENT=YES+cb.20230531-07-p0.en+FX+999; PREF=hl=en&gl=US"
                ]
            ]);
            $html = (string)curl_exec($ch);
            curl_close($ch);
        } else {
            $html = (string)http_get_contents_safe($searchUrl, 8);
        }

        // Layer 1A: Parse ytInitialData JSON (supports both var ytInitialData and window["ytInitialData"])
        if ($html !== '' && preg_match('/(?:var\s+ytInitialData|window\["ytInitialData"\])\s*=\s*(\{.+?\});\s*(?:<\/script>|if\s*\()/s', $html, $m)) {
            $data = json_decode($m[1], true);
            $sections = $data['contents']['twoColumnSearchResultsRenderer']['primaryContents']['sectionListRenderer']['contents'] ?? [];
            foreach ($sections as $sec) {
                $items = $sec['itemSectionRenderer']['contents'] ?? [];
                foreach ($items as $node) {
                    if (empty($node['videoRenderer'])) continue;
                    $v = $node['videoRenderer'];
                    $vid = $v['videoId'] ?? '';
                    if ($vid === '' || strlen($vid) !== 11) continue;

                    $title = $v['title']['runs'][0]['text'] ?? ($v['title']['accessibility']['accessibilityData']['label'] ?? 'Audio Track');
                    $uploader = $v['ownerText']['runs'][0]['text'] ?? ($v['longBylineText']['runs'][0]['text'] ?? 'Official Artist');
                    $duration = $v['lengthText']['simpleText'] ?? '3:45';

                    $results[] = [
                        'id'          => $vid,
                        'judul'       => html_entity_decode($title, ENT_QUOTES, 'UTF-8'),
                        'description' => html_entity_decode($title, ENT_QUOTES, 'UTF-8'),
                        'thumbnails'  => "https://i.ytimg.com/vi/{$vid}/hqdefault.jpg",
                        'uploader'    => html_entity_decode($uploader, ENT_QUOTES, 'UTF-8'),
                        'duration'    => $duration,
                        'views'       => getSongViewCount($vid, rand(2500, 85000))
                    ];
                    if (count($results) >= $maxResults) break 2;
                }
            }
        }

        // Layer 1B: Direct Regex Fallback on raw HTML if YouTube altered the JSON wrapper
        if (empty($results) && $html !== '') {
            if (preg_match_all('/"videoRenderer":\{"videoId":"([a-zA-Z0-9_-]{11})".*?"title":\{"runs":\[\{"text":"([^"]+)"\}/s', $html, $matches, PREG_SET_ORDER)) {
                $seen = [];
                foreach ($matches as $match) {
                    $vid = $match[1];
                    if (isset($seen[$vid])) continue;
                    $seen[$vid] = true;
                    $cleanTitle = json_decode('"' . $match[2] . '"') ?: stripslashes($match[2]);
                    $results[] = [
                        'id'          => $vid,
                        'judul'       => html_entity_decode($cleanTitle, ENT_QUOTES, 'UTF-8'),
                        'description' => html_entity_decode($cleanTitle, ENT_QUOTES, 'UTF-8'),
                        'thumbnails'  => "https://i.ytimg.com/vi/{$vid}/hqdefault.jpg",
                        'uploader'    => ucwords($query),
                        'duration'    => '3:45',
                        'views'       => getSongViewCount($vid, rand(2500, 85000))
                    ];
                    if (count($results) >= $maxResults) break;
                }
            }
        }

        // Layer 2: Public Piped YouTube API Mirror Fallback (if server IP is blocked by youtube.com)
        if (empty($results)) {
            $pipedApis = [
                "https://pipedapi.kavin.rocks/search?q=" . urlencode($query) . "&filter=music_songs",
                "https://pipedapi.tokhmi.xyz/search?q=" . urlencode($query) . "&filter=videos"
            ];
            foreach ($pipedApis as $pUrl) {
                $pRaw = http_get_contents_safe($pUrl, 6);
                if (!$pRaw) continue;
                $pJson = json_decode((string)$pRaw, true);
                $pItems = $pJson['items'] ?? [];
                foreach ($pItems as $pItem) {
                    if (preg_match('/v=([a-zA-Z0-9_-]{11})/', (string)($pItem['url'] ?? ''), $pm)) {
                        $vid = $pm[1];
                        $sec = (int)($pItem['duration'] ?? 225);
                        $durStr = ($sec > 0) ? sprintf('%d:%02d', floor($sec / 60), $sec % 60) : '3:45';
                        $results[] = [
                            'id'          => $vid,
                            'judul'       => $pItem['title'] ?? 'Audio Track',
                            'description' => $pItem['title'] ?? '',
                            'thumbnails'  => "https://i.ytimg.com/vi/{$vid}/hqdefault.jpg",
                            'uploader'    => $pItem['uploaderName'] ?? ucwords($query),
                            'duration'    => $durStr,
                            'views'       => getSongViewCount($vid, (int)($pItem['views'] ?? 12000))
                        ];
                        if (count($results) >= $maxResults) break 2;
                    }
                }
            }
        }

        if (!empty($results)) {
            @file_put_contents($cacheFile, json_encode($results), LOCK_EX);
        }
        return $results;
    }<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns# music: http://ogp.me/ns/music#">
<head itemscope itemtype="https://schema.org/WebSite">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="theme-color" content="#e91e63">

    <!-- Resource Hints for Core Web Vitals Speed (LCP & FCP) -->
    <link rel="preconnect" href="https://i.ytimg.com" crossorigin>
    <link rel="dns-prefetch" href="//i.ytimg.com">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>

    <link rel="manifest" href="https://mymuzplay.com/manifest.json">
    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://mymuzplay.com/sitemap.xml">

    
    <title>Download Aathiram MP3 (320kbps) | MP3juices</title>
    <meta name="description" content="Download and stream Aathiram by Official Artist in high-quality 320kbps MP3 audio or HD MP4 video on MP3juices (mymuzplay.com). Duration: 3:45.">
    <meta name="keywords" content="download mp3, free music, tubidy mp3, viral hits 2026, afrobeats, amapiano">
    <meta name="author" content="MP3juices Music Network">
    <meta name="robots" content="index, follow, max-image-preview:large">

    <link rel="canonical" href="https://mymuzplay.com/detail/gE_AABqqVjM-aathiram.html">
    
            <link rel="icon" type="image/x-icon" href="https://mymuzplay.com/assets/images/favicon.svg">
        <link rel="apple-touch-icon" href="https://mymuzplay.com/assets/images/favicon.svg">
    
            <script async src="https://www.googletagmanager.com/gtag/js?id=G-J29HGQV8TV"></script>
        <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J29HGQV8TV');</script>
    
    <!-- Open Graph Metadata -->
    <meta property="og:locale" content="en_US">
    <meta property="og:site_name" content="MP3juices">
    <meta property="og:url" content="https://mymuzplay.com/detail/gE_AABqqVjM-aathiram.html">
    <meta property="og:title" content="Download Aathiram MP3 (320kbps) | MP3juices">
    <meta property="og:description" content="Download and stream Aathiram by Official Artist in high-quality 320kbps MP3 audio or HD MP4 video on MP3juices (mymuzplay.com). Duration: 3:45.">
    <meta property="og:image" content="https://i.ytimg.com/vi/gE_AABqqVjM/hqdefault.jpg">
    <meta property="og:image:alt" content="Download Aathiram MP3 (320kbps)">
    <meta property="og:type" content="music.song">

    <!-- Twitter Card Metadata -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Download Aathiram MP3 (320kbps) | MP3juices">
    <meta name="twitter:description" content="Download and stream Aathiram by Official Artist in high-quality 320kbps MP3 audio or HD MP4 video on MP3juices (mymuzplay.com). Duration: 3:45.">
    <meta name="twitter:image" content="https://i.ytimg.com/vi/gE_AABqqVjM/hqdefault.jpg">

    <!-- WebSite & Organization Structured Data (Uses Admin Panel Meta Description) -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@graph": [
            {
                "@type": "WebSite",
                "@id": "https:\/\/mymuzplay.com\/#website",
                "name": "MP3juices",
                "url": "https:\/\/mymuzplay.com\/",
                "description": "Download free MP3juices,Tubidy music in high-quality 320kbps.your ultimate destination for the latest viral hits. Stream and download your favorite audio instantly.",
                "inLanguage": "en",
                "potentialAction": {
                    "@type": "SearchAction",
                    "target": {
                        "@type": "EntryPoint",
                        "urlTemplate": "https:\/\/mymuzplay.com\/search?q={search_term_string}"                    },
                    "query-input": "required name=search_term_string"
                }
            },
            {
                "@type": "Organization",
                "@id": "https:\/\/mymuzplay.com\/#organization",
                "name": "MP3juices",
                "url": "https:\/\/mymuzplay.com\/",
                "logo": {
                    "@type": "ImageObject",
                    "url": "https:\/\/mymuzplay.com\/assets\/images\/logo.png"                }
            }
        ]
    }
    </script>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.0/css/all.css">

    <style>
        :root { --primary: #e91e63; --primary-pink: #ec4899; --primary-hover: #db2777; --border-pink: #fbcfe8; --bg-body: #ffffff; --bg-input: #f1f3f4; --text-main: #2d3436; --text-muted: #6b7280; }
        * { box-sizing: border-box; }
        html, body { background: var(--bg-body); margin: 0; padding: 0; width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); }
        #header-container { position: sticky; top: 0; z-index: 1000; width: 100%; max-width: 100%; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); border-bottom: 1px solid #f1f3f4; padding: 14px 0; }
        .container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 14px; }
        .header-flex { display: flex; align-items: center; justify-content: space-between; gap: 16px; position: relative; }

        /* Increased Logo Size */
        .logo-text { font-size: 1.85rem; font-weight: 900; color: var(--primary); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; letter-spacing: -0.03em; line-height: 1; flex-shrink: 0; }
        .logo-text i { font-size: 2.1rem; }
        .logo-img { max-height: 56px; width: auto; display: block; object-fit: contain; }

        /* Search Bar */
        .search-wrapper { flex-grow: 1; max-width: 580px; display: flex; background: var(--bg-input); border-radius: 50px; height: 46px; overflow: hidden; border: 2px solid transparent; transition: 0.2s; }
        .search-wrapper:focus-within { background: #fff; border-color: var(--primary-pink); box-shadow: 0 0 0 4px rgba(236, 72, 153, 0.15); }
        .search-wrapper input { flex-grow: 1; border: none; background: transparent; padding: 0 20px; outline: none; font-family: inherit; font-size: 0.95rem; }
        .search-wrapper button { background: var(--primary); border: none; width: 55px; color: #fff; cursor: pointer; transition: 0.2s; }
        .search-wrapper button:hover { background: var(--primary-hover); }

        /* Right Corner Navigation Actions & Sidebar Toggle */
        .header-auth-nav { display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-left: auto; }
        .nav-pill-register { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); color: #fff !important; border: none; border-radius: 50px; padding: 8px 15px; font-size: 0.78rem; font-weight: 800; text-decoration: none !important; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 4px 12px rgba(236, 72, 153, 0.25); transition: 0.2s; }
        .nav-pill-logout { background: #fee2e2; color: #dc2626 !important; border: 1px solid #fecaca; border-radius: 50px; padding: 7px 12px; font-size: 0.75rem; font-weight: 800; text-decoration: none !important; display: inline-flex; align-items: center; gap: 5px; }
        #mobile-toggle { color: var(--primary); background: #fff0f6; border: 1.5px solid var(--border-pink); width: 44px; height: 44px; border-radius: 14px; font-size: 1.4rem; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; }
        #mobile-toggle:hover { background: var(--primary); color: #fff; border-color: var(--primary); }

        @media (max-width: 768px) {
            #header-container { padding: 12px 0; }
            .header-flex { flex-wrap: wrap; align-items: center; justify-content: space-between; }
            .logo-text { font-size: 1.65rem; order: 1; }
            .logo-text i { font-size: 1.85rem; }
            .logo-img { max-height: 48px; }
            /* Hide top-right sidebar hamburger toggle on public mobile pages; show on Admin Panel */
            #mobile-toggle { display: none !important; }
            body.admin-body-mode #mobile-toggle { display: inline-flex !important; }
            body.admin-body-mode .search-wrapper { display: none !important; }
            body.admin-body-mode .nav-pill-register, body.admin-body-mode .nav-pill-logout { display: none !important; }
            .header-auth-nav { order: 2; margin-left: auto; align-self: center; }
            .search-wrapper { order: 3; width: 100%; max-width: 100%; margin-top: 10px; }
            .hide-mobile-text { display: none; }
        }
    </style>
</head>
<body class="">

<header id="header-container">
    <div class="container">
        <div class="header-flex">
            <a href="https://mymuzplay.com/" class="logo-text">
                                    <img src="https://mymuzplay.com/assets/images/logo.png" class="logo-img" width="160" height="56" alt="MP3juices" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline-flex';">
                    <span style="display:none; align-items:center; gap:10px;"><i class="fas fa-headphones-alt"></i> MP3juices</span>
                            </a>

            <form class="search-wrapper" method="get" action="https://mymuzplay.com/search" role="search">
                <input type="hidden" name="route" value="search">
                <input type="text" name="website_url" style="display:none;" tabindex="-1" autocomplete="off">
                <input type="text" id="search-form" name="q" value="" placeholder="Search artist, song title, or music video..." aria-label="Search music" required>
                <button type="submit" aria-label="Search"><i class="fas fa-search"></i></button>
            </form>

            <div class="header-auth-nav">
                                <a id="mobile-toggle" href="#sidr-main" aria-label="Open Navigation Menu" onclick="if(window.toggleAdminMobileSidebar && document.body.classList.contains('admin-body-mode')){ event.preventDefault(); event.stopPropagation(); window.toggleAdminMobileSidebar(); return false; }"><i class="fas fa-bars"></i></a>
            </div>
        </div>
    </div>
</header>


<!-- Song Detail Rich Snippet JSON-LD (BreadcrumbList + MusicRecording + VideoObject) -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https:\/\/mymuzplay.com\/"                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Trending Hits",
                    "item": "https:\/\/mymuzplay.com\/category\/trending.html"                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Aathiram",
                    "item": "https:\/\/mymuzplay.com\/detail\/gE_AABqqVjM-aathiram.html"                }
            ]
        },
        {
            "@type": "MusicRecording",
            "@id": "https:\/\/mymuzplay.com\/detail\/gE_AABqqVjM-aathiram.html#music",
            "name": "Aathiram",
            "url": "https:\/\/mymuzplay.com\/detail\/gE_AABqqVjM-aathiram.html",
            "image": "https:\/\/i.ytimg.com\/vi\/gE_AABqqVjM\/hqdefault.jpg",
            "duration": "PT3M45S",
            "genre": "Trending Hits",
            "byArtist": {
                "@type": "MusicGroup",
                "name": "Official Artist"            }
        }
    ]
}
</script>

<style>
    .portal-main { display: grid; grid-template-columns: 1fr; gap: 28px; margin-top: 15px; width: 100%; max-width: 100%; }
    @media (min-width: 992px) {
        .portal-main { grid-template-columns: 1fr 320px; align-items: start; }
    }
    .primary-content { min-width: 0; width: 100%; max-width: 100%; }

    .seo-breadcrumbs { font-size: 0.82rem; color: var(--text-muted); margin-bottom: 18px; padding: 10px 14px; background: #fdf2f8; border: 1px solid #fbcfe8; border-radius: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    .seo-breadcrumbs a { color: #db2777; text-decoration: none; font-weight: 700; }
    .seo-breadcrumbs a:hover { text-decoration: underline; }

    .single-header { margin: 0 0 20px; }
    .single-header h1 { font-size: 1.4rem; font-weight: 900; color: var(--text-main); margin: 0; line-height: 1.35; word-break: break-word; }
    @media (min-width: 768px) { .single-header h1 { font-size: 1.6rem; } }
    .single-header h1 span { color: var(--primary); }

    .video-wrapper { background: #000; border-radius: 22px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); margin-bottom: 22px; position: relative; }
    .embed-responsive { position: relative; display: block; width: 100%; padding: 0; padding-bottom: 56.25%; }
    .embed-responsive video, .embed-responsive iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0; }

    .action-buttons { display: flex; gap: 12px; margin-bottom: 26px; flex-wrap: wrap; }
    .btn-download, .btn-fast { flex: 1; min-width: 180px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 18px; border-radius: 50px; font-size: 0.88rem; font-weight: 800; text-decoration: none !important; text-transform: uppercase; letter-spacing: 0.5px; transition: 0.2s ease; }
    .btn-download { background: #fff0f3; color: var(--primary); border: 2px solid #fbcfe8; }
    .btn-download:hover { background: #ffe4e9; transform: translateY(-2px); }
    .btn-fast { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); color: #ffffff !important; box-shadow: 0 6px 15px rgba(233, 30, 99, 0.3); }
    .btn-fast:hover { filter: brightness(1.08); transform: translateY(-2px); color: #fff; }

    .track-info-box { background: #fff0f6; border: 1.5px solid #fbcfe8; border-radius: 20px; padding: 22px; margin-top: 20px; }
    .track-info-box p { color: var(--text-muted); font-size: 0.92rem; line-height: 1.7; margin-top: 0; }
    .data-list { list-style: none; padding: 0; margin: 16px 0 0 0; }
    .data-list li { padding: 9px 0; border-bottom: 1px solid #fce7f3; font-size: 0.88rem; color: var(--text-main); display: flex; flex-wrap: wrap; gap: 6px; }
    .data-list li:last-child { border-bottom: none; }
    .data-list li strong { width: 95px; color: #db2777; flex-shrink: 0; font-weight: 800; }

    .related-wrapper { margin-top: 36px; }
    .related-title { font-size: 1.18rem; font-weight: 900; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; color: var(--text-main); }
    .related-title i { color: var(--primary); }
    .related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
    @media (min-width: 540px) { .related-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
    .rel-card { background: #fff; border-radius: 14px; overflow: hidden; text-decoration: none; color: var(--text-main); border: 1.5px solid #fbcfe8; transition: 0.2s; display: block; min-width: 0; }
    .rel-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(236, 72, 153, 0.12); border-color: var(--primary); }
    .rel-img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-bottom: 2px solid var(--primary); display: block; }
    .rel-info { padding: 10px; }
    .rel-song-title { font-size: 0.82rem; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .rel-artist { font-size: 0.72rem; color: #db2777; font-weight: 700; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .share-container { margin-top: 28px; padding-top: 22px; border-top: 1px solid #f1f3f4; }
    .share-title { font-size: 0.78rem; font-weight: 800; color: var(--text-muted); text-transform: uppercase; margin-bottom: 12px; display: block; }
    .share-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
    .share-btn { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.1rem; text-decoration: none !important; transition: 0.2s; }
    .share-btn:hover { transform: scale(1.08); color: #fff; }
    .btn-fb { background: #1877f2; } .btn-tw { background: #1da1f2; } .btn-wa { background: #25d366; } .btn-ln { background: #00c300; }

    .disclaimer-box { background: #fff3cd; border-radius: 16px; padding: 14px 18px; display: flex; gap: 12px; align-items: flex-start; margin-top: 28px; border: 1px solid #ffeeba; }
    .disclaimer-box i { color: #856404; font-size: 1.15rem; margin-top: 3px; }
    .disclaimer-box p { margin: 0; font-size: 0.82rem; color: #856404; line-height: 1.5; }
    .disclaimer-box a { color: #856404; font-weight: 800; text-decoration: underline; }
</style>

<div id="site-container" class="premium-portal">
    <div class="container">
        <div class="portal-main">
            
            <main class="primary-content">
                
                <nav class="seo-breadcrumbs" aria-label="Breadcrumb">
                    <a href="https://mymuzplay.com/"><i class="fas fa-home"></i> Home</a>
                    <span>&raquo;</span>
                    <a href="https://mymuzplay.com/category/trending.html">Trending Hits</a>
                    <span>&raquo;</span>
                    <span style="color: var(--text-main); font-weight: 800;">Aathiram</span>
                </nav>

                <header class="single-header">
                    <h1>Download <span>Aathiram</span> MP3 (320kbps)</h1>
                </header>

                <div class="video-wrapper">
                    <div class="embed-responsive">
                        <iframe 
                            src="https://www.youtube.com/embed/gE_AABqqVjM?rel=0" 
                            title="Aathiram Official Audio Stream"
                            loading="lazy"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                            allowfullscreen>
                        </iframe>
                    </div>
                </div>

                
                <div class="action-buttons">
                    <a href="https://mymuzplay.com/download/gE_AABqqVjM/aathiram.html" class="btn-download" rel="nofollow">
                        <i class="fas fa-download"></i> Convert &amp; Download MP3
                    </a>
                                        <a href="https://uplcm.com/4/12180969" class="btn-fast" target="_blank" rel="nofollow noopener">
                        <i class="fas fa-bolt"></i> Fast Download (HD)
                    </a>
                                    </div>

                
                <section class="track-info-box">
                    <p>Download and stream <strong>Aathiram</strong> by <strong>Official Artist</strong> in studio-quality 320kbps MP3 audio or MP4 HD video on <strong>MP3juices (mymuzplay.com)</strong>. Genre: <strong>Trending Hits</strong> &bull; Duration: <strong>3:45</strong> &bull; Views: <strong>121</strong>.</p>
                    
                    <h2 style="margin: 20px 0 10px; font-size: 1.05rem; font-weight: 900; color: #2d3436;"><i class="fas fa-info-circle" style="color:var(--primary);"></i> Track Specifications</h2>
                    <ul class="data-list">
                        <li><strong>Track Title:</strong> <span>Aathiram</span></li>
                                                    <li><strong>Artist:</strong> <span>Official Artist</span></li>
                                                <li><strong>Category:</strong> <a href="https://mymuzplay.com/category/trending.html" style="color:#db2777; font-weight:800; text-decoration:none;">Trending Hits</a></li>
                                                    <li><strong>Duration:</strong> <span>3:45</span></li>
                                                <li><strong>Bitrate:</strong> <span>320kbps Studio Quality MP3 / 720p HD MP4</span></li>
                    </ul>
                </section>

                                <div class="share-container">
                    <span class="share-title">Share this track</span>
                    <div class="share-buttons">
                        <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmymuzplay.com%2Fdetail%2FgE_AABqqVjM-aathiram.html" target="_blank" class="share-btn btn-fb" rel="nofollow noopener" aria-label="Share on Facebook">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="https://twitter.com/share?url=https%3A%2F%2Fmymuzplay.com%2Fdetail%2FgE_AABqqVjM-aathiram.html&text=Download+Aathiram+MP3+Free%21" target="_blank" class="share-btn btn-tw" rel="nofollow noopener" aria-label="Share on X">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="https://api.whatsapp.com/send?text=Download+Aathiram+MP3+Free%21%20https%3A%2F%2Fmymuzplay.com%2Fdetail%2FgE_AABqqVjM-aathiram.html" target="_blank" class="share-btn btn-wa" rel="nofollow noopener" aria-label="Send via WhatsApp">
                            <i class="fab fa-whatsapp"></i>
                        </a>
                    </div>
                </div>

                                <section class="related-wrapper">
                    <h2 class="related-title"><i class="fas fa-headphones-alt"></i> Related MP3 Tracks</h2>
                    <div class="related-grid">
                                                    <a href="https://mymuzplay.com/detail/H5v3kku4y6Q-harry-styles-as-it-was-official-video.html" class="rel-card" title="Download Harry Styles - As It Was (Official Video) MP3">
                                <img class="rel-img" src="https://i.ytimg.com/vi/H5v3kku4y6Q/hqdefault.jpg" width="320" height="180" alt="Harry Styles - As It Was (Official Video) MP3" loading="lazy" decoding="async">
                                <div class="rel-info">
                                    <div class="rel-song-title">Harry Styles - As It Was (Official Video)</div>
                                    <div class="rel-artist">Harry Styles</div>
                                </div>
                            </a>
                                                    <a href="https://mymuzplay.com/detail/G7KNmW9a75Y-miley-cyrus-flowers-official-video.html" class="rel-card" title="Download Miley Cyrus - Flowers (Official Video) MP3">
                                <img class="rel-img" src="https://i.ytimg.com/vi/G7KNmW9a75Y/hqdefault.jpg" width="320" height="180" alt="Miley Cyrus - Flowers (Official Video) MP3" loading="lazy" decoding="async">
                                <div class="rel-info">
                                    <div class="rel-song-title">Miley Cyrus - Flowers (Official Video)</div>
                                    <div class="rel-artist">Miley Cyrus</div>
                                </div>
                            </a>
                                                    <a href="https://mymuzplay.com/detail/kPa7bsKwL-c-lady-gaga-bruno-mars-die-with-a-smile-official-music-video.html" class="rel-card" title="Download Lady Gaga, Bruno Mars - Die With A Smile (Official Music Video) MP3">
                                <img class="rel-img" src="https://i.ytimg.com/vi/kPa7bsKwL-c/hqdefault.jpg" width="320" height="180" alt="Lady Gaga, Bruno Mars - Die With A Smile (Official Music Video) MP3" loading="lazy" decoding="async">
                                <div class="rel-info">
                                    <div class="rel-song-title">Lady Gaga, Bruno Mars - Die With A Smile (Official Music Video)</div>
                                    <div class="rel-artist">Lady Gaga</div>
                                </div>
                            </a>
                                                    <a href="https://mymuzplay.com/detail/ekr2nIex040-ros-bruno-mars-apt-official-music-video.html" class="rel-card" title="Download ROSÉ &amp; Bruno Mars - APT. (Official Music Video) MP3">
                                <img class="rel-img" src="https://i.ytimg.com/vi/ekr2nIex040/hqdefault.jpg" width="320" height="180" alt="ROSÉ &amp; Bruno Mars - APT. (Official Music Video) MP3" loading="lazy" decoding="async">
                                <div class="rel-info">
                                    <div class="rel-song-title">ROSÉ &amp; Bruno Mars - APT. (Official Music Video)</div>
                                    <div class="rel-artist">ROSÉ</div>
                                </div>
                            </a>
                                                    <a href="https://mymuzplay.com/detail/crtQSTYWtqE-ayra-starr-rush-official-music-video.html" class="rel-card" title="Download Ayra Starr - Rush (Official Music Video) MP3">
                                <img class="rel-img" src="https://i.ytimg.com/vi/crtQSTYWtqE/hqdefault.jpg" width="320" height="180" alt="Ayra Starr - Rush (Official Music Video) MP3" loading="lazy" decoding="async">
                                <div class="rel-info">
                                    <div class="rel-song-title">Ayra Starr - Rush (Official Music Video)</div>
                                    <div class="rel-artist">Ayra Starr</div>
                                </div>
                            </a>
                                                    <a href="https://mymuzplay.com/detail/qrTC_pBFt3o-kabza-de-small-mthunzi-imithandazo-ft-young-stunna-dj-maphorisa.html" class="rel-card" title="Download Kabza De Small &amp; Mthunzi - Imithandazo ft. Young Stunna, DJ Maphorisa MP3">
                                <img class="rel-img" src="https://i.ytimg.com/vi/qrTC_pBFt3o/hqdefault.jpg" width="320" height="180" alt="Kabza De Small &amp; Mthunzi - Imithandazo ft. Young Stunna, DJ Maphorisa MP3" loading="lazy" decoding="async">
                                <div class="rel-info">
                                    <div class="rel-song-title">Kabza De Small &amp; Mthunzi - Imithandazo ft. Young Stunna, DJ Maphorisa</div>
                                    <div class="rel-artist">Kabza De Small</div>
                                </div>
                            </a>
                                            </div>
                </section>
                
                <div class="disclaimer-box">
                    <i class="fas fa-exclamation-triangle"></i>
                    <p>
                        <strong>DMCA Notice:</strong> All audio/video streams are indexed from YouTube.com and are not hosted on <strong>mymuzplay.com</strong> servers. To request removal, please see our <a href="https://mymuzplay.com/page/copyright.html">Copyright &amp; DMCA Policy</a>.
                    </p>
                </div>

            </main>

            <aside class="side-bar">
                
<style>
    .sidebar-wrapper { display: flex; flex-direction: column; gap: 25px; }
    .sidebar-widget { background: #ffffff; border: 1px solid #f1f3f4; border-radius: 24px; padding: 22px; box-shadow: 0 10px 25px rgba(0,0,0,0.03); }
    .widget-head { margin-bottom: 16px; position: relative; }
    .widget-title { font-size: 0.95rem; font-weight: 800; margin: 0; color: #2d3436; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; }
    .widget-title i { color: var(--primary); }
    .widget-underline { display: block; width: 35px; height: 4px; background: var(--primary); border-radius: 10px; margin-top: 6px; }
    .keyword-list { list-style: none; padding: 0; margin: 14px 0 0 0; display: flex; flex-direction: column; gap: 5px; }
    .keyword-link { display: flex; align-items: center; gap: 14px; padding: 9px 14px; background: transparent; border-radius: 15px; color: #636e72; text-decoration: none !important; font-size: 0.85rem; font-weight: 700; transition: all 0.25s ease; }
    .keyword-link i { font-size: 0.95rem; color: var(--primary); width: 20px; text-align: center; opacity: 0.85; transition: transform 0.2s; }
    .keyword-link:hover { background: #fff0f3; color: var(--primary); transform: translateX(6px); }
    .keyword-link:hover i { opacity: 1; transform: scale(1.1); }
    @media (max-width: 992px) { .sidebar-wrapper { margin-top: 30px; } }
</style>

<aside class="sidebar-wrapper" aria-label="Music Categories Navigation">
    <div class="sidebar-widget">
        <div class="widget-head">
            <h3 class="widget-title"><i class="fas fa-compact-disc"></i> Music Categories</h3>
            <span class="widget-underline"></span>
        </div>
        <ul class="keyword-list">
                            <li>
                    <a href="https://mymuzplay.com/category/trending.html" class="keyword-link">
                        <i class="fas fa-fire"></i>
                        <span>Trending Hits</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/category/afrobeats.html" class="keyword-link">
                        <i class="fas fa-drum"></i>
                        <span>Afrobeats</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/category/amapiano.html" class="keyword-link">
                        <i class="fas fa-bolt"></i>
                        <span>Amapiano</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/category/pop.html" class="keyword-link">
                        <i class="fas fa-star"></i>
                        <span>Pop Music</span>
                    </a>
                </li>
                    </ul>
    </div>

    <div class="sidebar-widget">
        <div class="widget-head">
            <h3 class="widget-title"><i class="fas fa-fire"></i> Recent Searches</h3>
            <span class="widget-underline"></span>
        </div>
        <ul class="keyword-list">
                            <li>
                    <a href="https://mymuzplay.com/search/billboard-hot-100.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>Billboard Hot 100</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/tiktok-viral-songs.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>Tiktok Viral Songs</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/sabrina-carpenter.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>Sabrina Carpenter</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/bruno-mars-lady-gaga.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>Bruno Mars Lady Gaga</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/the-weeknd.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>The Weeknd</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/afrobeats-2026.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>Afrobeats 2026</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/taylor-swift.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>Taylor Swift</span>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/search/k-pop-hits.html" rel="nofollow" class="keyword-link">
                        <i class="fas fa-arrow-trend-up"></i>
                        <span>K-pop Hits</span>
                    </a>
                </li>
                    </ul>
    </div>
</aside>
            </aside>

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

<style>
    #footer-container { background: #ffffff; border-top: 1px solid #f1f3f4; padding: 40px 0 100px; margin-top: 50px; text-align: center; }
    .footer-pages { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; list-style: none; padding: 0; margin: 20px 0; }
    .footer-pages a { color: var(--text-muted); text-decoration: none; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; transition: 0.2s; }
    .footer-pages a:hover { color: var(--primary); }

    #install-banner {
        display: none;
        background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
        color: #ffffff;
        padding: 12px 16px;
        border-radius: 16px;
        margin: 12px auto;
        max-width: 650px;
        box-shadow: 0 8px 20px rgba(236, 72, 153, 0.25);
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
    }

    /* --- 4-CATEGORY NAVIGATION SIDEBAR --- */
    .app-sidebar { position: fixed; top: 0; right: -340px; width: 300px; max-width: 86vw; height: 100vh; background: #ffffff; border-left: 4px solid var(--primary); box-shadow: -10px 0 30px rgba(236, 72, 153, 0.15); z-index: 9999999; overflow-y: auto; transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .app-sidebar.active { right: 0; }
    .sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(2px); z-index: 9999998; opacity: 0; visibility: hidden; transition: 0.3s ease; }
    .sidebar-overlay.active { opacity: 1; visibility: visible; }
    .sidr-top-banner { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); color: #fff; padding: 24px 20px 18px; position: relative; }
    .sidr-top-banner h4 { margin: 0; font-size: 1.15rem; font-weight: 900; display: flex; align-items: center; gap: 8px; }
    .sidr-top-banner p { margin: 5px 0 0; font-size: 0.75rem; opacity: 0.92; font-weight: 600; }
    .close-btn { position: absolute; top: 16px; right: 16px; background: rgba(255,255,255,0.2); border: none; color: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
    .close-btn:hover { background: rgba(255,255,255,0.35); transform: rotate(90deg); }
    .sidr-inner { padding: 18px 18px 30px; }
    .sidr-head { font-size: 0.7rem; font-weight: 800; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.2px; margin: 14px 0 10px 8px; display: block; }
    .sidr-nav { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 6px; }
    .sidr-nav a { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; color: var(--text-main); text-decoration: none !important; font-weight: 700; font-size: 0.88rem; border-radius: 14px; transition: 0.2s; border: 1px solid transparent; }
    .sidr-nav a .cat-left-wrap { display: flex; align-items: center; gap: 12px; }
    .sidr-nav a i.cat-icon { color: var(--primary); font-size: 0.92rem; width: 30px; height: 30px; border-radius: 9px; background: #fdf2f8; display: inline-flex; align-items: center; justify-content: center; transition: 0.2s; }
    .sidr-nav a:hover, .sidr-nav a.active { background: #fff0f6; color: var(--primary); border-color: #fbcfe8; transform: translateX(4px); }
    .sidr-nav a:hover i.cat-icon, .sidr-nav a.active i.cat-icon { background: var(--primary); color: #fff; }

    /* --- FLOATING BROWSER APP MINI-PLAYER DOCK --- */
    #browser-mini-player {
        display: none;
        position: fixed;
        bottom: 14px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 24px);
        max-width: 650px;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(14px);
        border: 2px solid #ec4899;
        border-radius: 20px;
        padding: 10px 14px;
        box-shadow: 0 12px 35px rgba(219, 39, 119, 0.28);
        z-index: 99995;
        align-items: center;
        gap: 12px;
    }
    .mp-thumb {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        object-fit: cover;
        flex-shrink: 0;
        border: 1px solid #fbcfe8;
    }
    .mp-play-toggle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
        color: #ffffff;
        border: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.95rem;
        cursor: pointer;
        flex-shrink: 0;
        box-shadow: 0 4px 10px rgba(236, 72, 153, 0.3);
    }
    .mp-info {
        flex: 1;
        min-width: 0;
    }
    .mp-title {
        font-size: 0.82rem;
        font-weight: 800;
        color: #2d3436;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .mp-artist {
        font-size: 0.7rem;
        font-weight: 700;
        color: #db2777;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin-bottom: 5px;
    }
    .mp-progress-wrap {
        height: 6px;
        background: #fce7f3;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }
    .mp-progress-bar {
        height: 100%;
        width: 0%;
        background: linear-gradient(90deg, #ec4899 0%, #db2777 100%);
        transition: width 0.15s linear;
    }
    .mp-close-btn {
        background: #fee2e2;
        color: #dc2626;
        border: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        font-size: 0.8rem;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    /* --- MOBILE BOTTOM NAVIGATION BAR (HIDDEN ON DESKTOP, FIXED ON MOBILE) --- */
    .mobile-bottom-nav {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 66px;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(12px);
        border-top: 1.5px solid #fbcfe8;
        box-shadow: 0 -8px 25px rgba(236, 72, 153, 0.14);
        z-index: 99990;
        padding: 0 6px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        align-items: center;
        justify-content: space-around;
    }
    .mob-nav-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #6b7280;
        text-decoration: none !important;
        font-size: 0.68rem;
        font-weight: 800;
        height: 100%;
        border: none;
        background: transparent;
        cursor: pointer;
        transition: all 0.2s ease;
        font-family: inherit;
        position: relative;
    }
    .mob-nav-item i {
        font-size: 1.15rem;
        color: #9ca3af;
        transition: all 0.2s ease;
    }
    .mob-nav-item.active, .mob-nav-item:hover {
        color: #db2777;
    }
    .mob-nav-item.active i, .mob-nav-item:hover i {
        color: #ec4899;
        transform: translateY(-2px);
    }
    .mob-nav-item.active::before {
        content: '';
        position: absolute;
        top: 0;
        width: 28px;
        height: 3px;
        background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
        border-radius: 0 0 6px 6px;
    }

    @media (max-width: 768px) {
        #footer-container {
            display: none !important;
        }
        .mobile-bottom-nav {
            display: flex;
        }
        body.admin-body-mode .mobile-bottom-nav {
            display: none !important;
        }
        body {
            padding-bottom: 74px;
        }
        #browser-mini-player {
            bottom: 74px;
        }
    }
</style>

<div class="container">
    <div id="install-banner">
        <div style="display:flex; align-items:center; gap:10px;">
            <i class="fas fa-mobile-screen-button" style="font-size:1.3rem;"></i>
            <div>
                <div style="font-weight:900; font-size:0.88rem;">Install MP3juices Browser App</div>
                <div style="font-size:0.74rem; opacity:0.9;">Fast 1-tap access &amp; saved music library on your home screen!</div>
            </div>
        </div>
        <button id="install-btn" style="background:#ffffff; color:#db2777; border:none; padding:8px 16px; border-radius:50px; font-weight:900; font-size:0.78rem; cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,0.1);">Install App</button>
    </div>
</div>


<!-- Desktop Footer (Hidden on Mobile via CSS) -->
<footer id="footer-container">
    <div class="container">
        <ul class="footer-pages">
            <li><a href="https://mymuzplay.com/">Home</a></li>
            <li><a href="https://mymuzplay.com/page/disclaimer.html">Disclaimer</a></li>
            <li><a href="https://mymuzplay.com/page/copyright.html">Copyright &amp; DMCA</a></li>
            <li><a href="https://mymuzplay.com/page/term-of-services.html">Terms of Service</a></li>
            <li><a href="https://mymuzplay.com/sitemap.xml" target="_blank">Sitemap</a></li>
        </ul>
        <div style="font-size: 0.85rem; font-weight: 600; color: var(--text-muted);">
            &copy; 2026 <span style="color:var(--primary); font-weight:800;">MP3juices</span> (<span style="color:var(--text-main);">mymuzplay.com</span>). All Rights Reserved.
        </div>
    </div>
</footer>


<!-- Mobile Fixed Bottom Navigation Bar (Visible on Mobile Devices <= 768px) -->
<nav class="mobile-bottom-nav" aria-label="Mobile Bottom Navigation">
    <a href="https://mymuzplay.com/" class="mob-nav-item ">
        <i class="fas fa-home"></i>
        <span>Home</span>
    </a>
    <a href="https://mymuzplay.com/category/trending.html" class="mob-nav-item ">
        <i class="fas fa-fire"></i>
        <span>Trending</span>
    </a>
    <a href="https://mymuzplay.com/category/afrobeats.html" class="mob-nav-item ">
        <i class="fas fa-drum"></i>
        <span>Afrobeats</span>
    </a>
    <a href="https://mymuzplay.com/category/amapiano.html" class="mob-nav-item ">
        <i class="fas fa-bolt"></i>
        <span>Amapiano</span>
    </a>
    <button type="button" class="mob-nav-item" id="mobile-bottom-menu-btn" aria-label="Open Categories & Links Menu">
        <i class="fas fa-bars"></i>
        <span>More</span>
    </button>
</nav>

<!-- Floating Browser App Audio Mini-Player Dock -->
<div id="browser-mini-player" role="region" aria-label="Audio Mini Player">
    <img src="https://mymuzplay.com/assets/images/favicon.svg" id="mp-thumb-img" class="mp-thumb" alt="">
    <button type="button" class="mp-play-toggle" id="mp-toggle-btn" onclick="toggleGlobalMiniPlayer()" aria-label="Play or Pause">
        <i class="fas fa-pause" id="mp-toggle-icon"></i>
    </button>
    <div class="mp-info">
        <span class="mp-title" id="mp-song-title">Playing Track...</span>
        <span class="mp-artist" id="mp-song-artist">Artist</span>
        <div class="mp-progress-wrap" id="mp-seek-wrap" onclick="seekGlobalMiniPlayer(event)">
            <div class="mp-progress-bar" id="mp-progress-fill"></div>
        </div>
    </div>
    <a href="#" id="mp-dl-link" class="mp-play-toggle" style="width:34px; height:34px; font-size:0.8rem;" title="Download MP3">
        <i class="fas fa-download"></i>
    </a>
    <button type="button" class="mp-close-btn" onclick="closeGlobalMiniPlayer()" aria-label="Close Player">
        <i class="fas fa-times"></i>
    </button>
    <div id="mp-yt-hidden-host" style="position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; overflow:hidden;"></div>
</div>

<div class="sidebar-overlay" id="sidebar-overlay"></div>

<div class="app-sidebar" id="app-sidebar">
    <div class="sidr-top-banner">
        <button class="close-btn" id="close-sidebar" aria-label="Close Menu"><i class="fas fa-times"></i></button>
        <h4><i class="fas fa-compact-disc"></i> Music Categories</h4>
        <p>Instant 320kbps MP3 streaming &amp; free downloads.</p>
    </div>
    <div class="sidr-inner">
        <span class="sidr-head" style="margin-top:0;">4 Featured Categories</span>
        <ul class="sidr-nav">
            <li>
                <a href="https://mymuzplay.com/" class="">
                    <span class="cat-left-wrap">
                        <i class="fas fa-home cat-icon"></i>
                        <span>Home / All Music</span>
                    </span>
                    <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                </a>
            </li>
                            <li>
                    <a href="https://mymuzplay.com/category/trending.html" class="">
                        <span class="cat-left-wrap">
                            <i class="fas fa-fire cat-icon"></i>
                            <span>Trending Hits</span>
                        </span>
                        <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/category/afrobeats.html" class="">
                        <span class="cat-left-wrap">
                            <i class="fas fa-drum cat-icon"></i>
                            <span>Afrobeats</span>
                        </span>
                        <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/category/amapiano.html" class="">
                        <span class="cat-left-wrap">
                            <i class="fas fa-bolt cat-icon"></i>
                            <span>Amapiano</span>
                        </span>
                        <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                    </a>
                </li>
                            <li>
                    <a href="https://mymuzplay.com/category/pop.html" class="">
                        <span class="cat-left-wrap">
                            <i class="fas fa-star cat-icon"></i>
                            <span>Pop Music</span>
                        </span>
                        <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                    </a>
                </li>
                    </ul>

        <span class="sidr-head">Quick Links &amp; Legal</span>
        <ul class="sidr-nav">
            <li>
                <a href="https://mymuzplay.com/page/disclaimer.html">
                    <span class="cat-left-wrap">
                        <i class="fas fa-shield-alt cat-icon"></i>
                        <span>Legal Disclaimer</span>
                    </span>
                    <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                </a>
            </li>
            <li>
                <a href="https://mymuzplay.com/page/copyright.html">
                    <span class="cat-left-wrap">
                        <i class="fas fa-balance-scale cat-icon"></i>
                        <span>Copyright &amp; DMCA</span>
                    </span>
                    <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                </a>
            </li>
            <li>
                <a href="https://mymuzplay.com/page/term-of-services.html">
                    <span class="cat-left-wrap">
                        <i class="fas fa-file-contract cat-icon"></i>
                        <span>Terms of Service</span>
                    </span>
                    <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                </a>
            </li>
            <li>
                <a href="https://mymuzplay.com/sitemap.xml" target="_blank">
                    <span class="cat-left-wrap">
                        <i class="fas fa-sitemap cat-icon"></i>
                        <span>XML Sitemap</span>
                    </span>
                    <i class="fas fa-chevron-right" style="font-size:0.7rem; color:#d1d5db;"></i>
                </a>
            </li>
        </ul>
    </div>
</div>

<script>
    // 1. Register Service Worker for Installable Browser App (PWA)
    if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
            navigator.serviceWorker.register('https://mymuzplay.com/sw.js').catch(function() {});
        });
    }

    let deferredPrompt;
    const installBanner = document.getElementById('install-banner');
    const installBtn = document.getElementById('install-btn');
    window.addEventListener('beforeinstallprompt', (e) => {
        e.preventDefault();
        deferredPrompt = e;
        if (installBanner) installBanner.style.display = 'flex';
    });
    if (installBtn) {
        installBtn.addEventListener('click', () => {
            if (deferredPrompt) deferredPrompt.prompt();
            if (installBanner) installBanner.style.display = 'none';
        });
    }

    // 2. Slide-Out Navigation Drawer Controls
    document.addEventListener("DOMContentLoaded", function() {
        const toggleBtn = document.getElementById('mobile-toggle');
        const bottomMenuBtn = document.getElementById('mobile-bottom-menu-btn');
        const sidebar = document.getElementById('app-sidebar');
        const overlay = document.getElementById('sidebar-overlay');
        const closeBtn = document.getElementById('close-sidebar');
        function openSidebar(e) {
            if (document.body.classList.contains('admin-body-mode') && e && e.currentTarget === toggleBtn) return;
            if (e) e.preventDefault();
            if (sidebar) sidebar.classList.add('active');
            if (overlay) overlay.classList.add('active');
        }
        function closeSidebar() {
            if (sidebar) sidebar.classList.remove('active');
            if (overlay) overlay.classList.remove('active');
        }
        if (toggleBtn) toggleBtn.addEventListener('click', openSidebar);
        if (bottomMenuBtn) bottomMenuBtn.addEventListener('click', openSidebar);
        if (closeBtn) closeBtn.addEventListener('click', closeSidebar);
        if (overlay) overlay.addEventListener('click', closeSidebar);
    });

    // 3. Global Browser App Floating Mini-Player Engine (Powered by YouTube IFrame API)
    window.globalYtPlayer = null;
    window.globalMpInterval = null;
    window.pendingVideoPlay = null;

    window.playInBrowserApp = function(videoId, title, artist, thumb, dlUrl) {
        if (!videoId) return;
        var dock = document.getElementById('browser-mini-player');
        if (!dock) return;
        dock.style.display = 'flex';
        document.getElementById('mp-song-title').textContent = title || 'Playing Track';
        document.getElementById('mp-song-artist').textContent = artist || 'Official Audio';
        document.getElementById('mp-thumb-img').src = thumb || ('https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg');
        document.getElementById('mp-dl-link').href = dlUrl || ('https://mymuzplay.com/detail/' + videoId + '.html');
        document.getElementById('mp-toggle-icon').className = 'fas fa-spinner fa-spin';

        if (typeof window.saveTrackToHistory === 'function') {
            window.saveTrackToHistory(videoId, title, artist, thumb, dlUrl);
            if (typeof window.renderSavedTracksBar === 'function') window.renderSavedTracksBar();
        }

        if (window.globalYtPlayer && typeof window.globalYtPlayer.loadVideoById === 'function') {
            window.globalYtPlayer.loadVideoById(videoId);
            window.globalYtPlayer.playVideo();
            return;
        }

        window.pendingVideoPlay = videoId;
        if (!window.YT || !window.YT.Player) {
            if (!document.getElementById('yt-iframe-api-script')) {
                var tag = document.createElement('script');
                tag.id = 'yt-iframe-api-script';
                tag.src = 'https://www.youtube.com/iframe_api';
                document.body.appendChild(tag);
            }
        } else {
            initGlobalMiniPlayerInstance(videoId);
        }
    };

    function initGlobalMiniPlayerInstance(videoId) {
        window.globalYtPlayer = new YT.Player('mp-yt-hidden-host', {
            height: '1',
            width: '1',
            videoId: videoId,
            playerVars: { autoplay: 1, controls: 0, playsinline: 1, rel: 0 },
            events: {
                onReady: function(e) {
                    e.target.playVideo();
                },
                onStateChange: function(e) {
                    var ico = document.getElementById('mp-toggle-icon');
                    if (e.data === YT.PlayerState.PLAYING) {
                        if (ico) ico.className = 'fas fa-pause';
                        clearInterval(window.globalMpInterval);
                        window.globalMpInterval = setInterval(function() {
                            if (!window.globalYtPlayer || typeof window.globalYtPlayer.getCurrentTime !== 'function') return;
                            var c = window.globalYtPlayer.getCurrentTime();
                            var d = window.globalYtPlayer.getDuration();
                            if (d > 0) {
                                document.getElementById('mp-progress-fill').style.width = ((c / d) * 100) + '%';
                            }
                        }, 300);
                    } else if (e.data === YT.PlayerState.PAUSED || e.data === YT.PlayerState.ENDED) {
                        if (ico) ico.className = 'fas fa-play';
                        clearInterval(window.globalMpInterval);
                    }
                }
            }
        });
    }

    var prevYtReady = window.onYouTubeIframeAPIReady;
    window.onYouTubeIframeAPIReady = function() {
        if (typeof prevYtReady === 'function') prevYtReady();
        if (window.pendingVideoPlay && !window.globalYtPlayer) {
            initGlobalMiniPlayerInstance(window.pendingVideoPlay);
        }
    };

    window.toggleGlobalMiniPlayer = function() {
        if (!window.globalYtPlayer || typeof window.globalYtPlayer.getPlayerState !== 'function') return;
        var st = window.globalYtPlayer.getPlayerState();
        if (st === YT.PlayerState.PLAYING) {
            window.globalYtPlayer.pauseVideo();
        } else {
            window.globalYtPlayer.playVideo();
        }
    };

    window.seekGlobalMiniPlayer = function(ev) {
        if (!window.globalYtPlayer || typeof window.globalYtPlayer.getDuration !== 'function') return;
        var rect = ev.currentTarget.getBoundingClientRect();
        var pct = Math.max(0, Math.min(1, (ev.clientX - rect.left) / rect.width));
        var dur = window.globalYtPlayer.getDuration();
        if (dur > 0) {
            window.globalYtPlayer.seekTo(pct * dur, true);
            document.getElementById('mp-progress-fill').style.width = (pct * 100) + '%';
        }
    };

    window.closeGlobalMiniPlayer = function() {
        clearInterval(window.globalMpInterval);
        if (window.globalYtPlayer && typeof window.globalYtPlayer.stopVideo === 'function') {
            window.globalYtPlayer.stopVideo();
        }
        var dock = document.getElementById('browser-mini-player');
        if (dock) dock.style.display = 'none';
    };
</script>
</body>
</html>