.promocodesfor-header-wrapper { box-sizing: border-box; position: sticky; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.05); top: 0; z-index: 9999; background-color: #ffffff; }
.promocodesfor-header-body { display: flex; height: 80px; padding: 0 24px; margin: 0 auto; align-items: center; max-width: 1600px; justify-content: space-between; }
.promocodesfor-header-navigation-list { list-style: none; gap: 12px; display: flex; padding: 0; margin: 0; }
.promocodesfor-header-navigation-panel { align-items: center; display: flex; justify-content: flex-end; }
.promocodesfor-header-brand-portal { text-decoration: none; gap: 12px; align-items: center; display: flex; }
.promocodesfor-header-logo { max-height: 60px; }
.promocodesfor-header-navigation-item { display: flex; align-items: center; }
@font-face { font-display: swap; font-weight: 100 900; font-family: 'Google Sans'; src: url('/fonts/GoogleSans-VariableFont_GRAD,opsz,wght.ttf') format('truetype-supports-variations'),
         url('/fonts/GoogleSans-VariableFont_GRAD,opsz,wght.ttf') format('truetype'); font-style: normal; }
.promocodesfor-header-brand-label { margin: 0; color: #000000; font-weight: 900; letter-spacing: -0.5px; font-size: 1.5rem; }
.promocodesfor-header-navigation-anchor:hover { background-color: #e4e4e7; }
.promocodesfor-header-navigation-anchor { color: #18181b; display: inline-block; border-radius: 999px; transition: background-color 0.2s ease, color 0.2s ease; background-color: #f4f4f5; padding: 10px 22px; text-decoration: none; font-size: 0.9rem; font-weight: 500; letter-spacing: 0.1px; }
@media (max-width: 768px) {
  .promocodesfor-header-navigation-anchor { font-size: 0.85rem; padding: 8px 16px; }
  .promocodesfor-header-body { padding: 0 16px; height: 70px; }
  .promocodesfor-header-navigation-list { gap: 8px; }
  .promocodesfor-header-brand-label { display: none; }
}