<!DOCTYPE html>
<html lang="id-ID">
    <head>
        <script type="text/javascript" src="https://iat.detiknetwork.com/ip-information.js"></script>
        <link rel="preconnect" href="https://awscdn.detik.net.id"><link rel="preconnect" href="https://awscdn.detik.net.id" crossorigin><link rel="preconnect" href="https://cdn.detik.net.id"><link rel="preconnect" href="https://cdn.detik.net.id" crossorigin>        <link rel="dns-prefetch" href="https://cdn.detik.net.id"/><link rel="dns-prefetch" href="https://akcdn.detik.net.id"/><link rel="dns-prefetch" href="https://cdnv.detik.net.id"/><link rel="dns-prefetch" href="https://connect.detik.com"/><link rel="dns-prefetch" href="https://newrevive.detik.com"/><link rel="dns-prefetch" href="https://cdnstatic.detik.com"/><link rel="dns-prefetch" href="https://analytic.detik.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net"/><link rel="dns-prefetch" href="https://pubads.g.doubleclick.net"/><link rel="dns-prefetch" href="https://www.gstatic.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://partner.googleadservices.com"/><link rel="dns-prefetch" href="https://bs.serving-sys.com"/><link rel="dns-prefetch" href="https://ad.doubleclick.net"/><link rel="dns-prefetch" href="https://pixel.adsafeprotected.com"/><link rel="dns-prefetch" href="https://cdn.doubleverify.com"/>        <!-- s: preload JS -->
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/jquery.min.js?v=202606121827" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606121827" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606121827" as="script">
                            <link rel="preload" href="https://awscdn.detik.net.id/assets/js/tab.js?v=202606121827" as="script">
                        <!-- e: preload JS -->
        
 <title>detikcom - Informasi Berita Terkini dan Terbaru Hari Ini</title>
 <meta name="description" content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" itemprop="description" />
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="text/html; charset=UTF-8" />
 <meta name="viewport" content="initial-scale = 1.0, user-scalable = no, width=device-width, height=device-height, maximum-scale=1.0" />
 <meta property="og:type" content="article" />
 <meta property="og:site_name" content="detikcom" />
 <meta property="og:title" content="detikcom - Informasi Berita Terkini dan Terbaru Hari Ini" />
 <meta property="og:image" content="https://awscdn.detik.net.id/detikcomasset/logo/detikcom.png" />
 <meta property="og:description" content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" />
 <meta property="og:url" content="https://www.detik.com" />
 <meta property="fb:app_id" content="187960271237149" />
 <meta property="fb:admins" content="100000607566694" />
 <meta property="og:image:type" content="image/jpeg" />
 <meta property="og:image:width" content="1200" />
 <meta property="og:image:height" content="675" />
 <meta name="copyright" content="" itemprop="dateline" />
 <meta name="p:domain_verify" content="2057b86bf61e5a346e22a380c6fecf89" />
 <meta name="robots" content="index, follow" />
 <meta name="googlebot" content="index, follow" />
 <meta name="googlebot-news" content="index, follow" />
 
 <meta content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" itemprop="headline" />
 <meta name="keywords" content="berita hari ini, berita terkini, berita terbaru, info berita, peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, liputan khusus, Indonesia, Internasional" itemprop="keywords" />
 <meta name="thumbnailUrl" content="https://awscdn.detik.net.id/detikcomasset/logo/detikcom.png" itemprop="thumbnailUrl" />
 <meta name="dtk:acctype" content="acc-detikcom" />
 <meta name="dtk:kanalid" content="-" />
 <meta name="dtk:articleid" content="-" />
 <meta name="dtk:createddate" content="-1" />
 <meta name="dtk:platform" content="desktop" />
 
<meta name="contenttype" content="wp" />
<meta name="kanalid" content="2" />
<meta name="platform" content="desktop" />
 <meta content="https://www.detik.com" itemprop="url" />
 <link rel="canonical" href="https://www.detik.com" />
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:site" content="@detikcom" />
 <meta name="twitter:site:id" content="@detikcom" />
 <meta name="twitter:creator" content="@detikcom" />
 <meta name="twitter:description" content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" />
 <meta name="twitter:image" content="https://awscdn.detik.net.id/detikcomasset/logo/detikcom.png" /><!--cached @ 1781262271--><!--replaced-->
<script async id="ebx" src="https://applets.ebxcdn.com/ebx.js"></script><script type='application/ld+json'>{"@context":"https://schema.org","@type":"Organization","name":"Detikcom","url":"https://www.detik.com/","sameAs":["https://www.facebook.com/detikcom/","https://twitter.com/detikcom","https://www.instagram.com/detikcom/"],"logo":"https://awscdn.detik.net.id/detik2/images/logo.jpg"}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://www.detik.com/","potentialAction":{"@type":"SearchAction","target":"https://www.detik.com/search/searchall?query={search_term_string}","query-input":"required name=search_term_string"}}</script>

        <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/jquery.min.js?v=202606121827"></script>
        
<!-- Meta Preview Image Large Desktop -->
<meta name="robots" content="max-snippet:-1, max-image-preview:large">
<script type="text/javascript">
    var dtkGTMDL={data:{},getMeta:function(a,t){return null!==(e=document.head.querySelector("["+a+'="'+t+'"]'))?e.content:null},addDataLayer:function(a,t,r=null){null===r&&(r=t),null!==(val=dtkGTMDL.getMeta(a,t))&&""!=val&&(dtkGTMDL.data[r]=val)},addCustomDimension:function(a){for(i=0;i<a.length;i++)switch(a[i]){case"kanalid":dtkGTMDL.addDataLayer("name","kanalid");break;case"articleid":dtkGTMDL.addDataLayer("name","articleid");break;case"articletype":dtkGTMDL.addDataLayer("name","articletype");break;case"articledewasa":dtkGTMDL.addDataLayer("name","articledewasa");break;case"articlehoax":dtkGTMDL.addDataLayer("name","articlehoax");break;case"createdate":dtkGTMDL.addDataLayer("name","createdate");break;case"publishdate":dtkGTMDL.addDataLayer("name","publishdate");break;case"keyword":dtkGTMDL.addDataLayer("name","keywords","keyword");break;case"idfokus":dtkGTMDL.addDataLayer("name","idfokus");break;case"namafokus":dtkGTMDL.addDataLayer("name","namafokus");break;case"idprogram":dtkGTMDL.addDataLayer("name","idprogram");break;case"namaprogram":dtkGTMDL.addDataLayer("name","namaprogram");break;case"pagesize":dtkGTMDL.addDataLayer("name","pagesize");break;case"pagenumber":dtkGTMDL.addDataLayer("name","pagenumber");break;case"videopresent":dtkGTMDL.addDataLayer("name","videopresent");break;case"video_id":dtkGTMDL.addDataLayer("name","video_id");break;case"refferal_url":dtkGTMDL.addDataLayer("name","refferal_url");break;case"contenttype":dtkGTMDL.addDataLayer("name","contenttype");break;case"platform":dtkGTMDL.addDataLayer("name","platform");break;case"author":dtkGTMDL.addDataLayer("name","author");break;case"title":dtkGTMDL.addDataLayer("property","og:title","title");break;case"subcategori":dtkGTMDL.addDataLayer("name","subcategori");break;case"keywordkanal":dtkGTMDL.addDataLayer("name","keywordkanal");break;case"duration":dtkGTMDL.addDataLayer("name","duration");break;case"hl_nhl_wp":dtkGTMDL.addDataLayer("name","hl_nhl_wp");break;case"hl_nhl_kanal":dtkGTMDL.addDataLayer("name","hl_nhl_kanal");break;case"originalTitle":dtkGTMDL.addDataLayer("name","originalTitle");break;case"video_story_url":dtkGTMDL.addDataLayer("name","video_story_url")}},generate:function(){return contenttype=dtkGTMDL.getMeta("name","contenttype"),dtkGTMDL.addCustomDimension(["kanalid","articleid","articletype","articledewasa","articlehoax","createdate","publishdate","keyword","idfokus","namafokus","idprogram","namaprogram","pagesize","pagenumber","videopresent","video_id","contenttype","platform","author","subcategori","keywordkanal","duration","hl_nhl_wp","hl_nhl_kanal","originalTitle","video_story_url"]),dtkGTMDL.data.event="articlePush",dtkGTMDL.data}};dataLayer=[dtkGTMDL.generate()];var _pt=function(a,t,r,d,n){console.log("__pt:gtmdl"),void 0===t&&a.hasAttribute("dtr-evt")&&(t=a.getAttribute("dtr-evt"),d=a.getAttribute("dtr-act")+" "+a.getAttribute("dtr-idx"),r=a.getAttribute("dtr-ttl"));var o={event:"panel tracking",action:"klik "+d,panelname:t.toLowerCase(),pt_from_type:$("meta[name=contenttype]").attr("content"),pt_from_kanal:$("meta[name=kanalid]").attr("content"),pt_to_url:a.href,pt_platform:$("meta[name=platform]").attr("content"),pt_to_page:r};if(void 0!==n)var o=$.extend(o,n);console.log("datalayer push",o),dataLayer.push(o)};$(function(){pushEvent=function(a,t,r){var d;d="undefined"!=typeof basekanal&&null!==basekanal?basekanal:baseurl,dataLayer.push({event:""+a,bc_nav_url:""+t,bc_domain:""+d,bc_title:""+r,baca_juga_aid:""+getArticleId(a,t)})},getArticleId=function(a,t){return(arID=(arrUrl=t.split("/")).length>9?arrUrl[2].indexOf("m.detik")>-1||arrUrl[2].indexOf("mdev.detik")>-1?t.indexOf("/~")>-1?arrUrl[10]:arrUrl[9]:arrUrl[3].indexOf("sepakbola")>-1?arrUrl[9]:arrUrl[8]:arrUrl[2].indexOf("garuda.detik")>-1?t.indexOf("/~")>-1?arrUrl[6]:arrUrl[5]:t.indexOf("/~")>-1?"sepakbola"==arrUrl[4]?arrUrl[6]:arrUrl[5]:"sepakbola"==arrUrl[3]?arrUrl[5]:arrUrl[4]).indexOf("d-")>-1&&(arID=arID.split("-")[1]),arID},$("#relatedgtm a").click(function(){pushEvent("beritaterkait",$(this).attr("href"),$(this).text().trim())}),$("#readtoogtm").hasClass("list__other__item")?(selector=$("#readtoogtm h5 a"),set=!0):(selector=$("#readtoogtm a"),set=!1),selector.click(function(){var a;$("h2",this).length&&(a=$("h2",this).text().trim()),$("h3",this).length&&(a=$("h3",this).text().trim()),$("h4",this).length&&(a=$("h4 strong",this).length?$("h4 strong",this).text().trim():$("h4",this).text().trim()),!0==set&&(a=$(this).text().trim()),$("h6",this).length&&(a=$("h6",this).text().trim()),pushEvent("bacajuga",$(this).attr("href"),a)})});
</script>
<script type="text/javascript" src="https://awscdn.detik.net.id/libs/livecounter/detikLiveUserCounterResponse.js?v=2026061218" defer></script>
<script type="text/javascript">window.addEventListener("message",(function(e){var t=document.getElementsByClassName("bb-iframe"),a=e.data.height;t&&t[0]&&(t[0].style.height=a+"px")}),!1);</script>
        <!--s:dtkprv-->
<!-- S: (script) Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NG6BTJ');</script>
<!-- E: (script) Google Tag Manager -->
<!--e:dtkprv-->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <link type="image/x-icon" rel="shortcut icon" href="https://awscdn.detik.net.id/detikcom/images/favicon.ico?v=202606121827">

        <!--s:dtkprv-->
<!--e:dtkprv-->
        <link href="https://awscdn.detik.net.id/detikcom/css/style.css?v=202606121827" rel="stylesheet">
        <link href="https://awscdn.detik.net.id/assets/css/placeholder.css?v=202606121827" rel="stylesheet">
        <!-- S:taghead -->   <!--Tag HEAD-->

<link rel="stylesheet" type="text/css" href="https://awscdn.detik.net.id/commerce/desktop/css/detik.ads-new.css">
 
<!-- S: CB Year -->
<!--  <script type="text/javascript">var rv_cb_g20 = '230';</script> -->
<!-- E: CB Year -->

<!-- Dynamic Provisioning -->
<script async src="//micro.rubiconproject.com/prebid/dynamic/11530.js"></script>

<!-- UTC -->
<script type="text/javascript" src="https://awscdnstatic.detik.net.id/revive/targeting.js"></script>

<!-- Start Tag DFP -->
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
var gptadslots = [];
window.googletag = window.googletag || {cmd: []};

// initialize pbjs
var pbjs = pbjs || {};
pbjs.que = pbjs.que || [];
    
gpt_slot_objects = [];

  googletag.cmd.push(function() {
      
//Adslot 1 declaration
    var REFRESH_KEY = 'refresh';
    var REFRESH_VALUE = 'true';
    // This slot is allowed to refresh, as it contains the targeting keys which have been declared for refresh.

    gpt_billboardtop = googletag.defineSlot('/4905536/detik_desktop/wp/billboard', [[970, 250], [1,1]], 'div-gpt-ad-1535011949711-0').
       setTargeting('pos', ['billboard']).
       setTargeting(REFRESH_KEY, REFRESH_VALUE).
       addService(googletag.pubads());
    
    // gpt_skinner2 = googletag.defineSlot('/4905536/detik_desktop/wp/skinner_kanan', [[160, 600], [300, 700], [120, 600]], 'div-gpt-ad-1575954913930-0').
    //         setTargeting(REFRESH_KEY, REFRESH_VALUE).
    //         setTargeting('test', 'event').
    //         addService(googletag.pubads());
    // //         
    //         gpt_skinner1 = googletag.defineSlot('/4905536/detik_desktop/wp/skinner_kiri', [[160, 600], [300, 700], [120, 600]], 'div-gpt-ad-1575954832037-0').
    //                     setTargeting(REFRESH_KEY, REFRESH_VALUE).
    //         setTargeting('test', 'event').
    //         addService(googletag.pubads());
    //         
    //         gpt_topframe = googletag.defineSlot('/4905536/detik_desktop/wp/topframe', [[1104, 50], [970, 250]], 'div-gpt-ad-1609516302326-0').
    //         setTargeting(REFRESH_KEY, REFRESH_VALUE).
    //         setTargeting('test', 'event').
    //         addService(googletag.pubads());
    //         

// // 



        // gpt_promobox = googletag.defineSlot('/4905536/detik_desktop/wp/promobox', [[600, 250], [400, 250]], 'div-gpt-ad-1675354767032-0').
        //     setTargeting(REFRESH_KEY, REFRESH_VALUE).
        //     setTargeting('test', 'event').
        //     addService(googletag.pubads());
        
    // gpt_leaderboard = googletag.defineSlot('/4905536/detik_desktop/wp/leaderboard', [728, 90], 'div-gpt-ad-1629684611153-0').
    //     setTargeting(REFRESH_KEY, REFRESH_VALUE).
    //     addService(googletag.pubads());

    gpt_mediumrectangle1 = googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle1', [[300, 600], [300, 500], [300, 250]], 'div-gpt-ad-1572110512991-0').
       setTargeting(REFRESH_KEY, REFRESH_VALUE).
        addService(googletag.pubads());

     //gpt_mediumrectangle2 = googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle2', [300, 250], 'div-gpt-ad-1535014085963-0').
         ////setTargeting(REFRESH_KEY, REFRESH_VALUE).
         //addService(googletag.pubads());
        
      // gpt_parallax1 = googletag.defineSlot('/4905536/detik_desktop/wp/parallax', [[300, 250], [480, 600], [300, 600]], 'div-gpt-ad-1572942201238-0').
      // setTargeting(REFRESH_KEY, REFRESH_VALUE).
      //     addService(googletag.pubads());
    
     // gpt_parallax2 = googletag.defineSlot('/4905536/detik_desktop/wp/parallax2', [[300, 250], [480, 600], [300, 600]], 'div-gpt-ad-1572942389690-0').
     // setTargeting(REFRESH_KEY, REFRESH_VALUE).
     // addService(googletag.pubads());
     
     // gpt_balloon = googletag.defineSlot('/4905536/detik_desktop/wp/balloon_ads', [[400, 250], [300, 600], [300, 500]], 'div-gpt-ad-1754763737221-0').
     // setTargeting(REFRESH_KEY, REFRESH_VALUE).
     // addService(googletag.pubads());

    // Number of seconds to wait after the slot becomes viewable.
    var SECONDS_TO_WAIT_AFTER_VIEWABILITY = 10;
    googletag.pubads().addEventListener('impressionViewable', function(event) {
      var slot = event.slot;
      if (slot.getTargeting(REFRESH_KEY).indexOf(REFRESH_VALUE) > -1) {
        setTimeout(function() {
          googletag.pubads().refresh([slot]);
        }, SECONDS_TO_WAIT_AFTER_VIEWABILITY * 1000);
      }
    });


//gpt_billboard2 = "";
//googletag.defineSlot('/4905536/detik_desktop/wp/topframe', [970, 250], 'div-gpt-ad-1609516302326-0').addService(googletag.pubads());

//gpt_prembill = googletag.defineSlot('/4905536/detik_desktop/wp/billboard', [1,1], 'div-gpt-ad-1535011949711-0').addService(googletag.pubads());

//gpt_billboardtop = "";
//googletag.defineSlot('/4905536/detik_desktop/wp/billboard', [970, 250], 'div-gpt-ad-1535011949711-0').addService(googletag.pubads());

gpt_topframe = googletag.defineSlot('/4905536/detik_desktop/wp/topframe', [[1104, 50], [970, 250]], 'div-gpt-ad-1609516302326-0').addService(googletag.pubads());

//gpt_premskin = googletag.defineSlot('/4905536/detik_desktop/wp/billboard', [1104, 50], 'div-gpt-ad-1535011949711-0').addService(googletag.pubads());

//gpt_leaderboard = googletag.defineSlot('/4905536/detik_desktop/wp/leaderboard', [728, 90], 'div-gpt-ad-1629684611153-0').addService(googletag.pubads());
        
// gpt_navbar2 = googletag.defineSlot('/4905536/detik_desktop/wp/navbar2', [1, 1], 'div-gpt-ad-1723546253023-0').addService(googletag.pubads());

gpt_promobox = googletag.defineSlot('/4905536/detik_desktop/wp/promobox', [[600, 250], [400, 250]], 'div-gpt-ad-1675354767032-0').addService(googletag.pubads());

gpt_mediumrectangle3 = googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle3', [300, 250], 'div-gpt-ad-1631082776371-0').setTargeting('test', 'lazyload').addService(googletag.pubads());

//gpt_center1 = googletag.defineSlot('/4905536/detik_desktop/wp/center1', [300, 250], 'div-gpt-ad-1565183879836-0').setTargeting('pos', ['center1']).addService(googletag.pubads());

gpt_newsfeed1 = googletag.defineOutOfPageSlot('/4905536/detik_desktop/wp/newsfeed1', 'div-gpt-ad-1612605119627-0').addService(googletag.pubads());

gpt_newsfeed2 = googletag.defineOutOfPageSlot('/4905536/detik_desktop/wp/newsfeed2', 'div-gpt-ad-1613262723921-0').addService(googletag.pubads());

gpt_newsfeed3 = googletag.defineOutOfPageSlot('/4905536/detik_desktop/wp/newsfeed3', 'div-gpt-ad-1624873610990-0').addService(googletag.pubads());

gpt_newsfeedterpopuler = googletag.defineOutOfPageSlot('/4905536/detik_desktop/wp/newsfeed_terpopuler', 'div-gpt-ad-1765352159165-0').addService(googletag.pubads());


//gpt_billboard = "";
//googletag.defineSlot('/4905536/detik_desktop/wp/billboard', [970, 250], 'div-gpt-ad-1535011949711-0').setTargeting('pos', ['billboard']).addService(googletag.pubads());

// gpt_center2 = googletag.defineSlot('/4905536/detik_desktop/wp/center2', [300, 250], 'div-gpt-ad-1590938292944-0').addService(googletag.pubads());

/*MEDIUM RECTANGLE SLOT*/

//gpt_mediumrectangle1 = googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle1', [[300, 600], [300, 500], [300, 250]], 'div-gpt-ad-1572110512991-0').addService(googletag.pubads());
 
gpt_mediumrectangle2 = googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle2', [[300, 250], [300, 500]], 'div-gpt-ad-1535014085963-0').addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle1', [1, 1], 'div-gpt-ad-1581397390862-0').addService(googletag.pubads());

//gpt_mediumrectangle4 = googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle4', [300, 250], 'div-gpt-ad-1537376336099-0').addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/wp/medium_rectangle5', [300, 250], 'div-gpt-ad-1637285628568-0').addService(googletag.pubads());


/*BALLOON ADS SLOT*/
gpt_balloon = "";
//googletag.defineSlot('/4905536/detik_desktop/wp/balloon_ads', [[300, 250], [300, 500], [400, 250], [300, 600]], 'div-gpt-ad-1754763737221-0').addService(googletag.pubads());

gpt_balloonkiri = "";
//googletag.defineSlot('/4905536/detik_desktop/wp/bottomframe', [[400, 250], [300,500]], 'div-gpt-ad-1608018266850-0').addService(googletag.pubads());


/*TOP & BOTTOM FRAME SLOT*/

//googletag.defineSlot('/4905536/detik_desktop/wp/bottomframe', [1, 1], 'div-gpt-ad-1608109673548-0').addService(googletag.pubads());
gpt_bottomframe = "";
//googletag.defineSlot('/4905536/detik_desktop/wp/bottomframe', [970, 50], 'div-gpt-ad-1556125066123-0').addService(googletag.pubads());


//googletag.defineSlot('/4905536/detik_desktop/wp/topframe', [1, 1], 'div-gpt-ad-1589255476007-0').addService(googletag.pubads());
// gpt_parallax1 = googletag.defineSlot('/4905536/detik_desktop/wp/parallax', [[300, 250], [480, 600], [300, 600]], 'div-gpt-ad-1572942201238-0').addService(googletag.pubads());


//gpt_parallax2 = googletag.defineSlot('/4905536/detik_desktop/wp/parallax2', [[300, 250], [480, 600], [300, 600]], 'div-gpt-ad-1572942389690-0').addService(googletag.pubads());
// 


/*SKINNER SLOT*/
// gpt_skinner1 = googletag.defineSlot('/4905536/detik_desktop/wp/skinner_kiri', [[160, 600], [300, 700], [120, 600]], 'div-gpt-ad-1575954832037-0').addService(googletag.pubads());
// // //  
// gpt_skinner2 = googletag.defineSlot('/4905536/detik_desktop/wp/skinner_kanan', [[160, 600], [300, 700], [120, 600]], 'div-gpt-ad-1575954913930-0').addService(googletag.pubads());


/*NATIVE NEWSFEED SLOT*/
//googletag.defineSlot('/4905536/detik_desktop/wp/newsfeed1', ['fluid'], 'div-gpt-ad-1535014274004-0').setTargeting('pos', ['newsfeed1']).addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/wp/newsfeed2', ['fluid'], 'div-gpt-ad-1535014379334-0').addService(googletag.pubads()); 
//googletag.defineSlot('/4905536/detik_desktop/wp/newsfeed2', ['fluid'], 'div-gpt-ad-1535014379334-0').setTargeting('pos', ['newsfeed2']).addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/wp/newsfeed3', ['fluid'], 'div-gpt-ad-1535014432247-0').setTargeting('pos', ['newsfeed3']).addService(googletag.pubads());

//googletag.defineSlot('/4905536/detik_desktop/wp/newsfeed_nhl', ['fluid'], 'div-gpt-ad-1535014219032-0').setTargeting('pos', ['newsfeed_nhl']).addService(googletag.pubads());

//googletag.defineOutOfPageSlot('/4905536/detik_desktop/wp/newsfeed_nhl', 'div-gpt-ad-1612975809736-0').addService(googletag.pubads());


//googletag.defineSlot('/4905536/detik_desktop/wp/pop_ups', [785, 440], 'div-gpt-ad-1567442414301-0').addService(googletag.pubads());

gpt_slot_objects.push(gpt_billboardtop, gpt_promobox, gpt_topframe, gpt_mediumrectangle1, gpt_mediumrectangle2, gpt_mediumrectangle3, gpt_newsfeed3, gpt_newsfeed2, gpt_newsfeed1, gpt_newsfeedterpopuler);


//conditional empty gpt_promobox 1
// if (document.getElementById('div-gpt-ad-1675354767032-0') != null) {
// gpt_slot_objects.push(gpt_promobox);
//}

// //conditional empty newsfeed 1
// if (document.getElementById('div-gpt-ad-1612605119627-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed1);
// }
// 
// //conditional empty newsfeed 2
// if (document.getElementById('div-gpt-ad-1613262723921-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed2);
// }
// 
// //conditional empty newsfeed 3
// if (document.getElementById('div-gpt-ad-1624873610990-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed3);
// }

//conditional empty parallax 1
// if (document.getElementById('div-gpt-ad-1572942201238-0') != null) {
// gpt_slot_objects.push(gpt_parallax1);
// }

//conditional empty center 1
// if (document.getElementById('div-gpt-ad-1565183879836-0') != null) {
// gpt_slot_objects.push(gpt_center1);
// }

/* S- Custom DFP For Callback Function */

   googletag.pubads().addEventListener('slotRenderEnded', function(event) {
try {
if (event.slot == gpt_newsfeed1 && !event.isEmpty ){
var $head = $("#div-gpt-ad-1612605119627-0 iframe").contents().find("head");
var url = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign.css";
$head.append($("<link />", { rel: "stylesheet", href: url, type: "text/css" } ));
var Adv1 = $("#div-gpt-ad-1612605119627-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv1.length ){
$("#div-gpt-ad-1612605119627-0 iframe").height("1px");
}
}
if (event.slot == gpt_newsfeed2 && !event.isEmpty ){
var $head2 = $("#div-gpt-ad-1613262723921-0 iframe").contents().find("head");
var url2 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign2.css";
$head2.append($("<link />", { rel: "stylesheet", href: url2, type: "text/css" } ));
var Adv2 = $("#div-gpt-ad-1613262723921-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv2.length ){
$("#div-gpt-ad-1613262723921-0 iframe").height("1px");
}
}
if (event.slot == gpt_newsfeed3 && !event.isEmpty ){
var $head3 = $("#div-gpt-ad-1624873610990-0 iframe").contents().find("head");
var url3 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign.css";
$head3.append($("<link />", { rel: "stylesheet", href: url3, type: "text/css" } ));
var Adv3 = $("#div-gpt-ad-1624873610990-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv3.length ){
$("#div-gpt-ad-1624873610990-0 iframe").height("1px");
}
}
if (event.slot == gpt_newsfeedterpopuler && !event.isEmpty ){
var $head0 = $("#div-gpt-ad-1765352159165-0 iframe").contents().find("head");
var url0 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign.css";
$head0.append($("<link />", { rel: "stylesheet", href: url0, type: "text/css" } ));
var Advtp = $("#div-gpt-ad-1765352159165-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Advtp.length ){
$("#div-gpt-ad-1765352159165-0 iframe").height("1px");
}
}
if(event.slot == gpt_billboardtop && !event.isEmpty){
// $("#megabillboard-desktop").height('250px');
    $(document).ready(function () {
        var widthBB = event.size[0],
            heightBB = event.size[1];
        
        $("#billboard").css({ "width": widthBB, "height": heightBB});
        // window.addEventListener('scroll', function () {
        //     stickyBB();
        // })
    });
}
if (event.slot == gpt_billboard2 && !event.isEmpty) {
var containsJA = !event.isEmpty,
widthJA = event.size[0],
heightJA = event.size[1];
var divJA = document.querySelectorAll(".imsakiyah");
for (var ja = 0; ja < 2; ja++) {
divJA[ja].remove();
}
}
    //    if(event.slot == gpt_billboard && !event.isEmpty){
    //       $(document).ready(function(){
    //        $('#billboard_banner').show();
    //          //Billboard_Sticky();
    //       });
    // }
// if (event.slot == gpt_balloon && !event.isEmpty) {
//    var containsAdBalloon = !event.isEmpty,
//    widthBalloon = event.size[0],
//    heightBalloon = event.size[1];
//     $('.balloon').show();
//     $('.balloon_close').show();
//    if (heightBalloon == 500 && widthBalloon == 300){
//       $('.balloon').css({'height':'500px','width':'300px'});
//       $('.balloon_close').css({'top':'-24px'});
// 
//      }
//  } 

if (event.slot == gpt_balloon && !event.isEmpty) {
    var containsAdBalloon = !event.isEmpty,
        widthBalloon = event.size[0],
        heightBalloon = event.size[1];
    $('.balloon').show();
    $('.balloon_close').show();
    if (heightBalloon == 500 && widthBalloon == 300) {
        $('.balloon').css({
            'height': '500px',
            'width': '300px'
        });
        $('.balloon_close').css({
            'top': '-24px'
        });
    }
}
// 
// function onSlotRender(event) {
//   if (event.slot == gpt_balloon && !event.isEmpty) {
//     var containsAdBalloon = !event.isEmpty;
// 
//     $('.balloon').show();
//     $('.balloon_close').show();
// 
//     // fungsi cek iframe
//     function adjustBalloonSize() {
//       var $iframe = $(".balloon iframe[id^='google_ads_iframe']");
// 
//       if ($iframe.length) {
//         var widthBalloon  = $iframe.attr("width"),
//             heightBalloon = $iframe.attr("height");
// 
//         $(".balloon").css({
//           width:  widthBalloon + "px",
//           height: heightBalloon + "px"
//         });
// 
//         $(".balloon_close").css({
//           top: "-24px"
//         });
// 
//         return true; // sukses
//       }
//       return false; // iframe belum ada
//     }
// 
//     // coba langsung sekali
//     if (!adjustBalloonSize()) {
//       // kalau iframe belum muncul, coba ulangi tiap 200ms
//       var tries = 0;
//       var interval = setInterval(function() {
//         tries++;
//         if (adjustBalloonSize() || tries > 20) {
//           clearInterval(interval);
//         }
//       }, 200);
//     }
//   }
// }

 
 if(event.slot == gpt_mediumrectangle1 && !event.isEmpty){
var divsToRemoveMRCarousel = document.querySelectorAll(".carousel-container");
for (var i = 0; i < 4; i++) {
divsToRemoveMRCarousel[i].remove();
}
}
 if (event.slot == gpt_balloonkiri && !event.isEmpty) {
   var containsAdBalloonKiri = !event.isEmpty,
   widthBalloonKiri = event.size[0],
   heightBalloonKiri = event.size[1];
    $('.balloon_adskiri').show();
    $('.balloon_closekiri').show();
   if (heightBalloonKiri == 500 && widthBalloonKiri == 300){
      $('.balloon_adskiri').css({'height':'500px','width':'300px'});

     }
 }
        if (event.slot == gpt_topframe && !event.isEmpty ){
            $('.top_banner_bar').height('50px');
           $('.close_tb').show();
        }
        if (event.slot.getSlotElementId() =='div-gpt-ad-1563778625822-0') {
            setTimeout(function(){$('.slideleft').css('display', 'block');}, 500);
        }

if (event.slot == gpt_bottomframe && !event.isEmpty) {
    var containsAdBF = !event.isEmpty,
    widthBF = event.size[0],
    heightBF = event.size[1];
    if (heightBF == 1 && widthBF == 1) {
        $('.close_tbot').hide();
        $('.bottom_banner_bar').hide();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
    }
    else if (heightBF == 90 && widthBF == 728) {
        $('.bottom_banner_bar').css("min-height", "90px");
        $('.bottom_banner_bar').show();
        $('#adv-callback').show();
        $('.close_tbot').show();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
        }
    else if (heightBF == 50 && widthBF == 970) {
        $('.bottom_banner_bar').css("min-height", "50px");
        $('.bottom_banner_bar').show();
        $('.close_tbot').show();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
        }
    else {
        $('.close_tbot').hide();
        $('.bottom_banner_bar').hide();
        $(".breakingnews-float").animate({ "bottom": 0 }, 300);
    }
}



//         if(event.slot == gpt_leaderboard && event.isEmpty){
//           console.log("gpt_leaderboard");
//           removeElement('header__leaderboard');
//         }
//     if(event.slot == gpt_leaderboard && !event.isEmpty){
//     var containsLead = !event.isEmpty,
//     widthLead= event.size[0],
//     heightLead = event.size[1];
//     $("#adv-caption-lead").show();
//     $("#adv-caption-lead").width(widthLead+22);
// }
       } catch (e) {
           console.log(e);
       }
   });
   /*E- Custom DFP */

    googletag.pubads().enableSingleRequest();
    googletag.pubads().disableInitialLoad();
    googletag.pubads().setTargeting('site', ['detikcom']).setTargeting('section', ['home']).setTargeting('medium', ['desktop']);
    googletag.pubads().collapseEmptyDivs(true);
    googletag.enableServices();


// lazyLoad
/*
googletag.pubads().enableLazyLoad({
fetchMarginPercent: -1,
renderMarginPercent: 20,
//mobileScaling: 2.0
});

googletag.pubads().addEventListener("slotRequested", (event) => {
console.log("Fetching:",event.slot.getSlotElementId(), "fetched");
});

googletag.pubads().addEventListener("slotOnload", (event) => {
console.log("Rendering:",event.slot.getSlotElementId(), "rendered");
});
*/

// request pbjs bids when it loads
  pbjs.que.push(function() {
    pbjs.rp.requestBids({ 
callback: callAdserver, gptSlotObjects: gpt_slot_objects.filter(function(element, index) { 
return (element) ? true : false; }) });
});

// failsafe in case PBJS doesn't load
setTimeout(function() {
callAdserver(gpt_slot_objects);
}, 2000);
});

function callAdserver(gptSlots) {
    if (pbjs.adserverCalled) return;
    pbjs.adserverCalled = true;
    googletag.pubads().refresh(gptSlots);
  }
  
   function removeElement(classname) {
   var elem = document.getElementsByClassName(classname)[0];
   return elem.parentNode.removeChild(elem);
 }
</script>
<!-- End Tag DFP -->

<!-- Optima Tag -->
<!--<script async src="//servg1.net/o.js?uid=8ec08bf141be0cb431e04dc9" type="text/javascript"></script>-->
<!-- Optima Tag -->

<!-- Insurad tag -->
<!--<script async src="https://cdn.insurads.com/bootstrap/S9H7OMZB.js"></script>-->
<!--<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5870362480597980"
     crossorigin="anonymous"></script>-->

 <!-- Spider Tag -->
<!--<script>
  var sptrk=function(){var o="https://sp-trk.com/",t="__spd",e=(new Date).getTime();window[t]||(window[t]={init:!1});var c=window[t];c.d||(c.d=[]);var s=c.d;function v(t){var i=document.createElement("script");i.async=!0,i.src=t,document.head.appendChild(i)}c.init||v(o+"u");var u=/^([a-z0-9]{8})-([a-z0-9]{2})$/;return function(){var t=arguments;if(s.push(t),"config"==t[0]&&!c.init&&!c.a){c.init=!0;var i=t[1],n=i.match(u),a=n[1],r=n[2];if(!a||!r)throw"invalid id: "+i;var d=Math.random().toString(36).substring(2,15);v(o+"t/"+a+"?"+("a="+e+"&o="+d))}}}();

  sptrk('config', 'jb7wac2q-01', {
    // optional parameters:
    // segment: '##segment##'
  });
</script>-->
<!-- Spider Tag -->

<!-- E:taghead -->        <script type="text/javascript">
    var baseurl    = "https://www.detik.com",
        asset_url  = "https://awscdn.detik.net.id/detikcom",
        site_id    = "2",
        channel_id = "2",
        responsive = false,
        itp_locals_active = false,
        itp_site_name = "detikcom"
</script>

<!--profile_ad:detikcom-->
<!--layout_type:desktop-->
<script type="text/javascript">
    window.addEventListener('message', function (event) {
        var iframe = document.getElementsByClassName("bb-iframe");
        var height = event.data.height;
        if (iframe && iframe[0]) {
            iframe[0].style.height = height + "px";
        }
    }, false);
</script>
        <script type="text/javascript">
    function getScript(e,t){var a=document.createElement("script");a.src=e;var n=document.getElementsByTagName("head")[0],d=!1;a.onload=a.onreadystatechange=function(){d||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(d=!0,t(),a.onload=a.onreadystatechange=null,n.removeChild(a))},n.appendChild(a)}
</script>
<script type="text/javascript">
    function itpGetFileNameFromUrl(i){return new URL(i).pathname.split("/").pop().split(".").slice(0,-1).join("")}function itpInitScrollAsset(i,n,t=function(){}){let e="inited"+itpGetFileNameFromUrl(i);window[e]=!1,window.addEventListener("scroll",(function(){window[e]||window.scrollY<=n||(window[e]=!0,getScript(i,t))}))}
</script>
							    </head>

    <body>
        <!--s:dtkprv-->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NG6BTJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--e:dtkprv-->

        <h1 class="head-1">Berita Terbaru dan Terpecaya Hari ini - Detikcom</h1>

        
 <link rel="stylesheet" href="https://awscdn.detik.net.id/assets/css/framebar/framebar.css?v=202606121827" type="text/css">
<style>
.search-section__list a.focused {
 background-color: #f0f0f0;
 outline: none;
}
.search-section__list li.focused {
 background-color: #f0f0f0;
 outline: none;
}
</style>
<div class="sticky-area-outer" id="sticky-area-outer" style="height:46px"><div class="framebar-desktop fixed-framebar" style="transition:.25s"><div class="dtkframebar"><div class="dtkframebar__bg"><div class="dtkframebar__wrapper"><div class="dtkframebar__menu dtkframebar__clearfix pull-left"><a href="#" class="dtkframebar__menu__icon pull-left" id="dtkframebar-menu"><span></span><span></span><span></span></a><span class="dtkframebar__menu__text">MENU</span></div><div class="dtkframebar__menu__kanal framebarasset-lazy"> <ul class="newlist"><li class="pb10"><a href="https://www.detik.com/?tagfrom=framebar"><span class="dtkframebar__menu__kanal__icon gtm_link_detikcom"><img data-src="https://awscdn.detik.net.id/assets/images/framebar/favicon-detikcom.png?v=202606121827" alt=""></span>detikcom</a></li><ul class="newlist-double"><li class="sub_list"><a href="https://www.detik.com/terpopuler" style="" class="" target="_blank" ><span class="dtkframebar__menu__kanal__icon"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_Most-3x.webp" alt=""></span>Terpopuler </a></li><li class="sub_list"><a href="https://20.detik.com/live/" style="" class="" target="_blank" ><span class="dtkframebar__menu__kanal__icon"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_livetv.webp" alt=""></span>Live TV </a></li><li class="sub_list"><a href="https://news.detik.com/kolom/kirim/" style="" class="" target="_blank" ><span class="dtkframebar__menu__kanal__icon"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_kirim_tulisan-3x.webp" alt=""></span>Kirim Tulisan </a></li></ul></ul> <div class="kat_divide">Kategori Berita</div><ul class="newlist-double"><li><a href="https://news.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_detik-3x.webp" alt=""></span>detikNews </a></li><li><a href="https://finance.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_finance-3x.webp" alt=""></span>detikFinance </a></li><li><a href="https://inet.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_inet-3x.webp" alt=""></span>detikInet </a></li><li><a href="https://hot.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_hot-3x.webp" alt=""></span>detikHot </a></li><li><a href="https://sport.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_sport-3x.webp" alt=""></span>detikSport </a></li><li><a href="https://sport.detik.com/sepakbola" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_sepakbola-3x.webp" alt=""></span>Sepakbola </a></li><li><a href="https://oto.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_oto-3x.webp" alt=""></span>detikOto </a></li><li><a href="https://travel.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_travel-3x.webp" alt=""></span>detikTravel </a></li><li><a href="https://food.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_food-3x.webp" alt=""></span>detikFood </a></li><li><a href="https://health.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_health-3x.webp" alt=""></span>detikHealth </a></li><li><a href="https://wolipop.detik.com" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_wolipop-3x.webp" alt=""></span>Wolipop </a></li><li><a href="https://news.detik.com/x/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_X-3x.webp" alt=""></span>DetikX </a></li><li><a href="https://20.detik.com" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_20D-3x.webp" alt=""></span>20Detik </a></li><li><a href="https://foto.detik.com" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_foto.webp" alt=""></span>detikFoto </a></li><li><a href="https://www.detik.com/edu/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_edu-3x.webp" alt=""></span>detikEdu </a></li><li><a href="https://www.detik.com/hikmah/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_Hikmah.webp" alt=""></span>detikHikmah </a></li><li><a href="https://www.detik.com/properti/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/icproperti.webp" alt=""></span>detikProperti </a></li><li><a href="https://www.detik.com/pop/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/iconpop.webp" alt=""></span>detikPop </a></li></ul> <div class="kat_divide">Daerah</div><ul class="newlist-double"><li><a href="https://www.detik.com/jateng" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_jateng-3x.webp" alt=""></span>detikJateng </a></li><li><a href="https://www.detik.com/jatim" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_jatim-3x.webp" alt=""></span>detikJatim </a></li><li><a href="https://www.detik.com/jabar" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_jabar-3x.webp" alt=""></span>detikJabar </a></li><li><a href="https://www.detik.com/sulsel" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_sulsel-2x.webp" alt=""></span>detikSulsel </a></li><li><a href="https://www.detik.com/sumut" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_sumut-3x.webp" alt=""></span>detikSumut </a></li><li><a href="https://www.detik.com/bali" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/icondetikbali.webp" alt=""></span>detikBali </a></li><li><a href="https://www.detik.com/sumbagsel" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_sumbagsel-3x.webp" alt=""></span>detikSumbagsel </a></li><li><a href="https://www.detik.com/jogja" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_jogja.webp" alt=""></span>detikJogja </a></li><li><a href="https://www.detik.com/kalimantan/" style="" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/icon-detikkalimantan-69x69.png" alt=""></span>detikKalimantan </a></li></ul> <div class="kat_divide">Layanan</div><ul class="newlist-double"><li><a href="https://fyb.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/1734929100-Favicon-Apss-100x100px.png" alt=""></span>For Your Business </a></li><li><a href="https://pasangmata.detik.com/" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_pasang_mata-3x.webp" alt=""></span>Pasang Mata </a></li><li><a href="https://adsmart.detik.com/" style="" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_adsmart-3x.webp" alt=""></span>adsmart </a></li><li><a href="https://event.detik.com" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_event-3x.webp" alt=""></span>detikEvent </a></li><li><a href="https://www.transentertainment.com/transsnow" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_trans_snow_latest.webp" alt=""></span>Trans Snow World </a></li><li><a href="https://www.transentertainment.com/transstudio" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_trans_studio_latest.webp" alt=""></span>Trans Studio </a></li><li><a href="https://www.transentertainment.com/foi/detail" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/Logo%20FOI.png" alt=""></span>Flying Over Indonesia </a></li><li><a href="https://www.berbuatbaik.id/?utm_source=detikcom&utm_medium=framebar&utm_campaign=layanan" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/logo-berbuatbaikid.webp" alt=""></span>berbuatbaik.id </a></li><li><a href="https://ziswafctarsa.id/" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_ziswafok.webp" alt=""></span>ziswafctarsa.id </a></li><li><a href="https://www.detik.com/signature-awards" style="" target="_blank" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/favicon-signature%20(1).webp" alt=""></span>Signature Awards </a></li><li><a href="https://bingkai.id" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/logo-bingkaiid.webp" alt=""></span>Bingkai.id </a></li><li><a href="https://transhotelgroup.com/detik/" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/Logo%20THG%20Icon%2069x69pxl-02.png" alt=""></span>Trans Hotel Group </a></li><li><a href="https://www.detik.com/community-connect/" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/1761115322-icon-detikconnect-mobile.png" alt=""></span>Community Connect <span class="kanal__new">NEW</span></a></li><li><a href="https://rekomendit.detik.com/" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/1761115322-icon-rekomendit-mobile.png" alt=""></span>Rekomendit <span class="kanal__new">NEW</span></a></li></ul> <div class="kat_divide">Top Up & Tagihan</div><ul class="newlist-double"><li><a href="https://www.detik.com/webvoucher-game" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-game-light.png" alt=""></span>Game </a></li><li><a href="https://www.detik.com/webvoucher-paket-data" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-data-light.png" alt=""></span>Paket Data </a></li><li><a href="https://www.detik.com/webvoucher-pulsa-prabayar" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-pulsa-prabayar-light.png" alt=""></span>Pulsa Prabayar </a></li><li><a href="https://www.detik.com/webvoucher-token-pln" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-token-pln-light.png" alt=""></span>Token PLN </a></li><li><a href="https://www.detik.com/webvoucher-ewallet" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-ewallet-light.png" alt=""></span>E-wallet </a></li><li><a href="https://www.detik.com/webvoucher-bpjs-kesehatan" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-bpjs-kesehatan-light.png" alt=""></span>BPJS Kesehatan </a></li><li><a href="https://www.detik.com/webvoucher-pln-pascabayar" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-pln-pascabayar-light.png" alt=""></span>PLN Pascabayar </a></li><li><a href="https://www.detik.com/webvoucher-pdam" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-pdam-light.png" alt=""></span>PDAM </a></li><li><a href="https://www.detik.com/webvoucher-tv-internet" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-tv-internet-light.png" alt=""></span>TV & Internet </a></li><li><a href="https://www.detik.com/webvoucher-streaming" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/detikcomasset/Asset%20Top%20Up%20%26%20Tagihan/png/icon-streaming-light.png" alt=""></span>Streaming </a></li></ul> <div class="kat_divide">Detik Network</div><ul class="newlist-double"><li><a href="https://www.haibunda.com" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_hai_bunda-3x.webp" alt=""></span>Hai Bunda </a></li><li><a href="https://www.cnnindonesia.com" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_cnn-3x.webp" alt=""></span>CNN Indonesia </a></li><li><a href="https://www.cnbcindonesia.com" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/logo-cnbc-hamburger-menu.png" alt=""></span>CNBC Indonesia </a></li><li><a href="https://www.insertlive.com" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_insert-3x.webp" alt=""></span>InsertLive </a></li><li><a href="https://www.beautynesia.id" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_beautynesia-1.webp" alt=""></span>Beautynesia </a></li><li><a href="https://www.femaledaily.com" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_female_daily.webp" alt=""></span>Female Daily </a></li><li><a href="https://cxomedia.id" style="" target="_blank" rel="nofollow" ><span class="dtkframebar__menu__kanal__icon gtm_link_detiknews"><img data-src="https://awscdn.detik.net.id/framebarasset/ic_cxo.webp" alt=""></span>CXO Media </a></li></ul></div><div class="dtkframebar__search pull-left gtm_framebardc_search searchasset-lazy"><div class="dtkframebar__search__input gtm_framebardc_btn_search dropdown-search dropdown-wrap"><div class="dropdown" id="dropdown-search" dtr-evt="search bar" dtr-sec="search" dtr-act="search" onclick="_pt(this)"><input type="text" class="text placeholder-rotator" id="placeholder-search" autocomplete="off" placeholder="Cari berita"><button class="dtkframebar__search-icon-blue"><svg width="60" height="35" viewBox="0 0 60 35" fill="none" xmlns="https://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 0C7.83502 0 0 7.83502 0 17.5V17.5C0 27.165 7.83502 35 17.5 35H42.5C52.165 35 60 27.165 60 17.5V17.5C60 7.83502 52.165 0 42.5 0H17.5Z" fill="#21409A"></path><path d="M33.7549 20.2549H32.9649L32.6849 19.9849C33.6649 18.8449 34.2549 17.3649 34.2549 15.7549C34.2549 12.1649 31.3449 9.25488 27.7549 9.25488C24.1649 9.25488 21.2549 12.1649 21.2549 15.7549C21.2549 19.3449 24.1649 22.2549 27.7549 22.2549C29.3649 22.2549 30.8449 21.6649 31.9849 20.6849L32.2549 20.9649V21.7549L37.2549 26.7449L38.7449 25.2549L33.7549 20.2549ZM27.7549 20.2549C25.2649 20.2549 23.2549 18.2449 23.2549 15.7549C23.2549 13.2649 25.2649 11.2549 27.7549 11.2549C30.2449 11.2549 32.2549 13.2649 32.2549 15.7549C32.2549 18.2449 30.2449 20.2549 27.7549 20.2549Z" fill="white"></path></svg></button></div><div class="dropdown-menu"><div class="grid-row no-gutter search-form"><div class="column"><form data-itp-form="searchbar" action="https://www.detik.com/search/searchall" method="GET"><input type="text" id="search-text" class="text" name="query" autocomplete="off"> <button class="dtkframebar__search-icon-blue" type="submit"><svg width="60" height="35" viewBox="0 0 60 35" fill="none" xmlns="https://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 0C7.83502 0 0 7.83502 0 17.5V17.5C0 27.165 7.83502 35 17.5 35H42.5C52.165 35 60 27.165 60 17.5V17.5C60 7.83502 52.165 0 42.5 0H17.5Z" fill="#21409A"></path><path d="M33.7549 20.2549H32.9649L32.6849 19.9849C33.6649 18.8449 34.2549 17.3649 34.2549 15.7549C34.2549 12.1649 31.3449 9.25488 27.7549 9.25488C24.1649 9.25488 21.2549 12.1649 21.2549 15.7549C21.2549 19.3449 24.1649 22.2549 27.7549 22.2549C29.3649 22.2549 30.8449 21.6649 31.9849 20.6849L32.2549 20.9649V21.7549L37.2549 26.7449L38.7449 25.2549L33.7549 20.2549ZM27.7549 20.2549C25.2649 20.2549 23.2549 18.2449 23.2549 15.7549C23.2549 13.2649 25.2649 11.2549 27.7549 11.2549C30.2449 11.2549 32.2549 13.2649 32.2549 15.7549C32.2549 18.2449 30.2449 20.2549 27.7549 20.2549Z" fill="white"></path></svg></button><span class="icon-right hide-element" id="clear-search-text"><img data-src="https://awscdn.detik.net.id/assets/images/framebar/icon-clear.webp?v=202606121827" width="15" height="15" alt=""></span></form></div><span class="column-auto mgl-8" data-toggle="modal" data-target="#modal-filter"><button class="btn btn--md btn--rounded dropdown-search" id="cancel-search">Cancel</button></span></div><div class="search-content"><div class="search-section"><div class="search-section__title">Yang sedang ramai dicari <img data-src="https://awscdn.detik.net.id/assets/images/framebar/icon-hot.webp?v=202606121827" class="mgl-8" width="12" height="15" alt=""></div><ol class="search-section__list" id="top-keyword-search"><li><a href="#"><span class="font-bold">Loading...</span></a></li></ol></div><div class="search-section"><div class="search-section__title">Promoted <img data-src="https://awscdn.detik.net.id/assets/images/framebar/icon-promoted.svg?v=202606121827" class="mgl-8"></div><ol id="promoted-search" class="search-section__list"></ol></div><div class="search-section"><div class="search-section__title">Terakhir yang dicari</div><ol class="search-section__list" id="last-search">Loading...</ol></div></div><div class="search-suggest hide-element"><div class="search-section"><suggest></suggest></div></div></div></div></div><div class="dtkframebar__user pull-right"><div class="dtkframebar__user__login" style="border-left:none"><div id="status_user_nf"><div class="dtkframebar__user__login__in"><div style="display:inline;padding-right:200px"><div class="ph-item"><div class="ph-col-12"><div class="ph-row"><div class="ph-col-12 big" style=""></div></div></div></div></div></div></div></div></div><div class="dtkframebar__bg__inner"></div></div></div></div></div></div>
<script type="text/javascript">var dc_params={client_id:2,ui:'popup',site_id:2}
var asset_common="https://awscdn.detik.net.id/assets";var framebar_url={"profile":"https:\/\/connect.detik.com\/dashboard\/","logout":"https:\/\/connect.detik.com\/oauth\/signout?redirectUrl=https%3A%2F%2Fwww.detik.com%2Fterpopuler%2Fedu","register":"https:\/\/connect.detik.com\/accounts\/register?clientId=64&redirectUrl=https%3A%2F%2Fwww.detik.com%2Fterpopuler%2Fedu&ui=popup&parentURI=https:\/\/www.detik.com\/terpopuler\/edu","login":"https:\/\/connect.detik.com\/oauth\/authorize?clientId=64&redirectUrl=https%3A%2F%2Fwww.detik.com%2Fterpopuler%2Fedu&ui=popup&parentURI=https:\/\/www.detik.com\/terpopuler\/edu"};var mpc_qc_url="https://connect.detik.com/api/mpc/quickcard/html?ci=64";</script><script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/framebar/search-autocomplete.js?v=202606121827"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/framebar/search.js?v=202606121827"></script>
<script>document.addEventListener("DOMContentLoaded",async function(){$("#dtkframebar-menu").click(function(t){var e=document.getElementsByClassName("framebarasset-lazy");if(0!=e.length){var a=e[0].querySelectorAll("[data-src]");for(let t=0;t<a.length;t++)a[t].setAttribute("src",a[t].getAttribute("data-src")),a[t].removeAttribute("data-src");}
$("#dtkframebar-menu").attr("dtr-evt","header"),$("#dtkframebar-menu").attr("dtr-sec","menuhamburger"),$("#dtkframebar-menu").attr("dtr-act","menuhamburger"),_pt(this)});await FramebarSearch.onLoad();const inputs=document.querySelectorAll(".placeholder-rotator");inputs.forEach((input)=>{const phrases=JSON.parse(input.getAttribute("data-phrases")||"[]");if (phrases.length === 0)return false;let index=0;input.placeholder="Cari berita "+phrases[index]??"Cari berita...";input.setAttribute("itp-data-value",phrases[index]);setInterval(()=>{input.classList.remove("fade-in");input.classList.add("fade-out");setTimeout(()=>{index=(index+1)%phrases.length;input.placeholder="Cari berita "+phrases[index];input.setAttribute("itp-data-value",phrases[index]);input.classList.remove("fade-out");input.classList.add("fade-in")},600)},5000)});const openBtn=document.querySelectorAll(".open-modal");const modalBackground=document.querySelector("#modal-background");const closeBtn=document.querySelectorAll(".close-allo-modal");openBtn.forEach((button)=>{button.addEventListener("click",()=>{modalBackground.style.display="block"})});closeBtn.forEach((button)=>{button.addEventListener("click",()=>{modalBackground.style.display="none"})});window.addEventListener("click",function(event){if(event.target===modalBackground){modalBackground.style.display="none"}});var openSearch=$("#dropdown-search");var closeSearch=$("#cancel-search");var textCount=$("#search-text");function open_search(){$(".framebar-desktop").css({position:"fixed",width:"100%",top:0});$("body").append("<div class='js-overlay'></div>");textCount.focus();setTimeout(function(){$("body").addClass("search-active")},100)}
function close_search(){$(".framebar-desktop").css({position:"",width:"",top:""});if($(".sticky-share").hasClass("has-class")){$(".framebar-desktop").css({position:"relative",width:"",top:""})}
setTimeout(function(){$(".js-overlay").remove()},300);$("body").removeClass("search-active");$(".dropdown-search").removeClass("dropdown-aktif")}
openSearch.click(function(e){$(".search-content").removeClass("hide-element");$(".search-suggest").addClass("hide-element");FramebarSearch.onOpen();e.preventDefault();if(!$("body").hasClass("search-active")){open_search()}
$(document).bind("mouseup touchend",function(e){var this_click=$(".dropdown-search, #cancel-search");if($("body").hasClass("search-active")){if(!this_click.is(e.target)&&this_click.has(e.target).length===0){setTimeout(function(){$(".js-overlay").remove()},300);$("body").removeClass("search-active");$(".framebar-desktop").css({position:"",width:"",top:""});if($(".sticky-share").hasClass("has-class")){$(".framebar-desktop").css({position:"relative",width:"",top:""})}}}})});closeSearch.click(function(e){e.preventDefault();close_search()});$(".clear-list").click(function(e){e.preventDefault();$(this).parent("li").remove()});textCount.on("keyup mouseup",function(e){e.preventDefault();var charsEntered=textCount.val().length;if(charsEntered>0){$("#clear-search-text").removeClass("hide-element");$(".search-content").addClass("hide-element");$(".search-suggest").removeClass("hide-element")}else{$("#clear-search-text").addClass("hide-element");$(".search-suggest").addClass("hide-element");$(".search-content").removeClass("hide-element")}});$("#clear-search-text").click(function(e){e.preventDefault();textCount.val("");$(this).addClass("hide-element");$(".search-suggest").addClass("hide-element");$(".search-content").removeClass("hide-element")});$('form[data-itp-form="searchbar"]').on("submit",function(e){FramebarSearch.onSubmit(e)})});</script><script>document.addEventListener("DOMContentLoaded",function(){const stickyElement=document.getElementById("sticky-area-outer");const frameBar=document.querySelector(".framebar-desktop");const sentinel=document.createElement("div");sentinel.style.width="100%";sentinel.style.position="absolute";sentinel.style.height="1px";frameBar.before(sentinel);const checkAdsInterval=setInterval(()=>{const creativeAds=document.querySelector(".billboard-new img");const stickyShare=document.querySelector(".sticky-share");if(!creativeAds&&!stickyShare){stickyElement.style.top="2px";stickyElement.style.zIndex="22";stickyElement.style.height="46px"}else{clearInterval(checkAdsInterval);stickyElement.style.top="0";stickyElement.style.zIndex="22";setTimeout(()=>{stickyElement.style.position="relative";stickyElement.style.top="2px";frameBar.style.top="0";frameBar.style.zIndex="22"},3000)}},500)});const style=document.createElement("style");style.innerHTML=`
 .fixed-framebar {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 22;
 }
 `;document.head.appendChild(style);document.addEventListener("DOMContentLoaded",()=>{const searchSuggest=document.querySelector(".search-suggest");const searchContent=document.querySelector(".search-content");let currentIndex=-1;let items=[];document.addEventListener("keydown",(e)=>{const visibleSections=[searchSuggest,searchContent].filter(section=>{return section&&window.getComputedStyle(section).display!=="none"});items=[];visibleSections.forEach(section=>{const sectionItems=section.querySelectorAll(".search-section__list li a");items.push(...sectionItems)});if(items.length===0)return;if(e.key==="ArrowDown"){e.preventDefault();currentIndex=(currentIndex+1)%items.length;updateFocus()}else if(e.key==="ArrowUp"){e.preventDefault();currentIndex=(currentIndex-1+items.length)%items.length;updateFocus()}else if(e.key==="Enter"&&currentIndex>-1){document.getElementById('search-text').disabled=!0;items[currentIndex].click()}});function updateFocus(){items.forEach((item,index)=>{item.classList.toggle("focused",index===currentIndex);if(index===currentIndex){item.scrollIntoView({block:"nearest"})}})}})</script>
<!--cached @ 1781262229--><!--replaced-->
            <!-- S:skinner --><!--S:SKIN AD-->  
<div class="bn_skin bn_skin1">
    <div class="skin3 slot_skinnerkiri">
        <ins data-labelname="skinnerkiri" data-revive-zoneid="557" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
    </div>
</div>
<div class="bn_skin bn_skin2">
<style>
        .bn_skin
        {z-index: 2 !important;}
    </style>

    <div class="skin3 slot_skinnerkanan">
        <ins data-labelname="skinnerkanan" data-revive-zoneid="558" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
    </div>
</div>

<script> 
var scrollState = 'top';
$(window).scroll(function(){ 
var scrollPos = $(window).scrollTop();

    if( ( scrollPos != 100 ) && ( scrollState === 'top' ) ) {
        $(".bn_skin").stop().animate({top: '90px'}, 300);
        scrollState = 'scrolled';
    }       
    else if( ( scrollPos === 0 ) && ( scrollState === 'scrolled' ) ) {
        $(".bn_skin").stop().animate({top: '45px'}, 300);
        scrollState = 'top';
    }

});
</script><!-- E:skinner -->            <!-- S:topframe --><!-- E:topframe -->            <!-- S:balloonads --> <!-- E:balloonads -->            <!-- S:bottomframe --><!-- E:bottomframe -->
        <!-- S:prestitial --> <!-- E:prestitial -->
        <header class="header">
 <div class="container">
 <div class="grid-row no-gutter justify-content-start">
 <div class="column-auto header__logo">
 <a href='https://sport.detik.com/juara-bola-dunia-2026' target="_blank" dtr-evt="header" dtr-sec="logo detikcom" dtr-act="logo detikcom" onclick="_pt(this)"><img src='https://awscdnstatic.detik.net.id/Brandcomm/desktop%20pildun%202026.gif' title='Piala Dunia 2026' alt='detikcom' class='logodetik' /></a> </div>
 <!-- S:leaderboard --> <!-- E:leaderboard -->
 </div>
 </div>
</header>
<div class="navbar-sticky-top"></div>
<div class="navbar-sticky">
 <div class="navbar-border"></div>
 <div class="container">
 <nav class="navbar-first">
 <a href='https://sport.detik.com/juara-bola-dunia-2026' target="_blank" dtr-evt="header" dtr-sec="logo detikcom" dtr-act="logo detikcom" onclick="_pt(this)"class="navbar-logo-kanal"><img class='logo-kanal' src='https://awscdnstatic.detik.net.id/Brandcomm/desktop%20pildun%202026.gif' title='Piala Dunia 2026' alt='detikcom' /></a> <ul class="nav font-heading">
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://news.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="detikNews" class="
 "
 style="
 "
 
 >
 detikNews </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://finance.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="detikFinance" class="
 "
 style="
 "
 
 >
 detikFinance </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://hot.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="detikHot" class="
 "
 style="
 "
 
 >
 detikHot </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://inet.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="detikInet" class="
 "
 style="
 "
 
 >
 detikInet </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://sport.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="detikSport" class="
 "
 style="
 "
 
 >
 detikSport </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://oto.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="detikOto" class="
 "
 style="
 "
 
 >
 detikOto </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://travel.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="detikTravel" class="
 "
 style="
 "
 
 >
 detikTravel </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://food.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="8" dtr-ttl="detikFood" class="
 "
 style="
 "
 
 >
 detikFood </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://health.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="9" dtr-ttl="detikHealth" class="
 "
 style="
 "
 
 >
 detikHealth </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://wolipop.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="10" dtr-ttl="Wolipop" class="
 "
 style="
 "
 
 >
 Wolipop </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://20.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="11" dtr-ttl="20detik" class="
 "
 style="
 "
 
 >
 20detik </a>
 </li>
 
 
 <li class="nav__item dropdown-wrap">
 <a
 href="#"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Daerah" dtr-ttl="dropdown kanal" class="dropdown"
 >
 Daerah <i class="icon icon-chevron-down"></i>
 </a>
 <div class="dropdown-menu dropdown-menu--right">
 <div class="dropdown-menu__content">
 <ul class="nav nav--column">
 <li class="nav__item">
 <a
 href="https://www.detik.com/jateng"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jateng" dtr-ttl="kanal berita"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jateng </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/jatim"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jatim" dtr-ttl="kanal berita"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jatim </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/jabar"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jabar" dtr-ttl="kanal berita"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jabar </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/bali"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Bali" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Bali </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/sulsel"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Sulsel" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Sulsel </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/sumut"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Sumut" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Sumut </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/sumbagsel"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Sumbagsel" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Sumbagsel </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/jogja"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jogja" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jogja </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/kalimantan"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Kalimantan" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Kalimantan </a>
 </li>
 </ul>
 </div>
 </div>
 </li>
 </ul>
</nav>
<style>
 .navbar-hover-class:hover {
 color: var(--hover-color)!important;
 }
</style> </div>
</div>
<div class="mgb-16">
 <div class="container">
 <div class="navbar navbar--bg">
 <nav class="navbar-second">
 <ul class="nav font-heading">
 <!-- S:navbar --> <!-- E:navbar --> <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://sport.detik.com/bold-riders"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Bold Riders Podium Picks" target="_blank"
 style="
 color: #000000;
 "
 class="
 "
 >
 Bold Riders Podium Picks </a>
 </li>
 <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://www.detik.com/tag/pertaminatalks"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="Pertamina Talks 2026" target="_blank"
 style="
 color: #000000;
 "
 class="
 "
 >
 Pertamina Talks 2026 </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://news.detik.com/x/"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="detikX" style="
 "
 class="
 "
 >
 detikX </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/hikmah"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Hikmah" style="
 "
 class="
 "
 >
 Hikmah </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/edu"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Edu" style="
 "
 class="
 "
 >
 Edu </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/properti"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Properti" style="
 "
 class="
 "
 >
 Properti </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/pop"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="Pop" style="
 color: #000000;
 "
 class="
 "
 >
 Pop </a>
 </li>
 <!-- S:navbar2 --> <!-- E:navbar2 --> <!-- S:navbar3 --> <!-- E:navbar3 --> <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://www.detik.com/karya-merah-putih"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="8" dtr-ttl="Karya Merah Putih" style="
 color: #000000;
 "
 class="
 "
 >
 Karya Merah Putih </a>
 </li>
 <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://sport.detik.com/juara-bola-dunia-2026"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="9" dtr-ttl="Juara Bola Dunia 2026" style="
 "
 class="
 "
 >
 Juara Bola Dunia 2026 </a>
 </li>
 
 </ul>
</nav> </div>
 </div>
</div>
<!--cached @ 1781262229--><!--replaced-->
        <!-- S:billboard --><div style="position: relative; margin: 0px auto;width: 970px;height: 250px;background-color: #F8F8F8;">
<center>
<div id="imsakiyah"></div>


<!-- /4905536/detik_desktop/wp/topframe -->
<div id='div-gpt-ad-1609516302326-0' style='height:250px; width:970px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1609516302326-0'); });
</script>
</div>

            <!-- /4905536/detik_desktop/wp/billboard -->
          <!--  <div id='div-gpt-ad-1535011949711-0' style='height:250px; width:970px;'>
               <script>
                googletag.cmd.push(function () {
                  googletag.display('div-gpt-ad-1535011949711-0');
                });
              </script> 
            </div>  --->
</center>
</div>
<br>

 
 <!-- E:billboard -->
        <div id="notification_newsfeed" popup-notif="enable" class="notification-overlay" style="display:none">
    <span id="count_newsfeed">0</span>&nbsp;Berita Terbaru
    <a dtr-evt="updateberita" dtr-sec="updatenotifikasi" dtr-act="update notifikasi berita terbaru" onclick="_pt(this)"        href="https://www.detik.com/"
        class="btn btn--sm btn--orange-light-1 mgl-24 mgr-12">
        <i class="icon icon-refresh"></i> UPDATE
    </a>
    <a dtr-evt="updateberita" dtr-sec="tutupnotifikasi" dtr-act="tutup notifikasi terbaru" onclick="_pt(this)"        href="#"
        class="js-notification-update notification-overlay__close">
        <i class="icon icon-close"></i>
    </a>
</div>
<script type="text/javascript">
    $(function() {
      $(".js-notification-update").click(function(e){
          e.preventDefault();
          $(this).parent(".notification-overlay").hide();
          $('#notification_newsfeed').attr('popup-notif','disable');
      });
    });
</script>

<div class="container">
    <div class="grid-row content__bg">

        <div class="column-12">
            <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@100..900&display=swap" />
<link
    rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap"
/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<style>
    /* BASE STYLES */
    .cb-juarabola {
        font-family: "Google Sans Flex", sans-serif;
        position: relative;
        width: 100%;
        overflow: hidden;
        background: url("https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/bg_juara.webp?v=202606121827")
            center center / cover no-repeat;
        color: #fff;
        border-radius: 12px;
    }

    .cb-juarabola__container {
        position: relative;
        z-index: 1;
        display: flex;
        padding: 16px 20px;
        gap: 20px;
        align-items: center;
    }

    /* Toggle Button */
    .cb-juarabola__toggle-btn-desktop {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 4;
        background: #89be3e;
        background: -webkit-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: -moz-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89BE3E", endColorstr="#00A1DC", GradientType=0);
        color: #fff;
        border-bottom-left-radius: 12px;
        padding: 4px 10px;
        font-weight: 700;
        font-size: 10px;
        cursor: pointer;
        border: none;
        text-transform: capitalize;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-family: "Google Sans Flex", sans-serif;
    }
    .cb-juarabola__toggle-btn-desktop .arrow {
        display: flex;
        align-items: center;
    }
    .cb-juarabola__toggle-btn-desktop .arrow svg {
        transition: transform 0.3s ease;
    }
    .cb-juarabola--expanded .cb-juarabola__toggle-btn-desktop .arrow svg {
        transform: rotate(180deg);
    }

    /* Branding (Collapsed) */
    .cb-juarabola__branding {
        width: 200px;
        flex-shrink: 0;
        text-align: center;
    }
    .cb-juarabola__logo img {
        width: 130px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .cb-juarabola__sponsors-small {
        margin-top: 10px;
    }
    .cb-juarabola__sponsors-label {
        font-size: 9px;
        opacity: 0.65;
        margin-bottom: 6px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    .cb-juarabola__sponsors-logos {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
    }
    .cb-juarabola__sponsor-icon {
        height: 22px;
        width: auto;
        max-width: 60px;
        object-fit: contain;
    }

    /* Match Card */
    .cb-juarabola__match-card {
        background: radial-gradient(45.67% 45.67% at 50% 77.4%, rgba(72, 177, 137, 0.6) 0%, rgba(72, 177, 137, 0) 100%),
            linear-gradient(0deg, #17192a, #17192a);
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .cb-juarabola__match-top {
        padding: 8px 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
    .cb-juarabola__match-group {
        color: #a1a1a1;
        font-size: 5.87px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .cb-juarabola__match-teams {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }
    .cb-juarabola__match-team {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        flex: 1;
    }
    .cb-juarabola__flag {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        overflow: hidden;
        border: 2px solid #fff;
        background-size: cover;
        background-position: center;
    }
    .cb-juarabola__team-name {
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
    }
    .cb-juarabola__match-vs {
        font-size: 11px;
        font-weight: 900;
        opacity: 0.6;
        margin-top: -10px;
    }
    .cb-juarabola__match-bottom {
        background: #89be3e;
        background: -webkit-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: -moz-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89BE3E", endColorstr="#00A1DC", GradientType=0);
        color: #fff;
        padding: 6px;
        text-align: center;
        font-size: 7.34px;
        font-weight: 800;
        letter-spacing: 0.3px;
    }

    .cb-juarabola__live-img {
        height: 10px;
        width: auto;
        vertical-align: middle;
        display: inline-block;
        margin-top: -2px;
    }

    /* Section header (small) */
    .cb-juarabola__section-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }
    .cb-juarabola__section-header h4 {
        font-size: 12px;
        font-weight: 900;
        margin: 0;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 0.3px;
    }
    .cb-juarabola__more-btn {
        font-size: 8.681px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: #fff !important;
        text-decoration: none;
        padding: 4px 11px;
        border-radius: 25px;
        background: linear-gradient(90deg, #00a1dc 0%, #89be3e 100%);
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    /* Collapsed center: jadwal */
    .cb-juarabola__col-center {
        flex: 1;
        min-width: 0;
    }
    .cb-juarabola__col-center .cb-juarabola__section-header {
        justify-content: center;
        margin-bottom: 18px;
    }
    .cb-juarabola__col-center .cb-juarabola__section-header h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        line-height: 100%; /* 20px */
        text-transform: uppercase;
    }

    .cb-juarabola__collapsed-jadwal {
        position: relative;
        padding: 0 31px;
    }
    .cb-juarabola__collapsed-jadwal .swiper-slide {
        width: auto;
    }
    .cb-juarabola__collapsed-jadwal .cb-juarabola__match-card {
        width: 120px;
        margin: 0;
    }
    .cb-juarabola__collapsed-jadwal .cb-juarabola__slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 26px;
        height: 26px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.25);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        font-weight: 900;
        font-size: 12px;
    }
    .cb-juarabola__slider-nav.swiper-button-disabled {
        opacity: 0.3;
        pointer-events: none;
    }
    .cb-juarabola__collapsed-jadwal .cb-juarabola__slider-nav--prev {
        left: -2px;
    }
    .cb-juarabola__collapsed-jadwal .cb-juarabola__slider-nav--next {
        right: -2px;
    }

    /* Quick action buttons (collapsed right) */
    .cb-juarabola__quick-links {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 6px;
        margin-top: 8px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        min-width: 0;
        padding: 0 5px 5px 0;
    }
    .cb-juarabola__quick-links .cb-juarabola__quick-btn--full {
        grid-column: 1 / -1;
        align-items: center !important;
    }
    .cb-juarabola__quick-btn--col {
        align-items: flex-start;
        flex-direction: column;
    }
    .cb-juarabola__quick-btn {
        background: #89be3e;
        background: -webkit-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: -moz-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89BE3E", endColorstr="#00A1DC", GradientType=0);
        box-shadow: 2.175px 2.175px 0 0 #fff;
        border-radius: 8px;
        padding: 6px 10px;
        color: #fff !important;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 6px;
        font-size: 10px;
        font-weight: 800;
        min-width: 0;
        overflow: hidden;
        box-sizing: border-box;
        text-decoration: none;
        line-height: 1.15;
        min-height: 38px;
        position: relative;
        transition:
            transform 0.1s ease,
            box-shadow 0.1s ease;
    }
    .cb-juarabola__quick-links .cb-juarabola__quick-btn:hover {
        transform: translate(2.175px, 2.175px);
        box-shadow: 0 0 0 0 #fff;
    }
    .cb-juarabola__quick-links .cb-juarabola__quick-btn:active {
        transform: translate(2.175px, 2.175px);
        box-shadow: 0 0 0 0 #fff;
    }
    .cb-juarabola__quick-btn .qb-label {
        display: inline-flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
    .cb-juarabola__quick-btn .qb-icon {
        width: 18px;
        height: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        flex-shrink: 0;
    }
    .cb-juarabola__quick-btn .qb-icon img {
        width: 18px;
        height: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        flex-shrink: 0;
    }
    .cb-juarabola__quick-btn .qb-arrow {
        width: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        flex-shrink: 0;
        position: absolute;
        top: 8px;
        right: 5px;
    }

    .cb-juarabola__countdown-box {
        margin-top: 10px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 9.904px;
        padding: 8px 14px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(1.65px);
        -webkit-backdrop-filter: blur(1.65px);
    }
    .cb-juarabola__countdown-box h4 {
        font-size: 8.655px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 11.252px */
        letter-spacing: -0.346px;
        text-transform: capitalize;
    }
    .cb-juarabola__countdown-items {
        display: flex;
        justify-content: center;
        gap: 8px;
    }
    .cb-juarabola__countdown-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 36px;
        position: relative;
    }
    .cb-juarabola__countdown-val {
        font-size: 21px;
        font-weight: 900;
        color: #fff;
        line-height: 1;
    }
    .cb-juarabola__countdown-label {
        font-size: 7.574px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 9.846px */
        text-transform: capitalize;
        margin-top: 3px;
        letter-spacing: 0.5px;
    }

    /* ============== EXPANDED ============== */
    .cb-juarabola--expanded .cb-juarabola__container {
        flex-direction: column;
        padding: 18px;
        align-items: stretch;
        gap: 14px;
    }

    .cb-juarabola__header-expanded {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: nowrap;
    }
    .cb-juarabola__header-expanded .cb-juarabola__logo img {
        width: 90px;
    }
    .cb-juarabola__title-box-expanded {
        flex: 0 0 auto;
    }
    .cb-juarabola__title-box-expanded h2 {
        font-size: 24px;
        font-weight: 900;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        line-height: 1;
        background: linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        filter: drop-shadow(3px 3px 0px #001452) drop-shadow(5px 5px 0px rgba(0, 20, 82, 0.5));
    }
    .cb-juarabola__title-box-expanded p {
        font-size: 13px;
        opacity: 0.8;
        margin: 4px 0 0;
        font-weight: 500;
        color: #fff;
        -webkit-text-fill-color: #fff;
    }

    .cb-juarabola__countdown-header {
        margin-left: auto;
    }
    .cb-juarabola--expanded .cb-juarabola__countdown-box {
        background: rgba(0, 0, 0, 0.6);
        padding: 8px 18px;
    }

    .cb-juarabola__sponsors-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .cb-juarabola__sponsors-header .cb-juarabola__sponsors-label {
        margin-bottom: 4px;
        font-size: 9px;
        opacity: 0.7;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    .cb-juarabola__sponsors-header .cb-juarabola__sponsors-logos {
        gap: 10px;
    }
    .cb-juarabola__sponsors-header .cb-juarabola__sponsor-icon {
        height: 24px;
    }
    .cb-juarabola__sponsors-header .cb-juarabola__sponsor-img img {
        height: 60px;
    }
    .cb-juarabola__sponsors-small .cb-juarabola__sponsor-img img,
    .cb-jb-mc__sponsors .cb-juarabola__sponsor-img img {
        max-height: 70px;
        width: 100%;
        height: auto;
    }
    .cb-juarabola__pocari-ads img {
        max-height: 26px;
        width: auto;
        display: block;
    }

    /* Main grid */
    .cb-juarabola__main-grid {
        display: grid;
        grid-template-columns: 239.157px 542px 196px;
        gap: 14px;
        align-items: stretch;
        margin: 18px 0;
    }

    /* Left sidebar (green gradient box) */
    .cb-juarabola__sidebar-left {
        background: #000;
        border: 1px solid rgba(93, 224, 196, 0.3);
        border-radius: 20px;
        padding: 10px 14px;
        display: flex;
        flex-direction: column;
    }
    .cb-juarabola__sidebar-left .mt-16 {
        margin-top: 16px !important;
    }
    .cb-juarabola__sidebar-section {
        position: relative;
    }
    .cb-juarabola__sidebar-section .swiper {
        padding: 0 0;
    }

    /* standings wrap slider */
    .cb-juarabola__standings-wrap {
        position: relative;
        padding: 2px;
        border-radius: 9px;
        background: linear-gradient(90deg, #85bd42 0%, #06a2d4 100%);
    }
    .cb-juarabola__standings-wrap,
    .cb-juarabola__standings-wrap * {
        font-family: "Sofia Sans", sans-serif;
    }
    .cb-juarabola__standings-wrap .cb-juarabola__slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 22px;
        height: 22px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        font-weight: 900;
        font-size: 11px;
    }
    .cb-juarabola__standings-wrap .cb-juarabola__slider-nav--prev {
        left: -25px;
    }
    .cb-juarabola__standings-wrap .cb-juarabola__slider-nav--next {
        right: -25px;
    }
    .cb-juarabola__standings-slider {
        overflow: hidden;
        border-radius: 7px;
    }

    /* slider navs on jadwal */
    .cb-juarabola__jadwal-wrap {
        position: relative;
        padding: 0;
    }
    .cb-juarabola__jadwal-wrap .cb-juarabola__slider-nav {
        position: absolute;
        top: 48%;
        transform: translateY(-50%);
        width: 22px;
        height: 22px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        font-weight: 900;
        font-size: 11px;
    }
    .cb-juarabola__jadwal-wrap .cb-juarabola__slider-nav--prev {
        left: -25px;
    }
    .cb-juarabola__jadwal-wrap .cb-juarabola__slider-nav--next {
        right: -25px;
    }
    .cb-juarabola__match-card {
        background:
            radial-gradient(45.67% 45.67% at 50% 77.4%, rgba(72, 177, 137, 0.6) 0%, rgba(72, 177, 137, 0) 100%)
                padding-box,
            linear-gradient(0deg, #17192a, #17192a) padding-box,
            linear-gradient(90deg, #85bd42 0%, #06a2d4 100%) border-box;
        border: 2px solid transparent;
        border-radius: 18px;
        overflow: hidden;
        width: 100%;
        position: relative;
        box-sizing: border-box;
        display: block;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }
    .cb-juarabola__match-card:hover,
    .cb-juarabola__match-card:visited,
    .cb-juarabola__match-card:active {
        color: inherit;
        text-decoration: none;
    }
    .cb-juarabola__match-top {
        text-align: center;
        min-height: 69px;
    }
    .cb-juarabola__match-group {
        font-size: 9px;
        font-weight: 700;
        color: #8899a6;
        text-transform: uppercase;
    }
    .cb-juarabola__match-teams {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 0;
        min-height: 35px;
    }
    .cb-juarabola__match-team {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        width: 35%;
    }
    .cb-juarabola__flag {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-size: cover;
        background-position: center;
        border: 1.5px solid rgba(255, 255, 255, 0.2);
    }
    .cb-juarabola__team-name {
        font-size: 6.8px;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .cb-juarabola__match-center {
        font-size: 12px;
        font-weight: 900;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 15px;
        margin-top: 5px;
    }
    .cb-juarabola__match-bottom {
        background: linear-gradient(90deg, #00a1dc 0%, #89be3e 100%);
        color: #fff;
        text-align: center;
        font-size: 8.34px;
        font-weight: 800;
        padding: 2px 0 1px 0;
    }
    .cb-juarabola__table-dark {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: none;
        border-radius: 8px;
        overflow: hidden;
        table-layout: fixed;
        background: #000;
    }
    .cb-juarabola__table-dark thead {
        background: linear-gradient(90deg, #00a1dc 0%, #89be3e 100%);
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .cb-juarabola__table-dark thead th {
        border: none !important;
    }
    .cb-juarabola__table-dark th {
        padding: 4px 6px;
        text-align: center;
        font-weight: 900;
        color: #fff;
        font-size: 10px;
        letter-spacing: 0.3px;
        text-transform: uppercase;
        background: transparent;
        border-bottom: none;
    }
    .cb-juarabola__table-dark th:nth-child(1) {
        width: 15%;
    }
    .cb-juarabola__table-dark th:nth-child(2) {
        text-align: left;
        padding-left: 10px;
        width: 100%;
    }
    .cb-juarabola__table-dark th:nth-child(3) {
        width: 15%;
    }
    .cb-juarabola__table-dark th:nth-child(4) {
        width: 15%;
    }

    .cb-juarabola__table-dark tbody tr {
        background: rgba(0, 0, 0, 0.25);
    }
    .cb-juarabola__table-dark tbody tr:hover {
        background: rgba(93, 224, 196, 0.06);
    }
    .cb-juarabola__table-dark td {
        padding: 4px 0;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        text-align: center;
    }
    .cb-juarabola__table-dark td:nth-child(2) {
        text-align: left;
        max-width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cb-juarabola__table-dark tr:last-child td {
        border-bottom: none;
    }
    .cb-juarabola__table-dark .flag-mini {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 6px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        object-fit: cover;
    }

    /* Jadwal grid (2 cards side-by-side) */
    .cb-juarabola__jadwal-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    /* Main article (center) */
    .cb-juarabola__main-article {
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        aspect-ratio: 542 / 342;
        align-self: start;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: #111;
    }
    .cb-juarabola__article-img-expanded {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        inset: 0;
        aspect-ratio: 542 / 342;
    }
    .cb-juarabola__article-content {
        position: absolute;
        top: 35%;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 12px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: linear-gradient(190deg, rgba(133, 189, 66, 0) 32.03%, rgba(3, 162, 216, 0.6) 81.32%),
            linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 45.19%);
    }
    .cb-juarabola__article-cat {
        color: #ff9a1f;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 13px;
        margin-bottom: 8px;
        display: block;
        letter-spacing: 0.5px;
    }
    .cb-juarabola__article-title-expanded {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.25;
        margin: 0 0 10px;
        color: #fff;
    }
    .cb-juarabola__article-meta {
        font-size: 11px;
        opacity: 0.75;
        font-weight: 500;
        color: #fff;
    }

    /* Right sidebar */
    .cb-juarabola__sidebar-right {
        display: flex;
        flex-direction: column;
        gap: 11px;
    }
    .cb-juarabola__sidebar-right .cb-juarabola__section-header {
        margin-bottom: 4px;
    }
    .cb-juarabola__list-item {
        display: flex;
        gap: 10px;
        text-decoration: none;
        color: #fff !important;
        align-items: center;
        padding: 4px 0;
    }
    .cb-juarabola__list-img {
        width: 91px;
        aspect-ratio: 4/3;
        border-radius: 8px;
        object-fit: cover;
        background: #333;
        flex-shrink: 0;
    }
    .cb-juarabola__list-subjudul {
        display: block;
        font-family: "Google Sans Flex", sans-serif;
        font-size: 8px;
        font-weight: 900;
        font-style: normal;
        line-height: 130%;
        letter-spacing: 0;
        color: rgba(255, 192, 7, 1);
        text-transform: uppercase;
    }
    .cb-juarabola__list-text h5 {
        font-size: 12px;
        font-weight: 700;
        margin: 0;
        line-height: 1.3;
        color: #fff;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Bottom buttons */
    .cb-juarabola__expanded-buttons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }
    .cb-juarabola__expanded-btn {
        background: #89be3e;
        background: -webkit-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: -moz-linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        background: linear-gradient(223deg, rgba(137, 190, 62, 1) 0%, rgba(0, 161, 220, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89BE3E", endColorstr="#00A1DC", GradientType=0);
        height: 46px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        padding: 0 16px;
        justify-content: space-between;
        color: #fff !important;
        font-weight: 800;
        text-decoration: none;
        font-size: 13px;
    }
    .cb-juarabola__expanded-btn .label {
        display: inline-flex;
        align-items: center;
        font-size: 12.263px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .cb-juarabola__expanded-btn .icon {
        width: 31.5px;
        height: 31.5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .cb-juarabola__expanded-btn .icon img {
        width: 27.5px;
        height: 27.5px;
    }
    .cb-juarabola__expanded-btn .arrow-circle {
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 24px;
        font-weight: 700;
    }

    /* Show/Hide helpers */
    .cb-juarabola__expanded-only {
        display: none !important;
    }
    .cb-juarabola--expanded .cb-juarabola__expanded-only {
        display: block !important;
    }
    .cb-juarabola--expanded .cb-juarabola__collapsed-only {
        display: none !important;
    }

    /* ---- Expanded jadwal: swiper + pagination ---- */
    .cb-juarabola__jadwal-slider--expanded {
        padding-bottom: 14px !important;
    }
    .cb-juarabola__jadwal-slider .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.35);
        opacity: 1;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        transition:
            background 0.2s,
            width 0.2s;
    }
    .cb-juarabola__jadwal-slider .swiper-pagination-bullet-active {
        background: #5de0c4;
        width: 14px;
        border-radius: 3px;
    }

    /* ---- Match card: score + LIVE badge + minute ---- */
    .cb-juarabola__match-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        flex-shrink: 0;
        padding: 0 3px;
    }
    .cb-juarabola__match-score {
        font-size: 11.74px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
    }
    .cb-juarabola__badge-live {
        display: inline-block;
        font-size: 8px;
        font-weight: 800;
        color: #fff;
        background: #cc1010;
        border-radius: 3px;
        padding: 2px 5px;
        white-space: nowrap;
        animation: juarabola-live-blink 1.4s ease-in-out infinite;
    }
    @keyframes juarabola-live-blink {
        0%,
        100% {
            opacity: 1;
        }
        50% {
            opacity: 0.65;
        }
    }
    .cb-juarabola__match-minute {
        font-size: 7.337px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.65);
    }

    /* ---- Standings group tabs ---- */
    .cb-juarabola__standings-tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 16px;
        justify-content: center;
    }
    .cb-juarabola__standings-tab {
        padding: 6px 12px;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.4);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        border-radius: 20px;
        cursor: pointer;
        transition: all 0.2s;
    }
    .cb-juarabola__standings-tab.active {
        background: rgba(93, 224, 196, 0.15);
        border-color: #5de0c4;
        color: #5de0c4;
    }
    .cb-juarabola__standings-tab:hover:not(.active) {
        background: rgba(255, 255, 255, 0.06);
        color: #fff;
    }

    * ---- Hover: More button ---- */
.cb-juarabola__more-btn {
        transition:
            opacity 0.2s,
            transform 0.2s;
    }
    .cb-juarabola__more-btn:hover {
        opacity: 0.85;
        transform: scale(0.97);
    }

    /* ---- Hover: Featured article image parallax ---- */
    .cb-juarabola__article-img-expanded {
        transition: transform 0.5s ease !important;
    }
    .cb-juarabola__main-article:hover .cb-juarabola__article-img-expanded {
        transform: scale(1.04) !important;
    }

    /* ---- Hover: Right sidebar news items ---- */
    /* ---- Right sidebar news items ---- */
    .cb-juarabola__list-item {
        padding: 0;
        transition:
            background 0.2s,
            transform 0.2s;
    }
    .cb-juarabola__list-item:last-child {
        border-bottom: none !important;
    }
    .cb-juarabola__list-item:hover {
        background: rgba(93, 224, 196, 0.06);
        transform: translateX(3px);
    }

    /* ---- Hover: Bottom feature buttons ---- */
    .cb-juarabola__expanded-btn {
        transition:
            filter 0.2s,
            transform 0.2s,
            box-shadow 0.2s !important;
    }
    .cb-juarabola__expanded-btn:hover {
        filter: brightness(1.12);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(45, 212, 166, 0.3);
    }
    .cb-juarabola__expanded-btn .arrow-circle {
        transition: transform 0.2s;
    }
    .cb-juarabola__expanded-btn:hover .arrow-circle {
        transform: translateX(3px);
    }

    /* ---- Right sidebar news items ---- */
    .cb-juarabola__list-item {
        padding: 0;
    }
    .cb-juarabola__list-item:last-child {
        border-bottom: none !important;
    }

    /* ---- Expanded countdown: larger numbers ---- */
    .cb-juarabola--expanded .cb-juarabola__countdown-val {
        font-size: 28px;
    }
    .cb-juarabola--expanded .cb-juarabola__countdown-items {
        gap: 12px;
    }
    .cb-juarabola--expanded .cb-juarabola__countdown-box {
        padding: 10px 22px;
    }

    /* ---- Breaking / Live video state ---- */
    .cb-juarabola__main-article--breaking {
        aspect-ratio: unset;
        align-self: stretch;
        display: flex;
        flex-direction: column;
    }
    /* When breaking: sidebars fill the same row height as the article */
    .cb-juarabola__main-grid--breaking > div:first-child {
        align-self: stretch;
    }
    .cb-juarabola__main-grid--breaking .cb-juarabola__sidebar-left {
        flex: 1;
        overflow: visible;
    }
    .cb-juarabola__main-grid--breaking .cb-juarabola__sidebar-right {
        align-self: stretch;
        overflow: hidden;
    }

    .cb-juarabola__breaking-bar {
        display: flex;
        flex-shrink: 0;
        overflow: hidden;
        background: url("https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/bg_header_breaking.webp?v=202606121827")
            center center / cover no-repeat;
    }
    .cb-juarabola__breaking-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;
        padding: 10px 16px;
        flex-shrink: 0;
    }
    .cb-juarabola__breaking-title {
        font-family: Montserrat;
        color: #fb0;
        font-size: 14.296px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: -0.5px;
        font-style: italic;
    }
    .cb-juarabola__breaking-title span {
        font-family: Montserrat;
        color: #fff;
        font-size: 15.01px;
        font-style: italic;
        font-weight: 700;
        text-transform: uppercase;
    }
    .cb-juarabola__live-badge {
        display: inline-flex;
        align-items: center;
        background: #ffc007;
        color: #000;
        font-size: 9px;
        font-weight: 900;
        font-style: italic;
        padding: 2px 5px;
        border-radius: 0;
        letter-spacing: 0.3px;
        flex-shrink: 0;
        animation: juarabola-live-blink 1.4s ease-in-out infinite;
        position: relative;
        top: -3px;
        left: 0;
        transform: skewX(-12deg);
    }
    .cb-juarabola__live-badge span {
        display: inline-block;
        transform: skewX(12deg);
        font-size: 8px !important;
        color: #000 !important;
    }
    .cb-juarabola__breaking-right {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 8px 16px 8px 5px;
        gap: 2px;
        min-width: 0;
    }
    .cb-juarabola__breaking-sub {
        font-family: "Google Sans Flex", sans-serif;
        font-size: 8px;
        font-style: normal;
        font-weight: 900;
        line-height: 130%;
        color: #ffc007;
        text-transform: uppercase;
    }
    .cb-juarabola__breaking-headline {
        font-family: "Google Sans Flex", sans-serif;
        font-size: 15.994px;
        font-style: italic;
        font-weight: 700;
        color: #fff;
        line-height: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cb-juarabola__breaking-media {
        position: relative;
        flex: 1;
        background: #000;
        min-height: 0;
    }
    .cb-juarabola__article-iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

    /* MOBILE / DESKTOP SWITCH */
    @media (min-width: 769px) {
        .cb-juarabola__mobile {
            display: none !important;
        }
    }

    @media (max-width: 768px) {
        .cb-juarabola {
            background-image: url("https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/bg_mobile_juara.webp?v=202606121827");
        }
        .cb-juarabola__container,
        .cb-juarabola__toggle-btn-desktop {
            display: none !important;
        }
        .cb-juarabola__mobile {
            display: block !important;
            position: relative;
            z-index: 1;
            padding: 0;
        }

        /* Mobile expanded styles (unchanged) */
        .cb-juarabola__mobile-header {
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .cb-juarabola__mobile-logo {
            width: 100px;
            height: auto;
        }
        .cb-juarabola__mobile-title {
            text-align: center;
        }
        .cb-juarabola__mobile-title h1 {
            font-size: 20px;
            font-weight: 900;
            margin: 0;
            letter-spacing: -0.5px;
        }
        .cb-juarabola__mobile-title p {
            font-size: 11px;
            margin: 5px 0 0;
            opacity: 0.7;
            font-weight: 600;
        }
        .cb-juarabola__mobile-section {
            padding: 20px;
        }
        .cb-juarabola__mobile-section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        .cb-juarabola__mobile-section-header h4 {
            font-size: 14px;
            font-weight: 900;
            color: #fff;
            margin: 0;
        }
        .cb-juarabola__mobile-article {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .cb-juarabola__mobile-article img {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
        }
        .cb-juarabola__mobile-article-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
        }
        .cb-juarabola__mobile-article-cat {
            font-size: 10px;
            font-weight: 900;
            color: #2dd4a6;
            text-transform: uppercase;
            margin-bottom: 5px;
            display: block;
        }
        .cb-juarabola__mobile-article-title {
            font-size: 16px;
            font-weight: 900;
            line-height: 1.3;
            margin: 0;
            color: #fff;
        }
        .cb-juarabola__mobile-match-card {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 10px;
            padding: 15px;
            border-bottom: 3px solid #2dd4a6;
        }
        .cb-juarabola__mobile-grid-links {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin-top: 20px;
        }
        .cb-juarabola__mobile-link-btn {
            background: linear-gradient(90deg, #1a8e6a, #2dd4a6);
            padding: 12px;
            border-radius: 8px;
            text-align: center;
            color: #fff;
            font-weight: 900;
            font-size: 12px;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        /* Toggle footer — teal gradient button matching image */
        .cb-juarabola__mobile-toggle-footer {
            padding: 0;
            text-align: center;
            border-top: none;
        }
        .cb-juarabola__mobile-toggle-btn {
            background: linear-gradient(90deg, #00a1dc 0%, #89be3e 100%);
            color: #fff !important;
            border: none;
            padding: 0 8px;
            border-radius: 0;
            font-weight: 700;
            font-size: 10px;
            cursor: pointer;
            font-family: "Google Sans Flex", sans-serif;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 65px;
        }
        .cb-juarabola--expanded .cb-juarabola__mobile-toggle-btn .arrow svg {
            transform: rotate(180deg);
            width: 16px;
            height: 16px;
            margin-top: 5px;
        }
        .cb-juarabola__mobile-toggle-btn .arrow {
            font-size: 13px;
        }
        .cb-juarabola__mobile-toggle-btn .arrow svg {
            transition: transform 0.3s ease;
            width: 16px;
            height: 16px;
            margin-top: 5px;
        }

        /* Mobile collapsed: header */
        .cb-jb-mc__header {
            padding: 18px 16px;
            display: flex;
            justify-content: center;
        }
        .cb-jb-mc__logo {
            width: 115px;
            height: auto;
        }

        /* Mobile collapsed: 3-up match card swiper */
        .cb-jb-mc__matches {
            padding: 0 12px 10px;
        }
        .cb-juarabola__expanded-only .cb-juarabola__countdown-box {
            max-width: 200px;
            margin: 0 auto 10px;
        }
        .cb-jb-mc__matches-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0 5px;
        }
        .cb-jb-mc__matches-header h4 {
            font-size: 14px;
            font-weight: 900;
            color: #fff;
            margin: 0;
            text-transform: uppercase;
        }
        .cb-juarabola__more-btn {
            font-size: 8.681px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: #fff !important;
            text-decoration: none;
            padding: 4px 11px;
            border-radius: 25px;
            background: linear-gradient(90deg, #00a1dc 0%, #89be3e 100%);
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
        .cb-jb-mc__matches-header .cb-juarabola__more-btn {
            margin-right: 0;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-card {
            border-radius: 10px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-top {
            min-height: 54px;
            padding: 5px 2px 4px;
            gap: 3px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-group {
            font-size: 8px;
        }
        .cb-jb-mc__swiper .cb-juarabola__flag {
            width: 22px;
            height: 22px;
        }
        .cb-jb-mc__swiper .cb-juarabola__team-name {
            font-size: 5.87px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-bottom {
            font-size: 7.337px;
            padding: 4px 2px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-bottom img {
            height: 13px !important;
            margin-top: 0 !important;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-score {
            font-size: 11.74px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-minute {
            font-size: 7.337px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-vs {
            font-size: 9px;
            margin-top: -6px;
        }
        .cb-jb-mc__swiper .cb-juarabola__match-center {
            gap: 2px;
        }

        /* Mobile collapsed: 2×2 action buttons */
        .cb-jb-mc__actions {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
            padding: 0 12px 12px;
        }
        .cb-jb-mc__actions .cb-juarabola__quick-btn {
            position: relative;
            min-height: 54px;
            border-radius: 10px;
            font-size: 10.634px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            justify-content: space-between;
            padding: 5.604px 6.323px 5.604px 8px;
            min-width: 70.357px;
        }
        .cb-juarabola__quick-btn .qb-label {
            flex-direction: column;
            text-align: left;
            align-items: baseline;
        }
        .cb-juarabola__quick-btn .qb-arrow {
            top: 5px;
            right: 5px;
            font-size: 20px;
            position: absolute;
        }
        /* Mobile collapsed: sponsors */
        .cb-jb-mc__sponsors {
            text-align: center;
            padding: 2px 16px 14px;
        }
        .cb-jb-mc__sponsors-label {
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            margin-bottom: 12px;
        }
        .cb-jb-mc__sponsors-logos {
            display: flex;
            justify-content: center;
            gap: 20px;
            align-items: center;
        }
        .cb-jb-mc__sponsors-logos img {
            height: 28px;
            width: auto;
            object-fit: contain;
        }

        /* Mobile expanded: article */
        .cb-jb-me__article {
            display: block;
            margin: 0 12px 12px;
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            text-decoration: none;
        }
        .cb-jb-me__article img {
            width: 100%;
            aspect-ratio: 4/3;
            object-fit: cover;
            display: block;
        }
        .cb-jb-me__article-overlay {
            position: absolute;
            top: 15%;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 8px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: linear-gradient(190deg, rgba(133, 189, 66, 0) 32.03%, rgba(3, 162, 216, 0.6) 81.32%),
                linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 45.19%);
        }
        .cb-jb-me__article-cat {
            font-size: 13px;
            font-weight: 900;
            color: #ff9a1f;
            text-transform: uppercase;
            margin-bottom: 0;
            display: block;
            letter-spacing: 0.4px;
        }
        .cb-jb-me__article-title {
            font-size: 22px;
            font-weight: 900;
            line-height: normal;
            margin: 0;
            color: #fff;
        }
        .cb-jb-me__article-meta {
            font-size: 11px;
            opacity: 0.75;
            color: #fff;
            font-weight: 500;
        }

        /* Mobile expanded: klasemen */
        .cb-jb-me__klasemen {
            padding: 0 0 12px 12px;
        }
        .cb-jb-me__klasemen-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        .cb-jb-me__klasemen-header h4 {
            font-size: 14px;
            font-weight: 900;
            color: #fff;
            margin: 0;
            text-transform: uppercase;
        }
        .cb-jb-me__standings-scroll {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .cb-jb-me__standings-scroll::-webkit-scrollbar {
            display: none;
        }
        .cb-jb-me__standings-card:last-child {
            margin-right: 10px;
        }
        .cb-jb-me__standings-card {
            flex: 0 0 calc(50% - 4px);
            padding: 2px;
            border-radius: 9px;
            background: linear-gradient(90deg, #85bd42 0%, #06a2d4 100%);
            box-sizing: border-box;
            scroll-snap-align: start;
            min-width: 200px;
        }
        .cb-juarabola__more-btn {
            margin-right: 10px;
        }
        .cb-juarabola__table-dark th:nth-child(1) {
            width: 20%;
        }
        .cb-juarabola__table-dark th:nth-child(3) {
            width: 20%;
        }
        .cb-juarabola__table-dark th:nth-child(4) {
            width: 25%;
        }
        .cb-jb-me__table-inner {
            background: #000;
            border-radius: 7px;
            overflow: hidden;
        }
        .cb-jb-me__standings-scroll .cb-juarabola__table-dark {
            border-radius: 0;
        }
        .cb-jb-me__standings-scroll .cb-juarabola__table-dark td {
            font-size: 11px;
        }
        .cb-jb-me__standings-scroll .cb-juarabola__table-dark th {
            font-size: 9px;
            padding: 5px 4px;
        }
        .cb-jb-me__standings-scroll .cb-juarabola__table-dark td:nth-child(2) {
            padding-left: 4px;
        }
        .cb-jb-me__standings-scroll .cb-juarabola__table-dark th:nth-child(2) {
            padding-left: 4px;
        }
        .cb-jb-me__standings-scroll .flag-mini {
            width: 14px;
            height: 14px;
            margin-right: 3px;
        }

        /* Mobile breaking state */
        .cb-jb-me__article--breaking {
            display: flex;
            flex-direction: column;
            background: #111;
        }
        .cb-jb-me__breaking-media {
            position: relative;
            aspect-ratio: 16 / 9;
            background: #000;
        }
        .cb-juarabola__breaking-sub {
            display: none;
        }
        .cb-juarabola__breaking-headline {
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    }
</style>
<div id="cb-juarabola" class="cb-juarabola">
    <button class="cb-juarabola__toggle-btn-desktop" id="juarabola-toggle-desktop">
        <span class="label-text">Show</span>
        <span class="arrow">
            <svg
                width="11"
                height="11"
                viewBox="0 0 24 24"
                fill="none"
                stroke="currentColor"
                stroke-width="3"
                stroke-linecap="round"
                stroke-linejoin="round"
            >
                <polyline points="6 9 12 15 18 9" />
            </svg>
        </span>
    </button>

    <div class="cb-juarabola__container">
        <!-- COLLAPSED VIEW -->
        <div class="cb-juarabola__collapsed-only" style="display: flex; width: 100%; align-items: center; gap: 14px">
            <div class="cb-juarabola__branding">
                <a dtr-evt="giant hl juara bola dunia" dtr-sec="logo juara bola dunia" dtr-act="logo juara bola dunia" onclick="_pt(this)" href="https://sport.detik.com/juara-bola-dunia-2026" target="_blank" class="cb-juarabola__logo">
                    <img
                        src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/logo.webp?v=202606121827"
                        alt="Logo"
                    />
                </a>
                <div class="cb-juarabola__sponsors-small">
                    <div class="cb-juarabola__sponsors-logos">
                                                    <a>
                                <div class="cb-juarabola__sponsor-img">
                                    <ins>
                                        <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo-rebo.png" alt="Sponsor">
                                    </ins>
                                </div>
                            </a>
                                            </div>
                </div>
            </div>

            <div class="cb-juarabola__col-center">
                <div class="cb-juarabola__section-header" style="gap: 10px;">
                    <h4>Match & Live Score</h4>
                                            <a>
                            <div class="cb-juarabola__pocari-ads">
                                <ins>
                                    <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo.png" alt="">
                                </ins>
                            </div>
                        </a>
                                    </div>
                <div class="cb-juarabola__collapsed-jadwal">
                    <div dtr-evt="giant hl juara bola dunia" dtr-sec="match slider" dtr-act="match prev" onclick="_pt(this)" class="cb-juarabola__slider-nav cb-juarabola__slider-nav--prev">
                        <img
                            src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_left.webp?v=202606121827"
                            alt="Prev"
                            style="width: 100%; height: auto"
                        />
                    </div>
                    <div dtr-evt="giant hl juara bola dunia" dtr-sec="match slider" dtr-act="match next" onclick="_pt(this)" class="cb-juarabola__slider-nav cb-juarabola__slider-nav--next">
                        <img
                            src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_right.webp?v=202606121827"
                            alt="Next"
                            style="width: 100%; height: auto"
                        />
                    </div>
                    <div class="swiper cb-juarabola__jadwal-slider">
                        <div class="swiper-wrapper">
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="canada vs bosnia and herzegovina" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1782.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Canada</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1444.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Bosnia and Herzegovina</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 02:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="united states vs paraguay" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3989.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">United States</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3821.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Paraguay</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 08:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="qatar vs switzerland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1769.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Qatar</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1116.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Switzerland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 02:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="brazil vs morocco" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1784.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Brazil</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1783.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Morocco</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 05:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="haiti vs scotland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3820.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Haiti</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1125.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Scotland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 08:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="australia vs türkiye" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1779.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Australia</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3987.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Türkiye</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 11:00</span>
            </div>
</a>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>

            <div class="cb-juarabola__col-right" style="width: 220px; flex-shrink: 0">
                
                <div class="cb-juarabola__quick-links">
                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="tebak skor" href="https://sport.detik.com/juara-bola-dunia-2026/arcade/tebak-skor" target="_blank" class="cb-juarabola__quick-btn ">
    <span class="qb-label" >
        <span class="qb-icon"><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_score.webp?v=202606121827" alt=""/></span>
        Tebak<br />Skor    </span>
    <span class="qb-arrow" >&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__quick-btn ">
    <span class="qb-label" >
        <span class="qb-icon"><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_bracket.webp?v=202606121827" alt=""/></span>
        Coming<br />Soon    </span>
    <span class="qb-arrow" >&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__quick-btn ">
    <span class="qb-label" >
        <span class="qb-icon"><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_games.webp?v=202606121827" alt=""/></span>
        Coming<br />Soon    </span>
    <span class="qb-arrow" >&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="download jadwal" href="https://sport.detik.com/juara-bola-dunia-2026/jadwal-pertandingan" target="_blank" class="cb-juarabola__quick-btn cb-juarabola__quick-btn--full">
    <span class="qb-label" style="flex-direction: row !important; align-items: center !important;">
        <span class="qb-icon"><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_schedule.webp?v=202606121827" alt=""/></span>
        Download Jadwal    </span>
    <span class="qb-arrow" style="top: 36% !important;">&rarr;</span>
</a>

                </div>
            </div>
        </div>

        <!-- EXPANDED VIEW -->
        <div class="cb-juarabola__expanded-only" style="display: contents">
            <div class="cb-juarabola__header-expanded">
                <a dtr-evt="giant hl juara bola dunia" dtr-sec="logo juara bola dunia" dtr-act="logo juara bola dunia" onclick="_pt(this)" href="https://sport.detik.com/juara-bola-dunia-2026" target="_blank" class="cb-juarabola__logo">
                    <img
                        src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/logo.webp?v=202606121827"
                        alt="Logo"
                    />
                </a>
                <div class="cb-juarabola__title-box-expanded">
                    <h2>JUARA BOLA DUNIA 2026</h2>
                    <p>Update, klasemen, dan momen<br />menuju juara bola dunia 2026</p>
                </div>

                <div class="cb-juarabola__countdown-header">
                                    </div>
               
                <div class="cb-juarabola__sponsors-header" style="margin-left: 14px">
                    <div class="cb-juarabola__sponsors-logos">
                         
                            <a>
                                <div class="cb-juarabola__sponsor-img">
                                    <ins>
                                        <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo-rebo.png" alt="Sponsor">
                                    </ins>
                                </div>
                            </a>
                                            </div>
                </div>
              
            </div>

            <div class="cb-juarabola__main-grid">
                <!-- LEFT SIDEBAR -->
                <div style="display: flex; flex-direction: column; gap: 14px">
                    <div class="cb-juarabola__sidebar-left">
                        <div class="cb-juarabola__sidebar-section">
                            <div class="cb-juarabola__section-header">
                                <div style="display: flex; align-items: center; gap: 10px">
                                    <h4>
                                        Match & <br />
                                        Live Score
                                    </h4>
                                                                            <a>
                                            <div class="cb-juarabola__pocari-ads">
                                                <ins>
                                                    <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo.png" alt="">
                                                </ins>
                                            </div>
                                        </a>
                                                                    </div>
                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://sport.detik.com/juara-bola-dunia-2026/jadwal-pertandingan" target="_blank" class="cb-juarabola__more-btn">More &gt;</a>
                            </div>
                            <div class="cb-juarabola__jadwal-wrap">
                                <div dtr-evt="giant hl juara bola dunia" dtr-sec="match slider" dtr-act="match prev" onclick="_pt(this)" class="cb-juarabola__slider-nav cb-juarabola__slider-nav--prev">
                                    <img
                                        src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_left.webp?v=202606121827"
                                        alt="Prev"
                                        style="width: 100%; height: auto"
                                    />
                                </div>
                                <div dtr-evt="giant hl juara bola dunia" dtr-sec="match slider" dtr-act="match next" onclick="_pt(this)" class="cb-juarabola__slider-nav cb-juarabola__slider-nav--next">
                                    <img
                                        src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_right.webp?v=202606121827"
                                        alt="Next"
                                        style="width: 100%; height: auto"
                                    />
                                </div>
                                <div class="swiper cb-juarabola__jadwal-slider cb-juarabola__jadwal-slider--expanded">
                                    <div class="swiper-wrapper">
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="canada vs bosnia and herzegovina" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1782.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Canada</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1444.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Bosnia and Herzegovina</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 02:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="united states vs paraguay" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3989.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">United States</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3821.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Paraguay</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 08:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="qatar vs switzerland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1769.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Qatar</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1116.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Switzerland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 02:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="brazil vs morocco" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1784.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Brazil</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1783.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Morocco</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 05:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="haiti vs scotland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3820.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Haiti</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1125.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Scotland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 08:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="australia vs türkiye" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1779.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Australia</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3987.png?v=2026061218)"
                ></div>
                <div class="cb-juarabola__team-name">Türkiye</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 11:00</span>
            </div>
</a>
                                            </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>

                        <div class="cb-juarabola__sidebar-section mt-16">
                            <div class="cb-juarabola__section-header" style="margin-bottom: 10px">
    <div style="display: flex; align-items: center; gap: 8px;">
        <h4>KLASEMEN</h4>
                    <a>
                <div class="cb-juarabola__pocari-ads">
                    <ins>
                        <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/ms-hydrococo-rebo.png" alt="">
                    </ins>
                </div>
            </a>
            </div>
    <a dtr-evt="giant hl juara bola dunia" dtr-sec="lihat klasemen" dtr-act="lihat klasemen" onclick="_pt(this)"    href="https://sport.detik.com/juara-bola-dunia-2026/klasemen-group" target="_blank"  class="cb-juarabola__more-btn">More &gt;</a>
</div>
<div class="cb-juarabola__standings-wrap">
    <div class="cb-juarabola__slider-nav cb-juarabola__slider-nav--prev">
        <img
            src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_left.webp?v=202606121827"
            alt="Prev"
            style="width: 100%; height: auto"
        />
    </div>
    <div class="cb-juarabola__slider-nav cb-juarabola__slider-nav--next">
        <img
            src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_right.webp?v=202606121827"
            alt="Next"
            style="width: 100%; height: auto"
        />
    </div>
    <div class="swiper cb-juarabola__standings-slider">
        <div class="swiper-wrapper">
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group A</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1777/pictures/T3cVhqtcbqx6Jaq8VQh5.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    MEXICO                                </td>
                                <td>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1788/pictures/zikFf26ZfgCzzxaUoJr1.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    KOREA REPUBLIC                                </td>
                                <td>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3988/pictures/ZdKRYmHYh3Hwm8Q3XqoS.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CZECHIA                                </td>
                                <td>1</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3819/pictures/koK25i9MoeXSee5Ri1iT.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SOUTH AFRICA                                </td>
                                <td>1</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group B</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1782/pictures/ThYbnxt3JmQNbYoB8h5Z.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CANADA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1444/pictures/sEqnoxHCfbiVNMEiQXF7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    BOSNIA AND HERZEGOVINA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1769/pictures/fDzoc3Lcmy1cU5MEydF1.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    QATAR                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1116/pictures/AnwxFm2GfeRrd5d8i8ds.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SWITZERLAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group C</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1784/pictures/RvPBaMbR8hKzHxWwFs7h.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    BRAZIL                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1783/pictures/s6aJm6ZZ5f2UMhqowomR.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    MOROCCO                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3820/pictures/UBorRc4CL9f49RqxXfAU.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    HAITI                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1125/pictures/hkwg44pg2tY5WR2qHYP9.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SCOTLAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group D</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3989/pictures/iFxcJ1UBDATdE4fjZFL6.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    UNITED STATES                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3821/pictures/AWSpzgAJx8ZHAjzrXerT.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    PARAGUAY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1779/pictures/69xkYtg8xpUQDvGKnk8b.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    AUSTRALIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3987/pictures/VGABN75vA3TQhENX2be7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    TüRKIYE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group E</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1135/pictures/buCXG2NpTu6EAx2jntgb.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    GERMANY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1678/pictures/SoYorVfe7dANALUADJsN.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CURACAO                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3822/pictures/VY951vS2WYj7NC1EMuxx.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CôTE D'IVOIRE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1771/pictures/DBopWJYDLxCvC2W6Kd4b.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ECUADOR                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group F</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1126/pictures/J8QqUqArxEkh8WFBvkmL.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NETHERLANDS                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1780/pictures/pKeTp2qrXX5wNwrggrrM.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    JAPAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1132/pictures/zYRe5bGvei4AxXuuAbJH.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SWEDEN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1778/pictures/qFWdznRLjzdgzGLoowps.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    TUNISIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group G</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1121/pictures/KbVKLmPDssAbfgfzYEtM.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    BELGIUM                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3823/pictures/EAssi5BffF5kmFNV9Mk7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    EGYPT                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3991/pictures/yzwDC7cjaCDbTt7NNdUr.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    IR IRAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3830/pictures/ZsbywhcjAmfDCfWmcs2o.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NEW ZEALAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group H</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1129/pictures/rESwiMKNw2SouooGmMkt.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SPAIN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3990/pictures/vUq71jcHQzPB6ejQDbdW.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CABO VERDE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1776/pictures/4XwqX5qFJAGWUqKgNnRg.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SAUDI ARABIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1787/pictures/pvr8zC9bQMWhyZnCpmvB.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    URUGUAY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group I</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1136/pictures/X8goCYTRsLwZUi8ckuZ7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    FRANCE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1772/pictures/enHY9U3wJVNXZQVnyohs.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SENEGAL                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/2352/pictures/CNnPjKMh7omUME1AedZA.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    IRAQ                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1446/pictures/4KRJ9Ld8pvUZY38Q9qbe.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NORWAY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group J</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1775/pictures/Dw6Yt3Et6jgr7MT9pkwE.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ARGENTINA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3825/pictures/NdogXcrKvbMyhP9pWRJJ.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ALGERIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1128/pictures/MnEMrqe8UDgHer8ETWze.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    AUSTRIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3992/pictures/btKrZ5qA3VAyrEtFmkaM.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    JORDAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group K</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1134/pictures/xwGt6aWz5HMRdqfbPbgJ.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    PORTUGAL                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3826/pictures/rDShetv8BfeeXTEquVcR.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CONGO DR                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3827/pictures/5i7qqonvAA1tExBdRBxY.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    UZBEKISTAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3828/pictures/2SWUhnaTfucx5aFmfPQ7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    COLOMBIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group L</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1115/pictures/zyoAxmqR3LcsJKis9oeX.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ENGLAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1118/pictures/akTJeaFP6pNiyPfRaw9X.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CROATIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1786/pictures/PAkF47zNmL4nqQrBTCae.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    GHANA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3829/pictures/DtjURq1DEe9kygmUskEt.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    PANAMA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                    </div>
    </div>
</div>                        </div>
                    </div>

                    
                    
                </div>

                <!-- CENTER MAIN ARTICLE -->
                                     <a dtr-evt="giant hl juara bola dunia" dtr-sec="artikel hl" dtr-act="artikel hl" onclick="_pt(this)" dtr-id="8529409" dtr-ttl="Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main"    href="https://sport.detik.com/sepakbola/bola-dunia/d-8529409/jadwal-piala-dunia-2026-13-juni-dua-laga-main" target="_blank" class="cb-juarabola__main-article">
     <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/03/logo-piala-dunia-2026-1780467988797_169.jpeg?w=650&q=90" alt="Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main" title="Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main" class="cb-juarabola__article-img-expanded" />    <div class="cb-juarabola__article-content">
                <span class="cb-juarabola__article-cat">
            Sepakbola        </span>
        <h3 class="cb-juarabola__article-title-expanded">
           Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main        </h3>
        <div class="cb-juarabola__article-meta"><span d-time="1781262050" title="Jumat, 12 Jun 2026 18:00 WIB">5 menit yang lalu</span></div>
    </div>
</a>
                
                <!-- RIGHT SIDEBAR -->
                <div class="cb-juarabola__sidebar-right">
                    <div class="cb-juarabola__section-header">
    <h4>TERBARU</h4>
    <a href="https://sport.detik.com/juara-bola-dunia-2026/news" target="_blank" class="cb-juarabola__more-btn">More &gt;</a>
</div>
    <a dtr-evt="berita terbaru hl juara bola dunia" dtr-sec="berita terbaru" dtr-act="berita terbaru" onclick="_pt(this)" dtr-idx="1" dtr-id="8529358" dtr-ttl="Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8529358/rekor-rekor-apa-yang-bisa-dipecahkan-messi-di-piala-dunia-2026" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2024/10/16/lionel-messi-1_169.jpeg?w=650&q=90" alt="Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?" title="Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?</h5>
        </div>
    </a>
    <a dtr-evt="berita terbaru hl juara bola dunia" dtr-sec="berita terbaru" dtr-act="berita terbaru" onclick="_pt(this)" dtr-idx="2" dtr-id="8529498" dtr-ttl="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8529498/piala-dunia-2026-arti-pin-168-timnas-iran-yang-bikin-geram-israel" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/alireza-jahanbakhsh-1781255002167_169.jpeg?w=650&q=90" alt="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel" title="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel</h5>
        </div>
    </a>
    <a dtr-evt="berita terbaru hl juara bola dunia" dtr-sec="berita terbaru" dtr-act="berita terbaru" onclick="_pt(this)" dtr-idx="3" dtr-id="8529262" dtr-ttl="Ceko Grogi Main di Piala Dunia Lagi Usai Absen 20 Tahun"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8529262/ceko-grogi-main-di-piala-dunia-lagi-usai-absen-20-tahun" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/timnas-ceko-1781249047008_169.jpeg?w=650&q=90" alt="Ceko Grogi Main di Piala Dunia Lagi Usai Absen 20 Tahun" title="Ceko Grogi Main di Piala Dunia Lagi Usai Absen 20 Tahun" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Ceko Grogi Main di Piala Dunia Lagi Usai Absen 20 Tahun</h5>
        </div>
    </a>
    <a dtr-evt="berita terbaru hl juara bola dunia" dtr-sec="berita terbaru" dtr-act="berita terbaru" onclick="_pt(this)" dtr-idx="4" dtr-id="8529260" dtr-ttl="Fakta Unik Stadion Azteca: Lokasi &#039;Penahbisan&#039; 2 GOAT Sepakbola"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8529260/fakta-unik-stadion-azteca-lokasi-penahbisan-2-goat-sepakbola" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/soccer-worldcup-mex-zaf-1781224113497_169.jpeg?w=650&q=90" alt="Fakta Unik Stadion Azteca: Lokasi Penahbisan 2 GOAT Sepakbola" title="Fakta Unik Stadion Azteca: Lokasi Penahbisan 2 GOAT Sepakbola" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Fakta Unik Stadion Azteca: Lokasi 'Penahbisan' 2 GOAT Sepakbola</h5>
        </div>
    </a>
                </div>
            </div>

            <div class="cb-juarabola__expanded-buttons">
                <a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="download jadwal" href="https://sport.detik.com/juara-bola-dunia-2026/jadwal-pertandingan" target="_blank" class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_schedule.webp?v=202606121827" alt=""
        /></span>
        Download Jadwal    </span>
    <span class="arrow-circle">&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="tebak skor" href="https://sport.detik.com/juara-bola-dunia-2026/arcade/tebak-skor" target="_blank" class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_score.webp?v=202606121827" alt=""
        /></span>
        Tebak Skor    </span>
    <span class="arrow-circle">&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_bracket.webp?v=202606121827" alt=""
        /></span>
        Coming Soon    </span>
    <span class="arrow-circle">&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_games.webp?v=202606121827" alt=""
        /></span>
        Coming Soon    </span>
    <span class="arrow-circle">&rarr;</span>
</a>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        function togglePialaDunia() {
            var livestreaming = ``;
            if (livestreaming != ''){
                toggleExpanded();
            }
        }
        togglePialaDunia();
        /* ---- Jadwal Swipers ---- */
        document.querySelectorAll(".cb-juarabola__jadwal-slider").forEach(function (slider) {
            var isCollapsed = slider.closest(".cb-juarabola__collapsed-jadwal");
            var isExpanded = slider.classList.contains("cb-juarabola__jadwal-slider--expanded");
            var navWrap = slider.closest(".cb-juarabola__collapsed-jadwal, .cb-juarabola__jadwal-wrap");

            var opts = {
                loop: false,
                autoplay: { delay: 1000000, disableOnInteraction: false, pauseOnMouseEnter: true },
                navigation: navWrap
                    ? {
                          nextEl: navWrap.querySelector(".cb-juarabola__slider-nav--next"),
                          prevEl: navWrap.querySelector(".cb-juarabola__slider-nav--prev"),
                      }
                    : false,
            };

            if (isCollapsed) {
                opts.slidesPerView = "auto";
                opts.spaceBetween = 8;
                opts.centeredSlides = false;
            } else if (isExpanded) {
                opts.slidesPerView = 2;
                opts.spaceBetween = 10;
                opts.pagination = { el: slider.querySelector(".swiper-pagination"), clickable: true };
            }

            new Swiper(slider, opts);
        });

        /* ---- Knockout 2x2 Grid Swiper ---- */
        var knockoutGridSlider = document.querySelector(".cb-juarabola__jadwal-slider--grid");
        if (knockoutGridSlider) {
            var knockoutWrap = knockoutGridSlider.closest(".cb-juarabola__jadwal-wrap");
            new Swiper(knockoutGridSlider, {
                loop: false,
                slidesPerView: 2,
                spaceBetween: 8,
                slidesPerGroup: 2,
                grid: { rows: 2, fill: "row" },
                navigation: knockoutWrap
                    ? {
                          nextEl: knockoutWrap.querySelector(".cb-juarabola__slider-nav--next"),
                          prevEl: knockoutWrap.querySelector(".cb-juarabola__slider-nav--prev"),
                      }
                    : false,
            });
        }

        /* ---- Standings Swiper ---- */
        var standingsSlider = document.querySelector(".cb-juarabola__standings-slider");
        if (standingsSlider) {
            var standingsWrap = standingsSlider.closest(".cb-juarabola__standings-wrap");
            new Swiper(standingsSlider, {
                loop: false,
                slidesPerView: 1,
                spaceBetween: 0,
                navigation: {
                    nextEl: standingsWrap.querySelector(".cb-juarabola__slider-nav--next"),
                    prevEl: standingsWrap.querySelector(".cb-juarabola__slider-nav--prev"),
                },
            });
        }

        /* ---- Mobile Match Swipers (3-up, collapsed + expanded) ---- */
        document.querySelectorAll(".cb-jb-mc__swiper").forEach(function (el) {
            new Swiper(el, { slidesPerView: 3, spaceBetween: 6, loop: false });
        });

        /* ---- Toggle expanded / collapsed ---- */
        function toggleExpanded() {
            var cb = document.getElementById("cb-juarabola");
            var btnDesktop = document.getElementById("juarabola-toggle-desktop");
            var btnMobile = document.getElementById("juarabola-toggle-mobile");

            if (cb.classList.contains("cb-juarabola--expanded")) {
                cb.classList.remove("cb-juarabola--expanded");
                if (btnDesktop) btnDesktop.querySelector(".label-text").innerText = "Show";
                if (btnMobile) btnMobile.querySelector(".label-text").innerText = "Show";
            } else {
                cb.classList.add("cb-juarabola--expanded");
                if (btnDesktop) btnDesktop.querySelector(".label-text").innerText = "Hide";
                if (btnMobile) btnMobile.querySelector(".label-text").innerText = "Hide";
            }
        }

        var btnD = document.getElementById("juarabola-toggle-desktop");
        var btnM = document.getElementById("juarabola-toggle-mobile");
        if (btnD) btnD.addEventListener("click", toggleExpanded);
        if (btnM) btnM.addEventListener("click", toggleExpanded);

        /* ---- Countdown ---- */
        const countdownBoxes = document.querySelectorAll(".cb-juarabola__countdown-box");
        function updateCountdown() {
            var target = new Date("2026-06-12T02:00:00+07:00").getTime();
            var distance = target - Date.now();
            if (distance < 0) {

            countdownBoxes.forEach(function (el) {
                el.classList.add("is-hidden");
            });

                clearInterval(countdownInterval);
                return;
            }
            countdownBoxes.forEach(function (el) {
                el.classList.remove("is-hidden");
            });

            var d = Math.floor(distance / 86400000);
            var h = Math.floor((distance % 86400000) / 3600000);
            var m = Math.floor((distance % 3600000) / 60000);
            var s = Math.floor((distance % 60000) / 1000);

            document.querySelectorAll(".juarabola-days").forEach(function (el) {
                el.textContent = d;
            });
            document.querySelectorAll(".juarabola-hours").forEach(function (el) {
                el.textContent = String(h).padStart(2, "0");
            });
            document.querySelectorAll(".juarabola-mins").forEach(function (el) {
                el.textContent = String(m).padStart(2, "0");
            });
            document.querySelectorAll(".juarabola-secs").forEach(function (el) {
                el.textContent = String(s).padStart(2, "0");
            });
        }
        updateCountdown();
        var countdownInterval = setInterval(updateCountdown, 1000);
    });
</script>
            <div class="berita-utama mgb-12">
 <div class="list-content list-content--column grid-row">
 
 
 
<article class="list-content__item column">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="1" dtr-id="8529498" dtr-ttl="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel" href="https://sport.detik.com/sepakbola/bola-dunia/d-8529498/piala-dunia-2026-arti-pin-168-timnas-iran-yang-bikin-geram-israel"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2026/06/12/alireza-jahanbakhsh-1781255002167_169.jpeg?w=250&q=90" alt="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel" title="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h2 class="media__title">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="1" dtr-id="8529498" dtr-ttl="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel" href="https://sport.detik.com/sepakbola/bola-dunia/d-8529498/piala-dunia-2026-arti-pin-168-timnas-iran-yang-bikin-geram-israel"
 class="media__link">
 Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel </a>
 </h2>
 </div>
 </div>
</article>
 
 
 
<article class="list-content__item column">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="2" dtr-id="8529614" dtr-ttl="Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya &#039;Terlalu Kecil&#039;" href="https://news.detik.com/berita/d-8529614/terdakwa-kasus-bea-cukai-lupa-kasih-teman-rp-100-juta-alasannya-terlalu-kecil"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2026/06/12/sidang-pemeriksaan-terdakwa-kasus-suap-bea-cukai-muliadetikcom-1781238524174_169.jpeg?w=250&q=90" alt="Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya Terlalu Kecil" title="Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya Terlalu Kecil" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h2 class="media__title">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="2" dtr-id="8529614" dtr-ttl="Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya &#039;Terlalu Kecil&#039;" href="https://news.detik.com/berita/d-8529614/terdakwa-kasus-bea-cukai-lupa-kasih-teman-rp-100-juta-alasannya-terlalu-kecil"
 class="media__link">
 Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya 'Terlalu Kecil' </a>
 </h2>
 </div>
 </div>
</article>
 
 
 
<article class="list-content__item column">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="3" dtr-id="8529519" dtr-ttl="Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional" href="https://news.detik.com/berita/d-8529519/alasan-polisi-minta-massa-tak-demo-di-hi-tegaskan-dukung-hak-konstitusional"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2025/04/06/warga-olahraga-dan-foto-bersama-di-bundaran-hi-meski-tak-ada-wfh-1743906717110_169.jpeg?w=250&q=90" alt="Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional" title="Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h2 class="media__title">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="3" dtr-id="8529519" dtr-ttl="Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional" href="https://news.detik.com/berita/d-8529519/alasan-polisi-minta-massa-tak-demo-di-hi-tegaskan-dukung-hak-konstitusional"
 class="media__link">
 Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional </a>
 </h2>
 </div>
 </div>
</article>
 
 
 
<article class="list-content__item column">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="4" dtr-id="8529158" dtr-ttl="Ariana Grande Semprot Donald Trump: Gak Manusiawi!" href="https://www.detik.com/pop/music/d-8529158/ariana-grande-semprot-donald-trump-gak-manusiawi"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2026/01/05/ariana-grande-di-critics-choice-awards-2026-1767606019913_169.png?w=250&q=90" alt="Ariana Grande Semprot Donald Trump: Gak Manusiawi!" title="Ariana Grande Semprot Donald Trump: Gak Manusiawi!" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h2 class="media__title">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="4" dtr-id="8529158" dtr-ttl="Ariana Grande Semprot Donald Trump: Gak Manusiawi!" href="https://www.detik.com/pop/music/d-8529158/ariana-grande-semprot-donald-trump-gak-manusiawi"
 class="media__link">
 Ariana Grande Semprot Donald Trump: Gak Manusiawi! </a>
 </h2>
 </div>
 </div>
</article>
 
 
 
<article class="list-content__item column">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="5" dtr-id="8529270" dtr-ttl="Erick Thohir Ingatkan Timnas, Target Tembus 100 Besar Ranking FIFA" href="https://sport.detik.com/sepakbola/liga-indonesia/d-8529270/erick-thohir-ingatkan-timnas-target-tembus-100-besar-ranking-fifa"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2025/10/24/erick-thohir-pastikan-rekrutmen-pelatih-timnas-tak-asal-pilih-1761306961092_169.jpeg?w=250&q=90" alt="Erick Thohir Ingatkan Timnas, Target Tembus 100 Besar Ranking FIFA" title="Erick Thohir Ingatkan Timnas, Target Tembus 100 Besar Ranking FIFA" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h2 class="media__title">
 <a dtr-evt="box pilihan redaksi" dtr-sec="artikel" dtr-act="artikel pilhan redaksi" onclick="_pt(this)" dtr-idx="5" dtr-id="8529270" dtr-ttl="Erick Thohir Ingatkan Timnas, Target Tembus 100 Besar Ranking FIFA" href="https://sport.detik.com/sepakbola/liga-indonesia/d-8529270/erick-thohir-ingatkan-timnas-target-tembus-100-besar-ranking-fifa"
 class="media__link">
 Erick Thohir Ingatkan Timnas, Target Tembus 100 Besar Ranking FIFA </a>
 </h2>
 </div>
 </div>
</article>
 
 
 </div>
</div>
<!--cached @ 1781262120--><!--replaced-->        </div>
        <div class="column-8">
                    

<div class="headline">
    <article class="media media--text-overlay block-link">
        <div class="media__image">

            
            <a dtr-evt="headline" dtr-sec="" dtr-act="artikel hl" onclick="_pt(this)" dtr-id="8529692" dtr-ttl="Kondisi Terkini Massa Mahasiswa UI yang Tertahan Sebelum Bundaran HI"                href="https://news.detik.com/berita/d-8529692/kondisi-terkini-massa-mahasiswa-ui-yang-tertahan-sebelum-bundaran-hi"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/massa-aksi-mahasiswa-masih-tertahan-saat-hendak-menuju-bundaran-hi-pukul-1740-wib-rizkydetikcom-1781261413074_169.jpeg?w=700&q=90" alt="Massa aksi mahasiswa masih tertahan saat hendak menuju Bundaran HI pukul 17.40 WIB (Rizky/detikcom)" title="Massa aksi mahasiswa masih tertahan saat hendak menuju Bundaran HI pukul 17.40 WIB (Rizky/detikcom)" class="" loading="eager"/>                </span>
            </a>
        </div>
        <div class="media__text">

            
            <h2 class="media__title">
                <a dtr-evt="headline" dtr-sec="" dtr-act="artikel hl" onclick="_pt(this)" dtr-id="8529692" dtr-ttl="Kondisi Terkini Massa Mahasiswa UI yang Tertahan Sebelum Bundaran HI"                    href="https://news.detik.com/berita/d-8529692/kondisi-terkini-massa-mahasiswa-ui-yang-tertahan-sebelum-bundaran-hi"
                    class="media__link">
                    Kondisi Terkini Massa Mahasiswa UI yang Tertahan Sebelum Bundaran HI                </a>
            </h2>
            <div class="media__date mgt-4">detikNews | <span d-time="1781261444" title="Jumat, 12 Jun 2026 17:50 WIB">16 menit yang lalu</span></div>
        </div>
    </article>

            <div class="headline-terkait">
            <div class="headline-terkait__title">Berita Terkait</div>
            <div class="list-content list-content--column grid-row">

                                    <article class="list-content__item column">
                        <h3 class="list-content__title">
                            <a dtr-evt="headline" dtr-sec="beritaterkaitHL" dtr-act="berita terkait" onclick="_pt(this)" dtr-idx="1" dtr-id="8529667" dtr-ttl="Sopir Truk Penabrak Kak Herman Sempat Disetop Warga, tapi Malah Tancap Gas"                                href="https://news.detik.com/berita/d-8529667/sopir-truk-penabrak-kak-herman-sempat-disetop-warga-tapi-malah-tancap-gas">
                                Sopir Truk Penabrak Kak Herman Sempat Disetop Warga, tapi Malah Tancap Gas                            </a>
                        </h3>
                    </article>
                                    <article class="list-content__item column">
                        <h3 class="list-content__title">
                            <a dtr-evt="headline" dtr-sec="beritaterkaitHL" dtr-act="berita terkait" onclick="_pt(this)" dtr-idx="2" dtr-id="8529656" dtr-ttl="Wanita Bogor Jadi Korban Bius Usai Kenalan Pria di Medsos, HP dan Duit Raib"                                href="https://news.detik.com/berita/d-8529656/wanita-bogor-jadi-korban-bius-usai-kenalan-pria-di-medsos-hp-dan-duit-raib">
                                Wanita Bogor Jadi Korban Bius Usai Kenalan Pria di Medsos, HP dan Duit Raib                            </a>
                        </h3>
                    </article>
                
            </div>
        </div>
    
</div>
            <div class="box cb-video-vertical border-top-none mgt-0 pdt-0">
 <div class="pos-relative mgt-4 mgb-16">
 <div class="slider-snap itp__articleContainer" id="cb_flash" data-inf data-container="pilihan">
 
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 <article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <a
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash" src="https://awscdn.detik.net.id/detik2/images/default-916.gif">
 </span>
 </a>
 </div>
 </div>
 </article>
 
 </div>
 <button class="slider-snap__btn slider-snap__btn--prev" type="button" data-inf-left="" onclick="onPrev('pilihan')">
 <i class="icon icon--sm icon-chevron-left"></i>
 </button>
 <button class="slider-snap__btn slider-snap__btn--next" type="button" data-inf-right="" onclick="onNext('pilihan')">
 <i class="icon icon--sm icon-chevron-right"></i>
 </button>
 </div>
</div>
<script>
 function onPrev(name) {
 const container = document.querySelector(`[data-container="${name}"]`);
 const childWidth = container.children[0].offsetWidth;
 container.scrollLeft -= childWidth;
 }
 function onNext(name) {
 const container = document.querySelector(`[data-container="${name}"]`);
 const items = Array.from(container.querySelectorAll('.itp__boxFlashItem'));
 if (!items.length) return;
 const scrollLeft = container.scrollLeft;
 const maxScrollLeft = container.scrollWidth - container.clientWidth;
 if (scrollLeft >= maxScrollLeft - 2) {
 return; 
 }
 let nextItem = null;
 for (let item of items) {
 if (item.offsetLeft > scrollLeft + 1) {
 nextItem = item;
 break;
 }
 }
 if (!nextItem) return;
 container.scrollTo({
 left: nextItem.offsetLeft,
 behavior: 'smooth'
 });
 setTimeout(() => {
 playVisibleThumbnailsOnce(container);
 }, 200);
 }
 
 function getVisibleItemsFromScroll(container) {
 const items = Array.from(container.querySelectorAll('.itp__boxFlashItem'));
 const scrollLeft = container.scrollLeft;
 const containerWidth = container.offsetWidth;
 return items.filter(item => {
 if (item.classList.contains('itp__boxFlashButton')) {
 return false;
 }
 const itemLeft = item.offsetLeft;
 const itemRight = itemLeft + item.offsetWidth;
 return (
 itemLeft >= scrollLeft &&
 itemRight <= scrollLeft + containerWidth
 );
 });
 }
 const playedItems = new WeakSet();
 function playVisibleThumbnailsOnce(container) {
 const visibleItems = getVisibleItemsFromScroll(container);
 if (!visibleItems.length) return;
 const videoItems = visibleItems.filter(item => {
 const img = item.querySelector('.itp_img-flash');
 return img && img.getAttribute('data-thumbnail');
 });
 if (!videoItems.length) return;
 const targetItem = videoItems[videoItems.length - 1];
 if (playedItems.has(targetItem)) {
 return;
 }
 playedItems.add(targetItem);
 const imgEl = targetItem.querySelector('.itp_img-flash');
 if (imgEl && imgEl.getAttribute('d-loaded') === '1') {
 playAnimatedThumbnail(imgEl);
 }
 }
 function getVisibleItems() {
 const container = document.querySelector('.itp__articleContainer');
 const items = Array.from(container.querySelectorAll('.itp__boxFlashItem'));
 return items.filter(item => {
 const rect = item.getBoundingClientRect();
 const containerRect = container.getBoundingClientRect();
 return (
 rect.left >= containerRect.left &&
 rect.right <= containerRect.right
 );
 });
 }
 const animatedImages = new Map();
 function playAnimatedThumbnail(imgEl) {
 const wrapper = imgEl.closest('.itp_ratiobox-flash');
 const animated = imgEl.getAttribute('data-thumbnail');
 const original = imgEl.getAttribute('data-src');
 if (!wrapper || !original) return 0;
 if (!animated || animated.trim() === "" || animated === "undefined") {
 wrapper.style.backgroundImage = `url("${original}")`;
 return 0;
 }
 if (animatedImages.has(wrapper)) {
 clearTimeout(animatedImages.get(wrapper));
 }
 wrapper.style.backgroundImage = `url("${animated}")`;
 const duration = 6000;
 const timeoutId = setTimeout(() => {
 wrapper.style.backgroundImage = `url("${original}")`;
 }, duration);
 animatedImages.set(wrapper, timeoutId);
 return duration; 
 }
 function autoNextThumbnailOnce() {
 const visibleItems = getVisibleItems();
 if (!visibleItems.length) return;
 const readyItems = visibleItems.filter((item) => {
 const img = item.querySelector(".itp_img-flash");
 return img && img.getAttribute("d-loaded") === "1";
 });
 if (readyItems.length !== visibleItems.length) {
 setTimeout(autoNextThumbnailOnce, 500);
 return;
 }
 let index = 0;
 function playNext() {
 if (index >= readyItems.length) return;
 const item = readyItems[index];
 const imgEl = item.querySelector(".itp_img-flash");
 let delay = 0;
 if (imgEl) {
 delay = playAnimatedThumbnail(imgEl);
 }
 index++;
 const MIN_DELAY = 500;
 setTimeout(playNext, delay || MIN_DELAY);
 }
 playNext();
 }
 function initAnimatedThumbnailInview(el) {
 let hasPlayed = false;
 const items = document.querySelectorAll(el);
 if (!items.length) return;
 inviewHorizontal(items, () => {
 if (!hasPlayed) {
 hasPlayed = true;
 autoNextThumbnailOnce();
 }
 });
 }
 function inviewHorizontal (el, isIntersectCallback) {
 const container = document.querySelector('.itp__articleContainer');
 const items = el;
 const options = {
 root: container,
 rootMargin: '0px',
 threshold: 0.1
 };
 const callback = (entries, observer) => {
 entries.forEach((entry) => {
 if (entry.isIntersecting) {
 observer.unobserve(entry.target);
 if (isIntersectCallback) {
 isIntersectCallback(entry.target)
 }
 }
 });
 };
 const observer = new IntersectionObserver(callback, options);
 items.forEach(item => observer.observe(item));
 }
 function lazyImageHorizontal(el){
 inviewHorizontal(document.querySelectorAll(el), async function (target) {
 const item = $(target)
 const imgFlash = item.find('.itp_img-flash')
 let ratio = imgFlash.attr('data-ratio');
 let defaultImg = 'https://awscdn.detik.net.id/detik2/images/default-' + (ratio ? ratio : 11) + '.gif';
 imgFlash.on('error', function () {
 imgFlash.attr('src', defaultImg);
 });
 imgFlash.hide();
 imgFlash.closest('.lqd').css("background-image", "url(" + imgFlash.attr('data-src') + ")");
 imgFlash.attr('src', imgFlash.attr('data-src'));
 imgFlash.attr('d-loaded', 1)
 var $parent = item.find('.media__link');
 if($parent.hasClass('media__link')) {
 const videoId = $parent.attr('data-id')
 const video = FlashPilihan.videos.find(video => video.id === videoId)
 const detikBigDataSdk = await FlashPilihan.detikBigDataSdk()
 $parent.attr({
 'dtr-evt': "box flash",
 'dtr-sec': "video flash",
 'dtr-act': "video flash",
 'onclick': "_pt(this)",
 'dtr-idx': video.number,
 'dtr-id': video.id,
 'dtr-ttl': video.title,
 'dtr-src': (typeof video.pilihan !== 'undefined') ? '' : FlashPilihan.srcModel
 })
 if (detikBigDataSdk) {
 detikBigDataSdk.collectEvent('show', {
 enter_from_doc_id: '',
 doc_id: videoId,
 spm: `desktop$##$detikcom$##$boxflash$##$${video.number}`
 });
 }
 }
 })
 }
 var FlashPilihan = {
 videos: [{"id":"260612050","title":"Video Justin Hubner Menuju Lokasi Akad Nikah di Bali","resume":"<p><span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=hubner\"><strong>Justin Hubner terlihat berangkat menuju lokasi akad nikahnya dengan Jennifer Coppen di Bali.<\/strong><\/a><\/span><\/p>\r\n<p>Pesepak bola Timnas Indonesia itu didampingi Mees Hilgers dan Ivar Jenner yang menjadi groomsman.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/781a68d37cc24abbbde6a954d62d3b25-20260612174735-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/781a68d37cc24abbbde6a954d62d3b25-20260612174735-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/781a68d37cc24abbbde6a954d62d3b25-20260612174735-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/781a68d37cc24abbbde6a954d62d3b25-20260612174736-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/781a68d37cc24abbbde6a954d62d3b25-preview.json?crtm=20260612174736","keyword":"justin hubner,jennifer coppen,justin hubner dan jennifer coppen,jennifer coppen dan justin hubner menikah,bali","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612050\/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali","embed":"https:\/\/20.detik.com\/embed\/260612050","slug":"\/260612050\/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali","slug_20detik":"\/detikupdate\/20260612-260612050\/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/781a68d37cc24abbbde6a954d62d3b25.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detikhot, detikbali","reporter":"Fabiola Dianira","kameramen":"","created_by":"ajibagoes","duration":31,"keyword_ad":"justin hubner,jennifer coppen,justin hubner dan jennifer coppen,jennifer coppen dan justin hubner menikah,bali","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:31","focus_id":null,"date_created":"2026-06-12 17:49:24","date_published":"2026-06-12 17:50:48","date_updated":"2026-06-12 17:50:47","date_created_timestamp":"1781261364","date_published_timestamp":"1781261448","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260611-260611152\/video-satir-komersialisasi-budaya-sarawak-lewat-tapestry-digital","videos_title_url":"Video Satir Komersialisasi Budaya Sarawak Lewat Tapestry Digital","topics":[{"name":"Hiburan","id":"11","slug":"hiburan"}],"noindex":false,"deeplink":false},{"id":"260612049","title":"Video: Massa Mahasiswa Belum Bisa Capai Bundaran HI, Tertahan di Tosari","resume":"<p><a href=\"https:\/\/20.detik.com\/\"><strong>Ratusan mahasiswa Universitas Indonesia masih tertahan di Halte Tosari, Jl Jenderal Sudirman, Jakpus, Jumat (12\/6\/2026). Mulanya, mahasiswa akan melakukan aksi demonstrasi di kawasan Bundaran HI.<\/strong><\/a><\/p>\r\n<p>Namun, rombongan mahasiswa UI masih tertahan oleh pihak kepolisan dan TNI. Ketegangan sempat terjadi karena mahasiswa memaksa masuk ke kawasan Bundaran HI.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/0bec3367f31e44e9a24c2574c201fef8-20260612172738-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/0bec3367f31e44e9a24c2574c201fef8-20260612172738-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/0bec3367f31e44e9a24c2574c201fef8-20260612172738-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/0bec3367f31e44e9a24c2574c201fef8-20260612172739-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/0bec3367f31e44e9a24c2574c201fef8-preview.json?crtm=20260612172739","keyword":"demo mahasiswa ui,bundaran hi","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612049\/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari","embed":"https:\/\/20.detik.com\/embed\/260612049","slug":"\/260612049\/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari","slug_20detik":"\/detikupdate\/20260612-260612049\/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/0bec3367f31e44e9a24c2574c201fef8.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews","reporter":"Fandi As","kameramen":"","created_by":"widi.sumantoko46857","duration":28,"keyword_ad":"demo mahasiswa ui,bundaran hi","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:28","focus_id":null,"date_created":"2026-06-12 17:28:25","date_published":"2026-06-12 17:47:35","date_updated":"2026-06-12 17:47:34","date_created_timestamp":"1781260105","date_published_timestamp":"1781261255","status_video":0,"videos_custom_url":"","videos_title_url":"","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260612047","title":"Video Lumpur Lapindo Kembali Mengalir ke Sungai Porong, Sudah Berlangsung 2 Hari","resume":"<p>Lumpur Lapindo kembali dialirkan ke Sungai Porong setelah volume air dan lumpur di area penampungan terus meningkat. Sedikitnya lima kapal keruk dikerahkan untuk membantu proses pengaliran dari sejumlah titik semburan menuju Sungai Porong.<\/p>\r\n<p>Warga menyebut aktivitas tersebut sudah berlangsung sekitar dua hari terakhir dan dilakukan untuk mengurangi beban penampungan lumpur yang kian penuh.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/8476fe43bbd342979506377627ecc0cb-20260612171652-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/8476fe43bbd342979506377627ecc0cb-20260612171652-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/8476fe43bbd342979506377627ecc0cb-20260612171652-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/8476fe43bbd342979506377627ecc0cb-20260612171652-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/8476fe43bbd342979506377627ecc0cb-preview.json?crtm=20260612171652","keyword":"lumpur lapindo,sungai porong,lapindo","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612047\/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari","embed":"https:\/\/20.detik.com\/embed\/260612047","slug":"\/260612047\/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari","slug_20detik":"\/detikupdate\/20260612-260612047\/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/8476fe43bbd342979506377627ecc0cb.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews","reporter":"Suparno","kameramen":"","created_by":"widi.sumantoko46857","duration":38,"keyword_ad":"lumpur lapindo,sungai porong,lapindo","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:38","focus_id":null,"date_created":"2026-06-12 16:46:55","date_published":"2026-06-12 17:18:25","date_updated":"2026-06-12 17:18:30","date_created_timestamp":"1781257615","date_published_timestamp":"1781259505","status_video":0,"videos_custom_url":"","videos_title_url":"","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260612041","title":"Video Cerita Massa Demo BEM UI Aksi Sempat Dialihkan saat Menuju Bundaran HI","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=demo\"><span style=\"text-decoration: underline;\"><strong>Rombongan massa demo dari Badan Eksekutif Mahasiswa (BEM) Universitas Indonesia mengaku dialihkan saat hendak menuju ke Bundaran HI, Jakpus, Jumat (12\/6\/2026). Mahasiswa mengklaim rombongan aksi demonstrasi dialihkan aparat di kawasan Semanggi, Jakpus.<\/strong><\/span><\/a><\/p>\r\n<p>Diperkirakan sebanyak 500 mahasiswa dari Universitas Indonesia akan melakukan demonstrasi di Bundaran HI sore ini.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/854eb8b1ef82413ea3cc5e9c204154dc-20260612153138-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/854eb8b1ef82413ea3cc5e9c204154dc-20260612153138-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/854eb8b1ef82413ea3cc5e9c204154dc-20260612153138-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/854eb8b1ef82413ea3cc5e9c204154dc-20260612153138-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/854eb8b1ef82413ea3cc5e9c204154dc-preview.json?crtm=20260612153138","keyword":"demo mahasiswa,demo bundaran hi,demo,demo bem ui,universitas indonesia","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612041\/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi","embed":"https:\/\/20.detik.com\/embed\/260612041","slug":"\/260612041\/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi","slug_20detik":"\/detikupdate\/20260612-260612041\/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/854eb8b1ef82413ea3cc5e9c204154dc.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews","reporter":"Dinda Ayu Islami","kameramen":"","created_by":"tri","duration":52,"keyword_ad":"demo mahasiswa,demo bundaran hi,demo,demo bem ui,universitas indonesia","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:52","focus_id":null,"date_created":"2026-06-12 15:32:06","date_published":"2026-06-12 15:53:55","date_updated":"2026-06-12 15:53:53","date_created_timestamp":"1781253126","date_published_timestamp":"1781254435","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612040\/video-alasan-polisi-halau-massa-mahasiswa-yang-hendak-ke-bundaran-hi","videos_title_url":"Video: Alasan Polisi Halau Massa Mahasiswa yang Hendak ke Bundaran HI","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260612040","title":"Video: Alasan Polisi Halau Massa Mahasiswa yang Hendak ke Bundaran HI","resume":"<p><a href=\"https:\/\/20.detik.com\/\"><strong>Kabid Humas Polda Metro Jaya, Kombes Budi Hermanto, mengatakan pihaknya tengah berkoordinasi untuk mengalihkan massa mahasiswa yang akan berdemonstrasi di Bundaran HI ke Patung Kuda atau MPR\/DPR RI. Ia menyebut Bundaran HI merupakan tempat perekonomian.<\/strong><\/a><\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b48dccb4ab144e0aa5c83742fa7100c1-20260612143705-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b48dccb4ab144e0aa5c83742fa7100c1-20260612143705-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b48dccb4ab144e0aa5c83742fa7100c1-20260612143705-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b48dccb4ab144e0aa5c83742fa7100c1-20260612143705-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b48dccb4ab144e0aa5c83742fa7100c1-preview.json?crtm=20260612143705","keyword":"demo,demo mahasiswa,polda metro jaya","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612040\/video-alasan-polisi-halau-massa-mahasiswa-yang-hendak-ke-bundaran-hi","embed":"https:\/\/20.detik.com\/embed\/260612040","slug":"\/260612040\/video-alasan-polisi-halau-massa-mahasiswa-yang-hendak-ke-bundaran-hi","slug_20detik":"\/detikupdate\/20260612-260612040\/video-alasan-polisi-halau-massa-mahasiswa-yang-hendak-ke-bundaran-hi","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/b48dccb4ab144e0aa5c83742fa7100c1.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews","reporter":"Ori Salfian","kameramen":"","created_by":"insanul.habibie1","duration":76,"keyword_ad":"demo,demo mahasiswa,polda metro jaya","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"01:16","focus_id":null,"date_created":"2026-06-12 14:38:22","date_published":"2026-06-12 15:07:33","date_updated":"2026-06-12 15:07:32","date_created_timestamp":"1781249902","date_published_timestamp":"1781251653","status_video":0,"videos_custom_url":"","videos_title_url":"","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false}],
 get size () {
 const total = 30
 const currentCount = this.videos.length
 return total - currentCount
 },
 excludeProgramIds: ["170724519", "190313542"],
 randomIndex: -1,
 srcModels: ['modelA', 'modelB'],
 get srcModel () {
 return this.srcModels[this.randomIndex]
 },
 get excludeDocs () {
 const excludeStrVideosId = helper.getCookie('__vids')
 const videosIdTahan = this.videos.map(function (video) {
 return video.id
 })
 if (! excludeStrVideosId) {
 return videosIdTahan
 }
 const excludeVideosId = JSON.parse(excludeStrVideosId)
 return excludeVideosId.concat(videosIdTahan)
 },
 get url () {
 const baseUrlRecs = [
 'https://recg20.detik.com/article-recommendation',
 'https://rech20.detik.com/article-recommendation'
 ]
 const baseUrlRec = baseUrlRecs[this.randomIndex]
 return `${baseUrlRec}/wp/${this.cookieDtma}`
 },
 get cookieDtma () {
 const dtma = helper.getCookie('__dtma')
 if (! dtma) {
 return '-'
 }
 const splitted = dtma.split('.')
 return splitted.slice(0, 3).join('.')
 },
 articleTemplate (row) {
 return `<article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> ${helper.duration_pretty(row.duration)}
 </div>
 <a href="${row.videourl}?source=pilihan&from=${encodeURIComponent(window.location.href)}"
 data-id="${row.id}"
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash"
 src="https://awscdn.detik.net.id/detik2/images/default-916.gif"
 data-src="${row.imageurl}?w=250"
 data-ratio="916"
 alt="${row.title}"
 title="${row.title}"
 data-thumbnail="${row.animated}">
 </span>
 </a>
 </div>
 </div>
 </article>`
 },
 async request () {
 return await fetch(this.url, {
 method: 'POST',
 headers: {
 'Content-Type': 'application/json'
 },
 body: JSON.stringify({
 size: this.size,
 excludeProgramIds: this.excludeProgramIds,
 excludeDocs: this.excludeDocs,
 isVertical: true
 })
 })
 },
 async getData () {
 const req = await this.request()
 const data = await req.json()
 let indexArticle = 0
 let dataPilihan = [];
 this.videos.forEach((video) => {
 dataPilihan.push({
 duration: video.duration,
 imageurl: video.image,
 videourl: `https://20.detik.com${video.slug_20detik}`,
 number: indexArticle,
 id: video.id,
 title: video.title,
 animated: video.animated,
 pilihan: true
 })
 })
 let allData = [];
 const dataRecs = data.body;
 allData = dataPilihan.concat(dataRecs)
 this.videos = allData
 let articlesHtml = allData.map((row, i) => {
 indexArticle += 1
 row.number = indexArticle
 return this.articleTemplate(row)
 }).join('')
 articlesHtml += `
 <article class="slider-snap__item slider-snap__item--index itp__boxFlashButton">
 <div class="media media--image-radius block-link">
 <div class="media__image mg-0">
 <span class="ratiobox ratiobox--9-16"></span>
 </div>
 </div>
 <div class="media__text">
 <a dtr-evt="box flash" dtr-sec="lihat semua" dtr-act="lihat semua" onclick="_pt(this)" href="https://20.detik.com/flash" class="media__link font-semibold">
 <i class="icon icon--sm icon-chevron-right mx-auto mgb-16"></i>
 Lihat Lebih Banyak
 </a>
 </div>
 </article>`
 
 $('.itp__articleContainer').empty()
 $('.itp__articleContainer').prepend(articlesHtml)
 helper.lqd_img('.lqd')
 },
 detikBigDataSdk () {
 if (typeof detikBigDataSdk !== 'undefined') {
 return Promise.resolve(detikBigDataSdk)
 }
 if (typeof detikBigDataSdk === 'undefined') {
 return new Promise((resolve) => {
 const checkInterval = 100
 let waitedTime = 0
 const intervalId = setInterval(() => {
 waitedTime += checkInterval
 if (typeof detikBigDataSdk !== 'undefined' || waitedTime >= 3000) {
 clearInterval(intervalId)
 resolve(detikBigDataSdk)
 }
 }, checkInterval)
 })
 }
 return Promise.resolve()
 },
 async init () {
 this.randomIndex = Math.floor(Math.random() * this.srcModels.length)
 const observer = new IntersectionObserver(function (entries) {
 entries.forEach(async function (entry) {
 if (entry.isIntersecting) {
 observer.disconnect()
 await FlashPilihan.getData()
 lazyImageHorizontal('.itp__boxFlashItem');
 initAnimatedThumbnailInview('.itp__boxFlashItem');
 }
 })
 }, {
 rootMargin: "0px 0px 300px 0px"
 });
 observer.observe(document.querySelector('.itp__articleContainer'))
 }
 }
 $(function () {
 FlashPilihan.init()
 })
</script>
<!--cached @ 1781262120--><!--replaced-->            <!-- S:promobox --><div style="margin:10px 1px 10px 0 ; text-align:center">
<center>
<!-- /4905536/detik_desktop/wp/promobox -->
<div id='div-gpt-ad-1675354767032-0'>
<script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1675354767032-0'); });
  </script>
</div>
</center>
</div><!-- E:promobox -->            <!-- S:channelbox --><!-- channelbox --><!-- E:channelbox -->
            <div class="section nhl">
    <div class="section__header">
        <h2 class="section__title">News Feed</h2>
        <a dtr-evt="newsfeed" dtr-sec="indeksberita" dtr-act="indeks berita" onclick="_pt(this)"            href="https://news.detik.com/indeks"
            class="font-xxs">
            Indeks Berita <i class="icon icon-chevron-right"></i>
        </a>
    </div>
    <div class="list-content">

                    
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='0'
i-subtitle=''
i-img='https://awsimages.detik.net.id/community/media/visual/2024/10/05/pemprov-dki-menerapkan-tarif-khusus-rp-1-untuk-penumpang-mrt-lrt-dan-transjakarta-dalam-rangka-hut-ke-79-tni-masyarakat-senang-2_169.jpeg'
i-info='<span d-time="1781258789" title="Jumat, 12 Jun 2026 17:06 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529613/akses-masuk-stasiun-mrt-bundaran-hi-dukuh-atas-ditutup-sementara-imbas-demo'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="8529613" dtr-ttl="Akses Masuk Stasiun MRT Bundaran HI-Dukuh Atas Ditutup Sementara Imbas Demo"				href="https://news.detik.com/berita/d-8529613/akses-masuk-stasiun-mrt-bundaran-hi-dukuh-atas-ditutup-sementara-imbas-demo" class="ai_link media__link">
                <span class="ratiobox ratiobox--16-9 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ratiobox--16-9 ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text">
			<h2 class="media__subtitle">
							</h2>
            <h3 class="media__title">
				<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="8529613" dtr-ttl="Akses Masuk Stasiun MRT Bundaran HI-Dukuh Atas Ditutup Sementara Imbas Demo"					href="https://news.detik.com/berita/d-8529613/akses-masuk-stasiun-mrt-bundaran-hi-dukuh-atas-ditutup-sementara-imbas-demo" class="media__link">
					Akses Masuk Stasiun MRT Bundaran HI-Dukuh Atas Ditutup Sementara Imbas Demo                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781258789" title="Jumat, 12 Jun 2026 17:06 WIB">1 jam yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                            <!-- S:newsfeed1 -->  <!-- E:newsfeed1 -->                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='1'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/03/27/ilustrasi-sariawan_169.jpeg'
i-info='detikHealth | <span d-time="1781262330" title="Jumat, 12 Jun 2026 18:05 WIB">1 menit yang lalu</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8529316/jangan-sepelekan-mulut-kering-dan-gusi-berdarah-bisa-jadi-itu-gejala-diabetes'
i-img-qs='?w=250&q=90'
i-type='artikel 1'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="8529316" dtr-ttl="Jangan Sepelekan Mulut Kering dan Gusi Berdarah, Bisa Jadi Itu Gejala Diabetes"                href="https://health.detik.com/berita-detikhealth/d-8529316/jangan-sepelekan-mulut-kering-dan-gusi-berdarah-bisa-jadi-itu-gejala-diabetes" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="8529316" dtr-ttl="Jangan Sepelekan Mulut Kering dan Gusi Berdarah, Bisa Jadi Itu Gejala Diabetes"                    href="https://health.detik.com/berita-detikhealth/d-8529316/jangan-sepelekan-mulut-kering-dan-gusi-berdarah-bisa-jadi-itu-gejala-diabetes" class="media__link">
                    Jangan Sepelekan Mulut Kering dan Gusi Berdarah, Bisa Jadi Itu Gejala Diabetes                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262330" title="Jumat, 12 Jun 2026 18:05 WIB">1 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                        <!-- S:newsfeednhl4 --><!--nhl4--><!-- E:newsfeednhl4 -->                <div d-widget="newsfeed_recommendation_wp" d-rec-size="9" d-rec-src="newsfeed" d-recommendation-wp></div>
                <style>
 .webcomp-polling{
 position: relative;
 }
 .webcomp-polling .slick-dots li button{
 border: none;
 width: 4px;
 height: 4px;
 background: #dcdcdc;
 opacity: 1;
 }
 .webcomp-polling .slick-dots li{
 margin:0 3px;
 }
 .webcomp-polling .slick-dots li.slick-active button {
 background: #2c5498;
 width: 12px;
 border-radius: 8px;
 }
 .webcomp-polling .slick-dots{
 bottom: 16px;
 }
 .webcomp-polling .slick-dotted.slick-slider{
 padding-bottom: 40px !important;
 }
 .webcomp-polling .slick-arrow {
 top: 38%;
 width: 34px;
 height: 34px;
 opacity: 0.65;
 border-radius: 50%;
 background: #CAD7EE;
 color: #21409A;
 -webkit-user-select: none; /* Safari */
 -ms-user-select: none; /* IE 10 and IE 11 */
 user-select: none; /* Standard syntax */
 }
 .webcomp-polling .slick-arrow:hover{
 opacity: 1;
 }
 .webcomp-polling .slick-prev, .webcomp-polling .slick-next {
 margin: 0px;
 }
 .webcomp-polling .slick-prev:before, .webcomp-polling .slick-next:before{
 font-size: 24px;
 color: #2C5498;
 }
</style>
<div class="cb box webcomp-polling">
 <div class="box__header mgb-12">
 <h2 class="box__title ">
 Polling 
 </h2>
 <a dtr-evt="box polling" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://www.detik.com/polling" class="font-xxs"><i class="icon icon-chevron-right"></i></a>
 </div>
 <!-- Polling Web Components - Single -->
 <div class="grid-row list-content list-content--column mgt-0 webcomp-polling-slider">
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-0" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTQ=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-1" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTY=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-2" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTU=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-3" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDk=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-4" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDc=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-5" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDQ=" data-poll-cbox="true"></div>
 </div>
 </div>
 <script defer="defer" src="https://newpolong.detik.com/frontend_polong/widget-polling/widget-polling.js"></script> 
</div>
<script>
 getScript("https://awscdn.detik.net.id/assets/js/slickslider.js?v=202606121827", function () {
 $('.webcomp-polling-slider').slick({
 dots: true,
 autoplay: false,
 infinite: true,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 setTimeout(() => {
 $('.poll-slider-box.slick-cloned > .widget-polling').removeAttr('data-poll-id').removeAttr('data-poll-cbox');
 }, 0);
 });
</script><!--cached @ 1781262120--><!--replaced-->                                                                                                                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='2'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/sidang-pemeriksaan-terdakwa-kasus-suap-bea-cukai-muliadetikcom-1781238524174_169.jpeg'
i-info='detikNews | <span d-time="1781258901" title="Jumat, 12 Jun 2026 17:08 WIB">58 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529614/terdakwa-kasus-bea-cukai-lupa-kasih-teman-rp-100-juta-alasannya-terlalu-kecil'
i-img-qs='?w=250&q=90'
i-type='artikel 2'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="8529614" dtr-ttl="Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya &#039;Terlalu Kecil&#039;"                href="https://news.detik.com/berita/d-8529614/terdakwa-kasus-bea-cukai-lupa-kasih-teman-rp-100-juta-alasannya-terlalu-kecil" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="8529614" dtr-ttl="Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya &#039;Terlalu Kecil&#039;"                    href="https://news.detik.com/berita/d-8529614/terdakwa-kasus-bea-cukai-lupa-kasih-teman-rp-100-juta-alasannya-terlalu-kecil" class="media__link">
                    Terdakwa Kasus Bea Cukai Lupa Kasih Teman Rp 100 Juta, Alasannya 'Terlalu Kecil'                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781258901" title="Jumat, 12 Jun 2026 17:08 WIB">58 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                    
                <style>
#vid_d article:nth-child(n+4) {
 display: none;
}
</style>
<div class="box cb cb-video">
 <div class="box__header">
 <h2 class="box__title">Video Terpopuler</h2>
 <a dtr-evt="box video" dtr-sec="lihatselengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://20.detik.com/"
 class="font-xxs">
 Ke Halaman Video <i class="icon icon-chevron-right"></i>
 </a>
 </div>
 <div id="vid_d" class="grid-row list-content list-content--column">
 <!-- S:nativevideo1 --> <!-- E:nativevideo1 --> <article class="list-content__item column-4">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> 01:21 </div>
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="260612002" dtr-ttl="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" href="https://20.detik.com/detikupdate/20260612-260612002/video-update-gempa-dahsyat-filipina-korban-tewas-jadi-53-orang"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/12/32c3e9ac19474507b5a73e7fecf5fa20-20260612004400-0s.jpg?w=250&q=90" alt="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" title="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h3 class="media__title">
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="260612002" dtr-ttl="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" href="https://20.detik.com/detikupdate/20260612-260612002/video-update-gempa-dahsyat-filipina-korban-tewas-jadi-53-orang"
 class="media__link">
 Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang </a>
 </h3>
 <div class="media__date"><span d-time="1781199947" title="Jumat, 12 Jun 2026 00:45 WIB">17 jam yang lalu</span></div>
 </div>
 </div>
 </article>
 <article class="list-content__item column-4">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> 01:16 </div>
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="260611140" dtr-ttl="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" href="https://20.detik.com/detikupdate/20260611-260611140/video-jk-dan-anaknya-temui-prabowo-bicara-investasi-energi-rp-70-triliun"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/11/904f3f8580404a49ab1b676a3ea2e369-20260611191410-0s.jpg?w=250&q=90" alt="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" title="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h3 class="media__title">
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="260611140" dtr-ttl="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" href="https://20.detik.com/detikupdate/20260611-260611140/video-jk-dan-anaknya-temui-prabowo-bicara-investasi-energi-rp-70-triliun"
 class="media__link">
 Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun </a>
 </h3>
 <div class="media__date"><span d-time="1781181644" title="Kamis, 11 Jun 2026 19:40 WIB">22 jam yang lalu</span></div>
 </div>
 </div>
 </article>
 <article class="list-content__item column-4">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> 01:04 </div>
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="260611146" dtr-ttl="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" href="https://20.detik.com/detikupdate/20260611-260611146/video-aktivis-di-mamuju-tipu-tersangka-tambang-ilegal-rp-35-juta-untuk-judol"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/11/577393eb776848dc9060ef34ea714a88-20260611202653-0s.jpg?w=250&q=90" alt="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" title="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h3 class="media__title">
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="260611146" dtr-ttl="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" href="https://20.detik.com/detikupdate/20260611-260611146/video-aktivis-di-mamuju-tipu-tersangka-tambang-ilegal-rp-35-juta-untuk-judol"
 class="media__link">
 Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol </a>
 </h3>
 <div class="media__date"><span d-time="1781188032" title="Kamis, 11 Jun 2026 21:27 WIB">20 jam yang lalu</span></div>
 </div>
 </div>
 </article>
 </div>
</div>
<!--cached @ 1781262120--><!--replaced-->                                                                                                                                                                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='3'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/bangunan-gudang-di-kalideres-jakarta-barat-jakbar-terbakar-petugas-pemadam-kebakaran-damkar-masih-berjibaku-memadamkan-si-jago-1781262101550_169.jpeg'
i-info='detikNews | <span d-time="1781262141" title="Jumat, 12 Jun 2026 18:02 WIB">4 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529732/gudang-di-kalideres-kebakaran-asap-hitam-mengepul'
i-img-qs='?w=250&q=90'
i-type='artikel 3'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8529732" dtr-ttl="Gudang di Kalideres Kebakaran, Asap Hitam Mengepul"                href="https://news.detik.com/berita/d-8529732/gudang-di-kalideres-kebakaran-asap-hitam-mengepul" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8529732" dtr-ttl="Gudang di Kalideres Kebakaran, Asap Hitam Mengepul"                    href="https://news.detik.com/berita/d-8529732/gudang-di-kalideres-kebakaran-asap-hitam-mengepul" class="media__link">
                    Gudang di Kalideres Kebakaran, Asap Hitam Mengepul                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262141" title="Jumat, 12 Jun 2026 18:02 WIB">4 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                <!-- S:center1 --> <!-- E:center1 -->                <!-- S:parallax1 --> <!-- E:parallax1 -->                                                                                                                                                                                            
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='4'
i-subtitle=''
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/massa-mahasiswa-hendak-demo-di-bundaran-hi-rizkydetikcom-1781252201086_169.jpeg'
i-info='<span d-time="1781254433" title="Jumat, 12 Jun 2026 15:53 WIB">2 jam yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8529437/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
			            <div class="media__icon media__icon--top-right ai_toggle" style="display:none">
				<i class="icon icon--xs icon-play-bg"></i><span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612041/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi"></span>
            </div>
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8529437" dtr-ttl="Video Cerita Massa Demo BEM UI Aksi Sempat Dialihkan saat Menuju Bundaran HI"				href="https://20.detik.com/detikupdate/20260612-260612041/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi" class="ai_link media__link">
                <span class="ratiobox ratiobox--16-9 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ratiobox--16-9 ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text">
			<h2 class="media__subtitle">
							</h2>
            <h3 class="media__title">
				<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8529437" dtr-ttl="Video Cerita Massa Demo BEM UI Aksi Sempat Dialihkan saat Menuju Bundaran HI"					href="https://20.detik.com/detikupdate/20260612-260612041/video-cerita-massa-demo-bem-ui-aksi-sempat-dialihkan-saat-menuju-bundaran-hi" class="media__link">
					Video Cerita Massa Demo BEM UI Aksi Sempat Dialihkan saat Menuju Bundaran HI                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781254433" title="Jumat, 12 Jun 2026 15:53 WIB">2 jam yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                                                                            <!-- S:newsfeed2 --><style>
#div-gpt-ad-1613262723921-0 iframe {
margin-bottom: 16px;
    width: 100%;
    height: 175px;
}
</style>
<!-- /4905536/detik_desktop/wp/newsfeed2 -->
<div id='div-gpt-ad-1613262723921-0'>
<script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1613262723921-0'); });
  </script> 
</div><!-- E:newsfeed2 -->                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='5'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/03/logo-piala-dunia-2026-1780467988797.jpeg'
i-info='Sepakbola | <span d-time="1781262050" title="Jumat, 12 Jun 2026 18:00 WIB">5 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8529409/jadwal-piala-dunia-2026-13-juni-dua-laga-main'
i-img-qs='?w=250&q=90'
i-type='artikel 5'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="6" dtr-id="8529409" dtr-ttl="Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8529409/jadwal-piala-dunia-2026-13-juni-dua-laga-main" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="6" dtr-id="8529409" dtr-ttl="Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8529409/jadwal-piala-dunia-2026-13-juni-dua-laga-main" class="media__link">
                    Jadwal Piala Dunia 2026 13 Juni, Dua Laga Main                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262050" title="Jumat, 12 Jun 2026 18:00 WIB">5 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='6'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/mahasiswa-unj-gelar-unjuk-rasa-di-rawamangun-1781258829873_169.jpeg'
i-info='detikNews | <span d-time="1781262049" title="Jumat, 12 Jun 2026 18:00 WIB">5 menit yang lalu</span>'
i-link='https://news.detik.com/foto-news/d-8529631/mahasiswa-unj-gelar-unjuk-rasa-di-rawamangun'
i-img-qs='?w=250&q=90'
i-type='artikel 6'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 6 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="7" dtr-id="8529631" dtr-ttl="Mahasiswa UNJ Gelar Unjuk Rasa di Rawamangun"                href="https://news.detik.com/foto-news/d-8529631/mahasiswa-unj-gelar-unjuk-rasa-di-rawamangun" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Foto News</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="7" dtr-id="8529631" dtr-ttl="Mahasiswa UNJ Gelar Unjuk Rasa di Rawamangun"                    href="https://news.detik.com/foto-news/d-8529631/mahasiswa-unj-gelar-unjuk-rasa-di-rawamangun" class="media__link">
                    Mahasiswa UNJ Gelar Unjuk Rasa di Rawamangun                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262049" title="Jumat, 12 Jun 2026 18:00 WIB">5 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                        <article class="list-content__item ph-item ph-item-insertion ph-insertion-block" id="rec_loop_6" article-idx="6">
	<div class="ph-col ph-nhl-img">
		<div class="ph-picture ph-picture-insertion pic-nhl ratiobox ratiobox--4-3"></div>
	</div>
	<div class="justify-content-center mgl-12">
		<div class="ph-row ph-row-insertion mgb-16">
			<div class="ph-col-12"></div>
			<div class="ph-col-11"></div>
		</div>
		<div class="ph-row ph-row-insertion mgb-8">
			<div class="ph-col-4"></div>
		</div>
	</div>
</article>                <div d-widget="detikevent" style="margin-bottom:32px;width:694px;height:350px;"></div>
                <style>
.special-widget {
    margin-bottom: 32px;
}
.special-widget .section__header {
    margin-bottom: 8px;
}
.special-widget .section__title {
    font-size: 18px;
    font-weight: 700;
    color: #2b3e8a;
}
.special-slider-container {
    position: relative;
    max-width: 100%;
}
.special-swiper {
    overflow: hidden;
    position: relative;
}
.special-swiper .swiper-slide {
    display: flex;
    align-items: flex-start; /* UPDATE UNTUK Safari */
    height: auto;
}

/* CLS Fix */
.special-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    overflow: hidden;
}
.special-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc((100% - 2.4px) / 1.2);
    margin-right: 12px;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .special-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
    }
}
@media (min-width: 1024px) {
    .special-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc((100% - 40px) / 3.5);
        margin-right: 16px;
    }
}
.hl-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    background: #eee;
    min-height: 0; /* UPDATE UNTUK Safari */
}
.hl-card img.hl-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.hl-card:hover img.hl-card-img {
    transform: scale(1.05); /* optional simple hover */
}
.hl-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none; /* let click pass to card */
}
.hl-card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    color: #ff5722;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.hl-card-badge svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}
.hl-card-konten {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #2b3e8a;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    font-weight: 500;
    z-index: 2;
    border-radius: 6px;
}
.hl-channel {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
    text-transform: none;
    color: #fff;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
}
.hl-channel-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
/* .hl-channel.c-food .hl-channel-icon {
    background: #4caf50;
}
.hl-channel.c-properti .hl-channel-icon {
    background: #ff9800;
} */
.hl-channel-icon img {
    width: 18px;
    height: 18px;
    fill: #fff;
}
.hl-card-title {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    min-height: 52px;
}

/* Nav arrows */
.hl-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(200, 200, 200, 0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: background 0.2s;
}
.hl-nav-btn:hover {
    background: rgba(180, 180, 180, 0.95);
}
.hl-nav-btn svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}
.hl-nav-prev {
    left: -20px;
}
.hl-nav-next {
    right: -20px;
}
.hl-nav-btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

/* Make sure container doesn't overflow horizontally */
@media (max-width: 768px) {
    .hl-nav-prev {
        left: 0px;
    }
    .hl-nav-next {
        right: 0px;
    }
}
</style>



<div class="special-widget section" id="special-konten">
    <div class="section__header">
        <h2 class="section__title">Konten Spesial</h2>
    </div>
    <div class="special-slider-container">
        <!-- Swiper -->
        <div class="swiper special-swiper">
            <div class="swiper-wrapper">
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="1"                            href="https://wolipop.detik.com/indeksfokus/7607/skin-booster" class="hl-card">
                            <div class="hl-card-konten">9 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/03/1781553776-1780420512174_169.jpeg?w=700&q=90" alt="Skin Booster" title="Skin Booster" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_wolipop.webp?v=202606121827" alt="">
                                        </span>
                                                                        Wolipop                                </div>
                                <h3 class="hl-card-title">Skin Booster</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="2"                            href="https://health.detik.com/indeksfokus/7584/bedah-gizi-super-lele" class="hl-card">
                            <div class="hl-card-konten">13 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/04/10/kolom-gizi-nutrisi-ikan-lele-1775836687365_169.jpeg?w=700&q=90" alt="Bedah Gizi Super Lele" title="Bedah Gizi Super Lele" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_health.webp?v=202606121827" alt="">
                                        </span>
                                                                        detikHealth                                </div>
                                <h3 class="hl-card-title">Bedah Gizi Super Lele</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="3"                            href="https://www.detik.com/hikmah/indeksfokus/7398/kisah-haji-para-tamu-allah" class="hl-card">
                            <div class="hl-card-konten">30 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/05/17/senyum-haru-jemaah-haji-gelombang-dua-sambut-tanah-suci-1747497614914_169.jpeg?w=700&q=90" alt="Kisah Haji Para Tamu Allah" title="Kisah Haji Para Tamu Allah" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_hikmah.webp?v=202606121827" alt="">
                                        </span>
                                                                        detikHikmah                                </div>
                                <h3 class="hl-card-title">Kisah Haji Para Tamu Allah</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="4"                            href="https://travel.detik.com/highlight/7604/prabowo-aktifkan-lagi-2-bandara" class="hl-card">
                            <div class="hl-card-konten">20 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/03/penerbangan-dari-yogyakarta-di-bandara-husein-sastranegara-kota-bandung-1751539196841_169.jpeg?w=700&q=90" alt="Prabowo Aktifkan Lagi 2 Bandara" title="Prabowo Aktifkan Lagi 2 Bandara" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_travel.webp?v=202606121827" alt="">
                                        </span>
                                                                        detikTravel                                </div>
                                <h3 class="hl-card-title">Prabowo Aktifkan Lagi 2 Bandara</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="5"                            href="https://inet.detik.com/games-terpopuler/7017/free-fire" class="hl-card">
                            <div class="hl-card-konten">55 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2019/06/27/f835357f-f9a2-43d2-b05e-275f62d6586b_169.jpeg?w=700&q=90" alt="Free Fire" title="Free Fire" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_inet.webp?v=202606121827" alt="">
                                        </span>
                                                                        detikInet                                </div>
                                <h3 class="hl-card-title">Free Fire</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="6"                            href="https://food.detik.com/master-resep/7601/sajian-lezat-idul-adha-2026" class="hl-card">
                            <div class="hl-card-konten">26 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/20/sate-kambing-1779266947174_169.jpeg?w=700&q=90" alt="Sajian Lezat Idul Adha 2026" title="Sajian Lezat Idul Adha 2026" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_food.webp?v=202606121827" alt="">
                                        </span>
                                                                        detikFood                                </div>
                                <h3 class="hl-card-title">Sajian Lezat Idul Adha 2026</h3>
                            </div>
                        </a>
                    </div>
                            </div>
        </div>
        <!-- Navigation Buttons -->
        <div dtr-evt="box spesial konten" dtr-sec="button prev" dtr-act="button prev" onclick="_pt(this)" class="hl-nav-btn hl-nav-prev">
            <svg viewBox="0 0 24 24">
                <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
            </svg>
        </div>
        <div dtr-evt="box spesial konten" dtr-sec="button next" dtr-act="button next" onclick="_pt(this)" class="hl-nav-btn hl-nav-next">
            <svg viewBox="0 0 24 24">
                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
            </svg>
        </div>
    </div>
</div>

<link rel="stylesheet" href="https://awscdn.detik.net.id/assets/css/swiper-bundle.min.css?v=202606121827" />
<script src="https://awscdn.detik.net.id/assets/js/swiper-bundle.min.js?v=202606121827"></script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof Swiper !== 'undefined') {
            new Swiper('.special-swiper', {
                slidesPerView: 3.5,
                spaceBetween: 16,
                navigation: {
                    nextEl: '.hl-nav-next',
                    prevEl: '.hl-nav-prev',
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 1.2,
                        spaceBetween: 12
                    },
                    // when window width is >= 768px
                    768: {
                        slidesPerView: 3,
                        spaceBetween: 16
                    },
                    // when window width is >= 1024px
                    1024: {
                        slidesPerView: 3.5,
                        spaceBetween: 16
                    }
                }
            });
        }
    });
</script>                <div d-widget="lifestyle" d-params="" d-locals=""><div class="dwidget_desktop ph-horizontal"><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div></div><img style="display:none" /></div>
                                                                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='8'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/10/16/lionel-messi-1.jpeg'
i-info='Sepakbola | <span d-time="1781260830" title="Jumat, 12 Jun 2026 17:40 WIB">26 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8529358/rekor-rekor-apa-yang-bisa-dipecahkan-messi-di-piala-dunia-2026'
i-img-qs='?w=250&q=90'
i-type='artikel 8'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="9" dtr-id="8529358" dtr-ttl="Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8529358/rekor-rekor-apa-yang-bisa-dipecahkan-messi-di-piala-dunia-2026" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="9" dtr-id="8529358" dtr-ttl="Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8529358/rekor-rekor-apa-yang-bisa-dipecahkan-messi-di-piala-dunia-2026" class="media__link">
                    Rekor-rekor Apa yang Bisa Dipecahkan Messi di Piala Dunia 2026?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260830" title="Jumat, 12 Jun 2026 17:40 WIB">26 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                    <!-- S:center2 --><div class="box-ads text-center">
<ins data-labelname="center2" data-revive-zoneid="226" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
</div> <!-- E:center2 -->                                                                                                                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='9'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/makanan-favorit-pesepakbola-1781246449524_43.jpeg'
i-info='detikFood | <span d-time="1781262042" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>'
i-link='https://food.detik.com/foto-kuliner/d-8529169/piala-dunia-2026-dumulai-ini-9-makanan-favorit-pesepak-bola-dunia'
i-img-qs='?w=250&q=90'
i-type='artikel 9'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 9 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="10" dtr-id="8529169" dtr-ttl="Piala Dunia 2026 Dumulai, Ini 9 Makanan Favorit Pesepak Bola Dunia!"                href="https://food.detik.com/foto-kuliner/d-8529169/piala-dunia-2026-dumulai-ini-9-makanan-favorit-pesepak-bola-dunia" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Galeri Foto</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="10" dtr-id="8529169" dtr-ttl="Piala Dunia 2026 Dumulai, Ini 9 Makanan Favorit Pesepak Bola Dunia!"                    href="https://food.detik.com/foto-kuliner/d-8529169/piala-dunia-2026-dumulai-ini-9-makanan-favorit-pesepak-bola-dunia" class="media__link">
                    Piala Dunia 2026 Dumulai, Ini 9 Makanan Favorit Pesepak Bola Dunia!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262042" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                <article class="list-content__item ph-item ph-item-insertion ph-insertion-block" id="rec_loop_7" article-idx="9">
	<div class="ph-col ph-nhl-img">
		<div class="ph-picture ph-picture-insertion pic-nhl ratiobox ratiobox--4-3"></div>
	</div>
	<div class="justify-content-center mgl-12">
		<div class="ph-row ph-row-insertion mgb-16">
			<div class="ph-col-12"></div>
			<div class="ph-col-11"></div>
		</div>
		<div class="ph-row ph-row-insertion mgb-8">
			<div class="ph-col-4"></div>
		</div>
	</div>
</article>                <!-- S:newsfeed3 --><style>
#div-gpt-ad-1624873610990-0 iframe {
margin-bottom: 16px;
    width: 100%;
    height: 175px;
}
</style>
<!-- /4905536/detik_desktop/wp/newsfeed3 -->
<div id='div-gpt-ad-1624873610990-0'>
<script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1624873610990-0'); });
  </script> 
</div><!-- E:newsfeed3 -->                                                                                                                                            
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='11'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/penampilan-ejae-di-opening-piala-dunia-2026-1781260579948_43.jpeg'
i-info='Wolipop | <span d-time="1781262019" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8529676/detail-gaun-hanbok-ejae-kpop-demon-hunters-di-opening-piala-dunia-2026'
i-img-qs='?w=250&q=90'
i-type='artikel 11'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="12" dtr-id="8529676" dtr-ttl="Detail Gaun Hanbok EJAE &#039;KPop Demon Hunters&#039; di Opening Piala Dunia 2026"                href="https://wolipop.detik.com/entertainment-news/d-8529676/detail-gaun-hanbok-ejae-kpop-demon-hunters-di-opening-piala-dunia-2026" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="12" dtr-id="8529676" dtr-ttl="Detail Gaun Hanbok EJAE &#039;KPop Demon Hunters&#039; di Opening Piala Dunia 2026"                    href="https://wolipop.detik.com/entertainment-news/d-8529676/detail-gaun-hanbok-ejae-kpop-demon-hunters-di-opening-piala-dunia-2026" class="media__link">
                    Detail Gaun Hanbok EJAE 'KPop Demon Hunters' di Opening Piala Dunia 2026                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262019" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                            <!-- S:carousel --> <!-- E:carousel -->                                                                                                                                
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='12'
i-subtitle=''
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/kode-angka-8647-muncul-di-halaman-national-mall-dekat-gedung-putih-yang-ditafsirkan-sebagian-orang-sebagai-seruan-untuk-membun-1781259142681_169.jpeg'
i-info='<span d-time="1781259388" title="Jumat, 12 Jun 2026 17:16 WIB">50 menit yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8529643/heboh-kode-8647-dekat-gedung-putih-diduga-seruan-bunuh-trump'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="13" dtr-id="8529643" dtr-ttl="Heboh Kode &#039;8647&#039; Dekat Gedung Putih, Diduga Seruan Bunuh Trump"				href="https://news.detik.com/internasional/d-8529643/heboh-kode-8647-dekat-gedung-putih-diduga-seruan-bunuh-trump" class="ai_link media__link">
                <span class="ratiobox ratiobox--16-9 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ratiobox--16-9 ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text">
			<h2 class="media__subtitle">
							</h2>
            <h3 class="media__title">
				<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="13" dtr-id="8529643" dtr-ttl="Heboh Kode &#039;8647&#039; Dekat Gedung Putih, Diduga Seruan Bunuh Trump"					href="https://news.detik.com/internasional/d-8529643/heboh-kode-8647-dekat-gedung-putih-diduga-seruan-bunuh-trump" class="media__link">
					Heboh Kode '8647' Dekat Gedung Putih, Diduga Seruan Bunuh Trump                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781259388" title="Jumat, 12 Jun 2026 17:16 WIB">50 menit yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                                                                                                                                        <article class="list-content__item ph-item ph-item-insertion ph-insertion-block" id="rec_loop_8" article-idx="12">
	<div class="ph-col ph-nhl-img">
		<div class="ph-picture ph-picture-insertion pic-nhl ratiobox ratiobox--4-3"></div>
	</div>
	<div class="justify-content-center mgl-12">
		<div class="ph-row ph-row-insertion mgb-16">
			<div class="ph-col-12"></div>
			<div class="ph-col-11"></div>
		</div>
		<div class="ph-row ph-row-insertion mgb-8">
			<div class="ph-col-4"></div>
		</div>
	</div>
</article>                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='14'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/2025-the-world-enslaved-by-a-virus-1781248662241_169.jpeg'
i-info='detikPop | <span d-time="1781262005" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>'
i-link='https://www.detik.com/pop/movie/d-8529244/film-terburuk-dari-2021-sampai-2026'
i-img-qs='?w=250&q=90'
i-type='artikel 14'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="15" dtr-id="8529244" dtr-ttl="Film Terburuk dari 2021 sampai 2026"                href="https://www.detik.com/pop/movie/d-8529244/film-terburuk-dari-2021-sampai-2026" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="15" dtr-id="8529244" dtr-ttl="Film Terburuk dari 2021 sampai 2026"                    href="https://www.detik.com/pop/movie/d-8529244/film-terburuk-dari-2021-sampai-2026" class="media__link">
                    Film Terburuk dari 2021 sampai 2026                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262005" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                    <div d-widget="detiknetwork" d-params="" d-locals=""><div class="dwidget_desktop ph-horizontal"><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div></div><img style="display:none" /></div>
                                                                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='15'
i-img='https://awsimages.detik.net.id/community/media/visual/2025/01/09/logo-lpdp_169.png'
i-info='detikEdu | <span d-time="1781262000" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>'
i-link='https://www.detik.com/edu/beasiswa/d-8529694/monash-university-buka-lpdp-nurturing-program-bimbingan-seleksi-lpdp-gratis'
i-img-qs='?w=250&q=90'
i-type='artikel 15'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="16" dtr-id="8529694" dtr-ttl="Monash University Buka LPDP Nurturing Program, Bimbingan Seleksi LPDP Gratis!"                href="https://www.detik.com/edu/beasiswa/d-8529694/monash-university-buka-lpdp-nurturing-program-bimbingan-seleksi-lpdp-gratis" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="16" dtr-id="8529694" dtr-ttl="Monash University Buka LPDP Nurturing Program, Bimbingan Seleksi LPDP Gratis!"                    href="https://www.detik.com/edu/beasiswa/d-8529694/monash-university-buka-lpdp-nurturing-program-bimbingan-seleksi-lpdp-gratis" class="media__link">
                    Monash University Buka LPDP Nurturing Program, Bimbingan Seleksi LPDP Gratis!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781262000" title="Jumat, 12 Jun 2026 18:00 WIB">6 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                <!-- S:center3 --> <!-- E:center3 -->                                                                                            
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='16'
i-img='https://awsimages.detik.net.id/community/media/visual/2023/07/25/ilustrasi-penangkapan_169.jpeg'
i-info='detikJateng | <span d-time="1781259480" title="Jumat, 12 Jun 2026 17:18 WIB">48 menit yang lalu</span>'
i-link='https://www.detik.com/jateng/hukum-dan-kriminal/d-8529644/pembunuh-2-wanita-di-patikraja-banyumas-ditangkap'
i-img-qs='?w=250&q=90'
i-type='artikel 16'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="17" dtr-id="8529644" dtr-ttl="Pembunuh 2 Wanita di Patikraja Banyumas Ditangkap!"                href="https://www.detik.com/jateng/hukum-dan-kriminal/d-8529644/pembunuh-2-wanita-di-patikraja-banyumas-ditangkap" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="17" dtr-id="8529644" dtr-ttl="Pembunuh 2 Wanita di Patikraja Banyumas Ditangkap!"                    href="https://www.detik.com/jateng/hukum-dan-kriminal/d-8529644/pembunuh-2-wanita-di-patikraja-banyumas-ditangkap" class="media__link">
                    Pembunuh 2 Wanita di Patikraja Banyumas Ditangkap!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259480" title="Jumat, 12 Jun 2026 17:18 WIB">48 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                            <!-- S:newsfeed4 --> <!-- E:newsfeed4 -->                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='17'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/polda-metro-bongkar-judi-berkedok-permainan-anak-1781261914969_169.jpeg'
i-info='detikNews | <span d-time="1781261957" title="Jumat, 12 Jun 2026 17:59 WIB">7 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529727/jatanras-polda-metro-tangkap-bos-judi-berkedok-timezone-di-medan'
i-img-qs='?w=250&q=90'
i-type='artikel 17'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="18" dtr-id="8529727" dtr-ttl="Jatanras Polda Metro Tangkap Bos Judi Berkedok Timezone di Medan!"                href="https://news.detik.com/berita/d-8529727/jatanras-polda-metro-tangkap-bos-judi-berkedok-timezone-di-medan" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="18" dtr-id="8529727" dtr-ttl="Jatanras Polda Metro Tangkap Bos Judi Berkedok Timezone di Medan!"                    href="https://news.detik.com/berita/d-8529727/jatanras-polda-metro-tangkap-bos-judi-berkedok-timezone-di-medan" class="media__link">
                    Jatanras Polda Metro Tangkap Bos Judi Berkedok Timezone di Medan!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261957" title="Jumat, 12 Jun 2026 17:59 WIB">7 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                        <div d-widget="foto" d-params="" d-locals=""><div class="dwidget_desktop ph-horizontal"><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div></div><img style="display:none" /></div>
                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='18'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/garis-polisi-di-lokasi-temuan-dua-mayat-wanita-diduga-korban-pembunuhan-di-desa-patikraja-kabupaten-banyumas-jumat-1262026-1781255454128_169.jpeg'
i-info='detikNews | <span d-time="1781261947" title="Jumat, 12 Jun 2026 17:59 WIB">7 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529726/pembunuh-2-wanita-dalam-rumah-di-banyumas-ditangkap-kurang-dari-5-jam'
i-img-qs='?w=250&q=90'
i-type='artikel 18'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="19" dtr-id="8529726" dtr-ttl="Pembunuh 2 Wanita dalam Rumah di Banyumas Ditangkap Kurang dari 5 Jam"                href="https://news.detik.com/berita/d-8529726/pembunuh-2-wanita-dalam-rumah-di-banyumas-ditangkap-kurang-dari-5-jam" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="19" dtr-id="8529726" dtr-ttl="Pembunuh 2 Wanita dalam Rumah di Banyumas Ditangkap Kurang dari 5 Jam"                    href="https://news.detik.com/berita/d-8529726/pembunuh-2-wanita-dalam-rumah-di-banyumas-ditangkap-kurang-dari-5-jam" class="media__link">
                    Pembunuh 2 Wanita dalam Rumah di Banyumas Ditangkap Kurang dari 5 Jam                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261947" title="Jumat, 12 Jun 2026 17:59 WIB">7 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='19'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/pria-berinisial-gs-37-karena-mencuri-hp-dan-ipad-milik-teman-kencannya-gs-telah-ditangkap-setelah-korban-melaporkan-kasus-penc-1781260945545_169.png'
i-info='detikNews | <span d-time="1781261713" title="Jumat, 12 Jun 2026 17:55 WIB">11 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529710/tega-pria-di-jakbar-bawa-kabur-harta-wanita-usai-kencan-di-hotel'
i-img-qs='?w=250&q=90'
i-type='artikel 19'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="20" dtr-id="8529710" dtr-ttl="Tega! Pria di Jakbar Bawa Kabur Harta Wanita Usai Kencan di Hotel"                href="https://news.detik.com/berita/d-8529710/tega-pria-di-jakbar-bawa-kabur-harta-wanita-usai-kencan-di-hotel" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="20" dtr-id="8529710" dtr-ttl="Tega! Pria di Jakbar Bawa Kabur Harta Wanita Usai Kencan di Hotel"                    href="https://news.detik.com/berita/d-8529710/tega-pria-di-jakbar-bawa-kabur-harta-wanita-usai-kencan-di-hotel" class="media__link">
                    Tega! Pria di Jakbar Bawa Kabur Harta Wanita Usai Kencan di Hotel                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261713" title="Jumat, 12 Jun 2026 17:55 WIB">11 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                    <!-- S:parallax2 --> <!-- E:parallax2 -->                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='20'
i-img='https://awsimages.detik.net.id/community/media/visual/2025/08/23/ilustrasi-hacker-1755942985725_169.jpeg'
i-info='detikNews | <span d-time="1781261703" title="Jumat, 12 Jun 2026 17:55 WIB">11 menit yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8529709/hacker-iran-klaim-retas-drone-fbi-ancam-targetkan-piala-dunia'
i-img-qs='?w=250&q=90'
i-type='artikel 20'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="21" dtr-id="8529709" dtr-ttl="Hacker Iran Klaim Retas Drone FBI-Ancam Targetkan Piala Dunia"                href="https://news.detik.com/internasional/d-8529709/hacker-iran-klaim-retas-drone-fbi-ancam-targetkan-piala-dunia" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="21" dtr-id="8529709" dtr-ttl="Hacker Iran Klaim Retas Drone FBI-Ancam Targetkan Piala Dunia"                    href="https://news.detik.com/internasional/d-8529709/hacker-iran-klaim-retas-drone-fbi-ancam-targetkan-piala-dunia" class="media__link">
                    Hacker Iran Klaim Retas Drone FBI-Ancam Targetkan Piala Dunia                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261703" title="Jumat, 12 Jun 2026 17:55 WIB">11 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='21'
i-subtitle=''
i-img='https://awsimages.detik.net.id/community/media/visual/2025/06/12/ketua-dprd-sumut-erni-ariyanti-nizar-aldidetiksumut-1749733035258_169.jpeg'
i-info='<span d-time="1781259598" title="Jumat, 12 Jun 2026 17:19 WIB">46 menit yang lalu</span>'
i-link='https://www.detik.com/sumut/hukum-dan-kriminal/d-8529629/ketua-dprd-sumut-berdamai-dengan-hamdani-soal-pencemaran-nama-baik'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8529629" dtr-ttl="Ketua DPRD Sumut Berdamai dengan Hamdani soal Pencemaran Nama Baik"				href="https://www.detik.com/sumut/hukum-dan-kriminal/d-8529629/ketua-dprd-sumut-berdamai-dengan-hamdani-soal-pencemaran-nama-baik" class="ai_link media__link">
                <span class="ratiobox ratiobox--16-9 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ratiobox--16-9 ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text">
			<h2 class="media__subtitle">
							</h2>
            <h3 class="media__title">
				<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8529629" dtr-ttl="Ketua DPRD Sumut Berdamai dengan Hamdani soal Pencemaran Nama Baik"					href="https://www.detik.com/sumut/hukum-dan-kriminal/d-8529629/ketua-dprd-sumut-berdamai-dengan-hamdani-soal-pencemaran-nama-baik" class="media__link">
					Ketua DPRD Sumut Berdamai dengan Hamdani soal Pencemaran Nama Baik                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781259598" title="Jumat, 12 Jun 2026 17:19 WIB">46 menit yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                                                                                                                                                                                                                <!-- S:newsfeed5 --> <!-- E:newsfeed5 -->                                            
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='22'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/05/18/3-maskot-piala-dunia-2026-yang-bisa-menarik-perhatian-anak-1779097830817_169.jpeg'
i-info='detikSport | <span d-time="1781261598" title="Jumat, 12 Jun 2026 17:53 WIB">13 menit yang lalu</span>'
i-link='https://sport.detik.com/detiktv/d-8529697/video-kenalan-yuk-sama-maskot-piala-dunia-dari-masa-ke-masa'
i-img-qs='?w=250&q=90'
i-type='artikel 22'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/deutsche-welle-news/20260612-260612051/video-kenalan-yuk-sama-maskot-piala-dunia-dari-masa-ke-masa"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="23" dtr-id="8529697" dtr-ttl="Video: Kenalan Yuk Sama Maskot Piala Dunia dari Masa ke Masa!"                href="https://20.detik.com/deutsche-welle-news/20260612-260612051/video-kenalan-yuk-sama-maskot-piala-dunia-dari-masa-ke-masa" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="23" dtr-id="8529697" dtr-ttl="Video: Kenalan Yuk Sama Maskot Piala Dunia dari Masa ke Masa!"                    href="https://20.detik.com/deutsche-welle-news/20260612-260612051/video-kenalan-yuk-sama-maskot-piala-dunia-dari-masa-ke-masa" class="media__link">
                    Video: Kenalan Yuk Sama Maskot Piala Dunia dari Masa ke Masa!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261598" title="Jumat, 12 Jun 2026 17:53 WIB">13 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='23'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/momen-justin-hubner-hendak-berangkat-menuju-lokasi-pernikahannya-dengan-jennifer-coppen-di-bali-jumat-1262026-foto-fabiola-dia-1781251556621_169.jpeg'
i-info='detikHot | <span d-time="1781261450" title="Jumat, 12 Jun 2026 17:50 WIB">15 menit yang lalu</span>'
i-link='https://hot.detik.com/detiktv/d-8529693/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali'
i-img-qs='?w=250&q=90'
i-type='artikel 23'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612050/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="24" dtr-id="8529693" dtr-ttl="Video Justin Hubner Menuju Lokasi Akad Nikah di Bali"                href="https://20.detik.com/detikupdate/20260612-260612050/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="24" dtr-id="8529693" dtr-ttl="Video Justin Hubner Menuju Lokasi Akad Nikah di Bali"                    href="https://20.detik.com/detikupdate/20260612-260612050/video-justin-hubner-menuju-lokasi-akad-nikah-di-bali" class="media__link">
                    Video Justin Hubner Menuju Lokasi Akad Nikah di Bali                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261450" title="Jumat, 12 Jun 2026 17:50 WIB">15 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='24'
i-img='https://awsimages.detik.net.id/community/media/visual/2023/07/30/justin-gaethje.jpeg'
i-info='detikSport | <span d-time="1781261430" title="Jumat, 12 Jun 2026 17:50 WIB">16 menit yang lalu</span>'
i-link='https://sport.detik.com/sport-lain/d-8529681/ufc-freedom-250-justin-gaethje-vs-kutukan'
i-img-qs='?w=250&q=90'
i-type='artikel 24'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="25" dtr-id="8529681" dtr-ttl="UFC Freedom 250: Justin Gaethje Vs &#039;Kutukan&#039;"                href="https://sport.detik.com/sport-lain/d-8529681/ufc-freedom-250-justin-gaethje-vs-kutukan" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="25" dtr-id="8529681" dtr-ttl="UFC Freedom 250: Justin Gaethje Vs &#039;Kutukan&#039;"                    href="https://sport.detik.com/sport-lain/d-8529681/ufc-freedom-250-justin-gaethje-vs-kutukan" class="media__link">
                    UFC Freedom 250: Justin Gaethje Vs 'Kutukan'                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261430" title="Jumat, 12 Jun 2026 17:50 WIB">16 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='25'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/mahasiswa-dan-massa-aksi-tertahan-di-kawasan-tosari-saat-menuju-bundaran-hi-1781254892791_169.jpeg'
i-info='detikNews | <span d-time="1781261254" title="Jumat, 12 Jun 2026 17:47 WIB">19 menit yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8529688/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari'
i-img-qs='?w=250&q=90'
i-type='artikel 25'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612049/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="26" dtr-id="8529688" dtr-ttl="Video: Massa Mahasiswa Belum Bisa Capai Bundaran HI, Tertahan di Tosari"                href="https://20.detik.com/detikupdate/20260612-260612049/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="26" dtr-id="8529688" dtr-ttl="Video: Massa Mahasiswa Belum Bisa Capai Bundaran HI, Tertahan di Tosari"                    href="https://20.detik.com/detikupdate/20260612-260612049/video-massa-mahasiswa-belum-bisa-capai-bundaran-hi-tertahan-di-tosari" class="media__link">
                    Video: Massa Mahasiswa Belum Bisa Capai Bundaran HI, Tertahan di Tosari                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261254" title="Jumat, 12 Jun 2026 17:47 WIB">19 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='26'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/muhaimin-petugas-haji-2026-di-jeddah-melakukan-video-call-dengan-wamenhaj-dahnil-yang-sedang-berada-di-rumah-duka-di-malang-ju-1781260161058_169.png'
i-info='detikHikmah | <span d-time="1781261207" title="Jumat, 12 Jun 2026 17:46 WIB">19 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/haji-dan-umrah/d-8529686/duka-cak-imin-petugas-haji-lepas-kepergian-istri-lewat-badal-umrah'
i-img-qs='?w=250&q=90'
i-type='artikel 26'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="27" dtr-id="8529686" dtr-ttl="Duka Cak Imin Petugas Haji: Lepas Kepergian Istri Lewat Badal Umrah"                href="https://www.detik.com/hikmah/haji-dan-umrah/d-8529686/duka-cak-imin-petugas-haji-lepas-kepergian-istri-lewat-badal-umrah" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Kabar Haji Bersama Kahf</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="27" dtr-id="8529686" dtr-ttl="Duka Cak Imin Petugas Haji: Lepas Kepergian Istri Lewat Badal Umrah"                    href="https://www.detik.com/hikmah/haji-dan-umrah/d-8529686/duka-cak-imin-petugas-haji-lepas-kepergian-istri-lewat-badal-umrah" class="media__link">
                    Duka Cak Imin Petugas Haji: Lepas Kepergian Istri Lewat Badal Umrah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261207" title="Jumat, 12 Jun 2026 17:46 WIB">19 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                            <!-- S:newsfeed6 --> <!-- E:newsfeed6 -->                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='27'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/05/16/wakil-ketua-komisi-ix-dpr-charles-honoris_169.jpeg'
i-info='detikNews | <span d-time="1781261110" title="Jumat, 12 Jun 2026 17:45 WIB">21 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529683/sppg-boros-rp-1-t-bulan-pdip-usul-mbg-disetop-sementara-saat-libur-sekolah'
i-img-qs='?w=250&q=90'
i-type='artikel 27'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="28" dtr-id="8529683" dtr-ttl="SPPG Boros Rp 1 T/Bulan, PDIP Usul MBG Disetop Sementara Saat Libur Sekolah"                href="https://news.detik.com/berita/d-8529683/sppg-boros-rp-1-t-bulan-pdip-usul-mbg-disetop-sementara-saat-libur-sekolah" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="28" dtr-id="8529683" dtr-ttl="SPPG Boros Rp 1 T/Bulan, PDIP Usul MBG Disetop Sementara Saat Libur Sekolah"                    href="https://news.detik.com/berita/d-8529683/sppg-boros-rp-1-t-bulan-pdip-usul-mbg-disetop-sementara-saat-libur-sekolah" class="media__link">
                    SPPG Boros Rp 1 T/Bulan, PDIP Usul MBG Disetop Sementara Saat Libur Sekolah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261110" title="Jumat, 12 Jun 2026 17:45 WIB">21 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='28'
i-img='https://awsimages.detik.net.id/community/media/visual/2020/11/01/ilustrasi-listrik-padam-1_169.jpeg'
i-info='detikFinance | <span d-time="1781261095" title="Jumat, 12 Jun 2026 17:44 WIB">21 menit yang lalu</span>'
i-link='https://finance.detik.com/energi/d-8529682/pemerintah-janji-listrik-padam-bergilir-di-jawa-tak-terulang-lagi'
i-img-qs='?w=250&q=90'
i-type='artikel 28'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="29" dtr-id="8529682" dtr-ttl="Pemerintah Janji Listrik Padam Bergilir di Jawa Tak Terulang Lagi"                href="https://finance.detik.com/energi/d-8529682/pemerintah-janji-listrik-padam-bergilir-di-jawa-tak-terulang-lagi" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="29" dtr-id="8529682" dtr-ttl="Pemerintah Janji Listrik Padam Bergilir di Jawa Tak Terulang Lagi"                    href="https://finance.detik.com/energi/d-8529682/pemerintah-janji-listrik-padam-bergilir-di-jawa-tak-terulang-lagi" class="media__link">
                    Pemerintah Janji Listrik Padam Bergilir di Jawa Tak Terulang Lagi                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261095" title="Jumat, 12 Jun 2026 17:44 WIB">21 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='29'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/11/18/taksi-tanpa-sopir-resmi-beroperasi-di-jalanan-san-francisco-3_169.jpeg'
i-info='detikInet | <span d-time="1781261075" title="Jumat, 12 Jun 2026 17:44 WIB">22 menit yang lalu</span>'
i-link='https://inet.detik.com/cyberlife/d-8529373/maling-kabur-pakai-taksi-robot-waymo-sudah-6-bulan-belum-tertangkap'
i-img-qs='?w=250&q=90'
i-type='artikel 29'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="30" dtr-id="8529373" dtr-ttl="Maling Kabur Pakai Taksi Robot Waymo, Sudah 6 Bulan Belum Tertangkap"                href="https://inet.detik.com/cyberlife/d-8529373/maling-kabur-pakai-taksi-robot-waymo-sudah-6-bulan-belum-tertangkap" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="30" dtr-id="8529373" dtr-ttl="Maling Kabur Pakai Taksi Robot Waymo, Sudah 6 Bulan Belum Tertangkap"                    href="https://inet.detik.com/cyberlife/d-8529373/maling-kabur-pakai-taksi-robot-waymo-sudah-6-bulan-belum-tertangkap" class="media__link">
                    Maling Kabur Pakai Taksi Robot Waymo, Sudah 6 Bulan Belum Tertangkap                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781261075" title="Jumat, 12 Jun 2026 17:44 WIB">22 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='30'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/pemusnahan-barang-bukti-narkoba-dok-ist-1781260859876_169.jpeg'
i-info='detikNews | <span d-time="1781260901" title="Jumat, 12 Jun 2026 17:41 WIB">25 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529678/bareskrim-musnahkan-ratusan-butir-ekstasi-barbuk-narkoba-jaringan-rokan-hilir'
i-img-qs='?w=250&q=90'
i-type='artikel 30'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="31" dtr-id="8529678" dtr-ttl="Bareskrim Musnahkan Ratusan Butir Ekstasi Barbuk Narkoba Jaringan Rokan Hilir"                href="https://news.detik.com/berita/d-8529678/bareskrim-musnahkan-ratusan-butir-ekstasi-barbuk-narkoba-jaringan-rokan-hilir" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="31" dtr-id="8529678" dtr-ttl="Bareskrim Musnahkan Ratusan Butir Ekstasi Barbuk Narkoba Jaringan Rokan Hilir"                    href="https://news.detik.com/berita/d-8529678/bareskrim-musnahkan-ratusan-butir-ekstasi-barbuk-narkoba-jaringan-rokan-hilir" class="media__link">
                    Bareskrim Musnahkan Ratusan Butir Ekstasi Barbuk Narkoba Jaringan Rokan Hilir                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260901" title="Jumat, 12 Jun 2026 17:41 WIB">25 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='31'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/02/19/yoon-suk-yeol-divonis-penjara-seumur-hidup-dalam-kasus-pemberontakan-1771490777122_169.jpeg'
i-info='detikNews | <span d-time="1781260805" title="Jumat, 12 Jun 2026 17:40 WIB">26 menit yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8529674/5-berita-terpopuler-internasional-hari-ini'
i-img-qs='?w=250&q=90'
i-type='artikel 31'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="32" dtr-id="8529674" dtr-ttl="5 Berita Terpopuler Internasional Hari Ini"                href="https://news.detik.com/internasional/d-8529674/5-berita-terpopuler-internasional-hari-ini" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="32" dtr-id="8529674" dtr-ttl="5 Berita Terpopuler Internasional Hari Ini"                    href="https://news.detik.com/internasional/d-8529674/5-berita-terpopuler-internasional-hari-ini" class="media__link">
                    5 Berita Terpopuler Internasional Hari Ini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260805" title="Jumat, 12 Jun 2026 17:40 WIB">26 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='32'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/ahmad-yazdi-kuasa-hukum-h-munjayin-pengusaha-sukabumi-tengah-dan-jabar-wukuf-kuasa-hukum-lainnya-dalam-konferensi-pers-pada-sa-1781228553392_169.jpeg'
i-info='detikNews | <span d-time="1781260582" title="Jumat, 12 Jun 2026 17:36 WIB">30 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529671/cerita-investor-di-sukabumi-talangi-dapur-mbg-rp-218-m-tapi-malah-zonk'
i-img-qs='?w=250&q=90'
i-type='artikel 32'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="33" dtr-id="8529671" dtr-ttl="Cerita Investor di Sukabumi Talangi Dapur MBG Rp 218 M tapi Malah Zonk"                href="https://news.detik.com/berita/d-8529671/cerita-investor-di-sukabumi-talangi-dapur-mbg-rp-218-m-tapi-malah-zonk" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="33" dtr-id="8529671" dtr-ttl="Cerita Investor di Sukabumi Talangi Dapur MBG Rp 218 M tapi Malah Zonk"                    href="https://news.detik.com/berita/d-8529671/cerita-investor-di-sukabumi-talangi-dapur-mbg-rp-218-m-tapi-malah-zonk" class="media__link">
                    Cerita Investor di Sukabumi Talangi Dapur MBG Rp 218 M tapi Malah Zonk                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260582" title="Jumat, 12 Jun 2026 17:36 WIB">30 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='33'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/truk-yang-menabrak-kak-herman-di-tangerang-dok-ist-1781254620658_169.jpeg'
i-info='detikNews | <span d-time="1781260286" title="Jumat, 12 Jun 2026 17:31 WIB">35 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529667/sopir-truk-penabrak-kak-herman-sempat-disetop-warga-tapi-malah-tancap-gas'
i-img-qs='?w=250&q=90'
i-type='artikel 33'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="34" dtr-id="8529667" dtr-ttl="Sopir Truk Penabrak Kak Herman Sempat Disetop Warga, tapi Malah Tancap Gas"                href="https://news.detik.com/berita/d-8529667/sopir-truk-penabrak-kak-herman-sempat-disetop-warga-tapi-malah-tancap-gas" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="34" dtr-id="8529667" dtr-ttl="Sopir Truk Penabrak Kak Herman Sempat Disetop Warga, tapi Malah Tancap Gas"                    href="https://news.detik.com/berita/d-8529667/sopir-truk-penabrak-kak-herman-sempat-disetop-warga-tapi-malah-tancap-gas" class="media__link">
                    Sopir Truk Penabrak Kak Herman Sempat Disetop Warga, tapi Malah Tancap Gas                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260286" title="Jumat, 12 Jun 2026 17:31 WIB">35 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='34'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/06/12/sneakers-onitsuka-tiger-1.jpeg'
i-info='Wolipop | <span d-time="1781260243" title="Jumat, 12 Jun 2026 17:30 WIB">36 menit yang lalu</span>'
i-link='https://wolipop.detik.com/fashion-news/d-8529398/pisah-dari-asics-onitsuka-tiger-siap-jadi-pemain-besar-di-dunia-sneakers'
i-img-qs='?w=250&q=90'
i-type='artikel 34'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="35" dtr-id="8529398" dtr-ttl="Pisah dari Asics, Onitsuka Tiger Siap Jadi Pemain Besar di Dunia Sneakers"                href="https://wolipop.detik.com/fashion-news/d-8529398/pisah-dari-asics-onitsuka-tiger-siap-jadi-pemain-besar-di-dunia-sneakers" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="35" dtr-id="8529398" dtr-ttl="Pisah dari Asics, Onitsuka Tiger Siap Jadi Pemain Besar di Dunia Sneakers"                    href="https://wolipop.detik.com/fashion-news/d-8529398/pisah-dari-asics-onitsuka-tiger-siap-jadi-pemain-besar-di-dunia-sneakers" class="media__link">
                    Pisah dari Asics, Onitsuka Tiger Siap Jadi Pemain Besar di Dunia Sneakers                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260243" title="Jumat, 12 Jun 2026 17:30 WIB">36 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='35'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/10/ilustrasi-pppk-guru-sekolah-rakyat-1781067186978_169.png'
i-info='detikEdu | <span d-time="1781260200" title="Jumat, 12 Jun 2026 17:30 WIB">36 menit yang lalu</span>'
i-link='https://www.detik.com/edu/sekolah/d-8529439/bosp-tahap-2-2026-siap-disalurkan-juli-catat-syaratnya-agar-dana-bisa-cair'
i-img-qs='?w=250&q=90'
i-type='artikel 35'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="36" dtr-id="8529439" dtr-ttl="BOSP Tahap 2 2026 Siap Disalurkan Juli, Catat Syaratnya Agar Dana Bisa Cair"                href="https://www.detik.com/edu/sekolah/d-8529439/bosp-tahap-2-2026-siap-disalurkan-juli-catat-syaratnya-agar-dana-bisa-cair" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="36" dtr-id="8529439" dtr-ttl="BOSP Tahap 2 2026 Siap Disalurkan Juli, Catat Syaratnya Agar Dana Bisa Cair"                    href="https://www.detik.com/edu/sekolah/d-8529439/bosp-tahap-2-2026-siap-disalurkan-juli-catat-syaratnya-agar-dana-bisa-cair" class="media__link">
                    BOSP Tahap 2 2026 Siap Disalurkan Juli, Catat Syaratnya Agar Dana Bisa Cair                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260200" title="Jumat, 12 Jun 2026 17:30 WIB">36 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='36'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/scam-bakso-daging-jadi-fishball-1781247327053.png'
i-info='detikFood | <span d-time="1781260200" title="Jumat, 12 Jun 2026 17:30 WIB">36 menit yang lalu</span>'
i-link='https://food.detik.com/info-kuliner/d-8529200/janjinya-meatball-ternyata-fishball-menu-rp70-ribu-ini-jadi-sorotan'
i-img-qs='?w=250&q=90'
i-type='artikel 36'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="37" dtr-id="8529200" dtr-ttl="Janjinya Meatball, Ternyata Fishball! Menu Rp70 Ribu Ini Jadi Sorotan"                href="https://food.detik.com/info-kuliner/d-8529200/janjinya-meatball-ternyata-fishball-menu-rp70-ribu-ini-jadi-sorotan" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="37" dtr-id="8529200" dtr-ttl="Janjinya Meatball, Ternyata Fishball! Menu Rp70 Ribu Ini Jadi Sorotan"                    href="https://food.detik.com/info-kuliner/d-8529200/janjinya-meatball-ternyata-fishball-menu-rp70-ribu-ini-jadi-sorotan" class="media__link">
                    Janjinya Meatball, Ternyata Fishball! Menu Rp70 Ribu Ini Jadi Sorotan                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781260200" title="Jumat, 12 Jun 2026 17:30 WIB">36 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='37'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/10/20/maung-garuda-buatan-pt-pindad-yang-antarkan-presiden-prabowo-ke-istana-negara-4.jpeg'
i-info='detikOto | <span d-time="1781259866" title="Jumat, 12 Jun 2026 17:24 WIB">42 menit yang lalu</span>'
i-link='https://oto.detik.com/mobil/d-8529472/pabrik-mobnas-di-subang-ditargetkan-bisa-produksi-300-ribu-mobil-setahun'
i-img-qs='?w=250&q=90'
i-type='artikel 37'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="38" dtr-id="8529472" dtr-ttl="Pabrik Mobnas di Subang Ditargetkan Bisa Produksi 300 Ribu Mobil Setahun"                href="https://oto.detik.com/mobil/d-8529472/pabrik-mobnas-di-subang-ditargetkan-bisa-produksi-300-ribu-mobil-setahun" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="38" dtr-id="8529472" dtr-ttl="Pabrik Mobnas di Subang Ditargetkan Bisa Produksi 300 Ribu Mobil Setahun"                    href="https://oto.detik.com/mobil/d-8529472/pabrik-mobnas-di-subang-ditargetkan-bisa-produksi-300-ribu-mobil-setahun" class="media__link">
                    Pabrik Mobnas di Subang Ditargetkan Bisa Produksi 300 Ribu Mobil Setahun                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259866" title="Jumat, 12 Jun 2026 17:24 WIB">42 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='38'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/monyet-ekor-panjang-lepas-dari-rumah-pemiliknya-di-kota-bekasi-jawa-barat-jabar-monyet-tersebut-sempat-menggigit-seorang-warga-1781259050656_169.png'
i-info='detikNews | <span d-time="1781259682" title="Jumat, 12 Jun 2026 17:21 WIB">45 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529651/monyet-lepas-berkeliaran-3-hari-di-bekasi-hingga-gigit-warga'
i-img-qs='?w=250&q=90'
i-type='artikel 38'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="39" dtr-id="8529651" dtr-ttl="Monyet Lepas Berkeliaran 3 Hari di Bekasi hingga Gigit Warga"                href="https://news.detik.com/berita/d-8529651/monyet-lepas-berkeliaran-3-hari-di-bekasi-hingga-gigit-warga" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="39" dtr-id="8529651" dtr-ttl="Monyet Lepas Berkeliaran 3 Hari di Bekasi hingga Gigit Warga"                    href="https://news.detik.com/berita/d-8529651/monyet-lepas-berkeliaran-3-hari-di-bekasi-hingga-gigit-warga" class="media__link">
                    Monyet Lepas Berkeliaran 3 Hari di Bekasi hingga Gigit Warga                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259682" title="Jumat, 12 Jun 2026 17:21 WIB">45 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='39'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/alireza-jahanbakhsh-1781255002167_169.jpeg'
i-info='Sepakbola | <span d-time="1781259635" title="Jumat, 12 Jun 2026 17:20 WIB">46 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8529498/piala-dunia-2026-arti-pin-168-timnas-iran-yang-bikin-geram-israel'
i-img-qs='?w=250&q=90'
i-type='artikel 39'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="40" dtr-id="8529498" dtr-ttl="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8529498/piala-dunia-2026-arti-pin-168-timnas-iran-yang-bikin-geram-israel" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="40" dtr-id="8529498" dtr-ttl="Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8529498/piala-dunia-2026-arti-pin-168-timnas-iran-yang-bikin-geram-israel" class="media__link">
                    Piala Dunia 2026: Arti Pin 168 Timnas Iran yang Bikin Geram Israel                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259635" title="Jumat, 12 Jun 2026 17:20 WIB">46 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='40'
i-img='https://awsimages.detik.net.id/community/media/visual/2025/10/31/sekretaris-jenderal-ahmad-erani-yustika-1761892309069_169.jpeg'
i-info='detikFinance | <span d-time="1781259606" title="Jumat, 12 Jun 2026 17:20 WIB">46 menit yang lalu</span>'
i-link='https://finance.detik.com/energi/d-8529649/13-proyek-hilirisasi-rp-239-triliun-lagi-disiapkan-ini-bocorannya'
i-img-qs='?w=250&q=90'
i-type='artikel 40'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="41" dtr-id="8529649" dtr-ttl="13 Proyek Hilirisasi Rp 239 Triliun Lagi Disiapkan, Ini Bocorannya"                href="https://finance.detik.com/energi/d-8529649/13-proyek-hilirisasi-rp-239-triliun-lagi-disiapkan-ini-bocorannya" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="41" dtr-id="8529649" dtr-ttl="13 Proyek Hilirisasi Rp 239 Triliun Lagi Disiapkan, Ini Bocorannya"                    href="https://finance.detik.com/energi/d-8529649/13-proyek-hilirisasi-rp-239-triliun-lagi-disiapkan-ini-bocorannya" class="media__link">
                    13 Proyek Hilirisasi Rp 239 Triliun Lagi Disiapkan, Ini Bocorannya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259606" title="Jumat, 12 Jun 2026 17:20 WIB">46 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='41'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/01/22/wakil-bupati-indramayu-syaefudin-memberikan-keterangan-terkait-rencana-pembangunan-kampus-unj-di-wilayahnya-saat-ditemui-di-pe-1769068739481_169.jpeg'
i-info='detikNews | <span d-time="1781259588" title="Jumat, 12 Jun 2026 17:19 WIB">46 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529648/wabup-indramayu-jadi-tersangka-korupsi-tunjangan-rumah-dprd'
i-img-qs='?w=250&q=90'
i-type='artikel 41'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="42" dtr-id="8529648" dtr-ttl="Wabup Indramayu Jadi Tersangka Korupsi Tunjangan Rumah DPRD"                href="https://news.detik.com/berita/d-8529648/wabup-indramayu-jadi-tersangka-korupsi-tunjangan-rumah-dprd" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="42" dtr-id="8529648" dtr-ttl="Wabup Indramayu Jadi Tersangka Korupsi Tunjangan Rumah DPRD"                    href="https://news.detik.com/berita/d-8529648/wabup-indramayu-jadi-tersangka-korupsi-tunjangan-rumah-dprd" class="media__link">
                    Wabup Indramayu Jadi Tersangka Korupsi Tunjangan Rumah DPRD                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259588" title="Jumat, 12 Jun 2026 17:19 WIB">46 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='42'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/lumpur-lapindo-campur-air-kembali-mengalir-di-sungai-porong-sidoarjo-1781244698289_169.jpeg'
i-info='detikNews | <span d-time="1781259510" title="Jumat, 12 Jun 2026 17:18 WIB">48 menit yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8529645/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari'
i-img-qs='?w=250&q=90'
i-type='artikel 42'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612047/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="43" dtr-id="8529645" dtr-ttl="Video Lumpur Lapindo Kembali Mengalir ke Sungai Porong, Sudah Berlangsung 2 Hari"                href="https://20.detik.com/detikupdate/20260612-260612047/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="43" dtr-id="8529645" dtr-ttl="Video Lumpur Lapindo Kembali Mengalir ke Sungai Porong, Sudah Berlangsung 2 Hari"                    href="https://20.detik.com/detikupdate/20260612-260612047/video-lumpur-lapindo-kembali-mengalir-ke-sungai-porong-sudah-berlangsung-2-hari" class="media__link">
                    Video Lumpur Lapindo Kembali Mengalir ke Sungai Porong, Sudah Berlangsung 2 Hari                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259510" title="Jumat, 12 Jun 2026 17:18 WIB">48 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='43'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/hotel-sultan-1781246318622_43.jpeg'
i-info='detikProperti | <span d-time="1781259378" title="Jumat, 12 Jun 2026 17:16 WIB">50 menit yang lalu</span>'
i-link='https://www.detik.com/properti/foto-berita/d-8529595/foto-masih-beroperasi-begini-kondisi-terkini-hotel-sultan-jelang-eksekusi'
i-img-qs='?w=250&q=90'
i-type='artikel 43'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 7 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="44" dtr-id="8529595" dtr-ttl="Foto: Masih Beroperasi, Begini Kondisi Terkini Hotel Sultan Jelang Eksekusi"                href="https://www.detik.com/properti/foto-berita/d-8529595/foto-masih-beroperasi-begini-kondisi-terkini-hotel-sultan-jelang-eksekusi" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="44" dtr-id="8529595" dtr-ttl="Foto: Masih Beroperasi, Begini Kondisi Terkini Hotel Sultan Jelang Eksekusi"                    href="https://www.detik.com/properti/foto-berita/d-8529595/foto-masih-beroperasi-begini-kondisi-terkini-hotel-sultan-jelang-eksekusi" class="media__link">
                    Foto: Masih Beroperasi, Begini Kondisi Terkini Hotel Sultan Jelang Eksekusi                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259378" title="Jumat, 12 Jun 2026 17:16 WIB">50 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='44'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/moh-zaki-ubaidillah-1781258231728_169.jpeg'
i-info='detikSport | <span d-time="1781259350" title="Jumat, 12 Jun 2026 17:15 WIB">50 menit yang lalu</span>'
i-link='https://sport.detik.com/raket/d-8529589/target-final-di-depan-mata-ubed-tantang-dong-tian-yao-di-semifinal'
i-img-qs='?w=250&q=90'
i-type='artikel 44'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="45" dtr-id="8529589" dtr-ttl="Target Final di Depan Mata, Ubed Tantang Dong Tian Yao di Semifinal"                href="https://sport.detik.com/raket/d-8529589/target-final-di-depan-mata-ubed-tantang-dong-tian-yao-di-semifinal" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="45" dtr-id="8529589" dtr-ttl="Target Final di Depan Mata, Ubed Tantang Dong Tian Yao di Semifinal"                    href="https://sport.detik.com/raket/d-8529589/target-final-di-depan-mata-ubed-tantang-dong-tian-yao-di-semifinal" class="media__link">
                    Target Final di Depan Mata, Ubed Tantang Dong Tian Yao di Semifinal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259350" title="Jumat, 12 Jun 2026 17:15 WIB">50 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='45'
i-img='https://awsimages.detik.net.id/community/media/visual/2025/10/11/jembatan-kaca-seruni-point-gunung-bromo-1760168400989_169.jpeg'
i-info='detikTravel | <span d-time="1781259329" title="Jumat, 12 Jun 2026 17:15 WIB">51 menit yang lalu</span>'
i-link='https://travel.detik.com/travel-news/d-8529483/jembatan-kaca-bromo-beroperasi-di-libur-sekolah-tnbts-gandeng-pengelola-swasta'
i-img-qs='?w=250&q=90'
i-type='artikel 45'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="46" dtr-id="8529483" dtr-ttl="Jembatan Kaca Bromo Beroperasi di LIbur Sekolah, TNBTS Gandeng Pengelola Swasta"                href="https://travel.detik.com/travel-news/d-8529483/jembatan-kaca-bromo-beroperasi-di-libur-sekolah-tnbts-gandeng-pengelola-swasta" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="46" dtr-id="8529483" dtr-ttl="Jembatan Kaca Bromo Beroperasi di LIbur Sekolah, TNBTS Gandeng Pengelola Swasta"                    href="https://travel.detik.com/travel-news/d-8529483/jembatan-kaca-bromo-beroperasi-di-libur-sekolah-tnbts-gandeng-pengelola-swasta" class="media__link">
                    Jembatan Kaca Bromo Beroperasi di LIbur Sekolah, TNBTS Gandeng Pengelola Swasta                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259329" title="Jumat, 12 Jun 2026 17:15 WIB">51 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='46'
i-img='https://awsimages.detik.net.id/community/media/visual/2025/09/25/dede-sunandar-1758783188394_169.jpeg'
i-info='detikHot | <span d-time="1781259098" title="Jumat, 12 Jun 2026 17:11 WIB">55 menit yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8529101/dede-sunandar-mau-rawat-anak-bersama-meski-rumah-tangga-terancam-bubar'
i-img-qs='?w=250&q=90'
i-type='artikel 46'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="47" dtr-id="8529101" dtr-ttl="Dede Sunandar Mau Rawat Anak Bersama Meski Rumah Tangga Terancam Bubar"                href="https://hot.detik.com/celeb/d-8529101/dede-sunandar-mau-rawat-anak-bersama-meski-rumah-tangga-terancam-bubar" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="47" dtr-id="8529101" dtr-ttl="Dede Sunandar Mau Rawat Anak Bersama Meski Rumah Tangga Terancam Bubar"                    href="https://hot.detik.com/celeb/d-8529101/dede-sunandar-mau-rawat-anak-bersama-meski-rumah-tangga-terancam-bubar" class="media__link">
                    Dede Sunandar Mau Rawat Anak Bersama Meski Rumah Tangga Terancam Bubar                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259098" title="Jumat, 12 Jun 2026 17:11 WIB">55 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='47'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/05/29/bookcabin-travel-fair-di-makassar-1780055467974_169.jpeg'
i-info='detikTravel | <span d-time="1781259013" title="Jumat, 12 Jun 2026 17:10 WIB">56 menit yang lalu</span>'
i-link='https://travel.detik.com/travel-news/d-8529329/bookcabin-travel-fair-2026-surabaya-berburu-tiket-hemat-dan-tiket-gratis-ke-destinasi-impian'
i-img-qs='?w=250&q=90'
i-type='artikel 47'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="48" dtr-id="8529329" dtr-ttl="BookCabin Travel Fair 2026 Surabaya Berburu Tiket Hemat dan Tiket Gratis ke Destinasi Impian"                href="https://travel.detik.com/travel-news/d-8529329/bookcabin-travel-fair-2026-surabaya-berburu-tiket-hemat-dan-tiket-gratis-ke-destinasi-impian" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="48" dtr-id="8529329" dtr-ttl="BookCabin Travel Fair 2026 Surabaya Berburu Tiket Hemat dan Tiket Gratis ke Destinasi Impian"                    href="https://travel.detik.com/travel-news/d-8529329/bookcabin-travel-fair-2026-surabaya-berburu-tiket-hemat-dan-tiket-gratis-ke-destinasi-impian" class="media__link">
                    BookCabin Travel Fair 2026 Surabaya Berburu Tiket Hemat dan Tiket Gratis ke Destinasi Impian                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259013" title="Jumat, 12 Jun 2026 17:10 WIB">56 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='48'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/jennifer-coppen-1781258550093_43.jpeg'
i-info='detikHot | <span d-time="1781259003" title="Jumat, 12 Jun 2026 17:10 WIB">56 menit yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8529607/sah-jennifer-coppen-resmi-menikah-dengan-justin-hubner'
i-img-qs='?w=250&q=90'
i-type='artikel 48'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 4 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="49" dtr-id="8529607" dtr-ttl="Sah! Jennifer Coppen Resmi Menikah dengan Justin Hubner"                href="https://hot.detik.com/celeb/d-8529607/sah-jennifer-coppen-resmi-menikah-dengan-justin-hubner" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Hot Photo</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="49" dtr-id="8529607" dtr-ttl="Sah! Jennifer Coppen Resmi Menikah dengan Justin Hubner"                    href="https://hot.detik.com/celeb/d-8529607/sah-jennifer-coppen-resmi-menikah-dengan-justin-hubner" class="media__link">
                    Sah! Jennifer Coppen Resmi Menikah dengan Justin Hubner                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781259003" title="Jumat, 12 Jun 2026 17:10 WIB">56 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='49'
i-img='https://awsimages.detik.net.id/community/media/visual/2018/02/28/a1c42daa-6d11-45c6-a68d-e8c57926ef61.jpeg'
i-info='detikInet | <span d-time="1781258546" title="Jumat, 12 Jun 2026 17:02 WIB">1 jam yang lalu</span>'
i-link='https://inet.detik.com/cyberlife/d-8529289/agen-ai-generasi-baru-bisa-singkirkan-keyboard-dan-mouse'
i-img-qs='?w=250&q=90'
i-type='artikel 49'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="50" dtr-id="8529289" dtr-ttl="Agen AI Generasi Baru Bisa Singkirkan Keyboard dan Mouse"                href="https://inet.detik.com/cyberlife/d-8529289/agen-ai-generasi-baru-bisa-singkirkan-keyboard-dan-mouse" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="50" dtr-id="8529289" dtr-ttl="Agen AI Generasi Baru Bisa Singkirkan Keyboard dan Mouse"                    href="https://inet.detik.com/cyberlife/d-8529289/agen-ai-generasi-baru-bisa-singkirkan-keyboard-dan-mouse" class="media__link">
                    Agen AI Generasi Baru Bisa Singkirkan Keyboard dan Mouse                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781258546" title="Jumat, 12 Jun 2026 17:02 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='50'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/lewis-hamilton-di-f1-barcelona-1781246378135_34.jpeg'
i-info='Wolipop | <span d-time="1781258457" title="Jumat, 12 Jun 2026 17:00 WIB">1 jam yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8529474/lepas-kepang-ikonik-lewis-hamilton-pamer-rambut-ikal-alami-di-f1-grand-prix'
i-img-qs='?w=250&q=90'
i-type='artikel 50'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="51" dtr-id="8529474" dtr-ttl="Lepas Kepang Ikonik, Lewis Hamilton Pamer Rambut Ikal Alami di F1 Grand Prix"                href="https://wolipop.detik.com/entertainment-news/d-8529474/lepas-kepang-ikonik-lewis-hamilton-pamer-rambut-ikal-alami-di-f1-grand-prix" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="51" dtr-id="8529474" dtr-ttl="Lepas Kepang Ikonik, Lewis Hamilton Pamer Rambut Ikal Alami di F1 Grand Prix"                    href="https://wolipop.detik.com/entertainment-news/d-8529474/lepas-kepang-ikonik-lewis-hamilton-pamer-rambut-ikal-alami-di-f1-grand-prix" class="media__link">
                    Lepas Kepang Ikonik, Lewis Hamilton Pamer Rambut Ikal Alami di F1 Grand Prix                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781258457" title="Jumat, 12 Jun 2026 17:00 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='51'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/03/31/antrean-ojol-di-spbu-jakarta-selatan-1774946390667_169.jpeg'
i-info='detikOto | <span d-time="1781258450" title="Jumat, 12 Jun 2026 17:00 WIB">1 jam yang lalu</span>'
i-link='https://oto.detik.com/berita/d-8529478/harga-pertamax-melejit-ojol-diklaim-nggak-terlalu-terdampak'
i-img-qs='?w=250&q=90'
i-type='artikel 51'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="52" dtr-id="8529478" dtr-ttl="Harga Pertamax Melejit, Ojol Diklaim Nggak Terlalu Terdampak"                href="https://oto.detik.com/berita/d-8529478/harga-pertamax-melejit-ojol-diklaim-nggak-terlalu-terdampak" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="52" dtr-id="8529478" dtr-ttl="Harga Pertamax Melejit, Ojol Diklaim Nggak Terlalu Terdampak"                    href="https://oto.detik.com/berita/d-8529478/harga-pertamax-melejit-ojol-diklaim-nggak-terlalu-terdampak" class="media__link">
                    Harga Pertamax Melejit, Ojol Diklaim Nggak Terlalu Terdampak                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781258450" title="Jumat, 12 Jun 2026 17:00 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='52'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/bea-cukai-bongkar-modus-licik-jutaan-rokok-ilegal-diselundupkan-lewat-truk-pakan-1781257503679_169.jpeg'
i-info='detikFinance | <span d-time="1781258448" title="Jumat, 12 Jun 2026 17:00 WIB">1 jam yang lalu</span>'
i-link='https://finance.detik.com/foto-bisnis/d-8529565/bea-cukai-bongkar-modus-licik-jutaan-rokok-ilegal-diselundupkan-lewat-truk-pakan'
i-img-qs='?w=250&q=90'
i-type='artikel 52'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 7 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="53" dtr-id="8529565" dtr-ttl="Bea Cukai Bongkar Modus Licik, Jutaan Rokok Ilegal Diselundupkan Lewat Truk Pakan"                href="https://finance.detik.com/foto-bisnis/d-8529565/bea-cukai-bongkar-modus-licik-jutaan-rokok-ilegal-diselundupkan-lewat-truk-pakan" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Foto Bisnis</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="53" dtr-id="8529565" dtr-ttl="Bea Cukai Bongkar Modus Licik, Jutaan Rokok Ilegal Diselundupkan Lewat Truk Pakan"                    href="https://finance.detik.com/foto-bisnis/d-8529565/bea-cukai-bongkar-modus-licik-jutaan-rokok-ilegal-diselundupkan-lewat-truk-pakan" class="media__link">
                    Bea Cukai Bongkar Modus Licik, Jutaan Rokok Ilegal Diselundupkan Lewat Truk Pakan                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781258448" title="Jumat, 12 Jun 2026 17:00 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                        </div>

    <div class="bottom_morenews mgt-24 mgb-24 text-center">
        <a dtr-evt="indeks berita" dtr-sec="buttonindeksberita" dtr-act="button indeks berita" onclick="_pt(this)" href="https://news.detik.com/indeks" class="loading btn btn--orange-light-1">Indeks Berita <i class="icon icon-arrow-right"></i></a>
    </div>
</div>
        </div>

        <div class="column-4">
            <!-- S:mediumrectangle1 --><style>
    @import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
   <div class="mr1-scrollpage-container">
        <div class="mr1-scrollpage-height" style="height: 600px;width: 100%;margin: auto;">
            <div class="mr1-scrollpage-box">
                <div class="mr1-scrollpage-top" style="top:90px;">
                    <div class="mr1-scrollpage-banner">
                        <!-- /4905536/detik_desktop/wp/medium_rectangle1 -->
                        <div id='div-gpt-ad-1572110512991-0'>
                            <script>
                                googletag.cmd.push(function () {
                                    googletag.display('div-gpt-ad-1572110512991-0');
                                });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- SCRIPT REFRESH SLOT MR1 SAAT VIEWPORT -->
<script>
document.addEventListener('DOMContentLoaded', function () {
    var adSlot_mr1 = document.getElementById('div-gpt-ad-1572110512991-0');

    // Jika elemen tidak ditemukan, buat div MR1
    if (!adSlot_mr1) {
        adSlot_mr1 = document.createElement('div');
        adSlot_mr1.id = 'div-gpt-ad-1572110512991-0';
        adSlot_mr1.style.width = '300px';
        adSlot_mr1.style.height = '600px';
        document.body.insertBefore(adSlot_mr1, document.body.firstChild);
    }

    var refreshInterval_mr1 = null; // Interval refresh
    var visibilityStartTime = null; // Waktu awal iklan terlihat
    var visibilityTimeout = null;
    var isTabActive = true; // Cek apakah tab aktif

    function refreshAd_mr1() {
        console.log('🔄 Memanggil fungsi refreshAd_mr1()...');
        if (typeof gpt_mr1 !== 'undefined' && isTabActive) {
            googletag.cmd.push(function () {
                console.log('✅ MR1 sedang di-refresh...');
                googletag.pubads().refresh([gpt_mr1]);
                console.log('✅ MR1 refreshed at ' + new Date().toLocaleTimeString());
            });
        } else {
            console.log('⚠️ gpt_mr1 tidak terdefinisi atau tab tidak aktif!');
        }
    }

    var observer_mr1 = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
            if (entry.intersectionRatio >= 0.7) { // Visibility 70%+
                console.log("👀 MR1 terlihat lebih dari 70%, mulai hitung waktu...");

                if (!visibilityStartTime) {
                    visibilityStartTime = new Date().getTime();

                    visibilityTimeout = setTimeout(function () {
                        let now = new Date().getTime();
                        if (now - visibilityStartTime >= 3000) { // Delay 3 detik
                            if (!refreshInterval_mr1) {
                                refreshInterval_mr1 = setInterval(refreshAd_mr1, 35000); // Refresh tiap 35 detik
                                console.log("🔄 MR1 refresh akan berjalan setiap 35 detik.");
                            }
                        }
                    }, 5000);
                }
            } else {
                console.log("🚫 MR1 tidak terlihat minimal 70%, reset waktu & hentikan refresh.");

                visibilityStartTime = null;
                clearTimeout(visibilityTimeout);

                if (refreshInterval_mr1) {
                    clearInterval(refreshInterval_mr1);
                    refreshInterval_mr1 = null;
                    console.log("⏹️ MR1 refresh dihentikan.");
                }
            }
        });
    }, { threshold: 0.7 }); // Aktif jika 70% iklan terlihat

    // Cek apakah user berpindah tab atau kembali
    document.addEventListener("visibilitychange", function () {
        isTabActive = !document.hidden;
        if (!isTabActive) {
            console.log("⏸️ Tab tidak aktif, hentikan refresh.");
            clearInterval(refreshInterval_mr1);
            refreshInterval_mr1 = null;
        } else {
            console.log("▶️ Tab kembali aktif, lanjutkan refresh jika MR1 masih terlihat.");
        }
    });

    if (adSlot_mr1) {
        observer_mr1.observe(adSlot_mr1);
        googletag.cmd.push(function () { googletag.display('div-gpt-ad-1572110512991-0'); });
    }
});
</script>

<!-- E:mediumrectangle1 -->            <!-- S:mediumrectangle2 --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr2-scrollpage/scrollpage.css");
</style>
<div class="mr mr2" id="mr2" style="width: 300px;height: 500px;background-color:#F8F8F8;">
<div class="mr2-scrollpage-container">
<div class="mr2-scrollpage-height" style="height: 500px;margin: auto">
<div class="mr2-scrollpage-box">
<div class="mr2-scrollpage-top" style="top:90px;">
<div class="mr2-scrollpage-banner">
                        <!-- /4905536/detik_desktop/wp/medium_rectangle2 -->
                        <div id='div-gpt-ad-1535014085963-0'>
                            <script>
                                googletag.cmd.push(function () {
                                    googletag.display('div-gpt-ad-1535014085963-0');
                                });
                            </script> 
                        </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle2 -->
            <!-- S:cb_sponsorship --> <!-- E:cb_sponsorship -->
            <!-- S : CB rekomendIt -->
<div style="margin-bottom:24px;">
 <cb-rekomendit></cb-rekomendit>
 <script type="module">
 class CbRekomendit extends HTMLElement {
 static css = /*css*/ `:host {
 display: block;
 max-width: 100%;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
 color: inherit;
}
*,::after,::before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}
button, .swiper-button-prev, .swiper-button-next {
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.cb-rekomendit {
 background: #F5F5F5;
 border-radius: 8px;
 padding: 15px 12px;
 display: flex;
 flex-direction: column;
 gap: 12px;
 font-family: 'Montserrat', 'Montserrat-FF', sans-serif;
 font-size: 14px;
 --swiper-navigation-top-offset: 50px;
 --swiper-navigation-sides-offset: -10px;
}
.cb-rekomendit__logo {
 display: block;
 width: 156px;
 margin-inline: auto;
 img {
 width: 100%;
 height: auto;
 display: block;
 }
}
.cb-rekomendit__cta {
 background: rgba(255, 255, 255, 0.70);
 box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
 backdrop-filter: blur(2px);
 border-radius: 4px;
 padding: 10px;
 display: flex;
 align-items: center;
 gap: 4px;
 p {
 text-wrap: balance;
 font-size: 12px;
 font-weight: 500;
 line-height: 17px;
 letter-spacing: 0.48px;
 }
 a {
 background: #000;
 border-radius: 4px;
 color: #fff;
 font-size: 12px;
 font-style: normal;
 font-weight: 600;
 line-height: 17px;
 letter-spacing: 0.48px;
 padding: 4px 8px;
 text-decoration: none;
 white-space: nowrap;
 flex-shrink: 0;
 }
}
.cb-rekomendit__item {
 display: flex;
 flex-direction: column;
 gap: 4px;
 text-decoration: none;
 width: 100%;
 img {
 width: 100%;
 height: auto;
 display: block;
 aspect-ratio: 16 / 9;
 border-radius: 4px;
 object-fit: cover;
 }
 span {
 font-size: 12px;
 font-style: normal;
 font-weight: 600;
 line-height: 17px;
 letter-spacing: 0.48px;
 color: #F7931D;
 }
 p {
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
 line-height: 20px;
 color: #232323;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 }
}
.swiper-pagination-bullet-active {
 background: #F7931D !important;
}
.swiper-pagination {
 position: static !important;
}
.swiper-button-next, .swiper-button-prev {
 width: 34px;
 height: 34px;
 border-radius: 30px;
 background: rgba(0, 0, 0, 0.33);
 svg {
 width: 18px;
 height: 18px;
 color: #fff;
 }
}`;
 static html = /*html*/ `<link
 rel="stylesheet"
 href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"
/>
<style>${CbRekomendit.css}</style>
<div class="cb-rekomendit">
 <a dtr-evt="box rekomendit" dtr-sec="logo rekomendit" dtr-act="logo rekomendit" onclick="_pt(this)" href="https://rekomendit.detik.com" target="_blank" class="cb-rekomendit__logo">
 <img src="https://awscdn.detik.net.id/detikcom/images/logo-rekomendit.webp?v=202606121727" alt="logo RekomendIt" />
 </a>
 <div class="cb-rekomendit__cta">
 <p>Rekomendasi Produk Terbaik untuk Kamu</p>
 <a dtr-evt="box rekomendit" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://rekomendit.detik.com">Selengkapnya</a>
 </div>
 <div style="position: relative;">
 <!-- Slider main container -->
 <div class="swiper" style="width: 100%;">
 <!-- Additional required wrapper -->
 <div class="swiper-wrapper">
 <!-- Slides -->
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Longchamp Le Pliage Green M Tote Bag: Tas Ikonik Prancis yang Bikin Outfit Lebih Rapi dan Cantik" href="https://rekomendit.detik.com/pakaian-wanita/2779/longchamp-le-pliage-green-m-tote-bag-tas-ikonik-prancis-yang-bikin-outfit-lebih-rapi-dan-cantik"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/12/zalora-1781200462591_169.webp?w=200&q=90" alt="Longchamp Le Pliage Green M Tote Bag: Tas Ikonik Prancis yang Bikin Outfit Lebih Rapi dan Cantik" />
 <span>Pakaian Wanita</span>
 <p>Longchamp Le Pliage Green M Tote Bag: Tas Ikonik Prancis yang Bikin Outfit Lebih Rapi dan Cantik</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="2" dtr-ttl="3 Outer Wanita Lokal Indonesia yang Bikin Penampilan Langsung Stand Out" href="https://rekomendit.detik.com/pakaian-wanita/2778/3-outer-wanita-lokal-indonesia-yang-bikin-penampilan-langsung-stand-out"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/12/sissae-indonesia-official-shop-1781201872173_169.png?w=200&q=90" alt="3 Outer Wanita Lokal Indonesia yang Bikin Penampilan Langsung Stand Out" />
 <span>Pakaian Wanita</span>
 <p>3 Outer Wanita Lokal Indonesia yang Bikin Penampilan Langsung Stand Out</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="3" dtr-ttl="Mau Beli Power Bank Tapi Bingung Pilih Kapasitas? Ini Panduannya Sebelum Checkout" href="https://rekomendit.detik.com/elektronik-gadget/2777/mau-beli-power-bank-tapi-bingung-pilih-kapasitas-ini-panduannya-sebelum-checkout"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/05/22/7-kepribadian-orang-yang-bicara-sambil-memeriksa-hp-tidak-menatap-lawan-bicara-1779428093340_169.jpeg?w=200&q=90" alt="Mau Beli Power Bank Tapi Bingung Pilih Kapasitas? Ini Panduannya Sebelum Checkout" />
 <span>Elektronik & Gadget</span>
 <p>Mau Beli Power Bank Tapi Bingung Pilih Kapasitas? Ini Panduannya Sebelum Checkout</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Bingung Pilih Headphone Premium? Ini 3 Pilihan Terbaik untuk Audiofil dan Traveler" href="https://rekomendit.detik.com/elektronik-gadget/2776/bingung-pilih-headphone-premium-ini-3-pilihan-terbaik-untuk-audiofil-dan-traveler"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2021/07/14/1254184958_169.jpeg?w=200&q=90" alt="Bingung Pilih Headphone Premium? Ini 3 Pilihan Terbaik untuk Audiofil dan Traveler" />
 <span>Elektronik & Gadget</span>
 <p>Bingung Pilih Headphone Premium? Ini 3 Pilihan Terbaik untuk Audiofil dan Traveler</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Ravelle Aeris Air Purifier HEPA H13: Solusi Udara Bersih untuk Pemilik Hewan Peliharaan?" href="https://rekomendit.detik.com/home-living/2775/ravelle-aeris-air-purifier-hepa-h13-solusi-udara-bersih-untuk-pemilik-hewan-peliharaan"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/11/ravelle-official-shop-1781169699267_169.png?w=200&q=90" alt="Ravelle Aeris Air Purifier HEPA H13: Solusi Udara Bersih untuk Pemilik Hewan Peliharaan?" />
 <span>Home & Living</span>
 <p>Ravelle Aeris Air Purifier HEPA H13: Solusi Udara Bersih untuk Pemilik Hewan Peliharaan?</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Garmin Forerunner 55: Jam Lari Pertama yang Beneran Worth It untuk Pemula?" href="https://rekomendit.detik.com/elektronik-gadget/2774/garmin-forerunner-55-jam-lari-pertama-yang-beneran-worth-it-untuk-pemula"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2018/01/04/55e65723-ce15-444c-a938-499bf9757ddd_169.jpeg?w=200&q=90" alt="Garmin Forerunner 55: Jam Lari Pertama yang Beneran Worth It untuk Pemula?" />
 <span>Elektronik & Gadget</span>
 <p>Garmin Forerunner 55: Jam Lari Pertama yang Beneran Worth It untuk Pemula?</p>
 </a>
 </div>
 </div>
 </div>
 <div class="swiper-pagination" style="margin-top: 12px;"></div>
 <div dtr-evt="box rekomendit" dtr-sec="button prev" dtr-act="button prev" onclick="_pt(this)" class="swiper-button-prev">
 <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: rotate(180deg);">
 <path d="M6.11706 7.56463L0.403933 2.804C0.175896 2.61246 0.0330534 2.33836 0.00668716 2.04172C-0.0196781 1.74508 0.0725813 1.45009 0.263262 1.22133C0.453941 0.992572 0.727503 0.848698 1.02404 0.821213C1.32057 0.793729 1.61592 0.884875 1.84539 1.07469L8.59568 6.69995C8.72225 6.8057 8.82406 6.93795 8.89393 7.08736C8.96379 7.23676 9 7.39969 9 7.56462C9 7.72955 8.96379 7.89248 8.89393 8.04188C8.82406 8.19129 8.72225 8.32354 8.59568 8.42929L1.84539 14.0545C1.61602 14.2453 1.32032 14.3371 1.02325 14.31C0.726178 14.2828 0.452032 14.1389 0.261031 13.9097C0.0700302 13.6806 -0.0222034 13.385 0.00459099 13.0879C0.0313845 12.7908 0.175016 12.5165 0.403933 12.3252L6.11706 7.56463Z" fill="white"/>
 </svg>
 </div>
 <div dtr-evt="box rekomendit" dtr-sec="button next" dtr-act="button next" onclick="_pt(this)" class="swiper-button-next">
 <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.11706 7.56463L0.403933 2.804C0.175896 2.61246 0.0330534 2.33836 0.00668716 2.04172C-0.0196781 1.74508 0.0725813 1.45009 0.263262 1.22133C0.453941 0.992572 0.727503 0.848698 1.02404 0.821213C1.32057 0.793729 1.61592 0.884875 1.84539 1.07469L8.59568 6.69995C8.72225 6.8057 8.82406 6.93795 8.89393 7.08736C8.96379 7.23676 9 7.39969 9 7.56462C9 7.72955 8.96379 7.89248 8.89393 8.04188C8.82406 8.19129 8.72225 8.32354 8.59568 8.42929L1.84539 14.0545C1.61602 14.2453 1.32032 14.3371 1.02325 14.31C0.726178 14.2828 0.452032 14.1389 0.261031 13.9097C0.0700302 13.6806 -0.0222034 13.385 0.00459099 13.0879C0.0313845 12.7908 0.175016 12.5165 0.403933 12.3252L6.11706 7.56463Z" fill="white"/>
 </svg>
 </div>
 </div>
</div>`;
 constructor() {
 super();
 this.attachShadow({ mode: "open" });
 this.shadowRoot.innerHTML = CbRekomendit.html;
 }
 async connectedCallback() {
 const SwiperModule = await import(
 "https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.mjs"
 );
 const Swiper = SwiperModule.Swiper || SwiperModule.default;
 new Swiper(this.shadowRoot.querySelector(".swiper"), {
 loop: true,
 slidesPerView: 2,
 slidesPerGroup: 2,
 spaceBetween: 10,
 pagination: {
 el: this.shadowRoot.querySelector(".swiper-pagination"),
 clickable: true,
 },
 navigation: {
 nextEl: this.shadowRoot.querySelector(".swiper-button-next"),
 prevEl: this.shadowRoot.querySelector(".swiper-button-prev"),
 },
 scrollbar: {
 el: this.shadowRoot.querySelector(".swiper-scrollbar"),
 draggable: true,
 },
 });
 }
 }
 customElements.define("cb-rekomendit", CbRekomendit);
 </script>
</div>
<!-- E : CB rekomendIt --><!--cached @ 1781261892--><!--replaced-->
            <div class="cb cb-kmp">
    <div class="pos-relative">
        <div class="flex-center-cb">
            <img src="https://awscdn.detik.net.id/detikcom/images/logo-pu.png?v=202606121827" alt="logo-pu" style="width:100px;">
        </div>
        <div class="cb-kmp__logo mgb-12 mgr-8">
            <a href="https://www.detik.com/karya-merah-putih"><img src="https://awscdn.detik.net.id/detikcom/images/logo-kmp.webp?v=202606121827" alt="Karya Merah Putih" class="cb-kmp__logo" /></a>
        </div>
        <div class="flex-center-cb">
            <img src="https://awscdn.detik.net.id/detikcom/images/logo-bumn.png?v=202606121827" alt="logo-bumn" class="mgb-12" style="width:100%; max-width:300px;">
        </div>
        <div class="cb-kmp__desc mgb-16">
            Karya Merah Putih adalah platform informasi & akuntabilitas publik untuk seluruh BUMN Infrastruktur di bawah naungan / pembinaan Kementerian PU
            <a href="https://www.detik.com/karya-merah-putih"  class="btn btn--sm btn--kmp">
                <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.47325 11.1346C7.2428 11.3744 6.9465 11.3744 6.71605 11.1346C6.51852 10.929 6.51852 10.5863 6.71605 10.3808L10.2058 6.78304H0.526749C0.230453 6.78304 0 6.57746 0 6.23482C0 5.92645 0.230453 5.72086 0.526749 5.72086H10.2058L6.74897 2.12315C6.55144 1.91756 6.55144 1.57492 6.74897 1.36934C6.97942 1.12949 7.27572 1.12949 7.50617 1.36934L11.8519 5.89218C12.0494 6.09777 12.0494 6.4404 11.8519 6.64599L7.47325 11.1346Z" fill="#1F3368"></path>
                </svg>
            </a>
        </div>

        <div class="grid-row list-content list-content--column kmp-slider">
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8528893/dibangun-di-lahan-5-4-hektare-sekolah-rakyat-serdang-bedagai-terus-dikebut" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/pembangunan-sekolah-rakyat-di-serdang-bedagai-1781235780716_169.jpeg?w=250&q=90" alt="Dibangun di Lahan 5,4 Hektare, Sekolah Rakyat Serdang Bedagai Terus Dikebut" title="Dibangun di Lahan 5,4 Hektare, Sekolah Rakyat Serdang Bedagai Terus Dikebut" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8528893/dibangun-di-lahan-5-4-hektare-sekolah-rakyat-serdang-bedagai-terus-dikebut" class="media__link">
                                Dibangun di Lahan 5,4 Hektare, Sekolah Rakyat Serdang Bedagai Terus Dikebut                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8526635/dukung-akses-pendidikan-merata-wika-kebut-proyek-sekolah-rakyat-di-jateng" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/10/proyek-sekolah-rakyat-di-jateng-1781090329573_169.jpeg?w=250&q=90" alt="Dukung Akses Pendidikan Merata, WIKA Kebut Proyek Sekolah Rakyat di Jateng" title="Dukung Akses Pendidikan Merata, WIKA Kebut Proyek Sekolah Rakyat di Jateng" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8526635/dukung-akses-pendidikan-merata-wika-kebut-proyek-sekolah-rakyat-di-jateng" class="media__link">
                                Dukung Akses Pendidikan Merata, WIKA Kebut Proyek Sekolah Rakyat di Jateng                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8526447/nindya-karya-bangun-sekolah-rakyat-trenggalek-dengan-sentuhan-budaya" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/10/nindya-karya-bangun-sekolah-rakyat-trenggalek-dengan-sentuhan-budaya-1781084320804_169.jpeg?w=250&q=90" alt="Nindya Karya Bangun Sekolah Rakyat Trenggalek dengan Sentuhan Budaya" title="Nindya Karya Bangun Sekolah Rakyat Trenggalek dengan Sentuhan Budaya" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8526447/nindya-karya-bangun-sekolah-rakyat-trenggalek-dengan-sentuhan-budaya" class="media__link">
                                Nindya Karya Bangun Sekolah Rakyat Trenggalek dengan Sentuhan Budaya                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8524132/unik-sekolah-rakyat-garapan-nindya-karya-berdiri-di-kawasan-berkontur" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/09/unik-sekolah-rakyat-garapan-nindya-karya-berdiri-di-kawasan-berkontur-1780976037976_169.jpeg?w=250&q=90" alt="Unik! Sekolah Rakyat Garapan Nindya Karya Berdiri di Kawasan Berkontur" title="Unik! Sekolah Rakyat Garapan Nindya Karya Berdiri di Kawasan Berkontur" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8524132/unik-sekolah-rakyat-garapan-nindya-karya-berdiri-di-kawasan-berkontur" class="media__link">
                                Unik! Sekolah Rakyat Garapan Nindya Karya Berdiri di Kawasan Berkontur                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8523168/11-272-pekerja-waskita-karya-geber-pembangunan-sekolah-rakyat-4-provinsi" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/08/waskita-karya-1780909715368_169.jpeg?w=250&q=90" alt="11.272 Pekerja Waskita Karya Geber Pembangunan Sekolah Rakyat 4 Provinsi" title="11.272 Pekerja Waskita Karya Geber Pembangunan Sekolah Rakyat 4 Provinsi" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8523168/11-272-pekerja-waskita-karya-geber-pembangunan-sekolah-rakyat-4-provinsi" class="media__link">
                                11.272 Pekerja Waskita Karya Geber Pembangunan Sekolah Rakyat 4 Provinsi                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8518047/bangun-69-gedung-sppg-di-15-provinsi-pt-pp-ungkap-keunggulannya" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/04/ilustrasi-gedung-sppg-1780567435178_169.jpeg?w=250&q=90" alt="Bangun 69 Gedung SPPG di 15 Provinsi, PT PP Ungkap Keunggulannya" title="Bangun 69 Gedung SPPG di 15 Provinsi, PT PP Ungkap Keunggulannya" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8518047/bangun-69-gedung-sppg-di-15-provinsi-pt-pp-ungkap-keunggulannya" class="media__link">
                                Bangun 69 Gedung SPPG di 15 Provinsi, PT PP Ungkap Keunggulannya                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                    </div>
    </div>
</div>

            

            <!-- s:tag terpopuler -->
<div class="box terpopuler">
 <div class="box__header">
 <h2 class="box__title">Tag Terpopuler</h2>
 </div>
 <div class="list-content ">
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="1" dtr-ttl="piala dunia 2026" href="https://www.detik.com/tag/piala-dunia-2026"
 class="media__link">
 piala dunia 2026 </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="2" dtr-ttl="timnas indonesia u-19" href="https://www.detik.com/tag/timnas-indonesia-u_19"
 class="media__link">
 timnas indonesia u-19 </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="3" dtr-ttl="juara bola 2026" href="https://www.detik.com/tag/juara-bola-2026"
 class="media__link">
 juara bola 2026 </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="4" dtr-ttl="kejaksaan agung" href="https://www.detik.com/tag/kejaksaan-agung"
 class="media__link">
 kejaksaan agung </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="5" dtr-ttl="makan bergizi gratis" href="https://www.detik.com/tag/makan-bergizi-gratis"
 class="media__link">
 makan bergizi gratis </a>
 </h3>
 </div>
 </div>
 </article>
 
 </div>
</div>
<!-- e:tag terpopuler -->
<!--cached @ 1781262121--><!--replaced-->
            <!-- S:mediumrectangle3 --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr2-scrollpage/scrollpage.css");
</style>
<div class="mr mr3" id="mr3" style="width: 300px;height: 500px;background-color:#F8F8F8; margin: 20px auto;">
<div class="mr2-scrollpage-container">
<div class="mr2-scrollpage-height" style="height: 500px;margin: auto">
<div class="mr2-scrollpage-box">
<div class="mr2-scrollpage-top" style="top:90px;">
<div class="mr2-scrollpage-banner" style="background-color: #ff000000; height: 250px; width: 100%;">
    <!-- /4905536/detik_desktop/wp/medium_rectangle3 -->
    <div id='div-gpt-ad-1631082776371-0'>
       <script>
            googletag.cmd.push(function () {
                googletag.display('div-gpt-ad-1631082776371-0');
            });
        </script> 
    </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle3 -->            <!-- S:mediumrectangle4 --><div class="box-ads text-center mr4" style="background-color:#F8F8F8;height: 250px;position:relative;width: 300px;margin:auto">
    <ins data-labelname="mediumrectangle4" data-revive-zoneid="232" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
</div> <!-- E:mediumrectangle4 -->
            <div class="box cb-mostpop">
                <div class="box__header">
 <h2 class="box__title">Berita Terpopuler</h2>
</div>
<div class="list-content">
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#1</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="1" dtr-id="8529370" dtr-ttl="Mahasiswa UI Belum Bisa Capai Bundaran HI, Tertahan di Tosari" href="https://news.detik.com/berita/d-8529370/mahasiswa-ui-belum-bisa-capai-bundaran-hi-tertahan-di-tosari"
 class="media__link">
 Mahasiswa UI Belum Bisa Capai Bundaran HI, Tertahan di Tosari </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781252226" title="Jumat, 12 Jun 2026 15:17 WIB">2 jam yang lalu</span></div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#2</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="2" dtr-id="8529519" dtr-ttl="Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional" href="https://news.detik.com/berita/d-8529519/alasan-polisi-minta-massa-tak-demo-di-hi-tegaskan-dukung-hak-konstitusional"
 class="media__link">
 Alasan Polisi Minta Massa Tak Demo di HI, Tegaskan Dukung Hak Konstitusional </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781256858" title="Jumat, 12 Jun 2026 16:34 WIB">1 jam yang lalu</span></div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#3</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="3" dtr-id="8529520" dtr-ttl="3 Apartemen Mewah di Jakarta Disita Petugas Pajak, Ada Apa?" href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529520/3-apartemen-mewah-di-jakarta-disita-petugas-pajak-ada-apa"
 class="media__link">
 3 Apartemen Mewah di Jakarta Disita Petugas Pajak, Ada Apa? </a>
 </h3>
 </div>
 <div class="media__date">detikFinance | <span d-time="1781256868" title="Jumat, 12 Jun 2026 16:34 WIB">1 jam yang lalu</span></div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#4</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="4" dtr-id="8529454" dtr-ttl="Mahasiswa dan Massa Aksi Tertahan di Kawasan Tosari Saat Menuju Bundaran HI" href="https://news.detik.com/foto-news/d-8529454/mahasiswa-dan-massa-aksi-tertahan-di-kawasan-tosari-saat-menuju-bundaran-hi"
 class="media__link">
 Mahasiswa dan Massa Aksi Tertahan di Kawasan Tosari Saat Menuju Bundaran HI </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781255003" title="Jumat, 12 Jun 2026 16:03 WIB">1 jam yang lalu</span></div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#5</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="5" dtr-id="8529341" dtr-ttl="Mahasiswa UI Gelar Long March Menuju Bundaran HI" href="https://news.detik.com/foto-news/d-8529341/mahasiswa-ui-gelar-long-march-menuju-bundaran-hi"
 class="media__link">
 Mahasiswa UI Gelar Long March Menuju Bundaran HI </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781251922" title="Jumat, 12 Jun 2026 15:12 WIB">2 jam yang lalu</span></div>
 </div>
 </article>
 
 <div class="text-center pdt-12 pdb-12">
 <a dtr-evt="box artikel terpopuler" dtr-sec="lihatselengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://www.detik.com/terpopuler"
 class="btn btn--default color-orange-light-1 btn--md">
 Lihat Selengkapnya <i class="icon icon-arrow-right"></i>
 </a>
 </div>
</div>
<script type="text/javascript">
 $('.box.cb-mostpop.sticky').find('a').each(function (i,v) {
 var pt = $(v).attr('onclick')
 .replace('populer', 'populer sticky')
 .replace('artikel ', 'artikel box sticky ')
 .replace('selengkapnya', 'selengkapnya sticky')
 $(v).attr('onclick', pt);
 })
</script>
<!--cached @ 1781262121--><!--replaced-->            </div>

            <style>
    .cb-hyperlocal-content__header { align-items: flex-start; margin-bottom: 5px !important; }
    .cb-hyperlocal-content__location { max-width: 130px; align-items: flex-start !important; }
</style>
<div class="box cb-hyperlocal-content" style="display: none;">
	<div class="box__header cb-hyperlocal-content__header">
		<h2 class="box__title">
			Berita Sekitar Anda
		</h2>
		<div class="display-flex flex-center font-family-base-2 font-xxs color-black cb-hyperlocal-content__location">
            <svg class="mgr-4" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="place">
                    <path id="Vector" d="M7.99984 8.07585C7.2665 8.07585 6.6665 7.47585 6.6665 6.74251C6.6665 6.00918 7.2665 5.40918 7.99984 5.40918C8.73317 5.40918 9.33317 6.00918 9.33317 6.74251C9.33317 7.47585 8.73317 8.07585 7.99984 8.07585ZM11.9998 6.87585C11.9998 4.45585 10.2332 2.74251 7.99984 2.74251C5.7665 2.74251 3.99984 4.45585 3.99984 6.87585C3.99984 8.43585 5.29984 10.5025 7.99984 12.9692C10.6998 10.5025 11.9998 8.43585 11.9998 6.87585ZM7.99984 1.40918C10.7998 1.40918 13.3332 3.55585 13.3332 6.87585C13.3332 9.08918 11.5532 11.7092 7.99984 14.7425C4.4465 11.7092 2.6665 9.08918 2.6665 6.87585C2.6665 3.55585 5.19984 1.40918 7.99984 1.40918Z" fill="#EF672F"/>
                </g>
            </svg>
			<span data-itp="hyperlocal_loc"></span>
        </div>
	</div>
	<div data-itp="hyperlocal_content" class="list-content"></div>
</div>

<script>
    $(document).ready(function() {
        
        function prettydate(dateString) {
            var dateObj = new Date(dateString);
            var tsMilidetik = dateObj.getTime();
            var tsDetik = Math.floor(tsMilidetik / 1000);
            var ago = helper.timeago(tsDetik);

            if (!ago) {
                return helper.prettydate(tsMilidetik);
            }

            return ago;
        }

        function getLocation() {
            if (typeof window.iAT !== 'undefined'){
                return {'city': (window.iAT.city || 'Jakarta'), 'province': (window.iAT.province || 'Jakarta')};
            }
        }

        var location = getLocation();

        $.ajax({
            url: "https://explore-api.detik.com/hyperlocal-articles",
            dataType: 'json',
            method: 'POST',
            data: {
                province: location.province,
                city: location.city
            },
            success: function(res) {

                var data = res.body;

                if (!data || data.length === 0) {
                    $('.cb-hyperlocal-content').remove();
                    return false;
                }                

                var meta_location = res?.meta?.context?.resolved;
                $('[data-itp="hyperlocal_loc"]').text((meta_location?.kabKota || meta_location?.provinsi || location.province).toLowerCase().replace(/\b\w/g, c => c.toUpperCase()));

                var html = '';

                for (var i = 0; i < data.length; i++) {

                    var tracking = 'dtr-evt="box hyperlocal content" dtr-sec="artikel hyperlocal content" dtr-act="artikel hyperlocal content" dtr-idx="'+ (i + 1) +'" dtr-id="'+ data[i].id +'" dtr-ttl="'+ data[i].title +'" onclick="_pt(this)" ';

                    if (i === 0){
                        html += `
                            <article class="list-content__item">
                                <div class="media media--image-radius media--text-overlay block-link">
                                    <div class="media__image">
                                        <a ${tracking} href="${data[i].url}" class="media__link">
                                            <span class="ratiobox ratiobox--16-9 lqd">
                                                <img src="${data[i].imageUrl}?q=90&w=450" alt="${data[i].title}" title="${data[i].title}">
                                            </span>
                                        </a>
                                    </div>
                                    <div class="media__text">
                                        <h3 class="media__title font-sm">
                                            <a ${tracking} href="${data[i].url}" class="media__link">${$("<textarea/>").html(data[i].title).text()}</a>
                                        </h3>
                                        <div class="media__date">${prettydate(data[i].publishDate)}</div>   
                                    </div>
                                </div>
                            </article>
                        `;
                    } else {
                        html += `
                            <article class="list-content__item">                
                                <div class="media">
                                    <div class="media__text">
                                        <div class="media__subtitle">${data[i].subtitle ?? ''}</div>
                                        <h3 class="media__title">
                                            <a ${tracking} href="${data[i].url}" class="media__link">${$("<textarea/>").html(data[i].title).text()}</a>
                                        </h3>
                                        <div class="media__date">${prettydate(data[i].publishDate)}</div>   
                                    </div>
                                </div>
                            </article>
                        `;
                    }
                }
                $('[data-itp="hyperlocal_content"]').html(html);
                $('.cb-hyperlocal-content').show();
            }
        });
    });
</script>
            <!-- S:partner_box_wp --> <!-- E:partner_box_wp -->
            <div class="box cb-commented">
 <div class="box__header">
 <h2 class="box__title">Komentar Terbanyak</h2>
 </div>
 <div class="list-content">
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <div class="text-list__data">
 <div class="font-sm color-orange-light-1">250</div>
 <div>Komentar</div>
 </div>
 <h3 class="media__title">
 <a dtr-evt="box komentar terbanyak" dtr-sec="" dtr-act="artikel komentar" onclick="_pt(this)" dtr-idx="1" dtr-id="8519928" dtr-ttl="BPJPH Raih MURI Berkat Sosialisasi Wajib Halal di 2.183 Titik" href="https://news.detik.com/berita/d-8519928/bpjph-raih-muri-berkat-sosialisasi-wajib-halal-di-2-183-titik"
 class="media__link">
 BPJPH Raih MURI Berkat Sosialisasi Wajib Halal di 2.183 Titik </a>
 </h3>
 </div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <div class="text-list__data">
 <div class="font-sm color-orange-light-1">99</div>
 <div>Komentar</div>
 </div>
 <h3 class="media__title">
 <a dtr-evt="box komentar terbanyak" dtr-sec="" dtr-act="artikel komentar" onclick="_pt(this)" dtr-idx="2" dtr-id="8525419" dtr-ttl="Pertamax Naik! Ini Daftar Harga BBM di SPBU Pertamina" href="https://finance.detik.com/energi/d-8525419/pertamax-naik-ini-daftar-harga-bbm-di-spbu-pertamina"
 class="media__link">
 Pertamax Naik! Ini Daftar Harga BBM di SPBU Pertamina </a>
 </h3>
 </div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <div class="text-list__data">
 <div class="font-sm color-orange-light-1">83</div>
 <div>Komentar</div>
 </div>
 <h3 class="media__title">
 <a dtr-evt="box komentar terbanyak" dtr-sec="" dtr-act="artikel komentar" onclick="_pt(this)" dtr-idx="3" dtr-id="8522390" dtr-ttl="Said Iqbal Dilantik Jadi Penasihat Khusus Presiden Sore Ini" href="https://finance.detik.com/berita-ekonomi-bisnis/d-8522390/said-iqbal-dilantik-jadi-penasihat-khusus-presiden-sore-ini"
 class="media__link">
 Said Iqbal Dilantik Jadi Penasihat Khusus Presiden Sore Ini </a>
 </h3>
 </div>
 </div>
 </article>
 
 </div>
</div>
<!--cached @ 1781262121--><!--replaced-->
            <!-- S:mediumrectangle1_adsmart --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 300px;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">

<ins data-labelname="mediumrectangle1_adsmart" data-revive-zoneid="5926" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle1_adsmart -->
            <div class="mgb-16 frame-cb-bb">
                <iframe width="100%" height="auto" class="responsive-iframe p_iframe_r bb-iframe" src="https://awscdn.detik.net.id/berbuatbaik-id/channel-box-embed-4.html" frameborder="0" scrolling="no"></iframe>
            </div>

            <div d-widget="pasangmata" d-params="" d-locals=""><div class="dwidget_desktop ph-vertical"><div class="ph-item ph-title"><div class="ph-row"><div class="ph-col-12 big"></div></div></div><div class="ph-item"><div class="in-left ph-col-4"><div class="ph-picture"></div></div><div class="in-right"><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8 big"></div><div class="ph-col-4 big empty"></div><div class="ph-col-4"></div><div class="ph-col-8 empty"></div></div></div></div></div><img style="display:none" /></div>

            <!-- S:mediumrectangle5 --><div class="box-ads text-center">

<ins data-labelname="mediumrectangle5" data-revive-zoneid="244" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

</div><!-- E:mediumrectangle5 -->            <!-- S:mediumrectangle6 --> <!-- E:mediumrectangle6 -->
            <div d-widget="suara_pembaca" d-params="" d-locals=""><div class="dwidget_desktop ph-list"><div class="ph-item ph-title"><div class="ph-row"><div class="ph-col-12 big"></div></div></div> <div class="ph-item"><div class="ph-col-12"><div class="ph-row"><div class="ph-col-8 big"></div><div class="ph-col-4 empty"></div></div></div></div> <div class="ph-item"><div class="ph-col-12"><div class="ph-row"><div class="ph-col-8 big"></div><div class="ph-col-4 empty"></div></div></div></div> <div class="ph-item"><div class="ph-col-12"><div class="ph-row"><div class="ph-col-8 big"></div><div class="ph-col-4 empty"></div></div></div></div> </div> <img style="display:none"/></div>
            <div d-widget="kolom" d-params="" d-locals=""><div class="dwidget_desktop ph-vertical"><div class="ph-item ph-title"><div class="ph-row"><div class="ph-col-12 big"></div></div></div><div class="ph-item"><div class="in-left ph-col-4"><div class="ph-picture"></div></div><div class="in-right"><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8 big"></div><div class="ph-col-4 big empty"></div><div class="ph-col-4"></div><div class="ph-col-8 empty"></div></div></div></div><div class="ph-item"><div class="in-left ph-col-4"><div class="ph-picture"></div></div><div class="in-right"><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8 big"></div><div class="ph-col-4 big empty"></div><div class="ph-col-4"></div><div class="ph-col-8 empty"></div></div></div></div><div class="ph-item"><div class="in-left ph-col-4"><div class="ph-picture"></div></div><div class="in-right"><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8 big"></div><div class="ph-col-4 big empty"></div><div class="ph-col-4"></div><div class="ph-col-8 empty"></div></div></div></div></div><img style="display:none" /></div>

            <div class="box cb-rekomendasi-box adsmartside-article">
                <div d-widget="newsfeed_recommendation_sticky" d-rec-size="6" d-rec-src="sticky" d-recommendation-wp></div>
            </div>

            <!-- S:mediumrectangle2_adsmart --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 300px;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">

<ins data-labelname="mediumrectangle2_adsmart" data-revive-zoneid="5927" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle2_adsmart -->            <!-- S:mediumrectangle3_adsmart --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1" style="width: 300px;height: 600px;background-color:#F8F8F8;">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 300px;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">

<!-- <ins data-labelname="mediumrectangle3_adsmart" data-revive-zoneid="5928" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins> -->
<ins class="dtk-ins-5928"></ins>
<script> insTargeting(5928, {"p":"aws"}); </script>

</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle3_adsmart -->            <!-- S:mediumrectangle4_adsmart --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr1-scrollpage/scrollpage.css");
</style>
<div class="mr mr1 sticky" style="width: 300px;height: 600px;background-color:#F8F8F8;position:sticky !important">
<div class="mr1-scrollpage-container">
<div class="mr1-scrollpage-height" style="height: 600px;width: 300px;margin: auto;">
<div class="mr1-scrollpage-box">
<div class="mr1-scrollpage-top" style="top:90px;">
<div class="mr1-scrollpage-banner">

<ins data-labelname="mediumrectangle4_adsmart" data-revive-zoneid="5929" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>

</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle4_adsmart -->
        </div>
    </div>
</div>

        
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/detik.v3.2.js?v=202606121827"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/navbar-sticky-event.js?v=202606121827"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606121827"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606121827"></script>
<script type="text/javascript">
 $(document).ready(function() {
 $("[d-time]").detikTime();
 })
 
 getScript("https://awscdn.detik.net.id/assets/js/slickslider.js?v=202606121827", function () {
 $('.pemilu-small-slider').slick({
 dots: true,
 autoplay: true,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 $('.cb-detikpilkada-slider').slick({
 dots: true,
 autoplay: false,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 $('.cb-detikpilkada-slider .slick-prev').attr('onclick', '_pt(this, "box detikpilkada", "button prev", "button prev")');
 $('.cb-detikpilkada-slider .slick-next').attr('onclick', '_pt(this, "box detikpilkada", "button next", "button next")');
 
 $('.cb-pesanwarga-slider').slick({
 arrows: false,
 dots: true,
 autoplay: false,
 slidesToShow: 1,
 slidesToScroll: 1
 }); 
 $('#pelantikan-slider').slick({
 arrows: false,
 dots: true,
 autoplay: false,
 slidesToShow: 1,
 slidesToScroll: 1
 });
 $('.cb-pilihan-redaksi-slider').slick({
 dots: true,
 autoplay: false,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 $('.jabar-awards-slider').slick({
 dots: true,
 autoplay: true,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 $('.kmp-slider').slick({
 dots: true,
 autoplay: true,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 })
</script>
<script src="https://awscdn.detik.net.id/detikcom/js/iframeresizer.js?v=202606121827"></script>
<script src="https://awscdn.detik.net.id/assets/js/firebase-msg.js?v=202606121827" type="module"></script>
<style>
 .icon_footer-itp {
 margin-right: 5px
 }
</style>
<footer>
 <div class="footer">
 <div class="footer__border"></div>
 <div class="container">
 <div class="grid-row footer__grid">
 <div class="column-3 text-center">
 <div class="footer__logo">
 <a dtr-evt="footer" dtr-sec="logodetik" dtr-act="logo detik" onclick="_pt(this)" href="https://www.detik.com">
 <img src="https://awscdn.detik.net.id/assets/images/webp/logo_detikcom.webp?v=202606121827" alt="Logo detikcom" title="Logo detikcom">
 </a>
 </div>
 <div class="footer-title footer-title__partof">part of <img src="https://awscdn.detik.net.id/assets/images/webp/logo_detiknetwork.webp?v=202606121827" alt="img-alt" title="img-title">
 </div>
 <div class="footer__social">
 <div class="footer-title footer-title__connect">Connect With Us</div>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="whatsapp" target="_blank" href="https://www.whatsapp.com/channel/0029Va87gcMEwEjrcI2Hd92i" class="icon_footer-itp icon-item icon-item__wa"><i class="icon icon-whatsapp"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="facebook" target="_blank" href="https://www.facebook.com/detikcom" class="icon_footer-itp icon-item icon-item__fb"><i class="icon icon-facebook"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="twitter" target="_blank" href="https://twitter.com/detikcom" class="icon_footer-itp icon-item icon-item__tw"><i class="icon icon-twitter"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="instagram" target="_blank" href="https://www.instagram.com/detikcom/" class="icon_footer-itp icon-item icon-item__ig"><i class="icon icon-instagram"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="linkedin" target="_blank" href="https://www.linkedin.com/company/detik-com/" class="icon_footer-itp icon-item icon-item__in"><i class="icon icon-linkedin"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="youtube" target="_blank" href="https://www.youtube.com/detikcom" class="icon_footer-itp icon-item icon-item__yt"><i class="icon icon-youtube"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="tiktok" target="_blank" href="https://www.tiktok.com/@detikcom" class="icon-item icon-item__tk"><i class="icon icon-tiktok"></i></a>
 </div>
 <div class="footer-title footer-title__copyright">Copyright @ 2026 detikcom. <br>All right reserved </div>
 </div>
 <nav class="column-3 footer-nav">
 <div class="footer-nav--title">Kategori</div>
 <ul class="nav nav--column nav--column-2">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiknews" href="https://news.detik.com" >detikNews</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikedukasi" href="https://www.detik.com/edu" >detikEdukasi</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfinance" href="https://finance.detik.com" >detikFinance</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikinet" href="https://inet.detik.com" >detikInet</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhot" href="https://hot.detik.com" >detikHot</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiksport" href="https://sport.detik.com" >detikSport</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu sepakbola" href="https://sport.detik.com/sepakbola" >Sepakbola</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikoto" href="https://oto.detik.com" >detikOto</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikproperti" href="https://www.detik.com/properti" >detikProperti</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiktravel" href="https://travel.detik.com" >detikTravel</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfood" href="https://food.detik.com" >detikFood</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhealth" href="https://health.detik.com" >detikHealth</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu wolipop" href="https://wolipop.detik.com" >Wolipop</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikx" href="https://news.detik.com/x/" >detikX</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu 20detik" href="https://20.detik.com" >20Detik</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfoto" href="https://foto.detik.com" >detikFoto</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhikmah" href="https://www.detik.com/hikmah" >detikHikmah</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikpop" href="https://www.detik.com/pop" >detikPop</a>
 </li>
 </ul>
 </nav>
 <nav class="column-2 footer-nav">
 <div class="footer-nav--title">Layanan</div>
 <ul class="nav nav--column">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu berbuatbaik.id" href="https://berbuatbaik.id/" rel="nofollow">berbuatbaik.id</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu pasang mata" href="https://pasangmata.detik.com" rel="nofollow">Pasang Mata</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu adsmart" href="https://adsmart.detik.com" rel="nofollow">Adsmart</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikevent" href="https://event.detik.com" rel="nofollow">detikEvent</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu signature awards" href="https://www.detik.com/signature-awards" rel="nofollow">Signature Awards</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu trans snow world" href="https://www.transentertainment.com/transsnow" rel="nofollow">Trans Snow World</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu trans studio" href="https://www.transentertainment.com/transstudio" rel="nofollow">Trans Studio</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu bingkai.id" href="https://bingkai.id/" rel="nofollow">Bingkai.id</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu ziswafctarsa.id" href="https://www.ziswafctarsa.id/" rel="nofollow">Ziswafctarsa.id</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu flying over indonesia" href="https://www.transentertainment.com/foi/detail" rel="nofollow">Flying Over Indonesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu for your business" href="https://fyb.detik.com/" rel="nofollow">For Your Business</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu rekomendit" href="https://rekomendit.detik.com/" rel="nofollow">rekomendit</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu community connect" href="https://www.detik.com/community-connect/" rel="nofollow">Community Connect</a>
 </li>
 </ul>
 </nav>
 <nav class="column-2 footer-nav">
 <div class="footer-nav--title">Informasi</div>
 <ul class="nav nav--column">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu redaksi" href="https://www.detik.com/redaksi" >Redaksi</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu pedoman media siber" href="https://www.detik.com/pedoman-media" rel="nofollow">Pedoman Media Siber</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu karir" href="https://karir.detik.com/" rel="nofollow">Karir</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu kotak pos" href="https://www.detik.com/kotak-pos" rel="nofollow">Kotak Pos</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu media partner" href="https://www.detik.com/media-partner" rel="nofollow">Media Partner</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu info iklan" href="https://www.detik.com/info-iklan" rel="nofollow">Info Iklan</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu privacy policy" href="https://www.detik.com/privacy-policy" rel="nofollow">Privacy Policy</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu disclaimer" href="https://www.detik.com/disclaimer" rel="nofollow">Disclaimer</a>
 </li>
 </ul>
 </nav>
 <nav class="column-2 footer-nav">
 <div class="footer-nav--title">Jaringan Media</div>
 <ul class="nav nav--column">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cnn indonesia" href="https://www.cnnindonesia.com" target="_blank" rel="nofollow">CNN Indonesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cnbc indonesia" href="https://www.cnbcindonesia.com" target="_blank" rel="nofollow">CNBC Indonesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu haibunda" href="https://www.haibunda.com" target="_blank" rel="nofollow">Haibunda</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu insertlive" href="https://www.insertlive.com/" target="_blank" rel="nofollow">Insertlive</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu beautynesia" href="https://beautynesia.id" target="_blank" rel="nofollow">Beautynesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu female daily" href="https://femaledaily.com" target="_blank" rel="nofollow">Female Daily</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cxo media" href="https://www.cxomedia.id" target="_blank" rel="nofollow">CXO Media</a>
 </li>
 </ul>
 </nav>
 </div>
 </div>
 </div>
</footer><!--cached @ 1781262229--><!--replaced-->
                <!-- s:footer asset manager -->
        <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/tab.js?v=202606121827"></script>
        <!-- e:footer asset manager -->
        <!-- s:footer inline -->
                <!-- e:footer inline -->
        
        <!--widget:popout_notif-->

        <!-- S:tagfoot --><!--Tag FOOT-->

<script>
var loadScriptAsync = function(uri){
  return new Promise((resolve, reject) => {
    var tag = document.createElement('script');
    tag.src = uri;
    tag.async = true;
    tag.onload = () => {
      resolve();
    };
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});
}
var scriptLoaded = loadScriptAsync('https://newrevive.detik.com/delivery/asyncjs.php');

scriptLoaded.then(function(){
// channelbox year in review
    //document.getElementById("rv_cb_g20").setAttribute("data-revive-zoneid", rv_cb_g20);

 window.reviveAsync["0cceecb9cae9f51a31123c541910d59b"].addEventListener('afterRenderBanner',rvCallbackBanner);

 function rvCallbackBanner(data){

  for(i=0;i<data.detail.length;i++){
  }

 }
});

function checkBannerAvailable(dataDetail, checkZone, callFunc, available = false){
	try {
		var show = available ? 1 : 0;
		if(show == 0){
          if (dataDetail.zoneid == checkZone && dataDetail.bannerid == show) {
            callFunc();
            console.log('zone id adjustment : ' + checkZone);
          }
        }
        if(show == 1){
          if (dataDetail.zoneid == checkZone && dataDetail.bannerid >= show) {
            callFunc();
            console.log('zone id adjustment : ' + checkZone);
          }
        }
	} catch(e) {
		console.log(e);
	}
}

</script>



<!-- E:tagfoot -->            </body>

</html>
<!--replaced-->