#dc-root [data-shell-role] { font-family:var(--payos-font-body) !important; }
#dc-root [data-shell-role="nav"] { font-size:14px !important;font-weight:800 !important;line-height:20px !important; }
#dc-root [data-shell-role="footer-link"] { font-size:14px !important;font-weight:600 !important;line-height:20px !important; }
#dc-root [data-shell-role="footer-copy"] { font-size:13.5px !important;font-weight:400 !important;line-height:1.55 !important; }
#dc-root [data-shell-role="footer-heading"] { font-size:13px !important;font-weight:800 !important;line-height:18px !important; }
#dc-root [data-shell-role="footer-legal"] { font-size:13px !important;font-weight:400 !important;line-height:20px !important; }
#dc-root [data-shell-role^="button-"] { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;max-width:100%;font-size:14px !important;font-weight:800 !important;line-height:20px !important;border-radius:6px !important;white-space:normal !important;text-align:center; }
#dc-root [data-shell-role="button-md"] { min-height:44px;padding:10px 20px !important; }
#dc-root [data-shell-role="button-sm"] { min-height:36px;padding:6px 16px !important; }

                                                                               
                                                                     
#dc-root header .pdd:not([data-nav-managed]):focus-within > .pdd-panel { display:block !important;opacity:1 !important;visibility:visible !important;transform:translateY(0) !important; }
#dc-root header .pdd:not([data-nav-managed]) .mrow:focus-within > .mrow-panel { display:flex !important; }
#dc-root header .pdd:not([data-nav-managed]) .mega-left:focus-within .mrow:not(:focus-within) > .mrow-panel { display:none !important; }
#dc-root header a:focus-visible,#dc-root header summary:focus-visible { outline:2px solid var(--payos-yellow);outline-offset:3px; }
#dc-root header .pdd-panel a:focus-visible { outline-color:var(--payos-blue); }

                                                                       
#dc-root header .payos-nav-actions { flex: none; }
#dc-root header .payos-nav-signin { color: var(--payos-white); white-space: nowrap; }
#dc-root header .payos-nav-signin:hover { text-decoration: underline; }
#dc-root header .payos-nav-icon {
  width: 28px;
  height: 28px;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  color: var(--payos-blue) !important;
  background: var(--payos-gradient-yellow) !important;
}
#dc-root header .payos-nav-icon > svg { width: 16px; height: 16px; }
                                                                            
@media (max-width: 1100px) {
  #dc-root header nav > div:first-of-type { display: none !important; }
  #dc-root header nav { gap: 12px !important; padding: 12px 16px !important; }
  #dc-root header .mmenu { display: block !important; }
  #dc-root header .mmenu-panel { position: absolute; top: 100%; max-height: calc(100dvh - 76px); }
}
@media (max-width: 480px) {
  #dc-root header .payos-nav-signin { display: none !important; }
  #dc-root header .payos-nav-actions { gap: 8px !important; }
}
#dc-root header .pdd[data-nav-managed]:not([data-nav-open]) > .pdd-panel {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}
#dc-root header .pdd[data-nav-managed][data-nav-open] > .pdd-panel {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto;
}
#dc-root header .pdd[data-nav-managed] .mrow > .mrow-panel {
  display: none !important;
}
#dc-root header .pdd[data-nav-managed] .mrow[data-nav-active] > .mrow-panel {
  display: flex !important;
}
#dc-root header .pdd[data-nav-managed] .mrow > .mrow-a {
  background: transparent !important;
}
#dc-root header .pdd[data-nav-managed] .mrow[data-nav-active] > .mrow-a {
  background: var(--payos-surface-blue, #e7eefb) !important;
}
#dc-root .payos-parent-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  margin-bottom: 14px;
  font-family: var(--payos-font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: var(--payos-blue);
}
#dc-root .payos-parent-link:hover { text-decoration: underline; }
#dc-root .payos-parent-link:focus-visible {
  outline: 2px solid var(--payos-blue);
  outline-offset: 3px;
}

                                                                              
#dc-root header .po-ticker { display:flex;align-items:center;justify-content:center;gap:10px;height:38px;padding:0 16px;font-family:var(--payos-font-body);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;background:radial-gradient(60% 140% at 20% 0%,rgba(255,255,255,.45),transparent 60%),var(--payos-gradient-yellow);color:var(--payos-ink); }
#dc-root header .po-ticker:hover { filter:brightness(1.04); }
#dc-root header .po-ticker > span:first-child { font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--payos-yellow);background:var(--payos-ink);border-radius:100px;padding:3px 9px; }
#dc-root header .po-ticker > span:nth-child(2) { overflow:hidden;text-overflow:ellipsis;color:var(--payos-ink); }
#dc-root header .po-ticker > span:last-child { font-weight:800;color:var(--payos-blue); }
@media(max-width:640px) { #dc-root header .po-ticker > span:nth-child(2) { display:none; } }
@media(max-width:600px) { #dc-root header .po-ticker { gap:8px;font-size:12px;padding-inline:10px; } }