<!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=202606121327" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606121327" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606121327" as="script">
                            <link rel="preload" href="https://awscdn.detik.net.id/assets/js/tab.js?v=202606121327" 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" />
<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=202606121327"></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=2026061213" 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=202606121327">

        <!--s:dtkprv-->
<!--e:dtkprv-->
        <link href="https://awscdn.detik.net.id/detikcom/css/style.css?v=202606121327" rel="stylesheet">
        <link href="https://awscdn.detik.net.id/assets/css/placeholder.css?v=202606121327" 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=202606121327" 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=202606121327" 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=202606121327" 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=202606121327" 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=202606121327" 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=http%3A%2F%2Fwww.detik.com%2F","register":"https:\/\/connect.detik.com\/accounts\/register?clientId=64&redirectUrl=http%3A%2F%2Fwww.detik.com%2F&ui=popup&parentURI=http:\/\/www.detik.com\/","login":"https:\/\/connect.detik.com\/oauth\/authorize?clientId=64&redirectUrl=http%3A%2F%2Fwww.detik.com%2F&ui=popup&parentURI=http:\/\/www.detik.com\/"};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=202606121327"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/framebar/search.js?v=202606121327"></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>

            <!-- 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 --><center>
  <div class="billboard-top" style="background-color:#F8F8F8;width: 970px;">
    <div class="parallax1 parallaxB" id="megabillboard-desktop"
      style="width: 100%;height: 250px;position: relative;margin-bottom:5px !important;margin-top:0 !important;max-width:970px;left:0;right:0;margin:auto;">
      <div class="parallax_abs">
        <div class="parallax_fix" style="max-width: 970px;">
          <div class="parallax_ads" style="top:46px">

            <!-- /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>    
            

          </div>
        </div>
      </div>
    </div>
  </div>
</center>
<!-- 
<script>
  $("body").css({
    'overflow': 'hidden',
    'height': '100%'
  });
  $("html").css({
    'overflow': 'hidden',
    'height': '100%'
  });
  $(document).ready(function () {
    setTimeout(function () {
      $("body").css({
        'overflow': '',
        'height': 'auto'
      });
      $("html").css({
        'overflow': '',
        'height': 'auto'
      });
    }, 1);
  });
</script> -->

<!-- SCRIPT REFRESH SLOT BB SAAT VIEWPORT -->
<!--<script>
document.addEventListener('DOMContentLoaded', function () {
    var adSlot_bb = document.getElementById('div-gpt-ad-1535011949711-0');

    // Jika elemen tidak ditemukan, buat div billboard
    if (!adSlot_bb) {
        adSlot_bb = document.createElement('div');
        adSlot_bb.id = 'div-gpt-ad-1535011949711-0';
        adSlot_bb.style.width = '970px';
        adSlot_bb.style.height = '250px';
        document.body.insertBefore(adSlot_bb, document.body.firstChild);
    }

    var refreshInterval_bb = null; // Interval refresh
    var visibilityStartTime = null; // Waktu awal iklan terlihat
    var visibilityTimeout = null;
    var isTabActive = true; // Cek apakah tab aktif

    function refreshAd_bb() {
        console.log('🔄 Memanggil fungsi refreshAd_bb()...');
        if (typeof gpt_billboardtop !== 'undefined' && isTabActive) {
            googletag.cmd.push(function () {
                console.log('✅ Billboard sedang di-refresh...');
                googletag.pubads().refresh([gpt_billboardtop]);
                console.log('✅ Billboard refreshed at ' + new Date().toLocaleTimeString());
            });
        } else {
            console.log('⚠️ gpt_billboardtop tidak terdefinisi atau tab tidak aktif!');
        }
    }

    var observer_bb = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
            if (entry.intersectionRatio >= 0.7) { // Visibility 70%+
                console.log("👀 Billboard terlihat lebih dari 70%, mulai hitung waktu...");

                if (!visibilityStartTime) {
                    visibilityStartTime = new Date().getTime();

                    visibilityTimeout = setTimeout(function () {
                        let now = new Date().getTime();
                        if (now - visibilityStartTime >= 5000) { // Delay 5 detik
                            if (!refreshInterval_bb) {
                                refreshInterval_bb = setInterval(refreshAd_bb, 45000); // Refresh tiap 45 detik
                                console.log("🔄 Billboard refresh akan berjalan setiap 45 detik.");
                            }
                        }
                    }, 5000);
                }
            } else {
                console.log("🚫 Billboard tidak terlihat minimal 70%, reset waktu & hentikan refresh.");

                visibilityStartTime = null;
                clearTimeout(visibilityTimeout);

                if (refreshInterval_bb) {
                    clearInterval(refreshInterval_bb);
                    refreshInterval_bb = null;
                    console.log("⏹️ Billboard 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_bb);
            refreshInterval_bb = null;
        } else {
            console.log("▶️ Tab kembali aktif, lanjutkan refresh jika billboard masih terlihat.");
        }
    });

    if (adSlot_bb) {
        observer_bb.observe(adSlot_bb);
        googletag.cmd.push(function () { googletag.display('div-gpt-ad-1535011949711-0'); });
    }
});
</script>-->



<!-- 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>

        <!-- 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=202606121327")
            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=202606121327")
            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=202606121327");
        }
        .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=202606121327"
                        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=202606121327"
                            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=202606121327"
                            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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=202606121327" 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=202606121327" 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=202606121327" 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=202606121327" 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=202606121327"
                        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=202606121327"
                                        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=202606121327"
                                        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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=2026061213)"
                ></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=202606121327"
            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=202606121327"
            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="8529072" dtr-ttl="Video: Korea Selatan Menang Comeback 2-1 vs Ceko"    href="https://20.detik.com/detikupdate/20260612-260612032/video-korea-selatan-menang-comeback-2-1-vs-ceko" target="_blank" class="cb-juarabola__main-article">
     <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/korea-selatan-vs-ceko-1781231880565_169.jpeg?w=650&q=90" alt="Video: Korea Selatan Menang Comeback 2-1 vs Ceko" title="Video: Korea Selatan Menang Comeback 2-1 vs Ceko" 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">
           Video: Korea Selatan Menang Comeback 2-1 vs Ceko        </h3>
        <div class="cb-juarabola__article-meta"><span d-time="1781242658" title="Jumat, 12 Jun 2026 12:37 WIB">52 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="8529129" dtr-ttl="Video: Momen Messi Bersama Timnas Argentina Latihan untuk Piala Dunia di Kansas"        href="https://20.detik.com/detikupdate/20260612-260612029/video-momen-messi-bersama-timnas-argentina-latihan-untuk-piala-dunia-di-kansas" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/soccer-worldcup-arg-1781245556256_169.jpeg?w=650&q=90" alt="Video: Momen Messi Bersama Timnas Argentina Latihan untuk Piala Dunia di Kansas" title="Video: Momen Messi Bersama Timnas Argentina Latihan untuk Piala Dunia di Kansas" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Video: Momen Messi Bersama Timnas Argentina Latihan untuk Piala Dunia di Kansas</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="8529077" dtr-ttl="Top Skor Piala Dunia 2026: 5 Pemain Sudah Cetak Gol"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8529077/top-skor-piala-dunia-2026-5-pemain-sudah-cetak-gol" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/timnas-meksiko-julian-quinones-1781214634036_169.jpeg?w=650&q=90" alt="Top Skor Piala Dunia 2026: 5 Pemain Sudah Cetak Gol" title="Top Skor Piala Dunia 2026: 5 Pemain Sudah Cetak Gol" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Top Skor Piala Dunia 2026: 5 Pemain Sudah Cetak Gol</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="8529074" dtr-ttl="Serba Pertama di Laga Pembuka Piala Dunia 2026"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8529074/serba-pertama-di-laga-pembuka-piala-dunia-2026" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/soccer-worldcup-mex-zaf-1781225104891_169.jpeg?w=650&q=90" alt="Serba Pertama di Laga Pembuka Piala Dunia 2026" title="Serba Pertama di Laga Pembuka Piala Dunia 2026" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Serba Pertama di Laga Pembuka 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="4" dtr-id="8528881" dtr-ttl="Deretan Jersey Keren Piala Dunia 2026"        href="https://sport.detik.com/sepakbola/foto-sepakbola/d-8528881/deretan-jersey-keren-piala-dunia-2026" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/soccer-worldcup-mex-zaf-1781225143921_169.jpeg?w=650&q=90" alt="Deretan Jersey Keren Piala Dunia 2026" title="Deretan Jersey Keren Piala Dunia 2026" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Deretan Jersey Keren Piala Dunia 2026</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=202606121327" 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=202606121327" 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=202606121327" 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=202606121327" 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="8527829" dtr-ttl="Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah"                href="https://www.detik.com/pop/music/d-8527829/slank-kasih-paham-usai-dibilang-balik-ke-setelan-pabrik-band-plat-merah"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/01/slank-di-java-jazz-festival-2026-1780275864561_169.jpeg?w=250&q=90" alt="Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah" title="Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah" 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="8527829" dtr-ttl="Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah"                    href="https://www.detik.com/pop/music/d-8527829/slank-kasih-paham-usai-dibilang-balik-ke-setelan-pabrik-band-plat-merah"
                    class="media__link">
                    Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah                </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="8528881" dtr-ttl="Deretan Jersey Keren Piala Dunia 2026"                href="https://sport.detik.com/sepakbola/foto-sepakbola/d-8528881/deretan-jersey-keren-piala-dunia-2026"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/12/soccer-worldcup-mex-zaf-1781225143921_169.jpeg?w=250&q=90" alt="Deretan Jersey Keren Piala Dunia 2026" title="Deretan Jersey Keren Piala Dunia 2026" 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="8528881" dtr-ttl="Deretan Jersey Keren Piala Dunia 2026"                    href="https://sport.detik.com/sepakbola/foto-sepakbola/d-8528881/deretan-jersey-keren-piala-dunia-2026"
                    class="media__link">
                    Deretan Jersey Keren Piala Dunia 2026                </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="8528936" dtr-ttl="Galaxy Z Fold 8 Ultra, Fold 8 Wide &amp; Flip 8 Lolos TKDN, Siap Rilis di RI"                href="https://inet.detik.com/consumer/d-8528936/galaxy-z-fold-8-ultra-fold-8-wide-flip-8-lolos-tkdn-siap-rilis-di-ri"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/04/28/galaxy-z-fold8-wide-1777340826154_169.jpeg?w=250&q=90" alt="Galaxy Z Fold 8 Ultra, Fold 8 Wide & Flip 8 Lolos TKDN, Siap Rilis di RI" title="Galaxy Z Fold 8 Ultra, Fold 8 Wide & Flip 8 Lolos TKDN, Siap Rilis di RI" 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="8528936" dtr-ttl="Galaxy Z Fold 8 Ultra, Fold 8 Wide &amp; Flip 8 Lolos TKDN, Siap Rilis di RI"                    href="https://inet.detik.com/consumer/d-8528936/galaxy-z-fold-8-ultra-fold-8-wide-flip-8-lolos-tkdn-siap-rilis-di-ri"
                    class="media__link">
                    Galaxy Z Fold 8 Ultra, Fold 8 Wide & Flip 8 Lolos TKDN, Siap Rilis di RI                </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="8529007" dtr-ttl="Harga BYD M6 DM Resmi Diumumkan: Mulai Rp 298 Juta"                href="https://oto.detik.com/mobil-listrik/d-8529007/harga-byd-m6-dm-resmi-diumumkan-mulai-rp-298-juta"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/12/harga-byd-m6-dm-1781239242279_169.jpeg?w=250&q=90" alt="Harga BYD M6 DM Resmi Diumumkan: Mulai Rp 298 Juta" title="Harga BYD M6 DM Resmi Diumumkan: Mulai Rp 298 Juta" 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="8529007" dtr-ttl="Harga BYD M6 DM Resmi Diumumkan: Mulai Rp 298 Juta"                    href="https://oto.detik.com/mobil-listrik/d-8529007/harga-byd-m6-dm-resmi-diumumkan-mulai-rp-298-juta"
                    class="media__link">
                    Harga BYD M6 DM Resmi Diumumkan: Mulai Rp 298 Juta                </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="8527826" dtr-ttl="Wayang Lepas Single Mati Aku Mati Setelah Disimpan Selama 19 Tahun"                href="https://www.detik.com/pop/music/d-8527826/wayang-lepas-single-mati-aku-mati-setelah-disimpan-selama-19-tahun"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/11/wayang-band-1781162768850_169.jpeg?w=250&q=90" alt="Wayang Lepas Single Mati Aku Mati Setelah Disimpan Selama 19 Tahun" title="Wayang Lepas Single Mati Aku Mati Setelah Disimpan Selama 19 Tahun" 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="8527826" dtr-ttl="Wayang Lepas Single Mati Aku Mati Setelah Disimpan Selama 19 Tahun"                    href="https://www.detik.com/pop/music/d-8527826/wayang-lepas-single-mati-aku-mati-setelah-disimpan-selama-19-tahun"
                    class="media__link">
                    Wayang Lepas Single Mati Aku Mati Setelah Disimpan Selama 19 Tahun                </a>
            </h2>
        </div>
    </div>
</article>
            
                
    </div>
</div>
        </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="8529130" dtr-ttl="Trump Mau Setop Dana Perumahan, Gelandangan di LA Terancam Bertambah"                href="https://www.detik.com/properti/berita/d-8529130/trump-mau-setop-dana-perumahan-gelandangan-di-la-terancam-bertambah"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/community/media/visual/2022/12/15/potret-los-angeles-yang-dipenuhi-gelandangan-6_169.jpeg?w=700&q=90" alt="Los Angeles, CA - December 12:A man walks past a homeless persons belongings under a Metro bus shelter just blocks from Los Angeles City Hall on Monday, December 12, 2022. LA Mayor Karen Bass declared a state of emergency on homelessness as her first" title="Los Angeles, CA - December 12:A man walks past a homeless persons belongings under a Metro bus shelter just blocks from Los Angeles City Hall on Monday, December 12, 2022. LA Mayor Karen Bass declared a state of emergency on homelessness as her first" 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="8529130" dtr-ttl="Trump Mau Setop Dana Perumahan, Gelandangan di LA Terancam Bertambah"                    href="https://www.detik.com/properti/berita/d-8529130/trump-mau-setop-dana-perumahan-gelandangan-di-la-terancam-bertambah"
                    class="media__link">
                    Trump Mau Setop Dana Perumahan, Gelandangan di LA Terancam Bertambah                </a>
            </h2>
            <div class="media__date mgt-4">detikProperti | <span d-time="1781245606" title="Jumat, 12 Jun 2026 13:26 WIB">3 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="8523967" dtr-ttl="Ngotot Jadikan Gedung Putih Venue UFC, Trump Mau Digugat"                                href="https://www.detik.com/properti/berita/d-8523967/ngotot-jadikan-gedung-putih-venue-ufc-trump-mau-digugat">
                                Ngotot Jadikan Gedung Putih Venue UFC, Trump Mau Digugat                            </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="8519500" dtr-ttl="Jaksa AS Siap Tempuh Jalur Hukum Demi Proyek Ballroom Gedung Putih Trump"                                href="https://www.detik.com/properti/berita/d-8519500/jaksa-as-siap-tempuh-jalur-hukum-demi-proyek-ballroom-gedung-putih-trump">
                                Jaksa AS Siap Tempuh Jalur Hukum Demi Proyek Ballroom Gedung Putih Trump                            </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":"260612029","title":"Video: Momen Messi Bersama Timnas Argentina Latihan untuk Piala Dunia di Kansas","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideoflash?query=piala+dunia\"><strong>Tim nasional Argentina menggelar latihan di Kansas City, Kansas, Amerika Serikat pada Kamis (11\/6). Salah satu pemain yang mencuri perhatian adalah Lionel Messi.<\/strong><\/a><\/p>\r\n<p>Sekitar 100 juru kamera, fotografer, dan reporter terlihat memadati fasilitas latihan Sporting KC di sebelah barat Kansas City hanya untuk melihat dan mengabadikan momen latihan Messi dan tim Argentina. Diketahui, Argentina akan memulai upaya mempertahankan gelar mereka pada 16 Juni di Kansas City untuk menghadapi Aljazair. Sebelum nantinya akan melawan Austria dan Yordania di Dallas<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3660615eb3644b1d85d3ef46acd523c4-20260612113915-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3660615eb3644b1d85d3ef46acd523c4-20260612113915-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3660615eb3644b1d85d3ef46acd523c4-20260612113915-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3660615eb3644b1d85d3ef46acd523c4-20260612113916-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3660615eb3644b1d85d3ef46acd523c4-preview.json?crtm=20260612113916","keyword":"as,messi,fifa,piala dunia 2026,world cup","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612029\/video-momen-messi-bersama-timnas-argentina-latihan-untuk-piala-dunia-di-kansas","embed":"https:\/\/20.detik.com\/embed\/260612029","slug":"\/260612029\/video-momen-messi-bersama-timnas-argentina-latihan-untuk-piala-dunia-di-kansas","slug_20detik":"\/detikupdate\/20260612-260612029\/video-momen-messi-bersama-timnas-argentina-latihan-untuk-piala-dunia-di-kansas","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/3660615eb3644b1d85d3ef46acd523c4.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detiksport","reporter":"Yumna Khan\/Reuters","kameramen":"","created_by":"insanul.habibie1","duration":42,"keyword_ad":"as,messi,fifa,piala dunia 2026,world cup","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:42","focus_id":null,"date_created":"2026-06-12 11:39:55","date_published":"2026-06-12 13:26:37","date_updated":"2026-06-12 13:26:53","date_created_timestamp":"1781239195","date_published_timestamp":"1781245597","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612031\/video-menara-tertinggi-sagrada-familia-resmi-menyala?source=pilihan&from=https:\/\/20.detik.com\/","videos_title_url":"Video: Menara Tertinggi Sagrada Familia Resmi Menyala","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"},{"name":"Olahraga","id":"10","slug":"olahraga"}],"noindex":false,"deeplink":false},{"id":"260612032","title":"Video: Korea Selatan Menang Comeback 2-1 vs Ceko","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideoflash?query=piala+dunia\"><strong>Korea Selatan meraih kemenangan dalam laga perdana mereka di Piala Dunia 2026 melawan Ceko. Pertandingan ini digelar di Estadio Guadalajara, Meksiko, Jumat (12\/6\/2026) pagi WIB<\/strong><\/a>.<\/p>\r\n<p>Ceko sempat unggul lebih dulu di menit ke-59. Namun Taegeuk Warriors membalikkan keadaan lewat gol di menit ke-67 dan 80.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/83affc55e0924931a7a1ac684a01a3d0-20260612123047-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/83affc55e0924931a7a1ac684a01a3d0-20260612123047-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/83affc55e0924931a7a1ac684a01a3d0-20260612123047-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/83affc55e0924931a7a1ac684a01a3d0-20260612123048-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/83affc55e0924931a7a1ac684a01a3d0-preview.json?crtm=20260612123048","keyword":"korea selatan,ceko,piala dunia 2026,juara bola 2026,piala dunia,korea selatan vs ceko","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612032\/video-korea-selatan-menang-comeback-2-1-vs-ceko","embed":"https:\/\/20.detik.com\/embed\/260612032","slug":"\/260612032\/video-korea-selatan-menang-comeback-2-1-vs-ceko","slug_20detik":"\/detikupdate\/20260612-260612032\/video-korea-selatan-menang-comeback-2-1-vs-ceko","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/83affc55e0924931a7a1ac684a01a3d0.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiksport, sepakbola, detikjateng, detikjatim, detikjabar, detikjogja","reporter":"Ashri Fathan\/Reuters","kameramen":"","created_by":"hello.evinurha47901","duration":43,"keyword_ad":"korea selatan,ceko,piala dunia 2026,juara bola 2026,piala dunia,korea selatan vs ceko","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:43","focus_id":null,"date_created":"2026-06-12 12:08:19","date_published":"2026-06-12 12:37:36","date_updated":"2026-06-12 12:37:34","date_created_timestamp":"1781240899","date_published_timestamp":"1781242656","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612024\/video-nottingham-forest-kembali-tolak-tawaran-city-untuk-elliot-anderson","videos_title_url":"Tonton Video: Nottingham Forest Kembali Tolak Tawaran City untuk Elliot Anderson","topics":[{"name":"Olahraga","id":"10","slug":"olahraga"}],"noindex":false,"deeplink":false},{"id":"260612031","title":"Video: Menara Tertinggi Sagrada Familia Resmi Menyala","resume":"<p><strong>Paus Leo XIV meresmikan menara geometris terbarunya\u00a0Sagrada Familia yang menjulang tinggi, pada Rabu(10\/6).<\/strong> Bangunan ini menjadi keajaiban modernis yang dirancang oleh Antoni Gaudi ini sebagai gereja tertinggi di dunia.<\/p>\r\n<p>Momen yang sarat dengan simbolisme religius ini bertepatan dengan peringatan 100 tahun kematian Gaudi dan merupakan inti dari kunjungan Leo selama seminggu ke Spanyol.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/76c3c33545d640f09d13e83cabbb5668-20260612114040-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/76c3c33545d640f09d13e83cabbb5668-20260612114040-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/76c3c33545d640f09d13e83cabbb5668-20260612114040-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/76c3c33545d640f09d13e83cabbb5668-20260612114040-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/76c3c33545d640f09d13e83cabbb5668-preview.json?crtm=20260612114040","keyword":"sagrada familia,paus leo xiv,gereja katolik","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612031\/video-menara-tertinggi-sagrada-familia-resmi-menyala","embed":"https:\/\/20.detik.com\/embed\/260612031","slug":"\/260612031\/video-menara-tertinggi-sagrada-familia-resmi-menyala","slug_20detik":"\/detikupdate\/20260612-260612031\/video-menara-tertinggi-sagrada-familia-resmi-menyala","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/76c3c33545d640f09d13e83cabbb5668.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detiktravel","reporter":"Wanodya Sihminarti","kameramen":"","created_by":"tri","duration":61,"keyword_ad":"sagrada familia,paus leo xiv,gereja katolik","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"01:01","focus_id":null,"date_created":"2026-06-12 11:41:33","date_published":"2026-06-12 12:10:04","date_updated":"2026-06-12 12:28:15","date_created_timestamp":"1781239293","date_published_timestamp":"1781241004","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612027\/video-kondisi-medis-putri-thailand-sebelum-meninggal-dunia-kamis-malam","videos_title_url":"Video Kondisi Medis Putri Thailand Sebelum Meninggal Dunia Kamis Malam","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260612026","title":"Video: Melihat Venue Stadion Piala Dunia 2026","resume":"<p>Piala Dunia 2026 akan sangat berbeda dari sebelumnya. Turnamen ini menjadi yang terbesar sepanjang sejarah, dengan 48 tim dan total 104 pertandingan. Digelar di 3 negara sekaligus, Amerika Serikat, Meksiko, dan Kanada, berikut ini adalah seluruh 16 stadion yang digunakan untuk Piala Dunia 2026.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/80bcd0faf3574b76ba80d7c35f15627a-20260612110608-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/80bcd0faf3574b76ba80d7c35f15627a-20260612110608-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/80bcd0faf3574b76ba80d7c35f15627a-20260612110608-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/80bcd0faf3574b76ba80d7c35f15627a-20260612110609-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/80bcd0faf3574b76ba80d7c35f15627a-preview.json?crtm=20260612110609","keyword":"deutsche welle,piala dunia,piala dunia 2026,juara bola 2026","url":"https:\/\/20.detik.com\/deutsche-welle-news\/20260612-260612026\/video-melihat-venue-stadion-piala-dunia-2026","embed":"https:\/\/20.detik.com\/embed\/260612026","slug":"\/260612026\/video-melihat-venue-stadion-piala-dunia-2026","slug_20detik":"\/deutsche-welle-news\/20260612-260612026\/video-melihat-venue-stadion-piala-dunia-2026","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/80bcd0faf3574b76ba80d7c35f15627a.smil\/playlist.m3u8","program_id":"241114607","program_name":"Deutsche Welle News","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiksport, sepakbola","reporter":"Deutsche Welle","kameramen":"","created_by":"insanul.habibie1","duration":89,"keyword_ad":"deutsche welle,piala dunia,piala dunia 2026,juara bola 2026","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"01:29","focus_id":null,"date_created":"2026-06-12 11:06:42","date_published":"2026-06-12 12:00:01.864024","date_updated":"2026-06-12 11:39:07","date_created_timestamp":"1781237202","date_published_timestamp":"1781240401","status_video":0,"videos_custom_url":"https:\/\/www.detik.com\/search\/searchvideoflash?query=piala+dunia","videos_title_url":"Tonton Berita soal Piala Dunia 2026","topics":[{"name":"Olahraga","id":"10","slug":"olahraga"}],"noindex":false,"deeplink":false},{"id":"260612027","title":"Video Kondisi Medis Putri Thailand Sebelum Meninggal Dunia Kamis Malam","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=thailand\"><strong>Kabar duka datang dari keluarga kerajaan Thailand.\u00a0<\/strong><\/a><\/p>\r\n<p><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=thailand\"><strong>\"Putri Bajrakitiyabha Narendira Debyavati telah meninggal dunia,\" tulis pihak istana.\u00a0<\/strong><\/a><\/p>\r\n<p>Sosok yang akrab disapa Putri Pa ini meninggal pada usia 47 tahun di\u00a0Universitas Chulalongkorn. Ia diketahui koma sejak kolaps pada 2022. Kondisinya memburuk beberapa bulan belakangan.<\/p>\r\n<p>\"Kondisi Yang Mulia memburuk karena infeksi intra-abdomen, kolitis, tekanan darah rendah, aritmia, dan gangguan pembekuan darah. Meskipun tim dokter telah melakukan yang terbaik untuk memberikan perawatan medis, kondisinya memburuk secara bertahap hingga Kamis, 11 Juni 2026, pukul 19.48 (1248GMT), beliau wafat dengan tenang,\" ungkap istana.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/00c98ee8832641e6957015b7621d041d-20260612113722-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/00c98ee8832641e6957015b7621d041d-20260612113722-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/00c98ee8832641e6957015b7621d041d-20260612113722-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/00c98ee8832641e6957015b7621d041d-20260612113723-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/00c98ee8832641e6957015b7621d041d-preview.json?crtm=20260612113723","keyword":"putri bajrakitiyabha,kesehatan putri bajrakitiyabha,putri thailand,putri thailand bajrakitiyabha,kabar duka,thailand,keluarga kerajaan thailand","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612027\/video-kondisi-medis-putri-thailand-sebelum-meninggal-dunia-kamis-malam","embed":"https:\/\/20.detik.com\/embed\/260612027","slug":"\/260612027\/video-kondisi-medis-putri-thailand-sebelum-meninggal-dunia-kamis-malam","slug_20detik":"\/detikupdate\/20260612-260612027\/video-kondisi-medis-putri-thailand-sebelum-meninggal-dunia-kamis-malam","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/00c98ee8832641e6957015b7621d041d.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detikhealth, wolipop, detikjateng, detikjatim, detikjabar, detikbali","reporter":"Dinda Ayu\/Reuters","kameramen":"","created_by":"ahmad.maulana221224","duration":43,"keyword_ad":"putri bajrakitiyabha,kesehatan putri bajrakitiyabha,putri thailand,putri thailand bajrakitiyabha,kabar duka,thailand,keluarga kerajaan thailand","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:43","focus_id":null,"date_created":"2026-06-12 11:37:54","date_published":"2026-06-12 11:48:04","date_updated":"2026-06-12 11:48:00","date_created_timestamp":"1781239074","date_published_timestamp":"1781239684","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612014\/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka","videos_title_url":"Tonton Video: Momen Dubes Korea Utara Pidato dalam Bahasa Indonesia di Istana Merdeka","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>
            <!-- 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/04/22/jelang-putusan-mk-ihsg-menguat-3_169.jpeg'
i-info='<span d-time="1781244455" title="Jumat, 12 Jun 2026 13:07 WIB">22 menit yang lalu</span>'
i-link='https://finance.detik.com/bursa-dan-valas/d-8529102/ihsg-balik-lagi-ke-level-6-000'
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="8529102" dtr-ttl="IHSG Balik Lagi ke Level 6.000"				href="https://finance.detik.com/bursa-dan-valas/d-8529102/ihsg-balik-lagi-ke-level-6-000" 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="8529102" dtr-ttl="IHSG Balik Lagi ke Level 6.000"					href="https://finance.detik.com/bursa-dan-valas/d-8529102/ihsg-balik-lagi-ke-level-6-000" class="media__link">
					IHSG Balik Lagi ke Level 6.000                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781244455" title="Jumat, 12 Jun 2026 13:07 WIB">22 menit 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/2020/04/30/02be9752-bba4-4f8d-a9ec-7bbea176382e_169.jpeg'
i-info='detikInet | <span d-time="1781244986" title="Jumat, 12 Jun 2026 13:16 WIB">13 menit yang lalu</span>'
i-link='https://inet.detik.com/mobile-apps/d-8529079/movie-marathon-di-akhir-pekan-yuk-mumpung-ada-diskon-nih'
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="8529079" dtr-ttl="Movie Marathon di Akhir Pekan Yuk, Mumpung Ada Diskon Nih!"                href="https://inet.detik.com/mobile-apps/d-8529079/movie-marathon-di-akhir-pekan-yuk-mumpung-ada-diskon-nih" 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="8529079" dtr-ttl="Movie Marathon di Akhir Pekan Yuk, Mumpung Ada Diskon Nih!"                    href="https://inet.detik.com/mobile-apps/d-8529079/movie-marathon-di-akhir-pekan-yuk-mumpung-ada-diskon-nih" class="media__link">
                    Movie Marathon di Akhir Pekan Yuk, Mumpung Ada Diskon Nih!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244986" title="Jumat, 12 Jun 2026 13:16 WIB">13 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=202606121327", 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>                                                                                                                                                                                                                    
            
                                        
                            <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/03/danantara-bakal-rampingkan-anak-cucu-usaha-pln-dari-44-jadi-23-entitas-1780460915468_169.jpeg'
i-info='detikFinance | <span d-time="1781244071" title="Jumat, 12 Jun 2026 13:01 WIB">28 menit yang lalu</span>'
i-link='https://finance.detik.com/berita-ekonomi-bisnis/d-8529095/ihsg-melesat-bos-danantara-ajak-jaga-optimisme'
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="8529095" dtr-ttl="IHSG Melesat, Bos Danantara Ajak Jaga Optimisme"                href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529095/ihsg-melesat-bos-danantara-ajak-jaga-optimisme" 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="8529095" dtr-ttl="IHSG Melesat, Bos Danantara Ajak Jaga Optimisme"                    href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529095/ihsg-melesat-bos-danantara-ajak-jaga-optimisme" class="media__link">
                    IHSG Melesat, Bos Danantara Ajak Jaga Optimisme                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244071" title="Jumat, 12 Jun 2026 13:01 WIB">28 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">12 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">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: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">16 jam yang lalu</span></div>
                    </div>
                </div>
            </article>
            </div>
</div>
                                                                                                                                                                                                        
            
                                        
                            <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/pkl-di-tempat-demo-1781244504356_169.jpeg'
i-info='detikFinance | <span d-time="1781244949" title="Jumat, 12 Jun 2026 13:15 WIB">13 menit yang lalu</span>'
i-link='https://finance.detik.com/berita-ekonomi-bisnis/d-8529115/demo-mahasiswa-belum-mulai-pkl-sudah-berebut-lapak-di-lokasi'
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="8529115" dtr-ttl="Demo Mahasiswa Belum Mulai, PKL Sudah Berebut Lapak di Lokasi"                href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529115/demo-mahasiswa-belum-mulai-pkl-sudah-berebut-lapak-di-lokasi" 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="8529115" dtr-ttl="Demo Mahasiswa Belum Mulai, PKL Sudah Berebut Lapak di Lokasi"                    href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529115/demo-mahasiswa-belum-mulai-pkl-sudah-berebut-lapak-di-lokasi" class="media__link">
                    Demo Mahasiswa Belum Mulai, PKL Sudah Berebut Lapak di Lokasi                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244949" title="Jumat, 12 Jun 2026 13:15 WIB">13 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/jaksa-kpk-tampilkan-foto-anggota-bpk-nyoman-adhi-di-sidang-kasus-bea-cukai-muliadetikcom-1781244338386_169.jpeg'
i-info='<span d-time="1781244353" title="Jumat, 12 Jun 2026 13:05 WIB">23 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529100/jaksa-kpk-tampilkan-foto-anggota-bpk-nyoman-adhi-di-sidang-kasus-bea-cukai'
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-camera-bg"></i>             </div>
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8529100" dtr-ttl="Jaksa KPK Tampilkan Foto Anggota BPK Nyoman Adhi di Sidang Kasus Bea Cukai"				href="https://news.detik.com/berita/d-8529100/jaksa-kpk-tampilkan-foto-anggota-bpk-nyoman-adhi-di-sidang-kasus-bea-cukai" 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="8529100" dtr-ttl="Jaksa KPK Tampilkan Foto Anggota BPK Nyoman Adhi di Sidang Kasus Bea Cukai"					href="https://news.detik.com/berita/d-8529100/jaksa-kpk-tampilkan-foto-anggota-bpk-nyoman-adhi-di-sidang-kasus-bea-cukai" class="media__link">
					Jaksa KPK Tampilkan Foto Anggota BPK Nyoman Adhi di Sidang Kasus Bea Cukai                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781244353" title="Jumat, 12 Jun 2026 13:05 WIB">23 menit 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/2023/05/10/ilustrasi-sedekahwakaf_169.jpeg'
i-info='detikHikmah | <span d-time="1781244947" title="Jumat, 12 Jun 2026 13:15 WIB">14 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/ziswaf/d-8528281/niat-wakaf-pengertian-lafadz-dan-cara-mengucapkannya-dengan-tepat'
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="8528281" dtr-ttl="Niat Wakaf, Pengertian, Lafadz dan Cara Mengucapkannya dengan Tepat"                href="https://www.detik.com/hikmah/ziswaf/d-8528281/niat-wakaf-pengertian-lafadz-dan-cara-mengucapkannya-dengan-tepat" 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="8528281" dtr-ttl="Niat Wakaf, Pengertian, Lafadz dan Cara Mengucapkannya dengan Tepat"                    href="https://www.detik.com/hikmah/ziswaf/d-8528281/niat-wakaf-pengertian-lafadz-dan-cara-mengucapkannya-dengan-tepat" class="media__link">
                    Niat Wakaf, Pengertian, Lafadz dan Cara Mengucapkannya dengan Tepat                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244947" title="Jumat, 12 Jun 2026 13:15 WIB">14 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/2016/08/08/840ff4ae-aa8f-4541-9daa-6d6026683335_169.jpg'
i-info='detikNews | <span d-time="1781244126" title="Jumat, 12 Jun 2026 13:02 WIB">27 menit yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8529097/china-waspadai-kura-kura-jadi-mata-mata-untuk-curi-rahasia-laut'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="7" dtr-id="8529097" dtr-ttl="China Waspadai Kura-kura Jadi &#039;Mata-mata&#039; untuk Curi Rahasia Laut"                href="https://news.detik.com/internasional/d-8529097/china-waspadai-kura-kura-jadi-mata-mata-untuk-curi-rahasia-laut" 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="7" dtr-id="8529097" dtr-ttl="China Waspadai Kura-kura Jadi &#039;Mata-mata&#039; untuk Curi Rahasia Laut"                    href="https://news.detik.com/internasional/d-8529097/china-waspadai-kura-kura-jadi-mata-mata-untuk-curi-rahasia-laut" class="media__link">
                    China Waspadai Kura-kura Jadi 'Mata-mata' untuk Curi Rahasia Laut                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244126" title="Jumat, 12 Jun 2026 13:02 WIB">27 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://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=202606121327" 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="2"                            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=202606121327" 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="3"                            href="/indeksfokus/7607/skin-booster" class="hl-card">
                            <div class="hl-card-konten">8 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">
                                                                        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="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=202606121327" 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=202606121327" 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=202606121327" 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=202606121327" />
<script src="https://awscdn.detik.net.id/assets/js/swiper-bundle.min.js?v=202606121327"></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/2026/04/13/cuaca-kian-terik-bekasi-diprediksi-hadapi-musim-panas-ekstrem-1776086364015_169.jpeg'
i-info='detikTravel | <span d-time="1781244715" title="Jumat, 12 Jun 2026 13:11 WIB">17 menit yang lalu</span>'
i-link='https://travel.detik.com/travel-news/d-8528761/ahli-ingatkan-risiko-cuaca-panas-ekstrem-saat-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="8528761" dtr-ttl="Ahli Ingatkan Risiko Cuaca Panas Ekstrem saat Piala Dunia 2026"                href="https://travel.detik.com/travel-news/d-8528761/ahli-ingatkan-risiko-cuaca-panas-ekstrem-saat-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="8528761" dtr-ttl="Ahli Ingatkan Risiko Cuaca Panas Ekstrem saat Piala Dunia 2026"                    href="https://travel.detik.com/travel-news/d-8528761/ahli-ingatkan-risiko-cuaca-panas-ekstrem-saat-piala-dunia-2026" class="media__link">
                    Ahli Ingatkan Risiko Cuaca Panas Ekstrem saat Piala Dunia 2026                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244715" title="Jumat, 12 Jun 2026 13:11 WIB">17 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/2025/02/17/ryan-reynolds-dan-blake-lively-di-snl50-3_43.jpeg'
i-info='detikPop | <span d-time="1781244703" title="Jumat, 12 Jun 2026 13:11 WIB">18 menit yang lalu</span>'
i-link='https://www.detik.com/pop/trending/d-8529113/ryan-reynolds-pernah-ditabrak-pengemudi-mabuk-hingga-tulang-kiri-patah'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="10" dtr-id="8529113" dtr-ttl="Ryan Reynolds Pernah Ditabrak Pengemudi Mabuk hingga Tulang Kiri Patah"                href="https://www.detik.com/pop/trending/d-8529113/ryan-reynolds-pernah-ditabrak-pengemudi-mabuk-hingga-tulang-kiri-patah" 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="10" dtr-id="8529113" dtr-ttl="Ryan Reynolds Pernah Ditabrak Pengemudi Mabuk hingga Tulang Kiri Patah"                    href="https://www.detik.com/pop/trending/d-8529113/ryan-reynolds-pernah-ditabrak-pengemudi-mabuk-hingga-tulang-kiri-patah" class="media__link">
                    Ryan Reynolds Pernah Ditabrak Pengemudi Mabuk hingga Tulang Kiri Patah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244703" title="Jumat, 12 Jun 2026 13:11 WIB">18 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/2018/07/02/1e613752-ca39-402b-bd1a-b91f00a1990f_169.jpeg'
i-info='detikOto | <span d-time="1781244601" title="Jumat, 12 Jun 2026 13:10 WIB">19 menit yang lalu</span>'
i-link='https://oto.detik.com/berita/d-8529111/sekarang-dijual-rp-16-250-liter-ternyata-harga-asli-pertamax-segini'
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="8529111" dtr-ttl="Sekarang Dijual Rp 16.250/Liter, Ternyata Harga Asli Pertamax Segini"                href="https://oto.detik.com/berita/d-8529111/sekarang-dijual-rp-16-250-liter-ternyata-harga-asli-pertamax-segini" 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="8529111" dtr-ttl="Sekarang Dijual Rp 16.250/Liter, Ternyata Harga Asli Pertamax Segini"                    href="https://oto.detik.com/berita/d-8529111/sekarang-dijual-rp-16-250-liter-ternyata-harga-asli-pertamax-segini" class="media__link">
                    Sekarang Dijual Rp 16.250/Liter, Ternyata Harga Asli Pertamax Segini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244601" title="Jumat, 12 Jun 2026 13:10 WIB">19 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='Review Battle'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/fried-chicken-lokal-murah-meriah-mana-paling-enak-1781234171201_169.jpeg'
i-info='<span d-time="1781240400" title="Jumat, 12 Jun 2026 12:00 WIB">1 jam yang lalu</span>'
i-link='https://food.detik.com/tempat-makan/d-8528854/cobain-3-fried-chicken-lokal-murah-meriah-mana-paling-enak'
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 Review Battle" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="13" dtr-id="8528854" dtr-ttl="Cobain 3 Fried Chicken Lokal Murah Meriah, Mana Paling Enak?"				href="https://food.detik.com/tempat-makan/d-8528854/cobain-3-fried-chicken-lokal-murah-meriah-mana-paling-enak" 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">
				Review Battle			</h2>
            <h3 class="media__title">
				<a dtr-evt="box Review Battle" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="13" dtr-id="8528854" dtr-ttl="Cobain 3 Fried Chicken Lokal Murah Meriah, Mana Paling Enak?"					href="https://food.detik.com/tempat-makan/d-8528854/cobain-3-fried-chicken-lokal-murah-meriah-mana-paling-enak" class="media__link">
					Cobain 3 Fried Chicken Lokal Murah Meriah, Mana Paling Enak?                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781240400" title="Jumat, 12 Jun 2026 12:00 WIB">1 jam 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/11/bolot-1781146697358_169.jpeg'
i-info='detikHot | <span d-time="1781244298" title="Jumat, 12 Jun 2026 13:04 WIB">24 menit yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8529006/kronologi-bolot-dilarikan-ke-rs-karena-serangan-jantung'
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="8529006" dtr-ttl="Kronologi Bolot Dilarikan ke RS karena Serangan Jantung"                href="https://hot.detik.com/celeb/d-8529006/kronologi-bolot-dilarikan-ke-rs-karena-serangan-jantung" 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="8529006" dtr-ttl="Kronologi Bolot Dilarikan ke RS karena Serangan Jantung"                    href="https://hot.detik.com/celeb/d-8529006/kronologi-bolot-dilarikan-ke-rs-karena-serangan-jantung" class="media__link">
                    Kronologi Bolot Dilarikan ke RS karena Serangan Jantung                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244298" title="Jumat, 12 Jun 2026 13:04 WIB">24 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/2026/06/11/jalur-minyak-dunia-jadi-sorotan-deretan-kapal-padati-selat-hormuz-1781172015815_169.jpeg'
i-info='detikFinance | <span d-time="1781244037" title="Jumat, 12 Jun 2026 13:00 WIB">29 menit yang lalu</span>'
i-link='https://finance.detik.com/foto-bisnis/d-8528036/jalur-minyak-dunia-jadi-sorotan-deretan-kapal-padati-selat-hormuz'
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">
                                        <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="16" dtr-id="8528036" dtr-ttl="Jalur Minyak Dunia Jadi Sorotan, Deretan Kapal Padati Selat Hormuz"                href="https://finance.detik.com/foto-bisnis/d-8528036/jalur-minyak-dunia-jadi-sorotan-deretan-kapal-padati-selat-hormuz" 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="16" dtr-id="8528036" dtr-ttl="Jalur Minyak Dunia Jadi Sorotan, Deretan Kapal Padati Selat Hormuz"                    href="https://finance.detik.com/foto-bisnis/d-8528036/jalur-minyak-dunia-jadi-sorotan-deretan-kapal-padati-selat-hormuz" class="media__link">
                    Jalur Minyak Dunia Jadi Sorotan, Deretan Kapal Padati Selat Hormuz                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244037" title="Jumat, 12 Jun 2026 13:00 WIB">29 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/2026/06/12/pembunuhan-pak-kadus-purbalingga-1781240866162_169.jpeg'
i-info='detikJateng | <span d-time="1781241953" title="Jumat, 12 Jun 2026 12:25 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/jateng/berita/d-8529062/pak-kadus-purbalingga-tewas-dibacok-tetangga-dipicu-cekcok-lahan-garapan'
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="8529062" dtr-ttl="Pak Kadus Purbalingga Tewas Dibacok Tetangga Dipicu Cekcok Lahan Garapan"                href="https://www.detik.com/jateng/berita/d-8529062/pak-kadus-purbalingga-tewas-dibacok-tetangga-dipicu-cekcok-lahan-garapan" 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="8529062" dtr-ttl="Pak Kadus Purbalingga Tewas Dibacok Tetangga Dipicu Cekcok Lahan Garapan"                    href="https://www.detik.com/jateng/berita/d-8529062/pak-kadus-purbalingga-tewas-dibacok-tetangga-dipicu-cekcok-lahan-garapan" class="media__link">
                    Pak Kadus Purbalingga Tewas Dibacok Tetangga Dipicu Cekcok Lahan Garapan                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241953" title="Jumat, 12 Jun 2026 12:25 WIB">1 jam 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/soccer-worldcup-mex-zaf-1781225104891_169.jpeg'
i-info='Sepakbola | <span d-time="1781244030" title="Jumat, 12 Jun 2026 13:00 WIB">29 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8529074/serba-pertama-di-laga-pembuka-piala-dunia-2026'
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="8529074" dtr-ttl="Serba Pertama di Laga Pembuka Piala Dunia 2026"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8529074/serba-pertama-di-laga-pembuka-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="18" dtr-id="8529074" dtr-ttl="Serba Pertama di Laga Pembuka Piala Dunia 2026"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8529074/serba-pertama-di-laga-pembuka-piala-dunia-2026" class="media__link">
                    Serba Pertama di Laga Pembuka Piala Dunia 2026                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244030" title="Jumat, 12 Jun 2026 13:00 WIB">29 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/giovana-stephenson-abe-haruvi-1781233266215_43.png'
i-info='Wolipop | <span d-time="1781244026" title="Jumat, 12 Jun 2026 13:00 WIB">29 menit yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8529030/drama-cerai-sosialita-bernilai-rp-1-triliun-rujuk-tapi-masih-digugat-suami'
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="8529030" dtr-ttl="Drama Cerai Sosialita Bernilai Rp 1 Triliun, Rujuk Tapi Masih Digugat Suami"                href="https://wolipop.detik.com/entertainment-news/d-8529030/drama-cerai-sosialita-bernilai-rp-1-triliun-rujuk-tapi-masih-digugat-suami" 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="8529030" dtr-ttl="Drama Cerai Sosialita Bernilai Rp 1 Triliun, Rujuk Tapi Masih Digugat Suami"                    href="https://wolipop.detik.com/entertainment-news/d-8529030/drama-cerai-sosialita-bernilai-rp-1-triliun-rujuk-tapi-masih-digugat-suami" class="media__link">
                    Drama Cerai Sosialita Bernilai Rp 1 Triliun, Rujuk Tapi Masih Digugat Suami                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244026" title="Jumat, 12 Jun 2026 13:00 WIB">29 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/10/situs-spmb-provinsi-banten-1781060858226_169.png'
i-info='detikEdu | <span d-time="1781244000" title="Jumat, 12 Jun 2026 13:00 WIB">29 menit yang lalu</span>'
i-link='https://www.detik.com/edu/sekolah/d-8529087/spmb-banten-2026-jenjang-sma-masih-dibuka-jalur-domisili-wilayah-mulai-17-juni'
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="8529087" dtr-ttl="SPMB Banten 2026 Jenjang SMA Masih Dibuka, Jalur Domisili Wilayah Mulai 17 Juni"                href="https://www.detik.com/edu/sekolah/d-8529087/spmb-banten-2026-jenjang-sma-masih-dibuka-jalur-domisili-wilayah-mulai-17-juni" 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="8529087" dtr-ttl="SPMB Banten 2026 Jenjang SMA Masih Dibuka, Jalur Domisili Wilayah Mulai 17 Juni"                    href="https://www.detik.com/edu/sekolah/d-8529087/spmb-banten-2026-jenjang-sma-masih-dibuka-jalur-domisili-wilayah-mulai-17-juni" class="media__link">
                    SPMB Banten 2026 Jenjang SMA Masih Dibuka, Jalur Domisili Wilayah Mulai 17 Juni                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244000" title="Jumat, 12 Jun 2026 13:00 WIB">29 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/2026/06/12/indomie-goreng-cabe-ijo-kini-pedasnya-lebih-bernyali-1781237944437_169.jpeg'
i-info='detikFood | <span d-time="1781244000" title="Jumat, 12 Jun 2026 13:00 WIB">29 menit yang lalu</span>'
i-link='https://food.detik.com/berita-boga/d-8528953/comeback-indomie-goreng-cabe-ijo-kini-pedasnya-lebih-bernyali'
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="8528953" dtr-ttl="Comeback! Indomie Goreng Cabe Ijo Kini Pedasnya Lebih Bernyali"                href="https://food.detik.com/berita-boga/d-8528953/comeback-indomie-goreng-cabe-ijo-kini-pedasnya-lebih-bernyali" 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="8528953" dtr-ttl="Comeback! Indomie Goreng Cabe Ijo Kini Pedasnya Lebih Bernyali"                    href="https://food.detik.com/berita-boga/d-8528953/comeback-indomie-goreng-cabe-ijo-kini-pedasnya-lebih-bernyali" class="media__link">
                    Comeback! Indomie Goreng Cabe Ijo Kini Pedasnya Lebih Bernyali                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781244000" title="Jumat, 12 Jun 2026 13:00 WIB">29 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='21'
i-subtitle='Sumatera Selatan'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/polisi-saat-mengamankan-pelaku-pembunuhan-di-ogan-ilir-1781240494236_169.jpeg'
i-info='<span d-time="1781240636" title="Jumat, 12 Jun 2026 12:03 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/sumbagsel/hukum-dan-kriminal/d-8529032/wanita-ditemukan-tewas-tergantung-di-kebun-karet-ogan-ilir-ternyata-dibunuh'
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 Sumatera Selatan" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8529032" dtr-ttl="Wanita Ditemukan Tewas Tergantung di Kebun Karet Ogan Ilir, Ternyata Dibunuh"				href="https://www.detik.com/sumbagsel/hukum-dan-kriminal/d-8529032/wanita-ditemukan-tewas-tergantung-di-kebun-karet-ogan-ilir-ternyata-dibunuh" 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">
				Sumatera Selatan			</h2>
            <h3 class="media__title">
				<a dtr-evt="box Sumatera Selatan" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8529032" dtr-ttl="Wanita Ditemukan Tewas Tergantung di Kebun Karet Ogan Ilir, Ternyata Dibunuh"					href="https://www.detik.com/sumbagsel/hukum-dan-kriminal/d-8529032/wanita-ditemukan-tewas-tergantung-di-kebun-karet-ogan-ilir-ternyata-dibunuh" class="media__link">
					Wanita Ditemukan Tewas Tergantung di Kebun Karet Ogan Ilir, Ternyata Dibunuh                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781240636" title="Jumat, 12 Jun 2026 12:03 WIB">1 jam 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/06/05/ilustrasi-ujian-di-kelas-3-smp-1780649253397_169.png'
i-info='detikNews | <span d-time="1781243680" title="Jumat, 12 Jun 2026 12:54 WIB">35 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529091/hore-24-smp-swasta-di-kota-serang-bakal-gratis-biaya-spp'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="23" dtr-id="8529091" dtr-ttl="Hore! 24 SMP Swasta di Kota Serang Bakal Gratis Biaya SPP"                href="https://news.detik.com/berita/d-8529091/hore-24-smp-swasta-di-kota-serang-bakal-gratis-biaya-spp" 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="8529091" dtr-ttl="Hore! 24 SMP Swasta di Kota Serang Bakal Gratis Biaya SPP"                    href="https://news.detik.com/berita/d-8529091/hore-24-smp-swasta-di-kota-serang-bakal-gratis-biaya-spp" class="media__link">
                    Hore! 24 SMP Swasta di Kota Serang Bakal Gratis Biaya SPP                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781243680" title="Jumat, 12 Jun 2026 12:54 WIB">35 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/balik-nama-sertifikat-tanah-warisan-1781241913370_169.png'
i-info='detikProperti | <span d-time="1781243155" title="Jumat, 12 Jun 2026 12:45 WIB">43 menit yang lalu</span>'
i-link='https://www.detik.com/properti/kepemilikan-rumah/d-8529084/infografis-ini-risiko-tunda-balik-nama-sertifikat-tanah-warisan'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="24" dtr-id="8529084" dtr-ttl="Infografis: Ini Risiko Tunda Balik Nama Sertifikat Tanah Warisan"                href="https://www.detik.com/properti/kepemilikan-rumah/d-8529084/infografis-ini-risiko-tunda-balik-nama-sertifikat-tanah-warisan" 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="8529084" dtr-ttl="Infografis: Ini Risiko Tunda Balik Nama Sertifikat Tanah Warisan"                    href="https://www.detik.com/properti/kepemilikan-rumah/d-8529084/infografis-ini-risiko-tunda-balik-nama-sertifikat-tanah-warisan" class="media__link">
                    Infografis: Ini Risiko Tunda Balik Nama Sertifikat Tanah Warisan                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781243155" title="Jumat, 12 Jun 2026 12:45 WIB">43 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/2024/07/29/selama-14-hari-operasi-patuh-jaya-2024-total-74-penggunaan-strobo-tidak-sesuai-peruntukannya-ditindak-polisi-dok-tmc-polda-met_169.jpeg'
i-info='detikOto | <span d-time="1781243114" title="Jumat, 12 Jun 2026 12:45 WIB">44 menit yang lalu</span>'
i-link='https://oto.detik.com/berita/d-8529082/sirene-tot-tot-wuk-wuk-buat-ngawal-masih-dilarang-cuma-boleh-buat-patroli-di-tol'
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="8529082" dtr-ttl="Sirene Tot tot Wuk Wuk Buat Ngawal Masih Dilarang, Cuma Boleh Buat Patroli di Tol"                href="https://oto.detik.com/berita/d-8529082/sirene-tot-tot-wuk-wuk-buat-ngawal-masih-dilarang-cuma-boleh-buat-patroli-di-tol" 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="8529082" dtr-ttl="Sirene Tot tot Wuk Wuk Buat Ngawal Masih Dilarang, Cuma Boleh Buat Patroli di Tol"                    href="https://oto.detik.com/berita/d-8529082/sirene-tot-tot-wuk-wuk-buat-ngawal-masih-dilarang-cuma-boleh-buat-patroli-di-tol" class="media__link">
                    Sirene Tot tot Wuk Wuk Buat Ngawal Masih Dilarang, Cuma Boleh Buat Patroli di Tol                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781243114" title="Jumat, 12 Jun 2026 12:45 WIB">44 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/menpan-rb-rini-widyantini-meninjau-mpp-dki-jakarta-1781243054918.jpeg'
i-info='detikNews | <span d-time="1781243071" title="Jumat, 12 Jun 2026 12:44 WIB">45 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529080/menteri-panrb-harap-mpp-jadi-pusat-solusi-kebutuhan-masyarakat'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="26" dtr-id="8529080" dtr-ttl="Menteri PANRB Harap MPP Jadi Pusat Solusi Kebutuhan Masyarakat"                href="https://news.detik.com/berita/d-8529080/menteri-panrb-harap-mpp-jadi-pusat-solusi-kebutuhan-masyarakat" 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="8529080" dtr-ttl="Menteri PANRB Harap MPP Jadi Pusat Solusi Kebutuhan Masyarakat"                    href="https://news.detik.com/berita/d-8529080/menteri-panrb-harap-mpp-jadi-pusat-solusi-kebutuhan-masyarakat" class="media__link">
                    Menteri PANRB Harap MPP Jadi Pusat Solusi Kebutuhan Masyarakat                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781243071" title="Jumat, 12 Jun 2026 12:44 WIB">45 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/soccer-worldcup-mex-zaf-1781225143921_169.jpeg'
i-info='Sepakbola | <span d-time="1781242810" title="Jumat, 12 Jun 2026 12:40 WIB">49 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/foto-sepakbola/d-8528881/deretan-jersey-keren-piala-dunia-2026'
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">
                                        <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="27" dtr-id="8528881" dtr-ttl="Deretan Jersey Keren Piala Dunia 2026"                href="https://sport.detik.com/sepakbola/foto-sepakbola/d-8528881/deretan-jersey-keren-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="27" dtr-id="8528881" dtr-ttl="Deretan Jersey Keren Piala Dunia 2026"                    href="https://sport.detik.com/sepakbola/foto-sepakbola/d-8528881/deretan-jersey-keren-piala-dunia-2026" class="media__link">
                    Deretan Jersey Keren Piala Dunia 2026                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242810" title="Jumat, 12 Jun 2026 12:40 WIB">49 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/2026/06/12/penulis-jane-yolen-1781242748117_43.jpeg'
i-info='detikPop | <span d-time="1781242765" title="Jumat, 12 Jun 2026 12:39 WIB">50 menit yang lalu</span>'
i-link='https://www.detik.com/pop/culture/d-8529073/penulis-450-buku-asal-amerika-jane-yolen-meninggal-dunia'
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="8529073" dtr-ttl="Penulis 450 Buku Asal Amerika, Jane Yolen Meninggal Dunia"                href="https://www.detik.com/pop/culture/d-8529073/penulis-450-buku-asal-amerika-jane-yolen-meninggal-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="28" dtr-id="8529073" dtr-ttl="Penulis 450 Buku Asal Amerika, Jane Yolen Meninggal Dunia"                    href="https://www.detik.com/pop/culture/d-8529073/penulis-450-buku-asal-amerika-jane-yolen-meninggal-dunia" class="media__link">
                    Penulis 450 Buku Asal Amerika, Jane Yolen Meninggal Dunia                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242765" title="Jumat, 12 Jun 2026 12:39 WIB">50 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/2026/06/12/korea-selatan-vs-ceko-1781231880565_169.jpeg'
i-info='Sepakbola | <span d-time="1781242658" title="Jumat, 12 Jun 2026 12:37 WIB">52 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/detiktv/d-8529072/video-korea-selatan-menang-comeback-2-1-vs-ceko'
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">
                                                    <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-260612032/video-korea-selatan-menang-comeback-2-1-vs-ceko"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="29" dtr-id="8529072" dtr-ttl="Video: Korea Selatan Menang Comeback 2-1 vs Ceko"                href="https://20.detik.com/detikupdate/20260612-260612032/video-korea-selatan-menang-comeback-2-1-vs-ceko" 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="8529072" dtr-ttl="Video: Korea Selatan Menang Comeback 2-1 vs Ceko"                    href="https://20.detik.com/detikupdate/20260612-260612032/video-korea-selatan-menang-comeback-2-1-vs-ceko" class="media__link">
                    Video: Korea Selatan Menang Comeback 2-1 vs Ceko                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242658" title="Jumat, 12 Jun 2026 12:37 WIB">52 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/2026/06/12/kabid-humas-polda-metro-jaya-kombes-budi-hermanto-1781242336186_169.jpeg'
i-info='detikNews | <span d-time="1781242366" title="Jumat, 12 Jun 2026 12:32 WIB">57 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529067/polisi-koordinasi-alihkan-massa-demo-di-bundaran-hi-ke-patung-kuda-atau-dpr'
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="8529067" dtr-ttl="Polisi Koordinasi Alihkan Massa Demo di Bundaran HI ke Patung Kuda atau DPR"                href="https://news.detik.com/berita/d-8529067/polisi-koordinasi-alihkan-massa-demo-di-bundaran-hi-ke-patung-kuda-atau-dpr" 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="8529067" dtr-ttl="Polisi Koordinasi Alihkan Massa Demo di Bundaran HI ke Patung Kuda atau DPR"                    href="https://news.detik.com/berita/d-8529067/polisi-koordinasi-alihkan-massa-demo-di-bundaran-hi-ke-patung-kuda-atau-dpr" class="media__link">
                    Polisi Koordinasi Alihkan Massa Demo di Bundaran HI ke Patung Kuda atau DPR                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242366" title="Jumat, 12 Jun 2026 12:32 WIB">57 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/2023/05/31/al-quran_169.jpeg'
i-info='detikHikmah | <span d-time="1781242238" title="Jumat, 12 Jun 2026 12:30 WIB">59 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/khazanah/d-8529038/surat-at-taubah-128-dan-129-untuk-wirid-pelindung-diri-dan-penarik-rezeki'
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="8529038" dtr-ttl="Surat At Taubah 128 dan 129 untuk Wirid Pelindung Diri dan Penarik Rezeki"                href="https://www.detik.com/hikmah/khazanah/d-8529038/surat-at-taubah-128-dan-129-untuk-wirid-pelindung-diri-dan-penarik-rezeki" 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="8529038" dtr-ttl="Surat At Taubah 128 dan 129 untuk Wirid Pelindung Diri dan Penarik Rezeki"                    href="https://www.detik.com/hikmah/khazanah/d-8529038/surat-at-taubah-128-dan-129-untuk-wirid-pelindung-diri-dan-penarik-rezeki" class="media__link">
                    Surat At Taubah 128 dan 129 untuk Wirid Pelindung Diri dan Penarik Rezeki                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242238" title="Jumat, 12 Jun 2026 12:30 WIB">59 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/05/19/ilustrasi-tongseng-1779171846526.jpeg'
i-info='detikFood | <span d-time="1781242229" title="Jumat, 12 Jun 2026 12:30 WIB">59 menit yang lalu</span>'
i-link='https://food.detik.com/info-kuliner/d-8528005/kini-jadi-warisan-budaya-tongseng-battembat-berawal-dari-sisa-daging-jagal'
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="8528005" dtr-ttl="Kini Jadi Warisan Budaya, Tongseng Battembat Berawal dari Sisa Daging Jagal"                href="https://food.detik.com/info-kuliner/d-8528005/kini-jadi-warisan-budaya-tongseng-battembat-berawal-dari-sisa-daging-jagal" 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="8528005" dtr-ttl="Kini Jadi Warisan Budaya, Tongseng Battembat Berawal dari Sisa Daging Jagal"                    href="https://food.detik.com/info-kuliner/d-8528005/kini-jadi-warisan-budaya-tongseng-battembat-berawal-dari-sisa-daging-jagal" class="media__link">
                    Kini Jadi Warisan Budaya, Tongseng Battembat Berawal dari Sisa Daging Jagal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242229" title="Jumat, 12 Jun 2026 12:30 WIB">59 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/2025/06/13/world-app-1749818451993_169.jpeg'
i-info='detikInet | <span d-time="1781242209" title="Jumat, 12 Jun 2026 12:30 WIB">59 menit yang lalu</span>'
i-link='https://inet.detik.com/cyberlife/d-8528853/startup-pemindai-mata-milik-sam-altman-terseok-seok-mulai-phk-pegawai'
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="8528853" dtr-ttl="Startup Pemindai Mata Milik Sam Altman Terseok-seok: Mulai PHK Pegawai"                href="https://inet.detik.com/cyberlife/d-8528853/startup-pemindai-mata-milik-sam-altman-terseok-seok-mulai-phk-pegawai" 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="8528853" dtr-ttl="Startup Pemindai Mata Milik Sam Altman Terseok-seok: Mulai PHK Pegawai"                    href="https://inet.detik.com/cyberlife/d-8528853/startup-pemindai-mata-milik-sam-altman-terseok-seok-mulai-phk-pegawai" class="media__link">
                    Startup Pemindai Mata Milik Sam Altman Terseok-seok: Mulai PHK Pegawai                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242209" title="Jumat, 12 Jun 2026 12:30 WIB">59 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/04/27/drama-china-lin-yi-1777255015843.webp'
i-info='Wolipop | <span d-time="1781242204" title="Jumat, 12 Jun 2026 12:30 WIB">59 menit yang lalu</span>'
i-link='https://wolipop.detik.com/love/d-8528774/ramalan-zodiak-cinta-12-juni-taurus-lagi-harmonis-leo-jaga-nada-bicara'
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="8528774" dtr-ttl="Ramalan Zodiak Cinta 12 Juni: Taurus Lagi Harmonis, Leo Jaga Nada Bicara"                href="https://wolipop.detik.com/love/d-8528774/ramalan-zodiak-cinta-12-juni-taurus-lagi-harmonis-leo-jaga-nada-bicara" 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="8528774" dtr-ttl="Ramalan Zodiak Cinta 12 Juni: Taurus Lagi Harmonis, Leo Jaga Nada Bicara"                    href="https://wolipop.detik.com/love/d-8528774/ramalan-zodiak-cinta-12-juni-taurus-lagi-harmonis-leo-jaga-nada-bicara" class="media__link">
                    Ramalan Zodiak Cinta 12 Juni: Taurus Lagi Harmonis, Leo Jaga Nada Bicara                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242204" title="Jumat, 12 Jun 2026 12:30 WIB">59 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/2026/03/10/ilustrasi-guru-pns-chat-gpt-1773158648396_169.png'
i-info='detikEdu | <span d-time="1781242200" title="Jumat, 12 Jun 2026 12:30 WIB">59 menit yang lalu</span>'
i-link='https://www.detik.com/edu/sekolah/d-8528998/hasil-seleksi-administrasi-ppg-bagi-guru-tertentu-2026-keluar-segera-cek'
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="8528998" dtr-ttl="Hasil Seleksi Administrasi PPG bagi Guru Tertentu 2026 Keluar, Segera Cek!"                href="https://www.detik.com/edu/sekolah/d-8528998/hasil-seleksi-administrasi-ppg-bagi-guru-tertentu-2026-keluar-segera-cek" 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="8528998" dtr-ttl="Hasil Seleksi Administrasi PPG bagi Guru Tertentu 2026 Keluar, Segera Cek!"                    href="https://www.detik.com/edu/sekolah/d-8528998/hasil-seleksi-administrasi-ppg-bagi-guru-tertentu-2026-keluar-segera-cek" class="media__link">
                    Hasil Seleksi Administrasi PPG bagi Guru Tertentu 2026 Keluar, Segera Cek!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242200" title="Jumat, 12 Jun 2026 12:30 WIB">59 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/2021/03/02/gedung-baru-kpk-1_169.jpeg'
i-info='detikNews | <span d-time="1781242170" title="Jumat, 12 Jun 2026 12:29 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529065/anggota-dpr-heri-gunawan-dan-istri-absen-pemeriksaan-kpk-kasus-korupsi-csr-bi'
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="8529065" dtr-ttl="Anggota DPR Heri Gunawan dan Istri Absen Pemeriksaan KPK Kasus Korupsi CSR-BI"                href="https://news.detik.com/berita/d-8529065/anggota-dpr-heri-gunawan-dan-istri-absen-pemeriksaan-kpk-kasus-korupsi-csr-bi" 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="8529065" dtr-ttl="Anggota DPR Heri Gunawan dan Istri Absen Pemeriksaan KPK Kasus Korupsi CSR-BI"                    href="https://news.detik.com/berita/d-8529065/anggota-dpr-heri-gunawan-dan-istri-absen-pemeriksaan-kpk-kasus-korupsi-csr-bi" class="media__link">
                    Anggota DPR Heri Gunawan dan Istri Absen Pemeriksaan KPK Kasus Korupsi CSR-BI                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242170" title="Jumat, 12 Jun 2026 12:29 WIB">1 jam 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/pope-spain-1781242053054_169.jpeg'
i-info='detikNews | <span d-time="1781242095" title="Jumat, 12 Jun 2026 12:28 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8529063/video-menara-tertinggi-sagrada-familia-resmi-menyala'
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">
                                                    <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-260612031/video-menara-tertinggi-sagrada-familia-resmi-menyala"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="37" dtr-id="8529063" dtr-ttl="Video: Menara Tertinggi Sagrada Familia Resmi Menyala"                href="https://20.detik.com/detikupdate/20260612-260612031/video-menara-tertinggi-sagrada-familia-resmi-menyala" 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="8529063" dtr-ttl="Video: Menara Tertinggi Sagrada Familia Resmi Menyala"                    href="https://20.detik.com/detikupdate/20260612-260612031/video-menara-tertinggi-sagrada-familia-resmi-menyala" class="media__link">
                    Video: Menara Tertinggi Sagrada Familia Resmi Menyala                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781242095" title="Jumat, 12 Jun 2026 12:28 WIB">1 jam 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/2026/06/11/praz-teguh-1781168511057_169.jpeg'
i-info='detikHot | <span d-time="1781241713" title="Jumat, 12 Jun 2026 12:21 WIB">1 jam yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8529059/praz-teguh-soal-dugaan-penipuan-hanania-group-kok-bisa-gini'
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="8529059" dtr-ttl="Praz Teguh soal Dugaan Penipuan Hanania Group: Kok Bisa Gini?"                href="https://hot.detik.com/celeb/d-8529059/praz-teguh-soal-dugaan-penipuan-hanania-group-kok-bisa-gini" 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="8529059" dtr-ttl="Praz Teguh soal Dugaan Penipuan Hanania Group: Kok Bisa Gini?"                    href="https://hot.detik.com/celeb/d-8529059/praz-teguh-soal-dugaan-penipuan-hanania-group-kok-bisa-gini" class="media__link">
                    Praz Teguh soal Dugaan Penipuan Hanania Group: Kok Bisa Gini?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241713" title="Jumat, 12 Jun 2026 12:21 WIB">1 jam 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/timnas-meksiko-1781237677816_43.jpeg'
i-info='Sepakbola | <span d-time="1781241605" title="Jumat, 12 Jun 2026 12:20 WIB">1 jam yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8529001/meksiko-lanjutkan-tren-tak-terkalahkan-di-laga-pertama-piala-dunia'
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="8529001" dtr-ttl="Meksiko Lanjutkan Tren Tak Terkalahkan di Laga Pertama Piala Dunia"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8529001/meksiko-lanjutkan-tren-tak-terkalahkan-di-laga-pertama-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="39" dtr-id="8529001" dtr-ttl="Meksiko Lanjutkan Tren Tak Terkalahkan di Laga Pertama Piala Dunia"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8529001/meksiko-lanjutkan-tren-tak-terkalahkan-di-laga-pertama-piala-dunia" class="media__link">
                    Meksiko Lanjutkan Tren Tak Terkalahkan di Laga Pertama Piala Dunia                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241605" title="Jumat, 12 Jun 2026 12:20 WIB">1 jam 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/2021/04/01/ilustrasi-garis-polisi_169.jpeg'
i-info='detikNews | <span d-time="1781241554" title="Jumat, 12 Jun 2026 12:19 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529056/pecahkan-kaca-gedung-pengeroyok-sengaja-lempar-korban-dari-lantai-2'
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="8529056" dtr-ttl="Pecahkan Kaca Gedung, Pengeroyok Sengaja Lempar Korban dari Lantai 2"                href="https://news.detik.com/berita/d-8529056/pecahkan-kaca-gedung-pengeroyok-sengaja-lempar-korban-dari-lantai-2" 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="8529056" dtr-ttl="Pecahkan Kaca Gedung, Pengeroyok Sengaja Lempar Korban dari Lantai 2"                    href="https://news.detik.com/berita/d-8529056/pecahkan-kaca-gedung-pengeroyok-sengaja-lempar-korban-dari-lantai-2" class="media__link">
                    Pecahkan Kaca Gedung, Pengeroyok Sengaja Lempar Korban dari Lantai 2                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241554" title="Jumat, 12 Jun 2026 12:19 WIB">1 jam 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/2026/05/12/mohammad-bagher-ghalibaf-1778580062899_169.jpeg'
i-info='detikNews | <span d-time="1781241234" title="Jumat, 12 Jun 2026 12:13 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8529052/teheran-ingatkan-as-akan-lihat-iran-yang-beda-jika-terus-menyerang'
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="8529052" dtr-ttl="Teheran Ingatkan AS Akan Lihat Iran yang Beda Jika Terus Menyerang!"                href="https://news.detik.com/internasional/d-8529052/teheran-ingatkan-as-akan-lihat-iran-yang-beda-jika-terus-menyerang" 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="8529052" dtr-ttl="Teheran Ingatkan AS Akan Lihat Iran yang Beda Jika Terus Menyerang!"                    href="https://news.detik.com/internasional/d-8529052/teheran-ingatkan-as-akan-lihat-iran-yang-beda-jika-terus-menyerang" class="media__link">
                    Teheran Ingatkan AS Akan Lihat Iran yang Beda Jika Terus Menyerang!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241234" title="Jumat, 12 Jun 2026 12:13 WIB">1 jam 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/06/12/kabid-humas-polda-metro-jaya-kombes-budi-hermanto-1781241151119_169.jpeg'
i-info='detikNews | <span d-time="1781241192" title="Jumat, 12 Jun 2026 12:13 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529042/polda-metro-jamin-kawal-pengamanan-demo-humanis-anggota-tak-dibekali-senpi'
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="8529042" dtr-ttl="Polda Metro Jamin Kawal Pengamanan Demo Humanis, Anggota Tak Dibekali Senpi"                href="https://news.detik.com/berita/d-8529042/polda-metro-jamin-kawal-pengamanan-demo-humanis-anggota-tak-dibekali-senpi" 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="8529042" dtr-ttl="Polda Metro Jamin Kawal Pengamanan Demo Humanis, Anggota Tak Dibekali Senpi"                    href="https://news.detik.com/berita/d-8529042/polda-metro-jamin-kawal-pengamanan-demo-humanis-anggota-tak-dibekali-senpi" class="media__link">
                    Polda Metro Jamin Kawal Pengamanan Demo Humanis, Anggota Tak Dibekali Senpi                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241192" title="Jumat, 12 Jun 2026 12:13 WIB">1 jam 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/04/07/ilustrasi-perempuan-traveling-sendiri-1775535987049_169.jpeg'
i-info='detikTravel | <span d-time="1781241025" title="Jumat, 12 Jun 2026 12:10 WIB">1 jam yang lalu</span>'
i-link='https://travel.detik.com/travel-tips/d-8528757/ide-liburan-seru-minim-budget-tapi-healing-maksimal'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="43" dtr-id="8528757" dtr-ttl="Ide Liburan Seru, Minim Budget tapi Healing Maksimal"                href="https://travel.detik.com/travel-tips/d-8528757/ide-liburan-seru-minim-budget-tapi-healing-maksimal" 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="8528757" dtr-ttl="Ide Liburan Seru, Minim Budget tapi Healing Maksimal"                    href="https://travel.detik.com/travel-tips/d-8528757/ide-liburan-seru-minim-budget-tapi-healing-maksimal" class="media__link">
                    Ide Liburan Seru, Minim Budget tapi Healing Maksimal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781241025" title="Jumat, 12 Jun 2026 12:10 WIB">1 jam 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/bocah-berusia-6-tahun-menjadi-korban-bullying-hingga-kejang-kesetrum-listrik-di-taman-kramat-jakarta-pusat-jakpus-taman-terseb-1781240695024_169.jpeg'
i-info='detikNews | <span d-time="1781240753" title="Jumat, 12 Jun 2026 12:05 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8529034/taman-kramat-jakpus-tkp-bocah-di-bully-hingga-kesetrum-kini-ditutup'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="44" dtr-id="8529034" dtr-ttl="Taman Kramat Jakpus TKP Bocah Di-bully hingga Kesetrum Kini Ditutup"                href="https://news.detik.com/berita/d-8529034/taman-kramat-jakpus-tkp-bocah-di-bully-hingga-kesetrum-kini-ditutup" 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="8529034" dtr-ttl="Taman Kramat Jakpus TKP Bocah Di-bully hingga Kesetrum Kini Ditutup"                    href="https://news.detik.com/berita/d-8529034/taman-kramat-jakpus-tkp-bocah-di-bully-hingga-kesetrum-kini-ditutup" class="media__link">
                    Taman Kramat Jakpus TKP Bocah Di-bully hingga Kesetrum Kini Ditutup                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240753" title="Jumat, 12 Jun 2026 12:05 WIB">1 jam 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/2025/05/08/roger-danuarta-dan-cut-meyriska-1746694622572_169.jpeg'
i-info='detikHot | <span d-time="1781240735" title="Jumat, 12 Jun 2026 12:05 WIB">1 jam yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8529033/cut-meyriska-dan-roger-danuarta-datangi-polda-metro-jaya-terkait-hanania-tour'
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="8529033" dtr-ttl="Cut Meyriska dan Roger Danuarta Datangi Polda Metro Jaya Terkait Hanania Tour"                href="https://hot.detik.com/celeb/d-8529033/cut-meyriska-dan-roger-danuarta-datangi-polda-metro-jaya-terkait-hanania-tour" 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="8529033" dtr-ttl="Cut Meyriska dan Roger Danuarta Datangi Polda Metro Jaya Terkait Hanania Tour"                    href="https://hot.detik.com/celeb/d-8529033/cut-meyriska-dan-roger-danuarta-datangi-polda-metro-jaya-terkait-hanania-tour" class="media__link">
                    Cut Meyriska dan Roger Danuarta Datangi Polda Metro Jaya Terkait Hanania Tour                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240735" title="Jumat, 12 Jun 2026 12:05 WIB">1 jam 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/2026/06/12/asah-otak-1781230083839_169.jpeg'
i-info='detikHealth | <span d-time="1781240624" title="Jumat, 12 Jun 2026 12:03 WIB">1 jam yang lalu</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8529031/kejelian-mata-bakal-diuji-tebak-bayangan-yang-sesuai-dengan-gambar'
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="8529031" dtr-ttl="Kejelian Mata Bakal Diuji, Tebak Bayangan yang Sesuai dengan Gambar"                href="https://health.detik.com/berita-detikhealth/d-8529031/kejelian-mata-bakal-diuji-tebak-bayangan-yang-sesuai-dengan-gambar" 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">Asah Otak</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="46" dtr-id="8529031" dtr-ttl="Kejelian Mata Bakal Diuji, Tebak Bayangan yang Sesuai dengan Gambar"                    href="https://health.detik.com/berita-detikhealth/d-8529031/kejelian-mata-bakal-diuji-tebak-bayangan-yang-sesuai-dengan-gambar" class="media__link">
                    Kejelian Mata Bakal Diuji, Tebak Bayangan yang Sesuai dengan Gambar                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240624" title="Jumat, 12 Jun 2026 12:03 WIB">1 jam 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/2026/06/12/lastri-arwah-kembang-desa-1781240202584_169.jpeg'
i-info='detikPop | <span d-time="1781240621" title="Jumat, 12 Jun 2026 12:03 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/pop/movie/d-8529025/lastri-jadi-film-terakhir-gary-iskak-pemain-ungkap-kenangan-manis'
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="8529025" dtr-ttl="Lastri Jadi Film Terakhir Gary Iskak, Pemain Ungkap Kenangan Manis"                href="https://www.detik.com/pop/movie/d-8529025/lastri-jadi-film-terakhir-gary-iskak-pemain-ungkap-kenangan-manis" 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="8529025" dtr-ttl="Lastri Jadi Film Terakhir Gary Iskak, Pemain Ungkap Kenangan Manis"                    href="https://www.detik.com/pop/movie/d-8529025/lastri-jadi-film-terakhir-gary-iskak-pemain-ungkap-kenangan-manis" class="media__link">
                    Lastri Jadi Film Terakhir Gary Iskak, Pemain Ungkap Kenangan Manis                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240621" title="Jumat, 12 Jun 2026 12:03 WIB">1 jam 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/20/misbakhun-1779245009214_169.jpeg'
i-info='detikFinance | <span d-time="1781240527" title="Jumat, 12 Jun 2026 12:02 WIB">1 jam yang lalu</span>'
i-link='https://finance.detik.com/berita-ekonomi-bisnis/d-8529023/misbakhun-minta-apbn-2027-perhatikan-kelas-menengah'
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="8529023" dtr-ttl="Misbakhun Minta APBN 2027 Perhatikan Kelas Menengah"                href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529023/misbakhun-minta-apbn-2027-perhatikan-kelas-menengah" 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="8529023" dtr-ttl="Misbakhun Minta APBN 2027 Perhatikan Kelas Menengah"                    href="https://finance.detik.com/berita-ekonomi-bisnis/d-8529023/misbakhun-minta-apbn-2027-perhatikan-kelas-menengah" class="media__link">
                    Misbakhun Minta APBN 2027 Perhatikan Kelas Menengah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240527" title="Jumat, 12 Jun 2026 12:02 WIB">1 jam 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/2017/05/29/9ee651ca-6cd4-449f-b8c8-a0511ed6e2ba_169.jpg'
i-info='detikBali | <span d-time="1781240487" title="Jumat, 12 Jun 2026 12:01 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/bali/hukum-dan-kriminal/d-8529028/geger-ayah-di-manggarai-timur-bunuh-anak-lalu-gantung-diri'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="49" dtr-id="8529028" dtr-ttl="Geger Ayah di Manggarai Timur Bunuh Anak lalu Gantung Diri"                href="https://www.detik.com/bali/hukum-dan-kriminal/d-8529028/geger-ayah-di-manggarai-timur-bunuh-anak-lalu-gantung-diri" 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="49" dtr-id="8529028" dtr-ttl="Geger Ayah di Manggarai Timur Bunuh Anak lalu Gantung Diri"                    href="https://www.detik.com/bali/hukum-dan-kriminal/d-8529028/geger-ayah-di-manggarai-timur-bunuh-anak-lalu-gantung-diri" class="media__link">
                    Geger Ayah di Manggarai Timur Bunuh Anak lalu Gantung Diri                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240487" title="Jumat, 12 Jun 2026 12:01 WIB">1 jam 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/2026/06/12/lamine-yamal-nico-williams-1781225318815_169.jpeg'
i-info='Sepakbola | <span d-time="1781240425" title="Jumat, 12 Jun 2026 12:00 WIB">1 jam yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8528796/yamal-dan-nico-sudah-latihan-bisa-main-lawan-cape-verde'
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="8528796" dtr-ttl="Yamal dan Nico Sudah Latihan, Bisa Main Lawan Cape Verde?"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8528796/yamal-dan-nico-sudah-latihan-bisa-main-lawan-cape-verde" 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="8528796" dtr-ttl="Yamal dan Nico Sudah Latihan, Bisa Main Lawan Cape Verde?"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8528796/yamal-dan-nico-sudah-latihan-bisa-main-lawan-cape-verde" class="media__link">
                    Yamal dan Nico Sudah Latihan, Bisa Main Lawan Cape Verde?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240425" title="Jumat, 12 Jun 2026 12:00 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/2022/07/20/ilustrasi-pelecehan-seksual-2_169.jpeg'
i-info='detikJatim | <span d-time="1781240418" title="Jumat, 12 Jun 2026 12:00 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/jatim/hukum-dan-kriminal/d-8529013/dp3a-dampingi-korban-pelecehan-eks-pengurus-perbakin-surabaya'
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="8529013" dtr-ttl="DP3A Dampingi Korban Pelecehan Eks Pengurus Perbakin Surabaya"                href="https://www.detik.com/jatim/hukum-dan-kriminal/d-8529013/dp3a-dampingi-korban-pelecehan-eks-pengurus-perbakin-surabaya" 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="8529013" dtr-ttl="DP3A Dampingi Korban Pelecehan Eks Pengurus Perbakin Surabaya"                    href="https://www.detik.com/jatim/hukum-dan-kriminal/d-8529013/dp3a-dampingi-korban-pelecehan-eks-pengurus-perbakin-surabaya" class="media__link">
                    DP3A Dampingi Korban Pelecehan Eks Pengurus Perbakin Surabaya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240418" title="Jumat, 12 Jun 2026 12: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/2021/12/01/lee-sun-bin-dan-lee-kwang-soo_43.jpeg'
i-info='Wolipop | <span d-time="1781240401" title="Jumat, 12 Jun 2026 12:00 WIB">1 jam yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8528785/gantikan-sooyoung-lee-kwang-soo-artis-pacaran-paling-awet-masuk-10-tahun'
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="8528785" dtr-ttl="Gantikan Sooyoung, Lee Kwang Soo &#039;Artis Pacaran Paling Awet&#039; Masuk 10 Tahun"                href="https://wolipop.detik.com/entertainment-news/d-8528785/gantikan-sooyoung-lee-kwang-soo-artis-pacaran-paling-awet-masuk-10-tahun" 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="8528785" dtr-ttl="Gantikan Sooyoung, Lee Kwang Soo &#039;Artis Pacaran Paling Awet&#039; Masuk 10 Tahun"                    href="https://wolipop.detik.com/entertainment-news/d-8528785/gantikan-sooyoung-lee-kwang-soo-artis-pacaran-paling-awet-masuk-10-tahun" class="media__link">
                    Gantikan Sooyoung, Lee Kwang Soo 'Artis Pacaran Paling Awet' Masuk 10 Tahun                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240401" title="Jumat, 12 Jun 2026 12: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/2015/07/22/6c7d60e3-4818-4ac9-a38f-87c8279598fc.jpg'
i-info='detikEdu | <span d-time="1781240400" title="Jumat, 12 Jun 2026 12:00 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/edu/detikpedia/d-8528387/ilmuwan-ungkap-menu-makan-orang-orang-ribuan-tahun-lalu-konsumsi-gandum'
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">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="53" dtr-id="8528387" dtr-ttl="Ilmuwan Ungkap Menu Makan Orang-orang Ribuan Tahun Lalu, Konsumsi Gandum?"                href="https://www.detik.com/edu/detikpedia/d-8528387/ilmuwan-ungkap-menu-makan-orang-orang-ribuan-tahun-lalu-konsumsi-gandum" 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="53" dtr-id="8528387" dtr-ttl="Ilmuwan Ungkap Menu Makan Orang-orang Ribuan Tahun Lalu, Konsumsi Gandum?"                    href="https://www.detik.com/edu/detikpedia/d-8528387/ilmuwan-ungkap-menu-makan-orang-orang-ribuan-tahun-lalu-konsumsi-gandum" class="media__link">
                    Ilmuwan Ungkap Menu Makan Orang-orang Ribuan Tahun Lalu, Konsumsi Gandum?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781240400" title="Jumat, 12 Jun 2026 12: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=202606121327" 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 @ 1781245511--><!--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=202606121327" 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=202606121327" 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=202606121327" 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="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="4" 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="5" dtr-ttl="badan gizi nasional"                            href="https://www.detik.com/tag/badan-gizi-nasional"
                            class="media__link">
                            badan gizi nasional                        </a>
                    </h3>
                </div>
            </div>
        </article>

        
    </div>
</div>
<!-- e:tag terpopuler -->

            <!-- 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="8528968" dtr-ttl="Bos Blueray Ngaku Beri Rp 30 M ke PNS Bea Cukai yang Lari Usai Diperiksa KPK"                            href="https://news.detik.com/berita/d-8528968/bos-blueray-ngaku-beri-rp-30-m-ke-pns-bea-cukai-yang-lari-usai-diperiksa-kpk"
                            class="media__link">
                            Bos Blueray Ngaku Beri Rp 30 M ke PNS Bea Cukai yang Lari Usai Diperiksa KPK                        </a>
                    </h3>
                </div>
                <div class="media__date">detikNews | <span d-time="1781238235" title="Jumat, 12 Jun 2026 11:23 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="8528945" dtr-ttl="Naik Angkot dan Bus, Mahasiswa UI Berangkat Demo ke Bundaran HI"                            href="https://news.detik.com/berita/d-8528945/naik-angkot-dan-bus-mahasiswa-ui-berangkat-demo-ke-bundaran-hi"
                            class="media__link">
                            Naik Angkot dan Bus, Mahasiswa UI Berangkat Demo ke Bundaran HI                        </a>
                    </h3>
                </div>
                <div class="media__date">detikNews | <span d-time="1781237718" title="Jumat, 12 Jun 2026 11:15 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 ">#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="8529020" dtr-ttl="Prabowo: Saya Menyambut Kritik dan Menelaah dengan Saksama"                            href="https://news.detik.com/berita/d-8529020/prabowo-saya-menyambut-kritik-dan-menelaah-dengan-saksama"
                            class="media__link">
                            Prabowo: Saya Menyambut Kritik dan Menelaah dengan Saksama                        </a>
                    </h3>
                </div>
                <div class="media__date">detikNews | <span d-time="1781240000" title="Jumat, 12 Jun 2026 11:53 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="8528947" dtr-ttl="Eks Presiden Korsel Dibui 30 Tahun karena Kirim Drone ke Korut"                            href="https://news.detik.com/internasional/d-8528947/eks-presiden-korsel-dibui-30-tahun-karena-kirim-drone-ke-korut"
                            class="media__link">
                            Eks Presiden Korsel Dibui 30 Tahun karena Kirim Drone ke Korut                        </a>
                    </h3>
                </div>
                <div class="media__date">detikNews | <span d-time="1781237830" title="Jumat, 12 Jun 2026 11: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 ">#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="8529056" dtr-ttl="Pecahkan Kaca Gedung, Pengeroyok Sengaja Lempar Korban dari Lantai 2"                            href="https://news.detik.com/berita/d-8529056/pecahkan-kaca-gedung-pengeroyok-sengaja-lempar-korban-dari-lantai-2"
                            class="media__link">
                            Pecahkan Kaca Gedung, Pengeroyok Sengaja Lempar Korban dari Lantai 2                        </a>
                    </h3>
                </div>
                <div class="media__date">detikNews | <span d-time="1781241554" title="Jumat, 12 Jun 2026 12:19 WIB">1 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>
            </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">82</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>

            <!-- 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=202606121327"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/navbar-sticky-event.js?v=202606121327"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606121327"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606121327"></script>

<script type="text/javascript">
  $(document).ready(function() {
      $("[d-time]").detikTime();
  })
	
	getScript("https://awscdn.detik.net.id/assets/js/slickslider.js?v=202606121327", 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=202606121327"></script>

<script src="https://awscdn.detik.net.id/assets/js/firebase-msg.js?v=202606121327" 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=202606121327" 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=202606121327" 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>
                <!-- s:footer asset manager -->
        <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/tab.js?v=202606121327"></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-->