/* Battle.net catalogue only, scoped to the Battle.net. */
html[data-bnet-presentation] #bnetCatalogBody {
  --pc-cat-blue: #168be5;
  --pc-cat-cyan: #49c4ec;
  --pc-cat-ink: #0879bf;
  --pc-cat-soft: color-mix(in srgb, var(--pc-cat-blue) 9%, var(--surface));
  --pc-cat-line: color-mix(in srgb, var(--pc-cat-blue) 15%, var(--border));
}
html[data-bnet-presentation][data-theme="dark"] #bnetCatalogBody { --pc-cat-ink: #71cdff; }
html[data-bnet-presentation] #bnetCatalogBody .bns { padding-bottom: 44px; background: transparent; }
html[data-bnet-presentation] #bnetCatalogBody .bns::before {
  height: 330px;
  background: radial-gradient(ellipse at 90% 0%, color-mix(in srgb, var(--pc-cat-cyan) 12%, transparent), transparent 60%);
}
html[data-bnet-presentation] #bnetCatalogBody .bns-head { padding: 25px 0 22px; overflow: visible; }
html[data-bnet-presentation] #bnetCatalogBody .bns-head-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  align-items: center;
  gap: 30px;
}
html[data-bnet-presentation] #bnetCatalogBody .bns-head-copy { position: relative; padding-left: 76px; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-brand {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--pc-cat-blue) 26%, transparent);
  border-radius: 18px;
  background: linear-gradient(135deg, #0b1c38, #075987);
  box-shadow: 0 6px 20px #008bd01c, inset 0 1px 0 #ffffff25;
  color: #70d1ff;
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-brand .pl-ico { width: 40px; height: 40px; padding: 0; background: transparent; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-brand svg { width: 37px; height: 37px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-head h1 { margin: 0; font-size: 35px; line-height: 1.12; letter-spacing: -.04em; }
html[data-bnet-presentation] #bnetCatalogBody .bns-head p { margin: 6px 0 0; font-size: 14px; line-height: 1.5; }
html[data-bnet-presentation] #bnetCatalogBody .bns-trust { display: none; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents {
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 13px;
  color: var(--text-2);
  font-size: 12px;
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents > span { font-weight: 500; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents a,
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents a.ghost {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pc-cat-ink);
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents a:hover { text-decoration: underline; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-hero-art { display: block; width: 230px; height: 108px; order: 0; max-width: none; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-hero-art img {
  border-radius: 13px;
  width: 138px;
  height: 88px;
  aspect-ratio: auto;
  box-shadow: 0 8px 25px #00000028;
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-hero-art img:nth-child(1) { left: 0; top: 0; transform: rotate(-6deg); }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-hero-art img:nth-child(2) { right: 0; top: 12px; transform: rotate(6deg); }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-hero-art img:nth-child(3) { display: none; }
html[data-bnet-presentation] #bnetCatalogBody .bns-games { display: flex; flex-direction: column; gap: 0; padding-top: 0; }
html[data-bnet-presentation] #bnetCatalogBody .bns-tools {
  position: static;
  order: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 205px;
  gap: 10px 14px;
  margin: 0 0 17px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
html[data-bnet-presentation] #bnetCatalogBody .bns-search { height: 48px; gap: 10px; border-color: var(--border); border-radius: 13px; background: var(--surface); }
html[data-bnet-presentation] #bnetCatalogBody .bns-search > span { display: flex; width: 20px; color: var(--text-2); }
html[data-bnet-presentation] #bnetCatalogBody .bns-search svg { width: 20px; height: 20px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-search input { font-size: 14px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-family { display: flex; grid-row: 1; grid-column: 2; font-size: 12px; gap: 8px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-family select { height: 48px; font-size: 13px; background: var(--surface); border-radius: 13px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-filters { grid-column: 1 / -1; flex-wrap: nowrap; overflow-x: auto; gap: 7px; padding: 1px 0 3px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-filter {
  min-height: 35px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: var(--surface-2);
  font-size: 12px;
  font-weight: 600;
}
html[data-bnet-presentation] #bnetCatalogBody .bns-filter.on { color: #fff; border-color: transparent; background: #087acb; box-shadow: none; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families {
  order: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
  padding: 0 0 19px;
  margin-bottom: 19px;
  border-bottom: 1px solid var(--border-2);
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 9px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  color: var(--text-1);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button[aria-pressed="true"] { border-color: var(--pc-cat-line); background: var(--pc-cat-soft); }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button:hover { background: var(--pc-cat-soft); }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-art { width: 44px; height: 44px; flex: none; overflow: hidden; border-radius: 11px; background: #111e2d; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-art img { width: 100%; height: 100%; object-fit: cover; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-all { display: grid; place-items: center; color: #51c6ff; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-all .pl-ico { width: 31px; height: 31px; padding: 0; background: transparent; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-all svg { width: 29px; height: 29px; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button > span:last-child { min-width: 0; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families b { display: block; font-size: 12px; line-height: 1.25; font-weight: 650; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families small { display: block; margin-top: 3px; color: var(--text-2); font-size: 10px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-title { order: 3; display: flex; align-items: center; margin: 0 0 15px; gap: 12px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-title h2 { font-size: 24px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-title p { margin: 5px 0 0; font-size: 12px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-title > span { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 12px; font-weight: 500; }
html[data-bnet-presentation] #bnetCatalogBody .bns-grid { order: 4; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-card { border-radius: 16px; box-shadow: none; transition: border-color .2s, transform .2s; }
html[data-bnet-presentation] #bnetCatalogBody .bns-card:hover { transform: translateY(-3px); border-color: var(--pc-cat-blue); box-shadow: 0 8px 26px #0084cc10; }
html[data-bnet-presentation] #bnetCatalogBody .bns-art { aspect-ratio: 16 / 8.5; }
html[data-bnet-presentation] #bnetCatalogBody .bns-art i { display: none; }
html[data-bnet-presentation] #bnetCatalogBody .bns-art > b { padding: 4px 7px; top: 10px; right: 10px; border-radius: 6px; font-size: 9px; background: #087acb; }
html[data-bnet-presentation] #bnetCatalogBody .bns-copy { padding: 15px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-tags { flex-wrap: wrap; gap: 5px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-tags em { padding: 2px 0; background: transparent; color: var(--text-2); font-size: 10px; font-weight: 500; }
html[data-bnet-presentation] #bnetCatalogBody .bns-tags em + em::before { content: "·"; margin-right: 5px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-copy > strong { margin-top: 5px; font-size: 18px; line-height: 1.25; letter-spacing: -.025em; }
html[data-bnet-presentation] #bnetCatalogBody .bns-copy > small { min-height: 49px; margin-top: 6px; font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #bnetCatalogBody .bns-foot { margin-top: 13px; padding-top: 12px; gap: 10px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-foot b { font-size: 16px; line-height: 1.25; }
html[data-bnet-presentation] #bnetCatalogBody .bns-price-label { font-size: 10px; margin-bottom: 4px; line-height: 1.4; }
html[data-bnet-presentation] #bnetCatalogBody .bns-foot i { color: var(--pc-cat-ink); font-size: 11px; line-height: 1.35; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-art {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 27px 31px;
  background: radial-gradient(ellipse at 85% 0%, #27badd80, transparent 80%), linear-gradient(135deg, #09233f, #065b86);
  color: #bdeaff;
}
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-art::after { display: none; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-logo .pl-ico { display: block; width: 61px; height: 61px; padding: 0; background: transparent; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-logo svg { width: 61px; height: 61px; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-symbols { font-size: 39px; font-weight: 300; letter-spacing: -.07em; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-foot b { color: var(--pc-cat-ink); font-size: 13px; }
html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-foot i { font-size: 19px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-empty { order: 5; padding: 32px 16px; border: 1px dashed var(--border); border-radius: 15px; font-size: 14px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-how { padding-top: 35px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-how h2 { font-size: 22px; }
html[data-bnet-presentation] #bnetCatalogBody [data-bnet-guide-links] { padding-top: 32px; }
html[data-bnet-presentation] #bnetCatalogBody [data-bnet-guide-links] > p { margin-top: 8px; color: var(--text-2); font-size: 12px; }
html[data-bnet-presentation] #bnetCatalogBody [data-bnet-guide-links] ul { display: flex; flex-wrap: wrap; gap: 5px 21px; list-style: none; padding: 0 !important; }
html[data-bnet-presentation] #bnetCatalogBody [data-bnet-guide-links] li a { min-height: 34px !important; font-size: 12px; color: var(--pc-cat-ink); }
html[data-bnet-presentation] #bnetCatalogBody .bns-how article { padding: 18px; border-radius: 14px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-how article b { font-size: 13px; }
html[data-bnet-presentation] #bnetCatalogBody .bns-how article p { font-size: 12px; }
html[data-bnet-presentation] #bnetCatalogBody :is(.bns-card, .pc-cat-families button, .bns-filter, .pc-cat-intents a):focus-visible { outline: 3px solid var(--pc-cat-blue); outline-offset: 3px; }
@media (max-width: 1100px) {
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button { gap: 8px; padding: 6px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families b { font-size: 11px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-art { width: 37px; height: 37px; }
}
@media (max-width: 850px) {
  html[data-bnet-presentation] #bnetCatalogBody .bns-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families { display: flex; overflow-x: auto; scrollbar-width: none; gap: 8px; padding-bottom: 16px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families::-webkit-scrollbar { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button { flex: 0 0 146px; }
}
@media (max-width: 600px) {
  html[data-bnet-presentation] #bnetCatalogBody .bns-head { padding: 18px 0 14px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-head-grid { display: block; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-head-copy { padding-left: 53px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-brand { width: 42px; height: 42px; border-radius: 13px; top: 2px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-brand .pl-ico,
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-brand svg { width: 29px; height: 29px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-head h1 { font-size: 26px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-head p { margin-top: 3px; font-size: 11px; line-height: 1.45; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-hero-art { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents { gap: 0 12px; margin-top: 9px; margin-left: -53px; font-size: 10px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents > span { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-intents a { min-height: 30px; font-size: 11px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-games { padding: 0 16px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-tools { grid-template-columns: minmax(0, 1fr) 115px; gap: 9px 8px; margin-bottom: 10px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-search { height: 44px; padding: 0 10px; gap: 7px; border-radius: 11px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-search input { font-size: 12px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-search input::placeholder { text-overflow: ellipsis; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-search > span,
  html[data-bnet-presentation] #bnetCatalogBody .bns-search svg { width: 17px; height: 17px; flex: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-family { gap: 0; font-size: 0; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-family select { height: 44px; padding: 0 7px; border-radius: 11px; font-size: 11px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-filters { gap: 6px; margin-right: -16px; padding-right: 16px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-filter { min-height: 36px; padding: 0 11px; font-size: 11px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families { gap: 8px; padding: 2px 16px 12px 0; margin: 0 -16px 12px 0; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families button { display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: flex-start; flex: 0 0 68px; padding: 5px 3px; border-radius: 11px; text-align: center; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-family-art { width: 41px; height: 41px; border-radius: 12px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families b { font-size: 10px; font-weight: 550; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-families small { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-title { margin-bottom: 8px; align-items: center; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-title h2 { font-size: 18px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-title p { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-title > span { font-size: 11px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-card {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 12px;
    padding: 13px 0;
    border: 0;
    border-bottom: 1px solid var(--border-2);
    border-radius: 0;
    background: transparent;
  }
  html[data-bnet-presentation] #bnetCatalogBody .bns-card:hover { transform: none; box-shadow: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-art { aspect-ratio: 1; width: 74px; height: 74px; border-radius: 14px; align-self: center; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-art::after,
  html[data-bnet-presentation] #bnetCatalogBody .bns-art > b { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-art img { object-fit: cover; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 0; gap: 2px 9px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-tags { grid-column: 1; grid-row: 2; display: block; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-tags em { font-size: 10px; line-height: 1.4; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-tags em:first-child { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-tags em + em::before { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-copy > strong { grid-column: 1; grid-row: 1; margin: 0; font-size: 14px; line-height: 1.3; align-self: end; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-copy > small { grid-column: 1 / -1; grid-row: 3; min-height: 0; margin: 3px 0 0; font-size: 10px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-foot { grid-column: 2; grid-row: 1 / 3; display: grid; gap: 2px; justify-items: end; margin: 0; padding: 0; border: 0; max-width: 91px; align-self: center; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-foot b { font-size: 12px; line-height: 1.3; text-align: right; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-price-label { display: none; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-foot i { font-size: 9px; line-height: 1.3; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card { grid-template-columns: 60px minmax(0, 1fr); padding: 12px; margin: 6px 0 3px; border: 1px solid var(--pc-cat-line); border-radius: 14px; background: var(--pc-cat-soft); }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-art { width: 60px; height: 60px; display: grid; place-items: center; padding: 9px; gap: 0; border-radius: 13px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-logo .pl-ico,
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-logo svg { width: 29px; height: 29px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-symbols { font-size: 12px; letter-spacing: .05em; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-tags { display: flex; gap: 4px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-tags em:first-child { display: block; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-tags em + em::before { display: inline; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-foot { max-width: 78px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-foot b { font-size: 10px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-foot i { font-size: 15px; }
  html[data-bnet-presentation] #bnetCatalogBody .pc-cat-wallet-card .bns-copy > small { font-size: 10px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-how { padding: 28px 16px 0; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-how h2 { font-size: 19px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-how > div { gap: 9px; }
  html[data-bnet-presentation] #bnetCatalogBody .bns-how article { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-bnet-presentation] #bnetCatalogBody .bns-card,
  html[data-bnet-presentation] #bnetCatalogBody .bns-art img { transition: none; }
}

/* Diablo IV page. No checkout markup or financial state is replaced. */
html[data-bnet-presentation] #blizzardBody {
  --pc-product-accent: #087acb;
  --pc-product-ink: #0879bf;
  --pc-product-soft: color-mix(in srgb, #168be5 8%, var(--surface));
  --pc-product-line: color-mix(in srgb, #168be5 25%, var(--border));
}
html[data-bnet-presentation][data-theme="dark"] #blizzardBody { --pc-product-ink: #71cdff; }
html[data-bnet-presentation] #blizzardBody .bn-theme { margin: 0; padding-bottom: 44px; background: transparent; color: var(--text-1); }
html[data-bnet-presentation] #blizzardBody .bn-layout { display: grid; grid-template-columns: minmax(0, 1fr) 355px; gap: 30px; align-items: start; padding-top: 24px; padding-bottom: 0; }
html[data-bnet-presentation] #blizzardBody .bn-catalog { min-width: 0; }
html[data-bnet-presentation] #blizzardBody .bn-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  margin: 0 0 24px;
  overflow: hidden;
  border: 1px solid var(--border-2);
  border-radius: 19px;
  background: var(--surface);
}
html[data-bnet-presentation] #blizzardBody .bn-hero-copy { width: auto; padding: 19px 22px 17px; margin: 0; z-index: auto; }
html[data-bnet-presentation] #blizzardBody .bn-kicker { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 5px; font-size: 11px; font-weight: 600; color: var(--pc-product-ink); letter-spacing: 0; }
html[data-bnet-presentation] #blizzardBody .bn-kicker .pl-ico { width: 17px; height: 17px; }
html[data-bnet-presentation] #blizzardBody .bn-kicker svg { width: 17px; height: 17px; }
html[data-bnet-presentation] #blizzardBody .bn-hero h1 { margin: 0; font-family: inherit; font-size: 36px; line-height: 1.08; letter-spacing: -.04em; color: var(--text-1); text-transform: none; text-shadow: none; }
html[data-bnet-presentation] #blizzardBody .bn-hero-copy > p { max-width: none; margin: 6px 0 0; color: var(--text-2); font-size: 12px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-trust { display: none; }
html[data-bnet-presentation] #blizzardBody .bn-hero-actions { display: flex; gap: 15px; margin: 9px 0 0; }
html[data-bnet-presentation] #blizzardBody .bn-hero-actions a,
html[data-bnet-presentation] #blizzardBody .bn-hero-actions a.ghost { display: inline-flex; align-items: center; justify-content: flex-start; min-height: 24px; min-width: 0; flex: none; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--pc-product-ink); font-size: 11px; font-weight: 600; }
html[data-bnet-presentation] #blizzardBody .bn-hero-actions a:hover { text-decoration: underline; }
html[data-bnet-presentation] #blizzardBody .bn-hero-img { position: static; width: 100%; height: auto; aspect-ratio: 16 / 4.8; object-fit: cover; object-position: center 30%; grid-row: 2; background: #151117; }
html[data-bnet-presentation] #blizzardBody .bn-hero-shade { display: none; }
html[data-bnet-presentation] #blizzardBody .pc-product-picked { display: grid; gap: 3px; padding: 15px 22px 17px; }
html[data-bnet-presentation] #blizzardBody .pc-product-picked-label { color: var(--text-2); font-size: 10px; line-height: 1.4; }
html[data-bnet-presentation] #blizzardBody .pc-product-picked-name { font-size: 17px; line-height: 1.3; letter-spacing: -.02em; font-weight: 650; }
html[data-bnet-presentation] #blizzardBody .pc-product-picked-description { color: var(--text-2); font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav { position: static; margin: 0 0 14px; padding: 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav > b { color: var(--text-1); font-size: 14px; font-weight: 650; letter-spacing: -.01em; text-transform: none; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav > b i { width: 22px; height: 22px; background: var(--pc-product-accent); font-size: 10px; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav > div { gap: 7px; margin: 11px 0 0; padding: 1px 0 3px; flex-wrap: nowrap; overflow-x: auto; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav button { flex: none; display: inline-flex; gap: 7px; align-items: center; min-height: 39px; padding: 0 13px; border: 1px solid transparent; border-radius: 10px; background: var(--surface-2); color: var(--text-2); font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.3; cursor: pointer; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav button[aria-pressed="true"] { background: var(--pc-product-accent); color: #fff; border-color: transparent; }
html[data-bnet-presentation] #blizzardBody .bn-product-nav button span { padding: 2px 5px; border-radius: 5px; background: color-mix(in srgb, currentColor 9%, transparent); font-size: 10px; line-height: 1; }
html[data-bnet-presentation] #blizzardBody .bn-offer-search { display: flex; align-items: center; gap: 13px; margin: 0 0 14px; font-size: 11px; color: var(--text-2); }
html[data-bnet-presentation] #blizzardBody .bn-offer-search input { display: block; width: auto; flex: 1; min-width: 0; min-height: 38px; height: 38px; margin: 0; padding: 0 11px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text-1); font: inherit; font-size: 12px; }
html[data-bnet-presentation] #blizzardBody .bn-products { padding: 0; margin-bottom: 16px; }
html[data-bnet-presentation] #blizzardBody .bn-sec-head { display: block; margin: 0 0 10px; }
html[data-bnet-presentation] #blizzardBody .bn-sec-head h2 { font-family: inherit; font-size: 18px; font-weight: 650; line-height: 1.25; color: var(--text-1); letter-spacing: -.02em; }
html[data-bnet-presentation] #blizzardBody .bn-sec-head p { max-width: none; margin: 5px 0 0; text-align: left; color: var(--text-2); font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-products .bn-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
html[data-bnet-presentation] #blizzardBody .bn-products .bn-card { display: block; min-height: 0; padding: 14px 37px 14px 15px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); color: var(--text-1); box-shadow: none; overflow: visible; }
html[data-bnet-presentation] #blizzardBody .bn-card:hover { transform: none; border-color: var(--pc-product-accent); }
html[data-bnet-presentation] #blizzardBody .bn-card.on { border-color: var(--pc-product-accent); background: var(--pc-product-soft); box-shadow: inset 0 0 0 1px var(--pc-product-accent); }
html[data-bnet-presentation] #blizzardBody .bn-card .bn-card-art { display: none; }
html[data-bnet-presentation] #blizzardBody .bn-card-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 0; min-width: 0; }
html[data-bnet-presentation] #blizzardBody .bn-card-copy > i { grid-column: 1; margin: 0 0 2px; font-size: 9px; line-height: 1.3; color: var(--pc-product-ink); text-transform: none; letter-spacing: 0; font-style: normal; font-weight: 500; }
html[data-bnet-presentation] #blizzardBody .bn-card-copy > b { grid-column: 1; grid-row: 2; color: var(--text-1); font-size: 14px; line-height: 1.3; font-weight: 650; overflow-wrap: anywhere; }
html[data-bnet-presentation] #blizzardBody .bn-card-copy > strong { grid-column: 2; grid-row: 1 / 3; align-self: center; max-width: 115px; margin: 0; color: var(--text-1); font-size: 14px; line-height: 1.4; text-align: right; }
html[data-bnet-presentation] #blizzardBody .bn-card-copy strong s { color: var(--text-2); font-size: 10px; }
html[data-bnet-presentation] #blizzardBody .bn-card-copy > small,
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-card-copy > small { display: block; grid-column: 1 / -1; margin: 5px 0 0; color: var(--text-2); font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-card-need { display: block; grid-column: 1 / -1; margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--border-2); color: var(--text-2); font-size: 10px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-check { right: 12px; top: 15px; width: 17px; height: 17px; border-color: var(--border); font-size: 9px; }
html[data-bnet-presentation] #blizzardBody .bn-card.on .bn-check { border-color: var(--pc-product-accent); background: var(--pc-product-accent); color: #fff; }
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-card { padding: 13px 32px 13px 13px; }
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-card-copy { display: flex; flex-direction: column; }
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-card-copy > b { font-size: 14px; }
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-card-copy > strong { align-self: flex-start; max-width: none; margin-top: 5px; font-size: 13px; text-align: left; }
html[data-bnet-presentation] #blizzardBody .bn-products-compact .bn-card-copy > small { font-size: 10px; }
html[data-bnet-presentation] #blizzardBody .bn-empty { border: 1px dashed var(--border); border-radius: 13px; padding: 25px 16px; font-size: 13px; color: var(--text-2); }
html[data-bnet-presentation] #blizzardBody .bn-picked-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 14px; padding: 11px 14px; margin: 15px 0 10px; border: 1px solid var(--border-2); border-radius: 11px; background: var(--surface-2); }
html[data-bnet-presentation] #blizzardBody .bn-picked-summary > span { color: var(--text-2); font-size: 10px; }
html[data-bnet-presentation] #blizzardBody .bn-picked-summary > b { flex: 1; font-size: 12px; line-height: 1.4; }
html[data-bnet-presentation] #blizzardBody .bn-picked-summary > a { display: inline-flex; align-items: center; min-height: 32px; margin: 0; color: var(--pc-product-ink); font-size: 11px; font-weight: 650; }
html[data-bnet-presentation] #blizzardBody .bn-help { color: var(--text-2); font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-catalog > .bn-help { margin: 10px 0 0; }
html[data-bnet-presentation] #blizzardBody .bn-catalog > .bn-help a { display: inline-flex; align-items: center; min-height: 35px; color: var(--pc-product-ink); font-size: 11px; }
html[data-bnet-presentation] #blizzardBody .bn-checkout { position: sticky; top: 110px; order: initial; margin: 0; padding: 22px; border: 1px solid var(--pc-product-line); border-radius: 18px; background: var(--surface); color: var(--text-1); box-shadow: 0 10px 40px #0087c609; scroll-margin-top: 115px; }
html[data-bnet-presentation] #blizzardBody .bn-checkout-step { gap: 8px; margin: 0 0 15px; color: var(--text-1); font-size: 13px; font-weight: 650; letter-spacing: -.01em; text-transform: none; }
html[data-bnet-presentation] #blizzardBody .bn-checkout-step i { width: 23px; height: 23px; background: var(--pc-product-accent); font-size: 11px; }
html[data-bnet-presentation] #blizzardBody .bn-sum-top { padding-bottom: 14px; margin-bottom: 15px; border-bottom: 1px solid var(--border-2); }
html[data-bnet-presentation] #blizzardBody .bn-sum-top span { color: var(--text-2); font-size: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; }
html[data-bnet-presentation] #blizzardBody .bn-sum-top b { margin: 4px 0 0; color: var(--text-1); font-size: 16px; line-height: 1.35; font-weight: 650; }
html[data-bnet-presentation] #blizzardBody .bn-alert { padding: 11px 12px; margin-bottom: 15px; border-left-color: #ce9c30; background: color-mix(in srgb, #e4b649 12%, var(--surface)); color: var(--text-1); font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .bn-label { margin: 0; font-size: 12px; color: var(--text-1); font-weight: 600; letter-spacing: 0; text-transform: none; }
html[data-bnet-presentation] #blizzardBody .bn-email { min-height: 45px; height: 45px; border-color: var(--border); background: var(--surface-2); color: var(--text-1); border-radius: 11px; font-size: 14px; }
html[data-bnet-presentation] #blizzardBody .bn-email:focus { border-color: var(--pc-product-accent); box-shadow: 0 0 0 3px #168be51c; }
html[data-bnet-presentation] #blizzardBody .bn-email.bad { border-color: #e34d45; }
html[data-bnet-presentation] #blizzardBody .bn-region { margin-top: 17px; }
html[data-bnet-presentation] #blizzardBody .bn-region legend { margin-bottom: 5px; color: var(--text-1); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
html[data-bnet-presentation] #blizzardBody .bn-region label { gap: 9px; padding: 11px; border-color: var(--border); border-radius: 11px; }
html[data-bnet-presentation] #blizzardBody .bn-region label:has(input:checked) { border-color: var(--pc-product-line); background: var(--pc-product-soft); }
html[data-bnet-presentation] #blizzardBody .bn-region input { accent-color: var(--pc-product-accent); }
html[data-bnet-presentation] #blizzardBody .bn-region b { color: var(--text-1); font-size: 12px; }
html[data-bnet-presentation] #blizzardBody .bn-region small { margin-top: 3px; color: var(--text-2); font-size: 10px; line-height: 1.45; }
html[data-bnet-presentation] #blizzardBody .bn-total { margin: 20px 0 15px; padding-top: 16px; border-top-color: var(--border); }
html[data-bnet-presentation] #blizzardBody .bn-total span { color: var(--text-2); font-size: 12px; }
html[data-bnet-presentation] #blizzardBody .bn-total strong { color: var(--text-1); font-size: 23px; letter-spacing: -.03em; }
html[data-bnet-presentation] #blizzardBody .bn-buy { min-height: 45px; background: var(--pc-product-accent); border-radius: 11px; color: #fff; font-size: 13px; font-weight: 650; box-shadow: none; line-height: 1.4; }
html[data-bnet-presentation] #blizzardBody .bn-buy:hover { transform: none; filter: brightness(1.05); }
html[data-bnet-presentation] #blizzardBody .bn-buy:disabled { cursor: not-allowed; }
html[data-bnet-presentation] #blizzardBody .bn-buy.bn-buy-secondary { border-color: var(--border); background: transparent; color: var(--pc-product-ink); box-shadow: none; }
html[data-bnet-presentation] #blizzardBody .bn-paybadges { margin-top: 13px; }
html[data-bnet-presentation] #blizzardBody .bn-paybadges .pb-title { color: var(--text-2); }
html[data-bnet-presentation] #blizzardBody .bn-paybadges .pb { border-color: var(--border); background: var(--surface-2); color: var(--text-1); }
html[data-bnet-presentation] #blizzardBody .bn-final { color: var(--text-2); font-size: 10px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .pc-product-expired-price { display: grid; gap: 7px; padding: 11px 12px; margin: -3px 0 14px; border: 1px solid color-mix(in srgb, #cf9e35 35%, var(--border)); border-radius: 11px; background: color-mix(in srgb, #e4b649 9%, var(--surface)); color: var(--text-1); font-size: 11px; line-height: 1.5; }
html[data-bnet-presentation] #blizzardBody .pc-product-refresh-price { display: inline-flex; align-items: center; justify-content: flex-start; min-height: 32px; width: fit-content; padding: 0; color: var(--pc-product-ink); font-weight: 650; font-size: 12px; }
html[data-bnet-presentation] #blizzardBody .pc-product-refresh-price[aria-busy="true"] { color: var(--text-2); cursor: wait; }
html[data-bnet-presentation] #blizzardBody .pc-product-refresh-price:focus-visible { outline: 3px solid var(--pc-product-accent); outline-offset: 3px; border-radius: 5px; }
html[data-bnet-presentation] #blizzardBody .pc-product-native-retry { display: none; }
html[data-bnet-presentation] #blizzardBody .bn-how { padding-top: 32px; }
html[data-bnet-presentation] #blizzardBody .bn-how h2,
html[data-bnet-presentation] #blizzardBody .bn-faq h2 { font-family: inherit; font-size: 23px; font-weight: 650; line-height: 1.2; color: var(--text-1); letter-spacing: -.025em; }
html[data-bnet-presentation] #blizzardBody .bn-how article { padding: 17px; border-color: var(--border-2); background: var(--surface); border-radius: 14px; }
html[data-bnet-presentation] #blizzardBody .bn-how i { background: var(--pc-product-soft); color: var(--pc-product-ink); }
html[data-bnet-presentation] #blizzardBody .bn-how b { font-size: 13px; }
html[data-bnet-presentation] #blizzardBody .bn-how p { color: var(--text-2); font-size: 11px; }
html[data-bnet-presentation] #blizzardBody .bn-faq { padding-top: 35px; padding-bottom: 0; }
html[data-bnet-presentation] #blizzardBody .bn-faq details { border-bottom-color: var(--border-2); }
html[data-bnet-presentation] #blizzardBody .bn-faq summary { padding: 15px 0; color: var(--text-1); font-size: 13px; font-weight: 600; }
html[data-bnet-presentation] #blizzardBody .bn-faq summary span { color: var(--pc-product-ink); }
html[data-bnet-presentation] #blizzardBody .bn-faq details p { color: var(--text-2); font-size: 12px; line-height: 1.6; }
html[data-bnet-presentation] #blizzardBody :is(.bn-card, .bn-product-nav button, .bn-buy, .bn-email, #bnOfferSearch, .bn-picked-summary a):focus-visible { outline: 3px solid var(--pc-product-accent); outline-offset: 3px; }
@media (max-width: 900px) {
  html[data-bnet-presentation] #blizzardBody .bn-layout { grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; }
  html[data-bnet-presentation] #blizzardBody .bn-checkout { padding: 18px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-copy { padding: 17px 18px; }
  html[data-bnet-presentation] #blizzardBody .pc-product-picked { padding: 13px 18px 15px; }
  html[data-bnet-presentation] #blizzardBody .bn-card-copy > strong { max-width: 80px; font-size: 12px; }
}
@media (max-width: 740px) {
  html[data-bnet-presentation] #blizzardBody .bn-layout { display: block; padding: 18px 16px 0; }
  html[data-bnet-presentation] #blizzardBody .bn-checkout { position: static; top: auto; margin: 18px 0 0; padding: 18px; }
  html[data-bnet-presentation] #blizzardBody .bn-theme { padding-bottom: 95px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero { grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; row-gap: 0; margin-bottom: 19px; padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-img { grid-column: 1; grid-row: 1 / 3; width: 112px; height: 158px; aspect-ratio: auto; object-position: 51% center; border: 1px solid var(--border-2); border-radius: 14px; align-self: center; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-copy { grid-column: 2; grid-row: 1; padding: 0; margin: 0; }
  html[data-bnet-presentation] #blizzardBody .bn-kicker { gap: 4px; margin-bottom: 5px; font-size: 10px; }
  html[data-bnet-presentation] #blizzardBody .bn-kicker .pl-ico,
  html[data-bnet-presentation] #blizzardBody .bn-kicker svg { width: 15px; height: 15px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero h1 { font-size: 28px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-copy > p { display: none; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-actions { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 5px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-actions a,
  html[data-bnet-presentation] #blizzardBody .bn-hero-actions a.ghost { min-height: 26px; font-size: 9px; }
  html[data-bnet-presentation] #blizzardBody .pc-product-picked { grid-column: 2; grid-row: 2; padding: 8px 0 0; align-self: start; }
  html[data-bnet-presentation] #blizzardBody .pc-product-picked-label { font-size: 9px; }
  html[data-bnet-presentation] #blizzardBody .pc-product-picked-name { font-size: 13px; line-height: 1.3; }
  html[data-bnet-presentation] #blizzardBody .pc-product-picked-description { font-size: 10px; line-height: 1.4; }
  html[data-bnet-presentation] #blizzardBody .bn-product-nav { margin-bottom: 10px; }
  html[data-bnet-presentation] #blizzardBody .bn-product-nav > b { font-size: 13px; }
  html[data-bnet-presentation] #blizzardBody .bn-product-nav > div { margin-top: 9px; gap: 6px; padding-bottom: 3px; }
  html[data-bnet-presentation] #blizzardBody .bn-product-nav button { min-height: 37px; padding: 0 10px; font-size: 11px; }
  html[data-bnet-presentation] #blizzardBody .bn-offer-search { display: block; font-size: 0; margin: 0 0 15px; }
  html[data-bnet-presentation] #blizzardBody .bn-offer-search input { width: 100%; min-height: 39px; height: 39px; font-size: 13px; }
  html[data-bnet-presentation] #blizzardBody .bn-sec-head h2 { font-size: 17px; }
  html[data-bnet-presentation] #blizzardBody .bn-sec-head p { font-size: 10px; }
  html[data-bnet-presentation] #blizzardBody .bn-products .bn-card { padding: 12px 32px 12px 13px; border-radius: 12px; }
  html[data-bnet-presentation] #blizzardBody .bn-card-copy { gap: 1px 9px; }
  html[data-bnet-presentation] #blizzardBody .bn-card-copy > b { font-size: 13px; }
  html[data-bnet-presentation] #blizzardBody .bn-card-copy > strong { font-size: 12px; max-width: 82px; }
  html[data-bnet-presentation] #blizzardBody .bn-card-copy > small { margin-top: 4px; font-size: 10px; }
  html[data-bnet-presentation] #blizzardBody .bn-card-need { font-size: 10px; margin-top: 6px; padding-top: 6px; }
  html[data-bnet-presentation] #blizzardBody .bn-check { right: 9px; top: 12px; width: 16px; height: 16px; }
  html[data-bnet-presentation] #blizzardBody .bn-picked-summary { padding: 10px 12px; gap: 4px 9px; }
  html[data-bnet-presentation] #blizzardBody .bn-picked-summary > span { display: none; }
  html[data-bnet-presentation] #blizzardBody .bn-picked-summary > b { font-size: 11px; }
  html[data-bnet-presentation] #blizzardBody .bn-picked-summary > a { font-size: 10px; }
  html[data-bnet-presentation] #blizzardBody .bn-how { padding: 28px 16px 0; }
  html[data-bnet-presentation] #blizzardBody .bn-how h2,
  html[data-bnet-presentation] #blizzardBody .bn-faq h2 { font-size: 20px; }
  html[data-bnet-presentation] #blizzardBody .bn-how > div { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  html[data-bnet-presentation] #blizzardBody .bn-how article { padding: 14px; }
  html[data-bnet-presentation] #blizzardBody .bn-faq { padding: 29px 16px 0; }
  html[data-bnet-presentation] #blizzardBody .bn-mobile-bar { left: 10px; right: 10px; bottom: calc(74px + env(safe-area-inset-bottom)); grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 10px 12px; border-color: var(--pc-product-line); border-radius: 13px; background: var(--nav-bg); color: var(--text-1); box-shadow: 0 5px 25px #0089d01a; backdrop-filter: blur(18px); }
  html[data-bnet-presentation] #blizzardBody .bn-mobile-bar span { grid-row: 1; }
  html[data-bnet-presentation] #blizzardBody .bn-mobile-bar span small { color: var(--text-2); font-size: 8px; }
  html[data-bnet-presentation] #blizzardBody .bn-mobile-bar span b { color: var(--text-1); font-size: 10px; white-space: normal; line-height: 1.25; }
  html[data-bnet-presentation] #blizzardBody .bn-mobile-bar > strong { grid-column: 1; grid-row: 2; color: var(--text-1); font-size: 12px; }
  html[data-bnet-presentation] #blizzardBody .bn-mobile-bar button { grid-column: 2; grid-row: 1 / 3; min-height: 41px; padding: 0 13px; border-radius: 10px; background: var(--pc-product-accent); font-size: 11px; font-weight: 650; }
}
@media (max-width: 360px) {
  html[data-bnet-presentation] #blizzardBody .bn-hero { grid-template-columns: 96px minmax(0, 1fr); gap: 11px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero-img { width: 96px; height: 155px; }
  html[data-bnet-presentation] #blizzardBody .bn-hero h1 { font-size: 25px; }
  html[data-bnet-presentation] #blizzardBody .pc-product-picked-name { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-bnet-presentation] #blizzardBody .bn-card { transition: none; }
}

/* Battle.net presentation. Native regions, quotes, stock and checkout remain authoritative. */
html[data-bnet-presentation] .pcw-shell {
  --pcw-blue:#087ac9; --pcw-blue-ink:#0069ad; --pcw-ink:var(--text,#19283b);
  --pcw-muted:var(--muted,#657386); --pcw-line:var(--border,#dde5ee);
  --pcw-wash:color-mix(in srgb,var(--surface,#fff) 94%,#087ac9);
  width:100%; max-width:1180px; min-width:0; margin-inline:auto; color:var(--pcw-ink);
}
html[data-bnet-presentation] .pcw-shell *,html[data-bnet-presentation] .pcw-shell *::before,html[data-bnet-presentation] .pcw-shell *::after { box-sizing:border-box; }
html[data-bnet-presentation] .pcw-shell button,html[data-bnet-presentation] .pcw-shell select,html[data-bnet-presentation] .pcw-shell input { font-family:inherit; }
html[data-bnet-presentation] .pcw-shell button { touch-action:manipulation; }
html[data-bnet-presentation] .pcw-shell button:focus-visible,html[data-bnet-presentation] .pcw-shell a:focus-visible,html[data-bnet-presentation] .pcw-shell summary:focus-visible,html[data-bnet-presentation] .pcw-shell select:focus-visible { outline:3px solid var(--pcw-blue); outline-offset:3px; }

/* A compact overview makes the complete regional offer visible before the form. */
html[data-bnet-presentation] .pcw-overview { min-width:0; margin:0 0 18px; }
html[data-bnet-presentation] .pcw-overview-head { display:flex; align-items:center; gap:14px; min-width:0; margin-bottom:22px; }
html[data-bnet-presentation] .pcw-overview-head > :last-child { min-width:0; }
html[data-bnet-presentation] .pcw-overview-icon,html[data-bnet-presentation] .pcw-overview-head > .pl-ico { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; padding:10px; border:1px solid var(--pcw-line); border-radius:14px; background:var(--surface,#fff); color:var(--pcw-blue); box-shadow:none; }
html[data-bnet-presentation] .pcw-overview-icon svg,html[data-bnet-presentation] .pcw-overview-icon img,html[data-bnet-presentation] .pcw-overview-head > .pl-ico svg { display:block; width:28px; height:28px; object-fit:contain; }
html[data-bnet-presentation] .pcw-overview-brand { display:block; margin-bottom:4px; color:var(--pcw-blue-ink); font-size:12px; font-weight:650; line-height:1.35; }
html[data-bnet-presentation] .pcw-overview h2 { margin:0; color:var(--pcw-ink); font-size:clamp(23px,2.6vw,29px); font-weight:750; letter-spacing:-.035em; line-height:1.2; }
html[data-bnet-presentation] .pcw-overview-head p { max-width:690px; margin:6px 0 0; color:var(--pcw-muted); font-size:13px; line-height:1.6; }
html[data-bnet-presentation] .pcw-region-picker { min-width:0; padding:18px 20px; border:1px solid var(--pcw-line); border-radius:18px; background:var(--surface,#fff); }
html[data-bnet-presentation] .pcw-region-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:5px 16px; margin-bottom:14px; }
html[data-bnet-presentation] .pcw-region-heading h2 { display:flex; align-items:center; gap:9px; margin:0; color:var(--pcw-ink); font-size:15px; font-weight:700; line-height:1.45; letter-spacing:-.015em; }
html[data-bnet-presentation] .pcw-region-heading h2::before { display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; height:24px; border-radius:7px; background:var(--pcw-wash); color:var(--pcw-blue-ink); font-size:11px; font-weight:750; content:'1'; }
html[data-bnet-presentation] .pcw-region-heading p { margin:0; color:var(--pcw-muted); font-size:12px; line-height:1.5; }
html[data-bnet-presentation] .pcw-region-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
html[data-bnet-presentation] .pcw-region-options button { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; min-width:0; min-height:76px; padding:12px 13px; border:1px solid var(--pcw-line); border-radius:12px; background:var(--surface,#fff); color:var(--pcw-ink); text-align:left; line-height:1.35; cursor:pointer; transition:border-color .16s,background .16s,box-shadow .16s; }
html[data-bnet-presentation] .pcw-region-title { display:flex; align-items:center; gap:7px; min-width:0; margin-top:4px; }
html[data-bnet-presentation] .pcw-region-flag { display:block; flex:0 0 21px; width:21px; height:14px; overflow:hidden; border-radius:2px; filter:drop-shadow(0 0 .4px rgb(0 0 0 / .28)); }
html[data-bnet-presentation] .pcw-region-options strong { display:block; font-size:17px; font-weight:750; line-height:1.2; letter-spacing:-.02em; }
html[data-bnet-presentation] .pcw-region-options small { display:block; max-width:100%; color:var(--pcw-muted); font-size:11px; line-height:1.4; overflow-wrap:normal; hyphens:auto; }
html[data-bnet-presentation] .pcw-region-options button[aria-pressed="true"] { border-color:var(--pcw-blue); background:var(--pcw-wash); color:var(--pcw-blue-ink); box-shadow:inset 0 0 0 1px var(--pcw-blue); }
html[data-bnet-presentation] .pcw-region-options button[aria-pressed="true"]::after { position:absolute; top:6px; right:7px; color:var(--pcw-blue-ink); font-size:10px; font-weight:800; line-height:1; content:'✓'; }
html[data-bnet-presentation] .pcw-selection-note { margin:12px 0 0; color:var(--pcw-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
html[data-bnet-presentation] .pcw-selection-note strong { color:var(--pcw-ink); font-weight:650; }
html[data-bnet-presentation] .pcw-selection-note a { color:var(--pcw-blue-ink); text-decoration:underline; text-underline-offset:3px; }
html[data-bnet-presentation] .pcw-region-current { display:none; }
html[data-bnet-presentation] #bnetTopupBody .pcw-currency-help { margin:-5px 0 12px; padding:0; border:0; border-radius:0; background:transparent; color:var(--pcw-muted); font-size:12px; line-height:1.6; }
html[data-bnet-presentation] #bnetTopupBody .pcw-currency-help summary { min-height:44px; padding:10px 0; color:var(--pcw-blue-ink); font-size:12px; cursor:pointer; }
html[data-bnet-presentation] #bnetTopupBody .pcw-currency-help p { margin:4px 0 10px; }
html[data-bnet-presentation] .pcw-currency-help-links { display:flex; flex-wrap:wrap; gap:8px 16px; }
html[data-bnet-presentation] .pcw-currency-help-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--pcw-blue-ink); text-underline-offset:3px; }

/* Both real fulfilment methods retain their access requirements. */
html[data-bnet-presentation] .pcw-shell .bnm-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
html[data-bnet-presentation] .pcw-shell .bnm-methods button { display:flex; align-items:center; gap:12px; min-width:0; min-height:92px; padding:16px 18px; border:1px solid var(--pcw-line); border-radius:16px; background:var(--surface,#fff); color:var(--pcw-ink); text-align:left; box-shadow:none; transition:border-color .16s,box-shadow .16s,background .16s; }
html[data-bnet-presentation] .pcw-shell .bnm-methods button[data-bnm-method="card"] { order:-1; }
html[data-bnet-presentation] .pcw-shell .bnm-methods button[aria-selected="true"] { border-color:var(--pcw-blue); background:var(--pcw-wash); color:var(--pcw-ink); box-shadow:inset 0 0 0 1px var(--pcw-blue); }
html[data-bnet-presentation] .pcw-method-icon { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; border:1px solid var(--pcw-line); border-radius:11px; background:var(--surface-2,#f4f7fa); color:var(--pcw-blue-ink); }
html[data-bnet-presentation] .pcw-method-icon svg { display:block; width:21px; height:21px; }
html[data-bnet-presentation] .bnm-methods button[aria-selected="true"] .pcw-method-icon { border-color:color-mix(in srgb,var(--pcw-line) 70%,var(--pcw-blue)); background:var(--surface,#fff); }
html[data-bnet-presentation] .pcw-method-copy { display:block; min-width:0; }
html[data-bnet-presentation] .pcw-method-copy strong { display:block; font-size:16px; font-weight:700; line-height:1.3; letter-spacing:-.02em; }
html[data-bnet-presentation] .pcw-method-copy small { display:block; margin-top:4px; color:var(--pcw-muted); font-size:12px; line-height:1.45; }
html[data-bnet-presentation] .pcw-method-chip { display:block; margin-top:7px; color:var(--pcw-muted); font-size:11px; font-weight:500; line-height:1.45; }

/* The form and its receipt share one quiet hierarchy. */
html[data-bnet-presentation] .pcw-form.bnw { --bnw-accent:var(--pcw-blue); max-width:none; margin:18px auto 0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
html[data-bnet-presentation] .pcw-form .pcw-quiet-intro { display:none; }
html[data-bnet-presentation] .pcw-form .bnw-layout { display:grid; grid-template-columns:minmax(0,1fr) 328px; gap:22px; margin:0; align-items:start; }
html[data-bnet-presentation] .pcw-form .bnw-main { min-width:0; padding:24px; border:1px solid var(--pcw-line); border-radius:18px; background:var(--surface,#fff); }
html[data-bnet-presentation] .pcw-form .bnw-field { margin-bottom:24px; }
html[data-bnet-presentation] .pcw-form .bnw-main h3,html[data-bnet-presentation] .pcw-form .bnm-amount { margin:0 0 15px; color:var(--pcw-ink); font-size:15px; font-weight:700; line-height:1.45; letter-spacing:-.015em; }
html[data-bnet-presentation] .pcw-step { display:flex; align-items:center; gap:9px; }
html[data-bnet-presentation] .pcw-step::before { display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; height:24px; border-radius:7px; background:var(--pcw-wash); color:var(--pcw-blue-ink); font-size:11px; font-weight:750; content:attr(data-pcw-step); }
html[data-bnet-presentation] .pcw-form .bnm-amount { display:block; }
html[data-bnet-presentation] .pcw-form .bnm-currencies { gap:10px; }
html[data-bnet-presentation] .pcw-form .bnm-currency { gap:10px; min-height:74px; padding:14px; border:1px solid var(--pcw-line); border-radius:12px; background:var(--surface,#fff); }
html[data-bnet-presentation] .pcw-form .bnm-currency[aria-pressed="true"] { border-color:var(--pcw-blue); background:var(--pcw-wash); box-shadow:inset 0 0 0 1px var(--pcw-blue); }
html[data-bnet-presentation] .pcw-form .bnm-symbol { flex-basis:34px; width:34px; height:34px; border-radius:9px; background:var(--surface-2,#ecf3f9); color:var(--pcw-blue-ink); font-size:23px; }
html[data-bnet-presentation] .pcw-form .bnm-currency strong { color:var(--pcw-ink); font-size:14px; }
html[data-bnet-presentation] .pcw-form .bnm-currency small { margin-top:3px; font-size:12px; }
html[data-bnet-presentation] .pcw-form .bnm-input { min-height:78px; margin-top:13px; padding:12px 16px; border:1px solid var(--pcw-line); border-radius:12px; background:var(--surface-2,#f8fafc); }
html[data-bnet-presentation] .pcw-form .bnm-input:focus-within { outline:3px solid var(--pcw-blue); outline-offset:3px; }
html[data-bnet-presentation] .pcw-form .bnm-input input { min-height:44px; font-size:34px; font-weight:750; letter-spacing:-.035em; }
html[data-bnet-presentation] .pcw-form .bnm-input input:focus-visible { outline:none; }
html[data-bnet-presentation] .pcw-form .bnm-input b { padding:5px 8px; border-radius:6px; background:var(--surface,#fff); color:var(--pcw-muted); font-size:12px; }
html[data-bnet-presentation] .pcw-form .bnm-input-hint { margin:10px 0 13px; color:var(--pcw-muted); font-size:12px; line-height:1.55; }
html[data-bnet-presentation] .pcw-form .bnm-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
html[data-bnet-presentation] .pcw-form .bnm-presets button { min-width:0; min-height:44px; padding:10px 6px; border:1px solid var(--pcw-line); border-radius:9px; background:var(--surface,#fff); color:var(--pcw-ink); font-size:12px; font-weight:600; white-space:normal; }
html[data-bnet-presentation] .pcw-form .bnm-presets button[aria-pressed="true"] { border-color:var(--pcw-blue); background:var(--pcw-wash); color:var(--pcw-blue-ink); }
html[data-bnet-presentation] .pcw-form .bnw-region-help { margin:4px 0 0; color:var(--pcw-muted); font-size:12px; }
html[data-bnet-presentation] .pcw-form .bnw-region-help summary { min-height:44px; padding:11px 0; color:var(--pcw-blue-ink); font-size:12px; }
html[data-bnet-presentation] .pcw-form .bnw-region-help p { line-height:1.65; }
html[data-bnet-presentation] .pcw-form .bnw-region-help a { color:var(--pcw-blue-ink); }
html[data-bnet-presentation] .pcw-form .bnw-regions.pcw-country-buttons { gap:8px; }
html[data-bnet-presentation] .pcw-form .pcw-country-buttons button { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; flex:1 1 110px; min-height:58px; padding:10px 12px; border:1px solid var(--pcw-line); border-radius:10px; background:var(--surface,#fff); color:var(--pcw-ink); font-size:12px; }
html[data-bnet-presentation] .pcw-form .pcw-country-buttons button small { color:var(--pcw-muted); font-size:11px; }
html[data-bnet-presentation] .pcw-form .pcw-country-buttons button[aria-pressed="true"] { border-color:var(--pcw-blue); background:var(--pcw-wash); color:var(--pcw-blue-ink); box-shadow:inset 0 0 0 1px var(--pcw-blue); }
html[data-bnet-presentation] .pcw-country-select { display:none; }
html[data-bnet-presentation] .pcw-select-label { display:block; margin-bottom:8px; color:var(--pcw-muted); font-size:12px; }
html[data-bnet-presentation] .pcw-native-select { width:100%; min-height:48px; padding:11px 13px; border:1px solid var(--pcw-line); border-radius:10px; background:var(--surface-2,#f6f8fb); color:var(--pcw-ink); font:inherit; font-size:14px; font-weight:600; }
/* The original controls/help stay connected; the unified picker owns this visible step. */
html[data-bnet-presentation] .pcw-form .pcw-region-embedded { display:none; margin-bottom:14px; }
html[data-bnet-presentation] .pcw-form .pcw-region-embedded > h3,html[data-bnet-presentation] .pcw-form .pcw-region-embedded > .bnw-regions,html[data-bnet-presentation] .pcw-form .pcw-region-embedded > .pcw-country-select { display:none; }

/* The denominations still use the original selectable native buttons. */
html[data-bnet-presentation] .pcw-form .bnw-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
html[data-bnet-presentation] .pcw-form .bnw-den { position:relative; align-items:stretch; gap:0; justify-content:flex-start; min-width:0; min-height:155px; padding:16px; border:2px solid transparent; border-radius:13px; overflow:hidden; background:radial-gradient(ellipse at 115% -35%,#108ccc 0,transparent 66%),linear-gradient(135deg,#086bad,#064f90); color:#fff; box-shadow:0 3px 9px #0560a315; transition:border-color .16s,box-shadow .16s,background .16s; }
html[data-bnet-presentation] .pcw-form .bnw-den[aria-pressed="true"] { padding:16px; border-color:#92d9ff; background:radial-gradient(ellipse at 115% -35%,#139ddd 0,transparent 66%),linear-gradient(135deg,#0775bb,#064f90); box-shadow:0 0 0 2px var(--pcw-blue); }
html[data-bnet-presentation] .pcw-den-brand { padding-right:17px; font-size:9px; font-weight:750; letter-spacing:.07em; line-height:1.4; opacity:.9; }
html[data-bnet-presentation] .pcw-den-region { display:flex; align-items:center; gap:6px; margin-top:8px; color:#e4f3ff; }
html[data-bnet-presentation] .pcw-den-region .pcw-region-flag { flex-basis:18px; width:18px; height:12px; }
html[data-bnet-presentation] .pcw-den-region-label { min-width:0; font-size:10px; font-weight:500; line-height:1.35; overflow-wrap:anywhere; }
html[data-bnet-presentation] .pcw-den-credit-label { display:block; margin-top:17px; color:#d3eafa; font-size:11px; line-height:1.35; }
html[data-bnet-presentation] .pcw-form .bnw-face { margin-top:4px; color:#fff; font-size:28px; font-weight:750; line-height:1.15; letter-spacing:-.03em; white-space:normal; overflow-wrap:anywhere; }
html[data-bnet-presentation] .pcw-den-bottom { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 7px; margin-top:auto; padding-top:11px; border-top:1px solid #ffffff30; }
html[data-bnet-presentation] .pcw-form .bnw-face + .pcw-den-bottom { margin-top:14px; }
html[data-bnet-presentation] .pcw-den-pay-label { color:#d3eafa; font-size:11px; line-height:1.3; }
html[data-bnet-presentation] .pcw-form .bnw-price { color:#fff; font-size:14px; font-weight:700; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
html[data-bnet-presentation] .pcw-den-check { display:none; position:absolute; top:10px; right:10px; align-items:center; justify-content:center; width:19px; height:19px; border-radius:50%; background:#fff; color:#0563a7; font-size:12px; font-weight:800; }
html[data-bnet-presentation] .bnw-den[aria-pressed="true"] .pcw-den-check { display:flex; }
html[data-bnet-presentation] .pcw-form .bnw-den:focus-visible { outline:3px solid var(--pcw-blue); outline-offset:3px; }
html[data-bnet-presentation] .pcw-form .bnw-stock-line { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 12px; margin-top:14px; }
html[data-bnet-presentation] .pcw-form .bnw-status { margin:0; padding:0; border:0; background:transparent; color:var(--pcw-muted); font-size:12px; line-height:1.6; }
html[data-bnet-presentation] .pcw-form .bnw-refresh { min-height:44px; margin:0; padding:11px 0; color:var(--pcw-blue-ink); font-size:12px; font-weight:600; }
html[data-bnet-presentation] .pcw-form .bnw-empty { margin:12px 0 0; padding:15px; border:1px solid var(--pcw-line); border-radius:11px; background:var(--surface-2,#f6f8fb); color:var(--pcw-ink); font-size:13px; line-height:1.6; }

/* A readable receipt, including the actual fulfilment and account access copy. */
html[data-bnet-presentation] .pcw-form .pcw-receipt { position:sticky; top:100px; min-width:0; padding:20px; border:1px solid var(--pcw-line); border-radius:18px; background:var(--surface,#fff); box-shadow:0 5px 18px #152b4508; }
html[data-bnet-presentation] .pcw-form .bnw-receipt-head { gap:9px; margin:0 0 16px; }
html[data-bnet-presentation] .pcw-form .bnw-receipt-icon { flex-basis:20px; width:20px; height:20px; color:var(--pcw-blue-ink); }
html[data-bnet-presentation] .pcw-receipt > h3 { margin:0 0 16px; }
html[data-bnet-presentation] .pcw-receipt h3 { color:var(--pcw-ink); font-size:15px; font-weight:700; line-height:1.45; }
html[data-bnet-presentation] .pcw-wallet { position:relative; min-height:150px; padding:17px 18px; border:1px solid #ffffff18; border-radius:13px; overflow:hidden; background:radial-gradient(ellipse at 115% -30%,#148fcd 0,transparent 66%),linear-gradient(135deg,#086bad,#064f90); color:#fff; box-shadow:none; }
html[data-bnet-presentation] .pcw-wallet::after { position:absolute; top:30px; right:-48px; width:146px; height:146px; border:16px solid #ffffff07; border-radius:50%; content:''; pointer-events:none; }
html[data-bnet-presentation] .pcw-wallet-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 8px; margin-bottom:20px; }
html[data-bnet-presentation] .pcw-wallet-brand { font-size:16px; font-weight:750; letter-spacing:-.025em; }
html[data-bnet-presentation] .pcw-wallet-kind { padding:4px 6px; border:1px solid #ffffff35; border-radius:5px; color:#e0f3ff; font-size:10px; font-weight:500; line-height:1.25; }
html[data-bnet-presentation] .pcw-wallet-label { display:block; color:#d3eafa; font-size:11px; line-height:1.35; }
html[data-bnet-presentation] .pcw-wallet-value { display:block; position:relative; z-index:1; margin-top:4px; font-size:29px; font-weight:750; line-height:1.2; letter-spacing:-.03em; overflow-wrap:anywhere; }
html[data-bnet-presentation] .pcw-wallet-pending .pcw-wallet-value { font-size:22px; line-height:1.3; }
html[data-bnet-presentation] .pcw-wallet-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:16px; }
html[data-bnet-presentation] .pcw-wallet-region { color:#d3eafa; font-size:11px; line-height:1.45; }
html[data-bnet-presentation] .pcw-wallet-symbol { display:block; flex:0 0 23px; width:23px; height:23px; color:#c7eaff; }
html[data-bnet-presentation] .pcw-receipt .bnw-total { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:baseline; gap:8px; margin:20px 0 18px; }
html[data-bnet-presentation] .pcw-receipt .bnw-total .pcw-hidden-row { display:none; }
html[data-bnet-presentation] .pcw-receipt .bnw-total .bnw-total-label { margin:0; padding:0; border:0; color:var(--pcw-muted); font-size:13px; }
html[data-bnet-presentation] .pcw-receipt .bnw-total .bnw-total-price { margin:0; padding:0; border:0; color:var(--pcw-ink); font-size:29px; font-weight:750; letter-spacing:-.035em; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
html[data-bnet-presentation] .pcw-receipt .bnw-summary-empty { display:none; }
html[data-bnet-presentation] .pcw-requirements { margin:14px 0 16px; padding:12px 13px; border:1px solid var(--pcw-line); border-radius:10px; background:var(--surface-2,#f6f8fb); }
html[data-bnet-presentation] .pcw-requirements-title { display:block; margin-bottom:5px; color:var(--pcw-ink); font-size:12px; font-weight:650; line-height:1.45; }
html[data-bnet-presentation] .pcw-requirements.pcw-requirements-manual { border-color:color-mix(in srgb,var(--pcw-line) 65%,#b48b37); background:color-mix(in srgb,var(--surface,#fff) 96%,#d6a442); }
html[data-bnet-presentation] .pcw-requirements .bnw-delivery { display:flex; align-items:baseline; gap:7px; margin:0 0 6px; color:var(--pcw-ink); font-size:12px; line-height:1.6; }
html[data-bnet-presentation] .pcw-requirements .bnw-delivery p { margin:0; }
html[data-bnet-presentation] .pcw-requirements .bnw-service-note,html[data-bnet-presentation] .pcw-requirements .bnw-proof { margin:0; padding:0; border:0; color:var(--pcw-muted); font-size:12px; line-height:1.65; }
html[data-bnet-presentation] .pcw-receipt .bnw-check { align-items:flex-start; gap:9px; min-height:44px; margin:0 0 14px; padding:4px 0; color:var(--pcw-ink); font-size:12px; line-height:1.55; }
html[data-bnet-presentation] .pcw-receipt .bnw-check input { flex-basis:18px; width:18px; height:18px; margin-top:1px; }
html[data-bnet-presentation] .pcw-receipt .bnw-actions { display:flex; flex-direction:column; gap:9px; }
html[data-bnet-presentation] .pcw-receipt .bnw-actions .btn { min-height:48px; padding:12px 14px; border:1px solid var(--pcw-blue); border-radius:10px; background:var(--pcw-blue); color:#fff; font-size:14px; font-weight:650; line-height:1.45; box-shadow:none; }
html[data-bnet-presentation] .pcw-receipt .bnw-actions .btn.btn-soft { border-color:var(--pcw-line); background:var(--surface,#fff); color:var(--pcw-blue-ink); }
html[data-bnet-presentation] .pcw-receipt .bnw-actions .btn:disabled,html[data-bnet-presentation] .pcw-receipt .bnw-actions .btn[aria-disabled="true"] { border-color:var(--pcw-line); background:var(--surface-2,#f0f3f6); color:var(--pcw-muted); box-shadow:none; opacity:1; }
html[data-bnet-presentation] .pcw-receipt .bnw-support-link { min-height:44px; margin-top:6px; color:var(--pcw-blue-ink); font-size:12px; }
html[data-bnet-presentation] .pcw-receipt .bnw-error { margin-top:10px; color:var(--pcw-ink); font-size:12px; line-height:1.6; }
html[data-bnet-presentation] .pcw-action-hint { margin:0 0 12px; padding:10px 12px; border-radius:9px; background:var(--pcw-wash); color:var(--pcw-blue-ink); font-size:12px; line-height:1.5; }
html[data-bnet-presentation] .pcw-mobile-summary { display:none; }
html[data-bnet-presentation] .pcw-shell [hidden] { display:none!important; }
html[data-bnet-presentation] #bnetTopupBody .pcw-help { max-width:1228px; margin-top:22px; padding:22px 24px; }
html[data-bnet-presentation] .pcw-help h2 { margin:0 0 18px; font-size:24px; line-height:1.3; letter-spacing:-.025em; }
html[data-bnet-presentation] .pcw-help h3 { margin:24px 0 9px; font-size:14px; line-height:1.5; color:var(--muted,#657386); }
html[data-bnet-presentation] #bnetTopupBody .pcw-help details { margin:0; padding:0 15px; border:0; border-bottom:1px solid var(--border,#dde5ee); border-radius:0; background:transparent; }
html[data-bnet-presentation] .pcw-help summary { display:list-item; min-height:48px; padding:14px 0; font-size:13px; line-height:1.5; }
html[data-bnet-presentation] .pcw-help summary strong { font-weight:600; }
html[data-bnet-presentation] #bnetTopupBody .pcw-help details p { margin:0; padding:0 0 16px; font-size:13px; color:var(--muted,#657386); }
html[data-bnet-presentation] .pcw-help > p { margin-top:20px; font-size:12px; line-height:1.7; }
@media (max-width:680px) {
  html[data-bnet-presentation] #bnetTopupBody .pcw-help { padding:16px; }
  html[data-bnet-presentation] .pcw-help h2 { font-size:21px; }
  html[data-bnet-presentation] .pcw-help summary { font-size:12px; }
}

html[data-bnet-presentation][data-theme="dark"] .pcw-shell { --pcw-blue-ink:#77caff; --pcw-wash:color-mix(in srgb,var(--surface,#161617) 86%,#087ac9); }
html[data-bnet-presentation][data-theme="dark"] .pcw-native-select { color-scheme:dark; }
@media (hover:hover) {
  html[data-bnet-presentation] .pcw-region-options button:not(:disabled):hover,html[data-bnet-presentation] .pcw-shell .bnm-methods button:not(:disabled):hover,html[data-bnet-presentation] .pcw-form .pcw-country-buttons button:not(:disabled):hover,html[data-bnet-presentation] .pcw-form .bnm-presets button:not(:disabled):hover { border-color:var(--pcw-blue); }
  html[data-bnet-presentation] .pcw-form .bnw-den:not(:disabled):hover { border-color:#92d9ff; background:radial-gradient(ellipse at 115% -35%,#139ddd 0,transparent 66%),linear-gradient(135deg,#0775bb,#064f90); box-shadow:0 5px 13px #0560a329; }
}
@media (max-width:1050px) {
  html[data-bnet-presentation] .pcw-form .bnw-layout { grid-template-columns:minmax(0,1fr) 304px; gap:18px; }
  html[data-bnet-presentation] .pcw-form .bnw-main { padding:20px; }
  html[data-bnet-presentation] .pcw-form .bnw-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-bnet-presentation] .pcw-region-options { gap:8px; }
  html[data-bnet-presentation] .pcw-region-options button { padding:11px; }
}
@media (max-width:850px) {
  html[data-bnet-presentation] .pcw-form .bnw-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
  html[data-bnet-presentation] .pcw-form .pcw-receipt { position:static; top:auto; }
  html[data-bnet-presentation] .pcw-form .bnw-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html[data-bnet-presentation] .pcw-region-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
  html[data-bnet-presentation] .pcw-wallet { min-height:146px; }
  html[data-bnet-presentation] .pcw-receipt .bnw-total { grid-template-columns:minmax(0,1fr) auto; }
}
@media (max-width:680px) {
  html[data-bnet-presentation] .pcw-region-chosen .pcw-region-current { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--pcw-blue); border-radius:11px; background:var(--pcw-wash); color:var(--pcw-ink); text-align:left; cursor:pointer; }
  html[data-bnet-presentation] .pcw-region-current-copy { display:flex; align-items:center; gap:7px; flex-wrap:wrap; min-width:0; }
  html[data-bnet-presentation] .pcw-region-current-copy strong { font-size:14px; }
  html[data-bnet-presentation] .pcw-region-current-copy > span { color:var(--pcw-muted); font-size:12px; }
  html[data-bnet-presentation] .pcw-region-edit { flex-shrink:0; color:var(--pcw-blue-ink); font-size:12px; font-weight:650; }
  html[data-bnet-presentation] .pcw-region-chosen:not(.pcw-region-collapsed) .pcw-region-current { margin-bottom:10px; }
  html[data-bnet-presentation] .pcw-region-collapsed .pcw-region-options,html[data-bnet-presentation] .pcw-region-collapsed .pcw-selection-note,html[data-bnet-presentation] .pcw-region-collapsed .pcw-region-heading p { display:none; }
  html[data-bnet-presentation] #bnetTopupBody .pcw-currency-help { margin:-5px 0 8px; font-size:13px; }
  html[data-bnet-presentation] #bnetTopupBody .pcw-currency-help summary { font-size:12px; }
  html[data-bnet-presentation] .pcw-den-region-label { font-size:9px; }
  html[data-bnet-presentation] .pcw-den-region { align-items:flex-start; }
  html[data-bnet-presentation] .pcw-mobile-summary { position:fixed; z-index:1340; inset:auto 0 var(--pcw-dock-height,0px); display:block; width:100%; margin:0; padding:10px 16px 9px; border-top:1px solid var(--pcw-line); background:var(--surface,#fff); color:var(--pcw-ink); box-shadow:0 -5px 22px #10233912; }
  html[data-bnet-presentation] .pcw-mobile-summary-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  html[data-bnet-presentation] .pcw-mobile-summary-copy { flex:1; min-width:0; }
  html[data-bnet-presentation] .pcw-mobile-credit { display:block; color:var(--pcw-muted); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
  html[data-bnet-presentation] .pcw-mobile-price { display:block; margin-top:3px; font-size:16px; line-height:1.3; letter-spacing:-.025em; overflow-wrap:anywhere; }
  html[data-bnet-presentation] .pcw-mobile-next { flex:0 1 145px; min-width:0; min-height:46px; padding:10px 12px; border:0; border-radius:11px; background:var(--pcw-blue); color:white; font-size:12px; font-weight:650; line-height:1.35; cursor:pointer; }
  html[data-bnet-presentation] .pcw-mobile-reason { margin:6px 0 0; color:var(--pcw-muted); font-size:11px; line-height:1.4; }
  html[data-bnet-presentation] body.pcw-has-summary { padding-bottom:calc(var(--pcw-dock-height,0px) + var(--pcw-summary-height,90px) + 16px); }
  html[data-bnet-presentation] body.pcw-has-summary .cfab,html[data-bnet-presentation] body.pcw-has-summary .scrolltop { bottom:calc(var(--pcw-dock-height,0px) + var(--pcw-summary-height,90px) + 10px); }
  html[data-bnet-presentation] .pcw-shell .bnw-grid,html[data-bnet-presentation] .pcw-shell .bnw-check,html[data-bnet-presentation] .pcw-shell .bnw-actions,html[data-bnet-presentation] .pcw-shell .bnm-amount { scroll-margin-block:180px; }
  html[data-bnet-presentation] .pcw-overview { margin-bottom:14px; }
  html[data-bnet-presentation] .pcw-overview-head { align-items:flex-start; gap:11px; margin-bottom:16px; }
  html[data-bnet-presentation] .pcw-overview-icon,html[data-bnet-presentation] .pcw-overview-head > .pl-ico { flex-basis:42px; width:42px; height:42px; padding:8px; border-radius:12px; }
  html[data-bnet-presentation] .pcw-overview-icon svg,html[data-bnet-presentation] .pcw-overview-icon img,html[data-bnet-presentation] .pcw-overview-head > .pl-ico svg { width:25px; height:25px; }
  html[data-bnet-presentation] .pcw-overview-brand { margin-bottom:3px; font-size:11px; }
  html[data-bnet-presentation] .pcw-overview h2 { font-size:23px; }
  html[data-bnet-presentation] .pcw-overview-head p { margin-top:5px; font-size:12px; line-height:1.55; }
  html[data-bnet-presentation] .pcw-region-picker { padding:15px 14px; border-radius:15px; }
  html[data-bnet-presentation] .pcw-region-heading { gap:6px; margin-bottom:12px; }
  html[data-bnet-presentation] .pcw-region-heading h2 { font-size:14px; }
  html[data-bnet-presentation] .pcw-region-heading p { font-size:11px; }
  html[data-bnet-presentation] .pcw-region-options { gap:7px; }
  html[data-bnet-presentation] .pcw-region-options button { min-height:76px; gap:5px; padding:10px; border-radius:10px; }
  html[data-bnet-presentation] .pcw-region-options strong { font-size:16px; }
  html[data-bnet-presentation] .pcw-region-options small { font-size:11px; }
  html[data-bnet-presentation] .pcw-region-title { gap:6px; }
  html[data-bnet-presentation] .pcw-region-options button[aria-pressed="true"]::after { top:5px; right:6px; font-size:9px; }
  html[data-bnet-presentation] .pcw-selection-note { margin-top:10px; font-size:11px; line-height:1.6; }
  html[data-bnet-presentation] .pcw-shell .bnm-methods { gap:8px; }
  html[data-bnet-presentation] .pcw-shell .bnm-methods button { align-items:flex-start; gap:8px; min-height:100px; padding:12px; border-radius:13px; }
  html[data-bnet-presentation] .pcw-method-icon { display:none; }
  html[data-bnet-presentation] .pcw-method-copy strong { font-size:14px; line-height:1.35; }
  html[data-bnet-presentation] .pcw-method-copy small { margin-top:5px; font-size:11px; line-height:1.45; }
  html[data-bnet-presentation] .pcw-method-chip { margin-top:7px; font-size:11px; line-height:1.4; }
  html[data-bnet-presentation] .pcw-form.bnw { margin-top:14px; }
  html[data-bnet-presentation] .pcw-form .bnw-main { padding:17px 15px 12px; border-radius:15px; }
  html[data-bnet-presentation] .pcw-form .bnw-main h3,html[data-bnet-presentation] .pcw-form .bnm-amount { margin-bottom:13px; font-size:14px; }
  html[data-bnet-presentation] .pcw-form .bnw-field { margin-bottom:20px; }
  html[data-bnet-presentation] .pcw-form .pcw-region-embedded { margin-bottom:12px; }
  html[data-bnet-presentation] .pcw-step::before,html[data-bnet-presentation] .pcw-region-heading h2::before { flex-basis:22px; width:22px; height:22px; font-size:10px; }
  html[data-bnet-presentation] .pcw-form .bnm-currencies { gap:8px; }
  html[data-bnet-presentation] .pcw-form .bnm-currency { gap:8px; min-height:70px; padding:10px; border-radius:10px; }
  html[data-bnet-presentation] .pcw-form .bnm-currency strong { font-size:13px; }
  html[data-bnet-presentation] .pcw-form .bnm-symbol { flex-basis:28px; width:28px; height:30px; font-size:22px; }
  html[data-bnet-presentation] .pcw-form .bnm-currency .bnw-choice-dot { display:none; }
  html[data-bnet-presentation] .pcw-form .bnm-currency small { font-size:11px; }
  html[data-bnet-presentation] .pcw-form .bnm-input { min-height:74px; margin-top:12px; padding:10px 13px; }
  html[data-bnet-presentation] .pcw-form .bnm-input input { font-size:30px; }
  html[data-bnet-presentation] .pcw-form .bnm-input-hint { margin:10px 0 12px; font-size:12px; }
  html[data-bnet-presentation] .pcw-form .bnm-presets { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  html[data-bnet-presentation] .pcw-form .bnm-presets button { min-height:44px; font-size:12px; }
  html[data-bnet-presentation] .pcw-form .pcw-country-buttons { display:none; }
  html[data-bnet-presentation] .pcw-country-select { display:block; }
  html[data-bnet-presentation] .pcw-select-label { display:none; }
  html[data-bnet-presentation] .pcw-form .bnw-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  html[data-bnet-presentation] .pcw-form .bnw-den,html[data-bnet-presentation] .pcw-form .bnw-den[aria-pressed="true"] { min-height:146px; padding:13px 12px; border-radius:11px; }
  html[data-bnet-presentation] .pcw-den-brand { font-size:9px; }
  html[data-bnet-presentation] .pcw-den-credit-label { margin-top:15px; font-size:10px; }
  html[data-bnet-presentation] .pcw-form .bnw-face { font-size:25px; }
  html[data-bnet-presentation] .pcw-den-bottom { display:block; padding-top:10px; }
  html[data-bnet-presentation] .pcw-form .bnw-face + .pcw-den-bottom { margin-top:12px; }
  html[data-bnet-presentation] .pcw-den-pay-label { display:block; margin-bottom:3px; font-size:10px; }
  html[data-bnet-presentation] .pcw-form .bnw-price { font-size:13px; }
  html[data-bnet-presentation] .pcw-form .pcw-receipt { padding:18px 15px; border-radius:15px; }
  html[data-bnet-presentation] .pcw-wallet { min-height:149px; padding:16px 17px; border-radius:12px; }
  html[data-bnet-presentation] .pcw-wallet-value { font-size:29px; }
  html[data-bnet-presentation] .pcw-wallet-pending .pcw-wallet-value { font-size:22px; }
  html[data-bnet-presentation] .pcw-receipt .bnw-total { margin:19px 0 17px; }
  html[data-bnet-presentation] .pcw-receipt .bnw-total .bnw-total-price { font-size:29px; }
}
@media (max-width:359px) {
  html[data-bnet-presentation] .pcw-region-picker { padding-inline:12px; }
  html[data-bnet-presentation] .pcw-region-options { gap:6px; }
  html[data-bnet-presentation] .pcw-region-options button { padding:9px 8px; }
  html[data-bnet-presentation] .pcw-region-title { gap:4px; margin-top:5px; }
  html[data-bnet-presentation] .pcw-region-flag { flex-basis:18px; width:18px; height:12px; }
  html[data-bnet-presentation] .pcw-region-options strong { font-size:15px; }
  html[data-bnet-presentation] .pcw-shell .bnm-methods button { padding:11px 10px; }
  html[data-bnet-presentation] .pcw-method-copy strong { font-size:13px; }
  html[data-bnet-presentation] .pcw-form .bnw-face { font-size:22px; }
  html[data-bnet-presentation] .pcw-form .bnw-price { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-bnet-presentation] .pcw-shell *,html[data-bnet-presentation] .pcw-shell *::before,html[data-bnet-presentation] .pcw-shell *::after { transition:none!important; animation:none!important; }
}
@media (forced-colors:active) {
  html[data-bnet-presentation] .pcw-region-options button,html[data-bnet-presentation] .pcw-form .bnw-den { border-color:ButtonText; }
  html[data-bnet-presentation] .pcw-region-options button[aria-pressed="true"],html[data-bnet-presentation] .pcw-shell .bnm-methods button[aria-selected="true"],html[data-bnet-presentation] .pcw-form .bnw-den[aria-pressed="true"] { outline:3px solid Highlight; outline-offset:2px; }
}


html[data-bnet-presentation] #bnetTopupBody .bns-topup { padding:23px 24px 30px; }
html[data-bnet-presentation] #bnetTopupBody .bns-topup-h { max-width:750px; margin-bottom:20px; }
html[data-bnet-presentation] #bnetTopupBody .bns-topup-h h1 { font-size:35px; letter-spacing:-.04em; line-height:1.15; }
html[data-bnet-presentation] #bnetTopupBody .bns-topup-h p { margin-top:8px; max-width:650px; font-size:14px; line-height:1.65; color:var(--text-2); }
html[data-bnet-presentation] .pcw-region-unavailable .bnw-grid,html[data-bnet-presentation] .pcw-region-unavailable .bnw-summary { display:none!important; }
html[data-bnet-presentation] .pcw-region-options button:disabled { opacity:.55; cursor:not-allowed; }
@media(max-width:680px) {
 html[data-bnet-presentation] #bnetTopupBody .bns-topup { padding:18px 16px 30px; }
 html[data-bnet-presentation] #bnetTopupBody .bns-topup-h h1 { font-size:27px; }
 html[data-bnet-presentation] #bnetTopupBody .bns-topup-h p { font-size:12px; }
}