/* Store header presentation for the read-only public promotions document. */
.dn-promo-storeTopbar {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr) 252px 264px;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  height: 80px;
  padding: 0 18px;
  position: sticky;
  top: 0;
  z-index: 30;
  background: linear-gradient(90deg, #030816d1, #03081647 48%, #030816c2), #060a0e;
  color: #f0eee8;
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  --dn-header-display: "Roboto Condensed Local", "Arial Narrow", sans-serif;
}
.dn-promo-storeTopbar, .dn-promo-storeTopbar * { box-sizing: border-box; }
.dn-promo-storeTopbar a { color: inherit; text-decoration: none; }
.dn-promo-storeTopbar a:focus-visible { outline: 2px solid #ffbd67; outline-offset: 3px; }
.dn-promo-storeTopbar svg { flex-shrink: 0; }
.dn-promo-storeBrand { display: flex; width: max-content; transform: scale(1.12); transform-origin: left center; }
.dn-promo-brand { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #f3f4f7; }
.dn-promo-brand-name { font: 900 24px/1 Arial, Helvetica, sans-serif; letter-spacing: -.045em; }
.dn-promo-brand-name b { color: #ef4a22; font-weight: 900; }
.dn-promo-brand-rule { display: none; }
.dn-promo-brand-tag { font: 700 6px/1.2 Arial, Helvetica, sans-serif; letter-spacing: 1.92px; }
.dn-promo-storeNavigation { display: flex; height: 100%; gap: 6px; }
.dn-promo-storeNavigation a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border-bottom: 2px solid transparent;
  color: #f0f2fa;
  font: 900 12px/1 var(--dn-header-display);
  text-transform: uppercase;
  white-space: nowrap;
}
.dn-promo-storeNavigation a:hover, .dn-promo-storeNavigation a[aria-current="page"] { color: #ff5538; }
.dn-promo-storeNavigation a[aria-current="page"] { border-bottom-color: #ff5538; }
.dn-promo-storeHeaderBalances {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 54px;
  border: 1px solid #6f84c12e;
  border-radius: 10px;
  background: #080e20b8;
}
.dn-promo-storeHeaderBalance { display: grid; align-content: center; gap: 3px; padding: 5px 10px; }
.dn-promo-storeHeaderBalance + .dn-promo-storeHeaderBalance { border-left: 1px solid #6f84c12e; }
.dn-promo-storeHeaderBalance > span { color: #aeb8d0; font: 900 8px/1.5 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.dn-promo-storeHeaderBalance strong { display: flex; align-items: center; gap: 9px; color: #fff; font: 900 18px/1 var(--dn-header-display); white-space: nowrap; }
.dn-promo-storeHeaderBalance svg { color: #ffd500; }
.dn-promo-storeHeaderBalance[data-balance-kind="bonus"] > span { color: #c7a1ff; }
.dn-promo-storeHeaderBalance[data-balance-kind="bonus"] strong { color: #f1e9ff; }
.dn-promo-storeHeaderBalance[data-balance-kind="bonus"] svg { color: #bf7aff; }
.dn-promo-storeHeaderActions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.dn-promo-storeHeaderSupport, .dn-promo-storeMobileTicket {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: 1px solid #755097;
  border-radius: 9px;
  background: radial-gradient(circle at 50% 0, #7b4ba027, transparent 56%), linear-gradient(145deg, #151024, #080d18);
}
.dn-promo-storeTopbar .dn-promo-storeHeaderSupport { color: #f7c24e; border-color: #7f56a3; background: radial-gradient(circle at 12% 0, #ffc94a26, transparent 42%), linear-gradient(120deg, #21152c, #151124 58%, #0b101b); }
.dn-promo-storeTopbar .dn-promo-storeMobileTicket { color: #f4bd46; }
.dn-promo-storeHeaderActions > a:hover { filter: brightness(1.2); }
.dn-promo-storeProfile { display: flex; align-items: center; gap: 10px; width: 160px; height: 44px; padding: 6px 9px 6px 7px; border: 1px solid #f0eee8; border-radius: 6px; }
.dn-promo-storeProfile > span:first-child { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 32px; border: 1px solid #d85d3c66; border-radius: 4px; background: #351b1a; }
.dn-promo-storeProfile > span:nth-child(2) { display: grid; gap: 2px; }
.dn-promo-storeProfile strong { font: 900 10px/1 var(--dn-header-display); text-transform: uppercase; }
.dn-promo-storeProfile small { color: #65df57; font: 800 8px/1.5 Arial, sans-serif; text-transform: uppercase; }
.dn-promo-storeProfile > svg { margin-left: auto; color: #8390a8; transform: rotate(90deg); }
@media (max-width: 1250px) and (min-width: 641px) {
  .dn-promo-storeTopbar { grid-template-columns: 125px minmax(0, 1fr) 224px 254px; grid-template-rows: 68px 40px; height: 108px; padding-inline: 16px; }
  .dn-promo-storeBrand { transform: none; }
  .dn-promo-storeNavigation { grid-column: 1 / -1; grid-row: 2; }
  .dn-promo-storeHeaderBalances { grid-column: 3; grid-row: 1; border: 0; background: none; gap: 6px; }
  .dn-promo-storeHeaderBalance { border: 1px solid #6f84c12e; border-radius: 10px; background: #080e20b8; }
  .dn-promo-storeHeaderBalance > span { font-size: 7px; letter-spacing: 0; }
  .dn-promo-storeHeaderActions { grid-column: 4; grid-row: 1; }
  .dn-promo-storeProfile { width: 150px; }
}
@media (max-width: 900px) and (min-width: 641px) {
  .dn-promo-storeTopbar { grid-template-columns: 125px minmax(0, 1fr) 224px 144px; }
  .dn-promo-storeProfile { width: 40px; padding: 0; justify-content: center; }
  .dn-promo-storeProfile > span:first-child { border: 0; background: none; }
  .dn-promo-storeProfile > span:nth-child(2), .dn-promo-storeProfile > svg { display: none; }
}
@media (max-width: 640px) {
  .dn-promo-storeTopbar { grid-template-columns: minmax(0, 1fr) 126px; grid-template-rows: 58px 52px; row-gap: 2px; height: 122px; padding: 0 12px 10px; }
  .dn-promo-storeBrand { width: 94px; transform: none; }
  .dn-promo-brand { width: 94px; }
  .dn-promo-brand-name { font-size: 21px; }
  .dn-promo-storeNavigation { display: none; }
  .dn-promo-storeHeaderActions { grid-column: 2; grid-row: 1; gap: 6px; }
  .dn-promo-storeHeaderActions > a { width: 38px; height: 38px; border-radius: 9px; }
  .dn-promo-storeProfile { padding: 0; justify-content: center; }
  .dn-promo-storeProfile > span:first-child { width: auto; height: auto; border: 0; background: none; }
  .dn-promo-storeProfile > span:nth-child(2), .dn-promo-storeProfile > svg { display: none; }
  .dn-promo-storeHeaderBalances { grid-column: 1 / -1; grid-row: 2; gap: 6px; height: 52px; background: none; border: 0; }
  .dn-promo-storeHeaderBalance { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding: 4px 6px; border: 1px solid #69458c; border-radius: 8px; background: linear-gradient(135deg, #251533, #080d1c); }
  .dn-promo-storeHeaderBalance + .dn-promo-storeHeaderBalance { border: 1px solid #69458c; background: #0b0c1c; }
  .dn-promo-storeHeaderBalance > span, .dn-promo-storeHeaderBalance[data-balance-kind="bonus"] > span { font-size: 9px; letter-spacing: 0; color: #c7b0d6; }
  .dn-promo-storeHeaderBalance strong { font-size: 22px; gap: 6px; }
  .dn-promo-storeHeaderBalance svg { width: 16px; height: 16px; }
}