/* Produk Unggulan V3 — letakkan sesudah featured-premium.css */
.digital-featured-controls { gap: 16px; margin-top: 28px; }
.digital-featured-arrow {
  width: 52px; height: 52px; min-width: 52px;
  border-radius: 16px; border: 1px solid rgba(7,27,58,.13);
  background: #fff; color: #071b3a;
  box-shadow: 0 7px 22px rgba(7,27,58,.09);
  font-size: 0; position: relative;
}
.digital-featured-arrow::before {
  content: ''; display: block; width: 21px; height: 21px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#featuredPrev::before { transform: rotate(180deg); }
.digital-featured-arrow:hover:not(:disabled) { background: #071b3a; color: #e8c46d; border-color: #071b3a; }
.digital-featured-arrow:focus-visible, .digital-featured-dot:focus-visible { outline: 3px solid #d4af5f; outline-offset: 3px; }
.digital-featured-dot { width: 9px; height: 9px; background: #bfc8d4; }
.digital-featured-dot.active { width: 29px; background: #d4af5f; }
.featured-premium-card .digital-featured-badge { font-size: .68rem; padding: 9px 13px; border: 1px solid rgba(255,255,255,.25); }
.featured-premium-actions a { min-height: 48px; font-size: .86rem; }
@media(max-width:600px) {
  .digital-featured-arrow { width: 48px; height: 48px; min-width: 48px; border-radius: 14px; }
  .digital-featured-controls { gap: 13px; }
}
@media(prefers-reduced-motion:reduce) { .digital-featured-arrow { transition: none; } }