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

        <!--s:dtkprv-->
<!--e:dtkprv-->
        <link href="https://awscdn.detik.net.id/detikcom/css/style.css?v=202606171027" rel="stylesheet">
        <link href="https://awscdn.detik.net.id/assets/css/placeholder.css?v=202606171027" 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 = 20;
    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_leaderboard, gpt_promobox, 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=202606171027" 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=202606171027" 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=202606171027" 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=202606171027" 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=202606171027" class="mgl-8"></div><ol id="promoted-search" class="search-section__list"></ol></div><div class="search-section"><div class="search-section__title">Terakhir yang dicari</div><ol class="search-section__list" id="last-search">Loading...</ol></div></div><div class="search-suggest hide-element"><div class="search-section"><suggest></suggest></div></div></div></div></div><div class="dtkframebar__user pull-right"><div class="dtkframebar__user__login" style="border-left:none"><div id="status_user_nf"><div class="dtkframebar__user__login__in"><div style="display:inline;padding-right:200px"><div class="ph-item"><div class="ph-col-12"><div class="ph-row"><div class="ph-col-12 big" style=""></div></div></div></div></div></div></div></div></div><div class="dtkframebar__bg__inner"></div></div></div></div></div></div>
<script type="text/javascript">var dc_params={client_id:2,ui:'popup',site_id:2}
var asset_common="https://awscdn.detik.net.id/assets";var framebar_url={"profile":"https:\/\/connect.detik.com\/dashboard\/","logout":"https:\/\/connect.detik.com\/oauth\/signout?redirectUrl=https%3A%2F%2Fwww.detik.com%2F","register":"https:\/\/connect.detik.com\/accounts\/register?clientId=64&redirectUrl=https%3A%2F%2Fwww.detik.com%2F&ui=popup&parentURI=https:\/\/www.detik.com\/","login":"https:\/\/connect.detik.com\/oauth\/authorize?clientId=64&redirectUrl=https%3A%2F%2Fwww.detik.com%2F&ui=popup&parentURI=https:\/\/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=202606171027"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/framebar/search.js?v=202606171027"></script>
<script>document.addEventListener("DOMContentLoaded",async function(){$("#dtkframebar-menu").click(function(t){var e=document.getElementsByClassName("framebarasset-lazy");if(0!=e.length){var a=e[0].querySelectorAll("[data-src]");for(let t=0;t<a.length;t++)a[t].setAttribute("src",a[t].getAttribute("data-src")),a[t].removeAttribute("data-src");}
$("#dtkframebar-menu").attr("dtr-evt","header"),$("#dtkframebar-menu").attr("dtr-sec","menuhamburger"),$("#dtkframebar-menu").attr("dtr-act","menuhamburger"),_pt(this)});await FramebarSearch.onLoad();const inputs=document.querySelectorAll(".placeholder-rotator");inputs.forEach((input)=>{const phrases=JSON.parse(input.getAttribute("data-phrases")||"[]");if (phrases.length === 0)return false;let index=0;input.placeholder="Cari berita "+phrases[index]??"Cari berita...";input.setAttribute("itp-data-value",phrases[index]);setInterval(()=>{input.classList.remove("fade-in");input.classList.add("fade-out");setTimeout(()=>{index=(index+1)%phrases.length;input.placeholder="Cari berita "+phrases[index];input.setAttribute("itp-data-value",phrases[index]);input.classList.remove("fade-out");input.classList.add("fade-in")},600)},5000)});const openBtn=document.querySelectorAll(".open-modal");const modalBackground=document.querySelector("#modal-background");const closeBtn=document.querySelectorAll(".close-allo-modal");openBtn.forEach((button)=>{button.addEventListener("click",()=>{modalBackground.style.display="block"})});closeBtn.forEach((button)=>{button.addEventListener("click",()=>{modalBackground.style.display="none"})});window.addEventListener("click",function(event){if(event.target===modalBackground){modalBackground.style.display="none"}});var openSearch=$("#dropdown-search");var closeSearch=$("#cancel-search");var textCount=$("#search-text");function open_search(){$(".framebar-desktop").css({position:"fixed",width:"100%",top:0});$("body").append("<div class='js-overlay'></div>");textCount.focus();setTimeout(function(){$("body").addClass("search-active")},100)}
function close_search(){$(".framebar-desktop").css({position:"",width:"",top:""});if($(".sticky-share").hasClass("has-class")){$(".framebar-desktop").css({position:"relative",width:"",top:""})}
setTimeout(function(){$(".js-overlay").remove()},300);$("body").removeClass("search-active");$(".dropdown-search").removeClass("dropdown-aktif")}
openSearch.click(function(e){$(".search-content").removeClass("hide-element");$(".search-suggest").addClass("hide-element");FramebarSearch.onOpen();e.preventDefault();if(!$("body").hasClass("search-active")){open_search()}
$(document).bind("mouseup touchend",function(e){var this_click=$(".dropdown-search, #cancel-search");if($("body").hasClass("search-active")){if(!this_click.is(e.target)&&this_click.has(e.target).length===0){setTimeout(function(){$(".js-overlay").remove()},300);$("body").removeClass("search-active");$(".framebar-desktop").css({position:"",width:"",top:""});if($(".sticky-share").hasClass("has-class")){$(".framebar-desktop").css({position:"relative",width:"",top:""})}}}})});closeSearch.click(function(e){e.preventDefault();close_search()});$(".clear-list").click(function(e){e.preventDefault();$(this).parent("li").remove()});textCount.on("keyup mouseup",function(e){e.preventDefault();var charsEntered=textCount.val().length;if(charsEntered>0){$("#clear-search-text").removeClass("hide-element");$(".search-content").addClass("hide-element");$(".search-suggest").removeClass("hide-element")}else{$("#clear-search-text").addClass("hide-element");$(".search-suggest").addClass("hide-element");$(".search-content").removeClass("hide-element")}});$("#clear-search-text").click(function(e){e.preventDefault();textCount.val("");$(this).addClass("hide-element");$(".search-suggest").addClass("hide-element");$(".search-content").removeClass("hide-element")});$('form[data-itp-form="searchbar"]').on("submit",function(e){FramebarSearch.onSubmit(e)})});</script><script>document.addEventListener("DOMContentLoaded",function(){const stickyElement=document.getElementById("sticky-area-outer");const frameBar=document.querySelector(".framebar-desktop");const sentinel=document.createElement("div");sentinel.style.width="100%";sentinel.style.position="absolute";sentinel.style.height="1px";frameBar.before(sentinel);const checkAdsInterval=setInterval(()=>{const creativeAds=document.querySelector(".billboard-new img");const stickyShare=document.querySelector(".sticky-share");if(!creativeAds&&!stickyShare){stickyElement.style.top="2px";stickyElement.style.zIndex="22";stickyElement.style.height="46px"}else{clearInterval(checkAdsInterval);stickyElement.style.top="0";stickyElement.style.zIndex="22";setTimeout(()=>{stickyElement.style.position="relative";stickyElement.style.top="2px";frameBar.style.top="0";frameBar.style.zIndex="22"},3000)}},500)});const style=document.createElement("style");style.innerHTML=`
 .fixed-framebar {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 22;
 }
 `;document.head.appendChild(style);document.addEventListener("DOMContentLoaded",()=>{const searchSuggest=document.querySelector(".search-suggest");const searchContent=document.querySelector(".search-content");let currentIndex=-1;let items=[];document.addEventListener("keydown",(e)=>{const visibleSections=[searchSuggest,searchContent].filter(section=>{return section&&window.getComputedStyle(section).display!=="none"});items=[];visibleSections.forEach(section=>{const sectionItems=section.querySelectorAll(".search-section__list li a");items.push(...sectionItems)});if(items.length===0)return;if(e.key==="ArrowDown"){e.preventDefault();currentIndex=(currentIndex+1)%items.length;updateFocus()}else if(e.key==="ArrowUp"){e.preventDefault();currentIndex=(currentIndex-1+items.length)%items.length;updateFocus()}else if(e.key==="Enter"&&currentIndex>-1){document.getElementById('search-text').disabled=!0;items[currentIndex].click()}});function updateFocus(){items.forEach((item,index)=>{item.classList.toggle("focused",index===currentIndex);if(index===currentIndex){item.scrollIntoView({block:"nearest"})}})}})</script>
<!--cached @ 1781666758--><!--replaced-->
            <!-- S:skinner --><!--S:SKIN AD-->  
<div class="bn_skin bn_skin1">
    <div class="skin3 slot_skinnerkiri">
        <ins data-labelname="skinnerkiri" data-revive-zoneid="557" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
    </div>
</div>
<div class="bn_skin bn_skin2">
<style>
        .bn_skin
        {z-index: 2 !important;}
    </style>

    <div class="skin3 slot_skinnerkanan">
        <ins data-labelname="skinnerkanan" data-revive-zoneid="558" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
    </div>
</div>

<script> 
var scrollState = 'top';
$(window).scroll(function(){ 
var scrollPos = $(window).scrollTop();

    if( ( scrollPos != 100 ) && ( scrollState === 'top' ) ) {
        $(".bn_skin").stop().animate({top: '90px'}, 300);
        scrollState = 'scrolled';
    }       
    else if( ( scrollPos === 0 ) && ( scrollState === 'scrolled' ) ) {
        $(".bn_skin").stop().animate({top: '45px'}, 300);
        scrollState = 'top';
    }

});
</script><!-- E:skinner -->            <!-- S:topframe --><!-- E:topframe -->            <!-- S:balloonads --> <!-- E:balloonads -->            <!-- S:bottomframe --><!-- E:bottomframe -->
        <!-- S:prestitial --> <!-- E:prestitial -->
        <header class="header">
 <div class="container">
 <div class="grid-row no-gutter justify-content-start">
 <div class="column-auto header__logo">
 <a href='https://sport.detik.com/juara-bola-dunia-2026' target="_blank" dtr-evt="header" dtr-sec="logo detikcom" dtr-act="logo detikcom" onclick="_pt(this)"><img src='https://awscdnstatic.detik.net.id/Brandcomm/desktop%20pildun%202026.gif' title='Piala Dunia 2026' alt='detikcom' class='logodetik' /></a> </div>
 <!-- S:leaderboard --> <!-- E:leaderboard -->
 </div>
 </div>
</header>
<div class="navbar-sticky-top"></div>
<div class="navbar-sticky">
 <div class="navbar-border"></div>
 <div class="container">
 <nav class="navbar-first">
 <a href='https://sport.detik.com/juara-bola-dunia-2026' target="_blank" dtr-evt="header" dtr-sec="logo detikcom" dtr-act="logo detikcom" onclick="_pt(this)"class="navbar-logo-kanal"><img class='logo-kanal' src='https://awscdnstatic.detik.net.id/Brandcomm/desktop%20pildun%202026.gif' title='Piala Dunia 2026' alt='detikcom' /></a> <ul class="nav font-heading">
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://news.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="detikNews" class="
 "
 style="
 "
 
 >
 detikNews </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://finance.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="detikFinance" class="
 "
 style="
 "
 
 >
 detikFinance </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://hot.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="detikHot" class="
 "
 style="
 "
 
 >
 detikHot </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://inet.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="detikInet" class="
 "
 style="
 "
 
 >
 detikInet </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://sport.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="detikSport" class="
 "
 style="
 "
 
 >
 detikSport </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://oto.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="detikOto" class="
 "
 style="
 "
 
 >
 detikOto </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://travel.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="detikTravel" class="
 "
 style="
 "
 
 >
 detikTravel </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://food.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="8" dtr-ttl="detikFood" class="
 "
 style="
 "
 
 >
 detikFood </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://health.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="9" dtr-ttl="detikHealth" class="
 "
 style="
 "
 
 >
 detikHealth </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://wolipop.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="10" dtr-ttl="Wolipop" class="
 "
 style="
 "
 
 >
 Wolipop </a>
 </li>
 
 
 
 <li class="nav__item
 "
 >
 <a
 href="https://20.detik.com/"
 dtr-evt="header" dtr-sec="first navbar" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="11" dtr-ttl="20detik" class="
 "
 style="
 "
 
 >
 20detik </a>
 </li>
 
 
 <li class="nav__item dropdown-wrap">
 <a
 href="#"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Daerah" dtr-ttl="dropdown kanal" class="dropdown"
 >
 Daerah <i class="icon icon-chevron-down"></i>
 </a>
 <div class="dropdown-menu dropdown-menu--right">
 <div class="dropdown-menu__content">
 <ul class="nav nav--column">
 <li class="nav__item">
 <a
 href="https://www.detik.com/jateng"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jateng" dtr-ttl="kanal berita"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jateng </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/jatim"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jatim" dtr-ttl="kanal berita"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jatim </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/jabar"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jabar" dtr-ttl="kanal berita"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jabar </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/bali"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Bali" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Bali </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/sulsel"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Sulsel" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Sulsel </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/sumut"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Sumut" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Sumut </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/sumbagsel"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Sumbagsel" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Sumbagsel </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/jogja"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Jogja" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Jogja </a>
 </li>
 <li class="nav__item">
 <a
 href="https://www.detik.com/kalimantan"
 dtr-evt="header" dtr-sec="" dtr-act="first navbar" onclick="_pt(this)" dtr-idx="Kalimantan" dtr-ttl="kanal berita"
 target="_blank"
 
 class="
 pd-12
 "
 style="
 "
 >
 Kalimantan </a>
 </li>
 </ul>
 </div>
 </div>
 </li>
 </ul>
</nav>
<style>
 .navbar-hover-class:hover {
 color: var(--hover-color)!important;
 }
</style> </div>
</div>
<div class="mgb-16">
 <div class="container">
 <div class="navbar navbar--bg">
 <nav class="navbar-second">
 <ul class="nav font-heading">
 <!-- S:navbar --> <!-- E:navbar --> <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://sport.detik.com/bold-riders"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Bold Riders Podium Picks" target="_blank"
 style="
 color: #000000;
 "
 class="
 "
 >
 Bold Riders Podium Picks </a>
 </li>
 <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://www.detik.com/tag/pertaminatalks"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="2" dtr-ttl="Pertamina Talks 2026" target="_blank"
 style="
 color: #000000;
 "
 class="
 "
 >
 Pertamina Talks 2026 </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://news.detik.com/x/"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="3" dtr-ttl="detikX" style="
 "
 class="
 "
 >
 detikX </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/hikmah"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Hikmah" style="
 "
 class="
 "
 >
 Hikmah </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/edu"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Edu" style="
 "
 class="
 "
 >
 Edu </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/properti"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Properti" style="
 "
 class="
 "
 >
 Properti </a>
 </li>
 <li
 class="
 nav__item
 "
 >
 <a
 href="https://www.detik.com/pop"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="7" dtr-ttl="Pop" style="
 color: #000000;
 "
 class="
 "
 >
 Pop </a>
 </li>
 <!-- S:navbar2 --> <!-- E:navbar2 --> <!-- S:navbar3 --> <!-- E:navbar3 --> <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://www.detik.com/karya-merah-putih"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="8" dtr-ttl="Karya Merah Putih" style="
 color: #000000;
 "
 class="
 "
 >
 Karya Merah Putih </a>
 </li>
 <li
 class="
 nav__item
 nav__item--new
 "
 >
 <a
 href="https://sport.detik.com/juara-bola-dunia-2026"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="9" dtr-ttl="Juara Bola Dunia 2026" style="
 "
 class="
 "
 >
 Juara Bola Dunia 2026 </a>
 </li>
 
 </ul>
</nav> </div>
 </div>
</div>
<!--cached @ 1781666758--><!--replaced-->
        <!-- S:billboard --><div id="leaderboard" style="background-color:#f8f8f8;width:728px;height:90px;position:relative;left:0px;right:0px;margin:auto;margin:8px auto;">
  <center>
    <!-- /4905536/detik_desktop/wp/leaderboard -->
    <div id='div-gpt-ad-1629684611153-0' style='height:90px; width:728px;'>
      <script>
        googletag.cmd.push(function () {
          googletag.display('div-gpt-ad-1629684611153-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=202606171027")
            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=202606171027")
            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=202606171027");
        }
        .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=202606171027"
                        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/section-ms.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=202606171027"
                            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=202606171027"
                            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="austria vs jordan" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group J</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/1128.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Austria</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/3992.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Jordan</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>17 Jun • 11: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="portugal vs congo dr" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group K</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/1134.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Portugal</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/3826.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Congo DR</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 00: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="england vs croatia" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group L</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/1115.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">England</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/1118.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Croatia</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 03: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="ghana vs panama" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group L</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/1786.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Ghana</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/3829.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Panama</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 06: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="uzbekistan vs colombia" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group K</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/3827.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Uzbekistan</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/3828.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Colombia</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 09: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="czech republic vs south africa" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group A</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/3988.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Czech Republic</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/3819.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">South Africa</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 23: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=202606171027" 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="mini games" href="https://sport.detik.com/juara-bola-dunia-2026/arcade/mini-games" 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_games.webp?v=202606171027" alt=""/></span>
        Mini<br />Games    </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=202606171027" 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=202606171027" 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=202606171027"
                        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/section-ms.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=202606171027"
                                        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=202606171027"
                                        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="austria vs jordan" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group J</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/1128.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Austria</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/3992.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Jordan</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>17 Jun • 11: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="portugal vs congo dr" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group K</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/1134.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Portugal</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/3826.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Congo DR</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 00: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="england vs croatia" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group L</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/1115.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">England</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/1118.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Croatia</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 03: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="ghana vs panama" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group L</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/1786.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Ghana</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/3829.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Panama</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 06: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="uzbekistan vs colombia" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group K</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/3827.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Uzbekistan</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/3828.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Colombia</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 09: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="czech republic vs south africa" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group A</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/3988.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">Czech Republic</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/3819.png?v=2026061710)"
                ></div>
                <div class="cb-juarabola__team-name">South Africa</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>18 Jun • 23: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/cb-klasemen.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=202606171027"
            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=202606171027"
            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/1116/pictures/AnwxFm2GfeRrd5d8i8ds.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SWITZERLAND                                </td>
                                <td>1</td>
                                <td>1</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>4</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>1</td>
                                <td>1</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/1125/pictures/hkwg44pg2tY5WR2qHYP9.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SCOTLAND                                </td>
                                <td>1</td>
                                <td>3</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>4</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>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 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>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>2</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>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</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>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 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>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>2</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>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</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>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 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/1132/pictures/zYRe5bGvei4AxXuuAbJH.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SWEDEN                                </td>
                                <td>1</td>
                                <td>3</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>1</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>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 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/3830/pictures/ZsbywhcjAmfDCfWmcs2o.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NEW ZEALAND                                </td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>2</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>4</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>1</td>
                                <td>1</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/1787/pictures/pvr8zC9bQMWhyZnCpmvB.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    URUGUAY                                </td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>2</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>1</td>
                            </tr>
                                                   <tr>
                                <td>4</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>1</td>
                                <td>1</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/1446/pictures/4KRJ9Ld8pvUZY38Q9qbe.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NORWAY                                </td>
                                <td>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>2</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>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>3</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>1</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</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>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 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>1</td>
                                <td>3</td>
                            </tr>
                                                   <tr>
                                <td>2</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>3</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>
                                                   <tr>
                                <td>4</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>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 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="8534986" dtr-ttl="Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia"    href="https://sport.detik.com/sepakbola/bola-dunia/d-8534986/sejarah-lionel-messi-jadi-pemain-pertama-yang-main-di-6-piala-dunia" target="_blank" class="cb-juarabola__main-article">
     <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/17/lionel-messi-1781664600145_169.jpeg?w=650&q=90" alt="Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia" title="Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia" 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">
           Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia        </h3>
        <div class="cb-juarabola__article-meta"><span d-time="1781666145" title="Rabu, 17 Jun 2026 10:15 WIB">12 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="8534981" dtr-ttl="Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8534981/hasil-argentina-vs-aljazair-messi-hat-trick-juara-bertahan-menang-3-0" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/17/soccer-worldcup-arg-dza-1781660586679_169.jpeg?w=650&q=90" alt="Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0" title="Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0</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="8534965" dtr-ttl="Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace"        href="https://20.detik.com/detikupdate/20260617-260617010/video-norwegia-hajar-irak-4-1-haaland-cetak-brace" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/17/irak-vs-norwegia-1781650428426_169.jpeg?w=650&q=90" alt="Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace" title="Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace</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="8534877" dtr-ttl="Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8534877/kemenangan-prancis-puaskan-deschamps-olise-jadi-kunci" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/17/soccer-worldcup-fra-sen-1781656066870_169.jpeg?w=650&q=90" alt="Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci" title="Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci</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="8534928" dtr-ttl="Video Mbappe Senang Jadi Raja Gol Prancis, Tapi Mau Fokus Pildun Dulu"        href="https://20.detik.com/detikupdate/20260617-260617009/video-mbappe-senang-jadi-raja-gol-prancis-tapi-mau-fokus-pildun-dulu" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/17/kylian-mbappe-1781645761740_169.jpeg?w=650&q=90" alt="Video Mbappe Senang Jadi Raja Gol Prancis, Tapi Mau Fokus Pildun Dulu" title="Video Mbappe Senang Jadi Raja Gol Prancis, Tapi Mau Fokus Pildun Dulu" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Video Mbappe Senang Jadi Raja Gol Prancis, Tapi Mau Fokus Pildun Dulu</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=202606171027" 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=202606171027" 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="mini games" href="https://sport.detik.com/juara-bola-dunia-2026/arcade/mini-games" 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_games.webp?v=202606171027" alt=""
        /></span>
        Mini Games    </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=202606171027" 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="8534921" dtr-ttl="Dijual Rp 16.250/Liter, Ternyata Bukan Harga Asli Pertamax"                href="https://oto.detik.com/berita/d-8534921/dijual-rp-16-250-liter-ternyata-bukan-harga-asli-pertamax"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/10/kenaikan-harga-pertamax-di-spbu-kota-blitar-1781073376334_169.jpeg?w=250&q=90" alt="Dijual Rp 16.250/Liter, Ternyata Bukan Harga Asli Pertamax" title="Dijual Rp 16.250/Liter, Ternyata Bukan Harga Asli Pertamax" 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="8534921" dtr-ttl="Dijual Rp 16.250/Liter, Ternyata Bukan Harga Asli Pertamax"                    href="https://oto.detik.com/berita/d-8534921/dijual-rp-16-250-liter-ternyata-bukan-harga-asli-pertamax"
                    class="media__link">
                    Dijual Rp 16.250/Liter, Ternyata Bukan Harga Asli Pertamax                </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="8534797" dtr-ttl="Kwon Eun Bin CLC Umumkan Pensiun"                href="https://www.detik.com/pop/korean-wave/d-8534797/kwon-eun-bin-clc-umumkan-pensiun"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/17/kwon-eun-bin-1781653151659_169.jpeg?w=250&q=90" alt="Kwon Eun Bin CLC Umumkan Pensiun" title="Kwon Eun Bin CLC Umumkan Pensiun" 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="8534797" dtr-ttl="Kwon Eun Bin CLC Umumkan Pensiun"                    href="https://www.detik.com/pop/korean-wave/d-8534797/kwon-eun-bin-clc-umumkan-pensiun"
                    class="media__link">
                    Kwon Eun Bin CLC Umumkan Pensiun                </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="8534962" dtr-ttl="Penelitian Ilmiah Usai, Fenomena &#039;Rumah Api&#039; di Seyegan Sleman Masih Misterius"                href="https://www.detik.com/jogja/berita/d-8534962/penelitian-ilmiah-usai-fenomena-rumah-api-di-seyegan-sleman-masih-misterius"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/05/30/tim-geologi-ugm-mengecek-penyebab-kebakaran-misterius-berulang-kali-di-rumah-warga-seyegan-sleman-sabtu-3052026-1780127349116_169.jpeg?w=250&q=90" alt="Penelitian Ilmiah Usai, Fenomena Rumah Api di Seyegan Sleman Masih Misterius" title="Penelitian Ilmiah Usai, Fenomena Rumah Api di Seyegan Sleman Masih Misterius" 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="8534962" dtr-ttl="Penelitian Ilmiah Usai, Fenomena &#039;Rumah Api&#039; di Seyegan Sleman Masih Misterius"                    href="https://www.detik.com/jogja/berita/d-8534962/penelitian-ilmiah-usai-fenomena-rumah-api-di-seyegan-sleman-masih-misterius"
                    class="media__link">
                    Penelitian Ilmiah Usai, Fenomena 'Rumah Api' di Seyegan Sleman Masih Misterius                </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="8534980" dtr-ttl="Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok"                href="https://health.detik.com/berita-detikhealth/d-8534980/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/17/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok-1781660999626_169.jpeg?w=250&q=90" alt="Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok" title="Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok" 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="8534980" dtr-ttl="Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok"                    href="https://health.detik.com/berita-detikhealth/d-8534980/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok"
                    class="media__link">
                    Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok                </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="8534981" dtr-ttl="Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8534981/argentina-vs-aljzair-messi-hat-trick-juara-bertahan-menang-3-0"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/visual/2026/06/17/soccer-worldcup-arg-dza-1781660586679_169.jpeg?w=250&q=90" alt="Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0" title="Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0" 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="8534981" dtr-ttl="Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8534981/argentina-vs-aljzair-messi-hat-trick-juara-bertahan-menang-3-0"
                    class="media__link">
                    Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0                </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="8535027" dtr-ttl="Akhirnya, Kapal-kapal Tanker Minyak Iran Melenggang Tanpa Blokade AS"                href="https://news.detik.com/internasional/d-8535027/akhirnya-kapal-kapal-tanker-minyak-iran-melenggang-tanpa-blokade-as"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/26/kapal-kapal-markir-di-selat-hormuz-1779783794849_169.png?w=700&q=90" alt="Ilustrasi Selat Hormuz (Foto: Reuters)" title="Ilustrasi Selat Hormuz (Foto: Reuters)" 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="8535027" dtr-ttl="Akhirnya, Kapal-kapal Tanker Minyak Iran Melenggang Tanpa Blokade AS"                    href="https://news.detik.com/internasional/d-8535027/akhirnya-kapal-kapal-tanker-minyak-iran-melenggang-tanpa-blokade-as"
                    class="media__link">
                    Akhirnya, Kapal-kapal Tanker Minyak Iran Melenggang Tanpa Blokade AS                </a>
            </h2>
            <div class="media__date mgt-4">detikNews | <span d-time="1781667169" title="Rabu, 17 Jun 2026 10:32 WIB">Rabu, 17 Jun 2026 10:32 WIB</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="8535018" dtr-ttl="Swiss Pastikan MoU AS-Iran Akan Diteken 19 Juni"                                href="https://news.detik.com/internasional/d-8535018/swiss-pastikan-mou-as-iran-akan-diteken-19-juni">
                                Swiss Pastikan MoU AS-Iran Akan Diteken 19 Juni                            </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="8534802" dtr-ttl="Tak Ada yang Tersisa Saat Pesawat Bomber B-52 Jatuh di AS"                                href="https://news.detik.com/internasional/d-8534802/tak-ada-yang-tersisa-saat-pesawat-bomber-b-52-jatuh-di-as">
                                Tak Ada yang Tersisa Saat Pesawat Bomber B-52 Jatuh di AS                            </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":"260617011","title":"Video: Kondisi Kerusakan di Sigi-Palu Usai Diguncang Gempa M 6,7","resume":"<p><a href=\"https:\/\/20.detik.com\/\"><strong>Gempa bumi mengguncang wilayah Palu, Sulawesi Tengah, dengan kekuatan magnitudo (M) 6,7. Getaran gempa itu mengakibatkan kerusakan.<\/strong><\/a><\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4463fca3100c4753afd326f09ec7e554-20260617095918-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4463fca3100c4753afd326f09ec7e554-20260617095918-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4463fca3100c4753afd326f09ec7e554-20260617095918-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4463fca3100c4753afd326f09ec7e554-20260617095918-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4463fca3100c4753afd326f09ec7e554-preview.json?crtm=20260617095918","keyword":"gempa palu,gempa m 6.7 palu,sulteng","url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617011\/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-67","embed":"https:\/\/20.detik.com\/embed\/260617011","slug":"\/260617011\/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-67","slug_20detik":"\/detikupdate\/20260617-260617011\/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-67","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/17\/4463fca3100c4753afd326f09ec7e554.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detiksulsel","reporter":"Apris Nawu","kameramen":"","created_by":"johan.alamsyah","duration":39,"keyword_ad":"gempa palu,gempa m 6.7 palu,sulteng","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:39","focus_id":null,"date_created":"2026-06-17 10:00:02","date_published":"2026-06-17 10:13:48","date_updated":"2026-06-17 10:13:47","date_created_timestamp":"1781665202","date_published_timestamp":"1781666028","status_video":0,"videos_custom_url":"","videos_title_url":"","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260617010","title":"Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace","resume":"<p><span style=\"text-decoration: underline;\"><strong>Norwegia memenangkan pertandingan Grup I Piala Dunia 2026 melawan Irak. Pertandingan selesai dengan skor akhir 4-1, Haaland pun mencetak brace pada babak pertama.<\/strong><\/span><\/p>\r\n<p>Dengan hasil ini Norwegia memimpin klasemen Grup I dengan 3 poin, hanya selisih gol dari Prancis yang memiliki jumlah poin sama.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/bb76c7bc10f64b6587ae771744760988-20260617094501-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/bb76c7bc10f64b6587ae771744760988-20260617094501-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/bb76c7bc10f64b6587ae771744760988-20260617094501-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/bb76c7bc10f64b6587ae771744760988-20260617094501-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/bb76c7bc10f64b6587ae771744760988-preview.json?crtm=20260617094501","keyword":"piala dunia 2026,norwegia,irak,erling haaland","url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617010\/video-norwegia-hajar-irak-4-1-haaland-cetak-brace","embed":"https:\/\/20.detik.com\/embed\/260617010","slug":"\/260617010\/video-norwegia-hajar-irak-4-1-haaland-cetak-brace","slug_20detik":"\/detikupdate\/20260617-260617010\/video-norwegia-hajar-irak-4-1-haaland-cetak-brace","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/17\/bb76c7bc10f64b6587ae771744760988.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiksport","reporter":"Ashri Fathan\/Reuters","kameramen":"","created_by":"widi.sumantoko46857","duration":45,"keyword_ad":"piala dunia 2026,norwegia,irak,erling haaland","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:45","focus_id":"94","date_created":"2026-06-17 09:35:05","date_published":"2026-06-17 09:54:18","date_updated":"2026-06-17 09:54:17","date_created_timestamp":"1781663705","date_published_timestamp":"1781664858","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/","videos_title_url":"Simak video menarik lainnya di sini.","topics":[{"name":"Olahraga","id":"10","slug":"olahraga"}],"noindex":false,"deeplink":false},{"id":"260617009","title":"Video Mbappe Senang Jadi Raja Gol Prancis, Tapi Mau Fokus Pildun Dulu","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=sepakbola\"><strong>Kylian Mbappe masuk buku rekor Timnas Prancis sebagai pencetak gol terbanyak Prancis di Piala Dunia. Hal ini terjadi setelah Mbappe mencetak brace dalam laga melawan Senegal pada Grup I Piala Dunia 2026 yang berlangsung di New York New Jersey Stadium pada Rabu (17\/6).<\/strong><\/a><\/p>\r\n<p>Mbappe sudah jadi top skor sepanjang masa Prancis dengan mengoleksi 58 gol untuk negaranya. Hasil ini melampaui torehan Olivier Giroud dengan 57 gol. Ia juga telah mencetak 14 gol di Piala Dunia sejak 2018. Jumlah ini melampaui Just Fontaine dengan 13 gol sebagai pencetak gol terbanyak Prancis di Piala Dunia.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/60cc734dc9c046298c823e7b4c543a8c-20260617091005-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/60cc734dc9c046298c823e7b4c543a8c-20260617091005-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/60cc734dc9c046298c823e7b4c543a8c-20260617091005-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/60cc734dc9c046298c823e7b4c543a8c-20260617091005-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/60cc734dc9c046298c823e7b4c543a8c-preview.json?crtm=20260617091006","keyword":"prancis vs senegal,kylian mbappe,fifa,piala dunia 2026,brace mbappe,pencetak gol terbanyak prancis,mbappe,piala dunia","url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617009\/video-mbappe-senang-jadi-raja-gol-prancis-tapi-mau-fokus-pildun-dulu","embed":"https:\/\/20.detik.com\/embed\/260617009","slug":"\/260617009\/video-mbappe-senang-jadi-raja-gol-prancis-tapi-mau-fokus-pildun-dulu","slug_20detik":"\/detikupdate\/20260617-260617009\/video-mbappe-senang-jadi-raja-gol-prancis-tapi-mau-fokus-pildun-dulu","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/17\/60cc734dc9c046298c823e7b4c543a8c.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, detikbali, detikjogja","reporter":"Yumna Khan\/Reuters","kameramen":"","created_by":"ahmad.maulana221224","duration":51,"keyword_ad":"prancis vs senegal,kylian mbappe,fifa,piala dunia 2026,brace mbappe,pencetak gol terbanyak prancis,mbappe,piala dunia","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:51","focus_id":"94","date_created":"2026-06-17 09:09:09","date_published":"2026-06-17 09:19:13","date_updated":"2026-06-17 09:19:10","date_created_timestamp":"1781662149","date_published_timestamp":"1781662753","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617004\/video-prancis-menang-lawan-senegal-3-1-di-piala-dunia-2026-mbappe-cetak-brace","videos_title_url":"Tonton Video Prancis Menang Lawan Senegal 3-1 di Piala Dunia 2026: Mbappe Cetak Brace","topics":[{"name":"Olahraga","id":"10","slug":"olahraga"}],"noindex":false,"deeplink":false},{"id":"260617007","title":"Video: Viral Orang Berenang di Kolam Bundaran HI, Ternyata Petugas PJLP","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideoflash?query=bundaran+hi\"><strong>Viral di media sosial video seseorang yang sedang berenang di kolam Bundaran HI, Jakarta Pusat.<\/strong> <\/a>Berdasarkan keterangan yang didapat dari Kasatpol Pp Jakarta Pusat, Purnama, orang tersebut merupakan petugas PJLP (Penyedia Jasa Lainnya Perorangan).<\/p>\r\n<p>Purnama menjelaskan bahwa saat itu petugas PJLP itu sedang menyisir perawatan kabel yang memang sudah rutin dilakukan.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4c77ef9559ea4a1d96d2ddfea8344074-20260617103136-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4c77ef9559ea4a1d96d2ddfea8344074-20260617103136-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4c77ef9559ea4a1d96d2ddfea8344074-20260617103136-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4c77ef9559ea4a1d96d2ddfea8344074-20260617103136-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/4c77ef9559ea4a1d96d2ddfea8344074-preview.json?crtm=20260617103137","keyword":"bundaran hi,petugas pjlp,jakarta,berenang di bundaran hi","url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617007\/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp","embed":"https:\/\/20.detik.com\/embed\/260617007","slug":"\/260617007\/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp","slug_20detik":"\/detikupdate\/20260617-260617007\/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/17\/4c77ef9559ea4a1d96d2ddfea8344074.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detikjabar","reporter":"Yumna Khan","kameramen":"","created_by":"widi.sumantoko46857","duration":56,"keyword_ad":"bundaran hi,petugas pjlp,jakarta,berenang di bundaran hi","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:56","focus_id":null,"date_created":"2026-06-17 08:18:24","date_published":"2026-06-17 09:02:53","date_updated":"2026-06-17 10:32:01","date_created_timestamp":"1781659104","date_published_timestamp":"1781661773","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617006\/video-penembakan-di-rumah-sakit-delaware-as-1-orang-tewas","videos_title_url":"Video: Penembakan di Rumah Sakit Delaware AS, 1 Orang Tewas","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260617006","title":"Video: Penembakan di Rumah Sakit Delaware AS, 1 Orang Tewas","resume":"<p><a href=\"https:\/\/20.detik.com\/\"><span style=\"text-decoration: underline;\"><strong>Dua orang menjadi korban penembakan di Rumah Sakit Wilmington, Delaware, Amerika Serikat, pada Selasa (16\/6) sore waktu setempat. Salah satu korban dinyatakan tewas.<\/strong><\/span><\/a><\/p>\r\n<p>Saat ini pelaku masih dalam pengejaran pihak berwenang. Sementara itu petugas bersenjata diterjunkan untuk mengamankan lokasi.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/12c43c4a025b40a4901bb9c81b4baf22-20260617081452-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/12c43c4a025b40a4901bb9c81b4baf22-20260617081452-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/12c43c4a025b40a4901bb9c81b4baf22-20260617081452-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/12c43c4a025b40a4901bb9c81b4baf22-20260617081452-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/17\/12c43c4a025b40a4901bb9c81b4baf22-preview.json?crtm=20260617081452","keyword":"rumah sakit,delaware,amerika serikat,penembakan","url":"https:\/\/20.detik.com\/detikupdate\/20260617-260617006\/video-penembakan-di-rumah-sakit-delaware-as-1-orang-tewas","embed":"https:\/\/20.detik.com\/embed\/260617006","slug":"\/260617006\/video-penembakan-di-rumah-sakit-delaware-as-1-orang-tewas","slug_20detik":"\/detikupdate\/20260617-260617006\/video-penembakan-di-rumah-sakit-delaware-as-1-orang-tewas","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/17\/12c43c4a025b40a4901bb9c81b4baf22.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews","reporter":"Ashri Fathan\/Reuters","kameramen":"","created_by":"johan.alamsyah","duration":56,"keyword_ad":"rumah sakit,delaware,amerika serikat,penembakan","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:56","focus_id":null,"date_created":"2026-06-17 08:15:54","date_published":"2026-06-17 08:29:39","date_updated":"2026-06-17 08:29:45","date_created_timestamp":"1781658954","date_published_timestamp":"1781659779","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/","videos_title_url":"Simak video menarik lainnya di sini.","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/2026/06/17/soccer-worldcup-arg-dza-1781660586679_169.jpeg'
i-info='<span d-time="1781665237" title="Rabu, 17 Jun 2026 10:00 WIB">27 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8534981/hasil-argentina-vs-aljazair-messi-hat-trick-juara-bertahan-menang-3-0'
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="8534981" dtr-ttl="Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0"				href="https://sport.detik.com/sepakbola/bola-dunia/d-8534981/hasil-argentina-vs-aljazair-messi-hat-trick-juara-bertahan-menang-3-0" 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="8534981" dtr-ttl="Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0"					href="https://sport.detik.com/sepakbola/bola-dunia/d-8534981/hasil-argentina-vs-aljazair-messi-hat-trick-juara-bertahan-menang-3-0" class="media__link">
					Hasil Argentina Vs Aljazair: Messi Hat-trick, Juara Bertahan Menang 3-0                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781665237" title="Rabu, 17 Jun 2026 10:00 WIB">27 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/2026/02/04/menteri-pariwisata-widyanti-putri-wardhana-anggidetikcom-1770203083473.jpeg'
i-info='detikOto | <span d-time="1781667432" title="Rabu, 17 Jun 2026 10:37 WIB">Rabu, 17 Jun 2026 10:37 WIB</span>'
i-link='https://oto.detik.com/profil/d-8535043/isi-garasi-menteri-terkaya-di-ri-yang-hartanya-tembus-rp-6-triliun'
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="8535043" dtr-ttl="Isi Garasi Menteri Terkaya di RI yang Hartanya Tembus Rp 6 Triliun"                href="https://oto.detik.com/profil/d-8535043/isi-garasi-menteri-terkaya-di-ri-yang-hartanya-tembus-rp-6-triliun" 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="8535043" dtr-ttl="Isi Garasi Menteri Terkaya di RI yang Hartanya Tembus Rp 6 Triliun"                    href="https://oto.detik.com/profil/d-8535043/isi-garasi-menteri-terkaya-di-ri-yang-hartanya-tembus-rp-6-triliun" class="media__link">
                    Isi Garasi Menteri Terkaya di RI yang Hartanya Tembus Rp 6 Triliun                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667432" title="Rabu, 17 Jun 2026 10:37 WIB">Rabu, 17 Jun 2026 10:37 WIB</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="UHJvZ3JhbXNOb2RlOjE3MTg=" data-poll-cbox="true"></div>
          </div>
                  <div class="poll-slider-box column-6">
            <div class="widget-polling" id="poll-1" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTQ=" data-poll-cbox="true"></div>
          </div>
                  <div class="poll-slider-box column-6">
            <div class="widget-polling" id="poll-2" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTY=" data-poll-cbox="true"></div>
          </div>
                  <div class="poll-slider-box column-6">
            <div class="widget-polling" id="poll-3" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTU=" data-poll-cbox="true"></div>
          </div>
                  <div class="poll-slider-box column-6">
            <div class="widget-polling" id="poll-4" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDk=" data-poll-cbox="true"></div>
          </div>
                  <div class="poll-slider-box column-6">
            <div class="widget-polling" id="poll-5" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDc=" 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=202606171027", 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/09/kepala-bakom-m-qodari-serta-asisten-khusus-presiden-dirgayuza-dan-agung-gumilar-di-peluncuran-buku-presiden-solusi-digelar-di--1780940035746_169.jpeg'
i-info='detikNews | <span d-time="1781666145" title="Rabu, 17 Jun 2026 10:15 WIB">12 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8535011/kepala-bakom-salah-besar-tuntut-prabowo-setop-mbg-itu-janji-kampanyenya'
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="8535011" dtr-ttl="Kepala Bakom: Salah Besar Tuntut Prabowo Setop MBG, Itu Janji Kampanyenya"                href="https://news.detik.com/berita/d-8535011/kepala-bakom-salah-besar-tuntut-prabowo-setop-mbg-itu-janji-kampanyenya" 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="8535011" dtr-ttl="Kepala Bakom: Salah Besar Tuntut Prabowo Setop MBG, Itu Janji Kampanyenya"                    href="https://news.detik.com/berita/d-8535011/kepala-bakom-salah-besar-tuntut-prabowo-setop-mbg-itu-janji-kampanyenya" class="media__link">
                    Kepala Bakom: Salah Besar Tuntut Prabowo Setop MBG, Itu Janji Kampanyenya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666145" title="Rabu, 17 Jun 2026 10:15 WIB">12 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> 05:34                        </div>
                        <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="260616068" dtr-ttl="Video Pesan Wapres Gibran untuk Generasi Muda: Gunakan AI untuk Belajar"                            href="https://20.detik.com/detikupdate/20260616-260616068/video-pesan-wapres-gibran-untuk-generasi-muda-gunakan-ai-untuk-belajar"
                            class="media__link">
                            <span class="ratiobox ratiobox--16-9 lqd">
                                 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/16/eaec077ccb4a48f6864ce4a1d7c0eaf9-20260616223232-0s.jpg?w=250&q=90" alt="Video Pesan Wapres Gibran untuk Generasi Muda: Gunakan AI untuk Belajar" title="Video Pesan Wapres Gibran untuk Generasi Muda: Gunakan AI untuk Belajar" 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="260616068" dtr-ttl="Video Pesan Wapres Gibran untuk Generasi Muda: Gunakan AI untuk Belajar"                                href="https://20.detik.com/detikupdate/20260616-260616068/video-pesan-wapres-gibran-untuk-generasi-muda-gunakan-ai-untuk-belajar"
                                class="media__link">
                                Video Pesan Wapres Gibran untuk Generasi Muda: Gunakan AI untuk Belajar                            </a>
                        </h3>
                        <div class="media__date"><span d-time="1781627121" title="Selasa, 16 Jun 2026 23:25 WIB">11 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:15                        </div>
                        <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="260616059" dtr-ttl="Video: 3 Truk Tabrakan Beruntun di Jalinsum Lampung Selatan, 2 Sopir Tewas"                            href="https://20.detik.com/detikupdate/20260616-260616059/video-3-truk-tabrakan-beruntun-di-jalinsum-lampung-selatan-2-sopir-tewas"
                            class="media__link">
                            <span class="ratiobox ratiobox--16-9 lqd">
                                 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/16/0144b5ba18a54c239397dffbc0a59938-20260616190556-0s.jpg?w=250&q=90" alt="Video: 3 Truk Tabrakan Beruntun di Jalinsum Lampung Selatan, 2 Sopir Tewas" title="Video: 3 Truk Tabrakan Beruntun di Jalinsum Lampung Selatan, 2 Sopir Tewas" 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="260616059" dtr-ttl="Video: 3 Truk Tabrakan Beruntun di Jalinsum Lampung Selatan, 2 Sopir Tewas"                                href="https://20.detik.com/detikupdate/20260616-260616059/video-3-truk-tabrakan-beruntun-di-jalinsum-lampung-selatan-2-sopir-tewas"
                                class="media__link">
                                Video: 3 Truk Tabrakan Beruntun di Jalinsum Lampung Selatan, 2 Sopir Tewas                            </a>
                        </h3>
                        <div class="media__date"><span d-time="1781613954" title="Selasa, 16 Jun 2026 19:45 WIB">14 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:09                        </div>
                        <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="260616057" dtr-ttl="Video: Kemeriahan Larungan Telaga Ngebel, Ikan Nila 3 Kuintal Jadi Rebutan"                            href="https://20.detik.com/detikupdate/20260616-260616057/video-kemeriahan-larungan-telaga-ngebel-ikan-nila-3-kuintal-jadi-rebutan"
                            class="media__link">
                            <span class="ratiobox ratiobox--16-9 lqd">
                                 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/16/b12088cc2b3d40eeab7ed86d6c077aea-20260616180019-0s.jpg?w=250&q=90" alt="Video: Kemeriahan Larungan Telaga Ngebel, Ikan Nila 3 Kuintal Jadi Rebutan" title="Video: Kemeriahan Larungan Telaga Ngebel, Ikan Nila 3 Kuintal Jadi Rebutan" 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="260616057" dtr-ttl="Video: Kemeriahan Larungan Telaga Ngebel, Ikan Nila 3 Kuintal Jadi Rebutan"                                href="https://20.detik.com/detikupdate/20260616-260616057/video-kemeriahan-larungan-telaga-ngebel-ikan-nila-3-kuintal-jadi-rebutan"
                                class="media__link">
                                Video: Kemeriahan Larungan Telaga Ngebel, Ikan Nila 3 Kuintal Jadi Rebutan                            </a>
                        </h3>
                        <div class="media__date"><span d-time="1781613760" title="Selasa, 16 Jun 2026 19:42 WIB">14 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/17/meme-messi-1781666958944.png'
i-info='detikInet | <span d-time="1781667378" title="Rabu, 17 Jun 2026 10:36 WIB">Rabu, 17 Jun 2026 10:36 WIB</span>'
i-link='https://inet.detik.com/fotoinet/d-8535031/lionel-messi-hattrick-dan-ukir-rekor-netizen-terpana'
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">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 10 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8535031" dtr-ttl="Lionel Messi Hattrick dan Ukir Rekor, Netizen Terpana"                href="https://inet.detik.com/fotoinet/d-8535031/lionel-messi-hattrick-dan-ukir-rekor-netizen-terpana" 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">FotoINET</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8535031" dtr-ttl="Lionel Messi Hattrick dan Ukir Rekor, Netizen Terpana"                    href="https://inet.detik.com/fotoinet/d-8535031/lionel-messi-hattrick-dan-ukir-rekor-netizen-terpana" class="media__link">
                    Lionel Messi Hattrick dan Ukir Rekor, Netizen Terpana                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667378" title="Rabu, 17 Jun 2026 10:36 WIB">Rabu, 17 Jun 2026 10:36 WIB</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/17/orang-renang-di-bundaran-hi-1781661723808_34.jpeg'
i-info='<span d-time="1781661773" title="Rabu, 17 Jun 2026 09:02 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8534908/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
			            <div class="media__icon media__icon--top-right ai_toggle" style="display:none">
				<i class="icon icon--xs icon-play-bg"></i><span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260617-260617007/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp"></span>
            </div>
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8534908" dtr-ttl="Video: Viral Orang Berenang di Kolam Bundaran HI, Ternyata Petugas PJLP"				href="https://20.detik.com/detikupdate/20260617-260617007/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp" 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="8534908" dtr-ttl="Video: Viral Orang Berenang di Kolam Bundaran HI, Ternyata Petugas PJLP"					href="https://20.detik.com/detikupdate/20260617-260617007/video-viral-orang-berenang-di-kolam-bundaran-hi-ternyata-petugas-pjlp" class="media__link">
					Video: Viral Orang Berenang di Kolam Bundaran HI, Ternyata Petugas PJLP                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781661773" title="Rabu, 17 Jun 2026 09:02 WIB">1 jam yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                                                                            <!-- S:newsfeed2 --><style>
#div-gpt-ad-1613262723921-0 iframe {
margin-bottom: 16px;
    width: 100%;
    height: 175px;
}
</style>
<!-- /4905536/detik_desktop/wp/newsfeed2 -->
<div id='div-gpt-ad-1613262723921-0'>
<script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1613262723921-0'); });
  </script> 
</div><!-- E:newsfeed2 -->                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='5'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/kendal-ascher-1781666213140_43.png'
i-info='Wolipop | <span d-time="1781667360" title="Rabu, 17 Jun 2026 10:36 WIB">Rabu, 17 Jun 2026 10:36 WIB</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8535030/terungkap-penyebab-kematian-bos-estee-lauder-meninggal-setelah-suntik-filler'
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="8535030" dtr-ttl="Terungkap Penyebab Kematian Bos Estée Lauder, Meninggal Setelah Suntik Filler"                href="https://wolipop.detik.com/entertainment-news/d-8535030/terungkap-penyebab-kematian-bos-estee-lauder-meninggal-setelah-suntik-filler" 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="8535030" dtr-ttl="Terungkap Penyebab Kematian Bos Estée Lauder, Meninggal Setelah Suntik Filler"                    href="https://wolipop.detik.com/entertainment-news/d-8535030/terungkap-penyebab-kematian-bos-estee-lauder-meninggal-setelah-suntik-filler" class="media__link">
                    Terungkap Penyebab Kematian Bos Estée Lauder, Meninggal Setelah Suntik Filler                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667360" title="Rabu, 17 Jun 2026 10:36 WIB">Rabu, 17 Jun 2026 10:36 WIB</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/2024/03/20/politisi-pdip-guntur-romli_169.jpeg'
i-info='detikNews | <span d-time="1781665592" title="Rabu, 17 Jun 2026 10:06 WIB">22 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8534991/pdip-bantah-tudingan-bem-bersatu-soal-tiyo-ardianto-letjen-purn-setyo-sularso'
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="8534991" dtr-ttl="PDIP Bantah Tudingan BEM Bersatu soal Tiyo Ardianto-Letjen Purn Setyo Sularso"                href="https://news.detik.com/berita/d-8534991/pdip-bantah-tudingan-bem-bersatu-soal-tiyo-ardianto-letjen-purn-setyo-sularso" 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="8534991" dtr-ttl="PDIP Bantah Tudingan BEM Bersatu soal Tiyo Ardianto-Letjen Purn Setyo Sularso"                    href="https://news.detik.com/berita/d-8534991/pdip-bantah-tudingan-bem-bersatu-soal-tiyo-ardianto-letjen-purn-setyo-sularso" class="media__link">
                    PDIP Bantah Tudingan BEM Bersatu soal Tiyo Ardianto-Letjen Purn Setyo Sularso                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665592" title="Rabu, 17 Jun 2026 10:06 WIB">22 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://www.detik.com/hikmah/indeksfokus/7156/amalan-bulan-muharram" class="hl-card">
                            <div class="hl-card-konten">104 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2023/07/13/apa-itu-malam-satu-suro-ini-pengertian-dan-asal-usulnya_169.jpeg?w=700&q=90" alt="Amalan Bulan Muharram " title="Amalan Bulan Muharram " 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=202606171027" alt="">
                                        </span>
                                                                        detikHikmah                                </div>
                                <h3 class="hl-card-title">Amalan Bulan Muharram </h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="2"                            href="https://health.detik.com/indeksfokus/7609/hydration-break-di-piala-dunia" class="hl-card">
                            <div class="hl-card-konten">7 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/16/1128796340-1781574472111_169.jpeg?w=700&q=90" alt="Hydration Break di Piala Dunia" title="Hydration Break di Piala Dunia" 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=202606171027" alt="">
                                        </span>
                                                                        detikHealth                                </div>
                                <h3 class="hl-card-title">Hydration Break di Piala Dunia</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="3"                            href="https://inet.detik.com/games-terpopuler/7016/mobile-legends" class="hl-card">
                            <div class="hl-card-konten">64 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2021/11/07/jadwal-dan-link-live-streaming-mpli-mobile-legends_169.jpeg?w=700&q=90" alt="Mobile Legends" title="Mobile Legends" 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=202606171027" alt="">
                                        </span>
                                                                        detikInet                                </div>
                                <h3 class="hl-card-title">Mobile Legends</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://www.detik.com/pop/pop-signature/7141/trending" class="hl-card">
                            <div class="hl-card-konten">618 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2024/06/26/trending-pop_169.jpeg?w=700&q=90" alt="Trending" title="Trending" 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_pop.webp?v=202606171027" alt="">
                                        </span>
                                                                        detikPop                                </div>
                                <h3 class="hl-card-title">Trending</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://wolipop.detik.com/indeksfokus/7607/skin-booster" class="hl-card">
                            <div class="hl-card-konten">9 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/03/1781553776-1780420512174_169.jpeg?w=700&q=90" alt="Skin Booster" title="Skin Booster" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_wolipop.webp?v=202606171027" alt="">
                                        </span>
                                                                        Wolipop                                </div>
                                <h3 class="hl-card-title">Skin Booster</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="6"                            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=202606171027" alt="">
                                        </span>
                                                                        detikTravel                                </div>
                                <h3 class="hl-card-title">Prabowo Aktifkan Lagi 2 Bandara</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=202606171027" />
<script src="https://awscdn.detik.net.id/assets/js/swiper-bundle.min.js?v=202606171027"></script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof Swiper !== 'undefined') {
            new Swiper('.special-swiper', {
                slidesPerView: 3.5,
                spaceBetween: 16,
                navigation: {
                    nextEl: '.hl-nav-next',
                    prevEl: '.hl-nav-prev',
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 1.2,
                        spaceBetween: 12
                    },
                    // when window width is >= 768px
                    768: {
                        slidesPerView: 3,
                        spaceBetween: 16
                    },
                    // when window width is >= 1024px
                    1024: {
                        slidesPerView: 3.5,
                        spaceBetween: 16
                    }
                }
            });
        }
    });
</script>                <div d-widget="lifestyle" d-params="" d-locals=""><div class="dwidget_desktop ph-horizontal"><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div></div><img style="display:none" /></div>
                                                                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='8'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/01/16/el-hotel-bandung-1_169.jpeg'
i-info='detikTravel | <span d-time="1781667259" title="Rabu, 17 Jun 2026 10:34 WIB">Rabu, 17 Jun 2026 10:34 WIB</span>'
i-link='https://travel.detik.com/travel-news/d-8534795/bebas-diambil-7-barang-hotel-ini-resmi-boleh-dibawa-pulang'
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="8534795" dtr-ttl="Bebas Diambil! 7 Barang Hotel Ini Resmi Boleh Dibawa Pulang"                href="https://travel.detik.com/travel-news/d-8534795/bebas-diambil-7-barang-hotel-ini-resmi-boleh-dibawa-pulang" 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="8534795" dtr-ttl="Bebas Diambil! 7 Barang Hotel Ini Resmi Boleh Dibawa Pulang"                    href="https://travel.detik.com/travel-news/d-8534795/bebas-diambil-7-barang-hotel-ini-resmi-boleh-dibawa-pulang" class="media__link">
                    Bebas Diambil! 7 Barang Hotel Ini Resmi Boleh Dibawa Pulang                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667259" title="Rabu, 17 Jun 2026 10:34 WIB">Rabu, 17 Jun 2026 10:34 WIB</span>             </div>
        </div>
    </div></article>
            
                                                                                                    <!-- S:center2 --><div class="box-ads text-center">
<ins data-labelname="center2" data-revive-zoneid="226" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
</div> <!-- E:center2 -->                                                                                                                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='9'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/16/potret-terbaru-tom-holland-dan-zendaya-di-karpet-merah-setelah-dikabarkan-menikah-1781591819987_34.jpeg'
i-info='detikPop | <span d-time="1781667075" title="Rabu, 17 Jun 2026 10:31 WIB">Rabu, 17 Jun 2026 10:31 WIB</span>'
i-link='https://www.detik.com/pop/trending/d-8534967/tom-holland-kasih-kode-tipis-udah-resmi-nikahi-zendaya'
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="8534967" dtr-ttl="Tom Holland Kasih Kode Tipis Udah Resmi Nikahi Zendaya"                href="https://www.detik.com/pop/trending/d-8534967/tom-holland-kasih-kode-tipis-udah-resmi-nikahi-zendaya" 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="8534967" dtr-ttl="Tom Holland Kasih Kode Tipis Udah Resmi Nikahi Zendaya"                    href="https://www.detik.com/pop/trending/d-8534967/tom-holland-kasih-kode-tipis-udah-resmi-nikahi-zendaya" class="media__link">
                    Tom Holland Kasih Kode Tipis Udah Resmi Nikahi Zendaya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667075" title="Rabu, 17 Jun 2026 10:31 WIB">Rabu, 17 Jun 2026 10:31 WIB</span>             </div>
        </div>
    </div></article>
            
                                                                                                                <article class="list-content__item ph-item ph-item-insertion ph-insertion-block" id="rec_loop_7" article-idx="9">
	<div class="ph-col ph-nhl-img">
		<div class="ph-picture ph-picture-insertion pic-nhl ratiobox ratiobox--4-3"></div>
	</div>
	<div class="justify-content-center mgl-12">
		<div class="ph-row ph-row-insertion mgb-16">
			<div class="ph-col-12"></div>
			<div class="ph-col-11"></div>
		</div>
		<div class="ph-row ph-row-insertion mgb-8">
			<div class="ph-col-4"></div>
		</div>
	</div>
</article>                <!-- S:newsfeed3 --><style>
#div-gpt-ad-1624873610990-0 iframe {
margin-bottom: 16px;
    width: 100%;
    height: 175px;
}
</style>
<!-- /4905536/detik_desktop/wp/newsfeed3 -->
<div id='div-gpt-ad-1624873610990-0'>
<script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1624873610990-0'); });
  </script> 
</div><!-- E:newsfeed3 -->                                                                                                                                            
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='11'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/kylian-mbappe-1781648830427_169.jpeg'
i-info='Sepakbola | <span d-time="1781667057" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8534988/mbappe-enggak-nyangka-bawa-prancis-menang-atas-senegal'
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="8534988" dtr-ttl="Mbappe Enggak Nyangka Bawa Prancis Menang atas Senegal"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8534988/mbappe-enggak-nyangka-bawa-prancis-menang-atas-senegal" 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="8534988" dtr-ttl="Mbappe Enggak Nyangka Bawa Prancis Menang atas Senegal"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8534988/mbappe-enggak-nyangka-bawa-prancis-menang-atas-senegal" class="media__link">
                    Mbappe Enggak Nyangka Bawa Prancis Menang atas Senegal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667057" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</span>             </div>
        </div>
    </div></article>
            
                                                                                                                            <!-- S:carousel --> <!-- E:carousel -->                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='12'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/komisi-iii-dpr-rapat-dengan-wakapolri-dan-kepala-ppatk-1781667016205_169.jpeg'
i-info='detikNews | <span d-time="1781667057" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</span>'
i-link='https://news.detik.com/berita/d-8535026/komisi-iii-dpr-rapat-dengan-wakapolri-dan-kepala-ppatk-bahas-anggaran-2027'
i-img-qs='?w=250&q=90'
i-type='artikel 12'
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="13" dtr-id="8535026" dtr-ttl="Komisi III DPR Rapat dengan Wakapolri dan Kepala PPATK Bahas Anggaran 2027"                href="https://news.detik.com/berita/d-8535026/komisi-iii-dpr-rapat-dengan-wakapolri-dan-kepala-ppatk-bahas-anggaran-2027" 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="13" dtr-id="8535026" dtr-ttl="Komisi III DPR Rapat dengan Wakapolri dan Kepala PPATK Bahas Anggaran 2027"                    href="https://news.detik.com/berita/d-8535026/komisi-iii-dpr-rapat-dengan-wakapolri-dan-kepala-ppatk-bahas-anggaran-2027" class="media__link">
                    Komisi III DPR Rapat dengan Wakapolri dan Kepala PPATK Bahas Anggaran 2027                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667057" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                        <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>                                                                                                                    
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='14'
i-subtitle='Sulawesi Tengah'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/bangunan-rumah-warga-di-parigi-moutong-yang-mengalami-kerusakan-akibat-gempa-bumi-m-67-palu-1781666145781_169.jpeg'
i-info='<span d-time="1781666365" title="Rabu, 17 Jun 2026 10:19 WIB">9 menit yang lalu</span>'
i-link='https://www.detik.com/sulsel/berita/d-8535015/838-rumah-rusak-akibat-gempa-m-6-7-palu-terbanyak-di-sigi'
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 Sulawesi Tengah" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="15" dtr-id="8535015" dtr-ttl="838 Rumah Rusak Akibat Gempa M 6,7 Palu, Terbanyak di Sigi"				href="https://www.detik.com/sulsel/berita/d-8535015/838-rumah-rusak-akibat-gempa-m-6-7-palu-terbanyak-di-sigi" 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">
				Sulawesi Tengah			</h2>
            <h3 class="media__title">
				<a dtr-evt="box Sulawesi Tengah" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="15" dtr-id="8535015" dtr-ttl="838 Rumah Rusak Akibat Gempa M 6,7 Palu, Terbanyak di Sigi"					href="https://www.detik.com/sulsel/berita/d-8535015/838-rumah-rusak-akibat-gempa-m-6-7-palu-terbanyak-di-sigi" class="media__link">
					838 Rumah Rusak Akibat Gempa M 6,7 Palu, Terbanyak di Sigi                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781666365" title="Rabu, 17 Jun 2026 10:19 WIB">9 menit yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                                                                                                                                                    <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/05/13/ilustrasi-karyawan-perempuan-dengan-skill-ai-1778659244812_169.jpeg'
i-info='detikEdu | <span d-time="1781667000" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</span>'
i-link='https://www.detik.com/edu/detikpedia/d-8534503/kampus-china-tutup-12-200-jurusan-prodi-baru-fokus-pada-bidang-ini'
i-img-qs='?w=250&q=90'
i-type='artikel 15'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="16" dtr-id="8534503" dtr-ttl="Kampus China Tutup 12.200 Jurusan, Prodi Baru Fokus pada Bidang Ini"                href="https://www.detik.com/edu/detikpedia/d-8534503/kampus-china-tutup-12-200-jurusan-prodi-baru-fokus-pada-bidang-ini" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="16" dtr-id="8534503" dtr-ttl="Kampus China Tutup 12.200 Jurusan, Prodi Baru Fokus pada Bidang Ini"                    href="https://www.detik.com/edu/detikpedia/d-8534503/kampus-china-tutup-12-200-jurusan-prodi-baru-fokus-pada-bidang-ini" class="media__link">
                    Kampus China Tutup 12.200 Jurusan, Prodi Baru Fokus pada Bidang Ini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667000" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</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/15/makanan-betawi-yang-langka-1781533172825_169.jpeg'
i-info='detikFood | <span d-time="1781667000" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</span>'
i-link='https://food.detik.com/berita-boga/d-8534995/kuliner-betawi-yang-makin-langka-hingga-bakso-legendaris-di-jakarta'
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="8534995" dtr-ttl="Kuliner Betawi yang Makin Langka hingga Bakso Legendaris di Jakarta"                href="https://food.detik.com/berita-boga/d-8534995/kuliner-betawi-yang-makin-langka-hingga-bakso-legendaris-di-jakarta" 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">Berita Terpopuler</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="17" dtr-id="8534995" dtr-ttl="Kuliner Betawi yang Makin Langka hingga Bakso Legendaris di Jakarta"                    href="https://food.detik.com/berita-boga/d-8534995/kuliner-betawi-yang-makin-langka-hingga-bakso-legendaris-di-jakarta" class="media__link">
                    Kuliner Betawi yang Makin Langka hingga Bakso Legendaris di Jakarta                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781667000" title="Rabu, 17 Jun 2026 10:30 WIB">Rabu, 17 Jun 2026 10:30 WIB</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/17/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok-1781660999626_169.jpeg'
i-info='detikHealth | <span d-time="1781665237" title="Rabu, 17 Jun 2026 10:00 WIB">27 menit yang lalu</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8534980/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok'
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="8534980" dtr-ttl="Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok"                href="https://health.detik.com/berita-detikhealth/d-8534980/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok" 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="8534980" dtr-ttl="Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok"                    href="https://health.detik.com/berita-detikhealth/d-8534980/kisah-pria-23-tahun-berjuang-lawan-gagal-ginjal-stadium-akhir-cari-donor-lewat-tiktok" class="media__link">
                    Kisah Pria 23 Tahun Berjuang Lawan Gagal Ginjal Stadium Akhir, Cari Donor Lewat TikTok                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665237" title="Rabu, 17 Jun 2026 10:00 WIB">27 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/2023/05/15/ilustrasi-kecelakaan_169.jpeg'
i-info='detikNews | <span d-time="1781666966" title="Rabu, 17 Jun 2026 10:29 WIB">Rabu, 17 Jun 2026 10:29 WIB</span>'
i-link='https://news.detik.com/berita/d-8535025/wanita-pejalan-kaki-tewas-ditabrak-truk-di-serang-pengemudi-kabur'
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="8535025" dtr-ttl="Wanita Pejalan Kaki Tewas Ditabrak Truk di Serang, Pengemudi Kabur"                href="https://news.detik.com/berita/d-8535025/wanita-pejalan-kaki-tewas-ditabrak-truk-di-serang-pengemudi-kabur" 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="8535025" dtr-ttl="Wanita Pejalan Kaki Tewas Ditabrak Truk di Serang, Pengemudi Kabur"                    href="https://news.detik.com/berita/d-8535025/wanita-pejalan-kaki-tewas-ditabrak-truk-di-serang-pengemudi-kabur" class="media__link">
                    Wanita Pejalan Kaki Tewas Ditabrak Truk di Serang, Pengemudi Kabur                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666966" title="Rabu, 17 Jun 2026 10:29 WIB">Rabu, 17 Jun 2026 10:29 WIB</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/2022/10/17/ilustrasi-kebakaran_169.jpeg'
i-info='detikNews | <span d-time="1781666642" title="Rabu, 17 Jun 2026 10:24 WIB">4 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8535019/kompor-meledak-bikin-rumah-di-setiabudi-terbakar-2-lansia-terluka'
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="8535019" dtr-ttl="Kompor Meledak Bikin Rumah di Setiabudi Terbakar, 2 Lansia Terluka"                href="https://news.detik.com/berita/d-8535019/kompor-meledak-bikin-rumah-di-setiabudi-terbakar-2-lansia-terluka" 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="8535019" dtr-ttl="Kompor Meledak Bikin Rumah di Setiabudi Terbakar, 2 Lansia Terluka"                    href="https://news.detik.com/berita/d-8535019/kompor-meledak-bikin-rumah-di-setiabudi-terbakar-2-lansia-terluka" class="media__link">
                    Kompor Meledak Bikin Rumah di Setiabudi Terbakar, 2 Lansia Terluka                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666642" title="Rabu, 17 Jun 2026 10:24 WIB">4 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/2018/08/06/f4e51318-4bde-4716-a9d3-18dce5c2d947_169.jpeg'
i-info='detikNews | <span d-time="1781666598" title="Rabu, 17 Jun 2026 10:23 WIB">5 menit yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8535018/swiss-pastikan-mou-as-iran-akan-diteken-19-juni'
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="8535018" dtr-ttl="Swiss Pastikan MoU AS-Iran Akan Diteken 19 Juni"                href="https://news.detik.com/internasional/d-8535018/swiss-pastikan-mou-as-iran-akan-diteken-19-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="21" dtr-id="8535018" dtr-ttl="Swiss Pastikan MoU AS-Iran Akan Diteken 19 Juni"                    href="https://news.detik.com/internasional/d-8535018/swiss-pastikan-mou-as-iran-akan-diteken-19-juni" class="media__link">
                    Swiss Pastikan MoU AS-Iran Akan Diteken 19 Juni                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666598" title="Rabu, 17 Jun 2026 10:23 WIB">5 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='21'
i-subtitle='Round Up'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/16/petugas-mengambil-sampel-otak-anjing-yang-menggigit-tiga-warga-di-desa-tegal-badeng-timur-kecamatan-negara-kabupaten-jembrana--1781613201721_169.jpeg'
i-info='<span d-time="1781662440" title="Rabu, 17 Jun 2026 09:14 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/bali/berita/d-8534937/serangan-anjing-rabies-di-hajatan-warga-jembrana-lukai-2-balita'
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 Round Up" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8534937" dtr-ttl="Serangan Anjing Rabies di Hajatan Warga Jembrana Lukai 2 Balita"				href="https://www.detik.com/bali/berita/d-8534937/serangan-anjing-rabies-di-hajatan-warga-jembrana-lukai-2-balita" 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">
				Round Up			</h2>
            <h3 class="media__title">
				<a dtr-evt="box Round Up" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8534937" dtr-ttl="Serangan Anjing Rabies di Hajatan Warga Jembrana Lukai 2 Balita"					href="https://www.detik.com/bali/berita/d-8534937/serangan-anjing-rabies-di-hajatan-warga-jembrana-lukai-2-balita" class="media__link">
					Serangan Anjing Rabies di Hajatan Warga Jembrana Lukai 2 Balita                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781662440" title="Rabu, 17 Jun 2026 09:14 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/17/lionel-messi-1781664600145_169.jpeg'
i-info='Sepakbola | <span d-time="1781666145" title="Rabu, 17 Jun 2026 10:15 WIB">12 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8534986/sejarah-lionel-messi-jadi-pemain-pertama-yang-main-di-6-piala-dunia'
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="8534986" dtr-ttl="Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8534986/sejarah-lionel-messi-jadi-pemain-pertama-yang-main-di-6-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="23" dtr-id="8534986" dtr-ttl="Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8534986/sejarah-lionel-messi-jadi-pemain-pertama-yang-main-di-6-piala-dunia" class="media__link">
                    Sejarah! Lionel Messi Jadi Pemain Pertama yang Main di 6 Piala Dunia                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666145" title="Rabu, 17 Jun 2026 10:15 WIB">12 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/15/innox-1781527712161_43.jpeg'
i-info='detikInet | <span d-time="1781666106" title="Rabu, 17 Jun 2026 10:15 WIB">13 menit yang lalu</span>'
i-link='https://inet.detik.com/cyberlife/d-8534903/kampus-ini-sudah-lahirkan-12-unicorn-ai-dan-hardware-ada-dji-di-baliknya'
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="8534903" dtr-ttl="Kampus Ini Sudah Lahirkan 12 Unicorn AI dan Hardware, Ada DJI di Baliknya"                href="https://inet.detik.com/cyberlife/d-8534903/kampus-ini-sudah-lahirkan-12-unicorn-ai-dan-hardware-ada-dji-di-baliknya" 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="8534903" dtr-ttl="Kampus Ini Sudah Lahirkan 12 Unicorn AI dan Hardware, Ada DJI di Baliknya"                    href="https://inet.detik.com/cyberlife/d-8534903/kampus-ini-sudah-lahirkan-12-unicorn-ai-dan-hardware-ada-dji-di-baliknya" class="media__link">
                    Kampus Ini Sudah Lahirkan 12 Unicorn AI dan Hardware, Ada DJI di Baliknya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666106" title="Rabu, 17 Jun 2026 10:15 WIB">13 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/2026/01/29/ilustrasi-puasa-ayyamul-bidh-1769670446112_169.png'
i-info='detikHikmah | <span d-time="1781666103" title="Rabu, 17 Jun 2026 10:15 WIB">13 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/khazanah/d-8533321/keutamaan-puasa-tasua-dan-asyura-menurut-agama-dan-medis'
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="8533321" dtr-ttl="Keutamaan Puasa Tasua dan Asyura Menurut Agama dan Medis"                href="https://www.detik.com/hikmah/khazanah/d-8533321/keutamaan-puasa-tasua-dan-asyura-menurut-agama-dan-medis" 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="8533321" dtr-ttl="Keutamaan Puasa Tasua dan Asyura Menurut Agama dan Medis"                    href="https://www.detik.com/hikmah/khazanah/d-8533321/keutamaan-puasa-tasua-dan-asyura-menurut-agama-dan-medis" class="media__link">
                    Keutamaan Puasa Tasua dan Asyura Menurut Agama dan Medis                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666103" title="Rabu, 17 Jun 2026 10:15 WIB">13 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/16/rumah-warga-di-sigi-rusak-akibat-gempa-bumi-m-67-yang-berpusat-di-palu-1781607055755_169.jpeg'
i-info='detikNews | <span d-time="1781666027" title="Rabu, 17 Jun 2026 10:13 WIB">14 menit yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8535010/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-6-7'
i-img-qs='?w=250&q=90'
i-type='artikel 25'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260617-260617011/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-67"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="26" dtr-id="8535010" dtr-ttl="Video: Kondisi Kerusakan di Sigi-Palu Usai Diguncang Gempa M 6,7"                href="https://20.detik.com/detikupdate/20260617-260617011/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-67" 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="8535010" dtr-ttl="Video: Kondisi Kerusakan di Sigi-Palu Usai Diguncang Gempa M 6,7"                    href="https://20.detik.com/detikupdate/20260617-260617011/video-kondisi-kerusakan-di-sigi-palu-usai-diguncang-gempa-m-67" class="media__link">
                    Video: Kondisi Kerusakan di Sigi-Palu Usai Diguncang Gempa M 6,7                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781666027" title="Rabu, 17 Jun 2026 10:13 WIB">14 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/2025/06/09/ilustrasi-mobil-china-1749431795246.jpeg'
i-info='detikOto | <span d-time="1781665844" title="Rabu, 17 Jun 2026 10:10 WIB">17 menit yang lalu</span>'
i-link='https://oto.detik.com/mobil/d-8535007/penjualan-mobil-china-di-malaysia-naik-gila-gilaan-dalam-3-tahun-kok-bisa'
i-img-qs='?w=250&q=90'
i-type='artikel 26'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="27" dtr-id="8535007" dtr-ttl="Penjualan Mobil China di Malaysia Naik Gila-gilaan dalam 3 Tahun, Kok Bisa?"                href="https://oto.detik.com/mobil/d-8535007/penjualan-mobil-china-di-malaysia-naik-gila-gilaan-dalam-3-tahun-kok-bisa" 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="8535007" dtr-ttl="Penjualan Mobil China di Malaysia Naik Gila-gilaan dalam 3 Tahun, Kok Bisa?"                    href="https://oto.detik.com/mobil/d-8535007/penjualan-mobil-china-di-malaysia-naik-gila-gilaan-dalam-3-tahun-kok-bisa" class="media__link">
                    Penjualan Mobil China di Malaysia Naik Gila-gilaan dalam 3 Tahun, Kok Bisa?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665844" title="Rabu, 17 Jun 2026 10:10 WIB">17 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/17/setelah-20-tahun-palestina-akhirnya-siap-gelar-pemilu-1781665723808.jpeg'
i-info='detikNews | <span d-time="1781665723" title="Rabu, 17 Jun 2026 10:08 WIB">19 menit yang lalu</span>'
i-link='https://news.detik.com/dw/d-8534997/setelah-20-tahun-palestina-akhirnya-siap-gelar-pemilu'
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="8534997" dtr-ttl="Setelah 20 Tahun, Palestina Akhirnya Siap Gelar Pemilu"                href="https://news.detik.com/dw/d-8534997/setelah-20-tahun-palestina-akhirnya-siap-gelar-pemilu" 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="8534997" dtr-ttl="Setelah 20 Tahun, Palestina Akhirnya Siap Gelar Pemilu"                    href="https://news.detik.com/dw/d-8534997/setelah-20-tahun-palestina-akhirnya-siap-gelar-pemilu" class="media__link">
                    Setelah 20 Tahun, Palestina Akhirnya Siap Gelar Pemilu                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665723" title="Rabu, 17 Jun 2026 10:08 WIB">19 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/05/15/karina-ranau-1778817743614_169.jpeg'
i-info='detikHot | <span d-time="1781665543" title="Rabu, 17 Jun 2026 10:05 WIB">22 menit yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8534907/kondisi-karina-ranau-usai-didorong-pria-hingga-tersungkur-ke-aspal'
i-img-qs='?w=250&q=90'
i-type='artikel 28'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="29" dtr-id="8534907" dtr-ttl="Kondisi Karina Ranau Usai Didorong Pria hingga Tersungkur ke Aspal"                href="https://hot.detik.com/celeb/d-8534907/kondisi-karina-ranau-usai-didorong-pria-hingga-tersungkur-ke-aspal" 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="8534907" dtr-ttl="Kondisi Karina Ranau Usai Didorong Pria hingga Tersungkur ke Aspal"                    href="https://hot.detik.com/celeb/d-8534907/kondisi-karina-ranau-usai-didorong-pria-hingga-tersungkur-ke-aspal" class="media__link">
                    Kondisi Karina Ranau Usai Didorong Pria hingga Tersungkur ke Aspal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665543" title="Rabu, 17 Jun 2026 10:05 WIB">22 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/2022/07/12/ilustrasi-tingkatan-pangkat-polisi-1_169.jpeg'
i-info='detikNews | <span d-time="1781665408" title="Rabu, 17 Jun 2026 10:03 WIB">25 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8534984/polda-metro-siapkan-personel-kawal-demo-di-dpr-hingga-kantor-bgn-hari-ini'
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="8534984" dtr-ttl="Polda Metro Siapkan Personel Kawal Demo di DPR hingga Kantor BGN Hari Ini"                href="https://news.detik.com/berita/d-8534984/polda-metro-siapkan-personel-kawal-demo-di-dpr-hingga-kantor-bgn-hari-ini" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="30" dtr-id="8534984" dtr-ttl="Polda Metro Siapkan Personel Kawal Demo di DPR hingga Kantor BGN Hari Ini"                    href="https://news.detik.com/berita/d-8534984/polda-metro-siapkan-personel-kawal-demo-di-dpr-hingga-kantor-bgn-hari-ini" class="media__link">
                    Polda Metro Siapkan Personel Kawal Demo di DPR hingga Kantor BGN Hari Ini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665408" title="Rabu, 17 Jun 2026 10:03 WIB">25 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/2025/04/08/ramalan-zodiak-1744109990829.jpeg'
i-info='Wolipop | <span d-time="1781665370" title="Rabu, 17 Jun 2026 10:02 WIB">25 menit yang lalu</span>'
i-link='https://wolipop.detik.com/love/d-8534983/ramalan-zodiak-17-juni-capricorn-jangan-sembrono-pisces-wujudkan-rencana'
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="8534983" dtr-ttl="Ramalan Zodiak 17 Juni: Capricorn Jangan Sembrono, Pisces Wujudkan Rencana"                href="https://wolipop.detik.com/love/d-8534983/ramalan-zodiak-17-juni-capricorn-jangan-sembrono-pisces-wujudkan-rencana" 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="8534983" dtr-ttl="Ramalan Zodiak 17 Juni: Capricorn Jangan Sembrono, Pisces Wujudkan Rencana"                    href="https://wolipop.detik.com/love/d-8534983/ramalan-zodiak-17-juni-capricorn-jangan-sembrono-pisces-wujudkan-rencana" class="media__link">
                    Ramalan Zodiak 17 Juni: Capricorn Jangan Sembrono, Pisces Wujudkan Rencana                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665370" title="Rabu, 17 Jun 2026 10:02 WIB">25 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='31'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/kwon-eun-bin-1781653151659.jpeg'
i-info='detikPop | <span d-time="1781665307" title="Rabu, 17 Jun 2026 10:01 WIB">26 menit yang lalu</span>'
i-link='https://www.detik.com/pop/korean-wave/d-8534797/kwon-eun-bin-clc-umumkan-pensiun'
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="8534797" dtr-ttl="Kwon Eun Bin CLC Umumkan Pensiun"                href="https://www.detik.com/pop/korean-wave/d-8534797/kwon-eun-bin-clc-umumkan-pensiun" 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="8534797" dtr-ttl="Kwon Eun Bin CLC Umumkan Pensiun"                    href="https://www.detik.com/pop/korean-wave/d-8534797/kwon-eun-bin-clc-umumkan-pensiun" class="media__link">
                    Kwon Eun Bin CLC Umumkan Pensiun                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665307" title="Rabu, 17 Jun 2026 10:01 WIB">26 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='32'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/16/mahasiswa-menggeruduk-diskusi-pejabat-di-ugm-1781572447635_169.jpeg'
i-info='detikNews | <span d-time="1781665253" title="Rabu, 17 Jun 2026 10:00 WIB">27 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8534982/diskusi-di-ugm-digeruduk-kabakom-demokrasi-itu-kalau-ada-dialog'
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="8534982" dtr-ttl="Diskusi di UGM Digeruduk, Kabakom: Demokrasi Itu Kalau Ada Dialog"                href="https://news.detik.com/berita/d-8534982/diskusi-di-ugm-digeruduk-kabakom-demokrasi-itu-kalau-ada-dialog" 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="8534982" dtr-ttl="Diskusi di UGM Digeruduk, Kabakom: Demokrasi Itu Kalau Ada Dialog"                    href="https://news.detik.com/berita/d-8534982/diskusi-di-ugm-digeruduk-kabakom-demokrasi-itu-kalau-ada-dialog" class="media__link">
                    Diskusi di UGM Digeruduk, Kabakom: Demokrasi Itu Kalau Ada Dialog                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665253" title="Rabu, 17 Jun 2026 10:00 WIB">27 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='33'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/lautan-manusia-sambut-kirab-satu-sura-kerbau-pusaka-kyai-slamet-kembali-keluar-keraton-1781662329260_169.jpeg'
i-info='detikTravel | <span d-time="1781665239" title="Rabu, 17 Jun 2026 10:00 WIB">27 menit yang lalu</span>'
i-link='https://travel.detik.com/fototravel/d-8534922/lautan-manusia-sambut-kirab-satu-sura-kerbau-pusaka-kyai-slamet-kembali-keluar-keraton'
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">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 3 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="34" dtr-id="8534922" dtr-ttl="Lautan Manusia Sambut Kirab Satu Sura, Kerbau Pusaka Kyai Slamet Kembali Keluar Keraton"                href="https://travel.detik.com/fototravel/d-8534922/lautan-manusia-sambut-kirab-satu-sura-kerbau-pusaka-kyai-slamet-kembali-keluar-keraton" 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 Travel</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="34" dtr-id="8534922" dtr-ttl="Lautan Manusia Sambut Kirab Satu Sura, Kerbau Pusaka Kyai Slamet Kembali Keluar Keraton"                    href="https://travel.detik.com/fototravel/d-8534922/lautan-manusia-sambut-kirab-satu-sura-kerbau-pusaka-kyai-slamet-kembali-keluar-keraton" class="media__link">
                    Lautan Manusia Sambut Kirab Satu Sura, Kerbau Pusaka Kyai Slamet Kembali Keluar Keraton                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665239" title="Rabu, 17 Jun 2026 10:00 WIB">27 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/2025/09/26/tips-bikin-es-buah-1758880763776_169.jpeg'
i-info='detikFood | <span d-time="1781665206" title="Rabu, 17 Jun 2026 10:00 WIB">28 menit yang lalu</span>'
i-link='https://food.detik.com/minuman/d-8534985/resep-es-buah-jelly-yang-manis-segar-pelepas-dahaga'
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="8534985" dtr-ttl="Resep Es Buah Jelly yang Manis Segar Pelepas Dahaga"                href="https://food.detik.com/minuman/d-8534985/resep-es-buah-jelly-yang-manis-segar-pelepas-dahaga" 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="8534985" dtr-ttl="Resep Es Buah Jelly yang Manis Segar Pelepas Dahaga"                    href="https://food.detik.com/minuman/d-8534985/resep-es-buah-jelly-yang-manis-segar-pelepas-dahaga" class="media__link">
                    Resep Es Buah Jelly yang Manis Segar Pelepas Dahaga                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781665206" title="Rabu, 17 Jun 2026 10:00 WIB">28 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='35'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/irak-vs-norwegia-1781650428426_169.jpeg'
i-info='Sepakbola | <span d-time="1781664862" title="Rabu, 17 Jun 2026 09:54 WIB">34 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/detiktv/d-8534965/video-norwegia-hajar-irak-4-1-haaland-cetak-brace'
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">
                                                    <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/20260617-260617010/video-norwegia-hajar-irak-4-1-haaland-cetak-brace"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="36" dtr-id="8534965" dtr-ttl="Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace"                href="https://20.detik.com/detikupdate/20260617-260617010/video-norwegia-hajar-irak-4-1-haaland-cetak-brace" 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="8534965" dtr-ttl="Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace"                    href="https://20.detik.com/detikupdate/20260617-260617010/video-norwegia-hajar-irak-4-1-haaland-cetak-brace" class="media__link">
                    Video: Norwegia Hajar Irak 4-1, Haaland Cetak Brace                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664862" title="Rabu, 17 Jun 2026 09:54 WIB">34 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='36'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/03/30/desain-ballroom-gedung-putih-1774864351965_169.png'
i-info='detikProperti | <span d-time="1781664496" title="Rabu, 17 Jun 2026 09:48 WIB">40 menit yang lalu</span>'
i-link='https://www.detik.com/properti/berita/d-8534897/proyek-ballroom-trump-bengkak-jadi-rp-10-t-separuhnya-warga-as-yang-nanggung'
i-img-qs='?w=250&q=90'
i-type='artikel 36'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="37" dtr-id="8534897" dtr-ttl="Proyek Ballroom Trump Bengkak Jadi Rp 10 T, Separuhnya Warga AS yang Nanggung"                href="https://www.detik.com/properti/berita/d-8534897/proyek-ballroom-trump-bengkak-jadi-rp-10-t-separuhnya-warga-as-yang-nanggung" 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="8534897" dtr-ttl="Proyek Ballroom Trump Bengkak Jadi Rp 10 T, Separuhnya Warga AS yang Nanggung"                    href="https://www.detik.com/properti/berita/d-8534897/proyek-ballroom-trump-bengkak-jadi-rp-10-t-separuhnya-warga-as-yang-nanggung" class="media__link">
                    Proyek Ballroom Trump Bengkak Jadi Rp 10 T, Separuhnya Warga AS yang Nanggung                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664496" title="Rabu, 17 Jun 2026 09:48 WIB">40 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='37'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/16/pesawat-pembom-bomber-b-52-mengalami-kecelakaan-tak-lama-setelah-lepas-landas-dari-pangkalan-angkatan-udara-edwards-1781577343902_169.jpeg'
i-info='detikTravel | <span d-time="1781664409" title="Rabu, 17 Jun 2026 09:46 WIB">41 menit yang lalu</span>'
i-link='https://travel.detik.com/travel-news/d-8534952/dua-karyawan-boeing-jadi-korban-kecelakaan-maut-b-52'
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="8534952" dtr-ttl="Dua Karyawan Boeing Jadi Korban Kecelakaan Maut B-52"                href="https://travel.detik.com/travel-news/d-8534952/dua-karyawan-boeing-jadi-korban-kecelakaan-maut-b-52" 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="8534952" dtr-ttl="Dua Karyawan Boeing Jadi Korban Kecelakaan Maut B-52"                    href="https://travel.detik.com/travel-news/d-8534952/dua-karyawan-boeing-jadi-korban-kecelakaan-maut-b-52" class="media__link">
                    Dua Karyawan Boeing Jadi Korban Kecelakaan Maut B-52                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664409" title="Rabu, 17 Jun 2026 09:46 WIB">41 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='38'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/pramono-bertemu-2-menteri-singapura-bahas-investasi-dan-transportasi-publik-1781664078291_169.jpeg'
i-info='detikNews | <span d-time="1781664340" title="Rabu, 17 Jun 2026 09:45 WIB">42 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8534958/pramono-bertemu-2-menteri-singapura-bahas-investasi-dan-transportasi-publik'
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="8534958" dtr-ttl="Pramono Bertemu 2 Menteri Singapura, Bahas Investasi dan Transportasi Publik"                href="https://news.detik.com/berita/d-8534958/pramono-bertemu-2-menteri-singapura-bahas-investasi-dan-transportasi-publik" 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="8534958" dtr-ttl="Pramono Bertemu 2 Menteri Singapura, Bahas Investasi dan Transportasi Publik"                    href="https://news.detik.com/berita/d-8534958/pramono-bertemu-2-menteri-singapura-bahas-investasi-dan-transportasi-publik" class="media__link">
                    Pramono Bertemu 2 Menteri Singapura, Bahas Investasi dan Transportasi Publik                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664340" title="Rabu, 17 Jun 2026 09:45 WIB">42 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='39'
i-img='https://awsimages.detik.net.id/community/media/visual/2025/06/11/alexandr-wang-1749622991230.jpeg'
i-info='detikInet | <span d-time="1781664328" title="Rabu, 17 Jun 2026 09:45 WIB">43 menit yang lalu</span>'
i-link='https://inet.detik.com/business/d-8534912/zuckerberg-bayar-rp-248-t-untuk-bocah-ajaib-hasilnya-belum-ada'
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="8534912" dtr-ttl="Zuckerberg Bayar Rp 248 T untuk Bocah Ajaib, Hasilnya Belum Ada"                href="https://inet.detik.com/business/d-8534912/zuckerberg-bayar-rp-248-t-untuk-bocah-ajaib-hasilnya-belum-ada" 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="8534912" dtr-ttl="Zuckerberg Bayar Rp 248 T untuk Bocah Ajaib, Hasilnya Belum Ada"                    href="https://inet.detik.com/business/d-8534912/zuckerberg-bayar-rp-248-t-untuk-bocah-ajaib-hasilnya-belum-ada" class="media__link">
                    Zuckerberg Bayar Rp 248 T untuk Bocah Ajaib, Hasilnya Belum Ada                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664328" title="Rabu, 17 Jun 2026 09:45 WIB">43 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='40'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/03/01/gedung-rektorat-unpad-1_169.jpeg'
i-info='detikEdu | <span d-time="1781664300" title="Rabu, 17 Jun 2026 09:45 WIB">43 menit yang lalu</span>'
i-link='https://www.detik.com/edu/perguruan-tinggi/d-8531915/mau-kuliah-di-unpad-bisa-ikut-mata-kuliahnya-dulu-nih'
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="8531915" dtr-ttl="Mau Kuliah di Unpad? Bisa Ikut Mata Kuliahnya Dulu, Nih!"                href="https://www.detik.com/edu/perguruan-tinggi/d-8531915/mau-kuliah-di-unpad-bisa-ikut-mata-kuliahnya-dulu-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="41" dtr-id="8531915" dtr-ttl="Mau Kuliah di Unpad? Bisa Ikut Mata Kuliahnya Dulu, Nih!"                    href="https://www.detik.com/edu/perguruan-tinggi/d-8531915/mau-kuliah-di-unpad-bisa-ikut-mata-kuliahnya-dulu-nih" class="media__link">
                    Mau Kuliah di Unpad? Bisa Ikut Mata Kuliahnya Dulu, Nih!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664300" title="Rabu, 17 Jun 2026 09:45 WIB">43 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='41'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/15/omoway-omo-x-resmi-meluncur-di-indonesia-1781522461975.jpeg'
i-info='detikOto | <span d-time="1781664243" title="Rabu, 17 Jun 2026 09:44 WIB">44 menit yang lalu</span>'
i-link='https://oto.detik.com/motor-listrik/d-8534955/omoway-omo-x-sudah-dipesan-lebih-dari-2-000-unit-ini-model-paling-laris'
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="8534955" dtr-ttl="Omoway Omo X Sudah Dipesan Lebih dari 2.000 Unit, Ini Model Paling Laris"                href="https://oto.detik.com/motor-listrik/d-8534955/omoway-omo-x-sudah-dipesan-lebih-dari-2-000-unit-ini-model-paling-laris" 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="8534955" dtr-ttl="Omoway Omo X Sudah Dipesan Lebih dari 2.000 Unit, Ini Model Paling Laris"                    href="https://oto.detik.com/motor-listrik/d-8534955/omoway-omo-x-sudah-dipesan-lebih-dari-2-000-unit-ini-model-paling-laris" class="media__link">
                    Omoway Omo X Sudah Dipesan Lebih dari 2.000 Unit, Ini Model Paling Laris                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664243" title="Rabu, 17 Jun 2026 09:44 WIB">44 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='42'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/moto-prix-hun-motogp-1781663015975.jpeg'
i-info='detikSport | <span d-time="1781664068" title="Rabu, 17 Jun 2026 09:41 WIB">47 menit yang lalu</span>'
i-link='https://sport.detik.com/moto-gp/d-8534951/acosta-semoga-aku-bisa-capai-setengah-kehebatan-marc-marquez'
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="8534951" dtr-ttl="Acosta: Semoga Aku Bisa Capai Setengah Kehebatan Marc Marquez"                href="https://sport.detik.com/moto-gp/d-8534951/acosta-semoga-aku-bisa-capai-setengah-kehebatan-marc-marquez" 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="8534951" dtr-ttl="Acosta: Semoga Aku Bisa Capai Setengah Kehebatan Marc Marquez"                    href="https://sport.detik.com/moto-gp/d-8534951/acosta-semoga-aku-bisa-capai-setengah-kehebatan-marc-marquez" class="media__link">
                    Acosta: Semoga Aku Bisa Capai Setengah Kehebatan Marc Marquez                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664068" title="Rabu, 17 Jun 2026 09:41 WIB">47 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='43'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/soccer-worldcup-fra-sen-1781656066870_169.jpeg'
i-info='Sepakbola | <span d-time="1781664023" title="Rabu, 17 Jun 2026 09:40 WIB">48 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8534877/kemenangan-prancis-puaskan-deschamps-olise-jadi-kunci'
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="8534877" dtr-ttl="Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8534877/kemenangan-prancis-puaskan-deschamps-olise-jadi-kunci" 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="8534877" dtr-ttl="Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8534877/kemenangan-prancis-puaskan-deschamps-olise-jadi-kunci" class="media__link">
                    Kemenangan Prancis Puaskan Deschamps, Olise Jadi Kunci                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781664023" title="Rabu, 17 Jun 2026 09:40 WIB">48 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='44'
i-img='https://awsimages.detik.net.id/community/media/visual/2023/04/20/neymar-bruna-biancardi_43.jpeg'
i-info='Wolipop | <span d-time="1781663792" title="Rabu, 17 Jun 2026 09:36 WIB">52 menit yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8534939/bruna-biancardi-unggah-video-gender-reveal-neymar-nantikan-anak-ke-5'
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="8534939" dtr-ttl="Bruna Biancardi Unggah Video &#039;Gender Reveal&#039;, Neymar Nantikan Anak ke-5"                href="https://wolipop.detik.com/entertainment-news/d-8534939/bruna-biancardi-unggah-video-gender-reveal-neymar-nantikan-anak-ke-5" 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="8534939" dtr-ttl="Bruna Biancardi Unggah Video &#039;Gender Reveal&#039;, Neymar Nantikan Anak ke-5"                    href="https://wolipop.detik.com/entertainment-news/d-8534939/bruna-biancardi-unggah-video-gender-reveal-neymar-nantikan-anak-ke-5" class="media__link">
                    Bruna Biancardi Unggah Video 'Gender Reveal', Neymar Nantikan Anak ke-5                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781663792" title="Rabu, 17 Jun 2026 09:36 WIB">52 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='45'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/17/tukang-cat-duco-memakai-rompi-warna-hijau-di-jakpus-viral-karena-memeras-petugas-billboard-1781663526944_169.jpeg'
i-info='detikNews | <span d-time="1781663553" title="Rabu, 17 Jun 2026 09:32 WIB">56 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8534934/tukang-cat-duco-pemeras-petugas-billboard-di-jakpus-ternyata-positif-narkoba'
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="8534934" dtr-ttl="Tukang Cat Duco Pemeras Petugas Billboard di Jakpus Ternyata Positif Narkoba"                href="https://news.detik.com/berita/d-8534934/tukang-cat-duco-pemeras-petugas-billboard-di-jakpus-ternyata-positif-narkoba" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="46" dtr-id="8534934" dtr-ttl="Tukang Cat Duco Pemeras Petugas Billboard di Jakpus Ternyata Positif Narkoba"                    href="https://news.detik.com/berita/d-8534934/tukang-cat-duco-pemeras-petugas-billboard-di-jakpus-ternyata-positif-narkoba" class="media__link">
                    Tukang Cat Duco Pemeras Petugas Billboard di Jakpus Ternyata Positif Narkoba                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781663553" title="Rabu, 17 Jun 2026 09:32 WIB">56 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='46'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/15/ilustrasi-puasa-1-muharam-1781514294937_169.jpeg'
i-info='detikHikmah | <span d-time="1781663412" title="Rabu, 17 Jun 2026 09:30 WIB">58 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/khazanah/d-8534510/jadwal-puasa-muharram-2026-versi-pemerintah-nu-dan-muhammadiyah'
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="8534510" dtr-ttl="Jadwal Puasa Muharram 2026 Versi Pemerintah, NU dan Muhammadiyah"                href="https://www.detik.com/hikmah/khazanah/d-8534510/jadwal-puasa-muharram-2026-versi-pemerintah-nu-dan-muhammadiyah" 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="8534510" dtr-ttl="Jadwal Puasa Muharram 2026 Versi Pemerintah, NU dan Muhammadiyah"                    href="https://www.detik.com/hikmah/khazanah/d-8534510/jadwal-puasa-muharram-2026-versi-pemerintah-nu-dan-muhammadiyah" class="media__link">
                    Jadwal Puasa Muharram 2026 Versi Pemerintah, NU dan Muhammadiyah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781663412" title="Rabu, 17 Jun 2026 09:30 WIB">58 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='47'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/08/kian-perkasa-dolar-as-gencet-rupiah-ke-rp-18200-1780909349212_169.jpeg'
i-info='detikFinance | <span d-time="1781663192" title="Rabu, 17 Jun 2026 09:26 WIB">1 jam yang lalu</span>'
i-link='https://finance.detik.com/bursa-dan-valas/d-8534933/dolar-as-tekan-rupiah-ke-rp-17-746'
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="8534933" dtr-ttl="Dolar AS Tekan Rupiah ke Rp 17.746"                href="https://finance.detik.com/bursa-dan-valas/d-8534933/dolar-as-tekan-rupiah-ke-rp-17-746" 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="8534933" dtr-ttl="Dolar AS Tekan Rupiah ke Rp 17.746"                    href="https://finance.detik.com/bursa-dan-valas/d-8534933/dolar-as-tekan-rupiah-ke-rp-17-746" class="media__link">
                    Dolar AS Tekan Rupiah ke Rp 17.746                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781663192" title="Rabu, 17 Jun 2026 09:26 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/2026/06/17/moto-prix-hun-motogp-1781663015975.jpeg'
i-info='detikSport | <span d-time="1781663189" title="Rabu, 17 Jun 2026 09:26 WIB">1 jam yang lalu</span>'
i-link='https://sport.detik.com/detiktv/d-8534932/acosta-semoga-aku-bisa-capai-setengah-kehebatan-marc-marquez'
i-img-qs='?w=250&q=90'
i-type='artikel 48'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params=""></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="49" dtr-id="8534932" dtr-ttl="Acosta: Semoga Aku Bisa Capai Setengah Kehebatan Marc Marquez"                href="https://sport.detik.com/detiktv/d-8534932/acosta-semoga-aku-bisa-capai-setengah-kehebatan-marc-marquez" 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="8534932" dtr-ttl="Acosta: Semoga Aku Bisa Capai Setengah Kehebatan Marc Marquez"                    href="https://sport.detik.com/detiktv/d-8534932/acosta-semoga-aku-bisa-capai-setengah-kehebatan-marc-marquez" class="media__link">
                    Acosta: Semoga Aku Bisa Capai Setengah Kehebatan Marc Marquez                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781663189" title="Rabu, 17 Jun 2026 09:26 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/2021/11/19/ihsg-ditutup-menguat-3_169.jpeg'
i-info='detikFinance | <span d-time="1781662994" title="Rabu, 17 Jun 2026 09:23 WIB">1 jam yang lalu</span>'
i-link='https://finance.detik.com/bursa-dan-valas/d-8534930/ihsg-dibuka-menguat-ke-6-339'
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="8534930" dtr-ttl="IHSG Dibuka Menguat ke 6.339"                href="https://finance.detik.com/bursa-dan-valas/d-8534930/ihsg-dibuka-menguat-ke-6-339" 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="8534930" dtr-ttl="IHSG Dibuka Menguat ke 6.339"                    href="https://finance.detik.com/bursa-dan-valas/d-8534930/ihsg-dibuka-menguat-ke-6-339" class="media__link">
                    IHSG Dibuka Menguat ke 6.339                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781662994" title="Rabu, 17 Jun 2026 09:23 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='50'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/16/sekretaris-jenderal-pbnu-saifullah-yusuf-atau-gus-ipul-saat-berkunjung-ke-ponpes-ploso-kediri-1781611318907_169.jpeg'
i-info='detikJatim | <span d-time="1781662858" title="Rabu, 17 Jun 2026 09:20 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/jatim/berita/d-8534911/blak-blakan-gus-ipul-sebut-menag-berpeluang-pimpin-pbnu'
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="8534911" dtr-ttl="Blak-blakan Gus Ipul Sebut Menag Berpeluang Pimpin PBNU"                href="https://www.detik.com/jatim/berita/d-8534911/blak-blakan-gus-ipul-sebut-menag-berpeluang-pimpin-pbnu" 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">Round Up</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="51" dtr-id="8534911" dtr-ttl="Blak-blakan Gus Ipul Sebut Menag Berpeluang Pimpin PBNU"                    href="https://www.detik.com/jatim/berita/d-8534911/blak-blakan-gus-ipul-sebut-menag-berpeluang-pimpin-pbnu" class="media__link">
                    Blak-blakan Gus Ipul Sebut Menag Berpeluang Pimpin PBNU                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781662858" title="Rabu, 17 Jun 2026 09:20 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/2025/10/20/ruben-amorim-1760948531605_169.jpeg'
i-info='Sepakbola | <span d-time="1781662845" title="Rabu, 17 Jun 2026 09:20 WIB">1 jam yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/liga-italia/d-8534876/milan-sudah-bertahun-tahun-pantau-amorim'
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="8534876" dtr-ttl="Milan Sudah Bertahun-tahun Pantau Amorim"                href="https://sport.detik.com/sepakbola/liga-italia/d-8534876/milan-sudah-bertahun-tahun-pantau-amorim" 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="8534876" dtr-ttl="Milan Sudah Bertahun-tahun Pantau Amorim"                    href="https://sport.detik.com/sepakbola/liga-italia/d-8534876/milan-sudah-bertahun-tahun-pantau-amorim" class="media__link">
                    Milan Sudah Bertahun-tahun Pantau Amorim                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781662845" title="Rabu, 17 Jun 2026 09:20 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='52'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/10/dirtipideksus-bareskrim-polri-brigjen-ade-safri-simanjuntak-dan-jajaran-dokistimewa-1781083570456_169.jpeg'
i-info='detikNews | <span d-time="1781662786" title="Rabu, 17 Jun 2026 09:19 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8534929/bareskrim-tahan-2-tersangka-kasus-tambang-emas-ilegal'
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="8534929" dtr-ttl="Bareskrim Tahan 2 Tersangka Kasus Tambang Emas Ilegal"                href="https://news.detik.com/berita/d-8534929/bareskrim-tahan-2-tersangka-kasus-tambang-emas-ilegal" 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="8534929" dtr-ttl="Bareskrim Tahan 2 Tersangka Kasus Tambang Emas Ilegal"                    href="https://news.detik.com/berita/d-8534929/bareskrim-tahan-2-tersangka-kasus-tambang-emas-ilegal" class="media__link">
                    Bareskrim Tahan 2 Tersangka Kasus Tambang Emas Ilegal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781662786" title="Rabu, 17 Jun 2026 09:19 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=202606171027" 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="Buying Guide: Jet Shower Toilet Dual Spray Terbaik, Solusi Kamar Mandi Lebih Bersih" href="https://rekomendit.detik.com/home-living/2817/buying-guide-jet-shower-toilet-dual-spray-terbaik-solusi-kamar-mandi-lebih-bersih"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2015/07/01/8fac3f78-4944-4ed8-8de0-da8cc7fbba63_169.jpg?w=200&q=90" alt="Buying Guide: Jet Shower Toilet Dual Spray Terbaik, Solusi Kamar Mandi Lebih Bersih" />
 <span>Home & Living</span>
 <p>Buying Guide: Jet Shower Toilet Dual Spray Terbaik, Solusi Kamar Mandi Lebih Bersih</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="Merawat Lansia di Rumah Jadi Lebih Mudah dengan Kursi Toilet Lipat Multifungsi Ini" href="https://rekomendit.detik.com/kesehatan/2816/merawat-lansia-di-rumah-jadi-lebih-mudah-dengan-kursi-toilet-lipat-multifungsi-ini"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2025/04/28/ilustrasi-lansia-1745832803695_169.jpeg?w=200&q=90" alt="Merawat Lansia di Rumah Jadi Lebih Mudah dengan Kursi Toilet Lipat Multifungsi Ini" />
 <span>Kesehatan</span>
 <p>Merawat Lansia di Rumah Jadi Lebih Mudah dengan Kursi Toilet Lipat Multifungsi Ini</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="Nyamuk di Kamar Bikin Susah Tidur? Ini Solusi Tanpa Bau dan Tanpa Asap" href="https://rekomendit.detik.com/home-living/2815/nyamuk-di-kamar-bikin-susah-tidur-ini-solusi-tanpa-bau-dan-tanpa-asap"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/16/ravelle-official-shop-1781625538151_169.png?w=200&q=90" alt="Nyamuk di Kamar Bikin Susah Tidur? Ini Solusi Tanpa Bau dan Tanpa Asap" />
 <span>Home & Living</span>
 <p>Nyamuk di Kamar Bikin Susah Tidur? Ini Solusi Tanpa Bau dan Tanpa Asap</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="Mau Naik Level dari Mic Wireless Biasa? Ini Saatnya Kenal Fitur 32-Bit Float dan Timecode" href="https://rekomendit.detik.com/hobi-dan-mainan/2814/mau-naik-level-dari-mic-wireless-biasa-ini-saatnya-kenal-fitur-32-bit-float-dan-timecode"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/16/saramonic-official-shop-1781623936765_169.png?w=200&q=90" alt="Mau Naik Level dari Mic Wireless Biasa? Ini Saatnya Kenal Fitur 32-Bit Float dan Timecode" />
 <span>Hobi dan Mainan</span>
 <p>Mau Naik Level dari Mic Wireless Biasa? Ini Saatnya Kenal Fitur 32-Bit Float dan Timecode</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="Bosen Outer Denim yang Itu-Itu Aja? Ini 3 Pilihan dengan Siluet Beda dari Biasanya" href="https://rekomendit.detik.com/pakaian-wanita/2813/bosen-outer-denim-yang-itu-itu-aja-ini-3-pilihan-dengan-siluet-beda-dari-biasanya"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/01/27/ilustrasi-minum-boba-1769484836860_169.jpeg?w=200&q=90" alt="Bosen Outer Denim yang Itu-Itu Aja? Ini 3 Pilihan dengan Siluet Beda dari Biasanya" />
 <span>Pakaian Wanita</span>
 <p>Bosen Outer Denim yang Itu-Itu Aja? Ini 3 Pilihan dengan Siluet Beda dari Biasanya</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="Air Sumur Bor Keruh dan Berbau Bisa Ancam Kesehatan Keluarga, Apakah Filter FRP 1054 Solusinya?" href="https://rekomendit.detik.com/home-living/2812/air-sumur-bor-keruh-dan-berbau-bisa-ancam-kesehatan-keluarga-apakah-filter-frp-1054-solusinya"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2024/05/15/air-bersih_169.jpeg?w=200&q=90" alt="Air Sumur Bor Keruh dan Berbau Bisa Ancam Kesehatan Keluarga, Apakah Filter FRP 1054 Solusinya?" />
 <span>Home & Living</span>
 <p>Air Sumur Bor Keruh dan Berbau Bisa Ancam Kesehatan Keluarga, Apakah Filter FRP 1054 Solusinya?</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 @ 1781666625--><!--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=202606171027" 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=202606171027" 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=202606171027" 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-8533473/nindya-karya-pastikan-sr-deli-serdang-siap-sambut-tahun-ajaran-baru" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/11/pembangunan-sekolah-rakyat-di-medan-1778496438421_169.jpeg?w=250&q=90" alt="Nindya Karya Pastikan SR Deli Serdang Siap Sambut Tahun Ajaran Baru" title="Nindya Karya Pastikan SR Deli Serdang Siap Sambut Tahun Ajaran Baru" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8533473/nindya-karya-pastikan-sr-deli-serdang-siap-sambut-tahun-ajaran-baru" class="media__link">
                                Nindya Karya Pastikan SR Deli Serdang Siap Sambut Tahun Ajaran Baru                            </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-8533385/kemenpu-prioritaskan-gedung-edukasi-dan-training-center-baru-di-iptc" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/04/18/menteri-pekerjaan-umum-pu-dody-hanggodo-1776497586532_169.jpeg?w=250&q=90" alt="KemenPU Prioritaskan Gedung Edukasi dan Training Center Baru di IPTC" title="KemenPU Prioritaskan Gedung Edukasi dan Training Center Baru di IPTC" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8533385/kemenpu-prioritaskan-gedung-edukasi-dan-training-center-baru-di-iptc" class="media__link">
                                KemenPU Prioritaskan Gedung Edukasi dan Training Center Baru di IPTC                            </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-8533307/menteri-pu-pastikan-sekolah-rakyat-di-sukoharjo-fungsional-juli-2026" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/15/menteri-pekerjaan-umum-pu-dody-hanggodo-melakukan-inspeksi-mendadak-ke-lokasi-proyek-pembangunan-sekolah-rakyat-sr-2-di-kabupa-1781523206316_169.jpeg?w=250&q=90" alt="Menteri PU Pastikan Sekolah Rakyat di Sukoharjo Fungsional Juli 2026" title="Menteri PU Pastikan Sekolah Rakyat di Sukoharjo Fungsional Juli 2026" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8533307/menteri-pu-pastikan-sekolah-rakyat-di-sukoharjo-fungsional-juli-2026" class="media__link">
                                Menteri PU Pastikan Sekolah Rakyat di Sukoharjo Fungsional Juli 2026                            </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-8533240/menteri-pu-optimistis-sr-nagan-raya-garapan-waskita-berfungsi-juli-2026" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/15/menteri-pu-optimistis-sr-nagan-raya-garapan-waskita-berfungsi-di-tahun-ajaran-baru-1781519877734_169.jpeg?w=250&q=90" alt="Menteri PU Optimistis SR Nagan Raya Garapan Waskita Berfungsi Juli 2026" title="Menteri PU Optimistis SR Nagan Raya Garapan Waskita Berfungsi Juli 2026" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8533240/menteri-pu-optimistis-sr-nagan-raya-garapan-waskita-berfungsi-juli-2026" class="media__link">
                                Menteri PU Optimistis SR Nagan Raya Garapan Waskita Berfungsi Juli 2026                            </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-8532486/komisi-v-dpr-optimis-sekolah-rakyat-jabar-ii-siap-dipakai-tahun-ajaran-baru" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/15/brantas-abipraya-1781520121787_169.jpeg?w=250&q=90" alt="Komisi V DPR Optimis Sekolah Rakyat Jabar II Siap Dipakai Tahun Ajaran Baru" title="Komisi V DPR Optimis Sekolah Rakyat Jabar II Siap Dipakai Tahun Ajaran Baru" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8532486/komisi-v-dpr-optimis-sekolah-rakyat-jabar-ii-siap-dipakai-tahun-ajaran-baru" class="media__link">
                                Komisi V DPR Optimis Sekolah Rakyat Jabar II Siap Dipakai Tahun Ajaran Baru                            </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://www.detik.com/sumut/berita/d-8531828/menteri-pu-minta-jalan-perbatasan-subulussalam-sumut-didesain-ulang" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/14/menteri-pu-dody-hanggono-meninjau-pembangunan-sekolah-rakyat-di-nagan-raya-aceh-agus-setyadidetiksumut-1781436978969_169.jpeg?w=250&q=90" alt="Menteri PU Minta Jalan Perbatasan Subulussalam-Sumut Didesain Ulang" title="Menteri PU Minta Jalan Perbatasan Subulussalam-Sumut Didesain Ulang" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://www.detik.com/sumut/berita/d-8531828/menteri-pu-minta-jalan-perbatasan-subulussalam-sumut-didesain-ulang" class="media__link">
                                Menteri PU Minta Jalan Perbatasan Subulussalam-Sumut Didesain Ulang                            </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="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="3" dtr-ttl="rumah sarwendah"                            href="https://www.detik.com/tag/rumah-sarwendah"
                            class="media__link">
                            rumah sarwendah                        </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="tiyo ardiyanto"                            href="https://www.detik.com/tag/tiyo-ardiyanto"
                            class="media__link">
                            tiyo ardiyanto                        </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="bem bersatu"                            href="https://www.detik.com/tag/bem-bersatu"
                            class="media__link">
                            bem bersatu                        </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="8534851" dtr-ttl="Iran Bakal Diguyur Investasi Rp 5.310 T Usai Damai dengan AS"                            href="https://finance.detik.com/berita-ekonomi-bisnis/d-8534851/iran-bakal-diguyur-investasi-rp-5-310-t-usai-damai-dengan-as"
                            class="media__link">
                            Iran Bakal Diguyur Investasi Rp 5.310 T Usai Damai dengan AS                        </a>
                    </h3>
                </div>
                <div class="media__date">detikFinance | <span d-time="1781658915" title="Rabu, 17 Jun 2026 08: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 ">#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="8534927" dtr-ttl="Harga Emas Antam Naik Jadi Semahal Ini"                            href="https://finance.detik.com/berita-ekonomi-bisnis/d-8534927/harga-emas-antam-naik-jadi-semahal-ini"
                            class="media__link">
                            Harga Emas Antam Naik Jadi Semahal Ini                        </a>
                    </h3>
                </div>
                <div class="media__date">detikFinance | <span d-time="1781662740" title="Rabu, 17 Jun 2026 09:19 WIB">1 jam yang lalu</span></div>
            </div>
        </article>
            <article class="list-content__item">
            <div class="media">
                <div class="media__text text-list">
                    <span class="text-list__data ">#3</span>
                    <h3 class="media__title">
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="3" dtr-id="8534981" dtr-ttl="Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0"                            href="https://sport.detik.com/sepakbola/bola-dunia/d-8534981/argentina-vs-aljzair-messi-hat-trick-juara-bertahan-menang-3-0"
                            class="media__link">
                            Argentina Vs Aljzair: Messi Hat-trick, Juara Bertahan Menang 3-0                        </a>
                    </h3>
                </div>
                <div class="media__date">Sepakbola | <span d-time="1781665237" title="Rabu, 17 Jun 2026 10:00 WIB">27 menit 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="8534898" dtr-ttl="Gol Messi Bawa Argentina Ungguli Aljazair 1-0 di Babak Pertama"                            href="https://sport.detik.com/sepakbola/bola-dunia/d-8534898/gol-messi-bawa-argentina-ungguli-aljazair-1-0-di-babak-pertama"
                            class="media__link">
                            Gol Messi Bawa Argentina Ungguli Aljazair 1-0 di Babak Pertama                        </a>
                    </h3>
                </div>
                <div class="media__date">Sepakbola | <span d-time="1781661275" title="Rabu, 17 Jun 2026 08:54 WIB">1 jam yang lalu</span></div>
            </div>
        </article>
            <article class="list-content__item">
            <div class="media">
                <div class="media__text text-list">
                    <span class="text-list__data ">#5</span>
                    <h3 class="media__title">
                        <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="5" dtr-id="8534845" dtr-ttl="Peran Dalang dan Eksekutor di Kasus Kakek PIK Nyaris Diculik"                            href="https://news.detik.com/berita/d-8534845/peran-dalang-dan-eksekutor-di-kasus-kakek-pik-nyaris-diculik"
                            class="media__link">
                            Peran Dalang dan Eksekutor di Kasus Kakek PIK Nyaris Diculik                        </a>
                    </h3>
                </div>
                <div class="media__date">detikNews | <span d-time="1781657137" title="Rabu, 17 Jun 2026 07:45 WIB">2 jam yang lalu</span></div>
            </div>
        </article>
    
    <div class="text-center pdt-12 pdb-12">
        <a dtr-evt="box artikel terpopuler" dtr-sec="lihatselengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)"            href="https://www.detik.com/terpopuler"
            class="btn btn--default color-orange-light-1 btn--md">
            Lihat Selengkapnya <i class="icon icon-arrow-right"></i>
        </a>
    </div>
</div>

<script type="text/javascript">
    $('.box.cb-mostpop.sticky').find('a').each(function (i,v) {
        var pt = $(v).attr('onclick')
                .replace('populer', 'populer sticky')
                .replace('artikel ', 'artikel box sticky ')
                .replace('selengkapnya', 'selengkapnya sticky')

        $(v).attr('onclick', pt);
    })
</script>
            </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">178</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="8531148" dtr-ttl="PDIP Balas PSI: Jokowi Dipecat Desember 2024, Bukan Keluar atau Mundur"                            href="https://news.detik.com/berita/d-8531148/pdip-balas-psi-jokowi-dipecat-desember-2024-bukan-keluar-atau-mundur"
                            class="media__link">
                            PDIP Balas PSI: Jokowi Dipecat Desember 2024, Bukan Keluar atau Mundur                        </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">148</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="8534544" dtr-ttl="BEM Bersatu Duga Tiyo Ardianto Dekat dengan Tokoh PDIP-Eks Timses Ganjar"                            href="https://news.detik.com/berita/d-8534544/bem-bersatu-duga-tiyo-ardianto-dekat-dengan-tokoh-pdip-eks-timses-ganjar"
                            class="media__link">
                            BEM Bersatu Duga Tiyo Ardianto Dekat dengan Tokoh PDIP-Eks Timses Ganjar                        </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">141</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="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>
        </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=202606171027"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/navbar-sticky-event.js?v=202606171027"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606171027"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606171027"></script>
<script type="text/javascript">
 $(document).ready(function() {
 $("[d-time]").detikTime();
 })
 
 getScript("https://awscdn.detik.net.id/assets/js/slickslider.js?v=202606171027", 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=202606171027"></script>
<script src="https://awscdn.detik.net.id/assets/js/firebase-msg.js?v=202606171027" 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=202606171027" 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=202606171027" alt="img-alt" title="img-title">
 </div>
 <div class="footer__social">
 <div class="footer-title footer-title__connect">Connect With Us</div>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="whatsapp" target="_blank" href="https://www.whatsapp.com/channel/0029Va87gcMEwEjrcI2Hd92i" class="icon_footer-itp icon-item icon-item__wa"><i class="icon icon-whatsapp"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="facebook" target="_blank" href="https://www.facebook.com/detikcom" class="icon_footer-itp icon-item icon-item__fb"><i class="icon icon-facebook"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="twitter" target="_blank" href="https://twitter.com/detikcom" class="icon_footer-itp icon-item icon-item__tw"><i class="icon icon-twitter"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="instagram" target="_blank" href="https://www.instagram.com/detikcom/" class="icon_footer-itp icon-item icon-item__ig"><i class="icon icon-instagram"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="linkedin" target="_blank" href="https://www.linkedin.com/company/detik-com/" class="icon_footer-itp icon-item icon-item__in"><i class="icon icon-linkedin"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="youtube" target="_blank" href="https://www.youtube.com/detikcom" class="icon_footer-itp icon-item icon-item__yt"><i class="icon icon-youtube"></i></a>
 <a dtr-evt="footer" dtr-sec="sharefooter" dtr-act="share footer" onclick="_pt(this)" dtr-ttl="tiktok" target="_blank" href="https://www.tiktok.com/@detikcom" class="icon-item icon-item__tk"><i class="icon icon-tiktok"></i></a>
 </div>
 <div class="footer-title footer-title__copyright">Copyright @ 2026 detikcom. <br>All right reserved </div>
 </div>
 <nav class="column-3 footer-nav">
 <div class="footer-nav--title">Kategori</div>
 <ul class="nav nav--column nav--column-2">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiknews" href="https://news.detik.com" >detikNews</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikedukasi" href="https://www.detik.com/edu" >detikEdukasi</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfinance" href="https://finance.detik.com" >detikFinance</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikinet" href="https://inet.detik.com" >detikInet</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhot" href="https://hot.detik.com" >detikHot</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiksport" href="https://sport.detik.com" >detikSport</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu sepakbola" href="https://sport.detik.com/sepakbola" >Sepakbola</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikoto" href="https://oto.detik.com" >detikOto</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikproperti" href="https://www.detik.com/properti" >detikProperti</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detiktravel" href="https://travel.detik.com" >detikTravel</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfood" href="https://food.detik.com" >detikFood</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhealth" href="https://health.detik.com" >detikHealth</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu wolipop" href="https://wolipop.detik.com" >Wolipop</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikx" href="https://news.detik.com/x/" >detikX</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu 20detik" href="https://20.detik.com" >20Detik</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikfoto" href="https://foto.detik.com" >detikFoto</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikhikmah" href="https://www.detik.com/hikmah" >detikHikmah</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikpop" href="https://www.detik.com/pop" >detikPop</a>
 </li>
 </ul>
 </nav>
 <nav class="column-2 footer-nav">
 <div class="footer-nav--title">Layanan</div>
 <ul class="nav nav--column">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu berbuatbaik.id" href="https://berbuatbaik.id/" rel="nofollow">berbuatbaik.id</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu pasang mata" href="https://pasangmata.detik.com" rel="nofollow">Pasang Mata</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu adsmart" href="https://adsmart.detik.com" rel="nofollow">Adsmart</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu detikevent" href="https://event.detik.com" rel="nofollow">detikEvent</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu signature awards" href="https://www.detik.com/signature-awards" rel="nofollow">Signature Awards</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu trans snow world" href="https://www.transentertainment.com/transsnow" rel="nofollow">Trans Snow World</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu trans studio" href="https://www.transentertainment.com/transstudio" rel="nofollow">Trans Studio</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu bingkai.id" href="https://bingkai.id/" rel="nofollow">Bingkai.id</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu ziswafctarsa.id" href="https://www.ziswafctarsa.id/" rel="nofollow">Ziswafctarsa.id</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu flying over indonesia" href="https://www.transentertainment.com/foi/detail" rel="nofollow">Flying Over Indonesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu for your business" href="https://fyb.detik.com/" rel="nofollow">For Your Business</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu rekomendit" href="https://rekomendit.detik.com/" rel="nofollow">rekomendit</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu community connect" href="https://www.detik.com/community-connect/" rel="nofollow">Community Connect</a>
 </li>
 </ul>
 </nav>
 <nav class="column-2 footer-nav">
 <div class="footer-nav--title">Informasi</div>
 <ul class="nav nav--column">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu redaksi" href="https://www.detik.com/redaksi" >Redaksi</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu pedoman media siber" href="https://www.detik.com/pedoman-media" rel="nofollow">Pedoman Media Siber</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu karir" href="https://karir.detik.com/" rel="nofollow">Karir</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu kotak pos" href="https://www.detik.com/kotak-pos" rel="nofollow">Kotak Pos</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu media partner" href="https://www.detik.com/media-partner" rel="nofollow">Media Partner</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu info iklan" href="https://www.detik.com/info-iklan" rel="nofollow">Info Iklan</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu privacy policy" href="https://www.detik.com/privacy-policy" rel="nofollow">Privacy Policy</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu disclaimer" href="https://www.detik.com/disclaimer" rel="nofollow">Disclaimer</a>
 </li>
 </ul>
 </nav>
 <nav class="column-2 footer-nav">
 <div class="footer-nav--title">Jaringan Media</div>
 <ul class="nav nav--column">
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cnn indonesia" href="https://www.cnnindonesia.com" target="_blank" rel="nofollow">CNN Indonesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cnbc indonesia" href="https://www.cnbcindonesia.com" target="_blank" rel="nofollow">CNBC Indonesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu haibunda" href="https://www.haibunda.com" target="_blank" rel="nofollow">Haibunda</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu insertlive" href="https://www.insertlive.com/" target="_blank" rel="nofollow">Insertlive</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu beautynesia" href="https://beautynesia.id" target="_blank" rel="nofollow">Beautynesia</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu female daily" href="https://femaledaily.com" target="_blank" rel="nofollow">Female Daily</a>
 </li>
 <li class="nav__item">
 <a dtr-evt="footer" dtr-sec="menufooter" dtr-act="menu footer" onclick="_pt(this)" dtr-ttl="menu cxo media" href="https://www.cxomedia.id" target="_blank" rel="nofollow">CXO Media</a>
 </li>
 </ul>
 </nav>
 </div>
 </div>
 </div>
</footer><!--cached @ 1781666758--><!--replaced-->
                <!-- s:footer asset manager -->
        <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/tab.js?v=202606171027"></script>
        <!-- e:footer asset manager -->
        <!-- s:footer inline -->
                <!-- e:footer inline -->
        
        <div class="breakingnews-float breakingnews-float--detikpagi " id="notif-20d">
    <div class="flowed">
        <div id="container-popup" class="float-vid__content cursor-pointer">
            <a dtr-evt="detik pagi" dtr-sec="close button" dtr-act="close button" onclick="_pt(this)" href="#" class="float-vid__close" id="notif-20d-close"><i class="icon icon-close"></i></a>
            <span class="media media--left">
                <div class="media__image border-radius-top margin-none">
                    <div class="ratiobox ratiobox--16-9">
                        <iframe width="100%" src="https://20.detik.com/watch/livestreaming-20d?smartautoplay=false" frameborder="0" allowfullscreen=""></iframe>
                    </div>
                </div>
            </span>
            <div class="media__text custom-position">
                <a dtr-evt="detik pagi" dtr-sec="join detik pagi" dtr-act="join detik pagi" onclick="_pt(this)" href="https://20.detik.com/?notifpopup" class="media__link">
                    <span class="detikpagi-live">
                        <span>LIVE</span>
                    </span>
                </a>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function() {
            $("#notif-20d-close").click(function() {
                $("#notif-20d").remove();
                $(".float-vid__box .float-vid__content").removeAttr("style");
                return false;
            });
        });

        document.getElementById('container-popup').addEventListener('click', function() {
            this.setAttribute('dtr-evt', 'detik pagi');
            this.setAttribute('dtr-sec', 'join detik pagi');
            this.setAttribute('dtr-act', 'join detik pagi');
            _pt(this);
            window.location.href = 'https://20.detik.com/';
        });
    </script>

    <script>
    var PopupNotif = {
        baseUrl: 'https://www.detik.com',
        isLiveShopping: 'off',
        wsData: null,
        wsUrl: `wss://push.detik.com/ws/popoutnotif.b1`,
        get ajaxUrl () {
            return `${PopupNotif.baseUrl}/ajax/popout_notif`
        },
        renderBlock (dataHtml) {
            var notifContainer = document.getElementById('notif-20d')

            notifContainer.outerHTML = dataHtml
        },
        async refreshBlock () {
            var req = await fetch(PopupNotif.ajaxUrl)
            var data = await req.json()

            PopupNotif.renderBlock(data.html)
            PopupNotif.setIsLiveShop()
        },
        setIsLiveShop () {
            PopupNotif.isLiveShopping = $('.itp__isLiveShop').length ? 'on' : 'off'
        },
        init () {
            PopupNotif.setIsLiveShop()

            var ws = new WebSocket(PopupNotif.wsUrl);

            ws.onmessage = async function (me) {
                if (me.data) {
                    PopupNotif.wsData = JSON.parse(me.data)

                    var data = JSON.parse(me.data);
                    var liveShopping = data.live_shopping

                    if (liveShopping !== PopupNotif.isLiveShopping) {
                        PopupNotif.refreshBlock()
                    }
                }
            }
        }
    }

    PopupNotif.init()
</script></div>
        <!-- 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-->