/* Aktualinea Homepage Sections v1.1 */
:root{
  --akt-hp-primary:#0756a5;
  --akt-hp-accent:#e51b2b;
  --akt-hp-text:#12161c;
  --akt-hp-muted:#7a828d;
  --akt-hp-border:#e6eaf0;
  --akt-hp-soft:#f6f8fb;
}

.akt-hp-wrap{
  width:100%;
  max-width:1180px;
  margin:42px auto 28px;
  padding:0 15px;
  box-sizing:border-box;
  color:var(--akt-hp-text);
}
.akt-hp-wrap *{box-sizing:border-box;}
.akt-hp-wrap a{text-decoration:none;}

/* Top layout: editorial + popular */
.akt-hp-grid{
  display:grid;
  grid-template-columns:minmax(0,2.15fr) minmax(275px,.85fr);
  gap:34px;
  align-items:start;
}
.akt-hp-grid--single{grid-template-columns:1fr;}
.akt-hp-block,.akt-hp-popular{min-width:0;margin:0;}

/* Section header */
.akt-hp-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:34px;
  margin:0 0 16px;
  border-bottom:1px solid var(--akt-hp-border);
}
.akt-hp-title{
  position:relative;
  margin:0!important;
  padding:0 0 10px 12px!important;
  color:#12161c!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.2px;
}
.akt-hp-title:before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  width:3px;
  height:20px;
  border-radius:3px;
  background:var(--akt-hp-accent);
}
.akt-hp-all{
  flex:0 0 auto;
  padding:0 1px 9px 8px;
  color:var(--akt-hp-primary)!important;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
  transition:color .2s ease,transform .2s ease;
}
.akt-hp-all:hover{color:var(--akt-hp-accent)!important;transform:translateX(2px);}

/* Pilihan Redaksi */
.akt-hp-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 18px;
}
.akt-hp-card{min-width:0;margin:0;}
.akt-hp-image,.akt-hp-video-image{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:7px;
  background:#edf0f3;
}
.akt-hp-image:after,.akt-hp-video-image:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.035);
  border-radius:inherit;
}
.akt-hp-image img,.akt-hp-video-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:cover;
  transform:scale(1);
  transition:transform .48s cubic-bezier(.2,.6,.3,1),filter .35s ease;
}
.akt-hp-card:hover .akt-hp-image img{transform:scale(1.065);filter:brightness(.95);}
.akt-hp-card-copy{padding-top:8px;}
.akt-hp-card-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin:0 0 6px!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.32!important;
  letter-spacing:-.1px;
}
.akt-hp-card-title a{color:#111820!important;font-weight:600!important;transition:color .2s ease;}
.akt-hp-card:hover .akt-hp-card-title a{color:var(--akt-hp-primary)!important;}
.akt-hp-date{color:var(--akt-hp-muted);font-size:10px;font-weight:400;line-height:1.3;}

.akt-hp-no-image{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:16/9;
  background:linear-gradient(135deg,var(--akt-hp-primary),#0b3770);
  color:#fff;
  font-size:18px;
  font-weight:700;
}

/* Terpopuler */
.akt-hp-popular-list{width:100%;}
.akt-hp-popular-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  padding:13px 0;
  margin:0;
  border-bottom:1px solid var(--akt-hp-border);
  transition:transform .2s ease;
}
.akt-hp-popular-item:first-child{padding-top:7px;}
.akt-hp-popular-item:last-child{border-bottom:0;}
.akt-hp-popular-item:hover{transform:translateX(3px);}
.akt-hp-number{
  color:#d8dee6;
  font-size:25px;
  font-weight:800;
  line-height:1;
  letter-spacing:-1.5px;
  transition:color .2s ease;
}
.akt-hp-popular-item:hover .akt-hp-number{color:var(--akt-hp-primary);}
.akt-hp-popular-content{min-width:0;}
.akt-hp-popular-content h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin:0 0 5px!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.34!important;
  letter-spacing:-.05px;
}
.akt-hp-popular-content h3 a{color:#12171d!important;font-weight:600!important;transition:color .2s ease;}
.akt-hp-popular-item:hover h3 a{color:var(--akt-hp-primary)!important;}

/* Video full-width below the top row */
.akt-hp-video{
  margin-top:34px;
  padding-top:2px;
}
.akt-hp-video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.akt-hp-video-card{min-width:0;margin:0;}
.akt-hp-video-image{background:#111;}
.akt-hp-video-card:hover .akt-hp-video-image img{transform:scale(1.065);filter:brightness(.74);}
.akt-hp-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding-left:3px;
  border:2px solid rgba(255,255,255,.95);
  border-radius:50%;
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:13px;
  opacity:.94;
  transform:translate(-50%,-50%) scale(.94);
  transition:transform .3s ease,background .3s ease;
}
.akt-hp-video-card:hover .akt-hp-play{background:var(--akt-hp-accent);transform:translate(-50%,-50%) scale(1.04);}
.akt-hp-video-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin:8px 0 5px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.34!important;
}
.akt-hp-video-title a{color:#151a20!important;font-weight:600!important;transition:color .2s ease;}
.akt-hp-video-card:hover .akt-hp-video-title a{color:var(--akt-hp-primary)!important;}

.akt-hp-empty-state{
  display:flex;
  align-items:center;
  min-height:72px;
  padding:16px 18px;
  border:1px dashed #dfe4ea;
  border-radius:7px;
  background:var(--akt-hp-soft);
  color:#747d88;
  font-size:12px;
}

@media(max-width:991px){
  .akt-hp-wrap{margin-top:34px;}
  .akt-hp-grid{grid-template-columns:1fr;gap:30px;}
  .akt-hp-popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
  .akt-hp-popular-item:first-child{padding-top:13px;}
  .akt-hp-video{margin-top:30px;}
}

@media(max-width:767px){
  .akt-hp-wrap{margin-top:28px;margin-bottom:20px;padding-left:12px;padding-right:12px;}
  .akt-hp-title{font-size:17px!important;}
  .akt-hp-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;}
  .akt-hp-card-title{font-size:13.5px!important;-webkit-line-clamp:3;}
  .akt-hp-popular-list{grid-template-columns:1fr;}
  .akt-hp-popular-item{grid-template-columns:36px minmax(0,1fr);padding:11px 0;}
  .akt-hp-number{font-size:23px;}
  .akt-hp-video-grid{grid-template-columns:1fr;gap:18px;}
  .akt-hp-video-title{font-size:14px!important;}
}

@media(max-width:430px){
  .akt-hp-editorial-grid{gap:16px 10px;}
  .akt-hp-card-title{font-size:13px!important;}
  .akt-hp-date{font-size:9.5px;}
}