<!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=202606120825" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606120825" as="script">
        <link rel="preload" href="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606120825" as="script">
                            <link rel="preload" href="https://awscdn.detik.net.id/assets/js/tab.js?v=202606120825" as="script">
                        <!-- e: preload JS -->
        
 <title>detikcom - Informasi Berita Terkini dan Terbaru Hari Ini</title>
 <meta name="description" content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" itemprop="description" />
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="text/html; charset=UTF-8" />
 <meta name="viewport" content="initial-scale = 1.0, user-scalable = no, width=device-width, height=device-height, maximum-scale=1.0" />
 <meta property="og:type" content="article" />
 <meta property="og:site_name" content="detikcom" />
 <meta property="og:title" content="detikcom - Informasi Berita Terkini dan Terbaru Hari Ini" />
 <meta property="og:image" content="https://awscdn.detik.net.id/detikcomasset/logo/detikcom.png" />
 <meta property="og:description" content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" />
 <meta property="og:url" content="https://www.detik.com" />
 <meta property="fb:app_id" content="187960271237149" />
 <meta property="fb:admins" content="100000607566694" />
 <meta property="og:image:type" content="image/jpeg" />
 <meta property="og:image:width" content="1200" />
 <meta property="og:image:height" content="675" />
 <meta name="copyright" content="" itemprop="dateline" />
 <meta name="p:domain_verify" content="2057b86bf61e5a346e22a380c6fecf89" />
 <meta name="robots" content="index, follow" />
 <meta name="googlebot" content="index, follow" />
 <meta name="googlebot-news" content="index, follow" />
 
 <meta content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" itemprop="headline" />
 <meta name="keywords" content="berita hari ini, berita terkini, berita terbaru, info berita, peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, liputan khusus, Indonesia, Internasional" itemprop="keywords" />
 <meta name="thumbnailUrl" content="https://awscdn.detik.net.id/detikcomasset/logo/detikcom.png" itemprop="thumbnailUrl" />
 <meta name="dtk:acctype" content="acc-detikcom" />
 <meta name="dtk:kanalid" content="-" />
 <meta name="dtk:articleid" content="-" />
 <meta name="dtk:createddate" content="-1" />
 <meta name="dtk:platform" content="desktop" />
 
<meta name="contenttype" content="wp" />
<meta name="kanalid" content="2" />
<meta name="platform" content="desktop" />
 <meta content="https://www.detik.com" itemprop="url" />
 <link rel="canonical" href="https://www.detik.com" />
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:site" content="@detikcom" />
 <meta name="twitter:site:id" content="@detikcom" />
 <meta name="twitter:creator" content="@detikcom" />
 <meta name="twitter:description" content="Indeks berita terkini dan terbaru hari ini dari peristiwa, kecelakaan, kriminal, hukum, berita unik, Politik, dan liputan khusus di Indonesia dan Internasional" />
 <meta name="twitter:image" content="https://awscdn.detik.net.id/detikcomasset/logo/detikcom.png" /><!--cached @ 1781229426--><!--replaced-->
<script async id="ebx" src="https://applets.ebxcdn.com/ebx.js"></script><script type='application/ld+json'>{"@context":"https://schema.org","@type":"Organization","name":"Detikcom","url":"https://www.detik.com/","sameAs":["https://www.facebook.com/detikcom/","https://twitter.com/detikcom","https://www.instagram.com/detikcom/"],"logo":"https://awscdn.detik.net.id/detik2/images/logo.jpg"}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://www.detik.com/","potentialAction":{"@type":"SearchAction","target":"https://www.detik.com/search/searchall?query={search_term_string}","query-input":"required name=search_term_string"}}</script>

        <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/jquery.min.js?v=202606120825"></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=2026061208" 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=202606120825">

        <!--s:dtkprv-->
<!--e:dtkprv-->
        <link href="https://awscdn.detik.net.id/detikcom/css/style.css?v=202606120825" rel="stylesheet">
        <link href="https://awscdn.detik.net.id/assets/css/placeholder.css?v=202606120825" 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_promobox, gpt_topframe, gpt_mediumrectangle1, gpt_mediumrectangle2, gpt_mediumrectangle3, gpt_newsfeed3, gpt_newsfeed2, gpt_newsfeed1, gpt_newsfeedterpopuler);


//conditional empty gpt_promobox 1
// if (document.getElementById('div-gpt-ad-1675354767032-0') != null) {
// gpt_slot_objects.push(gpt_promobox);
//}

// //conditional empty newsfeed 1
// if (document.getElementById('div-gpt-ad-1612605119627-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed1);
// }
// 
// //conditional empty newsfeed 2
// if (document.getElementById('div-gpt-ad-1613262723921-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed2);
// }
// 
// //conditional empty newsfeed 3
// if (document.getElementById('div-gpt-ad-1624873610990-0') != null) {
// gpt_slot_objects.push(gpt_newsfeed3);
// }

//conditional empty parallax 1
// if (document.getElementById('div-gpt-ad-1572942201238-0') != null) {
// gpt_slot_objects.push(gpt_parallax1);
// }

//conditional empty center 1
// if (document.getElementById('div-gpt-ad-1565183879836-0') != null) {
// gpt_slot_objects.push(gpt_center1);
// }

/* S- Custom DFP For Callback Function */

   googletag.pubads().addEventListener('slotRenderEnded', function(event) {
try {
if (event.slot == gpt_newsfeed1 && !event.isEmpty ){
var $head = $("#div-gpt-ad-1612605119627-0 iframe").contents().find("head");
var url = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign.css";
$head.append($("<link />", { rel: "stylesheet", href: url, type: "text/css" } ));
var Adv1 = $("#div-gpt-ad-1612605119627-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv1.length ){
$("#div-gpt-ad-1612605119627-0 iframe").height("1px");
}
}
if (event.slot == gpt_newsfeed2 && !event.isEmpty ){
var $head2 = $("#div-gpt-ad-1613262723921-0 iframe").contents().find("head");
var url2 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign2.css";
$head2.append($("<link />", { rel: "stylesheet", href: url2, type: "text/css" } ));
var Adv2 = $("#div-gpt-ad-1613262723921-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv2.length ){
$("#div-gpt-ad-1613262723921-0 iframe").height("1px");
}
}
if (event.slot == gpt_newsfeed3 && !event.isEmpty ){
var $head3 = $("#div-gpt-ad-1624873610990-0 iframe").contents().find("head");
var url3 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign.css";
$head3.append($("<link />", { rel: "stylesheet", href: url3, type: "text/css" } ));
var Adv3 = $("#div-gpt-ad-1624873610990-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Adv3.length ){
$("#div-gpt-ad-1624873610990-0 iframe").height("1px");
}
}
if (event.slot == gpt_newsfeedterpopuler && !event.isEmpty ){
var $head0 = $("#div-gpt-ad-1765352159165-0 iframe").contents().find("head");
var url0 = "https://awscdnstatic.detik.net.id/live/_rmbassets/newsfeed/detikRedesign.css";
$head0.append($("<link />", { rel: "stylesheet", href: url0, type: "text/css" } ));
var Advtp = $("#div-gpt-ad-1765352159165-0 iframe").contents().find(".AdvDetikcomRedesign-m");
if(Advtp.length ){
$("#div-gpt-ad-1765352159165-0 iframe").height("1px");
}
}
if(event.slot == gpt_billboardtop && !event.isEmpty){
// $("#megabillboard-desktop").height('250px');
    $(document).ready(function () {
        var widthBB = event.size[0],
            heightBB = event.size[1];
        
        $("#billboard").css({ "width": widthBB, "height": heightBB});
        // window.addEventListener('scroll', function () {
        //     stickyBB();
        // })
    });
}
if (event.slot == gpt_billboard2 && !event.isEmpty) {
var containsJA = !event.isEmpty,
widthJA = event.size[0],
heightJA = event.size[1];
var divJA = document.querySelectorAll(".imsakiyah");
for (var ja = 0; ja < 2; ja++) {
divJA[ja].remove();
}
}
    //    if(event.slot == gpt_billboard && !event.isEmpty){
    //       $(document).ready(function(){
    //        $('#billboard_banner').show();
    //          //Billboard_Sticky();
    //       });
    // }
// if (event.slot == gpt_balloon && !event.isEmpty) {
//    var containsAdBalloon = !event.isEmpty,
//    widthBalloon = event.size[0],
//    heightBalloon = event.size[1];
//     $('.balloon').show();
//     $('.balloon_close').show();
//    if (heightBalloon == 500 && widthBalloon == 300){
//       $('.balloon').css({'height':'500px','width':'300px'});
//       $('.balloon_close').css({'top':'-24px'});
// 
//      }
//  } 

if (event.slot == gpt_balloon && !event.isEmpty) {
    var containsAdBalloon = !event.isEmpty,
        widthBalloon = event.size[0],
        heightBalloon = event.size[1];
    $('.balloon').show();
    $('.balloon_close').show();
    if (heightBalloon == 500 && widthBalloon == 300) {
        $('.balloon').css({
            'height': '500px',
            'width': '300px'
        });
        $('.balloon_close').css({
            'top': '-24px'
        });
    }
}
// 
// function onSlotRender(event) {
//   if (event.slot == gpt_balloon && !event.isEmpty) {
//     var containsAdBalloon = !event.isEmpty;
// 
//     $('.balloon').show();
//     $('.balloon_close').show();
// 
//     // fungsi cek iframe
//     function adjustBalloonSize() {
//       var $iframe = $(".balloon iframe[id^='google_ads_iframe']");
// 
//       if ($iframe.length) {
//         var widthBalloon  = $iframe.attr("width"),
//             heightBalloon = $iframe.attr("height");
// 
//         $(".balloon").css({
//           width:  widthBalloon + "px",
//           height: heightBalloon + "px"
//         });
// 
//         $(".balloon_close").css({
//           top: "-24px"
//         });
// 
//         return true; // sukses
//       }
//       return false; // iframe belum ada
//     }
// 
//     // coba langsung sekali
//     if (!adjustBalloonSize()) {
//       // kalau iframe belum muncul, coba ulangi tiap 200ms
//       var tries = 0;
//       var interval = setInterval(function() {
//         tries++;
//         if (adjustBalloonSize() || tries > 20) {
//           clearInterval(interval);
//         }
//       }, 200);
//     }
//   }
// }

 
 if(event.slot == gpt_mediumrectangle1 && !event.isEmpty){
var divsToRemoveMRCarousel = document.querySelectorAll(".carousel-container");
for (var i = 0; i < 4; i++) {
divsToRemoveMRCarousel[i].remove();
}
}
 if (event.slot == gpt_balloonkiri && !event.isEmpty) {
   var containsAdBalloonKiri = !event.isEmpty,
   widthBalloonKiri = event.size[0],
   heightBalloonKiri = event.size[1];
    $('.balloon_adskiri').show();
    $('.balloon_closekiri').show();
   if (heightBalloonKiri == 500 && widthBalloonKiri == 300){
      $('.balloon_adskiri').css({'height':'500px','width':'300px'});

     }
 }
        if (event.slot == gpt_topframe && !event.isEmpty ){
            $('.top_banner_bar').height('50px');
           $('.close_tb').show();
        }
        if (event.slot.getSlotElementId() =='div-gpt-ad-1563778625822-0') {
            setTimeout(function(){$('.slideleft').css('display', 'block');}, 500);
        }

if (event.slot == gpt_bottomframe && !event.isEmpty) {
    var containsAdBF = !event.isEmpty,
    widthBF = event.size[0],
    heightBF = event.size[1];
    if (heightBF == 1 && widthBF == 1) {
        $('.close_tbot').hide();
        $('.bottom_banner_bar').hide();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
    }
    else if (heightBF == 90 && widthBF == 728) {
        $('.bottom_banner_bar').css("min-height", "90px");
        $('.bottom_banner_bar').show();
        $('#adv-callback').show();
        $('.close_tbot').show();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
        }
    else if (heightBF == 50 && widthBF == 970) {
        $('.bottom_banner_bar').css("min-height", "50px");
        $('.bottom_banner_bar').show();
        $('.close_tbot').show();
        $(".breakingnews-float").animate({ "bottom": 50 }, 300);
        }
    else {
        $('.close_tbot').hide();
        $('.bottom_banner_bar').hide();
        $(".breakingnews-float").animate({ "bottom": 0 }, 300);
    }
}



//         if(event.slot == gpt_leaderboard && event.isEmpty){
//           console.log("gpt_leaderboard");
//           removeElement('header__leaderboard');
//         }
//     if(event.slot == gpt_leaderboard && !event.isEmpty){
//     var containsLead = !event.isEmpty,
//     widthLead= event.size[0],
//     heightLead = event.size[1];
//     $("#adv-caption-lead").show();
//     $("#adv-caption-lead").width(widthLead+22);
// }
       } catch (e) {
           console.log(e);
       }
   });
   /*E- Custom DFP */

    googletag.pubads().enableSingleRequest();
    googletag.pubads().disableInitialLoad();
    googletag.pubads().setTargeting('site', ['detikcom']).setTargeting('section', ['home']).setTargeting('medium', ['desktop']);
    googletag.pubads().collapseEmptyDivs(true);
    googletag.enableServices();


// lazyLoad
/*
googletag.pubads().enableLazyLoad({
fetchMarginPercent: -1,
renderMarginPercent: 20,
//mobileScaling: 2.0
});

googletag.pubads().addEventListener("slotRequested", (event) => {
console.log("Fetching:",event.slot.getSlotElementId(), "fetched");
});

googletag.pubads().addEventListener("slotOnload", (event) => {
console.log("Rendering:",event.slot.getSlotElementId(), "rendered");
});
*/

// request pbjs bids when it loads
  pbjs.que.push(function() {
    pbjs.rp.requestBids({ 
callback: callAdserver, gptSlotObjects: gpt_slot_objects.filter(function(element, index) { 
return (element) ? true : false; }) });
});

// failsafe in case PBJS doesn't load
setTimeout(function() {
callAdserver(gpt_slot_objects);
}, 2000);
});

function callAdserver(gptSlots) {
    if (pbjs.adserverCalled) return;
    pbjs.adserverCalled = true;
    googletag.pubads().refresh(gptSlots);
  }
  
   function removeElement(classname) {
   var elem = document.getElementsByClassName(classname)[0];
   return elem.parentNode.removeChild(elem);
 }
</script>
<!-- End Tag DFP -->

<!-- Optima Tag -->
<!--<script async src="//servg1.net/o.js?uid=8ec08bf141be0cb431e04dc9" type="text/javascript"></script>-->
<!-- Optima Tag -->

<!-- Insurad tag -->
<!--<script async src="https://cdn.insurads.com/bootstrap/S9H7OMZB.js"></script>-->
<!--<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5870362480597980"
     crossorigin="anonymous"></script>-->

 <!-- Spider Tag -->
<!--<script>
  var sptrk=function(){var o="https://sp-trk.com/",t="__spd",e=(new Date).getTime();window[t]||(window[t]={init:!1});var c=window[t];c.d||(c.d=[]);var s=c.d;function v(t){var i=document.createElement("script");i.async=!0,i.src=t,document.head.appendChild(i)}c.init||v(o+"u");var u=/^([a-z0-9]{8})-([a-z0-9]{2})$/;return function(){var t=arguments;if(s.push(t),"config"==t[0]&&!c.init&&!c.a){c.init=!0;var i=t[1],n=i.match(u),a=n[1],r=n[2];if(!a||!r)throw"invalid id: "+i;var d=Math.random().toString(36).substring(2,15);v(o+"t/"+a+"?"+("a="+e+"&o="+d))}}}();

  sptrk('config', 'jb7wac2q-01', {
    // optional parameters:
    // segment: '##segment##'
  });
</script>-->
<!-- Spider Tag -->

<!-- E:taghead -->        <script type="text/javascript">
    var baseurl    = "https://www.detik.com",
        asset_url  = "https://awscdn.detik.net.id/detikcom",
        site_id    = "2",
        channel_id = "2",
        responsive = false,
        itp_locals_active = false,
        itp_site_name = "detikcom"
</script>

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

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

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

        
 <link rel="stylesheet" href="https://awscdn.detik.net.id/assets/css/framebar/framebar.css?v=202606120825" 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=202606120825" 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=202606120825" 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=202606120825" 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=202606120825" class="mgl-8"></div><ol id="promoted-search" class="search-section__list"></ol></div><div class="search-section"><div class="search-section__title">Terakhir yang dicari</div><ol class="search-section__list" id="last-search">Loading...</ol></div></div><div class="search-suggest hide-element"><div class="search-section"><suggest></suggest></div></div></div></div></div><div class="dtkframebar__user pull-right"><div class="dtkframebar__user__login" style="border-left:none"><div id="status_user_nf"><div class="dtkframebar__user__login__in"><div style="display:inline;padding-right:200px"><div class="ph-item"><div class="ph-col-12"><div class="ph-row"><div class="ph-col-12 big" style=""></div></div></div></div></div></div></div></div></div><div class="dtkframebar__bg__inner"></div></div></div></div></div></div>
<script type="text/javascript">var dc_params={client_id:2,ui:'popup',site_id:2}
var asset_common="https://awscdn.detik.net.id/assets";var framebar_url={"profile":"https:\/\/connect.detik.com\/dashboard\/","logout":"https:\/\/connect.detik.com\/oauth\/signout?redirectUrl=https%3A%2F%2Fwww.detik.com%2Fterpopuler%2Fsport","register":"https:\/\/connect.detik.com\/accounts\/register?clientId=64&redirectUrl=https%3A%2F%2Fwww.detik.com%2Fterpopuler%2Fsport&ui=popup&parentURI=https:\/\/www.detik.com\/terpopuler\/sport","login":"https:\/\/connect.detik.com\/oauth\/authorize?clientId=64&redirectUrl=https%3A%2F%2Fwww.detik.com%2Fterpopuler%2Fsport&ui=popup&parentURI=https:\/\/www.detik.com\/terpopuler\/sport"};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=202606120825"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/framebar/search.js?v=202606120825"></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 @ 1781229240--><!--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://sport.detik.com/sepakbola/"
 dtr-evt="header" dtr-sec="second navbar" dtr-act="second navbar" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Sepakbola" style="
 "
 class="
 "
 >
 Sepakbola </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="5" 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="6" 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="7" dtr-ttl="Properti" style="
 "
 class="
 "
 >
 Properti </a>
 </li>
 <!-- S:navbar2 --> <!-- E:navbar2 --> <!-- S:navbar3 --> <!-- E:navbar3 --> <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="8" dtr-ttl="Pop" style="
 color: #000000;
 "
 class="
 "
 >
 Pop </a>
 </li>
 <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="9" 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="10" dtr-ttl="Juara Bola Dunia 2026" style="
 "
 class="
 "
 >
 Juara Bola Dunia 2026 </a>
 </li>
 
 </ul>
</nav> </div>
 </div>
</div>
<!--cached @ 1781229240--><!--replaced-->
        <!-- S:billboard --><div style="position: relative; margin: 0px auto;width: 970px;height: 250px;background-color: #F8F8F8;">
<center>
<div id="imsakiyah"></div>


<!-- /4905536/detik_desktop/wp/topframe -->
<div id='div-gpt-ad-1609516302326-0' style='height:250px; width:970px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1609516302326-0'); });
</script>
</div>

            <!-- /4905536/detik_desktop/wp/billboard -->
          <!--  <div id='div-gpt-ad-1535011949711-0' style='height:250px; width:970px;'>
               <script>
                googletag.cmd.push(function () {
                  googletag.display('div-gpt-ad-1535011949711-0');
                });
              </script> 
            </div>  --->
</center>
</div>
<br>

 
 <!-- E:billboard -->
        <div id="notification_newsfeed" popup-notif="enable" class="notification-overlay" style="display:none">
    <span id="count_newsfeed">0</span>&nbsp;Berita Terbaru
    <a dtr-evt="updateberita" dtr-sec="updatenotifikasi" dtr-act="update notifikasi berita terbaru" onclick="_pt(this)"        href="https://www.detik.com/"
        class="btn btn--sm btn--orange-light-1 mgl-24 mgr-12">
        <i class="icon icon-refresh"></i> UPDATE
    </a>
    <a dtr-evt="updateberita" dtr-sec="tutupnotifikasi" dtr-act="tutup notifikasi terbaru" onclick="_pt(this)"        href="#"
        class="js-notification-update notification-overlay__close">
        <i class="icon icon-close"></i>
    </a>
</div>
<script type="text/javascript">
    $(function() {
      $(".js-notification-update").click(function(e){
          e.preventDefault();
          $(this).parent(".notification-overlay").hide();
          $('#notification_newsfeed').attr('popup-notif','disable');
      });
    });
</script>

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

        <div class="column-12">
            <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@100..900&display=swap" />
<link
    rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap"
/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<style>
    /* BASE STYLES */
    .cb-juarabola {
        font-family: "Google Sans Flex", sans-serif;
        position: relative;
        width: 100%;
        overflow: hidden;
        background: url("https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/bg_juara.webp?v=202606120825")
            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=202606120825")
            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=202606120825");
        }
        .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=202606120825"
                        alt="Logo"
                    />
                </a>
                <div class="cb-juarabola__sponsors-small">
                    <div class="cb-juarabola__sponsors-logos">
                                                    <a>
                                <div class="cb-juarabola__sponsor-img">
                                    <ins>
                                        <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo-rebo.png" alt="Sponsor">
                                    </ins>
                                </div>
                            </a>
                                            </div>
                </div>
            </div>

            <div class="cb-juarabola__col-center">
                <div class="cb-juarabola__section-header" style="gap: 10px;">
                    <h4>Match & Live Score</h4>
                                            <a>
                            <div class="cb-juarabola__pocari-ads">
                                <ins>
                                    <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo.png" alt="">
                                </ins>
                            </div>
                        </a>
                                    </div>
                <div class="cb-juarabola__collapsed-jadwal">
                    <div dtr-evt="giant hl juara bola dunia" dtr-sec="match slider" dtr-act="match prev" onclick="_pt(this)" class="cb-juarabola__slider-nav cb-juarabola__slider-nav--prev">
                        <img
                            src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_left.webp?v=202606120825"
                            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=202606120825"
                            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="korea republic vs czech republic" 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/1788.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Korea Republic</div>
            </div>
                            <div class="cb-juarabola__match-center">
                    <span class="cb-juarabola__match-score">0:0</span><span class="cb-juarabola__match-minute">6'</span>
                </div>
                        <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=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Czech Republic</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <img
                src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/juara_live.webp?v=202606120825"
                class="cb-juarabola__live-img"
            />
            </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="canada vs bosnia and herzegovina" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1782.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Canada</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1444.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Bosnia and Herzegovina</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 02:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="united states vs paraguay" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3989.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">United States</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3821.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Paraguay</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 08:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="qatar vs switzerland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1769.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Qatar</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1116.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Switzerland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 02:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="brazil vs morocco" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1784.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Brazil</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1783.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Morocco</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 05:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="haiti vs scotland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3820.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Haiti</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1125.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Scotland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 08:00</span>
            </div>
</a>
                                </div>
                                                            <div class="swiper-slide">
                                    <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="australia vs türkiye" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1779.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Australia</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3987.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Türkiye</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 11:00</span>
            </div>
</a>
                                </div>
                                                            <div 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="germany vs curacao" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group E</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/1135.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Germany</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/1678.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Curacao</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>15 Jun • 00: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=202606120825" alt=""/></span>
        Tebak<br />Skor    </span>
    <span class="qb-arrow" >&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__quick-btn ">
    <span class="qb-label" >
        <span class="qb-icon"><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_bracket.webp?v=202606120825" alt=""/></span>
        Coming<br />Soon    </span>
    <span class="qb-arrow" >&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__quick-btn ">
    <span class="qb-label" >
        <span class="qb-icon"><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_games.webp?v=202606120825" 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=202606120825" 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=202606120825"
                        alt="Logo"
                    />
                </a>
                <div class="cb-juarabola__title-box-expanded">
                    <h2>JUARA BOLA DUNIA 2026</h2>
                    <p>Update, klasemen, dan momen<br />menuju juara bola dunia 2026</p>
                </div>

                <div class="cb-juarabola__countdown-header">
                                    </div>
               
                <div class="cb-juarabola__sponsors-header" style="margin-left: 14px">
                    <div class="cb-juarabola__sponsors-logos">
                         
                            <a>
                                <div class="cb-juarabola__sponsor-img">
                                    <ins>
                                        <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo-rebo.png" alt="Sponsor">
                                    </ins>
                                </div>
                            </a>
                                            </div>
                </div>
              
            </div>

            <div class="cb-juarabola__main-grid">
                <!-- LEFT SIDEBAR -->
                <div style="display: flex; flex-direction: column; gap: 14px">
                    <div class="cb-juarabola__sidebar-left">
                        <div class="cb-juarabola__sidebar-section">
                            <div class="cb-juarabola__section-header">
                                <div style="display: flex; align-items: center; gap: 10px">
                                    <h4>
                                        Match & <br />
                                        Live Score
                                    </h4>
                                                                            <a>
                                            <div class="cb-juarabola__pocari-ads">
                                                <ins>
                                                    <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/sponsor-hydrococo.png" alt="">
                                                </ins>
                                            </div>
                                        </a>
                                                                    </div>
                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://sport.detik.com/juara-bola-dunia-2026/jadwal-pertandingan" target="_blank" class="cb-juarabola__more-btn">More &gt;</a>
                            </div>
                            <div class="cb-juarabola__jadwal-wrap">
                                <div dtr-evt="giant hl juara bola dunia" dtr-sec="match slider" dtr-act="match prev" onclick="_pt(this)" class="cb-juarabola__slider-nav cb-juarabola__slider-nav--prev">
                                    <img
                                        src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_left.webp?v=202606120825"
                                        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=202606120825"
                                        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="korea republic vs czech republic" 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/1788.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Korea Republic</div>
            </div>
                            <div class="cb-juarabola__match-center">
                    <span class="cb-juarabola__match-score">0:0</span><span class="cb-juarabola__match-minute">6'</span>
                </div>
                        <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=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Czech Republic</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <img
                src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/juara_live.webp?v=202606120825"
                class="cb-juarabola__live-img"
            />
            </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="canada vs bosnia and herzegovina" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1782.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Canada</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1444.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Bosnia and Herzegovina</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 02:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="united states vs paraguay" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3989.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">United States</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3821.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Paraguay</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>13 Jun • 08:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="qatar vs switzerland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group B</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1769.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Qatar</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1116.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Switzerland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 02:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="brazil vs morocco" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1784.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Brazil</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1783.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Morocco</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 05:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="haiti vs scotland" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group C</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3820.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Haiti</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1125.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Scotland</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 08:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div class="swiper-slide">
                                                <a dtr-evt="giant hl juara bola dunia" dtr-sec="match live score" dtr-act="match live score" onclick="_pt(this)" dtr-ttl="australia vs türkiye" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group D</div>
        <div class="cb-juarabola__match-teams">
            <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/1779.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Australia</div>
            </div>
                            <div class="cb-juarabola__match-vs">V</div>
                        <div class="cb-juarabola__match-team">
                <div
                    class="cb-juarabola__flag"
                    style="background-image: url(https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/3987.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Türkiye</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>14 Jun • 11:00</span>
            </div>
</a>
                                            </div>
                                                                                    <div 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="germany vs curacao" class="cb-juarabola__match-card">
    <div class="cb-juarabola__match-top">
        <div class="cb-juarabola__match-group">Group E</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/1135.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Germany</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/1678.png?v=2026061209)"
                ></div>
                <div class="cb-juarabola__team-name">Curacao</div>
            </div>
        </div>
    </div>
    <div class="cb-juarabola__match-bottom">
                    <span>15 Jun • 00:00</span>
            </div>
</a>
                                            </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>

                        <div class="cb-juarabola__sidebar-section mt-16">
                            <div class="cb-juarabola__section-header" style="margin-bottom: 10px">
    <div style="display: flex; align-items: center; gap: 8px;">
        <h4>KLASEMEN</h4>
                    <a>
                <div class="cb-juarabola__pocari-ads">
                    <ins>
                        <img src="https://awscdn.detik.net.id/sportasset/soccerteamsset/pialadunia2026/sponsor/ms-hydrococo-rebo.png" alt="">
                    </ins>
                </div>
            </a>
            </div>
    <a dtr-evt="giant hl juara bola dunia" dtr-sec="lihat klasemen" dtr-act="lihat klasemen" onclick="_pt(this)"    href="https://sport.detik.com/juara-bola-dunia-2026/klasemen-group" target="_blank"  class="cb-juarabola__more-btn">More &gt;</a>
</div>
<div class="cb-juarabola__standings-wrap">
    <div class="cb-juarabola__slider-nav cb-juarabola__slider-nav--prev">
        <img
            src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_left.webp?v=202606120825"
            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=202606120825"
            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>1</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>1</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3819/pictures/koK25i9MoeXSee5Ri1iT.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SOUTH AFRICA                                </td>
                                <td>1</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group B</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1782/pictures/ThYbnxt3JmQNbYoB8h5Z.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CANADA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1444/pictures/sEqnoxHCfbiVNMEiQXF7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    BOSNIA AND HERZEGOVINA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1769/pictures/fDzoc3Lcmy1cU5MEydF1.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    QATAR                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1116/pictures/AnwxFm2GfeRrd5d8i8ds.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SWITZERLAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group C</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1784/pictures/RvPBaMbR8hKzHxWwFs7h.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    BRAZIL                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1783/pictures/s6aJm6ZZ5f2UMhqowomR.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    MOROCCO                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3820/pictures/UBorRc4CL9f49RqxXfAU.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    HAITI                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1125/pictures/hkwg44pg2tY5WR2qHYP9.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SCOTLAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group D</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3989/pictures/iFxcJ1UBDATdE4fjZFL6.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    UNITED STATES                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3821/pictures/AWSpzgAJx8ZHAjzrXerT.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    PARAGUAY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1779/pictures/69xkYtg8xpUQDvGKnk8b.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    AUSTRALIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3987/pictures/VGABN75vA3TQhENX2be7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    TüRKIYE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group E</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1135/pictures/buCXG2NpTu6EAx2jntgb.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    GERMANY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1678/pictures/SoYorVfe7dANALUADJsN.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CURACAO                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3822/pictures/VY951vS2WYj7NC1EMuxx.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CôTE D'IVOIRE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1771/pictures/DBopWJYDLxCvC2W6Kd4b.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ECUADOR                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group F</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1126/pictures/J8QqUqArxEkh8WFBvkmL.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NETHERLANDS                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1780/pictures/pKeTp2qrXX5wNwrggrrM.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    JAPAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1132/pictures/zYRe5bGvei4AxXuuAbJH.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SWEDEN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1778/pictures/qFWdznRLjzdgzGLoowps.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    TUNISIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group G</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1121/pictures/KbVKLmPDssAbfgfzYEtM.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    BELGIUM                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3823/pictures/EAssi5BffF5kmFNV9Mk7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    EGYPT                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3991/pictures/yzwDC7cjaCDbTt7NNdUr.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    IR IRAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3830/pictures/ZsbywhcjAmfDCfWmcs2o.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NEW ZEALAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group H</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1129/pictures/rESwiMKNw2SouooGmMkt.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SPAIN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3990/pictures/vUq71jcHQzPB6ejQDbdW.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CABO VERDE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1776/pictures/4XwqX5qFJAGWUqKgNnRg.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SAUDI ARABIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1787/pictures/pvr8zC9bQMWhyZnCpmvB.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    URUGUAY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group I</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1136/pictures/X8goCYTRsLwZUi8ckuZ7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    FRANCE                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1772/pictures/enHY9U3wJVNXZQVnyohs.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    SENEGAL                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/2352/pictures/CNnPjKMh7omUME1AedZA.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    IRAQ                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1446/pictures/4KRJ9Ld8pvUZY38Q9qbe.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    NORWAY                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group J</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1775/pictures/Dw6Yt3Et6jgr7MT9pkwE.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ARGENTINA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3825/pictures/NdogXcrKvbMyhP9pWRJJ.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ALGERIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1128/pictures/MnEMrqe8UDgHer8ETWze.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    AUSTRIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3992/pictures/btKrZ5qA3VAyrEtFmkaM.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    JORDAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group K</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1134/pictures/xwGt6aWz5HMRdqfbPbgJ.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    PORTUGAL                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3826/pictures/rDShetv8BfeeXTEquVcR.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CONGO DR                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3827/pictures/5i7qqonvAA1tExBdRBxY.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    UZBEKISTAN                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3828/pictures/2SWUhnaTfucx5aFmfPQ7.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    COLOMBIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                        <div class="swiper-slide">
                <table class="cb-juarabola__table-dark">
                    <thead>
                        <tr>
                            <th>POS</th>
                            <th>Group L</th>
                            <th>P</th>
                            <th>PTS</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td>1</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1115/pictures/zyoAxmqR3LcsJKis9oeX.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    ENGLAND                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>2</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1118/pictures/akTJeaFP6pNiyPfRaw9X.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    CROATIA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>3</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/1786/pictures/PAkF47zNmL4nqQrBTCae.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    GHANA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                                   <tr>
                                <td>4</td>
                                <td>
                                    <img class="flag-mini" src="https://assets.lapangbola.com/images/clubs/3829/pictures/DtjURq1DEe9kygmUskEt.png" onerror="this.src='https://awscdn.detik.net.id/sportasset/soccerteamsset/team_default.png'"/>
                                    PANAMA                                </td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                                           </tbody>
                </table>
            </div>
                    </div>
    </div>
</div>                        </div>
                    </div>

                    
                    
                </div>

                <!-- CENTER MAIN ARTICLE -->
                                     <a dtr-evt="giant hl juara bola dunia" dtr-sec="artikel hl" dtr-act="artikel hl" onclick="_pt(this)" dtr-id="8528690" dtr-ttl="Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!"    href="https://sport.detik.com/sepakbola/bola-dunia/d-8528690/kapten-jepang-wataru-endo-batal-tampil-di-piala-dunia-2026" target="_blank" class="cb-juarabola__main-article">
     <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/wataru-endo-1781200329853_169.jpeg?w=650&q=90" alt="Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!" title="Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!" 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">
           Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!        </h3>
        <div class="cb-juarabola__article-meta"><span d-time="1781227815" title="Jumat, 12 Jun 2026 08:30 WIB">28 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="8528582" dtr-ttl="Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8528582/tanding-sebentar-lagi-ini-link-streaming-korea-selatan-vs-ceko" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/logo-piala-dunia-2026-1781218052585_169.jpeg?w=650&q=90" alt="Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko" title="Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko</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="8528670" dtr-ttl="Meksiko Tekuk Afrika Selatan 2-0 di Laga Pembuka Piala Dunia 2026"        href="https://sport.detik.com/sepakbola/foto-sepakbola/d-8528670/meksiko-tekuk-afrika-selatan-2-0-di-laga-pembuka-piala-dunia-2026" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/meksiko-tekuk-afrika-selatan-2-0-di-laga-pembuka-piala-dunia-2026-1781224722091_169.jpeg?w=650&q=90" alt="Meksiko Tekuk Afrika Selatan 2-0 di Laga Pembuka Piala Dunia 2026" title="Meksiko Tekuk Afrika Selatan 2-0 di Laga Pembuka Piala Dunia 2026" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Foto Sepakbola</span>
            <h5>Meksiko Tekuk Afrika Selatan 2-0 di Laga Pembuka Piala Dunia 2026</h5>
        </div>
    </a>
    <a dtr-evt="berita terbaru hl juara bola dunia" dtr-sec="berita terbaru" dtr-act="berita terbaru" onclick="_pt(this)" dtr-idx="3" dtr-id="8528645" dtr-ttl="Cedera, Verbruggen Lewatkan Laga Belanda Vs Jepang?"        href="https://sport.detik.com/sepakbola/bola-dunia/d-8528645/cedera-verbruggen-lewatkan-laga-belanda-vs-jepang" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/11/bert-verbruggen-1781193820905_169.jpeg?w=650&q=90" alt="Cedera, Verbruggen Lewatkan Laga Belanda Vs Jepang?" title="Cedera, Verbruggen Lewatkan Laga Belanda Vs Jepang?" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Cedera, Verbruggen Lewatkan Laga Belanda Vs Jepang?</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="8528590" dtr-ttl="Video: Meksiko Menang 2-0 Vs Afrika Selatan di Partai Pembuka Piala Dunia 2026"        href="https://20.detik.com/detikupdate/20260612-260612008/video-meksiko-menang-2-0-vs-afrika-selatan-di-partai-pembuka-piala-dunia-2026" target="_blank" class="cb-juarabola__list-item">
         <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/12/meksiko-vs-afrika-selatan-1781211694491_169.jpeg?w=650&q=90" alt="Video: Meksiko Menang 2-0 Vs Afrika Selatan di Partai Pembuka Piala Dunia 2026" title="Video: Meksiko Menang 2-0 Vs Afrika Selatan di Partai Pembuka Piala Dunia 2026" class="cb-juarabola__list-img" />        <div class="cb-juarabola__list-text">
                        <span class="cb-juarabola__list-subjudul">Sepakbola</span>
            <h5>Video: Meksiko Menang 2-0 Vs Afrika Selatan di Partai Pembuka Piala Dunia 2026</h5>
        </div>
    </a>
                </div>
            </div>

            <div class="cb-juarabola__expanded-buttons">
                <a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="download jadwal" href="https://sport.detik.com/juara-bola-dunia-2026/jadwal-pertandingan" target="_blank" class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_schedule.webp?v=202606120825" 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=202606120825" alt=""
        /></span>
        Tebak Skor    </span>
    <span class="arrow-circle">&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_bracket.webp?v=202606120825" alt=""
        /></span>
        Coming Soon    </span>
    <span class="arrow-circle">&rarr;</span>
</a>
<a dtr-evt="giant hl juara bola dunia" dtr-sec="menu arcade" dtr-act="menu arcade" onclick="_pt(this)" dtr-ttl="coming soon" href="#"  class="cb-juarabola__expanded-btn">
    <span class="label">
        <span class="icon"
            ><img src="https://awscdn.detik.net.id/assets/images/giant-headline-piala-dunia/ic_games.webp?v=202606120825" 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="8528692" dtr-ttl="Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?" href="https://health.detik.com/berita-detikhealth/d-8528692/program-mbg-bengkak-rp-1-triliun-sebulan-ribuan-sppg-bakal-ditutup"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2025/12/25/ilustrasi-mbg-1766632589617_169.jpeg?w=250&q=90" alt="Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?" title="Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?" 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="8528692" dtr-ttl="Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?" href="https://health.detik.com/berita-detikhealth/d-8528692/program-mbg-bengkak-rp-1-triliun-sebulan-ribuan-sppg-bakal-ditutup"
 class="media__link">
 Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup? </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="8528538" dtr-ttl="Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil" href="https://finance.detik.com/energi/d-8528538/harga-pertamax-bisa-naik-lagi-ini-jawaban-bahlil"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2026/04/27/menteri-esdm-bahlil-lahadalia-evadetikcom-1777272662786_169.jpeg?w=250&q=90" alt="Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil" title="Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil" 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="8528538" dtr-ttl="Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil" href="https://finance.detik.com/energi/d-8528538/harga-pertamax-bisa-naik-lagi-ini-jawaban-bahlil"
 class="media__link">
 Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil </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="8528504" dtr-ttl="Kisah Rulyanto Musisi Bantul Meniti Karier di Panggung Polandia" href="https://www.detik.com/jogja/berita/d-8528504/kisah-rulyanto-musisi-bantul-meniti-karier-di-panggung-polandia"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2026/06/11/cerita-warga-jogja-1781186378645_169.jpeg?w=250&q=90" alt="Kisah Rulyanto Musisi Bantul Meniti Karier di Panggung Polandia" title="Kisah Rulyanto Musisi Bantul Meniti Karier di Panggung Polandia" 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="8528504" dtr-ttl="Kisah Rulyanto Musisi Bantul Meniti Karier di Panggung Polandia" href="https://www.detik.com/jogja/berita/d-8528504/kisah-rulyanto-musisi-bantul-meniti-karier-di-panggung-polandia"
 class="media__link">
 Kisah Rulyanto Musisi Bantul Meniti Karier di Panggung Polandia </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="8528173" dtr-ttl="Visual Justin Hubner-Jennifer Coppen Gelar Pengajian dan Siraman Jelang Menikah" href="https://hot.detik.com/celeb/d-8528173/visual-justin-hubner-jennifer-coppen-gelar-pengajian-dan-siraman-jelang-menikah"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2026/06/11/jennifer-coppen-1781174835456_169.jpeg?w=250&q=90" alt="Visual Justin Hubner-Jennifer Coppen Gelar Pengajian dan Siraman Jelang Menikah" title="Visual Justin Hubner-Jennifer Coppen Gelar Pengajian dan Siraman Jelang Menikah" 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="8528173" dtr-ttl="Visual Justin Hubner-Jennifer Coppen Gelar Pengajian dan Siraman Jelang Menikah" href="https://hot.detik.com/celeb/d-8528173/visual-justin-hubner-jennifer-coppen-gelar-pengajian-dan-siraman-jelang-menikah"
 class="media__link">
 Visual Justin Hubner-Jennifer Coppen Gelar Pengajian dan Siraman Jelang Menikah </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="8528422" dtr-ttl="Program MBG Boros Rp 1 T Per Bulan, Pemerintah Buka Opsi Tutup SPPG" href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528422/program-mbg-boros-rp-1-t-per-bulan-pemerintah-buka-opsi-tutup-sppg"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://awsimages.detik.net.id/visual/2025/09/26/mbg-di-kabupaten-bandung-1758873129522_169.jpeg?w=250&q=90" alt="Program MBG Boros Rp 1 T Per Bulan, Pemerintah Buka Opsi Tutup SPPG" title="Program MBG Boros Rp 1 T Per Bulan, Pemerintah Buka Opsi Tutup SPPG" 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="8528422" dtr-ttl="Program MBG Boros Rp 1 T Per Bulan, Pemerintah Buka Opsi Tutup SPPG" href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528422/program-mbg-boros-rp-1-t-per-bulan-pemerintah-buka-opsi-tutup-sppg"
 class="media__link">
 Program MBG Boros Rp 1 T Per Bulan, Pemerintah Buka Opsi Tutup SPPG </a>
 </h2>
 </div>
 </div>
</article>
 
 
 </div>
</div>
<!--cached @ 1781229318--><!--replaced-->        </div>
        <div class="column-8">
                    

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

            
            <a dtr-evt="headline" dtr-sec="" dtr-act="artikel hl" onclick="_pt(this)" dtr-id="8528759" dtr-ttl="Titik-titik Kepadatan Lalu Lintas di Jakarta dan Sekitarnya Pagi Ini"                href="https://news.detik.com/berita/d-8528759/titik-titik-kepadatan-lalu-lintas-di-jakarta-dan-sekitarnya-pagi-ini"
                class="media__link">
                <span class="ratiobox ratiobox--16-9 lqd">
                     <img src="https://awsimages.detik.net.id/community/media/visual/2023/04/25/ilustrasi-titik-kemacetan-arus-balik_169.jpeg?w=700&q=90" alt="Ilustrasi titik kemacetan arus balik" title="Ilustrasi titik kemacetan arus balik" 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="8528759" dtr-ttl="Titik-titik Kepadatan Lalu Lintas di Jakarta dan Sekitarnya Pagi Ini"                    href="https://news.detik.com/berita/d-8528759/titik-titik-kepadatan-lalu-lintas-di-jakarta-dan-sekitarnya-pagi-ini"
                    class="media__link">
                    Titik-titik Kepadatan Lalu Lintas di Jakarta dan Sekitarnya Pagi Ini                </a>
            </h2>
            <div class="media__date mgt-4">detikNews | <span d-time="1781229971" title="Jumat, 12 Jun 2026 09:06 WIB">Jumat, 12 Jun 2026 09:06 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="8528678" dtr-ttl="Mobil Hantam Pagar Pembatas Jalan di Pasar Senen Arah Gunung Sahari Jakpus"                                href="https://news.detik.com/berita/d-8528678/mobil-hantam-pagar-pembatas-jalan-di-pasar-senen-arah-gunung-sahari-jakpus">
                                Mobil Hantam Pagar Pembatas Jalan di Pasar Senen Arah Gunung Sahari Jakpus                            </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="8528647" dtr-ttl="KPAI Soroti Bullying Bocah hingga Kesetrum di Jakpus, Minta Pelaku Dibina"                                href="https://news.detik.com/berita/d-8528647/kpai-soroti-bullying-bocah-hingga-kesetrum-di-jakpus-minta-pelaku-dibina">
                                KPAI Soroti Bullying Bocah hingga Kesetrum di Jakpus, Minta Pelaku Dibina                            </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":"260612014","title":"Video: Momen Dubes Korea Utara Pidato dalam Bahasa Indonesia di Istana Merdeka","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideoflash?query=korea+utara\"><strong>Duta Besar Korea Utara untuk Indonesia, Hong Kwang II, mencuri perhatian saat menyampaikan sambutan dalam bahasa Indonesia di Istana Merdeka, Jakarta, pada Selasa (9\/6).<\/strong><\/a> Kehadirannya dalam acara penyerahan surat kepercayaan kepada Presiden Republik Indonesia menjadi momen penting dalam hubungan diplomatik kedua negara.<\/p>\r\n<p>Dalam pidatonya, Hong Kwang II mengucapkan terima kasih atas sambutan hangat yang diberikan pemerintah Indonesia.\"memang Korea dan Indonesia memiliki tradisi panjang perhubungan kerjasama yang berhasrat. Tahun ini menandai peringatan ke-62 terjadinya hubungan diplomatik antara kedua negara kita,\" ucap Hong Kwang II.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3678ee878d1b4987b90e8a8b9d33fa75-20260612081646-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3678ee878d1b4987b90e8a8b9d33fa75-20260612081646-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3678ee878d1b4987b90e8a8b9d33fa75-20260612081646-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3678ee878d1b4987b90e8a8b9d33fa75-20260612081647-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3678ee878d1b4987b90e8a8b9d33fa75-preview.json?crtm=20260612081647","keyword":"duta besar korea utara untuk indonesia,duta besar korea utara,korea utara,hong kwang ii,bahasa indonesia,istana merdeka","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612014\/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka","embed":"https:\/\/20.detik.com\/embed\/260612014","slug":"\/260612014\/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka","slug_20detik":"\/detikupdate\/20260612-260612014\/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/3678ee878d1b4987b90e8a8b9d33fa75.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detikjabar","reporter":"Wanodya S","kameramen":"","created_by":"insanul.habibie1","duration":61,"keyword_ad":"duta besar korea utara untuk indonesia,duta besar korea utara,korea utara,hong kwang ii,bahasa indonesia,istana merdeka","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"01:01","focus_id":null,"date_created":"2026-06-12 08:17:03","date_published":"2026-06-12 08:55:31","date_updated":"2026-06-12 08:55:52","date_created_timestamp":"1781227023","date_published_timestamp":"1781229331","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612013\/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih?source=pilihan&from=https:\/\/20.detik.com\/","videos_title_url":"Video: Menlu AS Bicara Alasan Pemasangan Ring UFC di Halaman Gedung Putih","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"}],"noindex":false,"deeplink":false},{"id":"260612016","title":"Video: Jose Mourinho Resmi Diumumkan Jadi Pelatih Real Madrid","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=sepakbola\"><strong>Jose Mourinho akhirnya resmi ditetapkan menjadi pelatih Real Madrid. Pelatih yang dijuluki The Special One tersebut menandatangani kontrak dengan durasi 3 tahun.<\/strong><\/a><\/p>\r\n<p>Selain itu, Real Madrid juga dilaporkan membayar kompensasi sebesar 15 juta euro untuk Benfica terkait pemutusan ikatan kontrak dengan Mourinho.<\/p>\r\n<p><a href=\"https:\/\/20.detik.com\/detikupdate\"><strong>Klik di sini untuk melihat video lainnya!<\/strong><\/a><\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/2584d68901e24a2387c09628237f90f6-20260612082507-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/2584d68901e24a2387c09628237f90f6-20260612082507-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/2584d68901e24a2387c09628237f90f6-20260612082507-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/2584d68901e24a2387c09628237f90f6-20260612082507-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/2584d68901e24a2387c09628237f90f6-preview.json?crtm=20260612082507","keyword":"jose mourinho,real madrid,sepakbola,benfica,liga spanyol,la liga","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612016\/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid","embed":"https:\/\/20.detik.com\/embed\/260612016","slug":"\/260612016\/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid","slug_20detik":"\/detikupdate\/20260612-260612016\/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/2584d68901e24a2387c09628237f90f6.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, detiksulsel, detiksumut, detikbali, detiksumbagsel, detikkalimantan","reporter":"Adhi Nauval Ilmi","kameramen":"","created_by":"ahmad.maulana221224","duration":38,"keyword_ad":"jose mourinho,real madrid,sepakbola,benfica,liga spanyol,la liga","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:38","focus_id":null,"date_created":"2026-06-12 08:25:38","date_published":"2026-06-12 08:46:49","date_updated":"2026-06-12 08:46:47","date_created_timestamp":"1781227538","date_published_timestamp":"1781228809","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612008\/video-meksiko-menang-2-0-vs-afrika-selatan-di-partai-pembuka-piala-dunia-2026","videos_title_url":"Meksiko Menang 2-0 Vs Afrika Selatan di Partai Pembuka Piala Dunia 2026","topics":[{"name":"Olahraga","id":"10","slug":"olahraga"}],"noindex":false,"deeplink":false},{"id":"260612013","title":"Video: Menlu AS Bicara Alasan Pemasangan Ring UFC di Halaman Gedung Putih","resume":"<p><a href=\"https:\/\/20.detik.com\/\"><span style=\"text-decoration: underline;\"><strong>Presiden Amerika Serikat (AS) Donald Trump membangun arena pertarungan raksasa untuk acara Ultimate Fighting Championship (UFC) di halaman selatan Gedung Putih. Nantinya acara itu akan diselenggarakan dalam menyambut ulang tahun ke-250 AS.<\/strong><\/span><\/a><\/p>\r\n<p>Menteri Luar Negeri (Menlu) AS Marco Rubio mengatakan bahwa Gedung Putih adalah milik rakyat. Ia juga menekankan bahwa acara ini adalah hadiah di hari ulang tahun negara.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3e04546804af4b8e814b6a3cc0f014bf-20260612080805-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3e04546804af4b8e814b6a3cc0f014bf-20260612080805-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3e04546804af4b8e814b6a3cc0f014bf-20260612080805-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3e04546804af4b8e814b6a3cc0f014bf-20260612080805-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/3e04546804af4b8e814b6a3cc0f014bf-preview.json?crtm=20260612080805","keyword":"ufc,gedung putih,donald trump","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612013\/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih","embed":"https:\/\/20.detik.com\/embed\/260612013","slug":"\/260612013\/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih","slug_20detik":"\/detikupdate\/20260612-260612013\/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/3e04546804af4b8e814b6a3cc0f014bf.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":"hello.evinurha47901","duration":44,"keyword_ad":"ufc,gedung putih,donald trump","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:44","focus_id":null,"date_created":"2026-06-12 07:59:00","date_published":"2026-06-12 08:39:02","date_updated":"2026-06-12 08:39:01","date_created_timestamp":"1781225940","date_published_timestamp":"1781228342","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},{"id":"260612015","title":"Banyak Diskon Belanja Pakai Allo Paylater","resume":"<p>Mau belanja lebih hemat dengan diskon berlimpah? Pakai Allo Paylater aja, guys! Diskonnya gak tanggung-tanggung! Apa saja?<\/p>\r\n<p>Kalian bisa nikmatin diskon 50% di seluruh Trans F&B dan Trans Hotel Cibubur. Masih ada plus, lagi nih... Diskon 20% buat transaksi di Metro Department Store, Transmart, Furla, Aigner, GEOX, Canali, alloFresh, hingga Antavaya. Belanja sekarang, bayarnya belakangan! Allo Paylater #PasBuatKamu<\/p>","image":"https:\/\/akcdn.detik.net.id\/community\/media\/visual\/2026\/04\/08\/allo-paylater-1775611251633_916.jpeg?w=620","images":{"url":"https:\/\/akcdn.detik.net.id\/community\/media\/visual\/2026\/04\/08\/allo-paylater-1775611251633.jpeg","name":"https:\/\/akcdn.detik.net.id\/community\/media\/visual\/2026\/04\/08\/allo-paylater-1775611251633","ratio":"_916","extension":".jpeg","query":"w=620"},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b60db13c29634ece8a3f0e3b5fbf6672-20260612081519-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/b60db13c29634ece8a3f0e3b5fbf6672-preview.json?crtm=20260612081519","keyword":"allo paylater","url":"https:\/\/20.detik.com\/promo-\/20260612-260612015\/banyak-diskon-belanja-pakai-allo-paylater","embed":"https:\/\/20.detik.com\/embed\/260612015","slug":"\/260612015\/banyak-diskon-belanja-pakai-allo-paylater","slug_20detik":"\/promo-\/20260612-260612015\/banyak-diskon-belanja-pakai-allo-paylater","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/b60db13c29634ece8a3f0e3b5fbf6672.smil\/playlist.m3u8","program_id":"171120528","program_name":"Promo ","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"None","reporter":"","kameramen":"","created_by":"ashri.fathan","duration":30,"keyword_ad":"allo paylater","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"00:30","focus_id":null,"date_created":"2026-06-12 08:17:09","date_published":"2026-06-12 08:17:10","date_updated":"2026-06-12 08:17:09","date_created_timestamp":"1781227029","date_published_timestamp":"1781227030","status_video":0,"videos_custom_url":"","videos_title_url":"","topics":[{"name":"Ekonomi","id":"15","slug":"ekonomi"}],"noindex":false,"deeplink":false},{"id":"260612012","title":"Video: Trump Batalkan Serangan ke Iran, Klaim Kesepakatan Bakal Tercapai","resume":"<p><a href=\"https:\/\/www.detik.com\/search\/searchvideo?query=amerika+serikat\"><strong>Presiden Amerika Serikat (AS) Donald Trump mengatakan dia telah membatalkan serangan yang direncanakan terhadap Iran pada Kamis (11\/6). Diketahui, sebelumnya Trump mengancam akan melakukan serangan yang lebih kuat dan merebut pusat ekspor minyak Pulau Kharg.<\/strong><\/a><\/p>\r\n<p>Trump mengklaim kesepakatan dengan Iran telah dibawa ke tingkat tertinggi kepemimpinan Iran dan disetujui. Oleh karena itu, dirinya membatalkan serangan tersebut.<\/p>","image":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/a5522b4406a846849cf85780c57ef56f-20260612073850-0s.jpg","images":{"url":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/a5522b4406a846849cf85780c57ef56f-20260612073850-0s.jpg","name":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/a5522b4406a846849cf85780c57ef56f-20260612073850-0s","ratio":"","extension":".jpg","query":""},"animated":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/a5522b4406a846849cf85780c57ef56f-20260612073850-0s.webp?a=1","thumbnail_preview":"https:\/\/cdnv.detik.com\/videoservice\/AdminTV\/2026\/06\/12\/a5522b4406a846849cf85780c57ef56f-preview.json?crtm=20260612073851","keyword":"as,donald trump,iran,gencatan senjata,serangan as,israel","url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612012\/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai","embed":"https:\/\/20.detik.com\/embed\/260612012","slug":"\/260612012\/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai","slug_20detik":"\/detikupdate\/20260612-260612012\/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai","smil":"https:\/\/vod.detik.com\/mc\/_definst_\/smil:http\/mc\/video\/detiktv\/videoservice\/AdminTV\/2026\/06\/12\/a5522b4406a846849cf85780c57ef56f.smil\/playlist.m3u8","program_id":"221213591","program_name":"detikUpdate","category_id":"160106042","category_name":"20DETIK","sub_kategori":"none","keyword_kanal":"detiknews, detikjateng, detikjatim, detikjabar, detiksulsel, detiksumut, detikbali, detiksumbagsel, detikkalimantan","reporter":"Yumna Khan\/Reuters","kameramen":"","created_by":"insanul.habibie1","duration":65,"keyword_ad":"as,donald trump,iran,gencatan senjata,serangan as,israel","is_ad":false,"is_block_related":false,"is_boosting":0,"is_vertical_video":true,"is_premium":false,"duration_pretty":"01:05","focus_id":"92","date_created":"2026-06-12 07:39:14","date_published":"2026-06-12 07:59:50","date_updated":"2026-06-12 07:59:54","date_created_timestamp":"1781224754","date_published_timestamp":"1781225990","status_video":0,"videos_custom_url":"https:\/\/20.detik.com\/detikupdate\/20260612-260612007\/video-trump-blak-blakan-mau-kuasai-minyak-iran","videos_title_url":"Trump Blak-blakan Mau Kuasai Minyak Iran!","topics":[{"name":"Peristiwa","id":"7","slug":"peristiwa"},{"name":"Politik","id":"13","slug":"politik"}],"noindex":false,"deeplink":false}],
 get size () {
 const total = 30
 const currentCount = this.videos.length
 return total - currentCount
 },
 excludeProgramIds: ["170724519", "190313542"],
 randomIndex: -1,
 srcModels: ['modelA', 'modelB'],
 get srcModel () {
 return this.srcModels[this.randomIndex]
 },
 get excludeDocs () {
 const excludeStrVideosId = helper.getCookie('__vids')
 const videosIdTahan = this.videos.map(function (video) {
 return video.id
 })
 if (! excludeStrVideosId) {
 return videosIdTahan
 }
 const excludeVideosId = JSON.parse(excludeStrVideosId)
 return excludeVideosId.concat(videosIdTahan)
 },
 get url () {
 const baseUrlRecs = [
 'https://recg20.detik.com/article-recommendation',
 'https://rech20.detik.com/article-recommendation'
 ]
 const baseUrlRec = baseUrlRecs[this.randomIndex]
 return `${baseUrlRec}/wp/${this.cookieDtma}`
 },
 get cookieDtma () {
 const dtma = helper.getCookie('__dtma')
 if (! dtma) {
 return '-'
 }
 const splitted = dtma.split('.')
 return splitted.slice(0, 3).join('.')
 },
 articleTemplate (row) {
 return `<article class="slider-snap__item itp__boxFlashItem">
 <div class="media media--image-radius media--text-overlay block-link">
 <div class="media__image mg-0">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> ${helper.duration_pretty(row.duration)}
 </div>
 <a href="${row.videourl}?source=pilihan&from=${encodeURIComponent(window.location.href)}"
 data-id="${row.id}"
 class="media__link">
 <span class="ratiobox ratiobox--9-16 lqd itp_ratiobox-flash">
 <img class="itp_img-flash"
 src="https://awscdn.detik.net.id/detik2/images/default-916.gif"
 data-src="${row.imageurl}?w=250"
 data-ratio="916"
 alt="${row.title}"
 title="${row.title}"
 data-thumbnail="${row.animated}">
 </span>
 </a>
 </div>
 </div>
 </article>`
 },
 async request () {
 return await fetch(this.url, {
 method: 'POST',
 headers: {
 'Content-Type': 'application/json'
 },
 body: JSON.stringify({
 size: this.size,
 excludeProgramIds: this.excludeProgramIds,
 excludeDocs: this.excludeDocs,
 isVertical: true
 })
 })
 },
 async getData () {
 const req = await this.request()
 const data = await req.json()
 let indexArticle = 0
 let dataPilihan = [];
 this.videos.forEach((video) => {
 dataPilihan.push({
 duration: video.duration,
 imageurl: video.image,
 videourl: `https://20.detik.com${video.slug_20detik}`,
 number: indexArticle,
 id: video.id,
 title: video.title,
 animated: video.animated,
 pilihan: true
 })
 })
 let allData = [];
 const dataRecs = data.body;
 allData = dataPilihan.concat(dataRecs)
 this.videos = allData
 let articlesHtml = allData.map((row, i) => {
 indexArticle += 1
 row.number = indexArticle
 return this.articleTemplate(row)
 }).join('')
 articlesHtml += `
 <article class="slider-snap__item slider-snap__item--index itp__boxFlashButton">
 <div class="media media--image-radius block-link">
 <div class="media__image mg-0">
 <span class="ratiobox ratiobox--9-16"></span>
 </div>
 </div>
 <div class="media__text">
 <a dtr-evt="box flash" dtr-sec="lihat semua" dtr-act="lihat semua" onclick="_pt(this)" href="https://20.detik.com/flash" class="media__link font-semibold">
 <i class="icon icon--sm icon-chevron-right mx-auto mgb-16"></i>
 Lihat Lebih Banyak
 </a>
 </div>
 </article>`
 
 $('.itp__articleContainer').empty()
 $('.itp__articleContainer').prepend(articlesHtml)
 helper.lqd_img('.lqd')
 },
 detikBigDataSdk () {
 if (typeof detikBigDataSdk !== 'undefined') {
 return Promise.resolve(detikBigDataSdk)
 }
 if (typeof detikBigDataSdk === 'undefined') {
 return new Promise((resolve) => {
 const checkInterval = 100
 let waitedTime = 0
 const intervalId = setInterval(() => {
 waitedTime += checkInterval
 if (typeof detikBigDataSdk !== 'undefined' || waitedTime >= 3000) {
 clearInterval(intervalId)
 resolve(detikBigDataSdk)
 }
 }, checkInterval)
 })
 }
 return Promise.resolve()
 },
 async init () {
 this.randomIndex = Math.floor(Math.random() * this.srcModels.length)
 const observer = new IntersectionObserver(function (entries) {
 entries.forEach(async function (entry) {
 if (entry.isIntersecting) {
 observer.disconnect()
 await FlashPilihan.getData()
 lazyImageHorizontal('.itp__boxFlashItem');
 initAnimatedThumbnailInview('.itp__boxFlashItem');
 }
 })
 }, {
 rootMargin: "0px 0px 300px 0px"
 });
 observer.observe(document.querySelector('.itp__articleContainer'))
 }
 }
 $(function () {
 FlashPilihan.init()
 })
</script>
<!--cached @ 1781229318--><!--replaced-->            <!-- S:promobox --><div style="margin:10px 1px 10px 0 ; text-align:center">
<center>
<!-- /4905536/detik_desktop/wp/promobox -->
<div id='div-gpt-ad-1675354767032-0'>
<script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1675354767032-0'); });
  </script>
</div>
</center>
</div><!-- E:promobox -->            <!-- S:channelbox --><!-- channelbox --><!-- E:channelbox -->
            <div class="section nhl">
    <div class="section__header">
        <h2 class="section__title">News Feed</h2>
        <a dtr-evt="newsfeed" dtr-sec="indeksberita" dtr-act="indeks berita" onclick="_pt(this)"            href="https://news.detik.com/indeks"
            class="font-xxs">
            Indeks Berita <i class="icon icon-chevron-right"></i>
        </a>
    </div>
    <div class="list-content">

                    
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='0'
i-subtitle='Detik Pagi'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/11/detik-pagi-tersangka-baru-kasus-mbg-orang-dekat-sony-berperan-atur-titik-sppg-1781192652254_169.jpeg'
i-info='<span d-time="1781225880" title="Jumat, 12 Jun 2026 07:58 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/berita/d-8528433/tersangka-baru-kasus-mbg-orang-dekat-sony-berperan-atur-titik-sppg'
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 Detik Pagi" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="8528433" dtr-ttl="Tersangka Baru Kasus MBG: Orang Dekat Sony &amp; Berperan Atur Titik SPPG"				href="https://news.detik.com/berita/d-8528433/tersangka-baru-kasus-mbg-orang-dekat-sony-berperan-atur-titik-sppg" 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">
				Detik Pagi			</h2>
            <h3 class="media__title">
				<a dtr-evt="box Detik Pagi" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="8528433" dtr-ttl="Tersangka Baru Kasus MBG: Orang Dekat Sony &amp; Berperan Atur Titik SPPG"					href="https://news.detik.com/berita/d-8528433/tersangka-baru-kasus-mbg-orang-dekat-sony-berperan-atur-titik-sppg" class="media__link">
					Tersangka Baru Kasus MBG: Orang Dekat Sony & Berperan Atur Titik SPPG                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781225880" title="Jumat, 12 Jun 2026 07:58 WIB">1 jam yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                            <!-- S:newsfeed1 -->  <!-- E:newsfeed1 -->                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='1'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/hbkb-rasuna-said-tekan-polusi-kualitas-udara-jakarta-meningkat-1781229639905.jpeg'
i-info='detikNews | <span d-time="1781229929" title="Jumat, 12 Jun 2026 09:05 WIB">Jumat, 12 Jun 2026 09:05 WIB</span>'
i-link='https://news.detik.com/berita/d-8528756/hbkb-rasuna-said-tekan-polusi-kualitas-udara-jakarta-meningkat'
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="8528756" dtr-ttl="HBKB Rasuna Said Tekan Polusi, Kualitas Udara Jakarta Meningkat"                href="https://news.detik.com/berita/d-8528756/hbkb-rasuna-said-tekan-polusi-kualitas-udara-jakarta-meningkat" 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="8528756" dtr-ttl="HBKB Rasuna Said Tekan Polusi, Kualitas Udara Jakarta Meningkat"                    href="https://news.detik.com/berita/d-8528756/hbkb-rasuna-said-tekan-polusi-kualitas-udara-jakarta-meningkat" class="media__link">
                    HBKB Rasuna Said Tekan Polusi, Kualitas Udara Jakarta Meningkat                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229929" title="Jumat, 12 Jun 2026 09:05 WIB">Jumat, 12 Jun 2026 09:05 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="UHJvZ3JhbXNOb2RlOjE3MTQ=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-1" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTY=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-2" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MTU=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-3" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDk=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-4" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDc=" data-poll-cbox="true"></div>
 </div>
 <div class="poll-slider-box column-6">
 <div class="widget-polling" id="poll-5" data-poll-id="UHJvZ3JhbXNOb2RlOjE3MDQ=" data-poll-cbox="true"></div>
 </div>
 </div>
 <script defer="defer" src="https://newpolong.detik.com/frontend_polong/widget-polling/widget-polling.js"></script> 
</div>
<script>
 getScript("https://awscdn.detik.net.id/assets/js/slickslider.js?v=202606120825", function () {
 $('.webcomp-polling-slider').slick({
 dots: true,
 autoplay: false,
 infinite: true,
 slidesToShow: 2,
 slidesToScroll: 2
 });
 setTimeout(() => {
 $('.poll-slider-box.slick-cloned > .widget-polling').removeAttr('data-poll-id').removeAttr('data-poll-cbox');
 }, 0);
 });
</script><!--cached @ 1781229318--><!--replaced-->                                                                                                                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='2'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/04/27/menteri-esdm-bahlil-lahadalia-evadetikcom-1777272662786_169.jpeg'
i-info='detikFinance | <span d-time="1781227500" title="Jumat, 12 Jun 2026 08:25 WIB">33 menit yang lalu</span>'
i-link='https://finance.detik.com/energi/d-8528538/harga-pertamax-bisa-naik-lagi-ini-jawaban-bahlil'
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="8528538" dtr-ttl="Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil"                href="https://finance.detik.com/energi/d-8528538/harga-pertamax-bisa-naik-lagi-ini-jawaban-bahlil" 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="8528538" dtr-ttl="Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil"                    href="https://finance.detik.com/energi/d-8528538/harga-pertamax-bisa-naik-lagi-ini-jawaban-bahlil" class="media__link">
                    Harga Pertamax Bisa Naik Lagi? Ini Jawaban Bahlil                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227500" title="Jumat, 12 Jun 2026 08:25 WIB">33 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                    
                <style>
#vid_d article:nth-child(n+4) {
 display: none;
}
</style>
<div class="box cb cb-video">
 <div class="box__header">
 <h2 class="box__title">Video Terpopuler</h2>
 <a dtr-evt="box video" dtr-sec="lihatselengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://20.detik.com/"
 class="font-xxs">
 Ke Halaman Video <i class="icon icon-chevron-right"></i>
 </a>
 </div>
 <div id="vid_d" class="grid-row list-content list-content--column">
 <!-- S:nativevideo1 --> <!-- E:nativevideo1 --> <article class="list-content__item column-4">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> 01:21 </div>
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="260612002" dtr-ttl="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" href="https://20.detik.com/detikupdate/20260612-260612002/video-update-gempa-dahsyat-filipina-korban-tewas-jadi-53-orang"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/12/32c3e9ac19474507b5a73e7fecf5fa20-20260612004400-0s.jpg?w=250&q=90" alt="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" title="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h3 class="media__title">
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="1" dtr-id="260612002" dtr-ttl="Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang" href="https://20.detik.com/detikupdate/20260612-260612002/video-update-gempa-dahsyat-filipina-korban-tewas-jadi-53-orang"
 class="media__link">
 Video Update Gempa Dahsyat Filipina: Korban Tewas Jadi 53 Orang </a>
 </h3>
 <div class="media__date"><span d-time="1781199947" title="Jumat, 12 Jun 2026 00:45 WIB">8 jam yang lalu</span></div>
 </div>
 </div>
 </article>
 <article class="list-content__item column-4">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> 01:16 </div>
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="260611140" dtr-ttl="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" href="https://20.detik.com/detikupdate/20260611-260611140/video-jk-dan-anaknya-temui-prabowo-bicara-investasi-energi-rp-70-triliun"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/11/904f3f8580404a49ab1b676a3ea2e369-20260611191410-0s.jpg?w=250&q=90" alt="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" title="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h3 class="media__title">
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="2" dtr-id="260611140" dtr-ttl="Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun" href="https://20.detik.com/detikupdate/20260611-260611140/video-jk-dan-anaknya-temui-prabowo-bicara-investasi-energi-rp-70-triliun"
 class="media__link">
 Video JK dan Anaknya Temui Prabowo Bicara Investasi Energi Rp 70 Triliun </a>
 </h3>
 <div class="media__date"><span d-time="1781181644" title="Kamis, 11 Jun 2026 19:40 WIB">13 jam yang lalu</span></div>
 </div>
 </div>
 </article>
 <article class="list-content__item column-4">
 <div class="media media--image-radius block-link">
 <div class="media__image">
 <div class="media__icon media__icon--top-right">
 <i class="icon icon--xs icon-play-bg"></i> 01:04 </div>
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="260611146" dtr-ttl="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" href="https://20.detik.com/detikupdate/20260611-260611146/video-aktivis-di-mamuju-tipu-tersangka-tambang-ilegal-rp-35-juta-untuk-judol"
 class="media__link">
 <span class="ratiobox ratiobox--16-9 lqd">
 <img src="https://cdnv.detik.com/videoservice/AdminTV/2026/06/11/577393eb776848dc9060ef34ea714a88-20260611202653-0s.jpg?w=250&q=90" alt="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" title="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" class="" /> </span>
 </a>
 </div>
 <div class="media__text">
 <h3 class="media__title">
 <a dtr-evt="box video" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="3" dtr-id="260611146" dtr-ttl="Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol" href="https://20.detik.com/detikupdate/20260611-260611146/video-aktivis-di-mamuju-tipu-tersangka-tambang-ilegal-rp-35-juta-untuk-judol"
 class="media__link">
 Video: Aktivis di Mamuju Tipu Tersangka Tambang Ilegal Rp 35 Juta untuk Judol </a>
 </h3>
 <div class="media__date"><span d-time="1781188032" title="Kamis, 11 Jun 2026 21:27 WIB">11 jam yang lalu</span></div>
 </div>
 </div>
 </article>
 </div>
</div>
<!--cached @ 1781229318--><!--replaced-->                                                                                                                                                                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='3'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/11/yamaha-mx-king-150-prima-pramac-livery-1781190022472.jpeg'
i-info='detikOto | <span d-time="1781229894" title="Jumat, 12 Jun 2026 09:04 WIB">Jumat, 12 Jun 2026 09:04 WIB</span>'
i-link='https://oto.detik.com/motor/d-8528716/cuma-main-warna-ini-alasan-yamaha-belum-mau-jual-mx-king-generasi-terbaru'
i-img-qs='?w=250&q=90'
i-type='artikel 3'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8528716" dtr-ttl="Cuma Main Warna, Ini Alasan Yamaha Belum Mau Jual MX King Generasi Terbaru"                href="https://oto.detik.com/motor/d-8528716/cuma-main-warna-ini-alasan-yamaha-belum-mau-jual-mx-king-generasi-terbaru" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="4" dtr-id="8528716" dtr-ttl="Cuma Main Warna, Ini Alasan Yamaha Belum Mau Jual MX King Generasi Terbaru"                    href="https://oto.detik.com/motor/d-8528716/cuma-main-warna-ini-alasan-yamaha-belum-mau-jual-mx-king-generasi-terbaru" class="media__link">
                    Cuma Main Warna, Ini Alasan Yamaha Belum Mau Jual MX King Generasi Terbaru                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229894" title="Jumat, 12 Jun 2026 09:04 WIB">Jumat, 12 Jun 2026 09:04 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/2025/10/13/rudal-tomahawk-diluncurkan-dari-kapal-perang-as-1760327818337.jpeg'
i-info='<span d-time="1781225348" title="Jumat, 12 Jun 2026 07:49 WIB">1 jam yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8528680/video-momen-as-lumpuhkan-kapal-tanker-pengangkut-minyak-iran-di-teluk-oman'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
			            <div class="media__icon media__icon--top-right ai_toggle" style="display:none">
				<i class="icon icon--xs icon-play-bg"></i><span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612010/video-momen-as-lumpuhkan-kapal-tanker-pengangkut-minyak-iran-di-teluk-oman"></span>
            </div>
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="5" dtr-id="8528680" dtr-ttl="Video: Momen AS Lumpuhkan Kapal Tanker Pengangkut Minyak Iran di Teluk Oman"				href="https://20.detik.com/detikupdate/20260612-260612010/video-momen-as-lumpuhkan-kapal-tanker-pengangkut-minyak-iran-di-teluk-oman" 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="8528680" dtr-ttl="Video: Momen AS Lumpuhkan Kapal Tanker Pengangkut Minyak Iran di Teluk Oman"					href="https://20.detik.com/detikupdate/20260612-260612010/video-momen-as-lumpuhkan-kapal-tanker-pengangkut-minyak-iran-di-teluk-oman" class="media__link">
					Video: Momen AS Lumpuhkan Kapal Tanker Pengangkut Minyak Iran di Teluk Oman                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781225348" title="Jumat, 12 Jun 2026 07:49 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/05/05/produksi-kopi-nasional-diproyeksi-meningkat-1777978799981_169.jpeg'
i-info='detikTravel | <span d-time="1781229868" title="Jumat, 12 Jun 2026 09:04 WIB">Jumat, 12 Jun 2026 09:04 WIB</span>'
i-link='https://travel.detik.com/travel-news/d-8528629/kopi-jawa-pernah-jadi-yang-termahal-di-dunia-ini-kisahnya'
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="8528629" dtr-ttl="Kopi Jawa Pernah Jadi yang Termahal di Dunia, Ini Kisahnya"                href="https://travel.detik.com/travel-news/d-8528629/kopi-jawa-pernah-jadi-yang-termahal-di-dunia-ini-kisahnya" 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="8528629" dtr-ttl="Kopi Jawa Pernah Jadi yang Termahal di Dunia, Ini Kisahnya"                    href="https://travel.detik.com/travel-news/d-8528629/kopi-jawa-pernah-jadi-yang-termahal-di-dunia-ini-kisahnya" class="media__link">
                    Kopi Jawa Pernah Jadi yang Termahal di Dunia, Ini Kisahnya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229868" title="Jumat, 12 Jun 2026 09:04 WIB">Jumat, 12 Jun 2026 09:04 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/2026/06/12/wataru-endo-1781200329853_169.jpeg'
i-info='Sepakbola | <span d-time="1781227815" title="Jumat, 12 Jun 2026 08:30 WIB">28 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8528690/kapten-jepang-wataru-endo-batal-tampil-di-piala-dunia-2026'
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="8528690" dtr-ttl="Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8528690/kapten-jepang-wataru-endo-batal-tampil-di-piala-dunia-2026" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="7" dtr-id="8528690" dtr-ttl="Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8528690/kapten-jepang-wataru-endo-batal-tampil-di-piala-dunia-2026" class="media__link">
                    Kapten Jepang Wataru Endo Batal Tampil di Piala Dunia 2026!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227815" title="Jumat, 12 Jun 2026 08:30 WIB">28 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                        <article class="list-content__item ph-item ph-item-insertion ph-insertion-block" id="rec_loop_6" article-idx="6">
	<div class="ph-col ph-nhl-img">
		<div class="ph-picture ph-picture-insertion pic-nhl ratiobox ratiobox--4-3"></div>
	</div>
	<div class="justify-content-center mgl-12">
		<div class="ph-row ph-row-insertion mgb-16">
			<div class="ph-col-12"></div>
			<div class="ph-col-11"></div>
		</div>
		<div class="ph-row ph-row-insertion mgb-8">
			<div class="ph-col-4"></div>
		</div>
	</div>
</article>                <div d-widget="detikevent" style="margin-bottom:32px;width:694px;height:350px;"></div>
                <style>
.special-widget {
    margin-bottom: 32px;
}
.special-widget .section__header {
    margin-bottom: 8px;
}
.special-widget .section__title {
    font-size: 18px;
    font-weight: 700;
    color: #2b3e8a;
}
.special-slider-container {
    position: relative;
    max-width: 100%;
}
.special-swiper {
    overflow: hidden;
    position: relative;
}
.special-swiper .swiper-slide {
    display: flex;
    align-items: flex-start; /* UPDATE UNTUK Safari */
    height: auto;
}

/* CLS Fix */
.special-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    overflow: hidden;
}
.special-swiper:not(.swiper-initialized) .swiper-slide {
    width: calc((100% - 2.4px) / 1.2);
    margin-right: 12px;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .special-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc((100% - 32px) / 3);
        margin-right: 16px;
    }
}
@media (min-width: 1024px) {
    .special-swiper:not(.swiper-initialized) .swiper-slide {
        width: calc((100% - 40px) / 3.5);
        margin-right: 16px;
    }
}
.hl-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    display: block;
    background: #eee;
    min-height: 0; /* UPDATE UNTUK Safari */
}
.hl-card img.hl-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.hl-card:hover img.hl-card-img {
    transform: scale(1.05); /* optional simple hover */
}
.hl-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none; /* let click pass to card */
}
.hl-card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    color: #ff5722;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.hl-card-badge svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}
.hl-card-konten {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #2b3e8a;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    font-weight: 500;
    z-index: 2;
    border-radius: 6px;
}
.hl-channel {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
    text-transform: none;
    color: #fff;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
}
.hl-channel-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
/* .hl-channel.c-food .hl-channel-icon {
    background: #4caf50;
}
.hl-channel.c-properti .hl-channel-icon {
    background: #ff9800;
} */
.hl-channel-icon img {
    width: 18px;
    height: 18px;
    fill: #fff;
}
.hl-card-title {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    font-family: "Montserrat", Arial, Tahoma, sans-serif;
    min-height: 52px;
}

/* Nav arrows */
.hl-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(200, 200, 200, 0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: background 0.2s;
}
.hl-nav-btn:hover {
    background: rgba(180, 180, 180, 0.95);
}
.hl-nav-btn svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}
.hl-nav-prev {
    left: -20px;
}
.hl-nav-next {
    right: -20px;
}
.hl-nav-btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

/* Make sure container doesn't overflow horizontally */
@media (max-width: 768px) {
    .hl-nav-prev {
        left: 0px;
    }
    .hl-nav-next {
        right: 0px;
    }
}
</style>



<div class="special-widget section" id="special-konten">
    <div class="section__header">
        <h2 class="section__title">Konten Spesial</h2>
    </div>
    <div class="special-slider-container">
        <!-- Swiper -->
        <div class="swiper special-swiper">
            <div class="swiper-wrapper">
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="1"                            href="https://health.detik.com/indeksfokus/7584/bedah-gizi-super-lele" class="hl-card">
                            <div class="hl-card-konten">13 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/04/10/kolom-gizi-nutrisi-ikan-lele-1775836687365_169.jpeg?w=700&q=90" alt="Bedah Gizi Super Lele" title="Bedah Gizi Super Lele" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_health.webp?v=202606120825" alt="">
                                        </span>
                                                                        detikHealth                                </div>
                                <h3 class="hl-card-title">Bedah Gizi Super Lele</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="2"                            href="https://www.detik.com/hikmah/indeksfokus/7398/kisah-haji-para-tamu-allah" class="hl-card">
                            <div class="hl-card-konten">30 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/05/17/senyum-haru-jemaah-haji-gelombang-dua-sambut-tanah-suci-1747497614914_169.jpeg?w=700&q=90" alt="Kisah Haji Para Tamu Allah" title="Kisah Haji Para Tamu Allah" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_hikmah.webp?v=202606120825" alt="">
                                        </span>
                                                                        detikHikmah                                </div>
                                <h3 class="hl-card-title">Kisah Haji Para Tamu Allah</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="3"                            href="/indeksfokus/7607/skin-booster" class="hl-card">
                            <div class="hl-card-konten">8 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/03/1781553776-1780420512174_169.jpeg?w=700&q=90" alt="Skin Booster" title="Skin Booster" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                        Wolipop                                </div>
                                <h3 class="hl-card-title">Skin Booster</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="4"                            href="https://travel.detik.com/highlight/7604/prabowo-aktifkan-lagi-2-bandara" class="hl-card">
                            <div class="hl-card-konten">20 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2025/07/03/penerbangan-dari-yogyakarta-di-bandara-husein-sastranegara-kota-bandung-1751539196841_169.jpeg?w=700&q=90" alt="Prabowo Aktifkan Lagi 2 Bandara" title="Prabowo Aktifkan Lagi 2 Bandara" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_travel.webp?v=202606120825" alt="">
                                        </span>
                                                                        detikTravel                                </div>
                                <h3 class="hl-card-title">Prabowo Aktifkan Lagi 2 Bandara</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="5"                            href="https://inet.detik.com/games-terpopuler/7017/free-fire" class="hl-card">
                            <div class="hl-card-konten">55 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2019/06/27/f835357f-f9a2-43d2-b05e-275f62d6586b_169.jpeg?w=700&q=90" alt="Free Fire" title="Free Fire" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_inet.webp?v=202606120825" alt="">
                                        </span>
                                                                        detikInet                                </div>
                                <h3 class="hl-card-title">Free Fire</h3>
                            </div>
                        </a>
                    </div>
                                                        
                    <div class="swiper-slide">
                        <a dtr-evt="box spesial konten" dtr-sec="spesial konten" dtr-act="spesial konten" onclick="_pt(this)" dtr-idx="6"                            href="https://food.detik.com/master-resep/7601/sajian-lezat-idul-adha-2026" class="hl-card">
                            <div class="hl-card-konten">26 Konten</div>
                             <img src="https://awsimages.detik.net.id/community/media/visual/2026/05/20/sate-kambing-1779266947174_169.jpeg?w=700&q=90" alt="Sajian Lezat Idul Adha 2026" title="Sajian Lezat Idul Adha 2026" class="hl-card-img" />                            <div class="hl-card-overlay">
                                <div class="hl-channel">
                                                                            <span class="hl-channel-icon">
                                            <img src="https://awscdn.detik.net.id/detikcom/images/special-content/ic_food.webp?v=202606120825" alt="">
                                        </span>
                                                                        detikFood                                </div>
                                <h3 class="hl-card-title">Sajian Lezat Idul Adha 2026</h3>
                            </div>
                        </a>
                    </div>
                            </div>
        </div>
        <!-- Navigation Buttons -->
        <div dtr-evt="box spesial konten" dtr-sec="button prev" dtr-act="button prev" onclick="_pt(this)" class="hl-nav-btn hl-nav-prev">
            <svg viewBox="0 0 24 24">
                <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
            </svg>
        </div>
        <div dtr-evt="box spesial konten" dtr-sec="button next" dtr-act="button next" onclick="_pt(this)" class="hl-nav-btn hl-nav-next">
            <svg viewBox="0 0 24 24">
                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
            </svg>
        </div>
    </div>
</div>

<link rel="stylesheet" href="https://awscdn.detik.net.id/assets/css/swiper-bundle.min.css?v=202606120825" />
<script src="https://awscdn.detik.net.id/assets/js/swiper-bundle.min.js?v=202606120825"></script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        if (typeof Swiper !== 'undefined') {
            new Swiper('.special-swiper', {
                slidesPerView: 3.5,
                spaceBetween: 16,
                navigation: {
                    nextEl: '.hl-nav-next',
                    prevEl: '.hl-nav-prev',
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 1.2,
                        spaceBetween: 12
                    },
                    // when window width is >= 768px
                    768: {
                        slidesPerView: 3,
                        spaceBetween: 16
                    },
                    // when window width is >= 1024px
                    1024: {
                        slidesPerView: 3.5,
                        spaceBetween: 16
                    }
                }
            });
        }
    });
</script>                <div d-widget="lifestyle" d-params="" d-locals=""><div class="dwidget_desktop ph-horizontal"><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div></div><img style="display:none" /></div>
                                                                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='8'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/11/ilustrasi-pohlsepia-mazonensis-yang-awalnya-dikira-gurita-tertua-berusia-300-juta-tahun-ternyata-hewan-lain-1781154411954.webp'
i-info='detikEdu | <span d-time="1781229716" title="Jumat, 12 Jun 2026 09:01 WIB">Jumat, 12 Jun 2026 09:01 WIB</span>'
i-link='https://www.detik.com/edu/detikpedia/d-8528384/awalnya-dikira-gurita-berusia-300-juta-tahun-fosil-ini-ternyata-milik-hewan-lain'
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="8528384" dtr-ttl="Awalnya Dikira Gurita Berusia 300 Juta Tahun, Fosil Ini Ternyata Milik Hewan Lain"                href="https://www.detik.com/edu/detikpedia/d-8528384/awalnya-dikira-gurita-berusia-300-juta-tahun-fosil-ini-ternyata-milik-hewan-lain" 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="8528384" dtr-ttl="Awalnya Dikira Gurita Berusia 300 Juta Tahun, Fosil Ini Ternyata Milik Hewan Lain"                    href="https://www.detik.com/edu/detikpedia/d-8528384/awalnya-dikira-gurita-berusia-300-juta-tahun-fosil-ini-ternyata-milik-hewan-lain" class="media__link">
                    Awalnya Dikira Gurita Berusia 300 Juta Tahun, Fosil Ini Ternyata Milik Hewan Lain                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229716" title="Jumat, 12 Jun 2026 09:01 WIB">Jumat, 12 Jun 2026 09:01 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/2016/05/12/ecc0f302-ea71-454c-98af-b3952b17aa6f_169.jpg'
i-info='detikHealth | <span d-time="1781229690" title="Jumat, 12 Jun 2026 09:01 WIB">Jumat, 12 Jun 2026 09:01 WIB</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8528363/kulit-gatal-hingga-perut-begah-ini-5-tanda-tersembunyi-organ-liver-anda-bermasalah'
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="8528363" dtr-ttl="Kulit Gatal hingga Perut Begah, Ini 5 Tanda Tersembunyi Organ Liver Anda Bermasalah"                href="https://health.detik.com/berita-detikhealth/d-8528363/kulit-gatal-hingga-perut-begah-ini-5-tanda-tersembunyi-organ-liver-anda-bermasalah" 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="8528363" dtr-ttl="Kulit Gatal hingga Perut Begah, Ini 5 Tanda Tersembunyi Organ Liver Anda Bermasalah"                    href="https://health.detik.com/berita-detikhealth/d-8528363/kulit-gatal-hingga-perut-begah-ini-5-tanda-tersembunyi-organ-liver-anda-bermasalah" class="media__link">
                    Kulit Gatal hingga Perut Begah, Ini 5 Tanda Tersembunyi Organ Liver Anda Bermasalah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229690" title="Jumat, 12 Jun 2026 09:01 WIB">Jumat, 12 Jun 2026 09:01 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/12/abde-ezzalzouli-1781197504001_169.jpeg'
i-info='Sepakbola | <span d-time="1781229650" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8528684/piala-dunia-2026-maroko-kehilangan-2-bintang-jelang-hadapi-brasil'
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="8528684" dtr-ttl="Piala Dunia 2026: Maroko Kehilangan 2 Bintang Jelang Hadapi Brasil"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8528684/piala-dunia-2026-maroko-kehilangan-2-bintang-jelang-hadapi-brasil" 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="8528684" dtr-ttl="Piala Dunia 2026: Maroko Kehilangan 2 Bintang Jelang Hadapi Brasil"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8528684/piala-dunia-2026-maroko-kehilangan-2-bintang-jelang-hadapi-brasil" class="media__link">
                    Piala Dunia 2026: Maroko Kehilangan 2 Bintang Jelang Hadapi Brasil                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229650" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>             </div>
        </div>
    </div></article>
            
                                                                                                                            <!-- S:carousel --> <!-- E:carousel -->                                                                                                                                
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='12'
i-subtitle='Round-Up'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/11/nadia-siswi-yang-gagal-tuntaskan-lomba-osn-gara-gara-listrik-padam-1781154065107_169.jpeg'
i-info='<span d-time="1781227815" title="Jumat, 12 Jun 2026 08:30 WIB">28 menit yang lalu</span>'
i-link='https://www.detik.com/jabar/berita/d-8528222/garis-akhir-yang-menyakitkan-bagi-nadia-gegara-listrik-padam'
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="13" dtr-id="8528222" dtr-ttl="Garis Akhir yang Menyakitkan Bagi Nadia gegara Listrik Padam"				href="https://www.detik.com/jabar/berita/d-8528222/garis-akhir-yang-menyakitkan-bagi-nadia-gegara-listrik-padam" 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="13" dtr-id="8528222" dtr-ttl="Garis Akhir yang Menyakitkan Bagi Nadia gegara Listrik Padam"					href="https://www.detik.com/jabar/berita/d-8528222/garis-akhir-yang-menyakitkan-bagi-nadia-gegara-listrik-padam" class="media__link">
					Garis Akhir yang Menyakitkan Bagi Nadia gegara Listrik Padam                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781227815" title="Jumat, 12 Jun 2026 08:30 WIB">28 menit yang lalu</span>		 	</div>
        </div>
    </div>
</div>
            
                                                                                                                                        <article class="list-content__item ph-item ph-item-insertion ph-insertion-block" id="rec_loop_8" article-idx="12">
	<div class="ph-col ph-nhl-img">
		<div class="ph-picture ph-picture-insertion pic-nhl ratiobox ratiobox--4-3"></div>
	</div>
	<div class="justify-content-center mgl-12">
		<div class="ph-row ph-row-insertion mgb-16">
			<div class="ph-col-12"></div>
			<div class="ph-col-11"></div>
		</div>
		<div class="ph-row ph-row-insertion mgb-8">
			<div class="ph-col-4"></div>
		</div>
	</div>
</article>                                                                                                                    
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='14'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/11/kejar-ancaman-banjir-muara-batang-kuranji-dikeruk-besar-besaran-1781178291537_169.jpeg'
i-info='detikNews | <span d-time="1781229642" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>'
i-link='https://news.detik.com/foto-news/d-8528234/kejar-ancaman-banjir-muara-batang-kuranji-dikeruk-besar-besaran'
i-img-qs='?w=250&q=90'
i-type='artikel 14'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                        <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="15" dtr-id="8528234" dtr-ttl="Kejar Ancaman Banjir, Muara Batang Kuranji Dikeruk Besar-Besaran"                href="https://news.detik.com/foto-news/d-8528234/kejar-ancaman-banjir-muara-batang-kuranji-dikeruk-besar-besaran" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Foto News</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="15" dtr-id="8528234" dtr-ttl="Kejar Ancaman Banjir, Muara Batang Kuranji Dikeruk Besar-Besaran"                    href="https://news.detik.com/foto-news/d-8528234/kejar-ancaman-banjir-muara-batang-kuranji-dikeruk-besar-besaran" class="media__link">
                    Kejar Ancaman Banjir, Muara Batang Kuranji Dikeruk Besar-Besaran                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229642" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                    <div d-widget="detiknetwork" d-params="" d-locals=""><div class="dwidget_desktop ph-horizontal"><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div><div class="ph-item"><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div><div class="ph-col-4"><div class="ph-picture"></div></div><div><div class="ph-row"><div class="ph-col-12 big"></div><div class="ph-col-8"></div><div class="ph-col-4 empty"></div></div></div></div></div><img style="display:none" /></div>
                                                                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='15'
i-img='https://awsimages.detik.net.id/community/media/visual/2022/06/30/natto-1.jpeg'
i-info='Wolipop | <span d-time="1781229625" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>'
i-link='https://wolipop.detik.com/health-and-diet/d-8528714/sarapan-favorit-orang-jepang-ini-disebut-bisa-dukung-umur-panjang-apa-itu'
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="8528714" dtr-ttl="Sarapan Favorit Orang Jepang Ini Disebut Bisa Dukung Umur Panjang, Apa Itu?"                href="https://wolipop.detik.com/health-and-diet/d-8528714/sarapan-favorit-orang-jepang-ini-disebut-bisa-dukung-umur-panjang-apa-itu" 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="8528714" dtr-ttl="Sarapan Favorit Orang Jepang Ini Disebut Bisa Dukung Umur Panjang, Apa Itu?"                    href="https://wolipop.detik.com/health-and-diet/d-8528714/sarapan-favorit-orang-jepang-ini-disebut-bisa-dukung-umur-panjang-apa-itu" class="media__link">
                    Sarapan Favorit Orang Jepang Ini Disebut Bisa Dukung Umur Panjang, Apa Itu?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229625" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 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/01/slank-di-java-jazz-festival-2026-1780275864561.jpeg'
i-info='detikPop | <span d-time="1781229625" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>'
i-link='https://www.detik.com/pop/music/d-8527829/slank-kasih-paham-usai-dibilang-balik-ke-setelan-pabrik-band-plat-merah'
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="8527829" dtr-ttl="Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah"                href="https://www.detik.com/pop/music/d-8527829/slank-kasih-paham-usai-dibilang-balik-ke-setelan-pabrik-band-plat-merah" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="17" dtr-id="8527829" dtr-ttl="Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah"                    href="https://www.detik.com/pop/music/d-8527829/slank-kasih-paham-usai-dibilang-balik-ke-setelan-pabrik-band-plat-merah" class="media__link">
                    Slank Kasih Paham Usai Dibilang Balik ke Setelan Pabrik - Band Plat Merah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229625" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 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/11/4-brimob-ditikam-1781165581633_169.jpeg'
i-info='detikBali | <span d-time="1781228184" title="Jumat, 12 Jun 2026 08:36 WIB">21 menit yang lalu</span>'
i-link='https://www.detik.com/bali/hukum-dan-kriminal/d-8528715/ribut-ribut-anggota-tni-dan-polisi-berujung-penikaman-di-labuan-bajo'
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="8528715" dtr-ttl="Ribut-ribut Anggota TNI dan Polisi Berujung Penikaman di Labuan Bajo"                href="https://www.detik.com/bali/hukum-dan-kriminal/d-8528715/ribut-ribut-anggota-tni-dan-polisi-berujung-penikaman-di-labuan-bajo" 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="8528715" dtr-ttl="Ribut-ribut Anggota TNI dan Polisi Berujung Penikaman di Labuan Bajo"                    href="https://www.detik.com/bali/hukum-dan-kriminal/d-8528715/ribut-ribut-anggota-tni-dan-polisi-berujung-penikaman-di-labuan-bajo" class="media__link">
                    Ribut-ribut Anggota TNI dan Polisi Berujung Penikaman di Labuan Bajo                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228184" title="Jumat, 12 Jun 2026 08:36 WIB">21 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/2025/10/22/sop-ceker-ayam-1761098902631_169.jpeg'
i-info='detikFood | <span d-time="1781229622" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 WIB</span>'
i-link='https://food.detik.com/ayam/d-8528747/3-resep-ceker-ayam-yang-lezat-bumbu-mercon-hingga-sop-bening'
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="8528747" dtr-ttl="3 Resep Ceker Ayam yang Lezat, Bumbu Mercon hingga Sop Bening"                href="https://food.detik.com/ayam/d-8528747/3-resep-ceker-ayam-yang-lezat-bumbu-mercon-hingga-sop-bening" 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="8528747" dtr-ttl="3 Resep Ceker Ayam yang Lezat, Bumbu Mercon hingga Sop Bening"                    href="https://food.detik.com/ayam/d-8528747/3-resep-ceker-ayam-yang-lezat-bumbu-mercon-hingga-sop-bening" class="media__link">
                    3 Resep Ceker Ayam yang Lezat, Bumbu Mercon hingga Sop Bening                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229622" title="Jumat, 12 Jun 2026 09:00 WIB">Jumat, 12 Jun 2026 09:00 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/2026/06/10/ilustrasi-galon-guna-ulang-1781060225315.png'
i-info='detikHealth | <span d-time="1781229359" title="Jumat, 12 Jun 2026 08:55 WIB">2 menit yang lalu</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8525665/pakar-sebut-bpa-pada-galon-guna-ulang-bisa-berkaitan-dengan-pubertas-dini'
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="8525665" dtr-ttl="Pakar Sebut BPA pada Galon Guna Ulang Bisa Berkaitan dengan Pubertas Dini"                href="https://health.detik.com/berita-detikhealth/d-8525665/pakar-sebut-bpa-pada-galon-guna-ulang-bisa-berkaitan-dengan-pubertas-dini" 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="8525665" dtr-ttl="Pakar Sebut BPA pada Galon Guna Ulang Bisa Berkaitan dengan Pubertas Dini"                    href="https://health.detik.com/berita-detikhealth/d-8525665/pakar-sebut-bpa-pada-galon-guna-ulang-bisa-berkaitan-dengan-pubertas-dini" class="media__link">
                    Pakar Sebut BPA pada Galon Guna Ulang Bisa Berkaitan dengan Pubertas Dini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229359" title="Jumat, 12 Jun 2026 08:55 WIB">2 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                    <!-- S:parallax2 --> <!-- E:parallax2 -->                                                        
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='20'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/dubes-korea-utara-pidato-dalam-bahasa-indonesia-1781229216358_169.png'
i-info='detikNews | <span d-time="1781229352" title="Jumat, 12 Jun 2026 08:55 WIB">2 menit yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8528751/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka'
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">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612014/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="21" dtr-id="8528751" dtr-ttl="Video: Momen Dubes Korea Utara Pidato dalam Bahasa Indonesia di Istana Merdeka"                href="https://20.detik.com/detikupdate/20260612-260612014/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka" 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="8528751" dtr-ttl="Video: Momen Dubes Korea Utara Pidato dalam Bahasa Indonesia di Istana Merdeka"                    href="https://20.detik.com/detikupdate/20260612-260612014/video-momen-dubes-korea-utara-pidato-dalam-bahasa-indonesia-di-istana-merdeka" class="media__link">
                    Video: Momen Dubes Korea Utara Pidato dalam Bahasa Indonesia di Istana Merdeka                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229352" title="Jumat, 12 Jun 2026 08:55 WIB">2 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <div class="ph_newsfeed_m article_inview box widget widget-nhl"
i-loop='21'
i-subtitle=''
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/11/penampakan-ular-piton-yang-menerkam-wanita-di-kabupaten-pulau-taliabu-1781151999008_169.jpeg'
i-info='<span d-time="1781222407" title="Jumat, 12 Jun 2026 07:00 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/sulsel/berita/d-8528597/perlawanan-terakhir-suami-saat-istri-tewas-ditelan-piton-7-8-meter-di-taliabu'
i-img-qs='?w=400&q=90'
i-box='widget artikel'
i-type='artikel widget'
i-img-ratio='169'
i-dtre='true'>
	<div class="media media--right media--image-radius block-link mgt-16 mgb-16 pdb-16" d-append-class="block-link">
        <div class="media__image">
						<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8528597" dtr-ttl="Perlawanan Terakhir Suami Saat Istri Tewas Ditelan Piton 7,8 Meter di Taliabu"				href="https://www.detik.com/sulsel/berita/d-8528597/perlawanan-terakhir-suami-saat-istri-tewas-ditelan-piton-7-8-meter-di-taliabu" class="ai_link media__link">
                <span class="ratiobox ratiobox--16-9 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ratiobox--16-9 ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text">
			<h2 class="media__subtitle">
							</h2>
            <h3 class="media__title">
				<a dtr-evt="box widget spesial" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="22" dtr-id="8528597" dtr-ttl="Perlawanan Terakhir Suami Saat Istri Tewas Ditelan Piton 7,8 Meter di Taliabu"					href="https://www.detik.com/sulsel/berita/d-8528597/perlawanan-terakhir-suami-saat-istri-tewas-ditelan-piton-7-8-meter-di-taliabu" class="media__link">
					Perlawanan Terakhir Suami Saat Istri Tewas Ditelan Piton 7,8 Meter di Taliabu                </a>
            </h3>
			<div class="media__date">
			 <span d-time="1781222407" title="Jumat, 12 Jun 2026 07:00 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/12/bursa-dan-valas-1781227598-1781227599393.jpeg'
i-info='detikFinance | <span d-time="1781229051" title="Jumat, 12 Jun 2026 08:50 WIB">7 menit yang lalu</span>'
i-link='https://finance.detik.com/bursa-dan-valas/d-8528748/sdpc-investasi-rp-100-m-enrg-rights-issue-dan-ipcc-tebar-dividen'
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="8528748" dtr-ttl="SDPC Investasi Rp 100 M, ENRG Rights Issue dan IPCC Tebar Dividen"                href="https://finance.detik.com/bursa-dan-valas/d-8528748/sdpc-investasi-rp-100-m-enrg-rights-issue-dan-ipcc-tebar-dividen" 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="8528748" dtr-ttl="SDPC Investasi Rp 100 M, ENRG Rights Issue dan IPCC Tebar Dividen"                    href="https://finance.detik.com/bursa-dan-valas/d-8528748/sdpc-investasi-rp-100-m-enrg-rights-issue-dan-ipcc-tebar-dividen" class="media__link">
                    SDPC Investasi Rp 100 M, ENRG Rights Issue dan IPCC Tebar Dividen                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781229051" title="Jumat, 12 Jun 2026 08:50 WIB">7 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/2024/09/01/ilustrasi-pajak-rumah-kos_169.jpeg'
i-info='detikProperti | <span d-time="1781228913" title="Jumat, 12 Jun 2026 08:48 WIB">9 menit yang lalu</span>'
i-link='https://www.detik.com/properti/berita/d-8528707/bi-rate-naik-siap-siap-cicilan-kpr-makin-mencekik'
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="8528707" dtr-ttl="BI Rate Naik, Siap-siap Cicilan KPR Makin Mencekik!"                href="https://www.detik.com/properti/berita/d-8528707/bi-rate-naik-siap-siap-cicilan-kpr-makin-mencekik" 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="8528707" dtr-ttl="BI Rate Naik, Siap-siap Cicilan KPR Makin Mencekik!"                    href="https://www.detik.com/properti/berita/d-8528707/bi-rate-naik-siap-siap-cicilan-kpr-makin-mencekik" class="media__link">
                    BI Rate Naik, Siap-siap Cicilan KPR Makin Mencekik!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228913" title="Jumat, 12 Jun 2026 08:48 WIB">9 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/05/27/jose-mourinho-1779821788777.jpeg'
i-info='Sepakbola | <span d-time="1781228807" title="Jumat, 12 Jun 2026 08:46 WIB">11 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/detiktv/d-8528745/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid'
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">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612016/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="25" dtr-id="8528745" dtr-ttl="Video: Jose Mourinho Resmi Diumumkan Jadi Pelatih Real Madrid"                href="https://20.detik.com/detikupdate/20260612-260612016/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid" 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="8528745" dtr-ttl="Video: Jose Mourinho Resmi Diumumkan Jadi Pelatih Real Madrid"                    href="https://20.detik.com/detikupdate/20260612-260612016/video-jose-mourinho-resmi-diumumkan-jadi-pelatih-real-madrid" class="media__link">
                    Video: Jose Mourinho Resmi Diumumkan Jadi Pelatih Real Madrid                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228807" title="Jumat, 12 Jun 2026 08:46 WIB">11 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='25'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/naik-kereta-gantung-taif-mengenang-dakwah-rasulullah-saw-1781226560481_169.jpeg'
i-info='detikHikmah | <span d-time="1781228709" title="Jumat, 12 Jun 2026 08:45 WIB">13 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/haji-dan-umrah/d-8528697/naik-kereta-gantung-taif-mengenang-jejak-dakwah-rasulullah'
i-img-qs='?w=250&q=90'
i-type='artikel 25'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="26" dtr-id="8528697" dtr-ttl="Naik Kereta Gantung Taif, Mengenang Jejak Dakwah Rasulullah"                href="https://www.detik.com/hikmah/haji-dan-umrah/d-8528697/naik-kereta-gantung-taif-mengenang-jejak-dakwah-rasulullah" 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="8528697" dtr-ttl="Naik Kereta Gantung Taif, Mengenang Jejak Dakwah Rasulullah"                    href="https://www.detik.com/hikmah/haji-dan-umrah/d-8528697/naik-kereta-gantung-taif-mengenang-jejak-dakwah-rasulullah" class="media__link">
                    Naik Kereta Gantung Taif, Mengenang Jejak Dakwah Rasulullah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228709" title="Jumat, 12 Jun 2026 08:45 WIB">13 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/2022/12/23/putri-thailand-bajrakitiyabha-mahidol_169.jpeg'
i-info='detikNews | <span d-time="1781228693" title="Jumat, 12 Jun 2026 08:44 WIB">13 menit yang lalu</span>'
i-link='https://news.detik.com/internasional/d-8528736/putri-thailand-meninggal-dunia-di-usia-47-tahun'
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="8528736" dtr-ttl="Putri Thailand Meninggal Dunia di Usia 47 Tahun"                href="https://news.detik.com/internasional/d-8528736/putri-thailand-meninggal-dunia-di-usia-47-tahun" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="27" dtr-id="8528736" dtr-ttl="Putri Thailand Meninggal Dunia di Usia 47 Tahun"                    href="https://news.detik.com/internasional/d-8528736/putri-thailand-meninggal-dunia-di-usia-47-tahun" class="media__link">
                    Putri Thailand Meninggal Dunia di Usia 47 Tahun                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228693" title="Jumat, 12 Jun 2026 08:44 WIB">13 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                            <!-- S:newsfeed6 --> <!-- E:newsfeed6 -->                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='27'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/bukan-foto-hantu-tapi-menyeramkan-1781227596422_169.webp'
i-info='detikInet | <span d-time="1781228581" title="Jumat, 12 Jun 2026 08:43 WIB">15 menit yang lalu</span>'
i-link='https://inet.detik.com/fotoinet/d-8528720/bukan-penampakan-hantu-deretan-foto-ini-tak-kalah-menyeramkan'
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">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 15 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="28" dtr-id="8528720" dtr-ttl="Bukan Penampakan Hantu, Deretan Foto Ini Tak Kalah Menyeramkan"                href="https://inet.detik.com/fotoinet/d-8528720/bukan-penampakan-hantu-deretan-foto-ini-tak-kalah-menyeramkan" 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="28" dtr-id="8528720" dtr-ttl="Bukan Penampakan Hantu, Deretan Foto Ini Tak Kalah Menyeramkan"                    href="https://inet.detik.com/fotoinet/d-8528720/bukan-penampakan-hantu-deretan-foto-ini-tak-kalah-menyeramkan" class="media__link">
                    Bukan Penampakan Hantu, Deretan Foto Ini Tak Kalah Menyeramkan                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228581" title="Jumat, 12 Jun 2026 08:43 WIB">15 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/31/potret-gedung-putih-disulap-jadi-arena-ufc-1780227201761_169.jpeg'
i-info='detikNews | <span d-time="1781228341" title="Jumat, 12 Jun 2026 08:39 WIB">19 menit yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8528717/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih'
i-img-qs='?w=250&q=90'
i-type='artikel 28'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612013/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="29" dtr-id="8528717" dtr-ttl="Video: Menlu AS Bicara Alasan Pemasangan Ring UFC di Halaman Gedung Putih"                href="https://20.detik.com/detikupdate/20260612-260612013/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih" 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="8528717" dtr-ttl="Video: Menlu AS Bicara Alasan Pemasangan Ring UFC di Halaman Gedung Putih"                    href="https://20.detik.com/detikupdate/20260612-260612013/video-menlu-as-bicara-alasan-pemasangan-ring-ufc-di-halaman-gedung-putih" class="media__link">
                    Video: Menlu AS Bicara Alasan Pemasangan Ring UFC di Halaman Gedung Putih                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781228341" title="Jumat, 12 Jun 2026 08:39 WIB">19 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/2018/07/02/1e613752-ca39-402b-bd1a-b91f00a1990f_169.jpeg'
i-info='detikOto | <span d-time="1781227960" title="Jumat, 12 Jun 2026 08:32 WIB">25 menit yang lalu</span>'
i-link='https://oto.detik.com/berita/d-8528713/harga-pertamax-tembus-rp-16-250-liter-purbaya-sebut-tak-semua-beralih-ke-pertalite'
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="8528713" dtr-ttl="Harga Pertamax Tembus Rp 16.250/liter, Purbaya Sebut Tak Semua Beralih ke Pertalite"                href="https://oto.detik.com/berita/d-8528713/harga-pertamax-tembus-rp-16-250-liter-purbaya-sebut-tak-semua-beralih-ke-pertalite" 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="8528713" dtr-ttl="Harga Pertamax Tembus Rp 16.250/liter, Purbaya Sebut Tak Semua Beralih ke Pertalite"                    href="https://oto.detik.com/berita/d-8528713/harga-pertamax-tembus-rp-16-250-liter-purbaya-sebut-tak-semua-beralih-ke-pertalite" class="media__link">
                    Harga Pertamax Tembus Rp 16.250/liter, Purbaya Sebut Tak Semua Beralih ke Pertalite                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227960" title="Jumat, 12 Jun 2026 08:32 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/2026/06/11/drama-korea-reborn-rookie-1781193366282_43.jpeg'
i-info='Wolipop | <span d-time="1781227958" title="Jumat, 12 Jun 2026 08:32 WIB">25 menit yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8528712/wajib-nonton-drakor-reborn-rookie-cetak-rating-tinggi-ini-sinopsisnya'
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="8528712" dtr-ttl="Wajib Nonton! Drakor Reborn Rookie Cetak Rating Tinggi, Ini Sinopsisnya"                href="https://wolipop.detik.com/entertainment-news/d-8528712/wajib-nonton-drakor-reborn-rookie-cetak-rating-tinggi-ini-sinopsisnya" 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="8528712" dtr-ttl="Wajib Nonton! Drakor Reborn Rookie Cetak Rating Tinggi, Ini Sinopsisnya"                    href="https://wolipop.detik.com/entertainment-news/d-8528712/wajib-nonton-drakor-reborn-rookie-cetak-rating-tinggi-ini-sinopsisnya" class="media__link">
                    Wajib Nonton! Drakor Reborn Rookie Cetak Rating Tinggi, Ini Sinopsisnya                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227958" title="Jumat, 12 Jun 2026 08:32 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/2025/05/15/produksi-tahu-pakai-sampah-plastik-bagaimana-menurut-anda-1747312742207.jpeg'
i-info='detikEdu | <span d-time="1781227872" title="Jumat, 12 Jun 2026 08:31 WIB">27 menit yang lalu</span>'
i-link='https://www.detik.com/edu/edutainment/d-8528368/pakar-ipb-sampah-plastik-bisa-diolah-jadi-bahan-bakar-tapi'
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="8528368" dtr-ttl="Pakar IPB: Sampah Plastik Bisa Diolah Jadi Bahan Bakar, Tapi..."                href="https://www.detik.com/edu/edutainment/d-8528368/pakar-ipb-sampah-plastik-bisa-diolah-jadi-bahan-bakar-tapi" 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="8528368" dtr-ttl="Pakar IPB: Sampah Plastik Bisa Diolah Jadi Bahan Bakar, Tapi..."                    href="https://www.detik.com/edu/edutainment/d-8528368/pakar-ipb-sampah-plastik-bisa-diolah-jadi-bahan-bakar-tapi" class="media__link">
                    Pakar IPB: Sampah Plastik Bisa Diolah Jadi Bahan Bakar, Tapi...                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227872" title="Jumat, 12 Jun 2026 08:31 WIB">27 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/11/wakil-menteri-perindustrian-faisol-riza-baju-biru-saat-berkunjung-ke-pabrik-tekstik-di-bandung-1781184870605_169.jpeg'
i-info='detikFinance | <span d-time="1781227510" title="Jumat, 12 Jun 2026 08:25 WIB">33 menit yang lalu</span>'
i-link='https://finance.detik.com/industri/d-8528705/wamenperin-sebut-industri-tekstil-ri-kuat-hadapi-pelemahan-rupiah'
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="8528705" dtr-ttl="Wamenperin Sebut Industri Tekstil RI Kuat Hadapi Pelemahan Rupiah"                href="https://finance.detik.com/industri/d-8528705/wamenperin-sebut-industri-tekstil-ri-kuat-hadapi-pelemahan-rupiah" 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="8528705" dtr-ttl="Wamenperin Sebut Industri Tekstil RI Kuat Hadapi Pelemahan Rupiah"                    href="https://finance.detik.com/industri/d-8528705/wamenperin-sebut-industri-tekstil-ri-kuat-hadapi-pelemahan-rupiah" class="media__link">
                    Wamenperin Sebut Industri Tekstil RI Kuat Hadapi Pelemahan Rupiah                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227510" title="Jumat, 12 Jun 2026 08:25 WIB">33 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/05/15/gemasnya-satrio-wiratama-panda-pertama-yang-lahir-di-indonesia-1778829909231_169.jpeg'
i-info='detikTravel | <span d-time="1781227329" title="Jumat, 12 Jun 2026 08:22 WIB">36 menit yang lalu</span>'
i-link='https://travel.detik.com/travel-news/d-8528683/terpopuler-china-senang-indonesia-bisa-menjaga-harta-nasionalnya'
i-img-qs='?w=250&q=90'
i-type='artikel 33'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="34" dtr-id="8528683" dtr-ttl="Terpopuler: China Senang Indonesia Bisa Menjaga Harta Nasionalnya "                href="https://travel.detik.com/travel-news/d-8528683/terpopuler-china-senang-indonesia-bisa-menjaga-harta-nasionalnya" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="34" dtr-id="8528683" dtr-ttl="Terpopuler: China Senang Indonesia Bisa Menjaga Harta Nasionalnya "                    href="https://travel.detik.com/travel-news/d-8528683/terpopuler-china-senang-indonesia-bisa-menjaga-harta-nasionalnya" class="media__link">
                    Terpopuler: China Senang Indonesia Bisa Menjaga Harta Nasionalnya                 </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227329" title="Jumat, 12 Jun 2026 08:22 WIB">36 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='34'
i-img='https://awsimages.detik.net.id/community/media/visual/2024/10/13/ambulan-palang-merah-lebanon-melewati-kendaraan-lapis-baja-milik-unifil-di-lebanon_169.jpeg'
i-info='detikNews | <span d-time="1781227209" title="Jumat, 12 Jun 2026 08:20 WIB">38 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8528702/2-personel-unifil-malaysia-terluka-akibat-serangan-di-lebanon'
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="8528702" dtr-ttl="2 Personel UNIFIL Malaysia Terluka Akibat Serangan di Lebanon"                href="https://news.detik.com/berita/d-8528702/2-personel-unifil-malaysia-terluka-akibat-serangan-di-lebanon" 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="8528702" dtr-ttl="2 Personel UNIFIL Malaysia Terluka Akibat Serangan di Lebanon"                    href="https://news.detik.com/berita/d-8528702/2-personel-unifil-malaysia-terluka-akibat-serangan-di-lebanon" class="media__link">
                    2 Personel UNIFIL Malaysia Terluka Akibat Serangan di Lebanon                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781227209" title="Jumat, 12 Jun 2026 08:20 WIB">38 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/04/16/putri-mahkota-norwegia-mette-marit-1776283135226_169.png'
i-info='detikHealth | <span d-time="1781226944" title="Jumat, 12 Jun 2026 08:15 WIB">42 menit yang lalu</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8528355/putri-mahkota-norwegia-idap-penyakit-langka-kini-ikut-antre-transplantasi-paru'
i-img-qs='?w=250&q=90'
i-type='artikel 35'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="36" dtr-id="8528355" dtr-ttl="Putri Mahkota Norwegia Idap Penyakit Langka, Kini Ikut Antre Transplantasi Paru"                href="https://health.detik.com/berita-detikhealth/d-8528355/putri-mahkota-norwegia-idap-penyakit-langka-kini-ikut-antre-transplantasi-paru" 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="8528355" dtr-ttl="Putri Mahkota Norwegia Idap Penyakit Langka, Kini Ikut Antre Transplantasi Paru"                    href="https://health.detik.com/berita-detikhealth/d-8528355/putri-mahkota-norwegia-idap-penyakit-langka-kini-ikut-antre-transplantasi-paru" class="media__link">
                    Putri Mahkota Norwegia Idap Penyakit Langka, Kini Ikut Antre Transplantasi Paru                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226944" title="Jumat, 12 Jun 2026 08:15 WIB">42 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='36'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/pembukaan-piala-dunia-2026-1781219501965_169.jpeg'
i-info='detikFinance | <span d-time="1781226900" title="Jumat, 12 Jun 2026 08:15 WIB">43 menit yang lalu</span>'
i-link='https://finance.detik.com/berita-ekonomi-bisnis/d-8528700/piala-dunia-di-as-sepi-hotel-dan-maskapai-batal-ketiban-durian-runtuh'
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="8528700" dtr-ttl="Piala Dunia di AS Sepi, Hotel dan Maskapai Batal Ketiban Durian Runtuh"                href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528700/piala-dunia-di-as-sepi-hotel-dan-maskapai-batal-ketiban-durian-runtuh" 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="8528700" dtr-ttl="Piala Dunia di AS Sepi, Hotel dan Maskapai Batal Ketiban Durian Runtuh"                    href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528700/piala-dunia-di-as-sepi-hotel-dan-maskapai-batal-ketiban-durian-runtuh" class="media__link">
                    Piala Dunia di AS Sepi, Hotel dan Maskapai Batal Ketiban Durian Runtuh                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226900" title="Jumat, 12 Jun 2026 08:15 WIB">43 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/2025/08/05/ilustrasi-menggunakan-smartphone-atau-ponsel-1754383000994_169.jpeg'
i-info='detikInet | <span d-time="1781226869" title="Jumat, 12 Jun 2026 08:14 WIB">43 menit yang lalu</span>'
i-link='https://inet.detik.com/cyberlife/d-8528701/smartphone-disebut-jadi-biang-kerok-penurunan-angka-kelahiran'
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="8528701" dtr-ttl="Smartphone Disebut Jadi Biang Kerok Penurunan Angka Kelahiran"                href="https://inet.detik.com/cyberlife/d-8528701/smartphone-disebut-jadi-biang-kerok-penurunan-angka-kelahiran" 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="8528701" dtr-ttl="Smartphone Disebut Jadi Biang Kerok Penurunan Angka Kelahiran"                    href="https://inet.detik.com/cyberlife/d-8528701/smartphone-disebut-jadi-biang-kerok-penurunan-angka-kelahiran" class="media__link">
                    Smartphone Disebut Jadi Biang Kerok Penurunan Angka Kelahiran                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226869" title="Jumat, 12 Jun 2026 08:14 WIB">43 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='38'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/mobil-maung-yang-dipakai-presiden-prabowo-subianto-dok-instagram-pt-pindad-1781226462679_169.jpeg'
i-info='detikNews | <span d-time="1781226857" title="Jumat, 12 Jun 2026 08:14 WIB">44 menit yang lalu</span>'
i-link='https://news.detik.com/berita/d-8528698/respons-pindad-soal-prabowo-cerita-tidur-di-mobil-maung-atapnya-bocor'
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="8528698" dtr-ttl="Respons Pindad soal Prabowo Cerita Tidur di Mobil Maung Atapnya Bocor"                href="https://news.detik.com/berita/d-8528698/respons-pindad-soal-prabowo-cerita-tidur-di-mobil-maung-atapnya-bocor" 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="8528698" dtr-ttl="Respons Pindad soal Prabowo Cerita Tidur di Mobil Maung Atapnya Bocor"                    href="https://news.detik.com/berita/d-8528698/respons-pindad-soal-prabowo-cerita-tidur-di-mobil-maung-atapnya-bocor" class="media__link">
                    Respons Pindad soal Prabowo Cerita Tidur di Mobil Maung Atapnya Bocor                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226857" title="Jumat, 12 Jun 2026 08:14 WIB">44 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/12/02/ilustrasi-mobil-lcgc-1764659953386_169.jpeg'
i-info='detikOto | <span d-time="1781226763" title="Jumat, 12 Jun 2026 08:12 WIB">45 menit yang lalu</span>'
i-link='https://oto.detik.com/mobil/d-8528696/daftar-harga-mobil-lcgc-terbaru-sekarang-paling-murah-segini'
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="8528696" dtr-ttl="Daftar Harga Mobil LCGC Terbaru, Sekarang Paling Murah Segini"                href="https://oto.detik.com/mobil/d-8528696/daftar-harga-mobil-lcgc-terbaru-sekarang-paling-murah-segini" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="40" dtr-id="8528696" dtr-ttl="Daftar Harga Mobil LCGC Terbaru, Sekarang Paling Murah Segini"                    href="https://oto.detik.com/mobil/d-8528696/daftar-harga-mobil-lcgc-terbaru-sekarang-paling-murah-segini" class="media__link">
                    Daftar Harga Mobil LCGC Terbaru, Sekarang Paling Murah Segini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226763" title="Jumat, 12 Jun 2026 08:12 WIB">45 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/2026/06/12/justin-hubner-1781222737827_169.png'
i-info='detikHot | <span d-time="1781226535" title="Jumat, 12 Jun 2026 08:08 WIB">49 menit yang lalu</span>'
i-link='https://hot.detik.com/celeb/d-8528649/senyum-justin-hubner-dikabarkan-akan-nikahi-jennifer-coppen-hari-ini'
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">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 9 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="41" dtr-id="8528649" dtr-ttl="Senyum Justin Hubner Dikabarkan akan Nikahi Jennifer Coppen Hari Ini"                href="https://hot.detik.com/celeb/d-8528649/senyum-justin-hubner-dikabarkan-akan-nikahi-jennifer-coppen-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">
                            <h2 class="media__subtitle">Hot Photo</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="41" dtr-id="8528649" dtr-ttl="Senyum Justin Hubner Dikabarkan akan Nikahi Jennifer Coppen Hari Ini"                    href="https://hot.detik.com/celeb/d-8528649/senyum-justin-hubner-dikabarkan-akan-nikahi-jennifer-coppen-hari-ini" class="media__link">
                    Senyum Justin Hubner Dikabarkan akan Nikahi Jennifer Coppen Hari Ini                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226535" title="Jumat, 12 Jun 2026 08:08 WIB">49 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/11/tangga-unik-1781176176986_169.jpeg'
i-info='detikProperti | <span d-time="1781226436" title="Jumat, 12 Jun 2026 08:07 WIB">51 menit yang lalu</span>'
i-link='https://www.detik.com/properti/foto-arsitektur/d-8528224/foto-desain-tangga-nyeleneh-yang-bikin-kaki-gemetar'
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">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 7 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="42" dtr-id="8528224" dtr-ttl="Foto: Desain Tangga Nyeleneh yang Bikin Kaki Gemetar!"                href="https://www.detik.com/properti/foto-arsitektur/d-8528224/foto-desain-tangga-nyeleneh-yang-bikin-kaki-gemetar" 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="8528224" dtr-ttl="Foto: Desain Tangga Nyeleneh yang Bikin Kaki Gemetar!"                    href="https://www.detik.com/properti/foto-arsitektur/d-8528224/foto-desain-tangga-nyeleneh-yang-bikin-kaki-gemetar" class="media__link">
                    Foto: Desain Tangga Nyeleneh yang Bikin Kaki Gemetar!                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226436" title="Jumat, 12 Jun 2026 08:07 WIB">51 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/2025/12/25/ilustrasi-mbg-1766632589617_169.jpeg'
i-info='detikHealth | <span d-time="1781226331" title="Jumat, 12 Jun 2026 08:05 WIB">52 menit yang lalu</span>'
i-link='https://health.detik.com/berita-detikhealth/d-8528692/program-mbg-bengkak-rp-1-triliun-sebulan-ribuan-sppg-bakal-ditutup'
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="8528692" dtr-ttl="Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?"                href="https://health.detik.com/berita-detikhealth/d-8528692/program-mbg-bengkak-rp-1-triliun-sebulan-ribuan-sppg-bakal-ditutup" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="43" dtr-id="8528692" dtr-ttl="Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?"                    href="https://health.detik.com/berita-detikhealth/d-8528692/program-mbg-bengkak-rp-1-triliun-sebulan-ribuan-sppg-bakal-ditutup" class="media__link">
                    Program MBG Bengkak Rp 1 Triliun Sebulan, Ribuan SPPG Bakal Ditutup?                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226331" title="Jumat, 12 Jun 2026 08:05 WIB">52 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/2025/08/29/ilustrasi-ekonomi-syariah-1756438657817.jpeg'
i-info='detikEdu | <span d-time="1781226097" title="Jumat, 12 Jun 2026 08:01 WIB">56 menit yang lalu</span>'
i-link='https://www.detik.com/edu/detikpedia/d-8528362/pakar-temukan-tolok-ukur-penting-dalam-belajar-ekonomi-perasaan-bahagia'
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="8528362" dtr-ttl="Pakar Temukan Tolok Ukur Penting dalam Belajar Ekonomi: Perasaan Bahagia"                href="https://www.detik.com/edu/detikpedia/d-8528362/pakar-temukan-tolok-ukur-penting-dalam-belajar-ekonomi-perasaan-bahagia" 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="8528362" dtr-ttl="Pakar Temukan Tolok Ukur Penting dalam Belajar Ekonomi: Perasaan Bahagia"                    href="https://www.detik.com/edu/detikpedia/d-8528362/pakar-temukan-tolok-ukur-penting-dalam-belajar-ekonomi-perasaan-bahagia" class="media__link">
                    Pakar Temukan Tolok Ukur Penting dalam Belajar Ekonomi: Perasaan Bahagia                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226097" title="Jumat, 12 Jun 2026 08:01 WIB">56 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/2024/06/14/gaya-kanye-west-dan-bianca-censori-di-tokyo_43.jpeg'
i-info='Wolipop | <span d-time="1781226088" title="Jumat, 12 Jun 2026 08:01 WIB">56 menit yang lalu</span>'
i-link='https://wolipop.detik.com/entertainment-news/d-8528689/model-ungkap-kanye-west-mendadak-mencekiknya-saat-syuting-video-klip'
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="8528689" dtr-ttl="Model Ungkap Kanye West Mendadak Mencekiknya Saat Syuting Video Klip"                href="https://wolipop.detik.com/entertainment-news/d-8528689/model-ungkap-kanye-west-mendadak-mencekiknya-saat-syuting-video-klip" 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="8528689" dtr-ttl="Model Ungkap Kanye West Mendadak Mencekiknya Saat Syuting Video Klip"                    href="https://wolipop.detik.com/entertainment-news/d-8528689/model-ungkap-kanye-west-mendadak-mencekiknya-saat-syuting-video-klip" class="media__link">
                    Model Ungkap Kanye West Mendadak Mencekiknya Saat Syuting Video Klip                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226088" title="Jumat, 12 Jun 2026 08:01 WIB">56 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/12/logo-piala-dunia-2026-1781218052585_169.jpeg'
i-info='Sepakbola | <span d-time="1781226046" title="Jumat, 12 Jun 2026 08:00 WIB">57 menit yang lalu</span>'
i-link='https://sport.detik.com/sepakbola/bola-dunia/d-8528582/tanding-sebentar-lagi-ini-link-streaming-korea-selatan-vs-ceko'
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="8528582" dtr-ttl="Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko"                href="https://sport.detik.com/sepakbola/bola-dunia/d-8528582/tanding-sebentar-lagi-ini-link-streaming-korea-selatan-vs-ceko" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="46" dtr-id="8528582" dtr-ttl="Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko"                    href="https://sport.detik.com/sepakbola/bola-dunia/d-8528582/tanding-sebentar-lagi-ini-link-streaming-korea-selatan-vs-ceko" class="media__link">
                    Tanding Sebentar Lagi! Ini Link Streaming Korea Selatan Vs Ceko                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226046" title="Jumat, 12 Jun 2026 08:00 WIB">57 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/11/ben-affleck-1781156782851_169.png'
i-info='detikPop | <span d-time="1781226037" title="Jumat, 12 Jun 2026 08:00 WIB">57 menit yang lalu</span>'
i-link='https://www.detik.com/pop/foto/d-8527752/lihat-aksi-para-aktor-top-hollywood-sebelum-terkenal'
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">
                                        <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-camera-bg"></i> 9 Foto
                </div>
                                    
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="47" dtr-id="8527752" dtr-ttl="Lihat Aksi Para Aktor Top Hollywood Sebelum Terkenal"                href="https://www.detik.com/pop/foto/d-8527752/lihat-aksi-para-aktor-top-hollywood-sebelum-terkenal" 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">Pop Photos</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="47" dtr-id="8527752" dtr-ttl="Lihat Aksi Para Aktor Top Hollywood Sebelum Terkenal"                    href="https://www.detik.com/pop/foto/d-8527752/lihat-aksi-para-aktor-top-hollywood-sebelum-terkenal" class="media__link">
                    Lihat Aksi Para Aktor Top Hollywood Sebelum Terkenal                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226037" title="Jumat, 12 Jun 2026 08:00 WIB">57 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/05/secte-ayam-pop-1780645710237.jpeg'
i-info='detikFood | <span d-time="1781226020" title="Jumat, 12 Jun 2026 08:00 WIB">58 menit yang lalu</span>'
i-link='https://food.detik.com/foto-kuliner/d-8527567/kulineran-ke-blok-m-hub-jangan-lupa-coba-sekte-ayam-pop-yang-viral'
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">
                                        <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="48" dtr-id="8527567" dtr-ttl="Kulineran ke Blok M Hub? Jangan Lupa Coba &#039;Sekte&#039; Ayam Pop yang Viral"                href="https://food.detik.com/foto-kuliner/d-8527567/kulineran-ke-blok-m-hub-jangan-lupa-coba-sekte-ayam-pop-yang-viral" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                            <h2 class="media__subtitle">Galeri Foto</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="48" dtr-id="8527567" dtr-ttl="Kulineran ke Blok M Hub? Jangan Lupa Coba &#039;Sekte&#039; Ayam Pop yang Viral"                    href="https://food.detik.com/foto-kuliner/d-8527567/kulineran-ke-blok-m-hub-jangan-lupa-coba-sekte-ayam-pop-yang-viral" class="media__link">
                    Kulineran ke Blok M Hub? Jangan Lupa Coba 'Sekte' Ayam Pop yang Viral                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226020" title="Jumat, 12 Jun 2026 08:00 WIB">58 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='48'
i-img='https://awsimages.detik.net.id/community/media/visual/2020/08/13/aunur-rofiq_169.jpeg'
i-info='detikHikmah | <span d-time="1781226020" title="Jumat, 12 Jun 2026 08:00 WIB">58 menit yang lalu</span>'
i-link='https://www.detik.com/hikmah/dakwah/d-8527798/talkin'
i-img-qs='?w=250&q=90'
i-type='artikel 48'
i-img-ratio='43'
i-dtre='true'>
    <div class="media media--left media--image-radius" d-append-class="block-link">
        <div class="media__image">
                                                
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="49" dtr-id="8527798" dtr-ttl="Talkin"                href="https://www.detik.com/hikmah/dakwah/d-8527798/talkin" 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">Kolom Hikmah</h2>
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="49" dtr-id="8527798" dtr-ttl="Talkin"                    href="https://www.detik.com/hikmah/dakwah/d-8527798/talkin" class="media__link">
                    Talkin                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226020" title="Jumat, 12 Jun 2026 08:00 WIB">58 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='49'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/08/profil-said-iqbal-1780915693725_169.png'
i-info='detikFinance | <span d-time="1781226000" title="Jumat, 12 Jun 2026 08:00 WIB">58 menit yang lalu</span>'
i-link='https://finance.detik.com/berita-ekonomi-bisnis/d-8528497/said-iqbal-usulkan-hanya-4-pekerjaan-ini-pakai-outsourcing'
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="8528497" dtr-ttl="Said Iqbal Usulkan Hanya 4 Pekerjaan Ini Pakai Outsourcing"                href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528497/said-iqbal-usulkan-hanya-4-pekerjaan-ini-pakai-outsourcing" 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="8528497" dtr-ttl="Said Iqbal Usulkan Hanya 4 Pekerjaan Ini Pakai Outsourcing"                    href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528497/said-iqbal-usulkan-hanya-4-pekerjaan-ini-pakai-outsourcing" class="media__link">
                    Said Iqbal Usulkan Hanya 4 Pekerjaan Ini Pakai Outsourcing                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781226000" title="Jumat, 12 Jun 2026 08:00 WIB">58 menit 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/05/23/presiden-as-donald-trump-1779507305818.jpeg'
i-info='detikNews | <span d-time="1781225994" title="Jumat, 12 Jun 2026 07:59 WIB">58 menit yang lalu</span>'
i-link='https://news.detik.com/detiktv/d-8528688/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai'
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">
                                                    <div class="media__icon media__icon--top-right">
                    <i class="icon icon--xs icon-play-bg"></i> <span d-widget="video_duration" d-params="https://20.detik.com/detikupdate/20260612-260612012/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai"></span>
                </div>
                        
            <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="51" dtr-id="8528688" dtr-ttl="Video: Trump Batalkan Serangan ke Iran, Klaim Kesepakatan Bakal Tercapai"                href="https://20.detik.com/detikupdate/20260612-260612012/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai" class="ai_link media__link">
                <span class="ratiobox ratiobox--4-3 ai_lqd ph-item" d-append-class="lqd">
                    <div class="ai_img ph-picture"></div>
                </span>
            </a>
        </div>
        <div class="media__text ph-item">
                        <h3 class="media__title">
                <a dtr-evt="newsfeed" dtr-sec="" dtr-act="artikel" onclick="_pt(this)" dtr-idx="51" dtr-id="8528688" dtr-ttl="Video: Trump Batalkan Serangan ke Iran, Klaim Kesepakatan Bakal Tercapai"                    href="https://20.detik.com/detikupdate/20260612-260612012/video-trump-batalkan-serangan-ke-iran-klaim-kesepakatan-bakal-tercapai" class="media__link">
                    Video: Trump Batalkan Serangan ke Iran, Klaim Kesepakatan Bakal Tercapai                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781225994" title="Jumat, 12 Jun 2026 07:59 WIB">58 menit yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='51'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/10/suparman-53-perampok-yang-membunuh-bilqis-11-di-desa-dawung-sragen-saat-dibawa-ke-polres-sragen-rabu-1062026-1781098679877_169.jpeg'
i-info='detikJateng | <span d-time="1781225680" title="Jumat, 12 Jun 2026 07:54 WIB">1 jam yang lalu</span>'
i-link='https://www.detik.com/jateng/hukum-dan-kriminal/d-8528547/cerita-polisi-selami-bengawan-solo-demi-usut-pembunuh-bilqis-bocah-sragen'
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="8528547" dtr-ttl="Cerita Polisi Selami Bengawan Solo demi Usut Pembunuh Bilqis Bocah Sragen"                href="https://www.detik.com/jateng/hukum-dan-kriminal/d-8528547/cerita-polisi-selami-bengawan-solo-demi-usut-pembunuh-bilqis-bocah-sragen" 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="8528547" dtr-ttl="Cerita Polisi Selami Bengawan Solo demi Usut Pembunuh Bilqis Bocah Sragen"                    href="https://www.detik.com/jateng/hukum-dan-kriminal/d-8528547/cerita-polisi-selami-bengawan-solo-demi-usut-pembunuh-bilqis-bocah-sragen" class="media__link">
                    Cerita Polisi Selami Bengawan Solo demi Usut Pembunuh Bilqis Bocah Sragen                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781225680" title="Jumat, 12 Jun 2026 07:54 WIB">1 jam yang lalu</span>             </div>
        </div>
    </div></article>
            
                                                                                                                                                                                                                                
            
                                        
                            <article class="ph_newsfeed_d article_inview list-content__item"
i-loop='52'
i-img='https://awsimages.detik.net.id/community/media/visual/2026/06/12/derrick-michael-xzavierro-1781223773996_169.jpeg'
i-info='detikSport | <span d-time="1781225400" title="Jumat, 12 Jun 2026 07:50 WIB">1 jam yang lalu</span>'
i-link='https://sport.detik.com/basket/d-8528681/gabung-klub-basket-jepang-derrick-michael-mulai-karier-profesional'
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="8528681" dtr-ttl="Gabung Klub Basket Jepang, Derrick Michael Mulai Karier Profesional"                href="https://sport.detik.com/basket/d-8528681/gabung-klub-basket-jepang-derrick-michael-mulai-karier-profesional" 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="8528681" dtr-ttl="Gabung Klub Basket Jepang, Derrick Michael Mulai Karier Profesional"                    href="https://sport.detik.com/basket/d-8528681/gabung-klub-basket-jepang-derrick-michael-mulai-karier-profesional" class="media__link">
                    Gabung Klub Basket Jepang, Derrick Michael Mulai Karier Profesional                </a>
            </h3>
                         <div class="media__date">
                 <span d-time="1781225400" title="Jumat, 12 Jun 2026 07:50 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=202606120825" alt="logo RekomendIt" />
 </a>
 <div class="cb-rekomendit__cta">
 <p>Rekomendasi Produk Terbaik untuk Kamu</p>
 <a dtr-evt="box rekomendit" dtr-sec="lihat selengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://rekomendit.detik.com">Selengkapnya</a>
 </div>
 <div style="position: relative;">
 <!-- Slider main container -->
 <div class="swiper" style="width: 100%;">
 <!-- Additional required wrapper -->
 <div class="swiper-wrapper">
 <!-- Slides -->
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="1" dtr-ttl="Longchamp Le Pliage Green M Tote Bag: Tas Ikonik Prancis yang Bikin Outfit Lebih Rapi dan Cantik" href="https://rekomendit.detik.com/pakaian-wanita/2779/longchamp-le-pliage-green-m-tote-bag-tas-ikonik-prancis-yang-bikin-outfit-lebih-rapi-dan-cantik"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/12/zalora-1781200462591_169.webp?w=200&q=90" alt="Longchamp Le Pliage Green M Tote Bag: Tas Ikonik Prancis yang Bikin Outfit Lebih Rapi dan Cantik" />
 <span>Pakaian Wanita</span>
 <p>Longchamp Le Pliage Green M Tote Bag: Tas Ikonik Prancis yang Bikin Outfit Lebih Rapi dan Cantik</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="2" dtr-ttl="3 Outer Wanita Lokal Indonesia yang Bikin Penampilan Langsung Stand Out" href="https://rekomendit.detik.com/pakaian-wanita/2778/3-outer-wanita-lokal-indonesia-yang-bikin-penampilan-langsung-stand-out"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/12/sissae-indonesia-official-shop-1781201872173_169.png?w=200&q=90" alt="3 Outer Wanita Lokal Indonesia yang Bikin Penampilan Langsung Stand Out" />
 <span>Pakaian Wanita</span>
 <p>3 Outer Wanita Lokal Indonesia yang Bikin Penampilan Langsung Stand Out</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="3" dtr-ttl="Mau Beli Power Bank Tapi Bingung Pilih Kapasitas? Ini Panduannya Sebelum Checkout" href="https://rekomendit.detik.com/elektronik-gadget/2777/mau-beli-power-bank-tapi-bingung-pilih-kapasitas-ini-panduannya-sebelum-checkout"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/05/22/7-kepribadian-orang-yang-bicara-sambil-memeriksa-hp-tidak-menatap-lawan-bicara-1779428093340_169.jpeg?w=200&q=90" alt="Mau Beli Power Bank Tapi Bingung Pilih Kapasitas? Ini Panduannya Sebelum Checkout" />
 <span>Elektronik & Gadget</span>
 <p>Mau Beli Power Bank Tapi Bingung Pilih Kapasitas? Ini Panduannya Sebelum Checkout</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="4" dtr-ttl="Bingung Pilih Headphone Premium? Ini 3 Pilihan Terbaik untuk Audiofil dan Traveler" href="https://rekomendit.detik.com/elektronik-gadget/2776/bingung-pilih-headphone-premium-ini-3-pilihan-terbaik-untuk-audiofil-dan-traveler"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2021/07/14/1254184958_169.jpeg?w=200&q=90" alt="Bingung Pilih Headphone Premium? Ini 3 Pilihan Terbaik untuk Audiofil dan Traveler" />
 <span>Elektronik & Gadget</span>
 <p>Bingung Pilih Headphone Premium? Ini 3 Pilihan Terbaik untuk Audiofil dan Traveler</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="5" dtr-ttl="Ravelle Aeris Air Purifier HEPA H13: Solusi Udara Bersih untuk Pemilik Hewan Peliharaan?" href="https://rekomendit.detik.com/home-living/2775/ravelle-aeris-air-purifier-hepa-h13-solusi-udara-bersih-untuk-pemilik-hewan-peliharaan"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2026/06/11/ravelle-official-shop-1781169699267_169.png?w=200&q=90" alt="Ravelle Aeris Air Purifier HEPA H13: Solusi Udara Bersih untuk Pemilik Hewan Peliharaan?" />
 <span>Home & Living</span>
 <p>Ravelle Aeris Air Purifier HEPA H13: Solusi Udara Bersih untuk Pemilik Hewan Peliharaan?</p>
 </a>
 </div>
 <div class="swiper-slide">
 <a dtr-evt="box rekomendit" dtr-sec="artikel rekomendit" dtr-act="artikel rekomendit" onclick="_pt(this)" dtr-idx="6" dtr-ttl="Garmin Forerunner 55: Jam Lari Pertama yang Beneran Worth It untuk Pemula?" href="https://rekomendit.detik.com/elektronik-gadget/2774/garmin-forerunner-55-jam-lari-pertama-yang-beneran-worth-it-untuk-pemula"
 class="cb-rekomendit__item">
 <img src="https://awsimages.detik.net.id/visual/2018/01/04/55e65723-ce15-444c-a938-499bf9757ddd_169.jpeg?w=200&q=90" alt="Garmin Forerunner 55: Jam Lari Pertama yang Beneran Worth It untuk Pemula?" />
 <span>Elektronik & Gadget</span>
 <p>Garmin Forerunner 55: Jam Lari Pertama yang Beneran Worth It untuk Pemula?</p>
 </a>
 </div>
 </div>
 </div>
 <div class="swiper-pagination" style="margin-top: 12px;"></div>
 <div dtr-evt="box rekomendit" dtr-sec="button prev" dtr-act="button prev" onclick="_pt(this)" class="swiper-button-prev">
 <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: rotate(180deg);">
 <path d="M6.11706 7.56463L0.403933 2.804C0.175896 2.61246 0.0330534 2.33836 0.00668716 2.04172C-0.0196781 1.74508 0.0725813 1.45009 0.263262 1.22133C0.453941 0.992572 0.727503 0.848698 1.02404 0.821213C1.32057 0.793729 1.61592 0.884875 1.84539 1.07469L8.59568 6.69995C8.72225 6.8057 8.82406 6.93795 8.89393 7.08736C8.96379 7.23676 9 7.39969 9 7.56462C9 7.72955 8.96379 7.89248 8.89393 8.04188C8.82406 8.19129 8.72225 8.32354 8.59568 8.42929L1.84539 14.0545C1.61602 14.2453 1.32032 14.3371 1.02325 14.31C0.726178 14.2828 0.452032 14.1389 0.261031 13.9097C0.0700302 13.6806 -0.0222034 13.385 0.00459099 13.0879C0.0313845 12.7908 0.175016 12.5165 0.403933 12.3252L6.11706 7.56463Z" fill="white"/>
 </svg>
 </div>
 <div dtr-evt="box rekomendit" dtr-sec="button next" dtr-act="button next" onclick="_pt(this)" class="swiper-button-next">
 <svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.11706 7.56463L0.403933 2.804C0.175896 2.61246 0.0330534 2.33836 0.00668716 2.04172C-0.0196781 1.74508 0.0725813 1.45009 0.263262 1.22133C0.453941 0.992572 0.727503 0.848698 1.02404 0.821213C1.32057 0.793729 1.61592 0.884875 1.84539 1.07469L8.59568 6.69995C8.72225 6.8057 8.82406 6.93795 8.89393 7.08736C8.96379 7.23676 9 7.39969 9 7.56462C9 7.72955 8.96379 7.89248 8.89393 8.04188C8.82406 8.19129 8.72225 8.32354 8.59568 8.42929L1.84539 14.0545C1.61602 14.2453 1.32032 14.3371 1.02325 14.31C0.726178 14.2828 0.452032 14.1389 0.261031 13.9097C0.0700302 13.6806 -0.0222034 13.385 0.00459099 13.0879C0.0313845 12.7908 0.175016 12.5165 0.403933 12.3252L6.11706 7.56463Z" fill="white"/>
 </svg>
 </div>
 </div>
</div>`;
 constructor() {
 super();
 this.attachShadow({ mode: "open" });
 this.shadowRoot.innerHTML = CbRekomendit.html;
 }
 async connectedCallback() {
 const SwiperModule = await import(
 "https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.mjs"
 );
 const Swiper = SwiperModule.Swiper || SwiperModule.default;
 new Swiper(this.shadowRoot.querySelector(".swiper"), {
 loop: true,
 slidesPerView: 2,
 slidesPerGroup: 2,
 spaceBetween: 10,
 pagination: {
 el: this.shadowRoot.querySelector(".swiper-pagination"),
 clickable: true,
 },
 navigation: {
 nextEl: this.shadowRoot.querySelector(".swiper-button-next"),
 prevEl: this.shadowRoot.querySelector(".swiper-button-prev"),
 },
 scrollbar: {
 el: this.shadowRoot.querySelector(".swiper-scrollbar"),
 draggable: true,
 },
 });
 }
 }
 customElements.define("cb-rekomendit", CbRekomendit);
 </script>
</div>
<!-- E : CB rekomendIt --><!--cached @ 1781229318--><!--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=202606120825" 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=202606120825" 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=202606120825" 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-8526635/dukung-akses-pendidikan-merata-wika-kebut-proyek-sekolah-rakyat-di-jateng" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/10/proyek-sekolah-rakyat-di-jateng-1781090329573_169.jpeg?w=250&q=90" alt="Dukung Akses Pendidikan Merata, WIKA Kebut Proyek Sekolah Rakyat di Jateng" title="Dukung Akses Pendidikan Merata, WIKA Kebut Proyek Sekolah Rakyat di Jateng" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8526635/dukung-akses-pendidikan-merata-wika-kebut-proyek-sekolah-rakyat-di-jateng" class="media__link">
                                Dukung Akses Pendidikan Merata, WIKA Kebut Proyek Sekolah Rakyat di Jateng                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8526447/nindya-karya-bangun-sekolah-rakyat-trenggalek-dengan-sentuhan-budaya" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/10/nindya-karya-bangun-sekolah-rakyat-trenggalek-dengan-sentuhan-budaya-1781084320804_169.jpeg?w=250&q=90" alt="Nindya Karya Bangun Sekolah Rakyat Trenggalek dengan Sentuhan Budaya" title="Nindya Karya Bangun Sekolah Rakyat Trenggalek dengan Sentuhan Budaya" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8526447/nindya-karya-bangun-sekolah-rakyat-trenggalek-dengan-sentuhan-budaya" class="media__link">
                                Nindya Karya Bangun Sekolah Rakyat Trenggalek dengan Sentuhan Budaya                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8524132/unik-sekolah-rakyat-garapan-nindya-karya-berdiri-di-kawasan-berkontur" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/09/unik-sekolah-rakyat-garapan-nindya-karya-berdiri-di-kawasan-berkontur-1780976037976_169.jpeg?w=250&q=90" alt="Unik! Sekolah Rakyat Garapan Nindya Karya Berdiri di Kawasan Berkontur" title="Unik! Sekolah Rakyat Garapan Nindya Karya Berdiri di Kawasan Berkontur" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8524132/unik-sekolah-rakyat-garapan-nindya-karya-berdiri-di-kawasan-berkontur" class="media__link">
                                Unik! Sekolah Rakyat Garapan Nindya Karya Berdiri di Kawasan Berkontur                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8523168/11-272-pekerja-waskita-karya-geber-pembangunan-sekolah-rakyat-4-provinsi" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/08/waskita-karya-1780909715368_169.jpeg?w=250&q=90" alt="11.272 Pekerja Waskita Karya Geber Pembangunan Sekolah Rakyat 4 Provinsi" title="11.272 Pekerja Waskita Karya Geber Pembangunan Sekolah Rakyat 4 Provinsi" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8523168/11-272-pekerja-waskita-karya-geber-pembangunan-sekolah-rakyat-4-provinsi" class="media__link">
                                11.272 Pekerja Waskita Karya Geber Pembangunan Sekolah Rakyat 4 Provinsi                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <article class="list-content__item column-6">
                    <div class="media media--image-radius block-link">
                        <div class="media__image">
                            <a href="https://finance.detik.com/infrastruktur/d-8518047/bangun-69-gedung-sppg-di-15-provinsi-pt-pp-ungkap-keunggulannya" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/04/ilustrasi-gedung-sppg-1780567435178_169.jpeg?w=250&q=90" alt="Bangun 69 Gedung SPPG di 15 Provinsi, PT PP Ungkap Keunggulannya" title="Bangun 69 Gedung SPPG di 15 Provinsi, PT PP Ungkap Keunggulannya" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8518047/bangun-69-gedung-sppg-di-15-provinsi-pt-pp-ungkap-keunggulannya" class="media__link">
                                Bangun 69 Gedung SPPG di 15 Provinsi, PT PP Ungkap Keunggulannya                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                                            <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-8517371/digarap-nindya-karya-sekolah-rakyat-jember-hadirkan-ruang-generasi-muda" class="media__link">
                                <span class="ratiobox ratiobox--16-9 lqd">
                                      <img src="https://awsimages.detik.net.id/community/media/visual/2026/06/04/digarap-nindya-karya-sekolah-rakyat-jember-hadirkan-ruang-generasi-muda-1780547788526_169.jpeg?w=250&q=90" alt="Digarap Nindya Karya, Sekolah Rakyat Jember Hadirkan Ruang Generasi Muda" title="Digarap Nindya Karya, Sekolah Rakyat Jember Hadirkan Ruang Generasi Muda" class="" />                                </span>
                            </a>
                        </div>
                        <div class="media__text">
                            <div class="media__title">
                                <a href="https://finance.detik.com/infrastruktur/d-8517371/digarap-nindya-karya-sekolah-rakyat-jember-hadirkan-ruang-generasi-muda" class="media__link">
                                Digarap Nindya Karya, Sekolah Rakyat Jember Hadirkan Ruang Generasi Muda                            </a>
                            </div>
                        </div>
                    </div>
                </article>
                    </div>
    </div>
</div>

            

            <!-- s:tag terpopuler -->
<div class="box terpopuler">
 <div class="box__header">
 <h2 class="box__title">Tag Terpopuler</h2>
 </div>
 <div class="list-content ">
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="1" dtr-ttl="piala dunia 2026" href="https://www.detik.com/tag/piala-dunia-2026"
 class="media__link">
 piala dunia 2026 </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="2" dtr-ttl="timnas indonesia u-19" href="https://www.detik.com/tag/timnas-indonesia-u_19"
 class="media__link">
 timnas indonesia u-19 </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="3" dtr-ttl="kejaksaan agung" href="https://www.detik.com/tag/kejaksaan-agung"
 class="media__link">
 kejaksaan agung </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="4" dtr-ttl="juara bola 2026" href="https://www.detik.com/tag/juara-bola-2026"
 class="media__link">
 juara bola 2026 </a>
 </h3>
 </div>
 </div>
 </article>
 
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#</span>
 <h3 class="media__title">
 <a dtr-evt="box tag populer" dtr-sec="" dtr-act="tag" onclick="_pt(this)" dtr-idx="5" dtr-ttl="badan gizi nasional" href="https://www.detik.com/tag/badan-gizi-nasional"
 class="media__link">
 badan gizi nasional </a>
 </h3>
 </div>
 </div>
 </article>
 
 </div>
</div>
<!-- e:tag terpopuler -->
<!--cached @ 1781229319--><!--replaced-->
            <!-- S:mediumrectangle3 --><style>
@import url("https://awscdnstatic.detik.net.id/live/_rmbassets/mr2-scrollpage/scrollpage.css");
</style>
<div class="mr mr3" id="mr3" style="width: 300px;height: 500px;background-color:#F8F8F8; margin: 20px auto;">
<div class="mr2-scrollpage-container">
<div class="mr2-scrollpage-height" style="height: 500px;margin: auto">
<div class="mr2-scrollpage-box">
<div class="mr2-scrollpage-top" style="top:90px;">
<div class="mr2-scrollpage-banner" style="background-color: #ff000000; height: 250px; width: 100%;">
    <!-- /4905536/detik_desktop/wp/medium_rectangle3 -->
    <div id='div-gpt-ad-1631082776371-0'>
       <script>
            googletag.cmd.push(function () {
                googletag.display('div-gpt-ad-1631082776371-0');
            });
        </script> 
    </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- E:mediumrectangle3 -->            <!-- S:mediumrectangle4 --><div class="box-ads text-center mr4" style="background-color:#F8F8F8;height: 250px;position:relative;width: 300px;margin:auto">
    <ins data-labelname="mediumrectangle4" data-revive-zoneid="232" data-revive-id="0cceecb9cae9f51a31123c541910d59b"></ins>
</div> <!-- E:mediumrectangle4 -->
            <div class="box cb-mostpop">
                <div class="box__header">
 <h2 class="box__title">Berita Terpopuler</h2>
</div>
<div class="list-content">
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#1</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="1" dtr-id="8528668" dtr-ttl="Maling Toko di Mojokerto Tinggalkan Surat Permintaan Maaf, Ini Isinya" href="https://news.detik.com/berita/d-8528668/maling-toko-di-mojokerto-tinggalkan-surat-permintaan-maaf-ini-isinya"
 class="media__link">
 Maling Toko di Mojokerto Tinggalkan Surat Permintaan Maaf, Ini Isinya </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781224973" title="Jumat, 12 Jun 2026 07:42 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 ">#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="8528614" dtr-ttl="Ada Demo BEM UI Hari Ini, Pengendara Diimbau Hindari Arah Bundaran HI" href="https://news.detik.com/berita/d-8528614/ada-demo-bem-ui-hari-ini-pengendara-diimbau-hindari-arah-bundaran-hi"
 class="media__link">
 Ada Demo BEM UI Hari Ini, Pengendara Diimbau Hindari Arah Bundaran HI </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781221127" title="Jumat, 12 Jun 2026 06:38 WIB">2 jam yang lalu</span></div>
 </div>
 </article>
 <article class="list-content__item">
 <div class="media">
 <div class="media__text text-list">
 <span class="text-list__data ">#3</span>
 <h3 class="media__title">
 <a dtr-evt="box artikel terpopuler" dtr-sec="" dtr-act="terpopuler" onclick="_pt(this)" dtr-idx="3" dtr-id="8528594" dtr-ttl="Basa-basi Raffi Ahmad di Balik Nama Diseret-seret di Kasus Bea Cukai" href="https://news.detik.com/berita/d-8528594/basa-basi-raffi-ahmad-di-balik-nama-diseret-seret-di-kasus-bea-cukai"
 class="media__link">
 Basa-basi Raffi Ahmad di Balik Nama Diseret-seret di Kasus Bea Cukai </a>
 </h3>
 </div>
 <div class="media__date">detikNews | <span d-time="1781219983" title="Jumat, 12 Jun 2026 06:19 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 ">#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="8528700" dtr-ttl="Piala Dunia di AS Sepi, Hotel dan Maskapai Batal Ketiban Durian Runtuh" href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528700/piala-dunia-di-as-sepi-hotel-dan-maskapai-batal-ketiban-durian-runtuh"
 class="media__link">
 Piala Dunia di AS Sepi, Hotel dan Maskapai Batal Ketiban Durian Runtuh </a>
 </h3>
 </div>
 <div class="media__date">detikFinance | <span d-time="1781226900" title="Jumat, 12 Jun 2026 08:15 WIB">40 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 ">#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="8528497" dtr-ttl="Said Iqbal Usulkan Hanya 4 Pekerjaan Ini Pakai Outsourcing" href="https://finance.detik.com/berita-ekonomi-bisnis/d-8528497/said-iqbal-usulkan-hanya-4-pekerjaan-ini-pakai-outsourcing"
 class="media__link">
 Said Iqbal Usulkan Hanya 4 Pekerjaan Ini Pakai Outsourcing </a>
 </h3>
 </div>
 <div class="media__date">detikFinance | <span d-time="1781226000" title="Jumat, 12 Jun 2026 08:00 WIB">55 menit yang lalu</span></div>
 </div>
 </article>
 
 <div class="text-center pdt-12 pdb-12">
 <a dtr-evt="box artikel terpopuler" dtr-sec="lihatselengkapnya" dtr-act="lihat selengkapnya" onclick="_pt(this)" href="https://www.detik.com/terpopuler"
 class="btn btn--default color-orange-light-1 btn--md">
 Lihat Selengkapnya <i class="icon icon-arrow-right"></i>
 </a>
 </div>
</div>
<script type="text/javascript">
 $('.box.cb-mostpop.sticky').find('a').each(function (i,v) {
 var pt = $(v).attr('onclick')
 .replace('populer', 'populer sticky')
 .replace('artikel ', 'artikel box sticky ')
 .replace('selengkapnya', 'selengkapnya sticky')
 $(v).attr('onclick', pt);
 })
</script>
<!--cached @ 1781229319--><!--replaced-->            </div>

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

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

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

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

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

        
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/detik.v3.2.js?v=202606120825"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/navbar-sticky-event.js?v=202606120825"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/liquidimage.js?v=202606120825"></script>
<script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/dropdownmenu.js?v=202606120825"></script>
<script type="text/javascript">
 $(document).ready(function() {
 $("[d-time]").detikTime();
 })
 
 getScript("https://awscdn.detik.net.id/assets/js/slickslider.js?v=202606120825", 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=202606120825"></script>
<script src="https://awscdn.detik.net.id/assets/js/firebase-msg.js?v=202606120825" 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=202606120825" 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=202606120825" 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 @ 1781229240--><!--replaced-->
                <!-- s:footer asset manager -->
        <script type="text/javascript" src="https://awscdn.detik.net.id/assets/js/tab.js?v=202606120825"></script>
        <!-- e:footer asset manager -->
        <!-- s:footer inline -->
                <!-- e:footer inline -->
        
        <!--widget:popout_notif-->

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

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