.etn-annbar{background:var(--etn-annbar-bg,#000);color:var(--etn-annbar-text,#fff);font-size:var(--etn-annbar-fs,14px);}
.etn-annbar__inner{max-width:1200px;margin:0 auto;padding:8px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;position:relative;height:50px;}
.etn-item{display:none;gap:12px;align-items:center;justify-content: center;}
.etn-item.active{display:flex}
.etn-text a.etn-link{color:var(--etn-annbar-link,#fff);text-decoration:underline}
.etn-count{display:flex;gap:6px;align-items:center}
.etn-count .box{display: inline-flex;border:1px solid rgba(255,255,255,.35);padding:4px 6px;border-radius:6px;text-align:center;color:var(--etn-annbar-count,#fff)}
.etn-count .num{font-weight:700;min-width:22px;display:block}
.etn-count .lbl{font-size:10px;opacity:.9;line-height: 22px;}
.etn-nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:0;color:inherit;font-size:18px;cursor:pointer;opacity:.8;min-width: 10px;height: 10px;padding: 0;}
.etn-nav.prev{left:8px}
.etn-nav.next{right:8px}
.etn-close{background:transparent;border:0;color:inherit;font-size:18px;cursor:pointer;grid-column:2;justify-self:end;min-width: 20px;height: 20px; padding: 0;}

/* Device targeting: tampilkan hanya yang diizinkan */
@media (min-width:1025px){
  .etn-item:not(.allow-desktop){display:none!important}
}
@media (min-width:641px) and (max-width:1024px){
  .etn-item:not(.allow-tablet){display:none!important}
}
@media (max-width:640px){
  .etn-item:not(.allow-mobile){display:none!important}
}

/* Responsif */
@media (max-width:640px){
  .etn-annbar__inner{grid-template-columns:1fr auto;font-size: 11px;text-align:center;}
  .etn-count .lbl {
    font-size: 9px;
    opacity: .9;
    display: none;
}
}