html {
  scroll-behavior: smooth;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

body {
  position: relative;
}

.component {
  max-width: 100%;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #0c2899;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1238cc;
}

.bc-globe-product-shell {
  min-width: 0;
  height: 100%;
  color: #fff;
  font: 400 16px/1.5 "Inter", Arial, sans-serif;
}

.bc-globe-product-shell * {
  box-sizing: border-box;
}

.bc-globe-product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 16px;
  background: linear-gradient(155deg, #0b0d14, #08090d);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.bc-globe-product-card:hover {
  border-color: rgba(2, 114, 249, 0.42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 38px -28px rgba(2, 114, 249, 0.5);
  transform: translateY(-3px);
}

.bc-globe-product-card--group {
  border-color: rgba(2, 114, 249, 0.2);
  background: linear-gradient(155deg, #0c101b, #080a10);
}

.bc-globe-product-card--group:hover {
  border-color: rgba(2, 114, 249, 0.58);
}

.bc-globe-product-card:focus-visible {
  outline: 2px solid rgba(2, 114, 249, 0.7);
  outline-offset: 3px;
}

.bc-globe-product-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: radial-gradient(circle at 50% 35%, rgba(2, 114, 249, 0.12), transparent 44%), linear-gradient(145deg, #141720, #0d0f15);
}

.bc-globe-product-media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
}

.bc-globe-product-card:hover .bc-globe-product-media > img {
  filter: brightness(1.06);
  transform: scale(1.025);
}

.bc-globe-product-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: rgba(2, 114, 249, 0.65);
}

.bc-globe-product-placeholder svg {
  width: 3rem;
  height: 3rem;
}

.bc-globe-product-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(8, 9, 13, 0.68), transparent 45%, rgba(8, 9, 13, 0.08));
}

.bc-globe-product-badges {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  max-width: calc(100% - 24px);
}

.bc-globe-product-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 4px 10px;
  border: 1px solid rgba(2, 114, 249, 0.32);
  border-radius: 999px;
  background: rgba(8, 12, 23, 0.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #dbeafe;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.bc-globe-product-badge--group {
  border-color: rgba(2, 114, 249, 0.42);
  background: rgba(12, 40, 153, 0.36);
  color: #7db8ff;
}

.bc-globe-product-body {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  padding: 16px;
}

.bc-globe-product-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  margin-bottom: 6px;
}

.bc-globe-product-name {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #fff;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bc-globe-product-status {
  flex-shrink: 0;
  color: #53d98b;
  font-size: 0.68rem;
  font-weight: 650;
  white-space: nowrap;
}

.bc-globe-product-status--out {
  color: #f37b86;
}

.bc-globe-product-status--group {
  color: #7db8ff;
}

.bc-globe-product-description {
  display: -webkit-box;
  height: 3.2em;
  min-height: 3.2em;
  max-height: 3.2em;
  margin: 0 0 12px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.75rem;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bc-globe-product-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bc-globe-product-action {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  min-width: 0;
  padding: 5px 11px;
  border: 1px solid rgba(2, 114, 249, 0.38);
  border-radius: 10px;
  background: linear-gradient(180deg, #1238cc, #0c2899);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 8px 18px -14px rgba(2, 114, 249, 0.95);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: filter 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.bc-globe-product-action:hover,
.bc-globe-product-action:focus-visible {
  border-color: rgba(125, 184, 255, 0.74);
  color: #fff;
  filter: brightness(1.12);
  outline: none;
  transform: translateY(-1px);
}

.bc-globe-product-action svg {
  width: 0.9rem;
  height: 0.9rem;
}

.bc-globe-product-action span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-globe-product-action--group {
  margin-left: auto;
  background: rgba(2, 114, 249, 0.1);
  box-shadow: none;
  color: #7db8ff;
}

.bc-globe-product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  margin-left: auto;
}

.bc-globe-product-card--group .bc-globe-product-price {
  margin-left: 0;
}

.bc-globe-product-price-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  max-width: 100%;
  padding: 4px 4px 4px 11px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: linear-gradient(145deg, #1a1d27, #0f1117);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 3px 10px rgba(0, 0, 0, 0.22);
  white-space: nowrap;
}

.bc-globe-product-from {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  text-transform: uppercase;
}

.bc-globe-product-price strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 27px;
  padding: 4px 10px;
  border: 1px solid rgba(74, 222, 128, 0.16);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(56, 185, 105, 0.24), rgba(34, 119, 72, 0.14));
  box-shadow: inset 0 1px 0 rgba(149, 255, 184, 0.08), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #35d978;
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.1;
  white-space: nowrap;
}

.bc-globe-product-price del {
  color: rgba(255, 255, 255, 0.38);
  font-size: 0.68rem;
}

@media (max-width: 520px) {
  .bc-globe-product-body {
    padding: 13px;
  }

  .bc-globe-product-footer {
    flex-wrap: nowrap;
  }

  .bc-globe-product-action {
    min-height: 34px;
    padding-inline: 9px;
  }

  .bc-globe-product-price {
    margin-left: auto;
  }

  .bc-globe-product-card--group .bc-globe-product-price {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bc-globe-product-card,
  .bc-globe-product-card * {
    transition: none !important;
  }
}

/* Product page — 069 layout, GlobeCheats styling */
.globe-product-page {
  --globe-product-accent: #0c2899;
  --globe-product-accent-light: #4d88e6;
  --globe-product-line: rgba(255, 255, 255, 0.075);
  position: relative;
  isolation: isolate;
  min-height: 100dvh;
  overflow: hidden;
  background: #000;
  color: #f5f6fa;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.globe-product-page,
.globe-product-page * { box-sizing: border-box; }
.globe-product-page :is(button, input, select) { font-family: inherit; }

.globe-product-background {
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 34% at 50% 0%, rgba(12, 40, 153, 0.16), transparent 72%), linear-gradient(to bottom, rgba(8, 12, 27, 0.58), transparent 460px);
}

.globe-product-background > span {
  position: absolute;
  top: -180px;
  left: 50%;
  width: min(1050px, 85vw);
  height: 430px;
  border-radius: 50%;
  background: rgba(12, 40, 153, 0.09);
  filter: blur(120px);
  transform: translateX(-50%);
}

.globe-product-container { width: min(1180px, calc(100% - 64px)); margin-inline: auto; padding: 118px 0 76px; }
.globe-product-breadcrumb { display: flex; min-width: 0; align-items: center; gap: 14px; margin-bottom: 28px; color: #4a4d59; font-size: 12px; line-height: 1.5; }
.globe-product-breadcrumb a { display: inline-flex; max-width: 35%; flex-shrink: 0; align-items: center; gap: 8px; color: #888b96; text-decoration: none; transition: color .2s; }
.globe-product-breadcrumb a:first-child { max-width: none; }
.globe-product-breadcrumb a:hover { color: #fff; }
.globe-product-breadcrumb svg { width: 14px; height: 14px; flex-shrink: 0; }
.globe-product-breadcrumb [aria-current] { overflow: hidden; color: #c5c7cf; text-overflow: ellipsis; white-space: nowrap; }
.globe-product-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: start; gap: 28px; }
.globe-product-information { display: grid; min-width: 0; gap: 22px; }
.globe-product-gallery { min-width: 0; }

.globe-product-page .carousel-inner,
.globe-product-single-image,
.globe-product-placeholder {
  overflow: hidden;
  border: 1px solid var(--globe-product-line);
  border-radius: 16px;
  background: radial-gradient(circle at 50% 35%, rgba(12, 40, 153, 0.12), transparent 46%), linear-gradient(145deg, #141720, #0d0f15 72%);
  box-shadow: inset 0 1px rgba(255,255,255,.035), inset 0 -1px rgba(255,255,255,.02);
}

.globe-product-page .carousel-inner img,
.globe-product-single-image img {
  display: block;
  width: 100%;
  padding: clamp(10px, 1.7vw, 18px);
  border-radius: 0;
  object-fit: contain !important;
  transform: scale(1.08);
  transition: transform .6s cubic-bezier(.2,.65,.3,1);
}

.globe-product-page .carousel-item { float: left; }
.globe-product-page .thumbnails { display: flex; gap: 10px; margin-top: 12px; padding: 2px; overflow-x: auto; scrollbar-width: thin; }
.globe-product-page .thumbnails button { width: 80px; height: 54px; flex: 0 0 80px; padding: 3px; overflow: hidden; border: 1px solid #252832; border-radius: 8px; background: #0f1117; opacity: .5; transition: border-color .2s, opacity .2s; }
.globe-product-page .thumbnails button.active { border-color: #315bc9; opacity: 1; }
.globe-product-page .thumbnails button:hover { opacity: 1; }
.globe-product-page .thumbnails button img { display: block; width: 100%; height: 100%; padding: 2px; border-radius: 4px; object-fit: contain; }
.globe-product-placeholder { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 18px; padding: 32px; color: #747781; }
.globe-product-placeholder svg { width: 58px; height: 58px; color: var(--globe-product-accent-light); }
.globe-product-placeholder span { font-size: 14px; text-align: center; }

.globe-product-details,
.globe-product-purchase {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--globe-product-line);
  border-radius: 16px;
  background: linear-gradient(145deg, #121318, #0d0e12 72%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.globe-product-tabs { display: flex; align-items: stretch; gap: 24px; margin: 0 26px; overflow-x: auto; border-bottom: 1px solid var(--globe-product-line); scrollbar-width: none; }
.globe-product-tabs::-webkit-scrollbar { display: none; }
.globe-product-tabs button { position: relative; display: inline-flex; flex-shrink: 0; align-items: center; gap: 7px; padding: 21px 0 17px; border: 0; background: transparent; color: #858894; font-size: 13px; line-height: 1.5; font-weight: 500; cursor: pointer; transition: color .2s; }
.globe-product-tabs button:hover { color: #e4e6ec; }
.globe-product-tabs button.is-active { color: #73a6f4; }
.globe-product-tabs button::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; border-radius: 2px; background: #2f63d8; content: ""; transform: scaleX(0); transition: transform .2s; }
.globe-product-tabs button.is-active::after { transform: scaleX(1); }
.globe-product-tabs button > svg { width: 14px; height: 14px; opacity: .75; }
.globe-product-content { padding: 25px 26px 28px; }
.globe-product-content .editor { color: #a5a8b2; font: 400 14px/1.8 "Inter", sans-serif; overflow-wrap: anywhere; }
.globe-product-content .editor > :first-child { margin-top: 0; }
.globe-product-content .editor > :last-child { margin-bottom: 0; }
.globe-product-content .editor :is(img, video, iframe) { max-width: 100%; height: auto; }

.globe-product-purchase { position: relative; padding: 28px; }
.globe-product-purchase::before { position: absolute; top: -1px; right: 20px; left: 20px; height: 1px; background: linear-gradient(90deg, transparent, rgba(77,136,230,.46), transparent); content: ""; pointer-events: none; }
.globe-product-heading h1 { margin: 0; color: #f7f8fb; font: 700 clamp(25px,2.6vw,34px)/1.18 "Inter", sans-serif; letter-spacing: -.04em; overflow-wrap: anywhere; }

.product-wrapper .globe-product-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 0 0 17px; }
.product-wrapper .globe-product-badges > a,
.product-wrapper .globe-product-badges > div,
.globe-product-status-badge { display: inline-flex; max-width: 100%; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid rgba(77,136,230,.2); border-radius: 6px; background: rgba(12,40,153,.09) !important; color: #79aaf4; font-size: 11px; line-height: 1.4; font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.product-wrapper .globe-product-badges > div { color: #fff; }
.product-wrapper .globe-product-badges > a:hover { color: #b8d4ff; }
.globe-product-badges svg,
.globe-product-status-badge > svg { width: 13px; height: 13px; flex-shrink: 0; }
.globe-product-status-badge { border-color: color-mix(in srgb,var(--globe-status-color,#9797a5) 22%,transparent); background: color-mix(in srgb,var(--globe-status-color,#9797a5) 7%,transparent) !important; color: var(--globe-status-color,#9797a5); }
.globe-product-status-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: currentColor; }

.globe-product-price-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 25px; padding-bottom: 23px; border-bottom: 1px solid var(--globe-product-line); }
.globe-product-price-block { min-width: 0; }
.globe-product-unit-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; color: #f5f6fa; font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.globe-product-unit-price s { color: #666a74; font-size: 14px; font-weight: 400; letter-spacing: 0; }
.globe-product-selected-name { display: block; margin-top: 6px; color: #7d808a; font-size: 12px; overflow-wrap: anywhere; }
.globe-product-stock-wrap { max-width: 50%; flex-shrink: 0; }
.globe-product-stock { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid rgba(66,201,127,.14); border-radius: 6px; background: rgba(66,201,127,.04); color: #72cd98; font-size: 10px; line-height: 1.4; font-weight: 500; }
.globe-product-stock-dot { width: 4px; height: 4px; flex-shrink: 0; border-radius: 50%; background: currentColor; }
.globe-product-stock.is-unavailable { border-color: rgba(235,134,141,.13); background: rgba(235,134,141,.03); color: #eb868d; }
.globe-product-stock.is-hold { border-color: rgba(223,191,121,.13); background: rgba(223,191,121,.03); color: #dfbf79; }

.globe-product-form { margin-top: 23px; }
.globe-product-form > .row { --bs-gutter-x: 0; margin: 0; row-gap: 21px; }
.globe-product-form > .row > .mb-3 { margin-bottom: 0 !important; }
.globe-product-form .form-label { display: block; margin-bottom: 11px; color: #c6c8d0; font-size: 12px; line-height: 1.4; font-weight: 500; }
.globe-product-form .variants { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 9px; }
.globe-product-form .variants .variant { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 66px; padding: 13px 15px 13px 43px; border: 1px solid #272a32; border-radius: 9px; background: #14161c; color: #eef0f4; outline: none; box-shadow: none; transition: border-color .2s, background .2s; }
.globe-product-form .variants .variant::before { position: absolute; top: 50%; left: 15px; width: 14px; height: 14px; border: 1px solid #454956; border-radius: 50%; content: ""; transform: translateY(-50%); }
.globe-product-form .variants .variant.active { border-color: rgba(77,136,230,.72); background: linear-gradient(110deg,rgba(12,40,153,.2),rgba(12,40,153,.045)); }
.globe-product-form .variants .variant.active::before { border: 4px solid #3e77dd; background: #fff; }
.globe-product-form .variants .variant:hover:not(:disabled) { border-color: #416fbf; }
.globe-product-form .variants .variant:disabled { cursor: not-allowed; opacity: .36; }
.globe-product-form .variants .variant .name-stock { min-width: 0; text-align: left; }
.globe-product-form .variants .variant .name { margin: 0; color: #e4e6ec; font-size: 13px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.globe-product-form .variants .variant .description { margin: 5px 0 0; color: #999da8 !important; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.globe-product-form .variants .variant .stock { margin: 3px 0 0; color: #7a7e89 !important; font-size: 10px; line-height: 1.4; }
.globe-product-form .variants .variant .stock svg { width: 13px; height: 13px; }
.globe-product-form .variants .variant .price { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; padding: 0; border-radius: 0; background: none; color: #e4e7ee; font-size: 13px; line-height: 1.4; font-weight: 500; font-variant-numeric: tabular-nums; }
.globe-product-form .variants .variant .price s { font-size: 10px; }
.globe-product-form .variants .active-indicator { display: none; }

.globe-product-quantity-field { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 9px; }
.globe-product-quantity-field > .form-label { margin: 0; }
.globe-product-quantity-field > .globe-product-quantity { grid-column: 2; }
.globe-product-quantity-field > :is(small,div:not(.globe-product-quantity)) { grid-column: 1/-1; }
.globe-product-quantity-field > div > .mt-2 { margin-top: 0 !important; }
.globe-product-quantity { display: flex; width: 145px; max-width: 100%; height: 42px; overflow: hidden; border: 1px solid #2c3039; border-radius: 8px; background: #15171d; }
.globe-product-quantity > .btn { display: grid; width: 42px; margin: 0; padding: 0; place-items: center; border: 0; border-radius: 0; background: transparent; color: #b4b7c1; box-shadow: none; }
.globe-product-quantity > .btn:hover:not(:disabled) { background: #222632; color: #fff; }
.globe-product-quantity > .btn:disabled { opacity: .3; }
.globe-product-quantity > .btn svg { width: 15px; height: 15px; }
.globe-product-quantity > input { min-width: 0; flex: 1; margin: 0; padding: 0 2px; border: 0; border-radius: 0; background: transparent; color: #edeff4; text-align: center; font-size: 13px; font-weight: 500; box-shadow: none; appearance: textfield; }
.globe-product-quantity > input::-webkit-inner-spin-button,
.globe-product-quantity > input::-webkit-outer-spin-button { margin: 0; appearance: none; }
.globe-product-quantity:focus-within { border-color: #4d88e6; }

.globe-product-form .form-text { display: block; margin-top: 8px; font-size: 11px; }
.globe-product-form .border,
.globe-product-form .addon-item { border-color: var(--globe-product-line) !important; border-radius: 9px !important; background: rgba(255,255,255,.012); }
.globe-product-form .small { font-size: 11px; line-height: 1.6; }
.globe-product-form .text-primary { color: #78a7f0 !important; }
.globe-product-form .text-muted { color: #9195a0 !important; }
.globe-product-form .addon-item { flex-wrap: wrap; }
.globe-product-form .addon-item p { font-size: 12px; }
.globe-product-form .addon-item .addon-image { width: 34px; height: 34px; object-fit: cover; }
.globe-product-form .btn-sm { border-radius: 6px; font-size: 11px; }
.globe-product-form .alert { margin: 0; border-radius: 8px; font-size: 12px; }

.globe-product-order-total { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 21px; border-top: 1px solid var(--globe-product-line); }
.globe-product-order-label { min-width: 0; color: #d0d2d9; font-size: 12px; }
.globe-product-order-label small { display: block; margin-top: 4px; color: #7d818d; font-size: 11px; overflow-wrap: anywhere; }
.globe-product-order-total > strong { color: #f7f8fb; font-size: 24px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2; font-variant-numeric: tabular-nums; text-align: end; }

.globe-product-page .globe-product-form .buy-buttons { display: flex; flex-direction: column !important; gap: 9px !important; margin-top: -3px !important; }
.globe-product-page .buy-buttons > .col { flex: 1 0 auto; }
.globe-product-page .buy-buttons > .col:has(.globe-product-buy) { order: -1; }
.globe-product-page .buy-buttons .btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 46px; padding: 12px 16px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; line-height: 1.4; font-weight: 700; box-shadow: none; transition: background .2s,border-color .2s; }
.globe-product-page .buy-buttons .btn svg { width: 17px; height: 17px; flex-shrink: 0; }
.globe-product-page .buy-buttons .globe-product-buy { border-color: #244cb3; background: #0c2899; color: #fff; }
.globe-product-page .buy-buttons .globe-product-buy:hover:not(:disabled) { border-color: #356bd5; background: #1238bd; color: #fff; }
.globe-product-page .buy-buttons .globe-product-cart { border-color: #2d3039; background: #191b21; color: #c6c9d1; }
.globe-product-page .buy-buttons .globe-product-cart:hover:not(:disabled) { border-color: #454a57; background: #21242c; color: #fff; }
.globe-product-page .buy-buttons .btn:disabled { opacity: .4; }
.globe-product-form > .row > .col-12.mt-3 { margin-top: 0 !important; }
.globe-product-form > .row > .col-12.mt-3 > .btn { min-height: 44px; border-color: #373b46; border-radius: 8px; background: rgba(255,255,255,.012); color: #8fb7f3; font-size: 12px; }

.globe-product-live-stats { gap: 9px !important; margin: 22px 0 0 !important; padding-top: 17px; border-top: 1px solid var(--globe-product-line); }
.globe-product-live-stats p { margin: 0; color: #7f838e !important; font-size: 11px; line-height: 1.6; }
.globe-product-live-stats strong { color: #b1b4bd; font-weight: 500; }
.globe-product-live-stats svg { width: 13px; height: 13px; flex-shrink: 0; color: #686d79; }

.globe-product-upsells { position: relative; margin-top: 62px; padding-top: 42px; }
.globe-product-upsells::before { position: absolute; top: 0; left: 9%; width: 82%; height: 1px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent); content: ""; }
.globe-product-section-heading { margin-bottom: 25px; }
.globe-product-section-heading > span { display: block; margin-bottom: 8px; color: #6598e8; font-size: 11px; font-weight: 500; }
.globe-product-section-heading h2 { margin: 0; color: #eef0f5; font: 700 24px/1.3 "Inter", sans-serif; letter-spacing: -.03em; }
.globe-product-page :is(a,button,input,[tabindex]):focus-visible { outline: 2px solid #4d88e6; outline-offset: 3px; }

@media (hover: hover) and (pointer: fine) {
  .globe-product-page .carousel-inner:hover img,
  .globe-product-single-image:hover img { transform: scale(1.13); }
}

@media (min-width: 1600px) {
  .globe-product-container { padding-top: 128px; }
}

@media (max-width: 991px) {
  .globe-product-container { width: min(690px,calc(100% - 48px)); padding-top: 100px; }
  .globe-product-layout { display: flex; flex-direction: column; gap: 22px; }
  .globe-product-information { display: contents; }
  .globe-product-gallery { order: 0; width: 100%; }
  .globe-product-purchase { order: 1; width: 100%; }
  .globe-product-details { order: 2; width: 100%; }
  .globe-product-heading h1 { font-size: 29px; }
  .globe-product-form .variants { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 575px) {
  .globe-product-container { width: calc(100% - 32px); padding: 88px 0 48px; }
  .globe-product-breadcrumb { gap: 9px; margin-bottom: 20px; font-size: 11px; }
  .globe-product-breadcrumb > a:not(:first-child),
  .globe-product-breadcrumb > a:not(:first-child) + .globe-product-breadcrumb-separator { display: none; }
  .globe-product-layout { gap: 17px; }
  .globe-product-page .carousel-inner,
  .globe-product-single-image,
  .globe-product-placeholder,
  .globe-product-details,
  .globe-product-purchase { border-radius: 12px; }
  .globe-product-page .thumbnails { gap: 8px; margin-top: 9px; }
  .globe-product-page .thumbnails button { width: 68px; height: 46px; flex-basis: 68px; }
  .globe-product-purchase { padding: 22px 19px; }
  .globe-product-heading h1 { font-size: 27px; }
  .product-wrapper .globe-product-badges { margin-bottom: 13px; }
  .globe-product-price-row { margin-top: 22px; padding-bottom: 21px; }
  .globe-product-unit-price { font-size: 28px; }
  .globe-product-form { margin-top: 21px; }
  .globe-product-form .variants { grid-template-columns: minmax(0,1fr); }
  .globe-product-form .variants .variant { min-height: 64px; }
  .globe-product-quantity > input { font-size: 16px; }
  .globe-product-tabs { gap: 22px; margin-inline: 19px; }
  .globe-product-tabs button { padding-top: 19px; font-size: 12px; }
  .globe-product-content { padding: 21px 19px 24px; }
  .globe-product-content .editor { font-size: 13px; }
  .globe-product-upsells { margin-top: 39px; padding-top: 32px; }
  .globe-product-section-heading h2 { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .globe-product-page *,
  .globe-product-page *::before,
  .globe-product-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Product page refinement: cleaner purchase hierarchy and native product reviews. */
.globe-product-container { width: min(1220px, calc(100% - 64px)); }
.globe-product-layout { grid-template-columns: minmax(0, 1.06fr) minmax(410px, .94fr); gap: 24px; }

.globe-product-purchase {
  background:
    radial-gradient(circle at 88% 0%, rgba(42, 86, 204, .12), transparent 34%),
    linear-gradient(145deg, #121318, #0d0e12 72%);
}

.globe-product-page .carousel-inner,
.globe-product-single-image,
.globe-product-placeholder {
  background:
    radial-gradient(circle at 50% 39%, rgba(35, 73, 176, .14), transparent 42%),
    linear-gradient(145deg, #141720, #0d0f15 72%);
}

.globe-product-page .buy-buttons .globe-product-buy {
  border-color: #2956c3;
  background: linear-gradient(135deg, #123bc1, #0c2899 74%);
}

.globe-product-page .buy-buttons .globe-product-buy:hover:not(:disabled) {
  border-color: #447be4;
  background: linear-gradient(135deg, #1948d2, #1033ad 74%);
}

.globe-product-tab-count {
  display: inline-grid;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  place-items: center;
  border: 1px solid rgba(112, 158, 234, .16);
  border-radius: 6px;
  background: rgba(77, 136, 230, .055);
  color: #8a8e99;
  font-size: 10px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.globe-product-tabs button.is-active .globe-product-tab-count {
  border-color: rgba(112, 158, 234, .3);
  background: rgba(77, 136, 230, .11);
  color: #8fb9f7;
}

.globe-product-reviews-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--globe-product-line);
}

.globe-product-reviews-heading > div { min-width: 0; }
.globe-product-reviews-heading span { display: block; margin-bottom: 4px; color: #7a7e89; font-size: 10px; line-height: 1.4; text-transform: uppercase; letter-spacing: .09em; }
.globe-product-reviews-heading strong { display: block; color: #e6e8ed; font-size: 14px; line-height: 1.5; font-weight: 600; }
.globe-product-reviews-heading > svg { width: 19px; height: 19px; flex: 0 0 19px; color: #6396e8; }
.globe-product-review-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }

.globe-product-review-card {
  min-width: 0;
  padding: 17px 18px 15px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 10px;
  background: linear-gradient(140deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .01));
}

.globe-product-review-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.globe-product-review-top time { flex-shrink: 0; color: #696d78; font-size: 10px; line-height: 1.4; }
.globe-product-review-stars { display: flex; align-items: center; gap: 3px; color: #6599ec; }
.globe-product-review-stars svg { width: 14px; height: 14px; fill: currentColor; }
.globe-product-review-stars svg.is-empty { color: #30343d; }
.globe-product-review-message { margin: 13px 0 0; color: #b1b4bd; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.globe-product-review-message > :first-child { margin-top: 0; }
.globe-product-review-message > :last-child { margin-bottom: 0; }

.globe-product-review-image {
  display: block;
  width: fit-content;
  max-width: 190px;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: #0a0b0f;
}

.globe-product-review-image img { display: block; max-width: 100%; max-height: 180px; object-fit: contain; }
.globe-product-review-reply { margin-top: 14px; padding: 12px 13px; border-left: 2px solid #315fc7; border-radius: 0 7px 7px 0; background: rgba(21, 48, 117, .12); }
.globe-product-review-reply > span { display: block; margin-bottom: 5px; color: #76a5ee; font-size: 10px; line-height: 1.4; font-weight: 600; }
.globe-product-review-reply > p { margin: 0; color: #9296a1; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.globe-product-review-card > footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; margin-top: 15px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .055); color: #6f737e; font-size: 10px; line-height: 1.4; }
.globe-product-review-card > footer > span { display: inline-flex; min-width: 0; align-items: center; gap: 6px; overflow-wrap: anywhere; }
.globe-product-review-card > footer svg { width: 12px; height: 12px; flex: 0 0 12px; color: #5f91dd; }

.globe-product-review-empty { display: grid; min-height: 190px; padding: 24px; place-items: center; align-content: center; text-align: center; }
.globe-product-review-empty > span { display: grid; width: 42px; height: 42px; margin-bottom: 13px; place-items: center; border: 1px solid rgba(77, 136, 230, .18); border-radius: 10px; background: rgba(12, 40, 153, .08); color: #6c9cea; }
.globe-product-review-empty svg { width: 19px; height: 19px; }
.globe-product-review-empty strong { color: #e4e6ec; font-size: 14px; line-height: 1.5; font-weight: 600; }
.globe-product-review-empty p { margin: 5px 0 0; color: #747883; font-size: 12px; line-height: 1.6; }

.globe-product-assurance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 19px;
  padding-top: 16px;
  border-top: 1px solid var(--globe-product-line);
}

.globe-product-assurance > span { display: inline-flex; min-width: 0; align-items: center; justify-content: center; gap: 6px; color: #7d818d; font-size: 9px; line-height: 1.4; text-align: center; white-space: nowrap; }
.globe-product-assurance svg { width: 12px; height: 12px; flex: 0 0 12px; color: #5f8edb; }

@media (max-width: 991px) {
  .globe-product-container { width: min(690px, calc(100% - 48px)); }
  .globe-product-layout { gap: 22px; }
}

@media (max-width: 575px) {
  .globe-product-container { width: calc(100% - 32px); }
  .globe-product-review-card { padding: 15px; }
  .globe-product-review-top { align-items: flex-start; }
  .globe-product-review-card > footer { align-items: flex-start; flex-direction: column; }
  .globe-product-assurance { gap: 5px; }
  .globe-product-assurance > span { gap: 4px; font-size: 8px; }
}
.globe-product-container {
  padding-top: 145px !important;
}

@media (max-width: 991px) {
  .globe-product-container {
    padding-top: 125px !important;
  }
}

@media (max-width: 575px) {
  .globe-product-container {
    padding-top: 108px !important;
  }
}

/* Feedback, status and cart pages */
.bc-status-page,
.bc-feedback-page,
.bc-cart-page,
.bc-refund-page {
  --bc-page-accent: #0272f9;
  --bc-page-accent-deep: #0c2899;
  --bc-page-surface: rgba(16, 17, 22, 0.88);
  --bc-page-line: rgba(255, 255, 255, 0.085);
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(180deg, #050507 0%, #08080b 45%, #050505 100%);
  font-family: "Inter", Arial, sans-serif;
}

.bc-status-page *,
.bc-feedback-page *,
.bc-cart-page *,
.bc-refund-page * {
  box-sizing: border-box;
}

.bc-page-backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(ellipse 52% 36% at 50% 0%, rgba(12, 40, 153, 0.18), transparent 72%),
    linear-gradient(90deg, transparent 0%, rgba(2, 114, 249, 0.018) 50%, transparent 100%);
}

.bc-page-backdrop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1300px, 100%);
  height: 520px;
  transform: translateX(-50%);
  background:
    linear-gradient(115deg, transparent 38%, rgba(52, 104, 255, 0.055) 49%, transparent 59%),
    linear-gradient(65deg, transparent 40%, rgba(52, 104, 255, 0.04) 50%, transparent 60%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 90%);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 90%);
}

.bc-page-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 74px 74px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.7) 42%, transparent 88%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.7) 42%, transparent 88%);
}

.bc-page-backdrop > span {
  position: absolute;
  top: -320px;
  left: 50%;
  width: min(940px, 92vw);
  height: 580px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(15, 47, 190, 0.16);
  filter: blur(150px);
}

.bc-status-inner,
.bc-feedback-inner,
.bc-cart-inner,
.bc-refund-inner {
  position: relative;
  z-index: 1;
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
  padding: 145px 0 90px;
}

.bc-page-header {
  width: min(760px, 100%);
  margin: 0 auto 42px;
  text-align: center;
  animation: bc-page-rise 520ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.bc-page-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  margin-bottom: 20px;
  padding: 8px 13px;
  color: #8eb8ff;
  border: 1px solid rgba(64, 112, 255, 0.32);
  border-radius: 9px;
  background: rgba(20, 37, 100, 0.2);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.bc-page-eyebrow svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.bc-page-header h1 {
  margin: 0;
  color: #f7f8fb;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 650;
  letter-spacing: -0.055em;
  line-height: 1.02;
}

.bc-status-page .bc-page-header h1 {
  font-size: clamp(38px, 4.1vw, 56px);
  font-weight: 600;
  letter-spacing: -0.045em;
}

.bc-page-header p {
  max-width: 620px;
  margin: 18px auto 0;
  color: #858995;
  font-size: 15px;
  line-height: 1.7;
}

/* Status */
.bc-status-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
  padding: 12px 14px;
  border: 1px solid var(--bc-page-line);
  border-radius: 14px;
  background: rgba(12, 13, 17, 0.72);
  box-shadow: none;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  animation: bc-page-rise 520ms 80ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.bc-status-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.bc-status-filters::-webkit-scrollbar { display: none; }

.bc-status-filter {
  --status-color: #6f9bff;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  color: #8b909b;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.018);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.bc-status-filter:hover { color: #dfe2e9; border-color: rgba(255, 255, 255, 0.13); background: rgba(255, 255, 255, 0.035); }

.bc-status-filter.is-active {
  color: #e7eaf0;
  border-color: var(--status-color);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
}

.bc-status-filter[data-filter="all"].is-active { color: #8eb4ff; border-color: #417cf0; background: rgba(31, 77, 177, 0.11); }

.bc-status-filter-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  color: var(--status-color);
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

.bc-status-filter-count {
  color: #5f6470;
  opacity: 1;
  font-size: 9px;
  font-weight: 500;
}

.bc-status-search {
  position: relative;
  width: min(340px, 100%);
  flex: 0 0 min(340px, 38%);
}

.bc-status-search > svg {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 17px;
  height: 17px;
  color: #6e7380;
  transform: translateY(-50%);
  pointer-events: none;
}

.bc-status-search input {
  width: 100%;
  height: 44px;
  padding: 0 42px 0 42px;
  color: #eef0f5;
  outline: 0;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 10px;
  background: rgba(5, 6, 9, 0.78);
  font: inherit;
  font-size: 13px;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.bc-status-search input::placeholder { color: #5e626d; }

.bc-status-search input:focus {
  border-color: rgba(55, 115, 255, 0.6);
  background: rgba(7, 9, 14, 0.94);
  box-shadow: 0 0 0 3px rgba(2, 114, 249, 0.1);
}

.bc-status-search-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  display: grid;
  width: 28px;
  height: 28px;
  padding: 0;
  place-items: center;
  color: #686d78;
  border: 0;
  border-radius: 7px;
  background: transparent;
  transform: translateY(-50%);
  transition: color 160ms ease, background 160ms ease;
}

.bc-status-search-clear:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.bc-status-search-clear svg { width: 15px; height: 15px; }

.bc-status-directory { display: grid; gap: 26px; }
.bc-status-group { min-width: 0; }
.bc-status-group[hidden], .sp-row[hidden], .bc-status-empty[hidden] { display: none !important; }

.bc-status-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 11px;
  color: #787d89;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bc-status-group-heading::after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.085), transparent);
}

.bc-status-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.sp-row {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 13px 17px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.028);
  text-decoration: none;
  box-shadow: none;
  transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;
  animation: bc-page-rise 440ms 120ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.sp-row:hover { color: #fff; border-color: rgba(255, 255, 255, 0.13); background: rgba(255, 255, 255, 0.048); transform: translateX(3px); }

.sp-row__thumb {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: radial-gradient(circle at 50% 35%, rgba(42, 82, 175, 0.14), rgba(255, 255, 255, 0.035));
}

.sp-row__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sp-row__thumb-fallback { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: rgba(126, 150, 194, 0.38); }
.sp-row__thumb-fallback svg { width: 20px; height: 20px; }

.sp-row__info { min-width: 0; flex: 1; }
.sp-row__name { display: block; overflow: hidden; color: #f2f3f6; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }

.sp-row__status {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}

.sp-row__icon {
  display: flex;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.sp-row__icon svg { width: 16px; height: 16px; }
.sp-row__label { min-width: 84px; max-width: 260px; overflow: hidden; font-size: 11px; font-weight: 650; letter-spacing: 0.025em; text-align: right; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.sp-row__arrow { width: 16px; height: 16px; flex: 0 0 16px; color: rgba(255, 255, 255, 0.2); transition: color 200ms ease, transform 200ms ease; }
.sp-row__arrow svg { display: block; width: 14px; height: 14px; }
.sp-row:hover .sp-row__arrow { color: rgba(255, 255, 255, 0.52); transform: translate(2px, -2px); }

.bc-status-empty,
.bc-feedback-empty,
.bc-cart-empty {
  display: flex;
  min-height: 260px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 36px;
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(14, 15, 19, 0.67);
}

.bc-status-empty > span,
.bc-feedback-empty > span,
.bc-cart-empty > span {
  display: grid;
  width: 52px;
  height: 52px;
  margin-bottom: 16px;
  place-items: center;
  color: #7fa6ff;
  border: 1px solid rgba(71, 110, 255, 0.28);
  border-radius: 13px;
  background: rgba(21, 42, 115, 0.18);
}

.bc-status-empty svg,
.bc-feedback-empty svg,
.bc-cart-empty svg { width: 23px; height: 23px; }
.bc-status-empty strong,
.bc-feedback-empty strong,
.bc-cart-empty strong { color: #e9ebf0; font-size: 17px; font-weight: 600; }
.bc-status-empty p,
.bc-feedback-empty p,
.bc-cart-empty p { margin: 7px 0 0; color: #717682; font-size: 13px; }

/* Feedback */
.bc-feedback-header,
.bc-refund-header {
  width: min(680px, 100%);
  margin-bottom: 30px;
}

.bc-feedback-page .bc-feedback-header h1,
.bc-refund-page .bc-refund-header h1 {
  font-size: clamp(30px, 3.2vw, 38px);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

.bc-feedback-page .bc-feedback-header p,
.bc-refund-page .bc-refund-header p {
  max-width: 580px;
  margin-top: 13px;
  font-size: 14px;
  line-height: 1.55;
}

.bc-feedback-header .bc-page-eyebrow,
.bc-refund-header .bc-page-eyebrow {
  min-height: 34px;
  margin-bottom: 15px;
  padding: 7px 11px;
  font-size: 11px;
}

.bc-feedback-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -2px 0 24px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
  font-weight: 500;
}

.bc-feedback-meta > span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
}

.bc-feedback-meta svg { width: 13px; height: 13px; color: #6f9bff; }
.bc-feedback-meta strong { color: rgba(255, 255, 255, 0.86); font-weight: 600; }
.bc-feedback-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bc-feedback-item { min-width: 0; }
.bc-feedback-item { animation: bc-page-rise 460ms 90ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.bc-feedback-item:nth-child(2) { animation-delay: 140ms; }
.bc-feedback-item:nth-child(3) { animation-delay: 190ms; }

.bc-feedback-page .testimonial {
  display: flex;
  height: 100%;
  min-height: 220px;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.065) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)) !important;
  box-shadow: none;
  transition: transform 200ms ease, border-color 200ms ease, background 200ms ease;
}

.bc-feedback-page .testimonial:hover { border-color: rgba(71, 112, 214, 0.25) !important; background: linear-gradient(135deg, rgba(41, 66, 137, 0.07), rgba(255, 255, 255, 0.016)) !important; transform: translateY(-2px); }
.bc-feedback-page .testimonial .main { flex: 1; padding: 22px !important; }
.bc-feedback-page .testimonial .header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; padding: 0 !important; }
.bc-feedback-page .testimonial .content { padding: 0 !important; }
.bc-feedback-page .testimonial .quote { width: 34px; height: 34px; padding: 8px; color: #7398ff !important; border: 1px solid rgba(91, 130, 255, 0.18); border-radius: 10px; background: rgba(38, 63, 151, 0.12); opacity: 0.9; }
.bc-feedback-page .testimonial .stars { display: flex; gap: 2px; }
.bc-feedback-page .testimonial .stars svg { width: 13px; height: 13px; color: #6a8eff !important; }
.bc-feedback-page .testimonial .message { margin-top: 17px; }
.bc-feedback-page .testimonial .message p { margin: 0; color: rgba(255, 255, 255, 0.72) !important; font-size: 14px; line-height: 1.65; }
.bc-feedback-page .testimonial .message a { color: #84a6ff !important; text-decoration: none; }
.bc-feedback-page .testimonial .reply { margin-top: 17px; padding: 13px !important; border: 1px solid rgba(62, 102, 220, 0.14); border-radius: 10px; background: rgba(26, 43, 96, 0.09) !important; }
.bc-feedback-page .testimonial .reply p { margin: 0; color: #8f96a8 !important; font-size: 12px; line-height: 1.6; }
.bc-feedback-page .testimonial .reply .author { margin-top: 8px; color: #686f7e !important; font-size: 10px; }
.bc-feedback-page .testimonial .reply .author span { color: #9eaccb; }
.bc-feedback-page .testimonial .footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 14px 22px !important; border-top: 1px solid rgba(255, 255, 255, 0.055) !important; background: rgba(255, 255, 255, 0.01) !important; }
.bc-feedback-page .testimonial .footer .items { color: #f0f1f4 !important; font-size: 12px; font-weight: 600; }
.bc-feedback-page .testimonial .footer .date { color: #626773 !important; font-size: 10px; }

.bc-feedback-empty { border-style: solid; }
.bc-feedback-pagination { display: flex; justify-content: center; margin-top: 28px; }

/* Refund policy */
.bc-refund-inner { width: min(980px, calc(100% - 48px)); }

.bc-refund-card {
  width: min(760px, 100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(19, 20, 25, 0.94), rgba(10, 11, 15, 0.94));
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
  animation: bc-page-rise 520ms 90ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.bc-refund-card__body {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 30px;
}

.bc-refund-card__icon {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  color: #7da3ff;
  border: 1px solid rgba(75, 116, 255, 0.24);
  border-radius: 13px;
  background: rgba(28, 49, 128, 0.15);
}

.bc-refund-card__icon svg { width: 21px; height: 21px; }
.bc-refund-card__copy { min-width: 0; }
.bc-refund-card__copy > span { display: block; margin: 2px 0 8px; color: #7f8592; font-size: 10px; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; }
.bc-refund-card__copy p { margin: 0; color: rgba(255, 255, 255, 0.78); font-size: 16px; line-height: 1.7; }

.bc-refund-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px 17px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.012);
}

.bc-refund-card__footer p { margin: 0; color: #686e7a; font-size: 12px; }
.bc-refund-card__footer a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 9px; padding: 10px 14px; color: #f7f9ff; border: 1px solid rgba(57, 107, 255, 0.7); border-radius: 10px; background: linear-gradient(180deg, #176ff0 0%, #0b55d4 100%); box-shadow: 0 10px 26px rgba(2, 88, 226, 0.16); font-size: 12px; font-weight: 650; text-decoration: none; transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease; }
.bc-refund-card__footer a:hover { color: #fff; filter: brightness(1.08); box-shadow: 0 13px 30px rgba(2, 88, 226, 0.23); transform: translateY(-1px); }
.bc-refund-card__footer a svg { width: 15px; height: 15px; }

/* Cart */
.bc-cart-content { width: 100%; }
.bc-cart-layout { --bs-gutter-x: 24px; align-items: flex-start; }
.bc-cart-layout { animation: bc-page-rise 520ms 90ms cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.bc-cart-items-column, .bc-cart-summary-column { min-width: 0; }
.bc-cart-loading { display: grid; min-height: 220px; place-items: center; border: 1px solid var(--bc-page-line); border-radius: 16px; background: rgba(14, 15, 19, 0.72); }

.bc-cart-item {
  overflow: hidden;
  border-color: var(--bc-page-line) !important;
  border-radius: 15px !important;
  background: linear-gradient(125deg, rgba(19, 20, 25, 0.96), rgba(12, 13, 17, 0.94)) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.14);
  transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}

.bc-cart-item:hover { border-color: rgba(66, 111, 255, 0.25) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22); transform: translateY(-1px); }
.bc-cart-item .cart-image-container { width: 154px; min-width: 154px; min-height: 126px; border-right: 1px solid rgba(255, 255, 255, 0.06); background: radial-gradient(circle at 50% 40%, rgba(28, 68, 182, 0.17), rgba(255, 255, 255, 0.018) 68%); }
.bc-cart-item .cart-image-container img { width: 100% !important; height: 100% !important; max-height: 118px; padding: 8px; object-fit: contain !important; }
.bc-cart-item .cart-product-link { color: #f2f3f6 !important; font-size: 14px; font-weight: 600 !important; }
.bc-cart-item .cart-product-link:hover { color: #84a8ff !important; }
.bc-cart-item .cart-variant-text { margin-top: 5px; color: #777c88; font-size: 11px; }
.bc-cart-item .cart-discount-text { color: #6e94ff !important; font-size: 10px !important; }
.bc-cart-item .cart-controls { min-width: 330px; }
.bc-cart-item .cart-quantity-controls { border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 10px !important; background: rgba(3, 4, 7, 0.58); }
.bc-cart-item .cart-qty-btn { width: 38px; height: 40px; color: #7c818d; border: 0; background: transparent; transition: color 160ms ease, background 160ms ease; }
.bc-cart-item .cart-qty-btn:hover:not(:disabled) { color: #fff; background: rgba(255, 255, 255, 0.055); }
.bc-cart-item .cart-qty-btn:disabled { opacity: 0.3; }
.bc-cart-item .cart-qty-input { width: 44px; height: 40px; padding: 0; color: #f4f5f8; background: transparent; font-size: 13px; box-shadow: none; }
.bc-cart-item .cart-price-text { min-width: 72px; color: #f5f6f8; font-size: 14px; }
.bc-cart-item .cart-remove-desktop, .bc-cart-item .cart-remove-mobile { color: #626772 !important; transition: color 160ms ease, transform 160ms ease; }
.bc-cart-item .cart-remove-desktop:hover, .bc-cart-item .cart-remove-mobile:hover { color: #ff6c75 !important; transform: scale(1.06); }
.bc-cart-item .cart-remove-icon { width: 19px; height: 19px; }

.bc-cart-empty { min-height: 330px; border-style: solid; }
.bc-cart-empty a { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 10px 14px; color: #a9c1ff; border: 1px solid rgba(64, 112, 255, 0.28); border-radius: 9px; background: rgba(27, 49, 123, 0.14); font-size: 12px; font-weight: 600; text-decoration: none; transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.bc-cart-empty a:hover { color: #fff; border-color: rgba(76, 124, 255, 0.5); background: rgba(31, 63, 168, 0.2); transform: translateY(-1px); }
.bc-cart-empty a svg { width: 15px; height: 15px; }

.bc-cart-summary-column > .d-flex { gap: 14px !important; }
.bc-cart-summary {
  position: sticky;
  top: 112px;
  overflow: hidden;
  padding: 24px !important;
  border-color: rgba(255, 255, 255, 0.095) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(18, 19, 24, 0.98), rgba(11, 12, 16, 0.97)) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}

.bc-cart-summary::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(69, 113, 255, 0.6), transparent); }
.bc-cart-summary-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 22px; }
.bc-cart-summary-heading > span { display: grid; width: 38px; height: 38px; place-items: center; color: #84a4ff; border: 1px solid rgba(66, 108, 255, 0.27); border-radius: 10px; background: rgba(26, 46, 119, 0.15); }
.bc-cart-summary-heading svg { width: 17px; height: 17px; }
.bc-cart-summary-heading label { margin: 0 !important; color: #f0f1f4; font-size: 16px; font-weight: 600; }
.bc-cart-summary .border-bottom { padding-bottom: 20px !important; border-color: rgba(255, 255, 255, 0.07) !important; }
.bc-cart-summary .border-top { border-color: rgba(255, 255, 255, 0.07) !important; }
.bc-cart-summary .text-muted { color: #7c818d !important; }
.bc-cart-summary .d-flex.justify-content-between { align-items: center; min-height: 30px; font-size: 13px; }
.bc-cart-summary .d-flex.justify-content-between > span:last-child { color: #f1f2f5; font-weight: 600; }
.bc-cart-checkout { display: flex !important; height: 52px; align-items: center; justify-content: center; gap: 9px; color: #fff !important; border: 1px solid #176bf4 !important; border-radius: 10px !important; background: linear-gradient(180deg, #1774fa 0%, #0958df 100%) !important; box-shadow: 0 12px 30px rgba(2, 94, 240, 0.2); font-size: 13px; font-weight: 650; transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important; }
.bc-cart-checkout:hover:not(:disabled) { filter: brightness(1.08); box-shadow: 0 15px 34px rgba(2, 94, 240, 0.28); transform: translateY(-1px); }
.bc-cart-checkout:disabled { opacity: 0.42; box-shadow: none; }
.bc-cart-checkout svg { width: 18px; height: 18px; }

.bc-cart-secure-note { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 15px; color: #626874; font-size: 9px; }
.bc-cart-secure-note span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.bc-cart-secure-note svg { width: 12px; height: 12px; color: #5685df; }
.bc-cart-secure-note i { width: 3px; height: 3px; border-radius: 50%; background: #343943; }

.bc-cart-summary-column .border.rounded:not(.bc-cart-summary) { border-color: var(--bc-page-line) !important; border-radius: 13px !important; background: rgba(15, 16, 20, 0.9); }

@keyframes bc-page-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991px) {
  .bc-status-inner, .bc-feedback-inner, .bc-cart-inner, .bc-refund-inner { width: min(760px, calc(100% - 40px)); padding-top: 122px; }
  .bc-page-header { margin-bottom: 34px; }
  .bc-status-controls { align-items: stretch; flex-direction: column; }
  .bc-status-search { width: 100%; flex-basis: auto; }
  .bc-feedback-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bc-cart-summary { position: relative; top: auto; }
  .bc-cart-item .cart-controls { min-width: 310px; }
}

@media (max-width: 767px) {
  .bc-feedback-grid { grid-template-columns: 1fr; }
  .bc-feedback-page .testimonial { min-height: 220px; }
}

@media (max-width: 575px) {
  .bc-status-inner, .bc-feedback-inner, .bc-cart-inner, .bc-refund-inner { width: calc(100% - 28px); padding: 106px 0 64px; }
  .bc-page-backdrop::after { background-size: 54px 54px; }
  .bc-page-header { margin-bottom: 28px; }
  .bc-page-eyebrow { min-height: 34px; margin-bottom: 15px; padding: 7px 11px; font-size: 11px; }
  .bc-page-header h1 { font-size: 38px; letter-spacing: -0.045em; }
  .bc-status-page .bc-page-header h1 { font-size: 34px; font-weight: 600; }
  .bc-feedback-page .bc-feedback-header h1, .bc-refund-page .bc-refund-header h1 { font-size: 30px; font-weight: 600; }
  .bc-page-header p { margin-top: 14px; font-size: 13px; line-height: 1.65; }
  .bc-status-controls { margin-bottom: 20px; padding: 10px; border-radius: 13px; }
  .bc-status-filter { min-height: 38px; padding: 8px 11px; }
  .bc-status-search input { height: 42px; }
  .bc-status-directory { gap: 21px; }
  .sp-row { min-height: 68px; gap: 11px; padding: 10px 12px; }
  .sp-row__thumb { width: 44px; height: 44px; flex-basis: 44px; }
  .sp-row__name { font-size: 13px; }
  .sp-row__status { gap: 6px; }
  .sp-row__icon { width: 28px; height: 28px; flex-basis: 28px; }
  .sp-row__label { min-width: 0; max-width: 120px; font-size: 9px; }
  .bc-feedback-page .testimonial .main { padding: 18px !important; }
  .bc-feedback-page .testimonial .footer { padding: 14px 18px !important; }
  .bc-refund-card__body { gap: 14px; padding: 22px 18px; }
  .bc-refund-card__icon { width: 44px; height: 44px; flex-basis: 44px; }
  .bc-refund-card__copy p { font-size: 14px; line-height: 1.65; }
  .bc-refund-card__footer { align-items: stretch; flex-direction: column; padding: 17px 18px 18px; }
  .bc-refund-card__footer a { width: 100%; }
  .bc-status-empty, .bc-feedback-empty, .bc-cart-empty { min-height: 230px; padding: 26px 18px; }
  .bc-cart-layout { --bs-gutter-x: 0; }
  .bc-cart-item { padding: 0 !important; }
  .bc-cart-item > .flex-grow-1 { align-items: stretch; }
  .bc-cart-item .cart-image-container { width: 104px; min-width: 104px; min-height: 112px; padding: 9px !important; border-right: 1px solid rgba(255, 255, 255, 0.06); }
  .bc-cart-item .cart-image-container img { max-height: 100px; padding: 3px; }
  .bc-cart-item .cart-controls { min-width: 0; margin: 0 !important; padding: 10px 12px !important; border-top: 1px solid rgba(255, 255, 255, 0.06); }
  .bc-cart-item .cart-quantity-controls { order: 1; }
  .bc-cart-item .cart-price-text { min-width: 0; }
  .bc-cart-summary { padding: 20px !important; border-radius: 14px !important; }
  .bc-cart-empty { min-height: 280px; }
}

@media (max-width: 480px) {
  .sp-row__label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .bc-status-page *, .bc-feedback-page *, .bc-cart-page *, .bc-refund-page * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

/* SysInfo-inspired status page */
.sys-status-shell {
  width: min(1152px, calc(100% - 48px));
  padding-top: 132px;
}

.sys-status-header {
  width: min(680px, 100%);
  margin-bottom: 30px;
  text-align: center;
}

.bc-status-page .sys-status-header h1 {
  font-size: clamp(30px, 3.2vw, 38px);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

.bc-status-page .sys-status-header p {
  max-width: 580px;
  margin-top: 13px;
  font-size: 14px;
  line-height: 1.55;
}

.sys-status-header .bc-page-eyebrow {
  min-height: 34px;
  margin-bottom: 15px;
  padding: 7px 11px;
  font-size: 11px;
}

.sys-status-categories {
  width: 100%;
  margin: 0 auto 28px;
  padding: 6px 8px 9px;
  overflow-x: auto;
  scrollbar-width: none;
}

.sys-status-categories::-webkit-scrollbar { display: none; }

.sys-status-category-track {
  display: flex;
  width: max-content;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}

.sys-status-category {
  position: relative;
  display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.48);
  border: 1px solid rgba(64, 79, 111, 0.28);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.3), rgba(15, 23, 42, 0.58));
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color 220ms ease, border-color 220ms ease, background 220ms ease, transform 220ms ease;
}

.sys-status-category::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(135deg, rgba(2, 114, 249, 0.3), rgba(12, 40, 153, 0.5));
  transition: opacity 220ms ease;
}

.sys-status-category span { position: relative; z-index: 1; }
.sys-status-category:hover { color: rgba(255, 255, 255, 0.82); border-color: rgba(80, 105, 160, 0.5); }
.sys-status-category.is-active { color: #f4f7ff; border-color: rgba(56, 123, 255, 0.58); transform: scale(1.045); }
.sys-status-category.is-active::before { opacity: 1; }

.sys-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.sys-status-card {
  position: relative;
  display: block;
  height: 100%;
  min-height: 102px;
  padding: 20px;
  overflow: hidden;
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
  text-decoration: none;
  transition: border-color 220ms ease, background 220ms ease, transform 220ms ease;
}

.sys-status-card[hidden],
.sys-status-empty[hidden] { display: none !important; }

.sys-status-card:hover {
  color: inherit;
  border-color: rgba(54, 117, 255, 0.22);
  background: linear-gradient(135deg, rgba(2, 114, 249, 0.05), rgba(255, 255, 255, 0.012));
  transform: translateY(-2px);
}

.sys-status-card__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sys-status-card__copy { min-width: 0; }

.sys-status-card__category {
  display: block;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.45);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.sys-status-card__name {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
  white-space: normal;
}

.sys-status-card__badge {
  display: inline-flex;
  min-height: 24px;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 4px 11px;
  overflow: hidden;
  color: var(--status-color);
  border: 1px solid var(--status-color);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.02);
  background: color-mix(in srgb, var(--status-color) 18%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--status-color) 22%, transparent);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.sys-status-card__badge svg { width: 12px; height: 12px; flex: 0 0 12px; }
.sys-status-card__badge span { overflow: visible; text-overflow: clip; }

@media (max-width: 991px) {
  .sys-status-shell { width: min(760px, calc(100% - 40px)); padding-top: 122px; }
  .sys-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}

@media (max-width: 575px) {
  .sys-status-shell { width: calc(100% - 28px); padding-top: 106px; }
  .bc-status-page .sys-status-header h1 { font-size: 30px; }
  .bc-status-page .sys-status-header p { font-size: 13px; }
  .sys-status-categories { margin-bottom: 20px; padding-inline: 5px; }
  .sys-status-category { min-height: 36px; padding: 8px 15px; font-size: 11px; }
  .sys-status-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sys-status-card { min-height: 94px; padding: 17px; }
  .sys-status-card__name { font-size: 16px; }
  .sys-status-card__badge { max-width: 100%; padding-inline: 9px; font-size: 9px; }
}

/* Consolidated template styles */

@font-face {
  font-family: "Inter";
  src: url("inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* From components/navbar.njk (1) */
@font-face {
    font-family: "FSP DEMO - PODIUM Sharp 4.11";
    src: url("podium-sharp.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  .bc-navbar,
  .bc-navbar *,
  .bc-mobile-menu,
  .bc-mobile-menu * {
    box-sizing: border-box;
  }

  .bc-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0.9rem 0.85rem;
    border: 0;
    background: transparent;
    color: #fff;
    font-family: "Inter", sans-serif;
  }

  .bc-navbar::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
      linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)) bottom / 100% 1px no-repeat,
      rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    -webkit-mask-image: linear-gradient(to right, #000 0%, #000 32%, transparent 52%);
    mask-image: linear-gradient(to right, #000 0%, #000 32%, transparent 52%);
  }

  .bc-navbar a,
  .bc-mobile-menu a {
    text-decoration: none;
  }

  .bc-brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
  }

  .bc-brand-logo {
    display: block;
    width: auto;
    max-width: min(68vw, 18rem);
    height: 1.3rem;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
  }

  .bc-nav-links {
    display: none;
    align-items: center;
    gap: 1.75rem;
    margin-left: 2rem;
  }

  .bc-nav-links a {
    color: #b3b3b3;
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
    transition: color 0.2s ease;
  }

  .bc-nav-links a:hover {
    color: #fff;
  }

  .bc-navbar-right {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-left: auto;
  }

  .bc-social-icon {
    display: none;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.55);
    transition: color 0.2s ease;
  }

  .bc-social-icon svg {
    display: block;
    width: 1.15rem;
    height: 1.15rem;
  }

  .bc-social-icon:hover {
    color: #fff;
  }

  .bc-purchase-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.65rem;
    border: 0;
    border-radius: 10px;
    background: #0c2899;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
    box-shadow: 0 10px 25px -10px rgba(12, 40, 153, 0.72);
    transition: transform 0.15s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }

  .bc-purchase-button:hover {
    background: #1235b9;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 14px 32px -10px rgba(12, 40, 153, 0.88);
  }

  .bc-purchase-button svg {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
  }

  .bc-navbar-right .bc-purchase-label {
    display: none;
  }

  /* ---------- Hamburger: morphs into an X ---------- */
  .bc-hamburger {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: none;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .bc-hamburger:active {
    background: rgba(255, 255, 255, 0.08);
  }

  .bc-hamburger span {
    position: absolute;
    display: block;
    width: 1.35rem;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, width 0.3s ease;
  }

  .bc-hamburger span:nth-child(1) { transform: translateY(-5px); }
  .bc-hamburger span:nth-child(2) { width: 1rem; align-self: flex-start; margin-left: calc(50% - 0.675rem); }
  .bc-hamburger span:nth-child(3) { transform: translateY(5px); }

  .bc-hamburger.is-active span:nth-child(1) {
    width: 1.35rem;
    transform: translateY(0) rotate(45deg);
  }

  .bc-hamburger.is-active span:nth-child(2) {
    opacity: 0;
  }

  .bc-hamburger.is-active span:nth-child(3) {
    width: 1.35rem;
    transform: translateY(0) rotate(-45deg);
  }

  /* ---------- Mobile menu: scrim + slide-in panel ---------- */
  .bc-mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    visibility: hidden;
    pointer-events: none;
  }

  .bc-mobile-menu.is-open {
    visibility: visible;
    pointer-events: auto;
  }

  .bc-mobile-scrim {
    position: absolute;
    inset: 0;
    background: rgba(6, 6, 10, 0.55);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity 0.35s ease;
  }

  .bc-mobile-menu.is-open .bc-mobile-scrim {
    opacity: 1;
  }

  .bc-mobile-panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(84vw, 22rem);
    height: 100%;
    background: #0a0a0d;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: -24px 0 60px -20px rgba(0, 0, 0, 0.6);
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .bc-mobile-menu.is-open .bc-mobile-panel {
    transform: translateX(0);
  }

  .bc-mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .bc-close-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: -0.6rem;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: none;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .bc-close-button:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
  }

  .bc-close-button svg {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
  }

  .bc-mobile-links {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0;
    padding: 0.5rem 0 1.5rem;
    overflow-y: auto;
  }

  .bc-mobile-link {
    margin: 0;
    padding: 1.05rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    opacity: 0;
    transform: translateX(16px);
    transition: opacity 0.35s ease, transform 0.35s ease, background-color 0.2s ease, color 0.2s ease;
  }

  .bc-mobile-link:hover {
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
  }

  .bc-mobile-cta {
    margin: 1rem 1.5rem 0;
    padding: 0.9rem 1.5rem;
    justify-content: center;
    font-size: 1rem;
    opacity: 0;
    transform: translateX(16px);
    transition: opacity 0.35s ease, transform 0.35s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }

  .bc-mobile-menu.is-open .bc-mobile-link,
  .bc-mobile-menu.is-open .bc-mobile-cta {
    opacity: 1;
    transform: translateX(0);
  }

  @media (min-width: 400px) {
    .bc-navbar {
      gap: 1rem;
      padding: 1.1rem 1.25rem;
    }

    .bc-navbar-right {
      gap: 0.85rem;
    }

    .bc-brand-logo {
      height: 1.5rem;
    }
  }

  @media (min-width: 640px) {
    .bc-navbar {
      padding-right: 2rem;
      padding-left: 2rem;
    }

    .bc-navbar-right {
      gap: 1.1rem;
    }

    .bc-brand-logo {
      height: 1.75rem;
    }

    .bc-social-icon {
      display: flex;
    }

    .bc-purchase-button {
      padding: 0.7rem 1.4rem;
    }

    .bc-navbar-right .bc-purchase-label {
      display: inline;
    }

    .bc-mobile-menu-header {
      padding-right: 2rem;
      padding-left: 2rem;
    }

    .bc-mobile-panel {
      width: min(70vw, 24rem);
    }
  }

  @media (min-width: 900px) {
    .bc-nav-links {
      display: flex;
    }

    .bc-hamburger {
      display: none;
    }

    .bc-mobile-menu {
      display: none;
    }
  }

  @media (min-width: 1024px) {
    .bc-navbar {
      padding: 1.25rem 2.5rem;
    }

    .bc-brand-logo {
      height: 2rem;
    }

    .bc-nav-links {
      margin-left: 3rem;
    }
  }

/* From components/hero.njk (1) */
@font-face {
    font-family: "FSP DEMO - PODIUM Sharp 4.11";
    src: url("data:font/woff2;base64,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") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  .hero,
  .hero * {
    box-sizing: border-box;
  }

  .hero {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-family: "Inter", sans-serif;
  }

  .hero a {
    color: inherit;
    text-decoration: none;
  }

  .hero-bg {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    will-change: transform, filter;
  }

  .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.75),
      rgba(0, 0, 0, 0.15)
    );
  }

  .hero-scroll-fade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
      radial-gradient(
        circle at 50% 100%,
        rgba(12, 40, 153, 0.35),
        transparent 60%
      ),
      #000;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
  }

  .hero-content {
    position: relative;
    z-index: 10;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 5.5rem 1.5rem 0;
    text-align: left;
    will-change: transform, opacity, filter;
  }

  .hero-title {
    margin: 0;
    color: #fff;
    font-family: "FSP DEMO - PODIUM Sharp 4.11", sans-serif;
    line-height: 0.92;
    letter-spacing: -0.02em;
    text-transform: uppercase;
  }

  .hero-title-line {
    display: block;
    font-size: clamp(2.8rem, 8vw, 7rem);
  }

  .hero-title-badge {
    display: inline-block;
    padding: 0 0.15em;
    border-radius: 0.06em;
    background: #f2c14e;
    color: #141414;
    box-shadow:
      0 0 20px rgba(242, 193, 78, 0.75),
      0 0 45px rgba(242, 193, 78, 0.55),
      0 0 90px rgba(242, 193, 78, 0.35);
  }

  .hero-title-symbols {
    font-family: "Inter", sans-serif;
    font-weight: 800;
  }

  .hero-desc {
    max-width: 34rem;
    margin: 1.5rem 0 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.95rem;
    line-height: 1.7;
  }

  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 2rem;
  }

  .scroll-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  .scroll-mouse {
    width: 1.35rem;
    height: 2.25rem;
    animation: scroll-bounce 2.2s ease-in-out infinite;
  }

  @media (max-width: 639px) {
    .hero-bg {
      object-position: 78% center;
    }
  }

  @media (min-width: 640px) {
    .hero-content {
      padding: 6rem 2.5rem 0;
    }

    .hero-desc {
      font-size: 1rem;
    }
  }

  @media (min-width: 1024px) {
    .hero-content {
      padding: 6.5rem 4rem 0;
    }
  }

  @keyframes scroll-bounce {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(7px);
    }
  }

  @keyframes fade-up {
    from {
      opacity: 0;
      transform: translateY(30px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fade-up {
    opacity: 0;
    animation: fade-up 0.8s ease-out forwards;
  }

  .animate-fade-up-delay-1 {
    opacity: 0;
    animation: fade-up 0.8s ease-out 0.2s forwards;
  }

  .animate-fade-up-delay-2 {
    opacity: 0;
    animation: fade-up 0.8s ease-out 0.4s forwards;
  }

  #bcHero,
  #bcHero * {
    box-sizing: border-box !important;
  }

  #bcHero {
    position: relative !important;
    isolation: isolate !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
    color: #fff !important;
    font-family: "Inter", Arial, sans-serif !important;
    text-align: left !important;
  }

  #bcHero .hero-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  #bcHero .hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.15)) !important;
    pointer-events: none !important;
  }

  #bcHero .hero-scroll-fade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: radial-gradient(circle at 50% 100%, rgba(12, 40, 153, 0.35), transparent 60%), #000 !important;
    opacity: 0;
    pointer-events: none !important;
  }

  #bcHero .hero-content {
    position: relative !important;
    inset: auto !important;
    z-index: 10 !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5.5rem 1.5rem 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    color: #fff !important;
    font-family: "Inter", Arial, sans-serif !important;
    text-align: left !important;
  }

  #bcHero .hero-title {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff !important;
    background: none !important;
    font-family: "FSP DEMO - PODIUM Sharp 4.11", sans-serif !important;
    font-size: inherit !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 0.92 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-transform: uppercase !important;
  }

  #bcHero .hero-title-line {
    position: static !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    font-size: clamp(2.8rem, 8vw, 7rem) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
  }

  #bcHero .hero-title-badge {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0.15em !important;
    border: 0 !important;
    border-radius: 0.06em !important;
    background: #f2c14e !important;
    color: #141414 !important;
    font: inherit !important;
    line-height: 0.92 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    box-shadow: 0 0 20px rgba(242, 193, 78, 0.75), 0 0 45px rgba(242, 193, 78, 0.55), 0 0 90px rgba(242, 193, 78, 0.35) !important;
  }

  #bcHero .hero-title-symbols {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: inherit !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
  }

  #bcHero .hero-desc {
    display: block !important;
    width: 100% !important;
    max-width: 34rem !important;
    margin: 1.5rem 0 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.65) !important;
    background: none !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    text-transform: none !important;
  }

  #bcHero .hero-actions {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    margin: 2rem 0 0 !important;
    padding: 0 !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    text-align: left !important;
  }

  #bcHero .scroll-indicator {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    border: 0 !important;
    background: none !important;
    color: rgba(255, 255, 255, 0.65) !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: 0.15em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

  #bcHero .scroll-mouse {
    display: block !important;
    width: 1.35rem !important;
    min-width: 1.35rem !important;
    max-width: 1.35rem !important;
    height: 2.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: bc-hero-scroll-bounce 2.2s ease-in-out infinite !important;
  }

  #bcHero .animate-fade-up {
    opacity: 0;
    animation: bc-hero-fade-up 0.8s ease-out forwards !important;
  }

  #bcHero .animate-fade-up-delay-1 {
    opacity: 0;
    animation: bc-hero-fade-up 0.8s ease-out 0.2s forwards !important;
  }

  #bcHero .animate-fade-up-delay-2 {
    opacity: 0;
    animation: bc-hero-fade-up 0.8s ease-out 0.4s forwards !important;
  }

  @keyframes bc-hero-scroll-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(7px); }
  }

  @keyframes bc-hero-fade-up {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 639px) {
    #bcHero .hero-bg {
      object-position: 78% center !important;
    }
  }

  @media (min-width: 640px) {
    #bcHero .hero-content {
      padding: 6rem 2.5rem 0 !important;
    }

    #bcHero .hero-desc {
      font-size: 1rem !important;
    }
  }

  @media (min-width: 1024px) {
    #bcHero .hero-content {
      padding: 6.5rem 4rem 0 !important;
    }
  }

/* From components/categories.njk (1) */
.bc-home-categories {
    position: relative;
    overflow: clip;
    scroll-margin-top: 76px;
    padding: 4rem 1.5rem 5rem;
    background: #050505;
    color: #fff;
  }

  .bc-home-categories-glow {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    width: min(1040px, 94vw);
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(12, 40, 153, 0.28) 0%, rgba(12, 40, 153, 0.12) 38%, transparent 72%);
    filter: blur(38px);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 28%, #000 68%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 28%, #000 68%, transparent 100%);
    pointer-events: none;
    transform: translateX(-50%);
  }

  .bc-home-categories-header {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto 2.5rem;
    text-align: center;
  }

  .bc-home-categories-eyebrow {
    display: block;
    margin-bottom: 0.75rem;
    color: #0272F9;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
  }

  .bc-home-categories-heading {
    margin: 0;
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }

  @media (min-width: 640px) {
    .bc-home-categories {
      padding: 5rem 2.5rem 6rem;
    }
  }

  @media (min-width: 1024px) {
    .bc-home-categories {
      padding: 6rem 4rem 7rem;
    }
  }

/* From components/cheats-simpler.njk (1) */
.bc-buy-showcase {
  position: relative;
  overflow: visible;
  isolation: isolate;
  background: #050505;
  color: #fff;
  font-family: "Inter", Arial, sans-serif;
  padding: 3rem 1.5rem 4rem;
}
.bc-buy-showcase,
.bc-buy-showcase * {
  box-sizing: border-box;
  font-family: "Inter", Arial, sans-serif !important;
  font-synthesis: none;
}
@media (min-width: 640px) {
  .bc-buy-showcase { padding: 3.5rem 2.5rem 4.5rem; }
}
@media (min-width: 1024px) {
  .bc-buy-showcase { padding: 4rem 4rem 5rem; }
}
.bc-buy-showcase-glow--right {
  position: absolute;
  z-index: 0;
  top: -460px;
  right: 0;
  width: min(980px, 92vw);
  height: 920px;
  background: radial-gradient(ellipse at 100% 50%, rgba(12, 40, 153, 0.2) 0%, rgba(12, 40, 153, 0.09) 38%, rgba(12, 40, 153, 0.025) 60%, transparent 78%);
  filter: blur(32px);
  opacity: 0.72;
  pointer-events: none;
}

.bc-buy-showcase-inner {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
}
.bc-buy-showcase-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
@media (min-width: 900px) {
  .bc-buy-showcase-grid {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}

.bc-buy-showcase-heading {
  margin: 0;
  font-size: clamp(1.6rem, 3.4vw, 2.4rem);
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.35);
}
.bc-buy-showcase-accent,
.bc-buy-showcase-plain {
  color: #fff;
}
.bc-buy-showcase-desc {
  margin: 0.9rem 0 0;
  max-width: 460px;
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.5);
}

.bc-buy-showcase-steps {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  margin-top: 2.2rem;
}
.bc-buy-showcase-step-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.bc-buy-showcase-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 10px;
  background: linear-gradient(155deg, rgba(12, 40, 153, 0.22), rgba(12, 40, 153, 0.04));
  border: 1px solid rgba(12, 40, 153, 0.35);
  color: #0272F9;
  font-weight: 800;
  font-size: 0.95rem;
}
.bc-buy-showcase-step-item h4 {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
}
.bc-buy-showcase-step-item p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.5);
}

.bc-buy-demo {
  display: flex;
  justify-content: center;
}
.bc-buy-demo-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 460px;
  height: 440px;
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(#0d0d10, #0d0d10) padding-box,
    linear-gradient(155deg, rgba(12, 40, 153, 0.4), rgba(255, 255, 255, 0.06) 55%, rgba(242, 193, 78, 0.18)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 35px 70px -25px rgba(0, 0, 0, 0.85);
}

.bc-buy-demo-chrome {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.bc-buy-demo-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.bc-buy-demo-dot--red { background: #f87171; }
.bc-buy-demo-dot--yellow { background: #facc15; }
.bc-buy-demo-dot--green { background: #4ade80; }
.bc-buy-demo-url {
  margin-left: 0.6rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.4);
  font-family: 'Courier New', monospace;
  font-size: 0.68rem;
}

.bc-buy-demo-body {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.bc-buy-demo-screen {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.75rem;
  opacity: 0;
}
.bc-buy-demo-step {
  align-self: flex-start;
  margin-bottom: 1.25rem;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0272F9;
}


.bc-buy-demo-screen--products {
  animation: bcBuyDemoScreenA 20s ease-in-out infinite;
}
.bc-buy-demo-products {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  width: 100%;
}
.bc-buy-demo-product {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.9rem 1.1rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.2s ease, background 0.2s ease;
}
.bc-buy-demo-product-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
}
.bc-buy-demo-product--scan1 {
  animation: bcBuyDemoScanBox1 20s ease-in-out infinite;
}
.bc-buy-demo-product--scan2 {
  animation: bcBuyDemoScanBox2 20s ease-in-out infinite;
}
.bc-buy-demo-product--picked {
  animation: bcBuyDemoProductPick 20s ease-in-out infinite;
}
.bc-buy-demo-product--picked .bc-buy-demo-product-name {
  color: #fff;
}
.bc-buy-demo-check {
  position: absolute;
  top: -8px;
  right: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #0c2899, #0c2899);
  color: #fff;
  animation: bcBuyDemoCheckPop 20s ease-in-out infinite;
}
.bc-buy-demo-check svg {
  width: 0.8rem;
  height: 0.8rem;
}


.bc-buy-demo-screen--duration {
  animation: bcBuyDemoScreenB 20s ease-in-out infinite;
}
.bc-buy-demo-durations {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  width: 100%;
  margin-bottom: 1.1rem;
}
.bc-buy-demo-duration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 0.9rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}
.bc-buy-demo-duration span:last-child {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
}
.bc-buy-demo-duration--picked {
  animation: bcBuyDemoDurationPick 20s ease-in-out infinite;
}
.bc-buy-demo-buy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.8rem 1.5rem;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #0c2899, #0c2899);
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: default;
  box-shadow: 0 14px 30px -10px rgba(12, 40, 153, 0.5);
  animation: bcBuyDemoBuyPulse 20s ease-in-out infinite;
}
.bc-buy-demo-buy-btn svg {
  width: 1rem;
  height: 1rem;
}


.bc-buy-demo-screen--processing {
  justify-content: center;
  gap: 1rem;
  animation: bcBuyDemoScreenC 20s ease-in-out infinite;
}
.bc-buy-demo-spinner {
  display: inline-flex;
  color: #0272F9;
}
.bc-buy-demo-spinner svg {
  width: 2.6rem;
  height: 2.6rem;
  animation: bcBuyDemoSpin 1.4s linear infinite;
}
.bc-buy-demo-screen--processing p {
  margin: 0;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.5);
}


.bc-buy-demo-screen--success {
  justify-content: center;
  gap: 0.75rem;
  animation: bcBuyDemoScreenD 20s ease-in-out infinite;
}
.bc-buy-demo-success-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  border: 2px solid rgba(88, 214, 141, 0.5);
  color: #58d68d;
  box-shadow: 0 0 24px rgba(88, 214, 141, 0.3);
}
.bc-buy-demo-success-check svg {
  width: 1.7rem;
  height: 1.7rem;
}
.bc-buy-demo-screen--success h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
}
.bc-buy-demo-key {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 1.1rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #0272F9;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.bc-buy-demo-key svg {
  width: 1rem;
  height: 1rem;
  color: rgba(255, 255, 255, 0.4);
}


.bc-buy-demo-cursor {
  position: absolute;
  z-index: 5;
  width: 20px;
  height: 20px;
  color: #fff;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6));
  animation: bcBuyDemoCursorMove 20s ease-in-out infinite, bcBuyDemoCursorClick 20s ease-in-out infinite;
}
.bc-buy-demo-cursor svg {
  width: 100%;
  height: 100%;
}


@keyframes bcBuyDemoScreenA {
  0%, 17% { opacity: 1; }
  20%, 100% { opacity: 0; }
}
@keyframes bcBuyDemoScreenB {
  0%, 18% { opacity: 0; }
  21%, 37% { opacity: 1; }
  40%, 100% { opacity: 0; }
}
@keyframes bcBuyDemoScreenC {
  0%, 39% { opacity: 0; }
  42%, 58% { opacity: 1; }
  61%, 100% { opacity: 0; }
}
@keyframes bcBuyDemoScreenD {
  0%, 60% { opacity: 0; }
  63%, 90% { opacity: 1; }
  93%, 100% { opacity: 0; }
}
@keyframes bcBuyDemoScanBox1 {
  0%, 1%, 5%, 100% { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); }
  2%, 4% { border-color: rgba(12, 40, 153, 0.5); background: rgba(12, 40, 153, 0.08); }
}
@keyframes bcBuyDemoScanBox2 {
  0%, 7%, 11%, 100% { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); }
  8%, 10% { border-color: rgba(12, 40, 153, 0.5); background: rgba(12, 40, 153, 0.08); }
}
@keyframes bcBuyDemoProductPick {
  0%, 13.5% { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); box-shadow: none; }
  14.5%, 19% { border-color: rgba(12, 40, 153, 0.6); background: rgba(12, 40, 153, 0.12); box-shadow: 0 0 20px rgba(12, 40, 153, 0.2); }
  20%, 100% { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); box-shadow: none; }
}
@keyframes bcBuyDemoCheckPop {
  0%, 14% { opacity: 0; transform: scale(0.5); }
  15%, 19% { opacity: 1; transform: scale(1); }
  20%, 100% { opacity: 0; transform: scale(0.5); }
}
@keyframes bcBuyDemoDurationPick {
  0%, 25% { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.7); }
  26.5%, 38% { border-color: rgba(12, 40, 153, 0.5); background: rgba(12, 40, 153, 0.1); color: #fff; }
  40%, 100% { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.7); }
}
@keyframes bcBuyDemoBuyPulse {
  0%, 33.5% { box-shadow: 0 14px 30px -10px rgba(12, 40, 153, 0.5); }
  34.3%, 35% { box-shadow: 0 0 0 6px rgba(12, 40, 153, 0.4); }
  38%, 100% { box-shadow: 0 14px 30px -10px rgba(12, 40, 153, 0.5); }
}
@keyframes bcBuyDemoSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes bcBuyDemoCursorMove {
  0%, 1% { left: 50%; top: 23%; opacity: 0; }
  2%, 4% { left: 50%; top: 23%; opacity: 1; }
  8%, 10% { left: 50%; top: 38%; }
  14%, 19% { left: 50%; top: 52%; }
  22%, 26% { left: 50%; top: 58%; }
  30%, 34% { left: 50%; top: 73%; }
  36% { opacity: 0; }
  100% { left: 50%; top: 23%; opacity: 0; }
}
@keyframes bcBuyDemoCursorClick {
  0%, 2%, 4%, 8%, 10%, 14%, 19%, 22%, 26%, 30%, 34%, 100% { transform: scale(1); }
  14.3%, 26.3%, 34.3% { transform: scale(0.7); }
}

@media (max-width: 480px) {
  .bc-buy-demo-panel { height: 460px; }
}

/* From components/faq.njk (1) */
.bc-faq-section,
  .bc-faq-section * {
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif !important;
    font-synthesis: none;
  }

  .bc-faq-section {
    --bc-faq-blue: #0c2899;
    --bc-faq-blue-rgb: 12, 40, 153;
    position: relative;
    overflow: visible;
    isolation: isolate;
    padding: 5.5rem 0 6.5rem;
    background: #050505;
    color: #fff;
  }

  .bc-faq-glow {
    position: absolute;
    z-index: 0;
    right: 50%;
    bottom: -300px;
    width: 1100px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(var(--bc-faq-blue-rgb), 0.35) 0%, rgba(var(--bc-faq-blue-rgb), 0.12) 38%, transparent 72%);
    filter: blur(130px);
    transform: translateX(50%);
    pointer-events: none;
  }

  .bc-faq-side-glow {
    position: absolute;
    z-index: 0;
    top: -460px;
    left: 0;
    width: min(980px, 92vw);
    height: 920px;
    background: radial-gradient(ellipse at 0% 50%, rgba(var(--bc-faq-blue-rgb), 0.2) 0%, rgba(var(--bc-faq-blue-rgb), 0.09) 38%, rgba(var(--bc-faq-blue-rgb), 0.025) 60%, transparent 78%);
    filter: blur(32px);
    opacity: 0.72;
    pointer-events: none;
  }

  .bc-faq-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  .bc-faq-layout {
    display: grid;
    grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
    align-items: start;
    gap: 5rem;
  }

  .bc-faq-left {
    position: sticky;
    top: 6rem;
    align-self: start;
    margin-top: -0.75rem;
  }

  .bc-faq-badge-wrap {
    margin-bottom: 1.6rem;
  }

  .bc-faq-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.38rem 1.05rem 0.38rem 0.75rem;
    border: 1px solid rgba(var(--bc-faq-blue-rgb), 0.38);
    border-radius: 999px;
    background: rgba(var(--bc-faq-blue-rgb), 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 20px rgba(0, 0, 0, 0.25);
    color: #0272F9;
    font-size: 0.79rem;
    font-weight: 600;
    letter-spacing: 0.02em;
  }

  .bc-faq-badge svg {
    width: 13px;
    height: 13px;
  }

  .bc-faq-badge span {
    color: rgba(255, 255, 255, 0.8);
  }

  .bc-faq-title {
    max-width: 23rem;
    margin: 0 0 1.1rem;
    color: #fff;
    font-size: clamp(2rem, 3.5vw, 3.25rem);
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }

  .bc-faq-title-line {
    display: block;
  }

  .bc-faq-title-accent {
    color: #0272F9;
    text-shadow: none;
  }

  .bc-faq-subtitle {
    max-width: 22rem;
    margin: 0 0 1.75rem;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.65;
  }

  .bc-faq-help {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 40px;
    padding: 0.5rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  }

  .bc-faq-help:hover {
    border-color: rgba(var(--bc-faq-blue-rgb), 0.6);
    background: rgba(var(--bc-faq-blue-rgb), 0.14);
    color: #fff;
    transform: translateY(-1px);
  }

  .bc-faq-help-icon,
  .bc-faq-help-arrow {
    display: inline-flex;
  }

  .bc-faq-help-icon {
    color: rgba(255, 255, 255, 0.86);
  }

  .bc-faq-help-icon svg {
    width: 16px;
    height: 16px;
  }

  .bc-faq-help-text {
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
  }

  .bc-faq-help-arrow {
    width: 19px;
    height: 19px;
    color: #0272F9;
    transition: transform 0.2s ease;
  }

  .bc-faq-help-arrow svg {
    width: 100%;
    height: 100%;
  }

  .bc-faq-help:hover .bc-faq-help-arrow {
    transform: translateX(3px);
  }

  .bc-faq-right {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
  }

  .bc-faq-item {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    background: rgba(16, 16, 18, 0.9);
    transition: border-color 0.2s ease, background 0.2s ease;
  }

  .bc-faq-item:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }

  .bc-faq-item.is-open {
    border-color: rgba(var(--bc-faq-blue-rgb), 0.55);
    background: #11131c;
  }

  .bc-faq-item.bc-faq-card-ready {
    opacity: 0 !important;
    transform: translateY(24px) scale(0.985) !important;
    transition: opacity 0.68s cubic-bezier(0.16, 1, 0.3, 1), transform 0.68s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, background 0.2s ease !important;
  }

  .bc-faq-item.bc-faq-card-ready.bc-faq-card-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }

  .bc-faq-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    padding: 1.35rem 1.5rem;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    touch-action: manipulation;
  }

  .bc-faq-button:focus-visible {
    outline: 2px solid #4d6fff;
    outline-offset: -2px;
  }

  .bc-faq-question {
    color: rgba(230, 234, 255, 0.86);
    font-size: 0.94rem;
    font-weight: 650;
    line-height: 1.5;
    transition: color 0.2s ease;
  }

  .bc-faq-item.is-open .bc-faq-question,
  .bc-faq-button:hover .bc-faq-question {
    color: #fff;
  }

  .bc-faq-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #0272F9;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, color 0.2s ease;
  }

  .bc-faq-plus svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.5;
  }

  .bc-faq-item.is-open .bc-faq-plus {
    background: var(--bc-faq-blue);
    color: #fff;
    transform: rotate(45deg);
  }

  .bc-faq-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.38s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .bc-faq-body:not([hidden]) {
    display: block;
  }

  .bc-faq-body::before {
    content: "";
    display: block;
    height: 1px;
    margin: 0 1.5rem 0.85rem;
    background: linear-gradient(to right, rgba(110, 134, 237, 0.35), rgba(110, 134, 237, 0.08) 58%, transparent);
  }

  .bc-faq-body p {
    max-width: 650px;
    margin: 0;
    padding: 0 1.5rem 1.4rem;
    color: rgba(205, 215, 243, 0.72);
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.85;
    white-space: pre-line;
  }

  @media (max-width: 860px) {
    .bc-faq-section {
      padding: 5rem 0;
    }

    .bc-faq-layout {
      display: block;
    }

    .bc-faq-left {
      position: static;
      margin: 0 0 2.5rem;
      text-align: center;
    }

    .bc-faq-title,
    .bc-faq-subtitle {
      max-width: 38rem;
      margin-right: auto;
      margin-left: auto;
    }
  }

  @media (min-width: 861px) {
    .bc-faq-title {
      font-size: clamp(calc(2rem - 5px), calc(3.5vw - 5px), calc(3.25rem - 5px));
      font-weight: 730;
    }
  }

  @media (max-width: 520px) {
    .bc-faq-section {
      padding: 4rem 0;
    }

    .bc-faq-wrap {
      padding: 0 1.1rem;
    }

    .bc-faq-title {
      font-size: 2rem;
    }

    .bc-faq-right {
      gap: 0.7rem;
    }

    .bc-faq-button {
      gap: 1rem;
      padding: 1.1rem 1.15rem;
    }

    .bc-faq-question {
      font-size: 0.875rem;
    }

    .bc-faq-body::before {
      margin: 0 1.15rem 0.7rem;
    }

    .bc-faq-body p {
      padding: 0 1.15rem 1.1rem;
      font-size: 0.84rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .bc-faq-section *,
    .bc-faq-section *::before,
    .bc-faq-section *::after {
      transition-duration: 0.01ms !important;
    }

    .bc-faq-item.bc-faq-card-ready,
    .bc-faq-item.bc-faq-card-ready.bc-faq-card-visible {
      opacity: 1;
      transform: none;
    }
  }

/* From components/stats.njk (1) */
.bc-nebula-stats,
  .bc-nebula-stats * {
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif !important;
    font-synthesis: none;
  }

  .bc-nebula-stats {
    padding: 72px 0;
    background: #050505;
    color: #fff;
  }

  .bc-nebula-stats-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
  }

  .bc-nebula-stats-grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
    align-items: stretch;
    gap: 20px;
  }

  .bc-nebula-stats-primary,
  .bc-nebula-stats-list {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: #0d0d10;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  }

  .bc-nebula-stats-primary {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 40px;
    border-color: rgba(12, 40, 153, 0.28);
  }

  .bc-nebula-stats-primary::before {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
      radial-gradient(118% 148% at 100% -18%, rgba(12, 40, 153, 0.5) 0%, rgba(12, 40, 153, 0.22) 42%, transparent 76%),
      radial-gradient(94% 132% at -10% 118%, rgba(12, 40, 153, 0.25) 0%, rgba(12, 40, 153, 0.09) 46%, transparent 80%);
    content: "";
    pointer-events: none;
  }

  .bc-nebula-stats-primary-content {
    position: relative;
    z-index: 1;
  }

  .bc-nebula-stats-watermark {
    position: absolute;
    right: 16px;
    bottom: -24px;
    color: rgba(255, 255, 255, 0.04);
    font-size: 150px;
    font-weight: 800;
    letter-spacing: -0.055em;
    line-height: 1;
    white-space: nowrap;
    user-select: none;
  }

  .bc-nebula-stats-icon-tile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-bottom: 12px;
    border: 1px solid rgba(12, 40, 153, 0.38);
    border-radius: 12px;
    background: rgba(12, 40, 153, 0.16);
    color: #0272F9;
    font-size: 14px;
  }

  .bc-nebula-stats-icon-tile svg {
    display: block;
    width: 16px;
    height: 16px;
  }

  .bc-nebula-stats-primary-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
    color: #0272F9;
    font-size: clamp(2.125rem, calc(4.8vw + 1rem), 3.9375rem);
    font-weight: 520;
    letter-spacing: -0.025em;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .bc-nebula-stats-primary-value > span:last-child {
    color: #fff;
  }

  .bc-nebula-stats-primary-label {
    max-width: 160px;
    margin: 16px 0 0;
    color: rgba(255, 255, 255, 0.48);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-transform: uppercase;
  }

  .bc-nebula-stats-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }

  .bc-nebula-stats-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0;
    gap: 16px;
    padding: 16px 24px;
  }

  .bc-nebula-stats-row + .bc-nebula-stats-row {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .bc-nebula-stats-row p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
  }

  .bc-nebula-stats-row p svg {
    display: block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: rgba(235, 237, 243, 0.68);
  }

  .bc-nebula-stats-review-dot {
    stroke: #17171b;
    stroke-width: 3.2;
  }

  .bc-nebula-stats-row-value {
    display: flex;
    align-items: baseline;
    flex-shrink: 0;
    gap: 2px;
    color: #0272F9;
    font-size: clamp(1.2rem, calc(0.9vw + 0.95rem), 1.546875rem);
    font-weight: 520;
    letter-spacing: -0.02em;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .bc-nebula-stats-primary.bc-stats-card-ready,
  .bc-nebula-stats-list.bc-stats-card-ready {
    opacity: 0 !important;
    transition: opacity 0.72s ease !important;
  }

  .bc-nebula-stats-primary.bc-stats-card-ready.bc-stats-card-visible,
  .bc-nebula-stats-list.bc-stats-card-ready.bc-stats-card-visible {
    opacity: 1 !important;
  }

  .bc-nebula-stats-list.bc-stats-card-ready {
    transition-delay: 0.14s !important;
  }

  .bc-nebula-stats-row-value > span:last-child:not(:first-child) {
    color: #fff;
  }

  @media (max-width: 1023px) {
    .bc-nebula-stats-grid {
      grid-template-columns: 1fr;
    }

    .bc-nebula-stats-primary {
      padding: 32px;
    }

    .bc-nebula-stats-watermark {
      font-size: 110px;
    }
  }

  @media (max-width: 639px) {
    .bc-nebula-stats {
      padding: 56px 0;
    }

    .bc-nebula-stats-wrap {
      padding: 0 16px;
    }

    .bc-nebula-stats-row {
      padding: 15px 18px;
    }

    .bc-nebula-stats-row p {
      font-size: 13px;
    }

    .bc-nebula-stats-primary-value {
      font-size: 2.5rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .bc-nebula-stats-primary.bc-stats-card-ready,
    .bc-nebula-stats-list.bc-stats-card-ready {
      opacity: 1 !important;
      transition: none !important;
    }
  }

/* From components/products-page.njk (1) */
.bc-products-page,
  .bc-products-page * {
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif !important;
  }

  .bc-catalog-view {
    display: none;
  }

  .bc-catalog-route .bc-catalog-view {
    display: block;
  }

  .bc-catalog-route .bc-products-view {
    display: none;
  }

  .bc-catalog-view,
  .bc-products-view {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    padding: 9rem 1.5rem 6rem;
    background: linear-gradient(180deg, #050507 0%, #08080b 45%, #050505 100%);
    color: #fff;
  }

  .bc-products-page-glow {
    position: absolute;
    z-index: 0;
    top: -390px;
    left: 50%;
    width: min(820px, 86vw);
    height: 590px;
    border-radius: 50%;
    background: rgba(12, 40, 153, 0.19);
    filter: blur(175px);
    pointer-events: none;
    transform: translateX(-50%);
  }

  .bc-products-page-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bc-products-page-header {
    max-width: 760px;
    margin: 0 auto 2.25rem;
    text-align: center;
  }

  .bc-products-page-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    min-height: 34px;
    margin-bottom: 0.85rem;
    padding: 0.42rem 0.9rem;
    border: 1px solid rgba(2, 114, 249, 0.32);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(2, 114, 249, 0.12), rgba(12, 40, 153, 0.08));
    color: #0272F9;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 28px -18px rgba(2, 114, 249, 0.75);
  }

  .bc-products-page-eyebrow svg {
    width: 0.95rem;
    height: 0.95rem;
    flex: 0 0 auto;
    stroke-width: 1.8;
  }

  .bc-products-page-header h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.9rem, 4.5vw, 3.65rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.02;
  }

  .bc-products-page-header p {
    max-width: 590px;
    margin: 1rem auto 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.96rem;
    font-weight: 400;
    line-height: 1.7;
  }

  .bc-search-shell {
    position: relative;
    width: min(100%, 650px);
    margin: 0 auto 3.25rem;
  }

  .bc-catalog-search,
  .bc-product-search {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 0.35rem 0.45rem 0.35rem 1rem;
    border: 1px solid transparent;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(18, 20, 29, 0.94), rgba(11, 12, 18, 0.97)) padding-box, linear-gradient(90deg, rgba(2, 114, 249, 0.62), rgba(255, 255, 255, 0.12) 28%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.12) 72%, rgba(2, 114, 249, 0.62)) border-box;
    box-shadow: 0 20px 55px -32px rgba(0, 0, 0, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

  .bc-catalog-search:focus-within,
  .bc-product-search:focus-within {
    border-color: transparent;
    background: linear-gradient(180deg, rgba(18, 20, 29, 0.97), rgba(11, 12, 18, 0.99)) padding-box, linear-gradient(90deg, rgba(2, 114, 249, 0.92), rgba(2, 114, 249, 0.24) 32%, rgba(255, 255, 255, 0.12) 50%, rgba(2, 114, 249, 0.24) 68%, rgba(2, 114, 249, 0.92)) border-box;
    box-shadow: 0 0 0 4px rgba(2, 114, 249, 0.08), 0 22px 58px -32px rgba(2, 114, 249, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.055);
  }

  .bc-catalog-search > .bc-search-icon,
  .bc-product-search > .bc-search-icon {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.42);
  }

  .bc-catalog-search input,
  .bc-product-search input {
    min-width: 0;
    flex: 1;
    padding: 0 0.8rem;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 500;
    -webkit-appearance: none;
    appearance: none;
  }

  .bc-catalog-search input::-webkit-search-cancel-button,
  .bc-product-search input::-webkit-search-cancel-button {
    display: none;
  }

  .bc-catalog-search input::placeholder,
  .bc-product-search input::placeholder {
    color: rgba(255, 255, 255, 0.34);
  }

  .bc-catalog-search kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.72rem;
  }

  .bc-search-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, 0.44);
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  }

  .bc-search-clear[hidden] {
    display: none;
  }

  .bc-search-clear:hover,
  .bc-search-clear:focus-visible {
    border-color: rgba(255, 255, 255, 0.1);
    outline: none;
    background: rgba(255, 255, 255, 0.055);
    color: #fff;
  }

  .bc-search-clear svg {
    width: 0.95rem;
    height: 0.95rem;
  }

  .bc-product-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0 1.1rem;
    border: 1px solid rgba(2, 114, 249, 0.28);
    border-radius: 12px;
    background: linear-gradient(180deg, #1238cc, #0c2899);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 24px -15px rgba(2, 114, 249, 0.9);
    transition: filter 0.2s ease, transform 0.2s ease;
  }

  .bc-product-search-submit:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
  }

  .bc-product-search-submit svg {
    width: 0.9rem;
    height: 0.9rem;
  }

  .bc-product-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    width: 100%;
    max-width: 1152px;
    margin-right: auto;
    margin-left: auto;
  }

  .bc-product-grid-item {
    min-width: 0;
  }

  .bc-product-grid-item > .card {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
    box-shadow: 0 20px 44px -28px rgba(0, 0, 0, 0.85);
    transition: border-color 0.25s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
  }

  .bc-product-grid-item > .card:hover {
    border-color: rgba(12, 40, 153, 0.65);
    box-shadow: 0 24px 52px -26px rgba(12, 40, 153, 0.36);
    transform: translateY(-5px);
  }

  .bc-catalog-empty,
  .bc-products-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 2.5rem;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.025);
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
  }

  .bc-catalog-empty[hidden] {
    display: none;
  }

  .bc-catalog-empty svg,
  .bc-products-empty svg {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.85rem;
    color: #0272F9;
  }

  .bc-catalog-empty strong,
  .bc-products-empty strong {
    margin-bottom: 0.35rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
  }

  .bc-catalog-empty span,
  .bc-products-empty span {
    font-size: 0.86rem;
  }

  .bc-products-empty a {
    margin-top: 1rem;
    color: #0272F9;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
  }

  .bc-products-pagination {
    margin-top: 2.5rem;
  }

  .bc-products-page .modal-content {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    background: #0b0b0e;
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.65);
  }

  @media (min-width: 560px) {
    .bc-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 900px) {
    .bc-product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1200px) {
    .bc-product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 640px) {
    .bc-catalog-view,
    .bc-products-view {
      padding-right: 2.5rem;
      padding-left: 2.5rem;
    }
  }

  @media (max-width: 520px) {
    .bc-catalog-view,
    .bc-products-view {
      padding-top: 7.75rem;
    }

    .bc-products-page-header {
      margin-bottom: 1.8rem;
    }

    .bc-product-search-submit {
      width: 42px;
      padding: 0;
    }

    .bc-product-search-submit span {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
    }

    .bc-catalog-search kbd {
      display: none;
    }
  }

  @media (min-width: 1024px) {
    .bc-catalog-view,
    .bc-products-view {
      padding: 10rem 4rem 7rem;
    }
  }

/* From components/why-better-cheats.njk (1) */
.bc-why-section,
.bc-why-section * {
  box-sizing: border-box;
}

.bc-why-section {
  position: relative;
  overflow: hidden;
  background: #050505;
  color: #fff;
  font-family: 'Inter', sans-serif;
  padding: 4rem 1.5rem;
}
.bc-why-section::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  background: url('https://web.archive.org/web/20260728194934im_/http://bettercheats.com/why-bg.jpg') center / cover no-repeat;
  opacity: 0.4;
}
.bc-why-section::after {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 320px;
  background: linear-gradient(to bottom, transparent 0%, rgba(5, 5, 5, 0.72) 45%, #050505 100%);
  pointer-events: none;
}

.bc-why-glow {
  position: absolute;
  z-index: 0;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  filter: blur(110px);
  opacity: 0.28;
  pointer-events: none;
}
.bc-why-glow--gold {
  top: -160px;
  left: -120px;
  background: #0c2899;
}
.bc-why-glow--blue {
  bottom: -180px;
  right: -140px;
  background: #0c2899;
}
@media (min-width: 640px) {
  .bc-why-section {
    padding: 5rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  .bc-why-section {
    padding: 6rem 4rem;
  }
}

.bc-why-header {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto 2.5rem;
}

.bc-why-pre-reveal .bc-why-header,
.bc-why-pre-reveal .bc-why-card {
  opacity: 0;
}
.bc-why-pre-reveal .bc-why-header {
  transform: translateY(24px);
}
.bc-why-pre-reveal .bc-why-card {
  transform: translateY(34px) scale(0.96);
}
.bc-why-in-view .bc-why-header {
  animation: bcWhyRevealHeader 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.bc-why-in-view .bc-why-card {
  animation: bcWhyRevealCard 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.bc-why-in-view .bc-why-card:nth-child(1) {
  animation-delay: 0.1s;
}
.bc-why-in-view .bc-why-card:nth-child(2) {
  animation-delay: 0.2s;
}
.bc-why-in-view .bc-why-card:nth-child(3) {
  animation-delay: 0.3s;
}
.bc-why-in-view .bc-why-card:nth-child(4) {
  animation-delay: 0.4s;
}
.bc-why-in-view .bc-why-card:nth-child(5) {
  animation-delay: 0.5s;
}

@keyframes bcWhyRevealHeader {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bcWhyRevealCard {
  from {
    opacity: 0;
    transform: translateY(34px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.bc-why-eyebrow {
  display: block;
  color: #0272F9;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 0.75rem;
}
.bc-why-heading {
  margin: 0;
  max-width: 32rem;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fff;
}

.bc-why-grid {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
@media (min-width: 900px) {
  .bc-why-grid {
    grid-template-columns: 1.1fr 1fr 1fr 1.1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
      'wide ease ease reviews'
      'wide updates quality reviews';
  }
}

.bc-why-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.85rem;
  background:
    linear-gradient(#121214, #121214) padding-box,
    linear-gradient(155deg, rgba(12, 40, 153, 0.35), rgba(255, 255, 255, 0.06) 40%, rgba(242, 193, 78, 0.25)) border-box;
  border: 1px solid transparent;
  box-shadow:
    0 30px 60px -30px rgba(0, 0, 0, 0.7),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease;
}
.bc-why-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(12, 40, 153, 0.08), transparent 60%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.bc-why-card:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow:
    0 40px 80px -25px rgba(12, 40, 153, 0.22),
    0 20px 45px -20px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.bc-why-card:hover::after {
  opacity: 1;
}

.bc-why-card h3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 0.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
}
.bc-why-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 11px;
  background: linear-gradient(155deg, rgba(12, 40, 153, 0.22), rgba(12, 40, 153, 0.04));
  border: 1px solid rgba(12, 40, 153, 0.3);
  box-shadow: 0 0 20px rgba(12, 40, 153, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.bc-why-card:hover .bc-why-icon-badge {
  transform: scale(1.08) rotate(-4deg);
  box-shadow: 0 0 28px rgba(12, 40, 153, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.bc-why-card-icon {
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  color: #0272F9;
}
.bc-why-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
  line-height: 1.6;
}

.bc-why-card--wide {
  grid-area: wide;
  min-height: 460px;
}
.bc-why-card--ease {
  grid-area: ease;
  min-height: 340px;
}
.bc-why-card--reviews {
  grid-area: reviews;
  min-height: 460px;
  justify-content: space-between;
}
.bc-why-card--updates {
  grid-area: updates;
  justify-content: space-between;
}
.bc-why-card--quality {
  grid-area: quality;
  justify-content: flex-start;
}

@media (max-width: 899px) {
  .bc-why-grid .bc-why-card--wide,
  .bc-why-grid .bc-why-card--ease,
  .bc-why-grid .bc-why-card--reviews,
  .bc-why-grid .bc-why-card--updates,
  .bc-why-grid .bc-why-card--quality {
    grid-area: auto;
  }
}

.bc-quality-sparkles {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.bc-sparkle {
  position: absolute;
  color: #0272F9;
  opacity: 0;
  animation: bcSparkleTwinkle 3s ease-in-out infinite;
  filter: drop-shadow(0 0 4px rgba(12, 40, 153, 0.7));
}

@keyframes bcSparkleTwinkle {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.4) rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: scale(1) rotate(25deg);
  }
}

.bc-why-card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.bc-why-card-bg--wide {
  background: radial-gradient(circle at 30% 20%, rgba(12, 40, 153, 0.25), transparent 55%),
    linear-gradient(160deg, #2a2116, #12100c 65%);
}

.bc-price-compare {
  position: relative;
  z-index: 2;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bc-price-save-badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  background: rgba(12, 40, 153, 0.12);
  border: 1px solid rgba(12, 40, 153, 0.3);
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  color: #0272F9;
  font-size: 0.72rem;
  font-weight: 600;
  animation: bcPriceBadgePulse 2.6s ease-in-out infinite;
}
@keyframes bcPriceBadgePulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(12, 40, 153, 0);
  }
  50% {
    box-shadow: 0 0 18px rgba(12, 40, 153, 0.45);
  }
}
.bc-price-save-value {
  font-size: 1.05rem;
  font-weight: 800;
}
.bc-price-rows {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.bc-price-row {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.bc-price-row-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.bc-price-row-label {
  font-size: 0.78rem;
  font-weight: 700;
  color: #fff;
}
.bc-price-row-savings {
  font-size: 0.68rem;
  font-weight: 700;
  color: #58d68d;
}
.bc-price-bar-line {
  display: grid;
  grid-template-columns: 38px 1fr 44px;
  align-items: center;
  gap: 0.5rem;
}
.bc-price-bar-name {
  font-size: 0.58rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.4);
}
.bc-price-bar-track {
  position: relative;
  height: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  overflow: hidden;
}
.bc-price-bar {
  position: absolute;
  inset: 0;
  width: 0;
  border-radius: 999px;
  transition: width 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.bc-why-in-view .bc-price-bar {
  width: var(--w);
}
.bc-price-bar--us {
  background: linear-gradient(90deg, #0c2899, #1238cc);
  animation: bcPriceBarGlowPulse 2.6s ease-in-out infinite;
}
.bc-price-bar--us::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.6) 50%, transparent 70%);
  background-size: 220% 100%;
  animation: bcPriceBarShimmer 2.4s linear infinite;
}
@keyframes bcPriceBarGlowPulse {
  0%,
  100% {
    box-shadow: 0 0 10px rgba(12, 40, 153, 0.5);
  }
  50% {
    box-shadow: 0 0 18px rgba(12, 40, 153, 0.85);
  }
}
@keyframes bcPriceBarShimmer {
  0% {
    background-position: 220% 0;
  }
  100% {
    background-position: -20% 0;
  }
}
.bc-price-bar--them {
  background: rgba(255, 255, 255, 0.25);
  transition-delay: 0.1s;
}
.bc-price-bar-value {
  font-size: 0.68rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
  text-align: right;
}
.bc-price-rows .bc-price-row:nth-child(2) .bc-price-bar {
  transition-delay: 0.12s;
}
.bc-price-rows .bc-price-row:nth-child(2) .bc-price-bar--them {
  transition-delay: 0.22s;
}
.bc-price-rows .bc-price-row:nth-child(3) .bc-price-bar {
  transition-delay: 0.24s;
}
.bc-price-rows .bc-price-row:nth-child(3) .bc-price-bar--them {
  transition-delay: 0.34s;
}
.bc-price-rows .bc-price-row:nth-child(4) .bc-price-bar {
  transition-delay: 0.36s;
}
.bc-price-rows .bc-price-row:nth-child(4) .bc-price-bar--them {
  transition-delay: 0.46s;
}
.bc-why-card-bg--ease {
  background: radial-gradient(circle at 70% 35%, rgba(242, 193, 78, 0.25), transparent 55%),
    linear-gradient(160deg, #101828, #0a0d10 65%);
}

.bc-why-card-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.12;
}

.bc-why-card-overlay {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.15) 60%);
}

.bc-why-card-body {
  position: relative;
  z-index: 2;
}

.bc-why-stats {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0.75rem;
  margin-bottom: auto;
}
.bc-why-stat {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(12, 40, 153, 0.18);
  border-radius: 14px;
  padding: 0.9rem 1.2rem;
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
}
.bc-why-stat-value {
  font-size: 1.8rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.bc-why-stat-label {
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}

.bc-ease-demo {
  position: relative;
  z-index: 2;
  margin-bottom: auto;
  width: 100%;
  height: 145px;
}

.bc-ease-demo-buttons {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bc-ease-btn {
  border: none;
  border-radius: 9px;
  padding: 0.55rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: default;
  transition: box-shadow 0.2s ease;
  animation-duration: 9s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.bc-ease-btn--purchase {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff;
  animation-name: bcEasePurchasePress;
}
.bc-ease-btn--inject {
  background: linear-gradient(135deg, #1238cc, #0c2899);
  color: #141414;
  box-shadow: 0 0 16px rgba(12, 40, 153, 0.35);
  animation-name: bcEaseInjectPress;
}

.bc-ease-cursor {
  position: absolute;
  z-index: 5;
  top: 26px;
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6));
  animation: bcEaseCursorMove 9s ease-in-out infinite, bcEaseCursorClick 9s ease-in-out infinite;
}
.bc-ease-cursor svg {
  width: 100%;
  height: 100%;
  color: #fff;
}

.bc-ease-screen {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 60%;
  max-width: 180px;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 40%, rgba(12, 40, 153, 0.18), transparent 65%),
    linear-gradient(160deg, #1b1b1f, #0a0a0c);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 20px 45px -12px rgba(0, 0, 0, 0.75), 0 0 0 4px rgba(0, 0, 0, 0.35);
  animation: bcEaseScreenPop 9s ease-in-out infinite;
}
.bc-ease-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bc-ease-toast {
  position: absolute;
  z-index: 4;
  top: calc(50% + 44px);
  left: 50%;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
  background: rgba(20, 24, 20, 0.9);
  border: 1px solid rgba(88, 214, 141, 0.35);
  color: #58d68d;
  font-size: 0.72rem;
  font-weight: 600;
  border-radius: 999px;
  padding: 0.4rem 0.8rem;
  box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.7);
  animation: bcEaseToastPop 9s ease-in-out infinite;
}
.bc-ease-toast svg {
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
}

.bc-ease-splash {
  position: absolute;
  z-index: 6;
  top: 4px;
  left: 0;
  right: 0;
  height: 40px;
  pointer-events: none;
}
.bc-ease-splash span {
  position: absolute;
  top: 0;
  opacity: 0;
  font-weight: 700;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.bc-ease-splash--dollar span {
  font-size: 0.85rem;
  color: #58d68d;
  text-shadow: 0 0 6px rgba(88, 214, 141, 0.75);
  animation-name: bcEaseDollarSplash;
}
.bc-ease-splash--dollar span:nth-child(1) { left: 3%; }
.bc-ease-splash--dollar span:nth-child(2) { left: 12%; animation-delay: 0.08s; }
.bc-ease-splash--dollar span:nth-child(3) { left: 19%; animation-delay: 0.16s; }
.bc-ease-splash--dollar span:nth-child(4) { left: 9%; animation-delay: 0.24s; }

.bc-ease-splash--matrix span {
  font-size: 0.8rem;
  font-family: 'Courier New', monospace;
  color: #39ff6a;
  text-shadow: 0 0 6px rgba(57, 255, 106, 0.8);
  animation-name: bcEaseMatrixSplash;
}
.bc-ease-splash--matrix span:nth-child(1) { left: 75%; }
.bc-ease-splash--matrix span:nth-child(2) { left: 82%; animation-delay: 0.07s; }
.bc-ease-splash--matrix span:nth-child(3) { left: 89%; animation-delay: 0.14s; }
.bc-ease-splash--matrix span:nth-child(4) { left: 78%; animation-delay: 0.21s; }
.bc-ease-splash--matrix span:nth-child(5) { left: 86%; animation-delay: 0.28s; }

@keyframes bcEaseDollarSplash {
  0%, 18%, 30%, 100% {
    opacity: 0;
    transform: translateY(0) scale(0.6);
  }
  20% {
    opacity: 1;
    transform: translateY(-6px) scale(1);
  }
  27% {
    opacity: 0;
    transform: translateY(-34px) scale(0.9);
  }
}

@keyframes bcEaseMatrixSplash {
  0%, 43%, 58%, 100% {
    opacity: 0;
    transform: translateY(-6px);
  }
  46% {
    opacity: 1;
    transform: translateY(2px);
  }
  56% {
    opacity: 0;
    transform: translateY(38px);
  }
}

@keyframes bcEaseCursorMove {
  0%,
  9% {
    left: 12%;
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  9.01% {
    opacity: 1;
  }
  28% {
    left: 12%;
  }
  42% {
    left: 84%;
  }
  88% {
    left: 84%;
    opacity: 1;
  }
  94% {
    opacity: 0;
  }
  100% {
    left: 12%;
    opacity: 0;
  }
}

@keyframes bcEaseCursorClick {
  0%,
  17%,
  21%,
  43%,
  47%,
  100% {
    transform: scale(1);
  }
  19% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(0.7);
  }
}

@keyframes bcEasePurchasePress {
  0%,
  16%,
  22%,
  100% {
    box-shadow: none;
  }
  18%,
  19% {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
  }
}

@keyframes bcEaseInjectPress {
  0%,
  42%,
  48%,
  100% {
    box-shadow: 0 0 16px rgba(12, 40, 153, 0.35);
  }
  44%,
  45% {
    box-shadow: 0 0 0 5px rgba(12, 40, 153, 0.45);
  }
}

@keyframes bcEaseScreenPop {
  0%,
  45% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.85);
  }
  52% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  97%,
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
}

@keyframes bcEaseToastPop {
  0%,
  54% {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  96%,
  100% {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
}

.bc-why-reviews-list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  margin-bottom: 1.5rem;
}
.bc-why-reviews-list::after {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -12px;
  height: 160px;
  background: linear-gradient(to bottom, rgba(18, 18, 20, 0) 0%, rgba(18, 18, 20, 0.85) 65%, #121214 100%);
  pointer-events: none;
}
.bc-why-review {
  display: flex;
  gap: 0.75rem;
}
.bc-why-review--fade {
  opacity: 0.35;
}
.bc-why-review-avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(12, 40, 153, 0.35), rgba(12, 40, 153, 0.08));
  color: #0272F9;
  font-weight: 700;
  font-size: 0.9rem;
}
.bc-why-review-body strong {
  color: #fff;
  font-size: 0.9rem;
}
.bc-why-review-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bc-why-review-stars {
  color: #0272F9;
  font-size: 0.75rem;
  letter-spacing: 1px;
}
.bc-why-review-date {
  display: block;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
  margin: 0.15rem 0 0.4rem;
}
.bc-why-review-body p {
  margin: 0;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

.bc-why-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-start;
  margin-top: 1.25rem;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: rgba(88, 214, 141, 0.12);
  border: 1px solid rgba(88, 214, 141, 0.25);
  color: #58d68d;
  font-size: 0.8rem;
  font-weight: 500;
}
.bc-why-pill svg {
  width: 0.9rem;
  height: 0.9rem;
}

/* From snippets/category-library-styles.njk (1) */
.bc-category-library,
  .bc-category-library * {
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif !important;
  }

  .bc-category-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 1.25rem;
    row-gap: 2.75rem;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }

  .bc-cat-card {
    position: relative;
    display: block;
    min-width: 0;
    color: inherit;
    text-decoration: none;
  }

  .bc-cat-card[hidden] {
    display: none;
  }

  .bc-category-library .bc-cat-card.bc-category-card-ready {
    opacity: 0 !important;
    transform: translate3d(0, 24px, 0) scale(0.985) !important;
    transition: opacity 0.76s cubic-bezier(0.16, 1, 0.3, 1), transform 0.76s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transition-delay: calc(var(--bc-category-reveal-index) * 85ms) !important;
    will-change: opacity, transform;
  }

  .bc-category-library .bc-cat-card.bc-category-card-ready.bc-category-card-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    will-change: auto;
  }

  .bc-cat-card-stage {
    position: relative;
    clip-path: inset(-1000px 0 0 0);
  }

  .bc-cat-card-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    aspect-ratio: 3 / 3.6;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 20px;
    background: #0a0a0d;
    box-shadow: 0 25px 50px -22px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease;
  }

  .bc-cat-card:hover .bc-cat-card-box {
    border-color: rgba(12, 40, 153, 0.72);
    box-shadow: 0 30px 60px -20px rgba(12, 40, 153, 0.48);
    transform: translateY(-6px);
  }

  .bc-cat-card-bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    filter: brightness(0.8);
    transform: scale(1.06);
    transition: transform 0.6s ease, filter 0.4s ease;
  }

  .bc-cat-card:hover .bc-cat-card-bg {
    filter: brightness(0.9);
    transform: scale(1.12);
  }

  .bc-cat-card-floor {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(5, 9, 30, 0.42) 34%, transparent 66%);
  }

  .bc-cat-card-glow {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(135deg, rgba(12, 40, 153, 0.38), transparent 55%);
    mix-blend-mode: screen;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
  }

  .bc-cat-card:hover .bc-cat-card-glow {
    opacity: 1;
  }

  .bc-cat-card-character {
    position: absolute;
    z-index: 2;
    bottom: 14%;
    left: 50%;
    width: 64%;
    max-height: 96%;
    object-fit: contain;
    object-position: bottom;
    filter: brightness(0.68) drop-shadow(0 16px 20px rgba(0, 0, 0, 0.55));
    pointer-events: none;
    transform: translateX(-50%) translate(var(--char-offset-x, 0%), var(--char-offset-y, 0%)) scale(var(--char-scale, 1));
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
    -webkit-box-reflect: below 2px linear-gradient(to bottom, transparent 55%, rgba(255, 255, 255, 0.12) 100%);
  }

  .bc-cat-card:hover .bc-cat-card-character {
    filter: brightness(1) drop-shadow(0 16px 20px rgba(0, 0, 0, 0.55));
    transform: translateX(-50%) translate(var(--char-offset-x, 0%), var(--char-offset-y, 0%)) scale(var(--char-scale, 1)) translateY(-6px);
  }

  .bc-cat-card-stars {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
  }

  .bc-cat-card-star {
    position: absolute;
    color: #0272F9;
    font-size: 13px;
    opacity: 0;
    text-shadow: 0 0 8px rgba(12, 40, 153, 0.95), 0 0 4px rgba(255, 255, 255, 0.8);
  }

  .bc-cat-card-star::before {
    content: "✦";
  }

  .bc-cat-card-star:nth-child(1) { top: 10%; left: 22%; font-size: 11px; }
  .bc-cat-card-star:nth-child(2) { top: 16%; left: 70%; font-size: 15px; }
  .bc-cat-card-star:nth-child(3) { top: 32%; left: 14%; font-size: 10px; }
  .bc-cat-card-star:nth-child(4) { top: 28%; left: 80%; font-size: 13px; }
  .bc-cat-card-star:nth-child(5) { top: 48%; left: 30%; font-size: 10px; }
  .bc-cat-card-star:nth-child(6) { top: 44%; left: 76%; font-size: 14px; }

  @keyframes bc-cat-card-star-twinkle {
    0%, 100% { opacity: 0; transform: scale(0.4) rotate(0deg); }
    50% { opacity: 1; transform: scale(1.15) rotate(25deg); }
  }

  .bc-cat-card:hover .bc-cat-card-star {
    animation: bc-cat-card-star-twinkle 0.9s ease-in-out 3;
  }

  .bc-cat-card:hover .bc-cat-card-star:nth-child(2) { animation-delay: 0.15s; }
  .bc-cat-card:hover .bc-cat-card-star:nth-child(3) { animation-delay: 0.3s; }
  .bc-cat-card:hover .bc-cat-card-star:nth-child(4) { animation-delay: 0.45s; }
  .bc-cat-card:hover .bc-cat-card-star:nth-child(5) { animation-delay: 0.6s; }
  .bc-cat-card:hover .bc-cat-card-star:nth-child(6) { animation-delay: 0.75s; }

  .bc-cat-card-glass-bar {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    overflow: hidden;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-top-color: rgba(255, 255, 255, 0.14);
    border-radius: 0 0 20px 20px;
    background: rgba(18, 18, 22, 0.55);
    backdrop-filter: blur(14px) saturate(160%);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
  }

  .bc-cat-card-glass-info {
    display: flex;
    align-items: center;
    min-width: 0;
  }

  .bc-cat-card-logo {
    display: block;
    width: auto;
    max-width: 140px;
    height: 26px;
    flex-shrink: 1;
    object-fit: contain;
    object-position: left center;
  }

  .bc-cat-card-name {
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s ease;
  }

  .bc-cat-card:hover .bc-cat-card-name {
    color: #0272F9;
  }

  .bc-cat-card-count-chip {
    flex-shrink: 0;
    padding: 0.3rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.65rem;
    font-weight: 600;
    white-space: nowrap;
  }

  .bc-cat-card-viewall {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem;
    text-align: center;
    background: radial-gradient(circle at 50% 25%, rgba(12, 40, 153, 0.28), transparent 60%), linear-gradient(160deg, #080d2b, #0a0a0d 70%);
  }

  .bc-cat-card-viewall-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid rgba(12, 40, 153, 0.55);
    border-radius: 14px;
    background: linear-gradient(155deg, rgba(12, 40, 153, 0.35), rgba(12, 40, 153, 0.08));
    color: #0272F9;
    box-shadow: 0 0 20px rgba(12, 40, 153, 0.28);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .bc-cat-card:hover .bc-cat-card-viewall-icon {
    transform: scale(1.08) rotate(-4deg);
  }

  .bc-cat-card-viewall-icon svg {
    width: 1.6rem;
    height: 1.6rem;
  }

  .bc-cat-card-viewall-text {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
  }

  .bc-cat-card-viewall-arrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #0272F9;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .bc-cat-card-viewall-arrow svg {
    width: 0.9rem;
    height: 0.9rem;
    transition: transform 0.25s ease;
  }

  .bc-cat-card:hover .bc-cat-card-viewall-arrow svg {
    transform: translateX(4px);
  }

  @media (min-width: 480px) {
    .bc-category-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 640px) {
    .bc-category-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 639px) {
    .bc-cat-card-character {
      transform: translateX(-50%) translate(0%, var(--char-offset-y, 0%)) scale(var(--char-scale, 1));
    }

    .bc-cat-card:hover .bc-cat-card-character {
      transform: translateX(-50%) translate(0%, var(--char-offset-y, 0%)) scale(var(--char-scale, 1)) translateY(-6px);
    }
  }

  @media (min-width: 1024px) {
    .bc-category-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      column-gap: 1.5rem;
      row-gap: 3.5rem;
    }
  }

  @media (max-width: 639px) {
    .bc-category-library .bc-cat-card.bc-category-card-ready {
      transform: translate3d(0, 18px, 0) scale(0.99) !important;
      transition-duration: 0.68s !important;
      transition-delay: 60ms !important;
    }

    .bc-category-library .bc-cat-card.bc-category-card-ready.bc-category-card-visible {
      transform: translate3d(0, 0, 0) scale(1) !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .bc-category-library .bc-cat-card.bc-category-card-ready {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
  }

/* From components/footer.njk (1) */
.bc-stats-strip,
  .bc-site-footer {
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif;
  }

  .bc-stats-strip *,
  .bc-site-footer * {
    box-sizing: border-box;
    font-family: "Inter", Arial, sans-serif !important;
    font-synthesis: none;
  }

  .bc-stats-strip {
    position: relative;
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 3rem 1.5rem;
  }

  .bc-stats-strip-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
  }

  .bc-stats-strip-heading {
    margin: 0;
    max-width: 780px;
    font-size: clamp(1.3rem, 2.6vw, 2rem);
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #fff;
  }

  .bc-stats-strip-accent {
    color: #0272F9;
    text-shadow: 0 0 24px rgba(12, 40, 153, 0.55);
  }

  .bc-stats-strip-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    padding: 0.85rem 1.4rem;
    border-radius: 12px;
    border: 1px solid rgba(12, 40, 153, 0.5);
    background: rgba(12, 40, 153, 0.12);
    color: #0272F9;
    font-weight: 700;
    font-size: 0.88rem;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  }

  .bc-stats-strip-link svg {
    width: 1rem;
    height: 1rem;
    transition: transform 0.25s ease;
  }

  .bc-stats-strip-link:hover {
    background: rgba(12, 40, 153, 0.24);
    border-color: #0c2899;
    color: #fff;
    transform: translateY(-2px);
  }

  .bc-stats-strip-link:hover svg {
    transform: translateX(3px);
  }

  .bc-site-footer {
    position: relative;
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 3.5rem 1.5rem 2rem;
    color: #fff;
  }

  .bc-footer-top {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding-bottom: 3rem;
  }

  .bc-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .bc-footer-logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: 29px;
  }

  .bc-footer-tagline {
    margin: 0;
    max-width: 320px;
    font-size: 0.85rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.45);
  }

  .bc-footer-social-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }

  .bc-footer-social-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 1.1rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  }

  .bc-footer-social-btn svg {
    width: 1.1rem;
    height: 1.1rem;
    color: #0272F9;
  }

  .bc-footer-epvp-btn svg {
    width: auto;
    height: 1.1rem;
    color: #0272F9;
  }

  .bc-footer-social-btn:hover {
    border-color: rgba(12, 40, 153, 0.6);
    background: rgba(12, 40, 153, 0.16);
    color: #fff;
    transform: translateY(-2px);
  }

  .bc-footer-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.85rem;
  }

  .bc-footer-col-title {
    margin: 0 0 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.35);
  }

  .bc-footer-col a {
    font-size: 0.86rem;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .bc-footer-col a:hover {
    color: #0272F9;
  }

  .bc-footer-bottom {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .bc-footer-copyright,
  .bc-footer-secure {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.35);
  }

  .bc-footer-secure {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
  }

  .bc-footer-secure svg {
    width: 0.95rem;
    height: 0.95rem;
    color: #0272F9;
  }

  @media (min-width: 640px) {
    .bc-stats-strip {
      padding: 3.5rem 2.5rem;
    }

    .bc-site-footer {
      padding: 4rem 2.5rem 2rem;
    }
  }

  @media (min-width: 700px) {
    .bc-footer-top {
      grid-template-columns: 1.4fr repeat(3, 1fr);
      gap: 2rem;
    }
  }

  @media (min-width: 1024px) {
    .bc-stats-strip {
      padding: 4rem;
    }

    .bc-site-footer {
      padding: 4.5rem 4rem 2rem;
    }
  }

/* From layouts/master.njk (1) */
html.lenis,
  html.lenis body {
    height: auto;
  }

  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }

  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  .lenis.lenis-smooth iframe {
    pointer-events: none;
  }